Team:TU-Munich/TUM13 wiki.css

From 2013.igem.org

(Difference between revisions)
FlorianA (Talk | contribs)
(Created page with "- iGEM TU-Munich Stylesheet by Florian Albrecht (albrecht.flo@gmx.net) if you want to use parts of this on your wiki, cite us and / or write an e-mail to us: /* Start gene...")
Newer edit →

Revision as of 17:01, 27 September 2013

/* iGEM TU-Munich Stylesheet by Florian Albrecht (albrecht.flo@gmx.net)

  if you want to use parts of this on your wiki, cite us and / or write an e-mail to us */

/* Start general style ================================================== */

/* Add Sketch-rockwell for menu and headings (hostet on dropbox.com) */ @font-face {

   font-family: 'sketch_rockwell';
   src: url('https://dl.dropboxusercontent.com/s/c2su1zy22xs6x9k/sketchrockwell-bold-webfont.eot');
   src: url('https://dl.dropboxusercontent.com/s/c2su1zy22xs6x9k/sketchrockwell-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://dl.dropboxusercontent.com/s/gnktv67746ccx42/sketchrockwell-bold-webfont.woff') format('woff'),
        url('https://dl.dropboxusercontent.com/s/b6g9lp8shab463r/sketchrockwell-bold-webfont.ttf') format('truetype'),
        url('https://dl.dropboxusercontent.com/s/cbfupthn2al3xk1/sketchrockwell-bold-webfont.svg#sketch_rockwellregular') format('svg');
   font-weight: normal;
   font-style: normal;

}

/* Beige noisy bg and default font */ html body {

   background: #ded6ca url('https://static.igem.org/mediawiki/2013/a/a3/TUM13_paper-bg.png') repeat;
   color: #000000;
   font-family: Helvetica,Arial,Verdana,sans-serif;

}

/* Upper brown and green bg */ div#globalWrapper {

   background: url('https://static.igem.org/mediawiki/2013/0/0c/TUM13_green-bg.png') repeat-x 50% 0%;

}

/* End general style ==================================================== */


/* Start top-section style ============================================== */

/* Remove logo and search */ div#p-logo, div#search-controls {

   display: none;

}

/* Center wiki-menu; set font & bg (as fallback) color */ div#top-section {

   margin: 0px auto;
   width: 930px;
   height: 20px;
   color: #d4c6b6;
   background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;

}

/* Set font and positions */ div#menubar {

   font-weight: bold;
   font-size: 13px;
   line-height: 20px;

}

div#menubar.right-menu {

   float: right;

}

div#menubar.left-menu {

   float: left;

}

/* Fix text */ div#menubar.left-menu a, div#menubar.left-menu li {

   text-transform: capitalize;

}

div#menubar li {

   padding: 0px 5px;
   display: inline;

}

/* White on hover */ div#menubar a:hover {

   color: #FFFFFF;
   text-decoration: none;

}

div#menubar li[style="color:white;cursor:default"] {

   display: none;

}

/* End top-section style ================================================ */


/* Start header style =================================================== */

/* Hide page title (it would appear before the header) */ h1.firstHeading {

   display: none;

}

/* Header-bg and positioning */ div#header-container {

   background: url('https://static.igem.org/mediawiki/2013/b/bf/TUM13_page-bg-top.png') no-repeat 50% 0%;
   height: 217px;
   padding-top: 30px;

}

/* Header positioning */ div#header {

   width: 920px;
   height: 120px;
   margin: 0px auto;
   padding: 10px 20px 5px;

}

/* Logos */ div#header img#physco-logo {

   display: block;
   height: 120px;
   float: left;

}

div#header img#igem-logo {

   display: block;
   height: 120px;
   float: right;

}

/* End header style ===================================================== */


/* Start menu style ===================================================== */

/* Menu-bg and spacing*/ div#menu {

   background: url('https://static.igem.org/mediawiki/2013/a/a8/TUM13_menu-bg.png') no-repeat 50% 0%;
   height: 60px;
   padding: 5px 0px 17px;

}

div#menu ul {

   list-style: none;
   padding: 0;
   margin: 0;

}

/* Position menu and set font color */ div#menu > ul {

   margin: 0px auto;
   width: 959px;
   height: 60px;
   color: #411c03;
   padding-left: 1px;

}

