Team:Tuebingen/Template/Tuebingen
From 2012.igem.org
(Difference between revisions)
Jakobmatthes (Talk | contribs) |
|||
(58 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 { | ||
Line 11: | Line 14: | ||
} | } | ||
+ | /* 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; | |
} | } | ||
Line 33: | 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 42: | Line 47: | ||
#globalWrapper, #content { | #globalWrapper, #content { | ||
- | margin: 0 0.5em 0.5em 0; | + | margin: 0 0.5em 0.5em 0; |
} | } | ||
Line 50: | 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 59: | 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 86: | Line 97: | ||
#footer-box { | #footer-box { | ||
- | margin-top: 1em; | + | margin-top: 1em; |
- | margin-bottom: 10px; | + | margin-bottom: 10px; |
- | border: 1px solid #bcbcbc; | + | border: 1px solid #bcbcbc; |
- | font-size: 0.7em; | + | font-size: 0.7em; |
} | } | ||
#footer-box a { | #footer-box a { | ||
- | color: #bcbcbc; | + | color: #bcbcbc; |
} | } | ||
Line 102: | Line 113: | ||
div#bodyContent { | div#bodyContent { | ||
- | margin-left: 1em; | + | margin-left: 1em; |
- | margin-right: 1em; | + | margin-right: 1em; |
} | } | ||
div#bodyContent p { | div#bodyContent p { | ||
- | text-align: justify; | + | text-align: justify; |
} | } | ||
.twtr-widget { | .twtr-widget { | ||
- | font-family: sans-serif!important; | + | font-family: "Droid Sans", sans-serif !important; |
} | } | ||
Line 117: | 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 152: | Line 163: | ||
} | } | ||
- | #nav a, #nav strong { | + | #nav a, #nav strong, #nav ul li span { |
display: block; | display: block; | ||
background: #A51E37; | background: #A51E37; | ||
Line 159: | Line 170: | ||
color: white; | color: white; | ||
white-space: nowrap; | white-space: nowrap; | ||
- | font-variant: small-caps; | + | font-variant: small-caps; |
} | } | ||
Line 193: | Line 204: | ||
- | #nav li ul{display:none; padding-top:3px; | + | #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 { | table#toc { | ||
Line 208: | Line 247: | ||
} | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 1.8em; | ||
+ | font-weight: normal; | ||
+ | margin-top: 0.5em; | ||
+ | text-align: center; | ||
+ | border: 0; | ||
+ | } | ||
h2 { | h2 { | ||
+ | border: 0; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
border: 0; | border: 0; | ||
font-weight: lighter; | font-weight: lighter; | ||
Line 240: | Line 292: | ||
<!-- | <!-- | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
--> | --> | ||
+ | <!-- google analytics --> | ||
<html> | <html> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 305: | Line 303: | ||
(function() { | (function() { | ||
- | var ga = document. | + | 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'; | 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); | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
Latest revision as of 17:39, 24 September 2012