Team:Paris Bettencourt/Templates/css/opera
From 2011.igem.org
(152 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
width: auto; | width: auto; | ||
color: #333333; | color: #333333; | ||
- | background:# | + | background:#e9e4de; |
- | + | margin:0px 0px 0px 0px; | |
- | + | ||
- | margin: | + | |
} | } | ||
#globalWrapper {/* le wiki */ | #globalWrapper {/* le wiki */ | ||
Line 27: | Line 25: | ||
} | } | ||
#menubar{/* la barre de menu du haut */ | #menubar{/* la barre de menu du haut */ | ||
- | + | background-color:#ffffff; | |
- | background-color:# | + | |
} | } | ||
#menubar a{/*les lien de la barre de menu du haut */ | #menubar a{/*les lien de la barre de menu du haut */ | ||
Line 92: | Line 89: | ||
} | } | ||
/* fin du wiki hack */ | /* fin du wiki hack */ | ||
+ | |||
+ | #paris_bettencourt_logo{ | ||
+ | position:relative; | ||
+ | bottom:20px; | ||
+ | left:0%; | ||
+ | width:200px; | ||
+ | z-index:15; | ||
+ | } | ||
+ | #tube_or{ | ||
+ | position:relative; | ||
+ | bottom:190px; | ||
+ | width:900px; | ||
+ | left:255px; | ||
+ | z-index:9; | ||
+ | } | ||
#white_thingy{ | #white_thingy{ | ||
Line 101: | Line 113: | ||
background-color:#ffffff; | background-color:#ffffff; | ||
} | } | ||
- | # | + | |
+ | #back_image{ | ||
position:absolute; | position:absolute; | ||
top:147px; | top:147px; | ||
- | left:- | + | left:-154px; |
- | height: | + | height:900px; |
- | width: | + | width:1280px; |
- | background-color: | + | background-color:transparent; |
+ | background-image:url(https://static.igem.org/mediawiki/2011/0/0f/Fondopera2.png); | ||
+ | background-position:center; | ||
+ | background-repeat:no-repeat; | ||
} | } | ||
Line 143: | Line 159: | ||
position:absolute; | position:absolute; | ||
text-align:justify; | text-align:justify; | ||
- | top: | + | top:190px;/*178px*/ |
width:940px; | width:940px; | ||
heigth:auto; | heigth:auto; | ||
+ | -webkit-border-radius:15px; | ||
+ | -moz-border-radius:15px; | ||
+ | border-radius: 15px; | ||
} | } | ||
Line 154: | Line 173: | ||
width:670px; | width:670px; | ||
height:30px; | height:30px; | ||
- | left: | + | left:180px; |
- | top: | + | top:108px; |
float:right; | float:right; | ||
background-color:#ffffff; | background-color:#ffffff; | ||
Line 165: | Line 184: | ||
list-style:none; | list-style:none; | ||
text-align:center; | text-align:center; | ||
- | margin-left: | + | margin-left:5px; |
margin-top:0px; | margin-top:0px; | ||
padding:0px; | padding:0px; | ||
Line 175: | Line 194: | ||
.menu_list_item_paris2011{ | .menu_list_item_paris2011{ | ||
float: left; | float: left; | ||
- | width: | + | width: 80px; |
- | margin: | + | margin-right:5px; |
padding: 0; | padding: 0; | ||
border:0; | border:0; | ||
Line 189: | Line 208: | ||
padding:2px; /* this is our box border width */ | padding:2px; /* this is our box border width */ | ||
list-style: none; | list-style: none; | ||
- | width: | + | width:110px; |
} | } | ||
Line 200: | Line 219: | ||
left:-3px; /* left-align our drop-down to the previous button border */ | left:-3px; /* left-align our drop-down to the previous button border */ | ||
height:auto; /* the drop-down height will be determiend by line count */ | height:auto; /* the drop-down height will be determiend by line count */ | ||
- | width: | + | width:110px; |
background-color:transparent; /* this sets our menu's effective "border" color */ | background-color:transparent; /* this sets our menu's effective "border" color */ | ||
font-size:12px; /* this (and also below) sets the menu's font size */ | font-size:12px; /* this (and also below) sets the menu's font size */ | ||
Line 219: | Line 238: | ||
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
- | left: | + | left:162px; |
- | + | ||
- | + | ||
} | } | ||
#menu_paris2011 a{ | #menu_paris2011 a{ | ||
- | color: | + | color:#505050; |
text-decoration:none; | text-decoration:none; | ||
display:block; | display:block; | ||
padding:6px; | padding:6px; | ||
+ | margin: 0px 7px 1px 7px; | ||
/*height:18px;*/ | /*height:18px;*/ | ||
- | width: | + | width:80px; |
background-color:#ffffff; | background-color:#ffffff; | ||
- | + | font-size:12px; | |
} | } | ||
#menu_paris2011 .menu_list_item_paris2011 ul a{ | #menu_paris2011 .menu_list_item_paris2011 ul a{ | ||
+ | color:#696969; | ||
+ | font-size:11px; | ||
width:143px; | width:143px; | ||
+ | border: 1px solid #ebebeb; | ||
} | } | ||
#menu_paris2011 a:hover{ | #menu_paris2011 a:hover{ | ||
- | background-color:# | + | background-color:#EFE6D9; |
display:block; | display:block; | ||
/* height:18px;*/ | /* height:18px;*/ | ||
- | width: | + | width:80px; |
- | /*margin:-7px; | + | /*margin:-7px;*/ |
/*top:0px;*/ | /*top:0px;*/ | ||
position:relative; | position:relative; | ||
} | } | ||
#menu_paris2011 a:active{ | #menu_paris2011 a:active{ | ||
- | background-color:# | + | background-color:#eedfc9; |
display:block; | display:block; | ||
Line 263: | Line 284: | ||
display:block; | display:block; | ||
height:350px; | height:350px; | ||
- | width: | + | width:100px; |
background-color:transparent; | background-color:transparent; | ||
z-index:400; | z-index:400; | ||
position:fixed; | position:fixed; | ||
- | top: | + | top:400px; |
left:5px; | left:5px; | ||
} | } | ||
#scroll_left a{ | #scroll_left a{ | ||
- | color:# | + | font-size:11px; |
+ | color:#273572; | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
Line 279: | Line 301: | ||
display:block; | display:block; | ||
height:350px; | height:350px; | ||
- | width: | + | width:100px; |
background-color:transparent; | background-color:transparent; | ||
z-index:400; | z-index:400; | ||
position:fixed; | position:fixed; | ||
- | + | top:400px; | |
right:5px; | right:5px; | ||
} | } | ||
#scroll_right a{ | #scroll_right a{ | ||
- | color:# | + | font-size:11px; |
+ | color:#273572; | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
Line 300: | Line 323: | ||
a { | a { | ||
text-decoration:none; | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #title{ | ||
+ | display:block; | ||
+ | top:-400px; | ||
+ | left:60px; | ||
} | } | ||
Line 306: | Line 335: | ||
font-size: 30px; | font-size: 30px; | ||
text-decoration:none; | text-decoration:none; | ||
+ | border:none; | ||
+ | background-color:#273572; | ||
+ | padding:15px; | ||
+ | color:#ffffff; | ||
+ | -webkit-border-radius:25px; | ||
+ | -moz-border-radius:25px; | ||
+ | border-radius: 25px; | ||
} | } | ||
h2{ | h2{ | ||
font-style:italic; | font-style:italic; | ||
- | + | font-size: 22px; | |
+ | text-decoration:none; | ||
+ | border:none; | ||
+ | background-color:#b0bfff; | ||
+ | padding:10px 10px 10px 30px; | ||
+ | margin-top:25px; | ||
+ | -webkit-border-radius:25px; | ||
+ | -moz-border-radius:25px; | ||
+ | border-radius: 25px; | ||
} | } | ||
Line 325: | Line 369: | ||
font-style: normal; /* Suppression de l'italique */ | font-style: normal; /* Suppression de l'italique */ | ||
font-weight:bold; | font-weight:bold; | ||
- | |||
} | } | ||
+ | |||
+ | |||
+ | #assisted_diff{ | ||
+ | width:850px; | ||
+ | height:400px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2011/d/df/Olegpage_copie.png); | ||
+ | } | ||
+ | |||
+ | .assisted_diff_link { | ||
+ | width:100px; | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | .assisted_diff_link a{ | ||
+ | display:none; | ||
+ | } | ||
+ | .assisted_diff_link:hover a{ | ||
+ | display:block; | ||
+ | } | ||
/*block for paper citations*/ | /*block for paper citations*/ |
Latest revision as of 03:53, 29 October 2011
body{
width: auto; color: #333333; background:#e9e4de; margin:0px 0px 0px 0px;
}
- globalWrapper {/* le wiki */
background-color: transparent;
}
- top-section{/* la barre titre (baniere igem+ menu haut)*/
height: auto; margin-top: 0 px; margin-left: 0 px; margin-right: auto; margin-bottom: 0 !important; /* margin-bottom: 10px; */ padding:0; border: none; display: display;
}
- p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
display:none; border:none; margin:none;
}
- menubar{/* la barre de menu du haut */
background-color:#ffffff; }
- menubar a{/*les lien de la barre de menu du haut */
text-decoration:none; color:#FFFFFF;
} .left-menu{/* le menu de haut gauche */
background-color:transparent; /*display:none;*/
}
.right-menu{/* le menu de login haut droite*/
color:#ffffff; text-decoration:none;
background-color:none; } .right-menu a{/* les lien du login */
color:#ffffff; text-decoration:transparent;
background-color:none; }
- search-controls{/* la barre de recherche*/
display:none;
}
- content{/* le body de la page*/
background-color: transparent; border:none; padding:none; margin:none;
} .firstHeading {/*titre de page */
display:none; border: none;
}
- bodyContent{/* contenu de page*/
background-color: #ffffff; border:2px; boder-color:#000000; padding:none; margin:none; margin-bottom: 10px;
}
- footer-wrapper{
position: absolute; width: 941px; left: -1px; margin-top:20px; margin-bottom:30px; padding: 7px 15px 7px 15px; background-color:#ffffff; /*border: 1px solid black;*/
}
- footer-box{/* la boite en bas de page*/
display: none;
margin-bottom: 10px;
}
- catlinks{/* le cadre sous le body useless */
display: none;
} /* fin du wiki hack */
- paris_bettencourt_logo{
position:relative; bottom:20px; left:0%; width:200px; z-index:15;
}
- tube_or{
position:relative;
bottom:190px;
width:900px; left:255px; z-index:9;
}
- white_thingy{
position:absolute; top:-20px; left:-154px; height:167px; width:1280px; background-color:#ffffff;
}
- back_image{
position:absolute; top:147px; left:-154px; height:900px; width:1280px; background-color:transparent; background-image:url(); background-position:center; background-repeat:no-repeat;
}
- main_paris2011{/* notre page !*/
position:absolute; top:0px; left:50%; margin-left:-486px; margin-bottom: 10px; width: 972px; height: 100%; background: #ffffff;/* un fond vert tout moche */ text-align: center;
}
- banner_paris2011{
position:absolute; top:0px; width:972px; /*border: 1px solid black;*/ text-align:center; height:147px; background: #ffffff;/* couleur de fond du titre*/
}
- imgbanner_paris2011{
position:relative; width:972; height:120; text-align:center;
}
- maincontainer_paris2011{/* conteneur du texte */
padding:15px 15px 0px 15px; background:#ffffff; margin-bottom: 10px; /*border:1px solid black;*/ position:absolute; text-align:justify; top:190px;/*178px*/ width:940px; heigth:auto; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px;
}
- menu_paris2011{
text-align:center; position:absolute; z-index:10; width:670px; height:30px; left:180px; top:108px; float:right; background-color:#ffffff; font-weight:bold;
}
- menu_list_paris2011{
list-style:none; text-align:center; margin-left:5px; margin-top:0px; padding:0px; border:none; position:relative; background-color:transparent;
}
.menu_list_item_paris2011{
float: left; width: 80px; margin-right:5px; padding: 0; border:0;
}
/*Second level menu*/
.menu_list_item_paris2011 ul{ display:none; /* initially hide the entire list hierarchy */ padding:2px; /* this is our box border width */ list-style: none;
width:110px;
}
.menu_list_item_paris2011:hover ul, .menu_list_item_paris2011 a:hover ul{ /* 2nd level drop-down box */ display:block; position:relative; margin:0; top:0px; /* place us just up underneath the top-level images */ left:-3px; /* left-align our drop-down to the previous button border */ height:auto; /* the drop-down height will be determiend by line count */ width:110px; background-color:transparent; /* this sets our menu's effective "border" color */ font-size:12px; /* this (and also below) sets the menu's font size */ list-style: none; }
/*Third level menu*/
.menu_list_item_paris2011:hover ul li ul,
.menu_list_item_paris2011 a:hover ul li a ul { /* hide inactive 3rd-level menus */
display:none;
}
.menu_list_item_paris2011:hover ul li:hover ul, .menu_list_item_paris2011 a:hover ul li a:hover ul { /* 3rd level drop-down box */
display:block;
position:absolute;
top:0px;
left:162px;
}
- menu_paris2011 a{
color:#505050; text-decoration:none; display:block; padding:6px; margin: 0px 7px 1px 7px; /*height:18px;*/ width:80px; background-color:#ffffff; font-size:12px;
}
- menu_paris2011 .menu_list_item_paris2011 ul a{
color:#696969; font-size:11px; width:143px; border: 1px solid #ebebeb;
}
- menu_paris2011 a:hover{
background-color:#EFE6D9; display:block; /* height:18px;*/ width:80px; /*margin:-7px;*/ /*top:0px;*/ position:relative;
}
- menu_paris2011 a:active{
background-color:#eedfc9; display:block;
}
- menu_paris2011 a:link{
/* background-color:#677E52;*/
}
- scroll_left{
display:block; height:350px; width:100px; background-color:transparent; z-index:400; position:fixed; top:400px; left:5px;
}
- scroll_left a{
font-size:11px; color:#273572; font-weight:bold;
}
- scroll_right{
display:block; height:350px; width:100px; background-color:transparent; z-index:400; position:fixed; top:400px; right:5px;
}
- scroll_right a{
font-size:11px; color:#273572; font-weight:bold;
}
/*TEXT formating*/
.legende_schema{
font-style:italic;
}
a {
text-decoration:none;
}
- title{
display:block; top:-400px; left:60px;
}
h1{
font-style:bold; font-size: 30px; text-decoration:none; border:none; background-color:#273572; padding:15px; color:#ffffff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius: 25px;
}
h2{
font-style:italic; font-size: 22px; text-decoration:none; border:none; background-color:#b0bfff; padding:10px 10px 10px 30px; margin-top:25px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius: 25px;
}
h3{
padding-left:25px;
}
h4{
font-style:italic;
}
em {
font-style: normal; /* Suppression de l'italique */ font-weight:bold;
}
- assisted_diff{
width:850px; height:400px; background-image:url();
}
.assisted_diff_link {
width:100px; height:100px;
}
.assisted_diff_link a{ display:none; } .assisted_diff_link:hover a{ display:block; }
/*block for paper citations*/
- citation_box{
margin-top:30px; padding:10px; border-style:none; border-width:2px; border-color:#BDFEBC; background-color:#ECECEC; text-align:left;
}
- citation_box ol,li{
text-style:italic;
}
- references{
text-style:bold; text-size:14px;
}
table.parameter {
width:100%;
display: block;
margin-left: auto;
margin-right: auto;
cellpadding:0px;
cellspacing:0px;
align:middle;
}
table.parameter td { padding:5px; }