"
Team:TU-Delft/Templates/Style
From 2013.igem.org
(Difference between revisions)
| (57 intermediate revisions not shown) | |||
| Line 8: | Line 8: | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
display:none;} | display:none;} | ||
| - | + | #top-section { | |
| - | + | border: none; | |
| + | height: 0px;} | ||
#content { | #content { | ||
border: none;} | border: none;} | ||
| - | |||
#top-section{ | #top-section{ | ||
| - | height: 20px !important; | + | height: 20px !important; |
| - | border: none !important; | + | border: none !important; |
| - | border-top: none; | + | border-top: none; |
} | } | ||
| - | |||
#menubar { | #menubar { | ||
| - | |||
display: table-cell; | display: table-cell; | ||
| - | + | background: transparent; | |
} | } | ||
#menubar.left-menu { | #menubar.left-menu { | ||
| - | |||
width: 100%; | width: 100%; | ||
} | } | ||
| Line 46: | Line 43: | ||
background: rgba(255, 255, 255, 0.75) !important; | background: rgba(255, 255, 255, 0.75) !important; | ||
} | } | ||
| + | |||
| + | |||
html { | html { | ||
| Line 65: | Line 64: | ||
background-size: 100% 100%; | background-size: 100% 100%; | ||
background-size: auto, cover; | background-size: auto, cover; | ||
| - | + | background-position:absolute; | |
border:none; | border:none; | ||
padding-top:20px; | padding-top:20px; | ||
| Line 131: | Line 130: | ||
#logo { | #logo { | ||
position:absolute; | position:absolute; | ||
| - | top:20px; left:- | + | top:20px; left:-150px; |
} | } | ||
| Line 175: | Line 174: | ||
#menu { | #menu { | ||
width: 100%; | width: 100%; | ||
| - | + | padding-top:6px; | |
| + | padding-bottom:6px; | ||
border: 1px solid #222; | border: 1px solid #222; | ||
background-color: #111; | background-color: #111; | ||
| Line 182: | Line 182: | ||
box-shadow: 0 1px 1px #777; | box-shadow: 0 1px 1px #777; | ||
margin-top: 0px; | margin-top: 0px; | ||
| - | + | margin-right:0px; | |
} | } | ||
#menu:before, | #menu:before, | ||
| Line 199: | Line 199: | ||
#menu li { | #menu li { | ||
float: left; | float: left; | ||
| - | + | border-right: 1px solid #222; | |
| - | + | box-shadow: 1px 0 0 #444; | |
| - | + | position: relative; | |
| - | + | ||
| - | position: relative; | + | |
| - | + | ||
} | } | ||
| Line 212: | Line 209: | ||
padding-top:10px; | padding-top:10px; | ||
padding-bottom:10px; | padding-bottom:10px; | ||
| - | padding-left: | + | padding-right:12px; |
| - | + | padding-left:12px; | |
| - | + | width:100%; | |
| - | + | /*float: left;*/ | |
| - | + | width: 100px; | |
| - | + | ||
| - | + | ||
| - | width: | + | |
color: #999; | color: #999; | ||
| Line 229: | Line 223: | ||
#menu li:hover > a { | #menu li:hover > a { | ||
| - | + | background-color: #0186ba; | |
| - | + | background-image: linear-gradient(#04acec, #0186ba); | |
color: #fafafa; | color: #fafafa; | ||
| + | |||
| + | } | ||
| Line 239: | Line 235: | ||
color: #fafafa; | color: #fafafa; | ||
| - | |||
} | } | ||
</style> | </style> | ||
| Line 249: | Line 244: | ||
visibility: hidden; | visibility: hidden; | ||
position: absolute; | position: absolute; | ||
| - | top: | + | top: 28px; |
left: 0; | left: 0; | ||
z-index: 1; | z-index: 1; | ||
| Line 259: | Line 254: | ||
} | } | ||
| + | |||
#menu li:hover > ul { | #menu li:hover > ul { | ||
| Line 299: | Line 295: | ||
#menu ul a:hover { | #menu ul a:hover { | ||
background-color: #0186ba; | background-color: #0186ba; | ||
| - | |||
background-image: linear-gradient(#04acec, #0186ba); | background-image: linear-gradient(#04acec, #0186ba); | ||
| Line 305: | Line 300: | ||
#content { | #content { | ||
| - | |||
background-color: white; | background-color: white; | ||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); | box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); | ||
| Line 326: | Line 320: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
margin-left:40px; | margin-left:40px; | ||
| - | + | margin-right:40px; | |
margin: 0 auto; | margin: 0 auto; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
Latest revision as of 08:44, 2 October 2013
