Team:Paris Bettencourt/Templates/css/default

From 2011.igem.org

Revision as of 09:05, 14 July 2011 by Kyauy (Talk | contribs)

body {

background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x
font: 11px verdana, sans-serif;/* taille, classe de police */
color: #FFFFFF; /couleur du bg */ 
margin: 0;/* marges */
padding: 0;/* espace entre les caractËres*/
line-height: 18px;

}

  1. main

{ width: 980px; height: 900px; background: #93B29B;/* un fond vert tout moche */ text-align: center; }

  1. banner

{ width:980px; text-align:center; position:relative; height:150px; background: #286639;/* couleur de fond du titre*/ }

  1. imgbanner

{ position:relative; width:980; height:150; text-align:center; top:0; }

  1. menu

{ text-align:center; position:relative; width:980px; }

  1. maincontainer

{ position:relative; text-align:center; width:980; /*background: #FF0000;*//* conteneur du texte */ }

  1. menu_core/* la liste principale */

{

list-style-type: none;
margin: 0px;
padding: 0;
border: 0;
text-align:center;

}

  1. menu_core li /* les menu principaux */

{

float: left;
width: 108px;
margin: 0;
padding: 0;
border: 0;

}

  1. menu_core li ul /* les sous menu */

{

list-style-type: none;
margin: 0;
padding: 0;
border: 0;
display: none; /* par dÈfaut on ne les affichent pas */
position:absolute;

}


  1. menu_core li a:link, #menu_core li a:visited /* couleur des liens */

{

display: block;
height: 20px;
color: #FFF;/* couleur desmenu principaux*/
background: #286639;/* couleur du menu */
margin: 0;
padding: 4px 8px;
text-decoration: none;

}

  1. menu_core li a:hover { background-color: #85D28D; }/* couleur du menu au passage*/
  2. menu_core li a:active { background-color: #00B876; }/* couleur du menu actif*/
  3. menu_core li:hover ul{/*apparition des sous-menus */
display:block;

}

  1. menu_core li:hover ul li{/*apparition des sous-menus */
float:none;

}

  1. menu_core li .sous_menu li a:link,
  2. menu_core li .sous_menu li a:visited

{

display: block;
color: #FFF;/* texte du sous menu */
margin: 0;
border: 0;
text-decoration: none;
background: #85D28D;/* couleur du sous-menu */

}

  1. menu_core li .sous_menu li /* les ÈlÈments des sous-menu */

{

margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid;
border-right: 1px solid;

}

  1. menu_core li .sous_menu li:hover{ /* maintient des sous menu actifs */
display:block;

background-color: #F2462E;/* couleur du sous menu au survoul*/ }

/* WIKI HACKS */

.firstHeading {

 display:none;

}

  1. globalWrapper {
   background-color: transparent;
   padding-bottom:0px;
   border: none;

}

  1. content {
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   border: 1px solid #efefef;

}

  1. bodyContent {
   border: none;

}

  1. top-section {
   height: 0px;
   margin-top: 0 px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
  /* margin-bottom: 10px; */
   padding:0;
   border: none;
   display: display;

}

  1. p-logo {
   height: 203px;
   overflow:hidden;
   border:none;
   display: none;

}

  1. p-logo img {
   display: none;

}

  1. footer-box{
  display: none;

}

  1. catlinks{
  display: none;

}

  1. search-controls {
   overflow:hidden;
   display:none;
   background: none;
   position: absolute;
   top: 0px;
   right: 0px;

}

.right-menu li a:link{

 padding-top: 0px;
 background:transparent;
 text-decoration: none;
 color: #000;

}

.right-menu li a:hover{

 padding-top: 0px;
 background:transparent;
 text-decoration: underline;
 color: #000;

}

.right-menu li a:visited{

 padding-top: 0px;
 background:transparent;
 text-decoration: none;
 color: #000;

}

.mw-headline{ position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #FFFFFF; letter-spacing: -1px;

padding: 0px 0px 0px 0px; margin-bottom: 20px; }

.mw-headline :before{ content: '='; }

/* Image Rotator CSS */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption {

   display:none;

} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }