Template:CSS/foundation
From 2014.igem.org
(Difference between revisions)
(12 intermediate revisions not shown) | |||
Line 83: | Line 83: | ||
.top-bar { | .top-bar { | ||
overflow: hidden; | overflow: hidden; | ||
- | height: | + | height: 67px; |
- | line-height: | + | line-height: 67px; |
position: relative; | position: relative; | ||
background: #222222; | background: #222222; | ||
Line 110: | Line 110: | ||
margin: 0; } | margin: 0; } | ||
.top-bar .name { | .top-bar .name { | ||
- | height: | + | height: 67px; |
margin: 0; | margin: 0; | ||
font-size: 32px; } | font-size: 32px; } | ||
.top-bar .name h1 { | .top-bar .name h1 { | ||
- | line-height: | + | line-height: 67px; |
font-size: 1.0625rem; | font-size: 1.0625rem; | ||
margin: 0; } | margin: 0; } | ||
Line 135: | Line 135: | ||
display: block; | display: block; | ||
padding: 0 15px; | padding: 0 15px; | ||
- | height: | + | height: 67px; |
- | line-height: | + | line-height: 67px; } |
.top-bar .toggle-topbar.menu-icon { | .top-bar .toggle-topbar.menu-icon { | ||
right: 15px; | right: 15px; | ||
Line 169: | Line 169: | ||
.top-bar-section { | .top-bar-section { | ||
+ | text-shadow: 0px 0px 1px #000; | ||
left: 0; | left: 0; | ||
position: relative; | position: relative; | ||
width: auto; | width: auto; | ||
transition: left 300ms ease-out; } | transition: left 300ms ease-out; } | ||
- | + | .top-bar-section ul { | |
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
Line 179: | Line 180: | ||
background: #222222; | background: #222222; | ||
font-size: 16px; | font-size: 16px; | ||
- | margin: | + | margin-left: -20px; } |
.top-bar-section .divider, | .top-bar-section .divider, | ||
.top-bar-section [role="separator"] { | .top-bar-section [role="separator"] { | ||
Line 193: | Line 194: | ||
padding-left: 15px; | padding-left: 15px; | ||
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
- | font-size: | + | font-size: 17px; |
font-weight: normal; | font-weight: normal; | ||
text-transform: none; | text-transform: none; | ||
Line 394: | Line 395: | ||
.top-bar-section li:not(.has-form) a:not(.button) { | .top-bar-section li:not(.has-form) a:not(.button) { | ||
padding: 0 15px; | padding: 0 15px; | ||
- | line-height: | + | line-height: 67px; |
background: #222222; } | background: #222222; } | ||
.top-bar-section li:not(.has-form) a:not(.button):hover { | .top-bar-section li:not(.has-form) a:not(.button):hover { | ||
Line 401: | Line 402: | ||
.top-bar-section li.active:not(.has-form) a:not(.button) { | .top-bar-section li.active:not(.has-form) a:not(.button) { | ||
padding: 0 15px; | padding: 0 15px; | ||
- | line-height: | + | line-height: 67px; |
color: white; | color: white; | ||
background: #de3831; } | background: #de3831; } | ||
Line 471: | Line 472: | ||
border-right: solid 1px #4e4e4e; | border-right: solid 1px #4e4e4e; | ||
clear: none; | clear: none; | ||
- | height: | + | height: 67px; |
width: 0; } | width: 0; } | ||
.top-bar-section .has-form { | .top-bar-section .has-form { | ||
background: #222222; | background: #222222; | ||
padding: 0 15px; | padding: 0 15px; | ||
- | height: | + | height: 67px; } |
.top-bar-section .right li .dropdown { | .top-bar-section .right li .dropdown { | ||
left: auto; | left: auto; |
Latest revision as of 14:14, 26 June 2014