Difference between revisions of "Team:Vilnius-Lithuania/Vilnius15 wiki.css"

Line 1: Line 1:
−
/* iGEM TU-Munich Stylesheet by Florian Albrecht (albrecht.flo@gmx.net)
+
html body {
−
  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 (hosted 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;
+
−
}
+
−
@media screen and (-webkit-min-device-pixel-ratio:0) {
+
−
    @font-face {
+
−
        font-family: 'sketch_rockwell';
+
−
        src: url('https://dl.dropboxusercontent.com/s/cbfupthn2al3xk1/sketchrockwell-bold-webfont.svg#sketch_rockwellregular') format('svg');
+
−
    }
+
−
}
+
−
/* 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;
 
     font-family: Helvetica,Arial,Verdana,sans-serif;
 +
    color: #000000;
 +
    background: #ded6ca url('https://static.igem.org/mediawiki/2013/a/a3/TUM13_paper-bg.png') repeat;
 
}
 
}
−
/* End general style ==================================================== */
 
  
 
/* Start top-section style ============================================== */
 
/* Start top-section style ============================================== */
−
/* Remove logo and search */ div#p-logo, div#search-controls {
+
 
−
                                display: none;
+
/* Remove logo and search */
−
                            }
+
 
−
/* Center wiki-menu; set font & bg (as fallback) color */ div#top-section {
+
div#p-logo,
−
                                                              margin: 0px auto;
+
div#search-controls {
−
                                                              width: 930px;
+
    display: none;
−
                                                              height: 20px;
+
}
−
                                                              color: #d4c6b6;
+
 
−
                                                              background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;
+
/* Center wiki-menu; set font & bg (as fallback) color */
−
                                                          }
+
 
−
/* Set font and positions */ div#menubar {
+
div#top-section {
−
                                font-weight: bold;
+
    width: 930px;
−
                                font-size: 13px;
+
    height: 20px;
−
                                line-height: 20px;
+
    margin: 0 auto;
−
                            }
+
    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-size: 13px;
 +
    font-weight: bold;
 +
    line-height: 20px;
 +
}
 +
 
 
div#menubar.right-menu {
 
div#menubar.right-menu {
 
     float: right;
 
     float: right;
 
}
 
}
 +
 
div#menubar.left-menu {
 
div#menubar.left-menu {
 
     float: left;
 
     float: left;
 
}
 
}
−
/* Fix text */ div#menubar.left-menu a, div#menubar.left-menu li {
+
 
−
                  text-transform: capitalize;
+
/* Fix text */
−
              }
+
 
 +
div#menubar.left-menu a,
 +
div#menubar.left-menu li {
 +
    text-transform: capitalize;
 +
}
 +
 
 
div#menubar li {
 
div#menubar li {
−
    padding: 0px 5px;
 
 
     display: inline;
 
     display: inline;
 +
    padding: 0 5px;
 
}
 
}
−
/* White on hover */ div#menubar a:hover {
+
 
−
                        color: #FFFFFF;
+
/* White on hover */
−
                        text-decoration: none;
+
 
−
                    }
+
div#menubar a:hover {
−
div#menubar li[style="color:white;cursor:default"] {
+
    text-decoration: none;
−
    display: none;
+
    color: #FFFFFF;
 
}
 
}
 +
 
/* End top-section style ================================================ */
 
/* End top-section style ================================================ */
  
 
/* Start header style =================================================== */
 
/* Start header style =================================================== */
−
/* Hide page title (it would appear before the header) */ h1.firstHeading {
+
 
−
                                                              display: none;
+
/* Hide page title (it would appear before the header) */
−
                                                          }
+
 
−
/* Header-bg and positioning */ div#header-container {
+
h1.firstHeading {
−
                                    background: url('https://static.igem.org/mediawiki/2013/b/bf/TUM13_page-bg-top.png') no-repeat 50% 0%;
+
    display: none;
−
                                    height: 217px;
+
−
                                    padding-top: 30px;
+
−
                                }
+
−
/* Header positioning */ div#header {
+
−
                            width: 920px;
+
−
                            height: 130px;
+
−
                            margin: 0px auto;
+
−
                            padding: 5px 20px 0px;
+
−
                            overflow: visible;
+
−
                        }
+
−
/* Logos */ div#header img#physco-logo {
+
−
                display: block;
+
−
                height: 130px;
+
−
                margin-left: 303px;
+
−
            }
+
−
div#header img#igem-logo {
+
−
    display: block;
+
−
    margin-top: 40px;
+
−
    height: 95px;
+
−
    float: right;
+
 
}
 
}
−
div#header img#tum-logo {
 
