Team:Evry/css v1
From 2012.igem.org
Line 1: | Line 1: | ||
- | body | + | body { |
- | { | + | |
- | + | width: auto; | |
- | + | color: #333333; | |
- | + | background:#e9e4de; | |
- | + | margin:0px 0px 0px 0px; | |
+ | |||
} | } | ||
/* la barre titre (baniere igem+ menu haut)*/ | /* la barre titre (baniere igem+ menu haut)*/ | ||
- | + | ||
+ | top-section | ||
+ | |||
{ | { | ||
- | + | ||
- | + | height: auto; | |
- | + | margin-top: 0 px; | |
- | + | margin-left: 0 px; | |
- | + | margin-right: auto; | |
- | + | margin-bottom: 0 !important; | |
- | + | padding:0; | |
- | + | border: none; | |
+ | display: display; | ||
+ | |||
} | } | ||
/*le conteneur de la banière igem avec un lien vers igem*/ | /*le conteneur de la banière igem avec un lien vers igem*/ | ||
- | + | ||
+ | p-logo | ||
+ | |||
{ | { | ||
- | + | ||
- | + | display:none; | |
- | + | border:none; | |
+ | margin:none; | ||
+ | |||
} | } | ||
/* la barre de menu du haut */ | /* la barre de menu du haut */ | ||
- | + | ||
+ | menubar | ||
+ | |||
{ | { | ||
- | + | ||
+ | background-color:#FFFFFF; | ||
+ | |||
} | } | ||
/*les lien de la barre de menu du haut */ | /*les lien de la barre de menu du haut */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | menubar a | |
- | + | ||
{ | { | ||
- | + | ||
- | + | text-decoration:none; | |
+ | color:#000000; | ||
+ | |||
} | } | ||
- | /* le menu de login haut droite*/ | + | /* le menu de haut gauche */ .left-menu { |
- | .right-menu | + | |
- | { | + | background-color:transparent; |
- | + | ||
- | + | /*display:none;*/ } | |
- | + | ||
+ | /* le menu de login haut droite*/ .right-menu { | ||
+ | |||
+ | color:transparent; | ||
+ | text-decoration:none; | ||
+ | background-color:none; | ||
+ | |||
} | } | ||
- | /* les lien du login */ | + | /* les lien du login */ .right-menu a { |
- | .right-menu a | + | |
- | { | + | color:transparent; |
- | + | text-decoration:transparent; | |
- | + | background-color:none; | |
- | + | ||
} | } | ||
/* la barre de recherche*/ | /* la barre de recherche*/ | ||
- | + | ||
+ | search-controls | ||
+ | |||
{ | { | ||
- | + | ||
+ | display:none; | ||
+ | |||
} | } | ||
/* le body de la page*/ | /* le body de la page*/ | ||
- | + | ||
+ | content | ||
+ | |||
{ | { | ||
- | + | ||
- | + | background-color: transparent; | |
- | + | border:none; | |
- | + | padding:none; | |
+ | margin:none; | ||
+ | |||
} | } | ||
- | /*titre de page */ | + | /*titre de page */ .firstHeading { |
- | .firstHeading | + | |
- | { | + | display:none; |
- | + | border: none; | |
- | + | ||
} | } | ||
/* contenu de page*/ | /* contenu de page*/ | ||
- | + | ||
+ | bodyContent | ||
+ | |||
{ | { | ||
- | + | ||
- | + | 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; | |
- | /*border: 1px solid black;*/ | + | background-color:#ffffff; |
- | } | + | |
+ | /*border: 1px solid black;*/ } | ||
/* la boite en bas de page*/ | /* la boite en bas de page*/ | ||
- | + | ||
+ | footer-box | ||
+ | |||
{ | { | ||
- | + | ||
- | + | display: none; | |
+ | margin-bottom: 10px; | ||
+ | |||
} | } | ||
/* le cadre sous le body useless */ | /* le cadre sous le body useless */ | ||
- | + | ||
+ | catlinks | ||
+ | |||
{ | { | ||
- | + | ||
+ | display: none; | ||
+ | |||
} | } | ||
Line 125: | Line 163: | ||
/* position of the logo */ | /* position of the logo */ | ||
- | + | ||
+ | evry_logo | ||
+ | |||
{ | { | ||
- | + | ||
- | + | position:absolute; | |
- | + | top:25px; | |
- | + | left: 35px; | |
- | + | width:200px; | |
+ | /*background-color:#FFA500;*/ | ||
+ | |||
} | } | ||
- | /* Position of the banner */ | + | /* Position of the banner */ |
- | + | ||
- | + | evry_banner{ | |
- | + | ||
- | + | position:absolute; | |
- | + | top:16px; | |
- | + | width:720px; | |
+ | left:230px; | ||
+ | /*background-color:#800080;*/ | ||
+ | |||
} | } | ||
/*white font over the grey one on the top*/ | /*white font over the grey one on the top*/ | ||
- | + | ||
+ | white_thingy | ||
+ | |||
{ | { | ||
- | + | ||
- | + | position:absolute; | |
- | + | top:-20px; | |
- | + | left:-154px; | |
- | + | height:216px; | |
- | + | width:2000px; | |
+ | background-color:#ffffff; | ||
+ | |||
} | } | ||
- | + | back_image | |
+ | |||
{ | { | ||
- | + | ||
- | + | position:absolute; | |
- | + | top:147px; | |
- | + | left:-155px; | |
- | + | height:900px; | |
- | + | width:1280px; | |
- | + | background-color:transparent; | |
- | + | background-image:url(Opera-Background-Blue-Bubbles.png); | |
- | + | background-position:center; | |
+ | background-repeat:no-repeat; | ||
+ | |||
} | } | ||
/* notre page !*/ | /* notre page !*/ | ||
- | + | ||
+ | main_evry2012 | ||
+ | |||
{ | { | ||
- | + | ||
- | + | position:absolute; | |
- | + | top:0px; | |
- | + | left:50%; | |
- | + | margin-left:-486px; | |
- | + | margin-bottom: 10px; | |
- | + | width: 972px; | |
- | + | height: 100%; | |
+ | text-align: center; | ||
+ | |||
} | } | ||
/* conteneur du texte wiki*/ | /* conteneur du texte wiki*/ | ||
- | + | ||
+ | maincontainer_evry2012 | ||
+ | |||
{ | { | ||
- | |||
- | |||
- | |||
- | + | padding:15px 15px 15px 15px; | |
- | + | background:#ffffff; | |
- | + | margin-bottom: 10px; | |
- | + | ||
- | + | /*border:1px solid black;*/ | |
- | + | position:absolute; | |
- | + | text-align:justify; | |
- | + | top:210px;/*178px*/ | |
- | + | width:940px; | |
- | + | heigth:auto; | |
- | + | -moz-border-radius-topright:15px; | |
- | + | -moz-border-radius-bottomright:15px; | |
- | + | -webkit-border-top-right-radius:15px; | |
+ | -webkit-border-bottom-right-radius:15px; | ||
+ | border-top-right-radius:15px; | ||
+ | border-bottom-right-radius:15px; | ||
+ | border-radius: 15px; | ||
+ | |||
} | } | ||
Line 206: | Line 266: | ||
/* Frame containg the entire menu (transparent) */ | /* Frame containg the entire menu (transparent) */ | ||
- | + | ||
+ | menu_evry2012 | ||
+ | |||
{ | { | ||
- | + | ||
- | + | text-align:center; | |
- | + | position:absolute; | |
- | + | z-index:10; | |
- | + | width:740px; | |
- | + | left:240px; | |
- | + | top:161px; | |
- | + | float:center; | |
- | + | /*background-color:#00FF00;*/ | |
+ | font-weight:bold; | ||
+ | |||
} | } | ||
- | + | menu_evry2012 a | |
+ | |||
{ | { | ||
- | + | ||
- | + | color:#505050; | |
- | + | text-decoration:none; | |
- | + | display:block; | |
- | + | padding:8px; | |
- | + | margin: 0px 0px 0px 0px; | |
- | + | /*height:18px;*/ | |
- | + | width:auto; | |
- | + | background-color:#ffffff; | |
+ | font-size:11px; | ||
+ | |||
} | } | ||
- | + | menu_evry2012 .menu_list_item_evry2012 ul a | |
+ | |||
{ | { | ||
- | + | ||
- | + | color:#696969; | |
- | + | font-size:11px; | |
- | + | width:120px; /* Size of the scroling menu*/ | |
+ | border: 1px solid #e6e1db; | ||
+ | |||
} | } | ||
- | + | menu_evry2012 a:hover | |
+ | |||
{ | { | ||
- | + | ||
- | + | background-color:#e6e1db; | |
- | + | display:block; | |
- | + | width:auto; /* size of the hover block */ | |
+ | position:relative; | ||
+ | |||
} | } | ||
- | + | menu_evry2012 a:active | |
+ | |||
{ | { | ||
- | |||
- | |||
- | |||
+ | background-color:#e6e1db; | ||
+ | display:block; | ||
+ | |||
+ | } | ||
/* Style of the menu level1 */ | /* Style of the menu level1 */ | ||
- | + | ||
+ | menu_list_evry2012 | ||
+ | |||
{ | { | ||
- | + | ||
- | + | list-style:none; | |
- | + | text-align:center; | |
- | + | margin-left:0px; | |
- | + | margin-top:0px; | |
- | + | padding:0px; | |
- | + | border:none; | |
+ | position:relative; | ||
+ | |||
} | } | ||
- | .menu_list_item_evry2012 | + | .menu_list_item_evry2012 { |
- | { | + | |
- | + | float: left; | |
- | + | width: 80px; | |
- | + | padding: 0; | |
- | + | border:0; | |
+ | |||
} | } | ||
- | /*Second level menu*/ | + | /*Second level menu*/ .menu_list_item_evry2012 ul { |
- | .menu_list_item_evry2012 ul | + | |
- | { | + | display:none; /* initially hide the entire list hierarchy */ |
- | + | padding:2px; /* this is our box border width */ | |
- | + | list-style: none; | |
- | + | width:110px; | |
- | + | ||
} | } | ||
- | /* 2nd level drop-down box */ | + | /* 2nd level drop-down box */ .menu_list_item_evry2012:hover ul, .menu_list_item_evry2012 a:hover ul { |
- | .menu_list_item_evry2012:hover ul, | + | |
- | .menu_list_item_evry2012 a:hover ul | + | display:block; |
- | + | position:relative; | |
- | + | margin:0; | |
- | + | top:0px; /* place us just up underneath the top-level images */ | |
- | + | left:-2px; /* 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*/ | /*Third level menu*/ | ||
- | /* hide inactive 3rd-level menus */ | + | /* hide inactive 3rd-level menus */ .menu_list_item_evry2012:hover ul li ul, .menu_list_item_evry2012 a:hover ul li a ul { |
- | .menu_list_item_evry2012:hover ul li ul, | + | |
- | .menu_list_item_evry2012 a:hover ul li a ul | + | display:none; |
- | { | + | |
- | + | ||
} | } | ||
- | + | ||
- | .menu_list_item_evry2012:hover ul li:hover ul, | + | .menu_list_item_evry2012:hover ul li:hover ul, /* 3rd level drop-down box */ .menu_list_item_evry2012 a:hover ul li a:hover ul { |
- | /* 3rd level drop-down box */ | + | |
- | .menu_list_item_evry2012 a:hover ul li a:hover ul | + | display:block; |
- | { | + | position:absolute; |
- | + | top:0px; | |
- | + | left:162px; | |
- | + | ||
- | + | ||
} | } | ||
Line 327: | Line 404: | ||
/* scroling buttons */ | /* scroling buttons */ | ||
- | + | 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; | ||
+ | text-align: center; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | a | + | a { |
- | { | + | |
- | + | text-decoration:none; | |
+ | |||
} | } | ||
- | + | title | |
+ | |||
{ | { | ||
- | + | ||
- | + | display:block; | |
- | + | top:-400px; | |
+ | left:60px; | ||
+ | |||
} | } | ||
- | h1 | + | h1 { |
- | { | + | |
- | + | font-style: normal; | |
- | + | text-decoration: none; | |
- | + | border: none; | |
- | + | padding:15px 0px 15px 0px; | |
- | + | font-weight:bold; | |
- | + | font-size: 30px; | |
- | + | color:#cb6228; | |
+ | |||
} | } | ||
- | h2 | + | h2 { |
- | { | + | |
- | + | font-style: normal; | |
- | + | font-weight:bold; | |
- | + | font-style:italic; | |
- | + | font-size: 22px; | |
- | + | text-decoration:none; | |
- | + | border:none; | |
- | + | padding:0px 0px 10px 0px; | |
- | + | color:#364d01; | |
- | + | margin-top:25px; | |
+ | |||
} | } | ||
- | h3 | + | h3 { |
- | { | + | |
- | + | padding-left:25px; | |
- | + | font-style:bold; | |
- | + | font-size: 18px; | |
- | + | text-decoration:none; | |
- | + | border:none; | |
- | + | padding:0px 0px 5px 0px; | |
+ | |||
} | } | ||
- | h4 | + | h4 { |
- | { | + | |
- | + | font-style:italic; | |
+ | |||
} | } | ||
/*block for paper citations*/ | /*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 | + | table.parameter { |
- | { | + | |
- | + | width:100%; | |
- | + | display: block; | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
- | + | cellpadding:0px; | |
- | + | cellspacing:0px; | |
- | + | align:middle; | |
+ | |||
} | } | ||
- | table.parameter td | + | table.parameter td { |
- | { | + | |
- | + | padding:5px; | |
+ | |||
} | } | ||
- | + | table-fixed-size | |
+ | |||
{ | { | ||
- | + | ||
- | + | table-layout:fixed; | |
- | + | word-wrap: break-word; | |
+ | width:100px; | ||
+ | |||
} | } | ||
em { | em { | ||
- | + | ||
- | + | color: #cb6228; | |
- | + | font-style: normal; | |
+ | font-weight:bold; | ||
+ | |||
} | } | ||
strong { | strong { | ||
- | + | ||
+ | color: #364d01; | ||
+ | |||
} | } |
Revision as of 13:48, 7 September 2012
body {
width: auto; color: #333333; background:#e9e4de; margin:0px 0px 0px 0px;
}
/* la barre titre (baniere igem+ menu haut)*/
top-section
{
height: auto; margin-top: 0 px; margin-left: 0 px; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; display: display;
}
/*le conteneur de la banière igem avec un lien vers igem*/
p-logo
{
display:none; border:none; margin:none;
}
/* la barre de menu du haut */
menubar
{
background-color:#FFFFFF;
}
/*les lien de la barre de menu du haut */
menubar a
{
text-decoration:none; color:#000000;
}
/* le menu de haut gauche */ .left-menu {
background-color:transparent;
/*display:none;*/ }
/* le menu de login haut droite*/ .right-menu {
color:transparent; text-decoration:none; background-color:none;
}
/* les lien du login */ .right-menu a {
color:transparent; text-decoration:transparent; background-color:none;
}
/* la barre de recherche*/
search-controls
{
display:none;
}
/* le body de la page*/
content
{
background-color: transparent; border:none; padding:none; margin:none;
}
/*titre de page */ .firstHeading {
display:none; border: none;
}
/* contenu de page*/
bodyContent
{
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;*/ }
/* la boite en bas de page*/
footer-box
{
display: none; margin-bottom: 10px;
}
/* le cadre sous le body useless */
catlinks
{
display: none;
}
/* ----------------End of the wiki hack -------------------------------------*/
/* position of the logo */
evry_logo
{
position:absolute; top:25px; left: 35px; width:200px; /*background-color:#FFA500;*/
}
/* Position of the banner */
evry_banner{
position:absolute; top:16px; width:720px; left:230px; /*background-color:#800080;*/
}
/*white font over the grey one on the top*/
white_thingy
{
position:absolute; top:-20px; left:-154px; height:216px; width:2000px; background-color:#ffffff;
}
back_image
{
position:absolute; top:147px; left:-155px; height:900px; width:1280px; background-color:transparent; background-image:url(Opera-Background-Blue-Bubbles.png); background-position:center; background-repeat:no-repeat;
}
/* notre page !*/
main_evry2012
{
position:absolute; top:0px; left:50%; margin-left:-486px; margin-bottom: 10px; width: 972px; height: 100%; text-align: center;
}
/* conteneur du texte wiki*/
maincontainer_evry2012
{
padding:15px 15px 15px 15px; background:#ffffff; margin-bottom: 10px;
/*border:1px solid black;*/ position:absolute; text-align:justify; top:210px;/*178px*/ width:940px; heigth:auto; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-radius: 15px;
}
/* ------- Menu -----------*/
/* Frame containg the entire menu (transparent) */
menu_evry2012
{
text-align:center; position:absolute; z-index:10; width:740px; left:240px; top:161px; float:center; /*background-color:#00FF00;*/ font-weight:bold;
}
menu_evry2012 a
{
color:#505050; text-decoration:none; display:block; padding:8px; margin: 0px 0px 0px 0px; /*height:18px;*/ width:auto; background-color:#ffffff; font-size:11px;
}
menu_evry2012 .menu_list_item_evry2012 ul a
{
color:#696969; font-size:11px; width:120px; /* Size of the scroling menu*/ border: 1px solid #e6e1db;
}
menu_evry2012 a:hover
{
background-color:#e6e1db; display:block; width:auto; /* size of the hover block */ position:relative;
}
menu_evry2012 a:active
{
background-color:#e6e1db; display:block;
}
/* Style of the menu level1 */
menu_list_evry2012
{
list-style:none; text-align:center; margin-left:0px; margin-top:0px; padding:0px; border:none; position:relative;
}
.menu_list_item_evry2012 {
float: left; width: 80px; padding: 0; border:0;
}
/*Second level menu*/ .menu_list_item_evry2012 ul {
display:none; /* initially hide the entire list hierarchy */ padding:2px; /* this is our box border width */ list-style: none; width:110px;
}
/* 2nd level drop-down box */ .menu_list_item_evry2012:hover ul, .menu_list_item_evry2012 a:hover ul {
display:block; position:relative; margin:0; top:0px; /* place us just up underneath the top-level images */ left:-2px; /* 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*/
/* hide inactive 3rd-level menus */ .menu_list_item_evry2012:hover ul li ul, .menu_list_item_evry2012 a:hover ul li a ul {
display:none;
}
.menu_list_item_evry2012:hover ul li:hover ul, /* 3rd level drop-down box */ .menu_list_item_evry2012 a:hover ul li a:hover ul {
display:block; position:absolute; top:0px; left:162px;
}
/* End of the menu */
/* scroling buttons */
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; text-align: center;
}
a {
text-decoration:none;
}
title
{
display:block; top:-400px; left:60px;
}
h1 {
font-style: normal; text-decoration: none; border: none; padding:15px 0px 15px 0px; font-weight:bold; font-size: 30px; color:#cb6228;
}
h2 {
font-style: normal; font-weight:bold; font-style:italic; font-size: 22px; text-decoration:none; border:none; padding:0px 0px 10px 0px; color:#364d01; margin-top:25px;
}
h3 {
padding-left:25px; font-style:bold; font-size: 18px; text-decoration:none; border:none; padding:0px 0px 5px 0px;
}
h4 {
font-style:italic;
}
/*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;
}
table-fixed-size
{
table-layout:fixed; word-wrap: break-word; width:100px;
}
em {
color: #cb6228; font-style: normal; font-weight:bold;
}
strong {
color: #364d01;
}