Line 1: | Line 1: | ||
<html> | <html> | ||
<script> | <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 */ | /* CONTENT OF THE PAGE */ | ||
Line 7: | Line 219: | ||
/* general wrapper for the content */ | /* general wrapper for the content */ | ||
.igem_2018_team_content { | .igem_2018_team_content { | ||
− | + | background-color:white; | |
+ | display:block; | ||
+ | width: 87%; | ||
} | } | ||
/* subwrapper to center content */ | /* subwrapper to center content */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper { | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
− | + | margin:auto; | |
+ | max-width: 1400px; | ||
+ | width:90%; | ||
} | } | ||
Line 20: | Line 236: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1 {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h2 {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h3 {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h4 {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h5 {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h6 {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;} |
/* styling for the titles h1, h2*/ | /* 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 { | .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; | ||
} | } | ||
Line 37: | Line 256: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper h4, | .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 h5, | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper h6 | + | .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 */ | /* text */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper p { | .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 */ | /* Links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a { | .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 */ | /* hover for the links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | ||
− | + | color: #f8b732; | |
+ | text-decoration:none; | ||
} | } | ||
Line 112: | Line 349: | ||
/* 100% */ | /* 100% */ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } |
/* 66% */ | /* 66% */ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } |
/* 33% */ | /* 33% */ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {} | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } |
Line 127: | Line 364: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_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 { | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | ||
− | + | margin-bottom: 15px; | |
+ | width: 100%; | ||
} | } | ||
Line 192: | Line 430: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | .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 { | .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 { | .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 { | .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 { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | ||
+ | border: 4px solid #f8b732; | ||
} | } | ||
Latest revision as of 14:45, 6 June 2018