−
    display: block;
 
−
    margin-top: 15px;
 
−
    height: 120px;
 
−
    float: left;
 
−
}
 
−
/* End header style ===================================================== */
 
  
 
/* Start menu style ===================================================== */
 
/* Start menu style ===================================================== */
−
/* Menu-bg and spacing*/ div#menu {
+
 
−
                            border: 0px solid red;
+
/* Menu-bg and spacing*/
−
                            height: 60px;
+
 
−
                            padding: 5px 0px 17px;
+
div#menu {
−
                        }
+
    height: 60px;
 +
    padding: 5px 0 17px;
 +
    border: 0 solid red;
 +
}
 +
 
 
div#menu ul {
 
div#menu ul {
−
    list-style: none;
 
−
    padding: 0;
 
 
     margin: 0;
 
     margin: 0;
 +
    padding: 0;
 +
    list-style: none;
 
}
 
}
−
/* Position menu and set font color */ div#menu > ul {
+
 
−
                                          margin: 0px auto;
+
/* Position menu and set font color */
−
                                          width: 960px;
+
 
−
                                          height: 60px;
+
div#menu > ul {
−
                                          color: #411c03;
+
    width: 960px;
−
                                      }
+
    height: 60px;
−
/* Position menu elements and set font */ div#menu > ul > li {
+
    margin: 0 auto;
−
                                              float: left;
+
    color: #411c03;
−
                                              width: 137px;
+
}
−
                                              height: 44px;
+
 
−
                                              padding: 8px 0px 8px;
+
/* Position menu elements and set font */
−
                                              text-align: center;
+
 
−
                                              position: relative;
+
div#menu > ul > li {
−
                                              /*font: normal 24px/44px sketch_rockwell,Arial,sans-serif;*/
+
    float: left;
−
                                          }
+
    position: relative;
 +
    width: 137px;
 +
    height: 44px;
 +
    padding: 8px 0 8px;
 +
    text-align: center;
 +
}
 +
 
 
div#menu > ul > li > a {
 
div#menu > ul > li > a {
 
     display: block;
 
     display: block;
Line 130: Line 111:
 
     color: inherit;
 
     color: inherit;
 
}
 
}
−
/* Hover effect */ div#menu > ul > li > a:hover {
+
 
−
                      background-color: #F9F9F9;
+
/* Hover effect */
−
                  }
+
 
 +
div#menu > ul > li > a:hover {
 +
    background-color: #F9F9F9;
 +
}
 +
 
 
div#menu > ul > li > a:hover {
 
div#menu > ul > li > a:hover {
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
−
/* Style and hide submenu */ div#menu > ul > li > ul {
+
 
−
                                border-left: solid 1px #411c03;
+
/* Style and hide submenu */
−
                                border-right: solid 1px #411c03;
+
 
−
                                width: 135px;
+
div#menu > ul > li > ul {
−
                                background: #7cac2c;
+
    display: none;
−
                                display: none;
+
    z-index: 9998;
−
                                position: absolute;
+
    position: absolute;
−
                                top: 60px;
+
    top: 60px;
−
                                z-index: 9998;
+
    width: 135px;
−
                            }
+
    border-right: solid 1px #411c03;
−
/* Style submenu elements */ div#menu > ul > li > ul > li {
+
    border-left: solid 1px #411c03;
−
                                background-color: #F9F9F9;
+
    background: #7cac2c;
−
                                padding: 0px 10px;
+
}
−
                                text-align: left;
+
 
−
                                border-bottom: solid 1px #411c03;
+
/* Style submenu elements */
−
                                font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
+
 
−
                            }
+
div#menu > ul > li > ul > li {
 +
    padding: 0 10px;
 +
    border-bottom: solid 1px #411c03;
 +
    text-align: left;
 +
    font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
 +
    background-color: #F9F9F9;
 +
}
 +
 
 
div#menu > ul > li > ul > li > a {
 
div#menu > ul > li > ul > li > a {
 
     display: block;
 
     display: block;
 
     width: 115px;
 
     width: 115px;
−
     padding: 5px 0px;
+
     padding: 5px 0;
 
     color: inherit;
 
     color: inherit;
 
}
 
}
−
/* Hover effect */ div#menu > ul > li > ul > li:hover {
+
 
−
                      background-color: #F9F9F9;
+
/* Hover effect */
−
                  }
+
 
 +
div#menu > ul > li > ul > li:hover {
 +
    background-color: #F9F9F9;
 +
}
 +
 
 
div#menu > ul > li > ul > li > a:hover {
 
