Template:Team:TU-Munich/TUM13 Style

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<link href="https://2013.igem.org/Team:TU-Munich/normalize.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
<style type="text/css">
<style type="text/css">
-
/* Override iGEM Wiki-Design with !important */
+
/* iGEM TU-Munich Stylesheet by Florian Albrecht
 +
  if you want to use parts of this on your wiki, cite us and / or write an e-mail to us */
-
/* General */
+
/* Reset the wiki style by overriding with a reset stylesheet (based on normalize.css v1.1.2)
 +
  the relevant wiki css rules are reset by using rules with higher priority */
-
* {
 
-
    margin: 0px !important;
 
-
    border: none 0px !important;
 
-
    padding: 0px !important;
 
-
    /* width: auto !important;
 
-
    height: auto !important; */
 
-
    position: static !important;
 
-
    float: none !important;
 
-
    background: transparent !important;
 
-
    color: inherit !important;
 
-
    font: inherit !important;
 
-
    text-decoration: none !important;
 
-
}
 
-
body {
+
/* Start general reset ================================================== */
-
     background: #ded6ca url('https://static.igem.org/mediawiki/2013/a/a3/TUM13_paper-bg.png') repeat !important;
+
 
-
     color: #000000 !important;
+
html body {
-
     font: 100% Helvetica,Arial,Verdana,sans-serif !important;
+
     font-size: inherit;
 +
    font-family: inherit;
 +
    background-color: transparent;
 +
     color: inherit;
 +
     padding: 0;
}
}
div#globalWrapper {
div#globalWrapper {
-
     background: url('https://static.igem.org/mediawiki/2013/0/0c/TUM13_green-bg.png') repeat-x 50% 0% !important;
+
     font-size: inherit;
 +
    margin: 0;
 +
    padding: 0;
 +
    position: static;
 +
    width: auto;
}
}
 +
 +
 +
/* Start top-section reset ============================================== */
 +
 +
div#top-section {
 +
    border: 0;
 +
    height: auto;
 +
    margin: 0;
 +
    position: static;
 +
    width: auto;
 +
}
 +
 +
div#p-logo {
 +
    height: auto;
 +
    position: static;
 +
    width: auto;
 +
    z-index: auto;
 +
}
 +
 +
div#p-logo a, div#p-logo a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
div#menubar {
 +
    font-family: inherit;
 +
    font-size: inherit;
 +
    line-height: inherit;
 +
    position: static;
 +
    top: 0px;
 +
    white-space: normal;
 +
    width: auto;
 +
    z-index: auto;
 +
}
 +
 +
div.left-menu, div.left-menu a {
 +
    color: inherit;
 +
    left: 0;
 +
    text-align: left;
 +
    text-transform: none;
 +
}
 +
 +
div#menubar ul {
 +
    color: inherit;
 +
    list-style: disc outside none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
div#menubar li {
 +
    cursor: auto;
 +
    display: list-item;
 +
    padding: 0;
 +
    margin: 0;
 +
    position: static;
 +
}
 +
 +
div.left-menu li a {
 +
    padding: 0;
 +
}
 +
 +
div.left-menu:hover {
 +
    color: inherit;
 +
    background-color: transparent;
 +
}
 +
 +
div.left-menu:hover a {
 +
    color: inherit;
 +
}
 +
 +
div.right-menu, div.right-menu a {
 +
    color: inherit;
 +
    right: 0;
 +
    text-align: left;
 +
}
 +
 +
div.right-menu li a {
 +
    background-color: transparent;
 +
    color: inherit;
 +
    padding: 0;
 +
}
 +
 +
div.right-menu li a:hover {
 +
    color: inherit;
 +
    text-decoration: none;
 +
}
 +
 +
div#search-controls {
 +
    background-color: transparent;
 +
    height: auto;
 +
    position: static;
 +
    right: 0;
 +
    text-align: left;
 +
    top: 0;
 +
    width: auto;
 +
    z-index: auto;
 +
}
 +
 +
 +
/* Start content reset ================================================== */
div#content {
div#content {
-
     width: auto !important;
+
    background: transparent;
 +
    border: 0;
 +
    color: inherit;
 +
    line-height: inherit;
 +
    margin: 0;
 +
    padding: 0;
 +
    position: static;
 +
     width: auto;
 +
    z-index: auto;
}
}
-
/* Clean up original Wiki-Header and design the Wiki-Menu */
+
body li {
 +
    margin: 0;
 +
}
 +
 
 +
body h1, body h2, body h3, body h4, body h5, body h6 {
 +
    background: transparent;
 +
    border: 0;
 +
    color: inherit;
 +
    padding: 0;
 +
}
 +
 
 +
body .firstHeading {
 +
    margin: 0;
 +
}
 +
 
 +
div#contentSub {
 +
    color: inherit;
 +
    font-size: inherit;
 +
    line-height: inherit;
 +
    margin: 0;
 +
    width: auto;
 +
}
 +
 
 +
