Difference between revisions of "Template:Valencia UPV"
| (59 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | < | + | <html> |
| − | < | + | <script> |
| + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
| − | + | $(document).ready(function() { | |
| − | + | $("#HQ_page").attr('id',''); | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | //highlight current page on the menu | |
| + | highlight_current_page_menu(); | ||
| + | |||
| + | //accessing submenus | ||
| + | $(".menu_item").click(function(){ | ||
| + | $(".submenu_control_icon", this).toggleClass("open"); | ||
| + | $(this).next(".submenu").fadeToggle(400); | ||
| + | }); | ||
| + | |||
| + | //mobile menu access | ||
| + | $(".igem_2018_team_mobile_bar").click(function(){ | ||
| + | $(this).next().toggleClass("displaying_menu"); | ||
| + | }); | ||
| + | |||
| + | }); | ||
| − | |||
| − | |||
| − | + | function highlight_current_page_menu() { | |
| − | + | ||
| − | + | var page_url="https://2018.igem.org/"; | |
| − | + | page_url = page_url + wgPageName; | |
| − | + | $("a[href$='"+ page_url +"']").children().addClass("current_page"); | |
| − | + | ||
| + | //if the page is in a submenu, open the submenu and make the appropiate changes | ||
| + | if( $( ".current_page" ).hasClass( "submenu_item" )){ | ||
| + | |||
| + | $(".current_page").parent().parent().fadeToggle(400); | ||
| + | $(".current_page").parent().parent().prev().addClass("current_page"); | ||
| + | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); | ||
| + | |||
| + | } | ||
| + | } | ||
| − | |||
| − | |||
| − | + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | |
| + | </script> | ||
| − | |||
| − | + | <style> | |
| − | + | /**************************************************************************************************************************************************************************************************/ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | /**************************************************************************************************************************************************************************************************/ | |
| − | + | /* DEFAULT WIKI SETTINGS */ | |
| − | + | /**************************************************************************************************************************************************************************************************/ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | #home_logo, #sideMenu { display:none; } | |
| − | + | #sideMenu, #top_title, .patrollink {display:none;} | |
| − | + | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | |
| − | + | body {background-color:white; } | |
| − | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | /**************************************************************************************************************************************************************************************************/ | |
| − | + | /* MENU */ | |
| − | + | /**************************************************************************************************************************************************************************************************/ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | /*this wraps the whole of the menu*/ | |
| + | .igem_2018_team_menu { | ||
| + | background-color:#c4baba; | ||
| + | border-left: 1px solid #c4baba; | ||
| + | display:block; | ||
| + | float:right; | ||
| + | height:100vh; | ||
| + | max-width: 270px; | ||
| + | overflow-y: auto; | ||
| + | overflow-x: hidden; | ||
| + | padding:0px; | ||
| + | position:fixed; | ||
| + | right:0%; | ||
| + | text-align:left; | ||
| + | width: 15%; | ||
| + | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | .igem_2018_team_menu.displaying_menu{ | |
| − | + | display:block; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .igem_2018_team_menu a { | |
| − | + | color: #484848; | |
| − | + | text-decoration:none; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .igem_2018_team_menu img { | |
| − | + | width:100%; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | .igem_2018_team_menu .menu_item { | |
| − | + | background-color: #c4baba; | |
| − | + | border-bottom: 1px solid #928b8b; | |
| − | + | clear: both; | |
| − | + | color: #484848; | |
| − | + | cursor: pointer; | |
| − | + | float: left; | |
| − | + | font-size: 120%; | |
| − | + | font-weight: bold; | |
| − | + | padding: 15px 0px 15px 5%; | |
| − | + | width: 100%; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .igem_2018_team_menu .menu_item.direct_link { | |
| − | + | color: #484848; | |
| − | + | padding-left: 15%; | |
| + | } | ||
| + | .igem_2018_team_menu .menu_item:hover { | ||
| + | background-color: #ecb656; | ||
| + | } | ||
| − | |||
| − | |||
| − | + | .igem_2018_team_menu .menu_item .submenu_control_icon { | |
| − | + | color: #484848; | |
| − | + | float: left; | |
| + | width: 10%; | ||
| + | } | ||
| − | + | /* submenu icon "+" "-"*/ | |
| − | + | .igem_2018_team_menu .menu_item .submenu_control_icon::before { | |
| + | content: "+"; | ||
| + | } | ||
| − | + | /* submenu icon "+" "-"*/ | |
| + | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before { | ||
| + | content: "-"; | ||
| + | } | ||
| − | </ | + | /*submenu wrapper*/ |
| + | .igem_2018_team_menu .submenu{ | ||
| + | background-color: #e4dede; | ||
| + | clear:both; | ||
| + | display:none; | ||
| + | float: left; | ||
| + | width:100%; | ||
| + | } | ||
| + | |||
| + | /*styling for a submenu item*/ | ||
| + | .igem_2018_team_menu .submenu .submenu_item { | ||
| + | border-bottom: 1px solid #c4baba; | ||
| + | color: #635d5d; | ||
| + | height: 30px; | ||
| + | float: left; | ||
| + | font-size: 110%; | ||
| + | font-weight: bold; | ||
| + | padding: 12px 0px 0px 15%; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_menu .submenu .submenu_item:hover { | ||
| + | background-color: #f3bd5d; | ||
| + | } | ||
| + | |||
| + | |||
| + | .igem_2018_team_menu .submenu .submenu_item.current_page, | ||
| + | .igem_2018_team_menu .menu_item.current_page, | ||
| + | .igem_2018_team_menu .menu_item.direct_link.current_page { | ||
| + | background-color:#7acbd8; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /*mobile menu bar styling*/ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | |||
| + | .igem_2018_team_mobile_bar { | ||
| + | background-color:#e4dede; | ||
| + | border-bottom: 1px solid #c4baba; | ||
| + | cursor:pointer; | ||
| + | display:none; | ||
| + | float:left; | ||
| + | margin-top: 0; | ||
| + | padding: 5px 0; | ||
| + | position:fixed; | ||
| + | width:100%; | ||
| + | } | ||
| + | |||
| + | .igem_logo_mobile img { | ||
| + | width:70px; | ||
| + | } | ||
| + | |||
| + | .igem_logo_mobile { | ||
| + | float:left; | ||
| + | padding-left: 5%; | ||
| + | width: 30%; | ||
| + | } | ||
| + | |||
| + | .igem_menu_control_mobile img { | ||
| + | width:25px; | ||
| + | } | ||
| + | |||
| + | .igem_menu_control_mobile { | ||
| + | float:right; | ||
| + | padding-right:5%; | ||
| + | padding-top:5px; | ||
| + | text-align:right; | ||
| + | width: 30%; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | /* CONTENT OF THE PAGE */ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | /* general wrapper for the content */ | ||
| + | .igem_2018_team_content { | ||
| + | background-color:white; | ||
| + | display:block; | ||
| + | width: 87%; | ||
| + | } | ||
| + | |||
| + | /* subwrapper to center content */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
| + | margin:auto; | ||
| + | max-width: 1400px; | ||
| + | width:90%; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /*general styling*/ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;} | ||
| + | |||
| + | |||
| + | /* styling for the titles h1, h2*/ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 { | ||
| + | border-bottom:0px; | ||
| + | color: #635d5d; | ||
| + | font-family: "Arial Black", Gadget, sans-serif; | ||
| + | padding: 10px 0px; | ||
| + | } | ||
| + | |||
| + | /* styling for the titles h3, h3, h5, h6 */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h3, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h4, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h5, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { | ||
| + | border-bottom:0px; | ||
| + | color: #928b8b; | ||
| + | font-family: "Arial Black", Gadget, sans-serif; | ||
| + | padding: 5px 0px; | ||
| + | } | ||
| + | |||
| + | /* text */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper p { | ||
| + | font-size: 130%; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | padding: 5px 0px; | ||
| + | text-align: left; | ||
| + | color: #484848; | ||
| + | } | ||
| + | |||
| + | /* Links */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper a { | ||
| + | color: #5bc7d8; | ||
| + | font-weight: bold; | ||
| + | text-decoration: underline; | ||
| + | text-decoration-color:#5bc7d8; | ||
| + | transition: all 0.4s ease; | ||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -moz-transition: all 0.4s ease; | ||
| + | -ms-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | } | ||
| + | |||
| + | /* hover for the links */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | ||
| + | color: #f8b732; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Table */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper table { | ||
| + | border: 1px solid #928b8b; | ||
| + | border-collapse: collapse; | ||
| + | font-size: 130%; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | /* table cells */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper td { | ||
| + | border: 1px solid #c4baba; | ||
| + | border-collapse: collapse; | ||
| + | font-size: 105%; | ||
| + | padding: 10px; | ||
| + | vertical-align: text-top; | ||
| + | } | ||
| + | |||
| + | /* table headers */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper th { | ||
| + | background-color:#c4baba; | ||
| + | border: 1px solid #928b8b; | ||
| + | border-collapse: collapse; | ||
| + | font-size: 110%; | ||
| + | padding: 10px; | ||
| + | vertical-align: text-top; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* non numbered lists */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | ||
| + | font-size: 130%; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | padding:0px 20px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | ||
| + | |||
| + | |||
| + | |||
| + | /*layout classes*/ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | /*main layout class */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column { | ||
| + | float:left; | ||
| + | margin: 1% 2%; | ||
| + | padding: 0px; | ||
| + | } | ||
| + | |||
| + | /* 100% */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } | ||
| + | |||
| + | /* 66% */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | ||
| + | |||
| + | /* 33% */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*styling for all images*/ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | ||
| + | margin-bottom: 15px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* page break */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .clear { | ||
| + | clear:both; | ||
| + | } | ||
| + | /*add extra space to page break with clear class*/ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { | ||
| + | height: 30px; | ||
| + | } | ||
| + | |||
| + | /* horizontal line to divide the page*/ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { | ||
| + | border-top: 1px solid #c4baba; | ||
| + | margin: auto; | ||
| + | width: 98%; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*support classes*/ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | |||
| + | /*Button */ | ||
| + | /************************************************/ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link { | ||
| + | font-size: 130%; | ||
| + | margin: 30px auto; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { | ||
| + | background-color: #5bc7d8; | ||
| + | color: #635d5d !important; | ||
| + | font-weight: bold; | ||
| + | margin: auto; | ||
| + | text-decoration: none !important; | ||
| + | padding: 10px 15px; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | ||
| + | background-color: #f8b732 !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | ||
| + | padding: 15px 20px; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 { | ||
| + | padding: 5px 15px; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | ||
| + | background-color: #e4dede; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { | ||
| + | border-top: 4px solid #5bc7d8; | ||
| + | } | ||
| + | |||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | ||
| + | border: 4px solid #5bc7d8; | ||
| + | } | ||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { | ||
| + | border-top: 4px solid #f8b732 | ||
| + | } | ||
| + | |||
| + | |||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | ||
| + | border: 4px solid #f8b732; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*mobile*/ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | |||
| + | /* 1800px */ | ||
| + | /************************************************/ | ||
| + | @media only screen and (max-width: 1800px) { | ||
| + | .igem_2018_team_content { width: 85%;} | ||
| + | .igem_2018_team_menu {display:block;} | ||
| + | } | ||
| + | |||
| + | /* 1400px */ | ||
| + | /************************************************/ | ||
| + | @media only screen and (max-width: 1400px) { | ||
| + | .igem_2018_team_menu .menu_item { font-size:100%;} | ||
| + | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;} | ||
| + | .igem_2018_team_menu {display:block;} | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 1001px) { | ||
| + | .igem_2018_team_menu {display:block;} | ||
| + | } | ||
| + | |||
| + | /* 1000px */ | ||
| + | /************************************************/ | ||
| + | @media only screen and (max-width: 1000px) { | ||
| + | .igem_2018_team_content {width:100%; margin-left:0px;} | ||
| + | .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;} | ||
| + | .igem_2018_team_mobile_bar {display:block;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; } | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | @media only screen and (max-width: 500px) { | ||
| + | .igem_2018_team_menu {min-width:100%; width:100%; } | ||
| + | } | ||
| + | |||
| + | |||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | |||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | |||
| + | <head> | ||
| + | |||
| + | <!-- This tells the browser that your page is responsive --> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | |||
| + | </head> | ||
| + | |||
| + | |||
| + | |||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | <!--- Menu ---> | ||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <div class="igem_2018_team_mobile_bar"> | ||
| + | |||
| + | <div class="igem_logo_mobile"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="igem_menu_control_mobile"> | ||
| + | <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg"> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <div class="igem_2018_team_menu displaying_menu"> | ||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV"> | ||
| + | <img src="http://placehold.it/350x150/e4dede/c4baba"> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV"> | ||
| + | <div class="menu_item direct_link"> | ||
| + | HOME | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <!-- Team --> | ||
| + | <div class="menu_item"> | ||
| + | <div class="submenu_control_icon"> </div> | ||
| + | TEAM | ||
| + | </div> | ||
| + | <div class="submenu"> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Team"> | ||
| + | <div class="submenu_item"> | ||
| + | Team Members | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations"> | ||
| + | <div class="submenu_item"> | ||
| + | Collaborations | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <!-- Project --> | ||
| + | <div class="menu_item"> | ||
| + | <div class="submenu_control_icon"> </div> | ||
| + | PROJECT | ||
| + | </div> | ||
| + | <div class="submenu"> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Description"> | ||
| + | <div class="submenu_item"> | ||
| + | Description | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Design"> | ||
| + | <div class="submenu_item"> | ||
| + | Design | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Experiments"> | ||
| + | <div class="submenu_item"> | ||
| + | Experiments | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Notebook"> | ||
| + | <div class="submenu_item"> | ||
| + | Notebook | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/InterLab"> | ||
| + | <div class="submenu_item"> | ||
| + | InterLab | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Model"> | ||
| + | <div class="submenu_item"> | ||
| + | Model | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Results"> | ||
| + | <div class="submenu_item"> | ||
| + | Results | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Demonstrate"> | ||
| + | <div class="submenu_item"> | ||
| + | Demonstrate | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Improve"> | ||
| + | <div class="submenu_item"> | ||
| + | Improve | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Attributions"> | ||
| + | <div class="submenu_item"> | ||
| + | Attributions | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="menu_item"> | ||
| + | <div class="submenu_control_icon"> </div> | ||
| + | PARTS | ||
| + | </div> | ||
| + | <div class="submenu"> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Parts"> | ||
| + | <div class="submenu_item"> | ||
| + | Parts Overview | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Basic_Part"> | ||
| + | <div class="submenu_item"> | ||
| + | Basic Parts | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Composite_Part"> | ||
| + | <div class="submenu_item"> | ||
| + | Composite Parts | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Part_Collection"> | ||
| + | <div class="submenu_item"> | ||
| + | Part Collection | ||
| + | </div> | ||
| + | </a> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Safety"> | ||
| + | <div class="menu_item direct_link"> | ||
| + | SAFETY | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <div class="menu_item"> | ||
| + | <div class="submenu_control_icon"> </div> | ||
| + | HUMAN PRACTICES | ||
| + | </div> | ||
| + | |||
| + | <div class="submenu"> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices"> | ||
| + | <div class="submenu_item"> | ||
| + | Human Practices | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Public_Engagement"> | ||
| + | <div class="submenu_item"> | ||
| + | Education & Engagement | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <div class="menu_item"> | ||
| + | <div class="submenu_control_icon"> </div> | ||
| + | AWARDS | ||
| + | </div> | ||
| + | |||
| + | <div class="submenu"> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Applied_Design"> | ||
| + | <div class="submenu_item"> | ||
| + | Applied Design | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Entrepreneurship"> | ||
| + | <div class="submenu_item"> | ||
| + | Entrepreneurship | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"> | ||
| + | <div class="submenu_item"> | ||
| + | Hardware | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Measurement"> | ||
| + | <div class="submenu_item"> | ||
| + | Measurement | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Model"> | ||
| + | <div class="submenu_item"> | ||
| + | Model | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Plant"> | ||
| + | <div class="submenu_item"> | ||
| + | Plant | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Software"> | ||
| + | <div class="submenu_item"> | ||
| + | Software | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | <a href="https://igem.org/2018_Judging_Form?team=Valencia_UPV"> | ||
| + | <div class="menu_item direct_link"> | ||
| + | JUDGING FORM ⇗ | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | |||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | <!--- Content of the page ---> | ||
| + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| + | |||
| + | |||
| + | <div class="igem_2018_team_content"> | ||
| + | <div class="igem_2018_team_column_wrapper"> | ||
| + | <div class="clear extra_space"></div> | ||
| + | <div class="clear extra_space"></div> | ||
Latest revision as of 16:06, 23 June 2018
