Template:INSA-Lyon/stylegroningen

<html>
<style type="text/css">


/* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */


/* 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 {
margin: auto;
width: 900px center;
line-height: 1px;
background: white; /*#c6e2ec rgb(206,224,200) http://www.graffitiwallpaper.com/pics/listings/217-1920.jpg */
}
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: 0px;

}

#content {
background-color: transparent;
border: 0px;
}

#bodyContent {
background-color: white;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-goog-ms-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
padding:0;
padding-bottom: 5px;
margin-bottom: 30px;
border: 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
}

#top-section
{
width:750px;
border: 0;
border-bottom: 0px solid gray;  /* mettre 1px si on veut une fine bordure sous les "boutons" en haut de la page */
color: black;
margin-top: 4px;
margin-bottom: 70px;
height: 15px;
overflow: visible;
}
#top-section a {
color: #d4e0e8;
background-color: transparent;
}
#top-section a:visited {
color: #d4e0e8;
background-color: transparent;
}
#top-section a:focus {
color: #d4e0e8;
background-color: transparent;
}
#p-logo img {
   display: none;
}

#p-logo {                       /* bannière de l'igem (display:none  -> invisible) */
width:167px;
height:45px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-goog-ms-border-radius: 6px;
border-radius: 6px;
background-color: #d4e0e8;
background-image: url("https://static.igem.org/mediawiki/2010/6/67/Team_INSA-Lyon_IGEM_Home.png");
background-repeat: no-repeat;
background-position: center;
overflow:hidden;
display: block;
position: top left;
float: left;
margin-top: 25px;
border: 1.5px solid #7caed4;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
}

#p-logo a {
display: block;
width:167px;
height:45px;
}

#search-controls {              /* google search (display:none  -> invisible) */
/* display: none; */
position: absolute top right;
margin-top: 15px;
margin-right: 4px;
margin-bottom: 30px;
padding: 5px 0px 0px 0px;
background-color: #d4e0e8;
border: 1px solid #7caed4;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-goog-ms-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 9px 3px;
}

#mw-searchButton {             /* Pour enlever le bouton search qui nous cause des problèmes !!! */
    display:none;
}
.left-menu {
width: 400px;
display:block;
float:left;
margin-top: -80px;
border: 0px;
}

.left-menu ul {
border: 0px;
}
#menubar li a {
color: black;
}

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

.right-menu ul {
border: 0px;
}

#footer-box {
background-color: transparent;
border: 0px;
color: white;
}

#footer {
border: 0px;
}

/* .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) 0px 0px 12px 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
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("https://static.igem.org/mediawiki/2010/4/42/94acce-50.png") 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 */
}


</style>

</html>