div#catlinks {
 +
    background-color: transparent;
 +
    border: 0;
 +
    clear: both;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
 
 +
/* Start footer reset =================================================== */
 +
 
 +
div#footer-box {
 +
    background-color: transparent;
 +
    border: 0;
 +
    margin: 0;
 +
    padding: 0;
 +
    width: auto;
 +
}
 +
 
 +
div#footer {
 +
    color: inherit;
 +
    font-size: inherit;
 +
    text-align: left;
 +
}
 +
 
 +
div#f-poweredbyico, div#f-copyrightico {
 +
    float: none;
 +
}
 +
 
 +
div#footer li {
 +
    margin: 0;
 +
    display: list-item;
 +
}
 +
 
 +
 
 +
/* 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 {
div#p-logo, div#search-controls {
-
     display: none !important;
+
     display: none;
}
}
 +
/* Center wiki-menu; set font & bg (as fallback) color */
div#top-section {
div#top-section {
-
     margin: 0px auto !important;
+
     margin: 0px auto;
-
     width: 960px !important;
+
     width: 930px;
-
     height: 20px !important;
+
     height: 20px;
-
     color: #d4c6b6 !important;
+
     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 {
div#menubar {
-
    padding: 0px 5px !important;
+
     font-weight: bold;
-
     font-weight: bold !important;
+
     font-size: 13px;
-
     font-size: 13px !important;
+
     line-height: 20px;
-
     line-height: 20px !important;
+
}
}
div#menubar.right-menu {
div#menubar.right-menu {
-
     float: right !important;
+
     float: right;
}
}
div#menubar.left-menu {
div#menubar.left-menu {
-
     float: left !important;
+
     float: left;
}
}
 +
/* Fix text */
div#menubar.left-menu a, div#menubar.left-menu li {
div#menubar.left-menu a, div#menubar.left-menu li {
-
     text-transform: capitalize !important;
+
     text-transform: capitalize;
}
}
div#menubar li {
div#menubar li {
-
     padding: 0px 5px !important;
+
     padding: 0px 5px;
-
     display: inline !important;
+
     display: inline;
}
}
 +
/* White on hover */
div#menubar a:hover {
div#menubar a:hover {
-
     color: #FFFFFF !important;
+
     color: #FFFFFF;
 +
    text-decoration: none;
}
}
div#menubar li[style="color:white;cursor:default"] {
div#menubar li[style="color:white;cursor:default"] {
-
     display: none !important;
+
     display: none;
}
}
-
/* Clean up original content and create header */
+
/* End top-section style ================================================ */
 +
 +
/* Start header style =================================================== */
 +
 +
/* Hide page title (it would appear before the header) */
h1.firstHeading {
h1.firstHeading {
-
     display: none !important;
+
     display: none;
}
}
 +
/* Header-bg and positioning */
div#header-container {
div#header-container {
-
     background: url('https://static.igem.org/mediawiki/2013/b/bf/TUM13_page-bg-top.png') no-repeat 50% 0% !important;
+
     background: url('https://static.igem.org/mediawiki/2013/b/bf/TUM13_page-bg-top.png') no-repeat 50% 0%;
-
     height: 217px !important;
+
     height: 217px;
-
     padding-top: 30px !important;
+
     padding-top: 30px;
}
}
 +
/* Header positioning */
div#header {
div#header {
-
     width: 940px !important;
+
     width: 920px;
-
     height: 120px !important;
+
     height: 120px;
-
     margin: 0px auto !important;
+
     margin: 0px auto;
-
     padding: 10px 10px 5px !important;
+
     padding: 10px 20px 5px;
}
}
 +
/* Logos */
div#header img#physco-logo {
div#header img#physco-logo {
-
     display: block !important;
+
     display: block;
-
     height: 120px !important;
+
     height: 120px;
-
     float: left !important;
+
     float: left;
}
}
div#header img#igem-logo {
div#header img#igem-logo {
-
     display: block !important;
+
     display: block;
-
     height: 120px !important;
+
     height: 120px;
-
     float: right !important;
+
     float: right;
}
}
-
/* Design Menu */
+
/* End header style ===================================================== */
 +
 
 +
 
 +
/* Start menu style ===================================================== */
 +
/* Menu-bg and spacing*/
div#menu {
div#menu {
-
     background: url('https://static.igem.org/mediawiki/2013/a/a8/TUM13_menu-bg.png') no-repeat 50% 0% !important;
+
     background: url('https://static.igem.org/mediawiki/2013/a/a8/TUM13_menu-bg.png') no-repeat 50% 0%;
-
     height: 60px !important;
+
     height: 60px;
-
     padding: 5px 0px 17px !important;
+
     padding: 5px 0px 17px;
}
}
div#menu ul {
div#menu ul {
-
     list-style: none !important;
+
     list-style: none;
 +
    padding: 0;
 +
    margin: 0;
}
}
 +
