m (Fix mobile menu bug) |
(Fix mobile menu bug and format the code) |
||
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> | </script> | ||
<style> | <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: 80%; | ||
+ | width: 80%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | /**************************************************************************************************************************************************************************************************/ | ||
</style> | </style> | ||
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> |
<!--- THIS IS WHERE THE HTML BEGINS ---> | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> |
− | <head> | + | <head> |
− | + | <!-- This tells the browser that your page is responsive --> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | </head> | ||
Line 515: | Line 639: | ||
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> |
<!--- Menu ---> | <!--- Menu ---> | ||
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> |
Line 523: | Line 647: | ||
<div class="igem_2018_team_mobile_bar"> | <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> | ||
Line 538: | Line 662: | ||
− | <div class="igem_2018_team_menu | + | <div class="igem_2018_team_menu"> |
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:UCopenhagen"> | ||
+ | <img src="http://placehold.it/350x150/e4dede/c4baba"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:UCopenhagen"> | ||
+ | <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:UCopenhagen/Team"> | ||
+ | <div class="submenu_item"> | ||
+ | Team Members | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2018.igem.org/Team:UCopenhagen/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:UCopenhagen/Description"> | ||
+ | <div class="submenu_item"> | ||
+ | Description | ||
+ | </div> | ||
+ | </a> | ||
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Design"> | |
− | + | <div class="submenu_item"> | |
− | + | Design | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Experiments"> | |
− | + | <div class="submenu_item"> | |
− | + | Experiments | |
− | + | </div> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <a href="https://2018.igem.org/Team:UCopenhagen/Notebook"> | ||
+ | <div class="submenu_item"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | </a> | ||
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/InterLab"> | |
− | + | <div class="submenu_item"> | |
− | + | InterLab | |
− | + | </div> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Model"> | |
− | + | <div class="submenu_item"> | |
− | + | Model | |
− | + | </div> | |
− | + | </a> | |
+ | <a href="https://2018.igem.org/Team:UCopenhagen/Results"> | ||
+ | <div class="submenu_item"> | ||
+ | Results | ||
+ | </div> | ||
+ | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Demonstrate"> | |
− | + | <div class="submenu_item"> | |
− | + | Demonstrate | |
− | + | </div> | |
− | + | </a> | |
+ | <a href="https://2018.igem.org/Team:UCopenhagen/Improve"> | ||
+ | <div class="submenu_item"> | ||
+ | Improve | ||
+ | </div> | ||
+ | </a> | ||
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/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:UCopenhagen/Parts"> | |
− | + | <div class="submenu_item"> | |
− | + | Parts Overview | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Basic_Part"> | |
− | + | <div class="submenu_item"> | |
− | + | Basic Parts | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Composite_Part"> | |
+ | <div class="submenu_item"> | ||
+ | Composite Parts | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2018.igem.org/Team:UCopenhagen/Part_Collection"> | ||
+ | <div class="submenu_item"> | ||
+ | Part Collection | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Safety"> | |
− | + | <div class="menu_item direct_link"> | |
− | + | SAFETY | |
− | + | </div> | |
− | + | </a> | |
Line 694: | Line 818: | ||
− | + | <div class="menu_item"> | |
− | + | <div class="submenu_control_icon"> </div> | |
− | + | HUMAN PRACTICES | |
− | + | </div> | |
− | + | <div class="submenu"> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Human_Practices"> | |
− | + | <div class="submenu_item"> | |
− | + | Human Practices | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Public_Engagement"> | |
− | + | <div class="submenu_item"> | |
− | + | Education & Engagement | |
− | + | </div> | |
− | + | </a> | |
− | + | </div> | |
Line 720: | Line 844: | ||
− | + | <div class="menu_item"> | |
− | + | <div class="submenu_control_icon"> </div> | |
− | + | AWARDS | |
− | + | </div> | |
− | + | <div class="submenu"> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Applied_Design"> | |
− | + | <div class="submenu_item"> | |
− | + | Applied Design | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Entrepreneurship"> | |
− | + | <div class="submenu_item"> | |
− | + | Entrepreneurship | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Hardware"> | |
− | + | <div class="submenu_item"> | |
− | + | Hardware | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Measurement"> | |
− | + | <div class="submenu_item"> | |
− | + | Measurement | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Model"> | |
− | + | <div class="submenu_item"> | |
− | + | Model | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Plant"> | |
− | + | <div class="submenu_item"> | |
− | + | Plant | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2018.igem.org/Team:UCopenhagen/Software"> | |
− | + | <div class="submenu_item"> | |
− | + | Software | |
− | + | </div> | |
− | + | </a> | |
− | + | </div> | |
− | + | <a href="https://igem.org/2018_Judging_Form?team=UCopenhagen"> | |
− | + | <div class="menu_item direct_link"> | |
− | + | JUDGING FORM ⇗ | |
− | + | </div> | |
− | + | </a> | |
Line 787: | Line 911: | ||
</div> | </div> | ||
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> |
<!--- Content of the page ---> | <!--- Content of the page ---> | ||
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> |
<div class="igem_2018_team_content"> | <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> |
Revision as of 13:34, 18 June 2018