/* Position menu elements and set font */ div#menu > ul > li {

   float: left;
   width: 137px;
   height: 44px;
   padding: 8px 0px 8px;
   text-align: center;
   position: relative;
   font: normal 24px/44px sketch_rockwell,Arial,sans-serif;

}

div#menu > ul > li > a {

   display: block;
   width: 137px;
   height: 44px;
   color: inherit;

}

/* Hover effect */ div#menu > ul > li:hover {

   background: url('https://static.igem.org/mediawiki/2013/9/95/TUM13_menu-highlight.png') repeat-x 50% 50%;

}

div#menu > ul > li > a:hover {

   text-decoration: none;

}

/* Style and hide submenu */ div#menu > ul > li > ul {

   border-left: solid 1px #411c03;
   border-right: solid 1px #411c03;
   width: 135px;
   background: #7cac2c;
   display: none;
   position: absolute;
   top: 60px;
   z-index: 9998;

}

/* Style submenu elements */ div#menu > ul > li > ul > li {

   background: url('https://static.igem.org/mediawiki/2013/4/4e/TUM13_submenu-bg.png') repeat-y 50% 50%;
   padding: 0px 10px;
   text-align: left;
   border-bottom: solid 1px #411c03;
   font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;

}

div#menu > ul > li > ul > li > a {

   display: block;
   width: 115px;
   padding: 5px 0px;
   color: inherit;

}

/* Hover effect */ div#menu > ul > li > ul > li:hover {

   background: url('https://static.igem.org/mediawiki/2013/d/db/TUM13_submenu-highlight.png') repeat-y 50% 50%;

}

div#menu > ul > li > ul > li > a:hover {

   text-decoration: none;

}

/* Show submenu on hover */ div#menu > ul > li:hover > ul {

   display: block;

}

/* End menu style ======================================================= */


/* Start content style ================================================== */

div#bodyContent > p, div#contentSub, div#catlinks, table#toc.toc {

   display: none;

}

/* Set page-bg */ div#wikicontent-container {

   background: url('https://static.igem.org/mediawiki/2013/a/ac/TUM13_page-bg-middle.png') repeat-y 50% 0%;
   padding: 1px 0px;

}

div#wikicontent > :first-child {

   margin-top: 0px;

}

div#wikicontent > :last-child {

   margin-bottom: 0px;

}

/* Font and position */ div#wikicontent {

   font-size: 14px;
   line-height: 21px;
   background: #e9e3dd;
   width: 920px;
   margin: 0px auto;
   padding: 0px 20px;
   text-align: justify;

}

/* Lower page border */ div#bodyContent > div.visualClear {

   background: url('https://static.igem.org/mediawiki/2013/6/6e/TUM13_page-bg-bottom.png') no-repeat 50% 0%;
   height: 50px;

}

/* Standard elements */ div#wikicontent ul {

   padding-left: 2em;
   list-style: disc outside;

}

div#wikicontent ol {

   padding-left: 2em;
   list-style: decimal outside;

}

div#wikicontent a {

   color: #7cac2c;

}

div#bodyContent a[href^="https://"], div#bodyContent a[href^="mailto:"], #bodyContent .link-https {

   background: transparent;

}

div#wikicontent a:hover {

   text-decoration: underline;

}

/* Headings */ div#wikicontent h1, div#wikicontent h2, div#wikicontent h3, div#wikicontent h4, div#wikicontent h5, div#wikicontent h6 {

   font-weight: bold;
   line-height: 1.5;
   margin: 1em 0em 0.5em;
   clear: both;

}

div#wikicontent .editsection {

   color: #7cac2c;
   font-family: Helvetica,Arial,Verdana,sans-serif;

}

div#wikicontent h1, div#wikicontent h2 {

   color: #391903;
   font: normal 2em/1.35 sketch_rockwell,Arial,sans-serif;
   border-bottom: 2px solid #391903;

}

div#wikicontent h3 {

   font-size: 1.5em;

}

div#wikicontent h4 {

   font-size: 1.25em;

}

div#wikicontent h5, div#wikicontent h6 {

   font-size: 1.0em;

}

/* Pictures */ div#wikicontent div.thumb {

   margin: 0px 0px 10px;
   border: none;

}

