Team:Tuebingen/Template/Tuebingen
From 2013.igem.org
(Difference between revisions)
Jakobmatthes (Talk | contribs) |
Jakobmatthes (Talk | contribs) |
||
Line 1: | Line 1: | ||
<!-- template base for all sites --> | <!-- template base for all sites --> | ||
+ | <!-- styles --> | ||
+ | <!-- | ||
+ | <html> | ||
+ | <style type="text/css"> | ||
+ | /* Droid Sans from Google Web fonts */ | ||
+ | @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); | ||
+ | |||
+ | |||
+ | /* credit goes to Team:LMU-Munich for parts of this stylesheet */ | ||
+ | |||
+ | /* hide some igem elements */ | ||
+ | |||
+ | h1.firstHeading, #catlinks { | ||
+ | display: none; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | /* setup own logo */ | ||
+ | #p-logo { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012/8/85/TuebingenHeader.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | /* Hide iGEM banner */ | ||
+ | #p-logo a { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* reformat the major elements of the page */ | ||
+ | |||
+ | body, html, #globalWrapper, #content { | ||
+ | background: white; | ||
+ | margin: auto; | ||
+ | padding: 0; | ||
+ | border: 0 none transparent; | ||
+ | font-size: 1em; | ||
+ | font-family: "Droid Sans", sans-serif; | ||
+ | width: auto; | ||
+ | max-width: 1000px; | ||
+ | border-top: 0px solid white; | ||
+ | margin-top: 0px; | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { | ||
+ | margin: 0 0.5em 0.5em 0; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: 0 none transparent; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: auto; | ||
+ | height:0; | ||
+ | } | ||
+ | |||
+ | span.editsection { | ||
+ | font-size: 0.4em; | ||
+ | } | ||
+ | |||
+ | /* search controls are hidden */ | ||
+ | #search-controls { | ||
+ | float: right; | ||
+ | width: 15em; | ||
+ | position: absolute; | ||
+ | right: 5em; | ||
+ | top: 6em; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* search edit field is hidden */ | ||
+ | #searchInput { | ||
+ | width: 14em; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | display: table-cell; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #menubar * { | ||
+ | color: transparent !important; | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | #top-section:hover #menubar * { | ||
+ | color: #bcbcbc !important; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 10px; | ||
+ | border: 1px solid #bcbcbc; | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | |||
+ | #footer-box a { | ||
+ | color: #bcbcbc; | ||
+ | } | ||
+ | |||
+ | a[href^="https://"], .link-https { | ||
+ | background: none !important; | ||
+ | padding-right: 0 !important; | ||
+ | } | ||
+ | |||
+ | div#bodyContent { | ||
+ | margin-left: 1em; | ||
+ | margin-right: 1em; | ||
+ | } | ||
+ | |||
+ | div#bodyContent p { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .twtr-widget { | ||
+ | font-family: "Droid Sans", sans-serif !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* our own navigation */ | ||
+ | #nav { | ||
+ | margin-top: 60px; | ||
+ | } | ||
+ | #nav ul { | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
+ | display: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #A51E37; | ||
+ | height: 2.5em; | ||
+ | border-bottom: 0 solid #7b406c; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | float: left; | ||
+ | margin-right: 0px; | ||
+ | height: 2.7em; | ||
+ | } | ||
+ | |||
+ | #nav li:hover { | ||
+ | border-right: 0px solid transparent; | ||
+ | border-left: 0px solid transparent; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | #nav li:hover li:hover { | ||
+ | border: 0 none transparent; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #nav a, #nav strong, #nav ul li span { | ||
+ | display: block; | ||
+ | background: #A51E37; | ||
+ | padding: .5em; | ||
+ | height: 1.5em; | ||
+ | color: white; | ||
+ | white-space: nowrap; | ||
+ | font-variant: small-caps; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | background: #C5828E; | ||
+ | } | ||
+ | |||
+ | #nav li ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | display: table; | ||
+ | position: absolute; | ||
+ | top: 2.5em; | ||
+ | left: 0px; | ||
+ | width: auto; | ||
+ | border: 0px 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: 0px solid white; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav li ul{ | ||
+ | display:none; | ||
+ | padding-top:3px; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #nav li ul li { | ||
+ | background-color:#2F2D49; | ||
+ | border-bottom:1px solid #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #nav li ul li a{ | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | #nav li ul li:hover { | ||
+ | background-color:#232323; | ||
+ | } | ||
+ | |||
+ | /* for security questions */ | ||
+ | /* | ||
+ | #spoiler {} | ||
+ | #spoiler #toclick { | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #spoiler #toclick span { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #spoiler #toclick:hover span, #spoiler { | ||
+ | display:block; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | table#toc { | ||
+ | float: right; | ||
+ | margin: 0 0 1em 1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1 { | ||
+ | font-size: 1.8em; | ||
+ | font-weight: normal; | ||
+ | margin-top: 0.5em; | ||
+ | text-align: center; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | h2 { | ||
+ | border: 0; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | border: 0; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | .frontbutton { | ||
+ | margin: auto; | ||
+ | width: 9em; | ||
+ | border: 0px solid #A51E37; | ||
+ | font-weight: bold; | ||
+ | font-size: 2em; | ||
+ | color: #6AA84F; | ||
+ | text-align: center; | ||
+ | padding: .7em; | ||
+ | background-color: #fefefe; | ||
+ | } | ||
+ | |||
+ | .frontbutton, .frontbutton a { | ||
+ | color: #A51E37; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | width: auto; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | </style> | ||
+ | </html> | ||
+ | --> | ||
<!-- google analytics --> | <!-- google analytics --> | ||
<html> | <html> |
Revision as of 15:54, 22 March 2013