Template:Imperial College
/*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%; } } /**************************************************************************************************************************************************************************************************/ body{ margin:0; padding:0; background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%); background-blend-mode: screen; text-decoration:none; overflow: scroll; font-family: 'Varela Round', sans-serif; box-sizing: border-box; color:#24305E; } .clr{ clear:both; } .container{ width: 100%; margin-left: auto; margin-right:auto; padding-top:5%; height: 100%; position: relative; padding-bottom: 20px; } .content{ background:none; margin:auto; padding:0; width:90%; height: 100%; position:relative; color:#24305E; } .nav{ width:100%; height:auto; background:white; margin-bottom: 2%; position:fixed; z-index: 40; } .logo{ width: 20%; float: left; height: 80px; background-color:none; box-sizing: border-box; } .pixcell{ width:45%; margin-left:5px; margin-top:30px; float:left; box-sizing: border-box; } .iclogo{ width:50%; float:right; margin-top:30px; box-sizing: border-box; } .dropdown { float: right; width: 80%; text-align: center; background-color:none; } .dropdown ul { margin:0; padding-top:45px; list-style: none; background-color:none; } .dropdown ul li { float: left; cursor:pointer; color:white; font-size: 14px; background-color:none; padding-right:8px; width:150px; height:30px; position: relative; margin-top:5px; } .dropdown ul li a{ padding:0; color: #24305E ; background-color: none; text-decoration: none; position: relative; display: block; text-shadow: 1px 1px lightgrey; transition:0.65s; } .dropdown ul ul li a{ padding:0; background-color: none; } .dropdown ul ul{ margin:0; padding:0; top:30px; list-style: none; background-color:white; box-shadow: 0px 5px 5px rgba(0,0,0,0.4); position: absolute; display: none; } .dropdown ul ul a{ background-color:none; width:200px; text-align: left; margin:0; padding-left:2px; box-sizing: border-box; } ul.sub1 li { background-color:none; margin-left: 35px; width:110px; } ul.sub2 li { background-color: none; margin-left: 5px; padding:0; width: 180px; } ul.sub3 li { background-color:none; margin-left: 40px; width:80px; } .dropdown ul li a:hover{ color: #7EF397; text-shadow: 1px 1px #D0FADE; } .dropdown ul li ul li a:hover{ color: rgb(248, 59, 122); text-shadow: lightpink; } .dropdown ul li:hover > ul { display:block; } .titleimg{ margin:auto; text-align: center; } .titleimg img{ margin-bottom: 10%; } h1{ margin: auto; padding: 20px; margin-top: 12%; font-size: 85px; background-color:none; text-align: center; }