div#menu > ul > li > ul > li > a:hover {
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
−
/* Show submenu on hover */ div#menu > ul > li:hover > ul {
 
−
                                display: block;
 
−
                            }
 
−
/* End menu style ======================================================= */
 
  
−
/* Start content style ================================================== */
+
/* Show submenu on hover */
−
div#bodyContent > p, div#contentSub, div#catlinks, table#toc.toc {
+
 
−
     display: none;
+
div#menu > ul > li:hover > ul {
−
} /* div#wikicontent > table#toc.toc {
+
     display: block;
−
  width: 350px;
+
−
  position: fixed;
+
−
  top: 100px;
+
−
  left: -300px;
+
−
  z-index: 10001;
+
 
}
 
}
  
−
div#wikicontent > table#toc.toc:hover {
+
/* End menu style ======================================================= */
−
  left: 0px;
+
−
}
+
−
/
+
−
/* top button */ div#social-footer a#gotop {
+
−
                      display: block;
+
−
                      width: 40px;
+
−
                      height: 40px;
+
−
                      padding: 10px;
+
−
                      background: url('https://static.igem.org/mediawiki/2013/2/2d/TUM13_gotop.png') no-repeat 50% 50%;
+
−
                      position: fixed;
+
−
                      bottom: 15px;
+
−
                      right: 15px;
+
−
                  }
+
−
div#social-footer a#gotop:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/c/c5/TUM13_gotop-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
/* 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: 2px 0px 1px;
+
−
                  }
+
−
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;
+
−
                            position: relative;
+
−
                        }
+
−
/* 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 p {
+
−
                            margin: 0 0 1em;
+
−
                        }
+
−
div#wikicontent ul {
+
−
    padding-left: 2em;
+
−
    list-style: disc outside;
+
−
}
+
−
div#wikicontent div.achievements ul {
+
−
    list-style: none;
+
−
    padding-left: 0.4em;
+
−
    margin-top: 0px;
+
−
}
+
−
div#wikicontent div.achievements ul li {
+
−
    background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_checkmark-small.png') no-repeat 0% 50%;
+
−
    padding-left: 30px;
+
−
    margin: 0px;
+
−
    line-height: 32px;
+
−
}
+
−
div#wikicontent div.achievements h3, div#wikicontent div.achievements h4, div#wikicontent div.achievements h5, div#wikicontent div.achievements h6 {
+
−
    margin-bottom: 0px;
+
−
    clear: none;
+
−
}
+
−
div#wikicontent ol {
+
−
    padding-left: 2em;
+
−
    list-style: decimal outside;
+
−
}
+
−
div#wikicontent li {
+
−
    margin-bottom: 0.5em;
+
−
}
+
−
div#wikicontent a {
+
−
    color: #7cac2c;
+
−
}
+
−
div#bodyContent a[href^="https://"], div#bodyContent a[href^="mailto:"], #bodyContent .link-https {
+
−
    background: transparent;
+
−
    padding: 0px;
+
−
}
+
−
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;
+
−
                  text-align: left;
+
−
              }
+
−
div#wikicontent .editsection {
+
−
    color: #7cac2c;
+
−
    font-family: Helvetica,Arial,Verdana,sans-serif;
+
−
}
+
−
div#wikicontent h1, div#wikicontent h2 {
+
−
    color: #502204;
+
−
    /*font: normal 2em/1.35 sketch_rockwell,Arial,sans-serif;*/
+
−
    border-bottom: 2px solid #502204;
+
−
}
+
−
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 {
+
−
                  border: none;
+
−
              }
+
−
div#wikicontent div.thumb div.thumbinner {
+
−
    background: #ded6ca;
+
−
    border: none;
+
−
    font-size: 12px;
+
−
    line-height: 23px;
+
−
    overflow: hidden;
+
−
    padding: 5px 4px 2px !important;
+
−
    text-align: center;
+
−
}
+
−
div#wikicontent div.thumb div.thumbinner a img {
+
−
    border: none;
+
−
    padding-bottom: 3px;
+
−
}
+
−
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: 0 0 1em 1em;
+
−
}
+
−
div#wikicontent div.tleft {
+
−
    clear: left;
+
−
    margin: 0 1em 1em 0;
+
−
}
+
−
div#wikicontent div.center div.tnone {
+
−
    clear: both;
+
−
    margin: 0 0 1em;
+
−
}
+
−
/* Tables */ div#wikicontent table {
+
−
                background: #ded6ca;
+
−
                border: 1px solid #502204;
+
−
                margin: 0 auto 1em;
+
−
            }
+
−
div#wikicontent table.left {
+
−
    float: left;