/* Position menu and set font color */
div#menu > ul {
div#menu > ul {
-
     margin: 0px auto !important;
+
     margin: 0px auto;
-
     width: 959px !important;
+
     width: 959px;
-
     height: 60px !important;
+
     height: 60px;
-
     color: #411c03 !important;
+
     color: #411c03;
-
     padding-left: 1px !important;
+
     padding-left: 1px;
}
}
 +
/* Position menu elements and set font */
div#menu > ul > li {
div#menu > ul > li {
-
     float: left !important;
+
     float: left;
-
     width: 137px !important;
+
     width: 137px;
-
     height: 44px !important;
+
     height: 44px;
-
     padding: 8px 0px 8px !important;
+
     padding: 8px 0px 8px;
-
     text-align: center !important;
+
     text-align: center;
-
     position: relative !important;
+
     position: relative;
-
     font-weight: normal !important;
+
     font: normal 24px/44px sketch_rockwell,Arial,sans-serif;
-
    font-size: 18px !important;
+
-
    line-height: 44px !important;
+
}
}
div#menu > ul > li > a {
div#menu > ul > li > a {
-
     display: block !important;
+
     display: block;
-
     width: 137px !important;
+
     width: 137px;
-
     height: 44px !important;
+
     height: 44px;
 +
    color: inherit;
}
}
-
div#menu > ul > li > a#home {
+
/* Hover effect */
-
     background: url('https://static.igem.org/mediawiki/2013/5/56/TUM13_menu-home.png') no-repeat 50% 50% !important;
+
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#project {
+
div#menu > ul > li > a:hover {
-
    background: url('https://static.igem.org/mediawiki/2013/7/75/TUM13_menu-project.png') no-repeat 50% 50% !important;
+
     text-decoration: none;
-
}
+
-
 
+
-
div#menu > ul > li > a#results {
+
-
     background: url('https://static.igem.org/mediawiki/2013/b/b2/TUM13_menu-results.png') no-repeat 50% 50% !important;
+
-
}
+
-
 
+
-
div#menu > ul > li > a#modeling {
+
-
    background: url('https://static.igem.org/mediawiki/2013/3/3f/TUM13_menu-modeling.png') no-repeat 50% 50% !important;
+
-
}
+
-
 
+
-
div#menu > ul > li > a#team {
+
-
    background: url('https://static.igem.org/mediawiki/2013/2/24/TUM13_menu-team.png') no-repeat 50% 50% !important;
+
-
}
+
-
 
+
-
div#menu > ul > li > a#notebook {
+
-
    background: url('https://static.igem.org/mediawiki/2013/6/66/TUM13_menu-notebook.png') no-repeat 50% 50% !important;
+
-
}
+
-
 
+
-
div#menu > ul > li > a#human_practice {
+
-
    background: url('https://static.igem.org/mediawiki/2013/7/7f/TUM13_menu-outreach.png') no-repeat 50% 50% !important;
+
-
}
+
-
 
+
-
div#menu > ul > li:hover {
+
-
    background: url('https://static.igem.org/mediawiki/2013/9/95/TUM13_menu-highlight.png') repeat-x 50% 50% !important;
+
}
}
 +
/* Style and hide submenu */
div#menu > ul > li > ul {
div#menu > ul > li > ul {
-
     border-left: solid 1px #411c03 !important;
+
     border-left: solid 1px #411c03;
-
     border-right: solid 1px #411c03 !important;
+
     border-right: solid 1px #411c03;
-
     width: 135px !important;
+
     width: 135px;
-
     background: #7cac2c !important;
+
     background: #7cac2c;
-
     display: none !important;
+
     display: none;
-
     position: absolute !important;
+
     position: absolute;
-
     top: 60px !important;
+
     top: 60px;
-
     z-index: 11 !important;
+
     z-index: 11;
}
}
 +
/* Style submenu elements */
div#menu > ul > li > ul > li {
div#menu > ul > li > ul > li {
-
     background: url('https://static.igem.org/mediawiki/2013/4/4e/TUM13_submenu-bg.png') no-repeat 50% 50% !important;
+
     background: url('https://static.igem.org/mediawiki/2013/4/4e/TUM13_submenu-bg.png') no-repeat 50% 50%;
-
     padding: 0px 10px !important;
+
     padding: 0px 10px;
-
     text-align: left !important;
+
     text-align: left;
-
     border-bottom: solid 1px #411c03 !important;
+
     border-bottom: solid 1px #411c03;
-
     font-weight: bold !important;
+
     font: bold 13px/30px Helvetica,Arial,Verdana,sans-serif;
-
    font-size: 13px !important;
+
-
    line-height: 30px !important;
+
}
}
div#menu > ul > li > ul > li > a {
div#menu > ul > li > ul > li > a {
-
     display: block !important;
+
     display: block;
-
     width: 115px !important;
+
     width: 115px;
-
     height: 30px !important;
+
     height: 30px;
 +
    color: inherit;
}
}
 +
