Team:Tuebingen/Template/Tuebingen
From 2012.igem.org
(Difference between revisions)
(Created page with "<!-- PageDefault styles --> <html> <style type="text/css"> /* credit goes to Team:LMU-Munich for parts of this stylesheet */ - →hide some igem stuff...: h1.firstHeading, #cat...") |
Jakobmatthes (Talk | contribs) |
||
(103 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<style type="text/css"> | <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 */ | /* credit goes to Team:LMU-Munich for parts of this stylesheet */ | ||
- | /* hide some igem | + | /* hide some igem elements */ |
h1.firstHeading, #catlinks { | h1.firstHeading, #catlinks { | ||
- | |||
display: none; | display: none; | ||
font-weight: lighter; | font-weight: lighter; | ||
} | } | ||
+ | /* setup own logo */ | ||
#p-logo { | #p-logo { | ||
- | background-image: url(https://static.igem.org/mediawiki/2012/8/85/TuebingenHeader.png); | + | background-image: url(https://static.igem.org/mediawiki/2012/8/85/TuebingenHeader.png); |
- | background-repeat: no-repeat; | + | background-repeat: no-repeat; |
- | background-position: 0 0; | + | background-position: 0 0; |
- | margin: 0; | + | margin: 0; |
- | padding: 0; | + | padding: 0; |
- | margin-top: 10px; | + | margin-top: 10px; |
- | } | + | } |
+ | /* Hide iGEM banner */ | ||
#p-logo a { | #p-logo a { | ||
- | display: none; | + | display: none; |
} | } | ||
Line 34: | Line 38: | ||
border: 0 none transparent; | border: 0 none transparent; | ||
font-size: 1em; | font-size: 1em; | ||
- | font- | + | font-family: "Droid Sans", sans-serif; |
width: auto; | width: auto; | ||
max-width: 1000px; | max-width: 1000px; | ||
Line 40: | Line 44: | ||
margin-top: 0px; | margin-top: 0px; | ||
position: static; | position: static; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { | ||
+ | margin: 0 0.5em 0.5em 0; | ||
} | } | ||
Line 47: | Line 55: | ||
padding: 0; | padding: 0; | ||
width: auto; | width: auto; | ||
- | + | height:0; | |
+ | } | ||
+ | |||
+ | span.editsection { | ||
+ | font-size: 0.4em; | ||
} | } | ||
+ | /* search controls are hidden */ | ||
#search-controls { | #search-controls { | ||
float: right; | float: right; | ||
Line 56: | Line 69: | ||
right: 5em; | right: 5em; | ||
top: 6em; | top: 6em; | ||
- | display: none; | + | display: none; |
} | } | ||
+ | /* search edit field is hidden */ | ||
#searchInput { | #searchInput { | ||
width: 14em; | width: 14em; | ||
- | display: none; | + | display: none; |
} | } | ||
Line 79: | Line 93: | ||
#top-section:hover #menubar * { | #top-section:hover #menubar * { | ||
- | color: | + | color: #bcbcbc !important; |
} | } | ||
#footer-box { | #footer-box { | ||
- | margin-top: 1em; | + | margin-top: 1em; |
- | margin-bottom: 10px; | + | 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; | ||
} | } | ||
Line 90: | Line 128: | ||
/* our own navigation */ | /* our own navigation */ | ||
#nav { | #nav { | ||
- | margin-top: 60px; | + | margin-top: 60px; |
} | } | ||
#nav ul { | #nav ul { | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
display: 0; | display: 0; | ||
margin: 0; | margin: 0; | ||
Line 123: | Line 163: | ||
} | } | ||
- | #nav a, #nav strong { | + | #nav a, #nav strong, #nav ul li span { |
display: block; | display: block; | ||
background: #A51E37; | background: #A51E37; | ||
Line 130: | Line 170: | ||
color: white; | color: white; | ||
white-space: nowrap; | white-space: nowrap; | ||
+ | font-variant: small-caps; | ||
} | } | ||
Line 162: | Line 203: | ||
} | } | ||
- | + | ||
- | + | #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 --> | ||
+ | <html> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var _gaq = _gaq || []; | ||
+ | _gaq.push(['_setAccount', 'UA-34445951-1']); | ||
+ | _gaq.push(['_trackPageview']); | ||
+ | |||
+ | (function() { | ||
+ | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
+ | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
+ | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
+ | })(); | ||
+ | |||
+ | </script> | ||
+ | </html> | ||
<!-- include navigation --> | <!-- include navigation --> | ||
{{:Team:Tuebingen/Templates/Navigation}} | {{:Team:Tuebingen/Templates/Navigation}} |
Latest revision as of 17:39, 24 September 2012