Template:INSA-Lyon/stylegroningen
From 2010.igem.org
/* 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 */
- globalWrapper {
background-color: transparent; border: none; margin: 0; padding: 0; }
- content {
background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; }
- bodyContent {
border: none; padding:0; margin:0; width:100%; }
- top-section {
height: 20px; margin-left: auto; width: 99%; margin-right: auto; margin-bottom: 10px; margin-top: 3px; border-bottom: 1px dashed gray; }
- p-logo {
height:1px; overflow:hidden; display: none; }
- 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; }
- menubar li a {
color: white; }
- menubar.right-menu {
width:300px; display:block; float:left; margin-top:-80px; border: none; }
.right-menu ul { border: none; }
- footer-box {
background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0; color: white; }
- footer {
border: none; width: 965px; margin: 0; padding: 0; }
.firstHeading { display: none; }
- f-list a {
color: #333; font-size: 10px; }
- f-list a:hover {
color: #666; }
- footer ul {
margin: 0; padding: 0; }
- 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%; }
- overallMask {
position: relative; margin: 3% auto 2em auto; width: 660px; }
- 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'); }
- 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("") repeat; height: 100px; padding-top: 50px; }
- headerWrapper img {
margin-left: 20px; margin-top: -40px; }
- otherContent {
padding: 0em 0 2em 2em; width: 450px; }
- otherContent * {
line-height: 1.3em; }
- textWrapper {
width: 450px; text-align: justify; font-family: Verdana, sans-serif; font-size: 9pt; }
- textWrapper, #textWrapper * {
margin-top: 20px; }
- 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; }
- 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 */ }