Line 319: | Line 319: | ||
} | } | ||
#layout.active #menu { | #layout.active #menu { | ||
− | left: | + | left: 240px; |
− | width: | + | width: 240px; |
} | } | ||
#layout.active .menu-link { | #layout.active .menu-link { | ||
− | left: | + | left: 240px; |
} | } | ||
Line 342: | Line 342: | ||
} | } | ||
.header h1 { | .header h1 { | ||
− | |||
margin: 0.2em 0; | margin: 0.2em 0; | ||
− | font-size: | + | font-size: 3em; |
font-weight: 300; | font-weight: 300; | ||
} | } | ||
Line 362: | Line 361: | ||
#menu { | #menu { | ||
− | font-size: | + | font-size: 19px; |
− | margin-left: - | + | margin-left: -240px; /* "#menu" width */ |
− | width: | + | width: 240px; |
position: fixed; | position: fixed; | ||
top: 18px; | top: 18px; | ||
Line 464: | Line 463: | ||
#layout { | #layout { | ||
− | padding-left: | + | padding-left: 240px; /* left col width "#menu" */ |
left: 0; | left: 0; | ||
} | } | ||
#menu { | #menu { | ||
− | left: | + | left: 240px; |
} | } | ||
.menu-link { | .menu-link { | ||
position: fixed; | position: fixed; | ||
− | left: | + | left: 240px; |
display: none; | display: none; | ||
} | } | ||
#layout.active .menu-link { | #layout.active .menu-link { | ||
− | left: | + | left: 240px; |
} | } | ||
#listlist .divList{ width:1100px; height:520px; margin:0px auto; position:relative;} | #listlist .divList{ width:1100px; height:520px; margin:0px auto; position:relative;} | ||
Line 486: | Line 485: | ||
#layout.active { | #layout.active { | ||
position: relative; | position: relative; | ||
− | left: | + | left: 240px; |
} | } | ||
#listlist .divList{ width:900px; height:500px; margin:0px auto; position:relative;} | #listlist .divList{ width:900px; height:500px; margin:0px auto; position:relative;} | ||
Line 1,083: | Line 1,082: | ||
<!-- start of content --> | <!-- start of content --> | ||
<div class="igem_2017_content_wrapper"> | <div class="igem_2017_content_wrapper"> | ||
− | |||
− | |||
− | |||
<div id="layout"> | <div id="layout"> |
Revision as of 12:59, 16 October 2017