+
−
    clear: left;
+
−
    margin: 0 1em 1em 0;
+
−
}
+
  
−
div#wikicontent table.right {
+
/* Fix AutoAnnotator */
−
    float: right;
+
 
−
    clear: right;
+
div#wikicontent table#AutoAnnotator,
−
    margin: 0 0 1em 1em;
+
div#wikicontent table#AutoAnnotator table {
−
}
+
     margin-bottom: 0;
−
div#wikicontent table.safety td, div#wikicontent table.safety th {
+
     border: 1px solid #000000;
−
     text-align: left;
+
−
     vertical-align: top;
+
−
}
+
−
div#wikicontent table caption {
+
−
    text-align: left;
+
 
     font-size: 12px;
 
     font-size: 12px;
 
     line-height: 18px;
 
     line-height: 18px;
 +
    background: #ffffff;
 
}
 
}
−
div#wikicontent td, div#wikicontent th {
+
 
−
    border: 1px solid #502204;
+
div#wikicontent table#AutoAnnotator td,
−
    padding: 2px 5px;
+
div#wikicontent table#AutoAnnotator th {
−
}
+
−
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;
+
−
                            margin-bottom: 0px;
+
−
                        }
+
−
div#wikicontent table#AutoAnnotator td, div#wikicontent table#AutoAnnotator th {
+
−
    border: 1px solid #000000;
+
 
     padding: 1px;
 
     padding: 1px;
 +
    border: 1px solid #000000;
 
}
 
}
 +
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder {
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder {
 
     border: none;
 
     border: none;
 
}
 
}
−
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder td, div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder th {
+
 
 +
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder td,
 +
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder th {
 
     border: none;
 
     border: none;
 
}
 
}
 +
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder {
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder {
 
     border: 1px solid #000000;
 
     border: 1px solid #000000;
 
}
 
}
−
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder td, div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder th {
+
 
 +
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder td,
 +
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder th {
 
     border: 1px solid #000000;
 
     border: 1px solid #000000;
 
}
 
}
 +
 
div#wikicontent table#AutoAnnotator th {
 
div#wikicontent table#AutoAnnotator th {
−
     background: rgb(221, 221, 221);
+
     background: rgb(221,221,221);
 
}
 
}
 +
 
div#wikicontent div#autoannotator-computing {
 
div#wikicontent div#autoannotator-computing {
 
     text-align: center;
 
     text-align: center;
 
}
 
}
−
/* Fix parts table */ div#groupparts {
+
 
−
                          width: 920px !important;
+
/* Fix parts table */
−
                      }
+
 
 +
div#groupparts {
 +
    width: 920px !important;
 +
}
 +
 
 
div#groupparts td {
 
div#groupparts td {
 
     background: #ded6ca;
 
     background: #ded6ca;
 
}
 
}
−
/* Sponsors */ div#wikicontent a.sponsor {
+
 
−
                  display: block;
+
/* End content style =================================================== */
−
                  float: left;
+
 
−
                  width: 286px;
+
/* Start footer style =================================================== */
−
                  height: 100px;
+
 
−
                  margin: 10px;
+
/* Makes the footer stick to the bottom */
−
                  background: #FFFFFF;
+
 
−
                  position: relative;
+
html,
−
              }
+
body {
−
div#wikicontent a.sponsor img {
+
−
    position: absolute;
+
−
    top: 0;
+
−
    left: 0;
+
−
    right: 0;
+
−
    bottom: 0;
+
−
    margin: auto;
+
−
}
+
−
div#wikicontent div.sponsor {
+
−
    background: #ded6ca;
+
−
    height: 215px;
+
−
    margin-bottom: 20px;
+
−
    padding: 0px;
+
−
    clear: both;
+
−
}
+
−
div#wikicontent div.sponsor a.sponsor {
+
−
    width: 320px;
+
−
    height: 215px;
+
−
    margin: 0 1em 0 0;
+
−
}
+
−
div#wikicontent div.sponsor p {
+
−
    padding: 1em;
+
−
}
+
−
div div#wikicontent div.overview {
+
−
    height: 240px;
+
−
    width: 440px;
+
−
    padding: 0px 0px 0px 10px;
+
−
}
+
−
div#wikicontent div.overview img {
+
−
    float: right;
+
−
    margin: 0px 0px 0px 10px;
+
−
}
+
−
div#wikicontent div.overview h3 {
+
−
    margin: 5px 0px 0px;
+
−
    clear: none;
+
−
}
+
−
div#wikicontent div.overview span.editsection {
+
−
    display: none;
