Team:Paris Bettencourt/Templates/css/default

From 2011.igem.org

(Difference between revisions)
Line 122: Line 122:
#menu_list_paris2011{
#menu_list_paris2011{
   text-align:center;
   text-align:center;
-
     margin-left:17px;
+
     margin-left:10px;
   margin-top:0px;
   margin-top:0px;
   padding:0px;
   padding:0px;
   border:none;
   border:none;
-
    position:relative;
+
  position:relative;
-
    background-color:transparent;
+
  background-color:transparent;
-
    list-style-type:none;
+
  list-style-type:none;
}
}
Line 211: Line 211:
}
}
-
 
-
/*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:26, 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:10px;
  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;*/

}



/*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; }