"
Template:CSS/style
From 2014.igem.org
(Difference between revisions)
| (40 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; |
} | } | ||
| Line 102: | Line 102: | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
.top-bar-section ul li>a { | .top-bar-section ul li>a { | ||
| Line 178: | 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 206: | Line 186: | ||
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 214: | Line 196: | ||
.rotate{ | .rotate{ | ||
| - | -webkit-transition-duration: 0. | + | -webkit-transition-duration: 0.8s; |
| - | -moz-transition-duration: 0. | + | -moz-transition-duration: 0.8s; |
| - | -o-transition-duration: 0. | + | -o-transition-duration: 0.8s; |
| - | transition-duration: 0. | + | transition-duration: 0.8s; |
-webkit-transition-property: -webkit-transform; | -webkit-transition-property: -webkit-transform; | ||
| Line 230: | Line 212: | ||
.rotate:hover | .rotate:hover | ||
{ | { | ||
| - | -webkit-transform:rotate( | + | -webkit-transform:rotate(720deg); |
| - | -moz-transform:rotate( | + | -moz-transform:rotate(720deg); |
| - | -o-transform:rotate( | + | -o-transform:rotate(720deg); |
} | } | ||
| Line 238: | Line 220: | ||
| + | .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