/* Hover effect */
div#menu > ul > li > ul > li:hover {
div#menu > ul > li > ul > li:hover {
-
     background: url('https://static.igem.org/mediawiki/2013/d/db/TUM13_submenu-highlight.png') no-repeat 50% 50% !important;
+
     background: url('https://static.igem.org/mediawiki/2013/d/db/TUM13_submenu-highlight.png') no-repeat 50% 50%;
}
}
 +
div#menu > ul > li > ul > li > a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
/* Show submenu on hover */
div#menu > ul > li:hover > ul {
div#menu > ul > li:hover > ul {
-
     display: block !important;
+
     display: block;
}
}
-
/* Content and page background */
+
/* End menu style ======================================================= */
-
div#wikicontent-container {
 
-
    background: url('https://static.igem.org/mediawiki/2013/a/ac/TUM13_page-bg-middle.png') repeat-y 50% 0% !important;
 
-
}
 
-
div#wikicontent {
+
/* Start content style ================================================== */
-
    font-weight: normal !important;
+
-
    font-size: 14px !important;
+
-
    line-height: 21px !important;
+
-
    background: #e9e3dd !important;
+
-
    width: 920px !important;
+
-
    margin: 0px auto !important;
+
-
    padding: 0px 20px !important;
+
-
    text-align: justify !important;
+
-
}
+
-
table#toc.toc {
+
div#bodyContent > p, div#contentSub, div#catlinks, table#toc.toc {
-
     display: none !important;
+
     display: none;
}
}
-
div#bodyContent > div.visualClear {
+
/* Set page-bg */
-
     background: url('https://static.igem.org/mediawiki/2013/6/6e/TUM13_page-bg-bottom.png') no-repeat 50% 0% !important;
+
div#wikicontent-container {
-
    height: 50px !important;
+
     background: url('https://static.igem.org/mediawiki/2013/a/ac/TUM13_page-bg-middle.png') repeat-y 50% 0%;
}
}
-
div#wikicontent p {
+
div#wikicontent :first-child {
-
     padding: 5px 0px 10px !important;
+
     margin-top: 0;
}
}
-
div#wikicontent b {
+
div#wikicontent :last-child {
-
     font-weight: bold !important;
+
     margin-bottom: 0;
}
}
-
div#wikicontent i {
+
/* Font and position */
-
     font-style: italic !important;
+
div#wikicontent {
 +
     font-size: 14px;
 +
    line-height: 21px;
 +
    background: #e9e3dd;
 +
    width: 920px;
 +
    margin: 0px auto;
 +
    padding: 0px 20px;
 +
    text-align: justify;
}
}
-
div#wikicontent u {
+
/* Lower page border */
-
     text-decoration: underline !important;
+
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 {
div#wikicontent ul {
-
     padding: 5px 0px 10px 20px !important;
+
     padding-left: 2em;
-
     list-style: disc inside !important;
+
     list-style: disc outside;
}
}
div#wikicontent ol {
div#wikicontent ol {
-
     padding: 5px 0px 10px 20px !important;
+
     padding-left: 2em;
-
     list-style: decimal inside !important;
+
     list-style: decimal outside;
}
}
-
div#wikicontent a {
+
div#wikicontent a, div#bodyContent a[href^="https://"], #bodyContent .link-https {
-
     color: #7cac2c !important;
+
     color: #7cac2c;
 +
    background: transparent;
}
}
div#wikicontent a:hover {
div#wikicontent a:hover {
-
     text-decoration: underline !important;
+
     text-decoration: underline;
}
}
-
.editsection {
+
/* Headings */
-
     color: #7cac2c !important;
+
div#wikicontent h1, div#wikicontent h2, div#wikicontent h3, div#wikicontent h4, div#wikicontent h5, div#wikicontent h6 {
-
     float: right !important;
+
     font-weight: bold;
-
     margin-left: 5px !important;
+
     line-height: 1.5;
 +
     margin: 1em 0em 0.5em;
 +
    clear: both;
}
}
-
h2 {
+
div#wikicontent .editsection {
-
    padding: 0px 10px !important;
+
     color: #7cac2c;
-
    background: #502204 url('https://static.igem.org/mediawiki/2013/c/cb/TUM13_h2-bg.png') repeat-x 50% 50% !important;
+
     font-family: Helvetica,Arial,Verdana,sans-serif;
-
     color: #d4c6b6 !important;
+
-
     font-weight: normal !important;
+
-
    font-size: 24px !important;
+
-
    line-height: 36px !important;
+
}
}
-
h3 {
+
div#wikicontent h1, div#wikicontent h2 {
-
     padding: 0px 10px !important;
+
     color: #391903;
-
     font-weight: bold !important;
+
     font: normal 2em/1.35 sketch_rockwell,Arial,sans-serif;
-
    font-size: 20px !important;
+
     border-bottom: 2px solid #391903;
-
     line-height: 30px !important;
+
}
}
-
h4 {
+
div#wikicontent h3 {
-
    padding: 0px 10px !important;
+
     font-size: 1.5em;
-
    font-weight: bold !important;
+
-
     font-size: 16px !important;
+
-
    line-height: 24px !important;
+
}
}
-
h5, h6 {
+
div#wikicontent h4 {
-
    padding: 0px 10px !important;
+
     font-size: 1.25em;
-
    font-weight: bold !important;
+
-
     font-size: 14px !important;
+
-
    line-height: 21px !important;
+
}
}
-
h2, h3, h4, h5, h6 {
+
div#wikicontent h5, div#wikicontent h6 {
-
     clear: both !important;
+
     font-size: 1.0em;
}
}
 +