+
−
}
+
−
/* Boxes */ div#wikicontent div.box-right {
+
−
                width: 430px;
+
−
                background: #ded6ca;
+
−
                margin: 0px 0px 20px 10px;
+
−
                padding: 10px 10px 0px;
+
−
                clear: right;
+
−
                float: right;
+
−
            }
+
−
div#wikicontent div.box-left {
+
−
    width: 430px;
+
−
    background: #ded6ca;
+
−
    margin: 0px 10px 20px 0px;
+
−
    padding: 10px 10px 0px;
+
−
    clear: left;
+
−
    float: left;
+
−
}
+
−
div#wikicontent div.team.box-left, div#wikicontent div.team.box-right {
+
−
    height: 620px;
+
−
}
+
−
div#wikicontent div.team div, div#wikicontent div.team a img {
+
−
    float: right;
+
−
    position: relative;
+
−
    margin: 0 0 10px 10px;
+
−
    background: url('https://static.igem.org/mediawiki/2013/4/4d/TUM13_computing.gif') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent div.team div.portrait {
+
−
    width: 200px;
+
−
    height: 356px;
+
−
}
+
−
div#wikicontent div.team div.landscape {
+
−
    width: 300px;
+
−
    height: 169px;
+
−
}
+
−
div#wikicontent div.team div img {
+
−
    position: absolute;
+
−
    top: 0;
+
−
    left: 0;
+
−
}
+
−
div#wikicontent div.team div img.top {
+
−
    z-index: 20;
+
−
}
+
−
div#wikicontent div.team div:hover img.top {
+
−
    visibility: hidden;
+
−
}
+
−
div#wikicontent div.team div img.bottom {
+
−
    z-index: 10;
+
−
}
+
−
div#wikicontent div.box-definition {
+
−
    width: 320px;
+
−
    background: #ded6ca;
+
−
    margin: 0 0 1em 1em;
+
−
    padding: 10px 10px 0px;
+
−
    clear: right;
+
−
    float: right;
+
−
    font-size: 12px;
+
−
    line-height: 18px;
+
−
}
+
−
div#wikicontent div.box-definition p {
+
−
    margin-bottom: 10px;
+
−
}
+
−
div#wikicontent div.box-center {
+
−
    background: #ded6ca;
+
−
    margin-bottom: 20px;
+
−
    padding: 10px;
+
−
    clear: both;
+
−
}
+
−
div#wikicontent div.team h4 {
+
−
    margin-top: 0px;
+
−
}
+
−
div#wikicontent div.quote {
+
−
    margin: 1em 1.5em;
+
−
    padding: 0.5em 0.7em;
+
−
    background: #ded6ca;
+
−
}
+
−
div#wikicontent div.quote p {
+
−
    margin: 0px;
+
−
    font: normal 20px/30px Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+
−
    /* font-style: italic; */
+
−
}
+
−
div#wikicontent div.quote div.author {
+
−
    text-align: right;
+
−
    font-variant: small-caps;
+
−
}
+
−
/* Buttons */
+
−
div#wikicontent a.tour {
+
−
    display: block;
+
−
    /*font: normal 24px/40px sketch_rockwell,Arial,sans-serif;*/
+
−
    color: #411c03;
+
−
    text-align: center;
+
−
    text-decoration: none;
+
−
}
+
−
div#wikicontent a.tour.start {
+
−
    float: right;
+
−
    width: 205px;
+
−
    height: 40px;
+
−
    padding: 5px 7px 5px 38px;
