"
Template:CSS/style
From 2014.igem.org
(Difference between revisions)
| (62 intermediate revisions not shown) | |||
| Line 47: | Line 47: | ||
} | } | ||
.top-bar { | .top-bar { | ||
| - | height: | + | height: 68px; |
| - | line-height: | + | line-height: 68px; |
padding-left:-100px; | padding-left:-100px; | ||
background: #222; | background: #222; | ||
| Line 77: | Line 77: | ||
} | } | ||
.top-bar .name { | .top-bar .name { | ||
| - | height: | + | height: 68px; |
} | } | ||
.top-bar .name h1{ | .top-bar .name h1{ | ||
| - | padding: | + | padding: 0px; |
} | } | ||
.top-bar .name h1 a{ | .top-bar .name h1 a{ | ||
| Line 97: | Line 97: | ||
width: 320px; | width: 320px; | ||
display: inline-block; | display: inline-block; | ||
| + | background:transparent; | ||
margin-top:-80px; | margin-top:-80px; | ||
margin-left:-40px; | margin-left:-40px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
.top-bar-section ul li>a { | .top-bar-section ul li>a { | ||
font-family: 'Roboto Condensed', sans-serif; | font-family: 'Roboto Condensed', sans-serif; | ||
| - | font-size: | + | font-size: 24px; |
} | } | ||
.top-bar-section ul li a:hover,.top-bar-section ul li a:focus,.top-bar-section ul li a:active{ | .top-bar-section ul li a:hover,.top-bar-section ul li a:focus,.top-bar-section ul li a:active{ | ||
| Line 177: | Line 158: | ||
.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: 60px; |
background: transparent; | background: transparent; | ||
} | } | ||
| Line 193: | Line 174: | ||
.top-bar-section ul { | .top-bar-section ul { | ||
background: transparent; | background: transparent; | ||
| + | margin-left:-50px; | ||
} | } | ||
.top-bar-section ul#social-nav li a { | .top-bar-section ul#social-nav li a { | ||
| Line 201: | Line 183: | ||
} | } | ||
.top-bar-section ul li:hover:not(.has-form)>a { | .top-bar-section ul li:hover:not(.has-form)>a { | ||
| - | text-decoration: | + | text-decoration: none; |
border-bottom: 4px solid #ffffff; | border-bottom: 4px solid #ffffff; | ||
| - | |||
| - | |||
border-top: 4px solid #ffffff; | border-top: 4px solid #ffffff; | ||
| - | line-height: | + | -webkit-border-radius: 8px; |
| - | + | -moz-border-radius: 8px; | |
| + | border-radius: 8px; | ||
| + | line-height: 60px; | ||
} | } | ||
| Line 213: | Line 195: | ||
| + | .rotate{ | ||
| + | -webkit-transition-duration: 0.8s; | ||
| + | -moz-transition-duration: 0.8s; | ||
| + | -o-transition-duration: 0.8s; | ||
| + | transition-duration: 0.8s; | ||
| + | |||
| + | -webkit-transition-property: -webkit-transform; | ||
| + | -moz-transition-property: -moz-transform; | ||
| + | -o-transition-property: -o-transform; | ||
| + | transition-property: transform; | ||
| + | |||
| + | overflow:hidden; | ||
| + | |||
| + | } | ||
| + | |||
| + | .rotate:hover | ||
| + | { | ||
| + | -webkit-transform:rotate(720deg); | ||
| + | -moz-transform:rotate(720deg); | ||
| + | -o-transform:rotate(720deg); | ||
| + | } | ||
| + | .top-bar-section ul li { | ||
| + | display: inline; | ||
| + | } | ||
| + | .top-bar-section ul ul { | ||
| + | display: none; | ||
| + | } | ||
| + | .top-bar-section ul li:hover ul{ | ||
| + | display: block; | ||
| + | width:auto; | ||
| + | position: absolute; | ||
| + | background:#222; | ||
| + | float:left; | ||
| + | margin-top:0px; | ||
| + | border-left: 4px solid #ffffff; | ||
| + | border-right: 4px solid #ffffff; | ||
| + | border-bottom: 4px solid #ffffff; | ||
| + | -webkit-border-radius: 8px; | ||
| + | -moz-border-radius: 8px; | ||
| + | border-radius: 8px; | ||
| + | } | ||
| + | .top-bar-section ul ul li { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .igem-logo{ | ||
| + | width: 180px; | ||
| + | display: inline-block; | ||
| + | background:transparent; | ||
| + | margin-top:-70px; | ||
| + | margin-left:1100px; | ||
| + | |||
| + | } | ||
| + | |||
| + | .mahindra{ | ||
| + | width: 200px; | ||
| + | position:fixed; | ||
| + | float:left; | ||
| + | z-index:1000000000; | ||
| + | display: inline-block; | ||
| + | background:transparent; | ||
| + | margin-top:10px; | ||
| + | margin-left:0px; | ||
| + | |||
| + | |||
| + | |||
| + | } | ||
Latest revision as of 18:21, 26 June 2014
