Team:Paris Bettencourt/Templates/css/default

From 2011.igem.org

(Difference between revisions)
Line 210: Line 210:
   /* background-color:#677E52;*/
   /* background-color:#677E52;*/
}
}
 +
 +
/*MENU formating*/
 +
@charset "utf-8";
 +
/* CSS Document */
 +
/*MENU CODE*/
 +
ul.cssMenu ul{display:none}
 +
ul.cssMenu li:hover>ul{display:block}
 +
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
 +
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
 +
ul.cssMenu,ul.cssMenu ul {
 +
margin:0px;
 +
list-style:none;
 +
padding:0px 2px 2px 0px;
 +
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/trans2.png');
 +
background-repeat:repeat;
 +
border-color:#AAAAAA;
 +
border-width:0px;
 +
border-style:solid;
 +
}
 +
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
 +
display:block;
 +
zoom:1;
 +
float: left;
 +
}
 +
ul.cssMenu ul{
 +
width:180px;
 +
}
 +
ul.cssMenu li{
 +
display:block;
 +
margin:2px 0px 0px 2px;
 +
font-size:0px;
 +
}
 +
ul.cssMenu a:active, ul.cssMenu a:focus {
 +
outline-style:none;
 +
}
 +
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
 +
display:block;
 +
vertical-align:middle;
 +
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/trans1.png');
 +
background-repeat:repeat;
 +
border-width:0px;
 +
border-color:#FFFFFF;
 +
border-style:solid;
 +
text-align:left;
 +
text-decoration:none;
 +
padding:4px 23px 4px 23px;
 +
font:12px Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:default;
 +
}
 +
ul.cssMenu span{
 +
overflow:hidden;
 +
}
 +
ul.cssMenu li {
 +
float:left;
 +
}
 +
ul.cssMenu ul li {
 +
float:none;
 +
}
 +
ul.cssMenu ul a {
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul.cssMenu li.sep{
 +
text-align:center;
 +
padding:0px;
 +
line-height:0;
 +
height:100%;
 +
}
 +
ul.cssMenu li.sep span{
 +
float:none; padding-right:0;
 +
width:5;
 +
height:16;
 +
display:inline-block;
 +
background-color:#AAAAAA; background-image:none;}
 +
ul.cssMenu ul li.sep span{
 +
width:80%;
 +
height:3;
 +
}
 +
ul.cssMenu li:hover{
 +
position:relative;
 +
}
 +
ul.cssMenu li:hover>a{
 +
background-color:#4287D4;
 +
border-color:#FFFFFF;
 +
border-style:solid;
 +
font:12px Verdana;
 +
color: #ffffff;
 +
text-decoration:none;
 +
}
 +
ul.cssMenu li a:hover{
 +
position:relative;
 +
background-color:#4287D4;
 +
border-color:#FFFFFF;
 +
border-style:solid;
 +
font:12px Verdana;
 +
color: #ffffff;
 +
text-decoration:none;
 +
}
 +
ul.cssMenu li.dis a {
 +
color: #94b8c9 !important;
 +
}
 +
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
 +
height:16px;
 +
}
 +
ul.cssMenu ul img {width:16px;
 +
height:16px;
 +
}
 +
ul.cssMenu img.over{display:none}
 +
ul.cssMenu li.dis a:hover img.over{display:none !important}
 +
ul.cssMenu li.dis a:hover img.def {display:inline !important}
 +
ul.cssMenu li:hover > a img.def  {display:none}
 +
ul.cssMenu li:hover > a img.over {display:inline}
 +
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
 +
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
 +
ul.cssMenu a:hover ul{display:block}
 +
ul.cssMenu span{
 +
display:block;
 +
background-position:right center;
 +
background-repeat: no-repeat;
 +
  padding-right:11px;}
 +

Revision as of 17:19, 23 August 2011

body{

   background-color:#ebebeb;

}

  1. globalWrapper {/* le wiki */
   background-color: transparent;
   padding-bottom:0px;

}

  1. 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;

}

  1. p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
 display:none;
 border:none;
 margin:none;

}

  1. menubar{/* la barre de menu du haut */
   /*display:none;*/

}

  1. 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; }

  1. search-controls{/* la barre de recherche*/
 display:none;

}

  1. content{/* le body de la page*/
   background-color: transparent;
  border:none;
   padding:none;
   margin:none;

} .firstHeading {/*titre de page */

 display:none;
 border: none;

}

  1. bodyContent{/* contenu de page*/
   background-color: #ffffff;
   border:2px;
   boder-color:#000000;
   padding:none;
   margin:none;

}

  1. footer-box{/* la boite en bas de page*/
  display:none;

}

  1. catlinks{/* le cadre sous le body useless */
  display: none;

} /* fin du wiki hack */


  1. main_paris2011{/* notre page !*/
   position:absolute;
   top:0px;
   left:50%;
   margin-left:-486px;
   width: 972px;
   height: 100%;
   background: #ffffff;/* un fond vert tout moche */
   text-align: center;

}

  1. banner_paris2011{
   position:absolute;
   top:0px;
   width:972px;
   text-align:center;
   height:240px;
   background: #286639;/* couleur de fond du titre*/

}

  1. imgbanner_paris2011{
   position:relative;
   width:972;
   height:120;
   text-align:center;

}

  1. menu_paris2011{
   text-align:center;
   position:absolute;
   border-left: 1px solid black;
   border-right: 1px solid black;
   width:970px;
   height:30px;
   top:148px;
   float:left;
   background-color:#286639;

}

  1. maincontainer_paris2011{/* conteneur du texte */
   padding:15px;
   background:#ffffff;
   border:1px solid black;
   border-bottom:0px;
   position:absolute;
   text-align:justify;
   top:228px;/*178px*/
   width:940px;
   heigth:auto;
   margin-bottom:100px;

}

  1. menu_list_paris2011{
  text-align:center;
   margin-left:17px;
  margin-top:0px;
  padding:0px;
  border:none;
   position:relative;
   background-color:transparent;
   list-style-type:none;

}

