Team:Tuebingen/Playground
From 2012.igem.org
(Difference between revisions)
Jakobmatthes (Talk | contribs) |
Jakobmatthes (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | {{:Team:Tuebingen/Templates/Navigation}} | ||
<html> | <html> | ||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | </style> | ||
+ | </html> | ||
+ | |||
+ | <!-- | ||
/* hide some igem stuff... */ | /* hide some igem stuff... */ | ||
- | h1.firstHeading, #p-logo | + | |
+ | h1.firstHeading, #p-logo, #catlinks { | ||
display: none; | display: none; | ||
+ | font-weight: lighter; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* reformat the major elements of the page */ | |
+ | |||
+ | body, html, #globalWrapper, #content { | ||
+ | background: white; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0 none transparent; | ||
+ | font-size: 1em; | ||
+ | font-face: sans-serif; | ||
+ | width: auto; | ||
+ | border-top: 1px solid white; | ||
+ | margin-top: -1px; | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: 0 none transparent; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: auto; | ||
+ | height: 1.5em; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | display: table-cell; | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #menubar * { | ||
+ | color: white !important; | ||
+ | background: white !important; | ||
+ | } | ||
+ | |||
+ | #top-section:hover #menubar * { | ||
+ | color: blue !important; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | margin-top: 1em; | ||
+ | } | ||
+ | |||
+ | /* navigation */ | ||
+ | |||
+ | #nav ul { | ||
+ | display: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #421135; | ||
+ | height: 2.5em; | ||
+ | border-bottom: .2em solid #7b406c; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | float: left; | ||
+ | margin-right: 1px; | ||
+ | height: 2.7em; | ||
+ | } | ||
+ | |||
+ | #nav li:hover { | ||
+ | border-right: 1px solid white; | ||
+ | border-left: 1px solid white; | ||
+ | margin-left: -1px; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | #nav li:hover li:hover { | ||
+ | border: 0 none transparent; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #nav a, #nav strong { | ||
+ | display: block; | ||
+ | background: #421135; | ||
+ | padding: .5em; | ||
+ | height: 1.5em; | ||
+ | color: white; | ||
+ | text-transform: uppercase; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | background: #7b406c; | ||
+ | } | ||
+ | |||
+ | #nav li ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | display: table; | ||
+ | position: absolute; | ||
+ | top: 2.5em; | ||
+ | left: -1px; | ||
+ | width: auto; | ||
+ | border: 1px solid white; | ||
+ | border-top: 0 none transparent; | ||
+ | } | ||
+ | |||
+ | #nav li:hover li { | ||
+ | float:none; | ||
+ | display: table-row; | ||
+ | height: 2.5em; | ||
+ | } | ||
+ | |||
+ | #nav li:hover li a { | ||
+ | border-top: 1px solid white; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | float: right; | ||
+ | width: 15em; | ||
+ | position: absolute; | ||
+ | right: 5em; | ||
+ | top: 5em; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | width: 14em; | ||
+ | } | ||
+ | --> | ||
+ | |||
+ | <!-- | ||
+ | /* format our own design elements */ | ||
+ | |||
+ | h1 { | ||
+ | color: #361B56; | ||
+ | font-family: sans-serif; | ||
+ | font-weight: normal; | ||
+ | text-align:center; | ||
+ | |||
+ | font-size: 5em; | ||
+ | |||
+ | margin: 0 0 .5em 0; | ||
+ | padding: 0; | ||
+ | |||
+ | border: none 0 transparent; | ||
+ | } | ||
+ | |||
+ | #logos { | ||
+ | width:190px; | ||
+ | text-align:center; | ||
+ | padding: 0 35px; | ||
+ | } | ||
+ | |||
+ | #logos img { | ||
+ | margin-bottom: .5em; | ||
+ | } | ||
+ | |||
+ | /* main area layout */ | ||
+ | |||
+ | #left { | ||
+ | float: left; | ||
+ | border-right: 7px solid #16933f; | ||
+ | padding: 25px; | ||
+ | width: 210px; | ||
+ | text-align: center; | ||
+ | margin-right: -7px; | ||
+ | margin-top: 3em; | ||
+ | } | ||
+ | |||
+ | #right { | ||
+ | padding: 25px; | ||
+ | border-left: 7px solid #16933f; | ||
+ | margin-left: 260px; | ||
+ | margin-top: 3em; | ||
+ | padding-top: 0; | ||
+ | padding-left: 50px; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | border: 0; | ||
+ | margin-left: -1em; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #news { | ||
+ | margin-top: 3em; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | .editsection { | ||
+ | display: none; /* a bit of a shame, but i suspect these links are not going too be too useful anyways */ | ||
+ | } | ||
+ | --> |
Revision as of 14:54, 30 May 2012