|
|
| (32 intermediate revisions by 2 users not shown) |
| Line 3: |
Line 3: |
| | | | |
| | $(document).ready(function() { | | $(document).ready(function() { |
| − | | + | var HQ=document.getElementById("HQ_page"); |
| − | $("#HQ_page").attr('id','');
| + | HQ.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");
| + | |
| − | });
| + | |
| | | | |
| | }); | | }); |
| Line 59: |
Line 44: |
| | #sideMenu, #top_title, .patrollink {display:none;} | | #sideMenu, #top_title, .patrollink {display:none;} |
| | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} |
| − | body {background-color:white; } | + | body {background-color:white; text-align:justify;} |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { border-bottom: 0px; } |
| | + | html {font-size: 100%;} |
| | | | |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| |
| | | | |
| | </style> | | </style> |
| Line 72: |
Line 57: |
| | /*NOW START YOUR WON STYLINGS*/ | | /*NOW START YOUR WON STYLINGS*/ |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − | #universal-wrapper {
| |
| − | margin-top: 70px;
| |
| − | padding: 0;
| |
| − | width: 100;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | a:hover {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | header {
| |
| − | z-index: 100;
| |
| − | margin-top: 16px;
| |
| − | padding: 0;
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | top: 0;
| |
| − | background: white;
| |
| − | box-shadow: 0 5px 5px #ecf0f1;
| |
| − | }
| |
| − | header nav {
| |
| − | margin: 0;
| |
| − | margin-right: 10%;
| |
| − | padding: 0;
| |
| − | float: right;
| |
| − | vertical-align: middle;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | header nav ul {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | list-style-type: none;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | header nav li {
| |
| − | display: inline-block;
| |
| − | margin: 0;
| |
| − | }
| |
| − | header nav li a {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | text-align: center;
| |
| − | padding: 16px 16px;
| |
| − | margin: 0;
| |
| − | width: 80px;
| |
| − | font-family: Tahoma, Arial;
| |
| − | }
| |
| − | header nav li a:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | width: 0;
| |
| − | left: 20%;
| |
| − | bottom: 0;
| |
| − | margin-left: 30%;
| |
| − | border-bottom: 4px solid #f3bd01;
| |
| − | -webkit-transition: all 0.3s ease-in-out;
| |
| − | -moz-transition: all 0.3s ease-in-out;
| |
| − | -ms-transition: all 0.3s ease-in-out;
| |
| − | }
| |
| − | header nav li a:hover:before {
| |
| − | margin: 0;
| |
| − | width: 60%;
| |
| − | }
| |
| − | header nav li a:hover:not(.active) {
| |
| − | background-color: #ecf0f1;
| |
| − | color: black;
| |
| − | }
| |
| − | header nav .active:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | left: 20%;
| |
| − | width: 60%;
| |
| − | margin: 0;
| |
| − | border-bottom: 4px solid #f3704b;
| |
| − | }
| |
| − | header .nav-logo {
| |
| − | width: 50px;
| |
| − | height: 50px;
| |
| − | margin-left: 5%;
| |
| − | margin-right: 20px;
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | padding: 0;
| |
| − | vertical-align: middle;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | header .nav-head {
| |
| − | display: inline-block;
| |
| − | margin-left: 20px;
| |
| − | margin-right: 20px;
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | padding: 0;
| |
| − | vertical-align: middle;
| |
| − | font-family: Tahoma, Arial;
| |
| − | }
| |
| − |
| |
| | </style> | | </style> |
