|
|
| Line 49: |
Line 49: |
| | | | |
| | | | |
| − |
| |
| − | /*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> |
| | body{ | | body{ |
| | margin:0; | | margin:0; |
| Line 279: |
Line 241: |
| | <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> | | <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> |
| | | | |
| − | <title>Header</title>
| |
| − | <link rel="stylesheet" type="text/css" href=".css"/>
| |
| | <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" | | <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" |
| | integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> | | integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> |
| − | <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
| + | |
| | | | |
| | | | |
| | </head> | | </head> |
| | | | |
| − | | + | <body> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <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="nav"> | | <div class="nav"> |
/**************************************************************************************************************************************************************************************************/
