Team:Tuebingen/Template/Tuebingen

From 2012.igem.org

(Difference between revisions)
 
(69 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 stuff... */
+
/* hide some igem elements */
h1.firstHeading, #catlinks {
h1.firstHeading, #catlinks {
Line 10: 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;
+
display: none;
}
}
Line 32: Line 38:
border: 0 none transparent;
border: 0 none transparent;
font-size: 1em;
font-size: 1em;
-
font-face: sans-serif;
+
font-family: "Droid Sans", sans-serif;
width: auto;
width: auto;
         max-width: 1000px;
         max-width: 1000px;
Line 41: Line 47:
#globalWrapper, #content {
#globalWrapper, #content {
-
margin: 0 0.5em 0.5em 0;
+
        margin: 0 0.5em 0.5em 0;
}
}
Line 49: Line 55:
padding: 0;
padding: 0;
width: auto;
width: auto;
-
height: 1.5em;
+
        height:0;
 +
}
 +
 
 +
span.editsection {
 +
font-size: 0.4em;
}
}
 +
/* search controls are hidden */
#search-controls {
#search-controls {
float: right;
float: right;
Line 58: 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 85: 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;
}
}
a[href^="https://"], .link-https {
a[href^="https://"], .link-https {
-
     background: none;
+
     background: none !important;
-
     padding-right: 0;
+
     padding-right: 0 !important;
}
}
div#bodyContent {
div#bodyContent {
-
margin-left: 1em;
+
    margin-left: 1em;
-
margin-right: 1em;
+
    margin-right: 1em;
 +
}
 +
 
 +
div#bodyContent p {
 +
    text-align: justify;
}
}
.twtr-widget {
.twtr-widget {
-
font-family: sans-serif!important;
+
    font-family: "Droid Sans", sans-serif !important;
}
}
Line 112: 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 145: Line 163:
}
}
-
#nav a, #nav strong {
+
#nav a, #nav strong, #nav ul li span {
display: block;
display: block;
background: #A51E37;
background: #A51E37;
Line 152: Line 170:
color: white;
color: white;
white-space: nowrap;
white-space: nowrap;
-
font-variant: small-caps;
+
        font-variant: small-caps;
}
}
Line 184: Line 202:
border-top: 0px solid white;
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 {
table#toc {
Line 190: 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 222: Line 292:
<!--
<!--
-
/* 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;
 
-
}
 
-
 
-
#news {
 
-
margin-top: 3em;
 
-
font-style: italic;
 
-
}
 
-
 
-
.editsection {
 
-
display: none;
 
-
}
 
-->
-->
 +
<!-- google analytics -->
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">

Latest revision as of 17:39, 24 September 2012