div#wikicontent div.thumb div.thumbinner {

   background: #d4c6b6;
   border: none;
   font-size: 12px;
   line-height: 18px;
   overflow: hidden;
   padding: 5px 4px !important;
   margin-top: 10px;
   text-align: center;

}

div#wikicontent div.thumb div.thumbinner a img {

   border: none;
   padding-bottom: 5px;

}

div#wikicontent div.thumb div.thumbinner div.thumbcaption {

   background: transparent;
   font-size: inherit;
   line-height: inherit;
   overflow: hidden;
   padding: 0px 5px !important;

}

div#wikicontent div.thumb div.thumbinner div.thumbcaption div.magnify {

   display: none;

}

div#wikicontent div.tright {

   clear: right;
   margin-left: 10px;

}

div#wikicontent div.tleft {

   clear: left;
   margin-right: 10px;

}

div#wikicontent div.center div.tnone {

   clear: both;

}

/* Tables */ div#wikicontent table {

   background: #ded6ca;
   border: 1px solid #502204;

}

div#wikicontent table caption {

   text-align: left;
   font-size: 12px;
   line-height: 18px;

}

div#wikicontent td, div#wikicontent th {

   border: 1px solid #502204;
   padding: 2px 5px;

}

div#wikicontent th {

   background: #d4c6b6;
   font-weight: bold;
   text-align: center;

}

div#wikicontent table code {

   background: transparent;

}

/* Fix AutoAnnotator */ div#wikicontent table#AutoAnnotator, div#wikicontent table#AutoAnnotator table {

   background: #ffffff;
   border: 1px solid #000000;
   font-size: 12px;
   line-height: 18px;

}

div#wikicontent table#AutoAnnotator td, div#wikicontent table#AutoAnnotator th {

   border: 1px solid #000000;
   padding: 1px;

}

div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder {

   border: none;

}

div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder td, div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder th {

   border: none;

}

div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder {

   border: 1px solid #000000;

}

div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder td, div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder th {

   border: 1px solid #000000;

}

div#wikicontent table#AutoAnnotator th {

   background: rgb(221, 221, 221);

}

/* Fix parts table */ div#groupparts {

   width: 920px !important;

}

div#groupparts td {

   background: #ded6ca;

}

/* Style teamfield */

div#teamfield a {

   display: block;
   width: 164px;
   height: 164px;
   margin: 10px;
   float: left;

}

div#teamfield a#raven.front {

   background: url('https://static.igem.org/mediawiki/2013/5/52/TUM13_raven-front.png') no-repeat 50% 50%;

}

div#teamfield a#raven.top {

   background: url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_raven-top.png') no-repeat 50% 50%;

}

div#teamfield a#raven.top-left {

   background: url('https://static.igem.org/mediawiki/2013/3/36/TUM13_raven-top-left.png') no-repeat 50% 50%;

}

div#teamfield a#raven.left {

   background: url('https://static.igem.org/mediawiki/2013/9/95/TUM13_raven-left.png') no-repeat 50% 50%;

}

div#teamfield a#raven.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_raven-bottom-left.png') no-repeat 50% 50%;

}

div#teamfield a#raven.bottom {

   background: url('https://static.igem.org/mediawiki/2013/0/08/TUM13_raven-bottom.png') no-repeat 50% 50%;

}

div#teamfield a#raven.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/d/d3/TUM13_raven-bottom-right.png') no-repeat 50% 50%;

}

div#teamfield a#raven.right {

   background: url('https://static.igem.org/mediawiki/2013/1/1d/TUM13_raven-right.png') no-repeat 50% 50%;

}

div#teamfield a#raven.top-right {

   background: url('https://static.igem.org/mediawiki/2013/e/e0/TUM13_raven-top-right.png') no-repeat 50% 50%;

}

/* Katrin */