+
−
    background: url('https://static.igem.org/mediawiki/2013/3/36/TUM13_tour-start.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.tour.start:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/5/5f/TUM13_tour-start-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.tour.previous {
+
−
    float: left;
+
−
    width: 135px;
+
−
    height: 40px;
+
−
    padding: 5px 5px 5px 25px;
+
−
    margin-bottom: 20px;
+
−
    background: url('https://static.igem.org/mediawiki/2013/f/fc/TUM13_tour-previous.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.tour.previous:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/6/6e/TUM13_tour-previous-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.tour.next {
+
−
    float: right;
+
−
    width: 135px;
+
−
    height: 40px;
+
−
    padding: 5px 25px 5px 5px;
+
−
    margin-bottom: 20px;
+
−
    background: url('https://static.igem.org/mediawiki/2013/c/c6/TUM13_tour-next.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.tour.next:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/3/35/TUM13_tour-next-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button {
+
−
    display: block;
+
−
    float: left;
+
−
    width: 131px;
+
−
    height: 20px;
+
−
    padding: 11px 7px 114px;
+
−
    margin-left: 10px;
+
−
    /*font: normal 16px/20px sketch_rockwell,Arial,sans-serif;*/
+
−
    color: #411c03;
+
−
    text-align: center;
+
−
    text-decoration: none;
+
−
}
+
−
div#wikicontent a.button.application {
+
−
    margin-left: 0px;
+
−
    background: url('https://static.igem.org/mediawiki/2013/7/7b/TUM13_button-application.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.application:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/4/44/TUM13_button-application-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.autoannotator {
+
−
    background: url('https://static.igem.org/mediawiki/2013/4/43/TUM13_button-autoannotator.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.autoannotator:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/a/a7/TUM13_button-autoannotator-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.physco {
+
−
    background: url('https://static.igem.org/mediawiki/2013/7/77/TUM13_button-physco.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.physco:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/d/d5/TUM13_button-physco-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.entrepreneur {
+
−
    background: url('https://static.igem.org/mediawiki/2013/e/e1/TUM13_button-entrepreneur.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.entrepreneur:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/e/e6/TUM13_button-entrepreneur-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.safety {
+
−
    background: url('https://static.igem.org/mediawiki/2013/4/4f/TUM13_button-safety.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.safety:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/0/01/TUM13_button-safety-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.judging {
+
−
    background: url('https://static.igem.org/mediawiki/2013/4/47/TUM13_button-judging.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent a.button.judging:hover {
+
−
    background: url('https://static.igem.org/mediawiki/2013/d/d6/TUM13_button-judging-highlight.png') no-repeat 50% 50%;
+
−
}
+
−
div#wikicontent div#ajax-overlay {
+
−
    width: 100%;
+
 
     height: 100%;
 
     height: 100%;
−
    z-index: 9996;
 
−
    position: absolute;
 
−
    top: 0;
 
−
    left: 0;
 
−
    background: url('https://static.igem.org/mediawiki/2013/2/29/TUM13_ajax-bg.png') repeat 0% 0%;
 
 
}
 
}
−
div#wikicontent div#ajax-overlay img {
 
−
    position: absolute;
 
−
    z-index: 9997;
 
−
    top: 0;
 
−
    left: 0;
 
−
    right: 0;
 
−
    margin: auto;
 
−
}
 
−
/* End content style ==================================================== */
 
  
−
/* Start footer style =================================================== */
 
−
/* Makes the footer stick to the bottom */ html, body {
 
−
                                              height: 100%;
 
−
                                          }
 
 
body > div#globalWrapper {
 
body > div#globalWrapper {
 
     position: relative;
 
     position: relative;
 
     height: auto;
 
     height: auto;
 +
    margin: 0 auto -156px;
 
     min-height: 100%;
 
     min-height: 100%;
−
    margin: 0px auto -156px;
 
 
}
 
}
 +
 
div#globalWrapper > div.visualClear {
 
div#globalWrapper > div.visualClear {
 
     height: 156px;
 
     height: 156px;
 
}
 
}
 +
 
div#footer-box {
 
div#footer-box {
−
     background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 50% 0%;
+
     position: absolute;
−
     padding: 5px 0px 10px;
+
    bottom: 0;
 +
     width: 100%;
 
     height: 141px;
 
     height: 141px;
−
     width: 100%;
+
     padding: 5px 0 10px;
−
     position: absolute;
+
     font-size: 12px;
−
    bottom: 0px;
+
−
    color: #d4c6b6;
+
 
     font-weight: normal;
 
     font-weight: normal;
−
    font-size: 12px;
 
 
     line-height: 18px;
 
     line-height: 18px;
 +
    color: #d4c6b6;
 +
    background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 50% 0;
 
}
 
}
 +
 
div#social-footer {
 
div#social-footer {
 
     width: 940px;
 
     width: 940px;
 
     height: 95px;
 
     height: 95px;
−
     margin: 0px auto;
+
     margin: 0 auto;
−
     padding: 0px 10px 10px;
+
     padding: 0 10px 10px;
 
}
 
}
−
div#social-footer div#annotator, div#social-footer div#address, div#social-footer div#follow {
+
 
 +
div#social-footer div#annotator,
 +
div#social-footer div#address,
 +
div#social-footer div#follow {
 +
    float: left;
 
     width: 293px;
 
     width: 293px;
 
     height: 95px;
 
     height: 95px;
−
     margin: 0px 10px;
+
     margin: 0 10px;
−
    float: left;
+
 
}
 
}
 +
 
div#social-footer h2 {
 
div#social-footer h2 {
−
     /*font: normal 28px/42px sketch_rockwell, Arial, sans-serif;*/
+
     margin: 0;
 
     text-align: center;
 
     text-align: center;
