Template:INSA-Lyon/styletestaurelie

From 2011.igem.org

(Difference between revisions)
(Replaced content with "<html> </html>")
 
(38 intermediate revisions not shown)
Line 1: Line 1:
<html>
<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 {
 +
position : relative;
 +
margin-top : -58px;
 +
background-color: white;
 +
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: 10px;
 +
overflow: visible;
 +
}
 +
#top-section a {
 +
color: black;
 +
background-color: transparent;
 +
}
 +
#top-section a:visited {
 +
color: black;
 +
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: 129%;
 +
height:1px;
 +
-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;
 +
background-color: transparent;
 +
background-image: none;
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
overflow:hidden;
 +
display: block;
 +
position: top left;
 +
margin-left: -14.9%;
 +
float: left;
 +
margin-top: 20px;
 +
margin-bottom: 0px;
 +
border: 1.5px solid white;
 +
font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
 +
 +
 +
#p-logo a {
 +
margin-left: 4%;
 +
display: block;
 +
width:80px;
 +
height:45px;
 +
margin-bottom: 50px;
 +
}
 +
 +
 +
#search-controls { display:none; }
 +
 +
 +
 +
#footer-box {
 +
background-color: transparent;
 +
border: 0px;
 +
color: white;
 +
}
 +
 +
#footer {
 +
border: 0px;
 +
}
 +
 +
.firstHeading {
 +
margin-top: 10px;
 +
}
 +
 +
#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 {
 +
position : relative;
 +
top : -50px;
 +
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: #7CFC00;
 +
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: 10px;
 +
}
 +
#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 */
 +
}
 +
 +
.texte{
 +
font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;}
 +
 +
 +
 +
 +
 +
 +
 +
</style>
</html>
</html>

Latest revision as of 13:21, 14 September 2011

Retrieved from "http://2011.igem.org/Template:INSA-Lyon/styletestaurelie"