div#teamfield a#katrin.front {

   background: url('https://static.igem.org/mediawiki/2013/b/b6/TUM13_katrin-front.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.top {

   background: url('https://static.igem.org/mediawiki/2013/1/13/TUM13_katrin-t.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.top-left {

   background: url('https://static.igem.org/mediawiki/2013/a/a8/TUM13_katrin-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.left {

   background: url('https://static.igem.org/mediawiki/2013/7/72/TUM13_katrin-l.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/7/7f/TUM13_katrin-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.bottom {

   background: url('https://static.igem.org/mediawiki/2013/c/cf/TUM13_katrin-b.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/2/28/TUM13_katrin-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.right {

   background: url('https://static.igem.org/mediawiki/2013/3/3e/TUM13_katrin-r.png') no-repeat 50% 50%;

}

div#teamfield a#katrin.top-right {

   background: url('https://static.igem.org/mediawiki/2013/8/8e/TUM13_katrin-t-r.png') no-repeat 50% 50%;

}

/* Rosario */

div#teamfield a#rosario.front {

   background: url('https://static.igem.org/mediawiki/2013/b/b6/TUM13_rosario-front.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.top {

   background: url('https://static.igem.org/mediawiki/2013/2/2e/TUM13_rosario-t.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.top-left {

   background: url('https://static.igem.org/mediawiki/2013/4/42/TUM13_rosario-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.left {

   background: url('https://static.igem.org/mediawiki/2013/9/91/TUM13_rosario-l.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/6/66/TUM13_rosario-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.bottom {

   background: url('https://static.igem.org/mediawiki/2013/0/05/TUM13_rosario-b.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/8/8e/TUM13_rosario-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.right {

   background: url('https://static.igem.org/mediawiki/2013/1/1a/TUM13_rosario-r.png') no-repeat 50% 50%;

}

div#teamfield a#rosario.top-right {

   background: url('https://static.igem.org/mediawiki/2013/3/38/TUM13_rosario-t-r.png') no-repeat 50% 50%;

}

/* Fabian */

div#teamfield a#fabian.front {

   background: url('https://static.igem.org/mediawiki/2013/5/55/TUM13_fabian-front.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.top {

   background: url('https://static.igem.org/mediawiki/2013/0/0a/TUM13_fabian-t.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.top-left {

   background: url('https://static.igem.org/mediawiki/2013/8/87/TUM13_fabian-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.left {

   background: url('https://static.igem.org/mediawiki/2013/b/b7/TUM13_fabian-l.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/0/0b/TUM13_fabian-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.bottom {

   background: url('https://static.igem.org/mediawiki/2013/2/24/TUM13_fabian-b.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/5/51/TUM13_fabian-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.right {

   background: url('https://static.igem.org/mediawiki/2013/0/01/TUM13_fabian-r.png') no-repeat 50% 50%;

}

div#teamfield a#fabian.top-right {

   background: url('https://static.igem.org/mediawiki/2013/5/51/TUM13_fabian-t-r.png') no-repeat 50% 50%;

}

/* Andreas */

div#teamfield a#andreas.front {

   background: url('https://static.igem.org/mediawiki/2013/d/de/TUM13_andreas-front.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.top {

   background: url('https://static.igem.org/mediawiki/2013/6/67/TUM13_andreas-t.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.top-left {

   background: url('https://static.igem.org/mediawiki/2013/d/da/TUM13_andreas-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.left {

   background: url('https://static.igem.org/mediawiki/2013/8/84/TUM13_andreas-l.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/d/d6/TUM13_andreas-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.bottom {

   background: url('https://static.igem.org/mediawiki/2013/9/9c/TUM13_andreas-b.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/2/21/TUM13_andreas-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.right {

   background: url('https://static.igem.org/mediawiki/2013/5/55/TUM13_andreas-r.png') no-repeat 50% 50%;

}

div#teamfield a#andreas.top-right {

   background: url('https://static.igem.org/mediawiki/2013/8/81/TUM13_andreas-t-r.png') no-repeat 50% 50%;

}

/* Lousie */

div#teamfield a#louise.front {

   background: url('https://static.igem.org/mediawiki/2013/5/50/TUM13_louise-front.png') no-repeat 50% 50%;

}

div#teamfield a#louise.top {

   background: url('https://static.igem.org/mediawiki/2013/5/58/TUM13_louise-t.png') no-repeat 50% 50%;

}

div#teamfield a#louise.top-left {

   background: url('https://static.igem.org/mediawiki/2013/8/86/TUM13_louise-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#louise.left {

   background: url('https://static.igem.org/mediawiki/2013/4/4f/TUM13_louise-l.png') no-repeat 50% 50%;

}

div#teamfield a#louise.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/b/b1/TUM13_louise-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#louise.bottom {

   background: url('https://static.igem.org/mediawiki/2013/a/ad/TUM13_louise-b.png') no-repeat 50% 50%;

}

div#teamfield a#louise.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/3/3f/TUM13_louise-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#louise.right {

   background: url('https://static.igem.org/mediawiki/2013/b/bc/TUM13_louise-r.png') no-repeat 50% 50%;

}

div#teamfield a#louise.top-right {

   background: url('https://static.igem.org/mediawiki/2013/f/fe/TUM13_louise-t-r.png') no-repeat 50% 50%;

}

/* Johanna */

div#teamfield a#johanna.front {

   background: url('https://static.igem.org/mediawiki/2013/4/47/TUM13_johanna-front.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.top {

   background: url('https://static.igem.org/mediawiki/2013/f/fc/TUM13_johanna-t.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.top-left {

   background: url('https://static.igem.org/mediawiki/2013/1/10/TUM13_johanna-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.left {

   background: url('https://static.igem.org/mediawiki/2013/8/8c/TUM13_johanna-l.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/b/b1/TUM13_johanna-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.bottom {

   background: url('https://static.igem.org/mediawiki/2013/4/4a/TUM13_johanna-b.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/3/32/TUM13_johanna-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.right {

   background: url('https://static.igem.org/mediawiki/2013/8/89/TUM13_johanna-r.png') no-repeat 50% 50%;

}

div#teamfield a#johanna.top-right {

   background: url('https://static.igem.org/mediawiki/2013/d/d2/TUM13_johanna-t-r.png') no-repeat 50% 50%;

}

/* Meike */

div#teamfield a#meike.front {

   background: url('https://static.igem.org/mediawiki/2013/2/29/TUM13_meike-front.png') no-repeat 50% 50%;

}

div#teamfield a#meike.top {

   background: url('https://static.igem.org/mediawiki/2013/8/85/TUM13_meike-t.png') no-repeat 50% 50%;

}

div#teamfield a#meike.top-left {

   background: url('https://static.igem.org/mediawiki/2013/3/3e/TUM13_meike-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#meike.left {

   background: url('https://static.igem.org/mediawiki/2013/0/07/TUM13_meike-l.png') no-repeat 50% 50%;

}

div#teamfield a#meike.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/7/79/TUM13_meike-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#meike.bottom {

   background: url('https://static.igem.org/mediawiki/2013/6/63/TUM13_meike-b.png') no-repeat 50% 50%;

}

div#teamfield a#meike.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/a/af/TUM13_meike-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#meike.right {

   background: url('https://static.igem.org/mediawiki/2013/e/e3/TUM13_meike-r.png') no-repeat 50% 50%;

}

div#teamfield a#meike.top-right {

   background: url('https://static.igem.org/mediawiki/2013/c/c1/TUM13_meike-t-r.png') no-repeat 50% 50%;

}

/* Volker */

div#teamfield a#volker.front {

   background: url('https://static.igem.org/mediawiki/2013/d/db/TUM13_volker-front.png') no-repeat 50% 50%;

}

div#teamfield a#volker.top {

   background: url('https://static.igem.org/mediawiki/2013/1/1a/TUM13_volker-t.png') no-repeat 50% 50%;

}

div#teamfield a#volker.top-left {

   background: url('https://static.igem.org/mediawiki/2013/0/0a/TUM13_volker-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#volker.left {

   background: url('https://static.igem.org/mediawiki/2013/4/4f/TUM13_volker-l.png') no-repeat 50% 50%;

}

div#teamfield a#volker.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/f/fb/TUM13_volker-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#volker.bottom {

   background: url('https://static.igem.org/mediawiki/2013/5/57/TUM13_volker-b.png') no-repeat 50% 50%;

}

div#teamfield a#volker.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/8/86/TUM13_volker-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#volker.right {

   background: url('https://static.igem.org/mediawiki/2013/2/2c/TUM13_volker-r.png') no-repeat 50% 50%;

}

div#teamfield a#volker.top-right {

   background: url('https://static.igem.org/mediawiki/2013/2/27/TUM13_volker-t-r.png') no-repeat 50% 50%;

}