/* Tables */
div#groupparts {
div#groupparts {
-
     margin: 20px auto !important;
+
     margin: 20px auto;
-
     width: 920px !important;
+
     width: 920px;
-
}
+
-
 
+
-
table {
+
-
    background: #ded6ca !important;
+
}
}
table, td, th {
table, td, th {
-
     border: 1px solid #502204 !important;
+
     border: 1px solid #502204;
-
     border-collapse: collapse !important;
+
     border-collapse: collapse;
-
     padding: 2px 5px !important;
+
     padding: 2px 5px;
 +
    background: #ded6ca;
}
}
th {
th {
-
     background: #d4c6b6 !important;
+
     background: #d4c6b6;
-
     font-weight: bold !important;
+
     font-weight: bold;
-
     text-align: center !important;
+
     text-align: center;
}
}
Line 339: Line 525:
div#wikicontent div.thumbinner {
div#wikicontent div.thumbinner {
-
     background: #d4c6b6 !important;
+
     background: #d4c6b6;
-
     padding: 5px 5px 0px !important;
+
     padding: 5px 5px 0px;
}
}
div#wikicontent div.thumb {
div#wikicontent div.thumb {
-
     margin: 10px !important;
+
     margin: 10px;
}
}
div#wikicontent div.thumb div.magnify {
div#wikicontent div.thumb div.magnify {
-
     float: right !important;
+
     float: right;
}
}
div#wikicontent div.tright {
div#wikicontent div.tright {
-
     clear: right !important;
+
     clear: right;
-
     float: right !important;
+
     float: right;
-
     margin-right: 0px !important;
+
     margin-right: 0px;
}
}
div#wikicontent div.tleft {
div#wikicontent div.tleft {
-
     clear: left !important;
+
     clear: left;
-
     float: left !important;
+
     float: left;
-
     margin-left: 0px !important;
+
     margin-left: 0px;
}
}
div#wikicontent div.center div.tnone {
div#wikicontent div.center div.tnone {
-
     clear: both !important;
+
     clear: both;
}
}
div#wikicontent div.center div.tnone div.thumbinner {
div#wikicontent div.center div.tnone div.thumbinner {
-
     margin: auto !important;
+
     margin: auto;
}
}
div#wikicontent a.sponsor {
div#wikicontent a.sponsor {
-
     display: block !important;
+
     display: block;
-
     float: left !important;
+
     float: left;
-
     width: 286px !important;
+
     width: 286px;
-
     height: 100px !important;
+
     height: 100px;
-
     margin: 10px !important;
+
     margin: 10px;
-
     background: #FFFFFF !important;
+
     background: #FFFFFF;
-
     position: relative !important;
+
     position: relative;
}
}
div#wikicontent a.sponsor img {
div#wikicontent a.sponsor img {
-
     position: absolute !important;
+
     position: absolute;
-
     top: 0 !important;
+
     top: 0;
-
     left: 0 !important;
+
     left: 0;
-
     right: 0 !important;
+
     right: 0;
-
     bottom: 0 !important;
+
     bottom: 0;
-
     margin: auto !important;
+
     margin: auto;
}
}
Line 393: Line 579:
div#wikicontent div.box-right {
div#wikicontent div.box-right {
-
     width: 430px !important;
+
     width: 430px;
-
     background: #ded6ca !important;
+
     background: #ded6ca;
-
     margin: 10px 0px 10px 10px !important;
+
     margin: 10px 0px 10px 10px;
-
     padding: 0px 10px !important;
+
     padding: 0px 10px;
-
     clear: right !important;
+
     clear: right;
-
     float: right !important;
+
     float: right;
}
}
div#wikicontent div.box-left {
div#wikicontent div.box-left {
-
     width: 430px !important;
+
     width: 430px;
-
     background: #ded6ca !important;
+
     background: #ded6ca;
-
     margin: 10px 10px 10px 0px !important;
+
     margin: 10px 10px 10px 0px;
-
     padding: 0px 10px !important;
+
     padding: 0px 10px;
-
     clear: left !important;
+
     clear: left;
-
     float: left !important;
+
     float: left;
}
}
div#wikicontent div.box-center {
div#wikicontent div.box-center {
-
     background: #ded6ca !important;
