Team:Paris Bettencourt/Templates/css/default
From 2011.igem.org
(Undo revision 113548 by BaptisteCouly (talk)) |
|||
(532 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | body | + | body{ |
- | { | + | width: auto; |
- | + | color: #333333; | |
- | + | background-repeat:repeat;*/ | |
- | + | background-color:#ebebeb; | |
- | + | margin:20px 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; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | #menu | + | #menubar{/* la barre de menu du haut */ |
- | + | /*display:none;*/ | |
- | + | background-color:transparent; | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #menubar a{/*les lien de la barre de menu du haut */ |
- | { | + | text-decoration:none; |
- | + | color:#FFFFFF; | |
- | text- | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | .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: # | + | 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 */ | ||
- | |||
- | |||
- | |||
- | |||
- | # | + | #main_paris2011{/* notre page !*/ |
- | background- | + | position:absolute; |
- | padding-bottom: | + | top:0px; |
- | border: | + | 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:970px; | ||
+ | border: 1px solid black; | ||
+ | text-align:center; | ||
+ | height:147px; | ||
+ | background: #0d1120;/* 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:199px;/*178px*/ | ||
+ | width:940px; | ||
+ | heigth:auto; | ||
} | } | ||
- | # | + | #menu_paris2011{ |
- | + | text-align:center; | |
- | + | position:absolute; | |
- | + | z-index:10; | |
- | + | border: 1px solid black; | |
- | border: 1px solid # | + | /*border-right: 1px solid black;*/ |
+ | width:970px; | ||
+ | height:31px; | ||
+ | top:158px; | ||
+ | float:left; | ||
+ | background-color:#0d1120; | ||
} | } | ||
- | # | + | |
- | border: none; | + | #menu_list_paris2011{ |
+ | list-style:none; | ||
+ | text-align:center; | ||
+ | margin-left:17px; | ||
+ | margin-top:0px; | ||
+ | padding:0px; | ||
+ | border:none; | ||
+ | position:relative; | ||
+ | background-color:transparent; | ||
} | } | ||
- | + | .menu_list_item_paris2011{ | |
- | + | float: left; | |
- | + | width: 133px; | |
- | + | 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; | ||
} | } | ||
- | + | .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:14em; | ||
+ | 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:143px; | ||
+ | width:140px; | ||
+ | |||
- | |||
- | |||
} | } | ||
- | # | + | #menu_paris2011 a{ |
- | + | color:#ffffff; | |
- | + | text-decoration:none; | |
- | + | display:block; | |
- | + | padding:6px; | |
- | + | /*height:18px;*/ | |
- | + | width:128px; | |
+ | background-color:#0d1120; | ||
+ | |||
} | } | ||
- | . | + | #menu_paris2011 .menu_list_item_paris2011 ul a{ |
- | + | border: 1px solid black; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #menu_paris2011 a:hover{ | |
- | + | background-color:#0b0f50; | |
- | + | display:block; | |
- | + | /* height:18px;*/ | |
- | + | width:128px; | |
+ | /*margin:-7px;$/ | ||
+ | /*top:0px;*/ | ||
+ | position:relative; | ||
+ | } | ||
+ | #menu_paris2011 a:active{ | ||
+ | background-color:#1300C0; | ||
+ | display:block; | ||
+ | |||
} | } | ||
- | + | #menu_paris2011 a:link{ | |
- | + | /* background-color:#677E52;*/ | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | #scroll_left{ | |
- | + | display:block; | |
+ | height:350px; | ||
+ | width:10%; | ||
+ | background-color:transparent; | ||
+ | z-index:400; | ||
+ | position:fixed; | ||
+ | top:230px; | ||
+ | left:5px; | ||
} | } | ||
- | + | #scroll_left a{ | |
- | + | color:#000000; | |
+ | font-weight:bold; | ||
} | } | ||
- | + | #scroll_right{ | |
- | + | display:block; | |
- | + | height:350px; | |
- | + | width:10%; | |
+ | background-color:transparent; | ||
+ | z-index:400; | ||
+ | position:fixed; | ||
+ | top:230px; | ||
+ | right:5px; | ||
} | } | ||
- | + | ||
- | + | #scroll_right a{ | |
- | + | color:#000000; | |
- | + | font-weight:bold; | |
} | } | ||
- | /* | + | |
- | . | + | /*TEXT formating*/ |
- | + | ||
- | + | .legende_schema{ | |
- | + | font-style:italic; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | a { | |
- | + | text-decoration:none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | h1{ | |
- | + | font-style:bold; | |
- | + | font-size: 30px; | |
+ | text-decoration:none; | ||
} | } | ||
- | + | ||
- | + | h2{ | |
- | + | font-style:italic; | |
- | + | padding-left:10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | h3{ | |
- | + | padding-left:25px; | |
} | } | ||
- | + | ||
- | + | h4{ | |
+ | font-style:italic; | ||
} | } | ||
- | + | ||
- | + | ||
+ | em { | ||
+ | font-style: normal; /* Suppression de l'italique */ | ||
+ | font-weight:bold; | ||
+ | color:#0056E0; | ||
} | } | ||
- | /* | + | |
- | + | ||
- | + | /*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; } |
Latest revision as of 13:37, 12 September 2011
body{
width: auto; color: #333333; background-repeat:repeat;*/ background-color:#ebebeb; margin:20px 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 */
/*display:none;*/
background-color:transparent; }
- 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 */
- 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:970px; border: 1px solid black; text-align:center; height:147px; background: #0d1120;/* 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:199px;/*178px*/ width:940px; heigth:auto;
}
- menu_paris2011{
text-align:center; position:absolute; z-index:10; border: 1px solid black; /*border-right: 1px solid black;*/ width:970px; height:31px; top:158px; float:left; background-color:#0d1120;
}
- menu_list_paris2011{
list-style:none; text-align:center; margin-left:17px; margin-top:0px; padding:0px; border:none; position:relative; background-color:transparent;
}
.menu_list_item_paris2011{
float: left; width: 133px; 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; }
.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:14em; 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:143px; width:140px;
}
- menu_paris2011 a{
color:#ffffff; text-decoration:none; display:block; padding:6px; /*height:18px;*/ width:128px; background-color:#0d1120;
}
- menu_paris2011 .menu_list_item_paris2011 ul a{
border: 1px solid black;
}
- menu_paris2011 a:hover{
background-color:#0b0f50; display:block; /* height:18px;*/ width:128px; /*margin:-7px;$/ /*top:0px;*/ position:relative;
}
- menu_paris2011 a:active{
background-color:#1300C0; display:block;
}
- menu_paris2011 a:link{
/* background-color:#677E52;*/
}
- scroll_left{
display:block; height:350px; width:10%; background-color:transparent; z-index:400; position:fixed; top:230px; left:5px;
}
- scroll_left a{
color:#000000; font-weight:bold;
}
- scroll_right{
display:block; height:350px; width:10%; background-color:transparent; z-index:400; position:fixed; top:230px; right:5px;
}
- scroll_right a{
color:#000000; font-weight:bold;
}
/*TEXT formating*/
.legende_schema{
font-style:italic;
}
a {
text-decoration:none;
}
h1{
font-style:bold; font-size: 30px; text-decoration:none;
}
h2{
font-style:italic; padding-left:10px;
}
h3{
padding-left:25px;
}
h4{
font-style:italic;
}
em {
font-style: normal; /* Suppression de l'italique */ font-weight:bold; color:#0056E0;
}
/*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; }