/* Polte */

div#teamfield a#polte.front {

   background: url('https://static.igem.org/mediawiki/2013/3/3c/TUM13_polte-front.png') no-repeat 50% 50%;

}

div#teamfield a#polte.top {

   background: url('https://static.igem.org/mediawiki/2013/9/9e/TUM13_polte-t.png') no-repeat 50% 50%;

}

div#teamfield a#polte.top-left {

   background: url('https://static.igem.org/mediawiki/2013/9/9c/TUM13_polte-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#polte.left {

   background: url('https://static.igem.org/mediawiki/2013/0/03/TUM13_polte-l.png') no-repeat 50% 50%;

}

div#teamfield a#polte.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/5/58/TUM13_polte-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#polte.bottom {

   background: url('https://static.igem.org/mediawiki/2013/9/99/TUM13_polte-b.png') no-repeat 50% 50%;

}

div#teamfield a#polte.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/0/0f/TUM13_polte-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#polte.right {

   background: url('https://static.igem.org/mediawiki/2013/b/b9/TUM13_polte-r.png') no-repeat 50% 50%;

}

div#teamfield a#polte.top-right {

   background: url('https://static.igem.org/mediawiki/2013/6/61/TUM13_polte-t-r.png') no-repeat 50% 50%;

}

/* Leonie */

