Team:Groningen/files/overall.css

From 2010.igem.org

(Difference between revisions)
Line 126: Line 126:
padding-bottom: 2em;
padding-bottom: 2em;
width: 750px;
width: 750px;
-
margin: 60px 0 4em 0;
+
margin: 20px 0 4em 0;
height: auto;
height: auto;
}
}

Revision as of 17:12, 26 October 2010

/* BEGIN CSS RESET v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; } html { height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } /* END CSS RESET */ /* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */

  1. globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
  2. content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
  3. bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
  4. top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
  5. p-logo { height:1px; overflow:hidden; display: none;}
  6. search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}

.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;} .left-menu ul { border: none; }

  1. menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}

.right-menu ul { border: none; width: 300px;}

  1. footer-box, #footerBox { background-color: #282828; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0; color: #666;}
  2. footerBox { border-top: 1px solid #bdbdbd; }

.visualClear { display: none; }

  1. footer { border: none; width: 965px; margin: 0 auto; padding: 0;}

.firstHeading { display: none;}

  1. f-list a, #footerBox a { color: #666; font-size: 10px;}
  2. f-list a:hover, #footerBox a:hover { color: #fff;}

.printfooter { display: none; }

  1. footer ul { margin: 0; padding: 0;}
  2. footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}

h3#siteSub { display: none;}

  1. contentSub {display: none;}
  2. search-controls { display: none; }

/* Wiki Hacks - END */

  1. overallMask {

position: relative; margin: 2% auto 2em auto; width: 870px; }

  1. contentWrapper {

height: 100%; padding-bottom: 3em; min-height: 700px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;; background-color: #fffbe7; } @font-face { font-family: Sertig; src: url('http://casualconnect.net/iGEM/Sertig.otf'); }

  1. headerWrapper {

font-family: Sertig, Futura, Impact, sans-serif; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; font-size: 21pt; color: white; font-weight: bold; line-height: 1; background: url("94acce-50.png") repeat; height: 100px; border: 1px solid #c3bfa8; border-bottom: none; padding-top: 50px; }

  1. headerWrapper img {

margin-left: 20px; margin-top: -40px; }

  1. otherContent {

font-family: Platino, Garmond, Georgia, serif; font-size: 9pt; padding: 20px 0 2em 50px; width: 750px; height: auto; }

  1. otherContent img {

padding: 1em 0 1em 0; }

  1. otherContent p {

margin-bottom: 0.5em; }

  1. otherContent .head, .mw-headline {

font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; color: #a1bf29; line-height: 1!important; font-weight: bold; font-size: 16pt; margin: 0important; } h3 .mw-headline { font-size: 13pt !important; } .textWrapper { padding-bottom: 2em; width: 750px; margin: 20px 0 4em 0; height: auto; }

  1. footerBox {

margin: 0 auto; } /* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */

  1. tab_nav {

position: absolute; z-index: 1000; } ul#topnav { list-style-type: none; float: left; width: 870px; list-style: none; position: relative; background: url("Groningen_topnav_stretch.gif") repeat-x; } ul#topnav li { line-height: 1; float: left; border-right: 1px solid #555; } ul#topnav li a { padding: 10px 15px; font-weight: bold; display: block; color: #f0f0f0; text-decoration: none; } ul#topnav li a:hover { text-decoration: underline; } ul#topnav li:hover { background: #b5cc86 url("Groningen_topnav_active.gif") repeat-x; } ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:30px; display: none; width:870px; background: #b5cc86; color: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover span { display: block; } ul#topnav li span a { display: inline; font-weight; normal; } ul#topnav li span a:hover {text-decoration: underline;}

  1. groupparts {

width: 650px!important; }