"

From 2011.igem.org

.blocbackground {

border: 1px solid #666D99;

margin: 5px 0 20px 0; padding: 0 0 20px 5px;

-webkit-box-shadow: #666666 0px 2px 3px; -moz-box-shadow: #666666 0px 2px 3px;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;

background: #EEF0FC; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF)); background: -webkit-linear-gradient(#EEF0FC, #FFFFFF); background: -moz-linear-gradient(#EEF0FC, #FFFFFF); background: -ms-linear-gradient(#EEF0FC, #FFFFFF); background: -o-linear-gradient(#EEF0FC, #FFFFFF); background: linear-gradient(#EEF0FC, #FFFFFF);

}

/* /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// Tableau /////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////

• /

table { border: none;

border-collapse: collapse;

width: 615px;

font:normal 13px Arial, Helvetica, sans-serif;

color:#0F174D;

padding:3px;

line-height:1.8em;

}

th { font-family: monospace;

border: thin solid #6495ed;

padding: 5px;

background-color: #D0E3FA;

}

td { border: thin solid #6495ed;

padding: 5px;

text-align: center;

background-color: #ffffff;

}

table.nobordure td, table.nobordure th, table.nobordure {

  border: none; 

/*

  background-color: none;

• /

  background: none;

}

body {

margin:0;

padding:0;

width:100%;

}

/* Classe body

• /

.body {

margin:0;

padding:0;

}

/* /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// Body Titres /////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////

• /

.body h1 {

font:bold 34px Arial, Helvetica, sans-serif;

color:#060D58;

padding:10px 5px;

margin:5px 2px 12px 0;

background : none;

}

.body h2 {

font:bold 24px Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 2px 12px 0;

}

.body h2 span {

float:right;

color:#959595;

font:normal 12px Arial, Helvetica, sans-serif;

}

.body h3 {

font:bold 24px Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 0 10px 0;

}

.body h3 span.vert{

color:#2038D8;

text-decoration:none;

}

/* /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// Body paragraphe /////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////

• /

.body p{

font:normal 13px Arial, Helvetica, sans-serif;

color:#0F174D;

padding:5px 15px;

margin:0px 5px;

line-height:1.8em;

text-indent: 30px;

text-align: justify;

}

.noindent p{

text-indent: 0px; }

/* /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// Body Image /////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////

• /

.body img.centerwidenoshadow {

       width:90%;

height:auto;

       /*margin:5px 10px 5px 10px;*/

padding:0;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;

}

.body img.centerwide{

       width:90%;

height:auto;

-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;

-webkit-box-shadow: #666666 0px 2px 3px; -moz-box-shadow: #666666 0px 2px 3px; }

/*exemple: photo memnbre équipe, c'est un flottant, utiliser .clearboth en cas de besoin*/

.body img.icon {

float:left;

margin: 8px 5px 2px 0;

width:80px;

height:auto;

border: 1px solid #666D99;

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

-webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px;

} /* pour renbdre flottant une image qui n'est pas flottante si elle n'est pas un icon car .body img luiu met le clearboth du coup elle est plus flottante*/

.body img.floated {

float:left;

margin:5px 10px 5px 0;

padding:0;

width:auto;

height:auto;

}

/* /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// Body Lien /////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////

• /

.body a {

color:#5060C9;

text-decoration:underline;

}

.body a.menu {

font:bold Arial, Helvetica, sans-serif;

margin-left:10px;

color:#060D58;

text-decoration:none;

}

.body a:hover {

color:#182AA3;

text-decoration:underline;

}

/*marge à vérif*/

.body h2.lien:hover{

background-color: #5769EA;

}

/* /////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////// Left /////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////

• /

/* limite taille de l'intérieur de la page pour pas dépasser sur le menu/colonne de droite

• /

.left {

float:left;

width:65%;

margin:10px 0px 10px 25px;

padding: 0 25px;

}

.left ul { /* list-style-image: url("");

• /

list-style-image: url("");

padding:0px 0px 0px 5px;

margin: 0px 0px 0px 30px;

clear:both; }

.left ul ul{ list-style: circle;

clear:both; }

.left ul, .left li, .left dl, .left ol { font:normal 13px Arial, Helvetica, sans-serif;

color:#0F174D;

padding:3px;

line-height:1.8em; }