div#teamfield a#leonie.front {

   background: url('https://static.igem.org/mediawiki/2013/d/da/TUM13_leonie-front.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.top {

   background: url('https://static.igem.org/mediawiki/2013/7/79/TUM13_leonie-t.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.top-left {

   background: url('https://static.igem.org/mediawiki/2013/9/9c/TUM13_leonie-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.left {

   background: url('https://static.igem.org/mediawiki/2013/7/78/TUM13_leonie-l.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/2/26/TUM13_leonie-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.bottom {

   background: url('https://static.igem.org/mediawiki/2013/8/8a/TUM13_leonie-b.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/c/cc/TUM13_leonie-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.right {

   background: url('https://static.igem.org/mediawiki/2013/8/81/TUM13_leonie-r.png') no-repeat 50% 50%;

}

div#teamfield a#leonie.top-right {

   background: url('https://static.igem.org/mediawiki/2013/2/25/TUM13_leonie-t-r.png') no-repeat 50% 50%;

}

/* Philipp */

div#teamfield a#philipp.front {

   background: url('https://static.igem.org/mediawiki/2013/0/0c/TUM13_philipp-front.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.top {

   background: url('https://static.igem.org/mediawiki/2013/a/a4/TUM13_philipp-t.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.top-left {

   background: url('https://static.igem.org/mediawiki/2013/2/2d/TUM13_philipp-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.left {

   background: url('https://static.igem.org/mediawiki/2013/c/cf/TUM13_philipp-l.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/8/82/TUM13_philipp-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.bottom {

   background: url('https://static.igem.org/mediawiki/2013/3/3a/TUM13_philipp-b.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/1/1e/TUM13_philipp-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.right {

   background: url('https://static.igem.org/mediawiki/2013/f/ff/TUM13_philipp-r.png') no-repeat 50% 50%;

}

div#teamfield a#philipp.top-right {

   background: url('https://static.igem.org/mediawiki/2013/6/68/TUM13_philipp-t-r.png') no-repeat 50% 50%;

}

/* Jeff */

div#teamfield a#jeff.front {

   background: url('https://static.igem.org/mediawiki/2013/2/25/TUM13_jeff-front.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.top {

   background: url('https://static.igem.org/mediawiki/2013/4/41/TUM13_jeff-t.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.top-left {

   background: url('https://static.igem.org/mediawiki/2013/9/90/TUM13_jeff-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.left {

   background: url('https://static.igem.org/mediawiki/2013/2/21/TUM13_jeff-l.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/b/bf/TUM13_jeff-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.bottom {

   background: url('https://static.igem.org/mediawiki/2013/e/ec/TUM13_jeff-b.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/f/f4/TUM13_jeff-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.right {

   background: url('https://static.igem.org/mediawiki/2013/3/3e/TUM13_jeff-r.png') no-repeat 50% 50%;

}

div#teamfield a#jeff.top-right {

   background: url('https://static.igem.org/mediawiki/2013/a/a5/TUM13_jeff-t-r.png') no-repeat 50% 50%;

}

/* Chris */

div#teamfield a#chris.front {

   background: url('https://static.igem.org/mediawiki/2013/a/a1/TUM13_chris-front.png') no-repeat 50% 50%;

}

div#teamfield a#chris.top {

   background: url('https://static.igem.org/mediawiki/2013/4/42/TUM13_chris-t.png') no-repeat 50% 50%;

}

div#teamfield a#chris.top-left {

   background: url('https://static.igem.org/mediawiki/2013/a/a4/TUM13_chris-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#chris.left {

   background: url('https://static.igem.org/mediawiki/2013/4/4d/TUM13_chris-l.png') no-repeat 50% 50%;

}

div#teamfield a#chris.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/e/ec/TUM13_chris-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#chris.bottom {

   background: url('https://static.igem.org/mediawiki/2013/9/9b/TUM13_chris-b.png') no-repeat 50% 50%;

}

div#teamfield a#chris.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/c/c6/TUM13_chris-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#chris.right {

   background: url('https://static.igem.org/mediawiki/2013/7/72/TUM13_chris-r.png') no-repeat 50% 50%;

}

div#teamfield a#chris.top-right {

   background: url('https://static.igem.org/mediawiki/2013/0/05/TUM13_chris-t-r.png') no-repeat 50% 50%;

}

/* Flo */

div#teamfield a#flo.front {

   background: url('https://static.igem.org/mediawiki/2013/0/03/TUM13_flo-front.png') no-repeat 50% 50%;

}

div#teamfield a#flo.top {

   background: url('https://static.igem.org/mediawiki/2013/b/b4/TUM13_flo-t.png') no-repeat 50% 50%;

}

div#teamfield a#flo.top-left {

   background: url('https://static.igem.org/mediawiki/2013/c/ce/TUM13_flo-t-l.png') no-repeat 50% 50%;

}

div#teamfield a#flo.left {

   background: url('https://static.igem.org/mediawiki/2013/0/06/TUM13_flo-l.png') no-repeat 50% 50%;

}

