|
|
(33 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:Tuebingen/Templates/Navigation}} | + | {{:Team:Tuebingen/Template/Tuebingen}} |
- | <html>
| + | |
- | <style type="text/css">
| + | |
- | </style>
| + | |
- | </html>
| + | |
- | | + | |
- | <!--
| + | |
- | /* hide some igem stuff... */
| + | |
- | | + | |
- | h1.firstHeading, #p-logo, #catlinks {
| + | |
- | 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 */
| + | |
- | }
| + | |
- | -->
| + | |