−
    margin: 0px;
 
 
}
 
}
 +
 
div#social-footer div#annotator {
 
div#social-footer div#annotator {
 
     text-align: center;
 
     text-align: center;
 
}
 
}
 +
 
div#social-footer div#annotator input {
 
div#social-footer div#annotator input {
−
    font-size: 12px;
 
 
     padding: 2px 5px;
 
     padding: 2px 5px;
 +
    font-size: 12px;
 
}
 
}
 +
 
div#social-footer div#annotator input[type="text"] {
 
div#social-footer div#annotator input[type="text"] {
−
     margin: 0px 0px 5px;
+
    width: 275px;
 +
     margin: 0 0 5px;
 
     border: 1px solid #502204;
 
     border: 1px solid #502204;
 
     background: #d4c6b6;
 
     background: #d4c6b6;
−
    width: 275px;
 
 
}
 
}
 +
 
div#social-footer div#address p {
 
div#social-footer div#address p {
−
    margin: 0px;
 
−
    width: 50%;
 
 
     float: left;
 
     float: left;
 +
    width: 50%;
 +
    margin: 0;
 
}
 
}
 +
 
div#social-footer div#follow a {
 
div#social-footer div#follow a {
 
     display: block;
 
     display: block;
 +
    float: left;
 
     width: 32px;
 
     width: 32px;
 
     height: 32px;
 
     height: 32px;
 
     margin: 9px;
 
     margin: 9px;
−
    float: left;
 
 
}
 
}
 +
 
div#social-footer div#follow div {
 
div#social-footer div#follow div {
−
     margin: 3px 21px 0px;
+
     margin: 3px 21px 0;
 
}
 
}
 +
 
div#social-footer div#follow a#adress {
 
div#social-footer div#follow a#adress {
 
     background: url('https://static.igem.org/mediawiki/2013/4/4b/TUM13_address-icon.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/4/4b/TUM13_address-icon.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#adress:hover {
 
div#social-footer div#follow a#adress:hover {
 
     background: url('https://static.igem.org/mediawiki/2013/0/05/TUM13_address-highlight.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/0/05/TUM13_address-highlight.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#mail {
 
div#social-footer div#follow a#mail {
 
     background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_contact-icon.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_contact-icon.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#mail:hover {
 
div#social-footer div#follow a#mail:hover {
 
     background: url('https://static.igem.org/mediawiki/2013/c/c7/TUM13_contact-icon-highlight.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/c/c7/TUM13_contact-icon-highlight.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#facebook {
 
div#social-footer div#follow a#facebook {
 
     background: url('https://static.igem.org/mediawiki/2013/c/cb/TUM13_facebook-icon.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/c/cb/TUM13_facebook-icon.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#facebook:hover {
 
div#social-footer div#follow a#facebook:hover {
 
     background: url('https://static.igem.org/mediawiki/2013/9/9f/TUM13_facebook-icon-highlight.png') no-repeat 50% 50%;
 
     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#twitter {
 
div#social-footer div#follow a#twitter {
 
     background: url('https://static.igem.org/mediawiki/2013/3/34/TUM13_twitter-icon.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/3/34/TUM13_twitter-icon.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#twitter:hover {
 
div#social-footer div#follow a#twitter:hover {
 
     background: url('https://static.igem.org/mediawiki/2013/2/22/TUM13_twitter-icon-highlight.png') no-repeat 50% 50%;
 
     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#youtube {
 
div#social-footer div#follow a#youtube {
 
     background: url('https://static.igem.org/mediawiki/2013/4/49/TUM13_youtube-icon.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/4/49/TUM13_youtube-icon.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#social-footer div#follow a#youtube:hover {
 
div#social-footer div#follow a#youtube:hover {
 
     background: url('https://static.igem.org/mediawiki/2013/a/a1/TUM13_youtube-icon-highlight.png') no-repeat 50% 50%;
 
     background: url('https://static.igem.org/mediawiki/2013/a/a1/TUM13_youtube-icon-highlight.png') no-repeat 50% 50%;
 
}
 
}
 +
 
div#footer {
 
div#footer {
 
     width: 920px;
 
     width: 920px;
−
     margin: 0px auto;
+
     margin: 0 auto;
−
     padding: 0px 20px;
+
     padding: 0 20px;
 
     text-align: center;
 
     text-align: center;
 
}
 
}
 +
 
div#footer ul {
 
div#footer ul {
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 
}
 
}
 +
 
div#footer li {
 
div#footer li {
−
    padding: 0px 5px;
 
 
     display: inline;
 
     display: inline;
 +
    padding: 0 5px;
 
}
 
}
 +
 