+
     background: #ded6ca;
-
     margin: 10px 0px !important;
+
     margin: 10px 0px;
-
     padding: 0px 10px !important;
+
     padding: 0px 10px;
-
     clear: both !important;
+
     clear: both;
}
}
Line 420: Line 606:
a#starttour {
a#starttour {
-
     background: url('https://static.igem.org/mediawiki/2013/e/e1/TUM13_button-tour.png') !important;
+
     background: url('https://static.igem.org/mediawiki/2013/e/e1/TUM13_button-tour.png');
-
     display: block !important;
+
     display: block;
-
     width: 250px !important;
+
     width: 250px;
-
     height: 50px !important;
+
     height: 50px;
-
     margin: 0px auto !important;
+
     margin: 0px auto;
}
}
a#starttour:hover {
a#starttour:hover {
-
     background: url('https://static.igem.org/mediawiki/2013/6/6c/TUM13_button-tour-highlight.png') !important;
+
     background: url('https://static.igem.org/mediawiki/2013/6/6c/TUM13_button-tour-highlight.png');
}
}
-
/* Footer Design */
+
/* End content style ==================================================== */
 +
 +
/* Start footer style =================================================== */
 +
 +
/* Makes the footer stick to the bottom */
html, body {
html, body {
-
     height: 100% !important;
+
     height: 100%;
-
}
+
}  
body > div#globalWrapper {
body > div#globalWrapper {
-
     position: relative !important;
+
     position: relative;
-
     height: auto !important;
+
     height: auto;
-
     min-height: 100% !important;
+
     min-height: 100%;
-
     margin: 0px auto -156px !important;
+
     margin: 0px auto -156px;
}
}
div#globalWrapper > div.visualClear {
div#globalWrapper > div.visualClear {
-
     height: 156px !important;
+
     height: 156px;
}
}
div#footer-box {
div#footer-box {
-
     background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 0% 0% !important;
+
     background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 50% 0%;
-
     padding: 15px 0px 10px !important;
+
     padding: 15px 0px 10px;
-
     height: 131px !important;
+
     height: 131px;
-
     width: 100% !important;
+
     width: 100%;
-
     position: absolute !important;
+
     position: absolute;
-
     bottom: 0px !important;
+
     bottom: 0px;
-
     color: #d4c6b6 !important;
+
     color: #d4c6b6;
-
     font-weight: normal !important;
+
     font-weight: normal;
-
     font-size: 12px !important;
+
     font-size: 12px;
-
     line-height: 18px !important;
+
     line-height: 18px;
 +
}
 +
 
 +
/* Hide social-footer in case javascript fails to move it to the footer */
 +
div#wikicontent > div#social-footer {
 +
    display: none;
}
}
div#social-footer {
div#social-footer {
-
     width: 940px !important;
+
     width: 940px;
-
     height: 85px !important;
+
     height: 85px;
-
     margin: 0px auto !important;
+
     margin: 0px auto;
-
     padding: 0px 10px 10px !important;
+
     padding: 0px 10px 10px;
}
}
div#social-footer div#address, div#social-footer div#contact, div#social-footer div#follow {
div#social-footer div#address, div#social-footer div#contact, div#social-footer div#follow {
-
     width: 293px !important;
+
     width: 293px;
-
     height: 85px !important;
+
     height: 85px;
-
     margin: 0px 10px !important;
+
     margin: 0px 10px;
-
     float: left !important;
+
     float: left;
}
}
div#social-footer div#follow {
div#social-footer div#follow {
-
     text-align: center !important;
+
     text-align: center;
}
}
div#social-footer div#follow div {
div#social-footer div#follow div {
-
     width: 114px !important;
+
     width: 114px;
-
     margin: 0px auto !important;
+
     margin: 0px auto;
}
}
div#social-footer div#follow a.icon {
div#social-footer div#follow a.icon {
-
     padding: 11px 3px !important;
+
     padding: 11px 3px;
-
     width: 32px !important;
+
     width: 32px;
-
     height: 32px !important;
+
     height: 32px;
-
     display: block !important;
+
     display: block;
-
     float: left !important;
+
     float: left;
}
}
div#social-footer div#follow a.icon#facebook {
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% !important;
+
     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 {
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% !important;
+
     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 {
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% !important;
+
     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 {
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% !important;
+
     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 {
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% !important;
+
     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 {
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% !important;
+
     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 {
div#social-footer div#address div, div#social-footer div#contact div {
-
     width: 50% !important;
+
     width: 50%;
-
     float: left !important;
+
     float: left;
}
}
div#social-footer div#address div p, div#social-footer div#contact div p {
div#social-footer div#address div p, div#social-footer div#contact div p {
-
     padding: 13px 0px 0px !important;
+
     padding: 13px 0px 0px;
}
}
div#social-footer div#address div img, div#social-footer div#contact div img {
div#social-footer div#address div img, div#social-footer div#contact div img {
-
     display: block !important;
+
     display: block;
-
     margin: 0px auto !important;
+
     margin: 0px auto;
}
}
div#social-footer div#address div img.icon {
div#social-footer div#address div img.icon {
-
     margin-top: 11px !important;