div#teamfield a#flo.bottom-left {

   background: url('https://static.igem.org/mediawiki/2013/1/11/TUM13_flo-b-l.png') no-repeat 50% 50%;

}

div#teamfield a#flo.bottom {

   background: url('https://static.igem.org/mediawiki/2013/6/6b/TUM13_flo-b.png') no-repeat 50% 50%;

}

div#teamfield a#flo.bottom-right {

   background: url('https://static.igem.org/mediawiki/2013/4/4b/TUM13_flo-b-r.png') no-repeat 50% 50%;

}

div#teamfield a#flo.right {

   background: url('https://static.igem.org/mediawiki/2013/3/30/TUM13_flo-r.png') no-repeat 50% 50%;

}

div#teamfield a#flo.top-right {

   background: url('https://static.igem.org/mediawiki/2013/2/2a/TUM13_flo-t-r.png') no-repeat 50% 50%;

}


/* TODO =================================== */

div#wikicontent a.sponsor {

   display: block;
   float: right;
   width: 276px;
   height: 100px;
   margin: 10px;
   background: #FFFFFF;
   position: relative;
   margin-left:20px;

}

div#wikicontent a.sponsor img {

   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;

}


/* Boxes */

div#wikicontent div.box-right {

   width: 430px;
   background: #ded6ca;
   margin: 10px 0px 10px 10px;
   padding: 0px 10px;
   clear: right;
   float: right;

}

div#wikicontent div.box-left {

   width: 430px;
   background: #ded6ca;
   margin: 10px 10px 10px 0px;
   padding: 0px 10px;
   clear: left;
   float: left;

}

div#wikicontent div.box-definition{

   width: 300px;
   background: #d4c6b6;
   margin: 10px 0px 10px 10px;
   padding: 0px 10px;
   clear: right;
   float: right;
   font-size: 12px;

}

div#wikicontent div.box-center {

   background: #ded6ca;
   margin: 10px 0px;
   padding: 1px 10px;
   clear: both;

}

/* Buttons */