div#footer li#t-recentchangeslinked {
 
div#footer li#t-recentchangeslinked {
 
     display: none;
 
     display: none;
 
}
 
}
 +
 
div#footer-box a {
 
div#footer-box a {
 
     color: inherit;
 
     color: inherit;
 
}
 
}
 +
 
div#footer-box a:hover {
 
div#footer-box a:hover {
 
     text-decoration: underline;
 
     text-decoration: underline;
 
}
 
}
 +
 
div#footer div#f-poweredbyico {
 
div#footer div#f-poweredbyico {
−
    margin-top: 3px;
 
 
     float: right;
 
     float: right;
 +
    margin-top: 3px;
 
}
 
}
 +
 
div#footer div#f-copyrightico {
 
div#footer div#f-copyrightico {
−
    margin-top: 3px;
 
 
     float: left;
 
     float: left;
 +
    margin-top: 3px;
 
}
 
}
 +
 
/* End footer style ===================================================== */
 
/* End footer style ===================================================== */

Revision as of 16:31, 11 July 2015

html body { 

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

}

/* 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 { 

   width: 930px;
   height: 20px;
   margin: 0 auto;
   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-size: 13px;
   font-weight: bold;
   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 { 

   display: inline;
   padding: 0 5px;

}

/* White on hover */

div#menubar a:hover { 

   text-decoration: none;
   color: #FFFFFF;

}

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

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

/* Hide page title (it would appear before the header) */

h1.firstHeading { 

   display: none;

}

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

/* Menu-bg and spacing*/

div#menu { 

   height: 60px;
   padding: 5px 0 17px;
   border: 0 solid red;

}

div#menu ul { 

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

}

/* Position menu and set font color */

div#menu > ul { 

   width: 960px;
   height: 60px;
   margin: 0 auto;
   color: #411c03;

}

/* Position menu elements and set font */

div#menu > ul > li { 

   float: left;
   position: relative;
   width: 137px;
   height: 44px;
   padding: 8px 0 8px;
   text-align: center;

}

div#menu > ul > li > a { 

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

}

/* Hover effect */

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

   background-color: #F9F9F9;

}

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

   text-decoration: none;

}

/* Style and hide submenu */

div#menu > ul > li > ul { 

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

}

/* Style submenu elements */

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

   padding: 0 10px;
   border-bottom: solid 1px #411c03;
   text-align: left;
   font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
   background-color: #F9F9F9;

}

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

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

}

/* Hover effect */

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

   background-color: #F9F9F9;

}

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 ======================================================= */

/* Fix AutoAnnotator */

div#wikicontent table#AutoAnnotator, div#wikicontent table#AutoAnnotator table { 

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

}

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

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

}

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);

}

div#wikicontent div#autoannotator-computing { 

   text-align: center;

}

/* Fix parts table */

div#groupparts { 

   width: 920px !important;

}

div#groupparts td { 

   background: #ded6ca;

}

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

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

/* Makes the footer stick to the bottom */

html, body { 

   height: 100%;

}

body > div#globalWrapper { 

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

}

div#globalWrapper > div.visualClear { 

   height: 156px;

}

div#footer-box { 

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

}

div#social-footer { 

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

}

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

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

}

div#social-footer h2 { 

   margin: 0;
   text-align: center;

}

div#social-footer div#annotator { 

   text-align: center;

}

div#social-footer div#annotator input { 

   padding: 2px 5px;
   font-size: 12px;

}

div#social-footer div#annotator input[type="text"] { 

   width: 275px;
   margin: 0 0 5px;
   border: 1px solid #502204;
   background: #d4c6b6;

}

div#social-footer div#address p { 

   float: left;
   width: 50%;
   margin: 0;

}

div#social-footer div#follow a { 

   display: block;
   float: left;
   width: 32px;
   height: 32px;
   margin: 9px;

}

div#social-footer div#follow div { 

   margin: 3px 21px 0;

}

div#social-footer div#follow a#adress { 

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

}

div#social-footer div#follow a#adress:hover { 

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

}

div#social-footer div#follow a#mail { 

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

}

div#social-footer div#follow a#mail:hover { 

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

}

div#social-footer div#follow a#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#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#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#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#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#youtube:hover { 

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

}

div#footer { 

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

}

div#footer ul { 

   margin: 0;
   padding: 0;

}

div#footer li { 

   display: inline;
   padding: 0 5px;

}

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 { 

   float: right;
   margin-top: 3px;

}

div#footer div#f-copyrightico { 

   float: left;
   margin-top: 3px;

}

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