.menu_list_item_paris2011{

float: left;
width: 160px;
padding: 0;
border: 0;

}

  1. menu_paris2011 a{
   color:#ffffff;
   text-decoration:none;
   display:block;
   padding:6px;
   height:18px;
   width:148px;
   background-color:transparent;

}

  1. menu_paris2011 a:hover{
   background-color:#B0CC99;
   display:block;
   height:18px;
   width:148px;

/*margin:-7px;$/ /*top:0px;*/

   position:relative;

}

  1. menu_paris2011 a:active{
   background-color:#677E52;
   display:block;
  

}

  1. menu_paris2011 a:link{
  /* background-color:#677E52;*/

}

  1. menu_list_paris20112{
  text-align:center;
   margin-left:17px;
  margin-top:0px;
  padding:0px;
  border:none;
   position:relative;
   background-color:transparent;
   list-style-type:none;

}

.menu_list_item_paris20112{

float: left;
width: 100px;
/*margin: 2px;*/
padding: 0;
border: 0;

}

  1. menu_paris20112 a{
   color:#ffffff;
   text-decoration:none;
   display:block;
   padding:6px;
   height:18px;
   width:88px;
   background-color:transparent;

}

  1. menu_paris20112 a:hover{
   background-color:#B0CC99;
   display:block;
   height:18px;
   width:88px;

/*margin:-7px;$/ /*top:0px;*/

   position:relative;

}

  1. menu_paris20112 a:active{
   background-color:#677E52;
   display:block;
  

}

  1. menu_paris20112 a:link{
  /* background-color:#677E52;*/

}

/*MENU formating*/ @charset "utf-8"; /* CSS Document */ /*MENU CODE*/ ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display:block} ul.cssMenu ul{position: absolute;left:-1px;top:98%;} ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.cssMenu,ul.cssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/trans2.png'); background-repeat:repeat; border-color:#AAAAAA; border-width:0px; border-style:solid; } ul.cssMenu table {border-collapse:collapse}ul.cssMenu { display:block; zoom:1; float: left; } ul.cssMenu ul{ width:180px; } ul.cssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.cssMenu a:active, ul.cssMenu a:focus { outline-style:none; } ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { display:block; vertical-align:middle; background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/trans1.png'); background-repeat:repeat; border-width:0px; border-color:#FFFFFF; border-style:solid; text-align:left; text-decoration:none; padding:4px 23px 4px 23px; font:12px Verdana; color: #FFFFFF; text-decoration:none; cursor:default; } ul.cssMenu span{ overflow:hidden; } ul.cssMenu li { float:left; } ul.cssMenu ul li { float:none; } ul.cssMenu ul a { text-align:left; white-space:nowrap; } ul.cssMenu li.sep{ text-align:center; padding:0px; line-height:0; height:100%; } ul.cssMenu li.sep span{ float:none; padding-right:0; width:5; height:16; display:inline-block; background-color:#AAAAAA; background-image:none;} ul.cssMenu ul li.sep span{ width:80%; height:3; } ul.cssMenu li:hover{ position:relative; } ul.cssMenu li:hover>a{ background-color:#4287D4; border-color:#FFFFFF; border-style:solid; font:12px Verdana; color: #ffffff; text-decoration:none; } ul.cssMenu li a:hover{ position:relative; background-color:#4287D4; border-color:#FFFFFF; border-style:solid; font:12px Verdana; color: #ffffff; text-decoration:none; } ul.cssMenu li.dis a { color: #94b8c9 !important; } ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px; height:16px; } ul.cssMenu ul img {width:16px; height:16px; } ul.cssMenu img.over{display:none} ul.cssMenu li.dis a:hover img.over{display:none !important} ul.cssMenu li.dis a:hover img.def {display:inline !important} ul.cssMenu li:hover > a img.def {display:none} ul.cssMenu li:hover > a img.over {display:inline} ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline} ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none} ul.cssMenu a:hover ul{display:block} ul.cssMenu span{ display:block; background-position:right center; background-repeat: no-repeat;

  padding-right:11px;}


/*TEXT formating*/

.legende_schema{

  font-style:italic;

}

h1{

  font-style:bold;
  font-size: 30px;

}

h2{

  font-style:italic;
  padding-left:10px;

}

h3{

  padding-left:25px;

}

h4{

  font-style:italic;

}

/*block for paper citations*/

  1. citation_box{
  margin-top:30px;
  padding:10px;
  border-style:solid;
  border-width:2px;
  border-color:#BDFEBC;
  background-color:#D8FFD7;

}

  1. citation_box ol,li{
  text-style:italic;

}

  1. 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; }