Template:INSA-Lyon/stylegroningen

From 2010.igem.org

Revision as of 10:40, 20 July 2010 by PYzou (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* 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; border: 0; outline: 0; vertical-align: baseline; background: transparent; line-height: 1; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; }

/* remember to define focus styles! */

focus {

outline: 0; }

/* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* END CSS RESET */

.tabbed_content .slide_content { overflow: hidden; width: 460px; } .slide_content { margin-top: -2em!important; } .tabslider { width: 10000px; overflow: auto; }

.tabslider ul { float: left; width: 460px; }

.lavaLampBottomStyle { position: relative; height: 29px; width: 640px; padding: 15px; margin: 0 5px 0 0; overflow: hidden; } .lavaLampBottomStyle li { float: left; list-style: none; } .lavaLampBottomStyle li.back { border-bottom: 5px solid #bab599; width: 9px; height: 30px; z-index: 8; position: absolute; } .lavaLampBottomStyle li a { font: bold 10pt verdana ; text-decoration: none; color: #000; outline: none; text-align: center; top: 7px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 10px; } .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {

border: none;

}


/* Wiki Hacks - START */

  1. globalWrapper {

background-color: transparent; border: none; margin: 0; padding: 0; }

  1. content {

background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; }

  1. bodyContent {

border: none; padding:0; margin:0; width:100%; }

  1. top-section {

height: 20px; margin-left: auto; width: 99%; margin-right: auto; margin-bottom: 10px; margin-top: 3px; border-bottom: 1px dashed gray; }

  1. p-logo {

height:1px; overflow:hidden; display: none; }

  1. search-controls {

overflow:hidden; top: 100px; display:block; background: none; position: absolute; }

.left-menu { width: 400px; display:block; float:left; margin-top:-80px; border: none; }

.left-menu ul { border: none; }

  1. menubar li a {

color: white; }

  1. menubar.right-menu {

width:300px; display:block; float:left; margin-top:-80px; border: none; }

.right-menu ul { border: none; }

  1. footer-box {

background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0; color: white; }

  1. footer {

border: none; width: 965px; margin: 0; padding: 0; }

.firstHeading { display: none; }

  1. f-list a {

color: #333; font-size: 10px; }

  1. f-list a:hover {

color: #666; }

  1. footer ul {

margin: 0; padding: 0; }

  1. footer ul li {

margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }

/* Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble!*/ html { height: 100%; }

  1. overallMask {

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

  1. contentWrapper {

height: 100%; padding-bottom: 4em; min-height: 500px; border-top: 1px solid #bab599; -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: #fffbe7; background: url("94acce-50.png") repeat; height: 100px; padding-top: 50px; }

  1. headerWrapper img {

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

  1. otherContent {

padding: 0em 0 2em 2em; width: 450px; }

  1. otherContent * {

line-height: 1.3em; }

  1. textWrapper {

width: 450px; text-align: justify; font-family: Verdana, sans-serif; font-size: 9pt; }

  1. textWrapper, #textWrapper * {

margin-top: 20px; }

  1. textWrapper .head {

font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; color: #a1bf29; line-height: 1!important; padding: 0; margin: 0; /* again oh boy do I screw up */ font-weight: bold; font-size: 16pt; }

  1. sponsorWrapper {

position: absolute; left: 510px; z-index: 1000; width: 150px; height: auto; background-color: #fffbe7; margin-top: -4px; /* stupid fix to make sure the top of the text does not leak */ }