m (Closed header menu's unordered list) |
|||
(28 intermediate revisions by one other user not shown) | |||
Line 77: | Line 77: | ||
.header { | .header { | ||
− | background-color: # | + | background-color: #11af26; |
width: 100%; | width: 100%; | ||
float: left; | float: left; | ||
padding: 2% 0%; | padding: 2% 0%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 95: | Line 86: | ||
width: 56px; | width: 56px; | ||
height: 56px; | height: 56px; | ||
− | float: | + | float: center; |
text-align: center; | text-align: center; | ||
color: white; | color: white; | ||
Line 105: | Line 96: | ||
.menu { | .menu { | ||
width: 100%; | width: 100%; | ||
− | + | background-color: #2fce44; | |
− | background-color: # | + | margin: 0 auto; |
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
− | display: none; | + | //display: none; |
} | } | ||
Line 114: | Line 105: | ||
font-size: 3em; | font-size: 3em; | ||
color: white; | color: white; | ||
− | float: | + | float: center; |
cursor: pointer; | cursor: pointer; | ||
margin-right: 5%; | margin-right: 5%; | ||
Line 124: | Line 115: | ||
list-style: none; | list-style: none; | ||
text-decoration: none; | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | list-style-type: none; | ||
} | } | ||
− | .menu li { | + | .menu ul li { |
padding: 1.5%; | padding: 1.5%; | ||
+ | display: inline; | ||
} | } | ||
− | .menu li a { | + | .menu ul li a { |
font-size: 1.5em; | font-size: 1.5em; | ||
color: white; | color: white; | ||
Line 152: | Line 146: | ||
} | } | ||
− | /***************** | + | /***************** CONTENT *****************/ |
#title { | #title { | ||
width: 100%; | width: 100%; | ||
Line 161: | Line 155: | ||
} | } | ||
− | . | + | .content { |
margin: 0 auto; | margin: 0 auto; | ||
max-width: 1100px; | max-width: 1100px; | ||
Line 170: | Line 164: | ||
} | } | ||
− | . | + | .content figure, p.figure-caption { |
text-align: center; | text-align: center; | ||
} | } | ||
− | h2.title- | + | h2.title-content { |
font-size: 2em; | font-size: 2em; | ||
color: #ffffff; | color: #ffffff; | ||
Line 226: | Line 220: | ||
font-size:20pt; | font-size:20pt; | ||
text-align:left; | text-align:left; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 305: | Line 295: | ||
− | /***************** | + | /***************** FOOTER *************/ |
#footer { | #footer { | ||
width: 100%; | width: 100%; | ||
Line 321: | Line 311: | ||
#contact { | #contact { | ||
− | text-align: | + | text-align: center; |
float: right; | float: right; | ||
margin-right:20px; | margin-right:20px; | ||
Line 387: | Line 377: | ||
<header class="header"> | <header class="header"> | ||
− | < | + | <nav class="menu" style="width:100%;"> |
− | + | ||
− | + | ||
<ul> | <ul> | ||
<li><a href="#">PROJECT ▾</a> | <li><a href="#">PROJECT ▾</a> | ||
Line 417: | Line 405: | ||
<li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">INTERLAB</a></li> | <li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">INTERLAB</a></li> | ||
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li> | <li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li> | ||
− | |||
</ul> | </ul> | ||
</nav> | </nav> | ||
</header> | </header> | ||
</html> | </html> |
Latest revision as of 16:36, 19 June 2018