+
     margin-top: 11px;
}
}
div#social-footer div#contact div a.icon {
div#social-footer div#contact div a.icon {
-
     display: block !important;
+
     display: block;
-
     width: 32px !important;
+
     width: 32px;
-
     height: 32px !important;
+
     height: 32px;
-
     margin: 11px auto !important;
+
     margin: 11px auto;
-
     background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_contact-icon.png') no-repeat 50% 50% !important;
+
     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 {
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% !important;
+
     background: url('https://static.igem.org/mediawiki/2013/c/c7/TUM13_contact-icon-highlight.png') no-repeat 50% 50%;
}
}
-
div#footer {
+
div#social-footer p {
-
    width: 920px !important;
+
     margin: 0px;
-
     margin: 0px auto !important;
+
-
    padding: 0px 20px !important;
+
}
}
-
div#footer li {
+
div#footer {
-
     padding: 0px 5px !important;
+
    width: 920px;
 +
    margin: 0px auto;
 +
     padding: 0px 20px;
 +
    text-align: center;
}
}
-
div#footer-box a:hover {
+
div#footer ul {
-
    text-decoration: underline !important;
+
  margin: 0;
 +
  padding: 0;
}
}
-
div#footer div#f-poweredbyico {
+
div#footer li {
-
     border: 1px solid #d4c6b6 !important;
+
     padding: 0px 5px;
-
     margin-top: 2px !important;
+
     display: inline;
-
    float: right !important;
+
}
}
-
div#footer div#f-copyrightico {
+
div#footer li#t-recentchangeslinked {
-
     border: 1px solid #d4c6b6 !important;
+
     display: none;
-
    margin-top: 2px !important;
+
-
    float: left !important;
+
}
}
-
/* Fix AutoAnnotator */
+
div#footer-box a {
-
 
+
     color: inherit;
-
input, textarea {
+
-
     border: 1px solid #411c03 !important;
+
-
    background: #d4c6b6 !important;
+
-
    padding: 5px !important;
+
-
    margin: 5px !important;
+
}
}
-
table#AutoAnnotator {
+
div#footer-box a:hover {
-
    border: 1px solid black !important;
+
     text-decoration: underline;
-
    width: 100% !important;
+
-
    border-collapse: collapse !important;
+
-
     font-size: 12px !important;
+
}
}
-
table#AutoAnnotator, table#AutoAnnotator table {
+
div#footer div#f-poweredbyico {
-
     background: #ffffff !important;
+
     margin-top: 3px;
 +
    float: right;
}
}
-
table#AutoAnnotator td, table#AutoAnnotator th {
+
div#footer div#f-copyrightico {
-
     border-color: #000000 !important;
+
     margin-top: 3px;
-
     padding: 1px !important;
+
     float: left;
}
}
-
th#AutoAnnotatorHeader {
+
/* End footer style ===================================================== */
-
    border: 1px solid black !important;
+
-
    width: 100% !important;
+
-
    background-color: rgb(221, 221, 221) !important;
+
-
}
+
-
+
-
td.AutoAnnotator1col {
+
-
    width: 100% !important;
+
-
    border: 1px solid black !important;
+
-
}
+
-
+
-
span.AutoAnnotatorSequence {
+
-
    font-family: 'Courier New', Arial !important;
+
-
}
+
-
+
-
td.AutoAnnotatorSeqNum {
+
-
    text-align: right !important;
+
-
    width: 2% !important;
+
-
}
+
-
 