a#starttour {

   background: url('https://static.igem.org/mediawiki/2013/e/e1/TUM13_button-tour.png');
   display: block;
   width: 250px;
   height: 50px;
   margin: 0px auto;

}

a#starttour:hover {

   background: url('https://static.igem.org/mediawiki/2013/6/6c/TUM13_button-tour-highlight.png');

}

/* TODO =================================== */

/* End content style ==================================================== */


/* Start footer style =================================================== */

/* Makes the footer stick to the bottom */ html, body {

   height: 100%;

}

body > div#globalWrapper {

   position: relative;
   height: auto;
   min-height: 100%;
   margin: 0px auto -156px;

}

div#globalWrapper > div.visualClear {

   height: 156px;

}

div#footer-box {

   background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 50% 0%;
   padding: 15px 0px 10px;
   height: 131px;
   width: 100%;
   position: absolute;
   bottom: 0px;
   color: #d4c6b6;
   font-weight: normal;
   font-size: 12px;
   line-height: 18px;

}

div#social-footer {

   width: 940px;
   height: 85px;
   margin: 0px auto;
   padding: 0px 10px 10px;

}

div#social-footer div#address, div#social-footer div#contact, div#social-footer div#follow {

   width: 293px;
   height: 85px;
   margin: 0px 10px;
   float: left;

}

div#social-footer div#follow {

   text-align: center;

}

div#social-footer div#follow div {

   width: 114px;
   margin: 0px auto;

}

div#social-footer div#follow a.icon {

   padding: 11px 3px;
   width: 32px;
   height: 32px;
   display: block;
   float: left;

}

div#social-footer div#follow a.icon#facebook {

   background: url('https://static.igem.org/mediawiki/2013/c/cb/TUM13_facebook-icon.png') no-repeat 50% 50%;

}

div#social-footer div#follow a.icon#facebook:hover {

   background: url('https://static.igem.org/mediawiki/2013/9/9f/TUM13_facebook-icon-highlight.png') no-repeat 50% 50%;

}

div#social-footer div#follow a.icon#twitter {

   background: url('https://static.igem.org/mediawiki/2013/3/34/TUM13_twitter-icon.png') no-repeat 50% 50%;

}

div#social-footer div#follow a.icon#twitter:hover {

   background: url('https://static.igem.org/mediawiki/2013/2/22/TUM13_twitter-icon-highlight.png') no-repeat 50% 50%;

}

div#social-footer div#follow a.icon#youtube {

   background: url('https://static.igem.org/mediawiki/2013/4/49/TUM13_youtube-icon.png') no-repeat 50% 50%;

}

div#social-footer div#follow a.icon#youtube:hover {

   background: url('https://static.igem.org/mediawiki/2013/a/a1/TUM13_youtube-icon-highlight.png') no-repeat 50% 50%;

}

div#social-footer div#address div, div#social-footer div#contact div {

   width: 50%;
   float: left;

}

div#social-footer div#address div p, div#social-footer div#contact div p {

   padding: 13px 0px 0px;

}

div#social-footer div#address div img, div#social-footer div#contact div img {

   display: block;
   margin: 0px auto;

}

div#social-footer div#address div img.icon {

   margin-top: 11px;

}

div#social-footer div#contact div a.icon {

   display: block;
   width: 32px;
   height: 32px;
   margin: 11px auto;
   background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_contact-icon.png') no-repeat 50% 50%;

}

div#social-footer div#contact div a.icon:hover {

   background: url('https://static.igem.org/mediawiki/2013/c/c7/TUM13_contact-icon-highlight.png') no-repeat 50% 50%;

}

div#social-footer p {

   margin: 0px;

}

div#footer {

   width: 920px;
   margin: 0px auto;
   padding: 0px 20px;
   text-align: center;

}

div#footer ul {

  margin: 0;
  padding: 0;

}

div#footer li {

   padding: 0px 5px;
   display: inline;

}

div#footer li#t-recentchangeslinked {

   display: none;

}

div#footer-box a {

   color: inherit;

}

div#footer-box a:hover {

   text-decoration: underline;

}

div#footer div#f-poweredbyico {

   margin-top: 3px;
   float: right;

}

div#footer div#f-copyrightico {

   margin-top: 3px;
   float: left;

}

/* End footer style ===================================================== */