+
-
td.AutoAnnotatorSeqSeq {
+
-
    width: 98% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorSeqFeat1 {
+
-
    width: 3% !important;
+
-
}
+
-
 
+
-
td.AutoAnnotatorSeqFeat2a {
+
-
    width: 27% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorSeqFeat2b {
+
-
    width: 97% !important;
+
-
}
+
-
 
+
-
td.AutoAnnotatorSeqFeat3 {
+
-
    width: 70% !important;
+
-
}
+
-
+
-
table.AutoAnnotatorNoBorder {
+
-
    width: 100% !important;
+
-
    border-collapse: collapse !important;
+
-
}
+
-
 
+
-
table.AutoAnnotatorNoBorder, table.AutoAnnotatorNoBorder > tbody > tr > td {
+
-
    border: 0px !important;
+
-
}
+
-
+
-
table.AutoAnnotatorWithBorder {
+
-
    border: 1px solid black !important;
+
-
    width: 100% !important;
+
-
    border-collapse: collapse !important;
+
-
}
+
-
+
-
td.AutoAnnotatorOuterAmino {
+
-
    border: 0px solid black !important;
+
-
    width: 20% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorInnerAmino {
+
-
    border: 1px solid black !important;
+
-
    width: 50% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorAminoCountingOuter {
+
-
    border: 1px solid black !important;
+
-
    width: 40% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorBiochemParOuter {
+
-
    border: 1px solid black !important;
+
-
    width: 60% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorAminoCountingInner1 {
+
-
    width: 7% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorAminoCountingInner2 {
+
-
    width: 53% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorAminoCountingInner3 {
+
-
    width: 40% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorBiochemParInner1 {
+
-
    width: 5% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorBiochemParInner2 {
+
-
    width: 55% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorBiochemParInner3 {
+
-
    width: 40% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorCodonUsage1 {
+
-
    width: 3% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorCodonUsage2 {
+
-
    width: 14.2% !important;
+
-
}
+
-
+
-
td.AutoAnnotatorCodonUsage3 {
+
-
    width: 13.8% !important;
+
-
}
+
-
 
+
-
/* Labjournal */
+
-
 
+
-
/*
+
-
* jQuery UI CSS Framework 1.8.14
+
-
*
+
-
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+
-
* Dual licensed under the MIT or GPL Version 2 licenses.
+
-
* http://jquery.org/license
+
-
*
+
-
* http://docs.jquery.com/UI/Theming/API
+
-
*/
+
-
/* Corner radius */
+
-
 
+
-
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
+
-
    -moz-border-radius-topright: 6px !important;
+
-
    -webkit-border-top-right-radius: 6px !important;
+
-
    -khtml-border-top-right-radius: 6px !important;
+
-
    border-top-right-radius: 6px !important;
+
-
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
+
-
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
}
+
-
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
+
-
    -moz-border-radius-topleft: 6px !important;
+
-
    -webkit-border-top-left-radius: 6px !important;
+
-
    -khtml-border-top-left-radius: 6px !important;
+
-
    border-top-left-radius: 6px !important;
+
-
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
+
-
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
}
+
-
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
+
-
    -moz-border-radius-bottomleft: 6px !important;
+
-
    -webkit-border-bottom-left-radius: 6px !important;
+
-
    -khtml-border-bottom-left-radius: 6px !important;
+
-
    border-bottom-left-radius: 6px !important;
+
-
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
+
-
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
}
+
-
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
+
-
    -moz-border-radius-bottomright: 6px !important;
+
-
    -webkit-border-bottom-right-radius: 6px !important;
+
-
    -khtml-border-bottom-right-radius: 6px !important;
+
-
    border-bottom-right-radius: 6px !important;
+
-
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
+
-
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important;
+
-
}
+
-
 
+
-
/* Overlays */
+
-
.ui-widget-overlay {
+
-
    background: #686868
+
-
    url(https://static.igem.org/mediawiki/2011/c/c0/Ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
+
-
    opacity: .30 !important;
+
-
    filter:Alpha(Opacity=30) !important;
+
-
}
+
-
 
+
-
.ui-widget-shadow {
+
-
    margin: -8px 0 0 -8px !important;
+
-
    padding: 8px !important;
+
-
    background: #686868
+
-
    url(https://static.igem.org/mediawiki/2011/c/c0/Ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
+
-
    opacity: .30 !important;
+
-
    filter:Alpha(Opacity=30) !important;
+
-
}
+
-
 
+
-
/* Colors */
+
-
 
+
-
div.general {
+
-
    border: medium solid rgb(115, 208, 255) !important;
+
-
}
+
-
 
+
-
p.general b {
+
-
    color: rgb(115, 208, 255) !important;
+
-
}
+
-
 
+
-
 
+
-
div.effectors {
+
-
    border: medium solid rgb(116, 183, 112) !important;
+
-
}
+
-
 
+
-
p.effectors b {
+
-
    color: rgb(116, 183, 112) !important;
+
-
}
+
-
 
+
-
div.safety_mechanism {
+
-
    border: medium solid rgb(0, 32, 96) !important;
+
-
}
+
-
 
+
-
p.safety_mechanism b {
+
-
    color: rgb(0, 32, 96) !important;
+
-
}
+
-
 
+
-
div.vector_design {
+
-
    border: medium solid rgb(166, 126, 166) !important;
+
-
}
+
-
 
+
-
p.vector_design b {
+
-
    color: rgb(166, 126, 166) !important;
+
-
}
+
-
 
+
-
div.vitality {
+
-
    border: medium solid rgb(255, 122, 97) !important;
+
-
}
+
-
 
+
-
p.vitality b {
+
-
    color: rgb(255, 122, 97) !important;
+
-
}
+
-
 
+
-
div.killswitch {
+
-
    border: medium solid rgb(202, 85, 85) !important;
+
-
}
+
-
 
+
-
p.killswitch b {
+
-
    color: rgb(202, 85, 85) !important;
+
-
}
+
</style>
</style>
 +
</head>
</html>
</html>

Revision as of 15:33, 23 August 2013

Retrieved from "http://2013.igem.org/Template:Team:TU-Munich/TUM13_Style"