Team:Grenoble-EMSE-LSU/Design/current1

From 2013.igem.org

/* Style d'écriture du contenu devrait permettre d'éviter de devoir écrire trop de truc pour p li ul ol table etc...

  • /
  1. content, table tr

{

   font: normal 14px Verdana, Arial, Helvetica, sans-serif;
   color:#000080;

}

.blocbackground {

   	width: 937px;
   	margin: auto;
       text-align: justify;
   	padding: 2px 12px 60px 12px;
   	margin-bottom: 20px;
   
   border: 1px solid #800000;
   /*-webkit-box-shadow: #ADD1FF 0px 2px 3px;
   -moz-box-shadow: #ADD1FF 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);

}


.blocbackground img.floatsponso {

   float: left;
   margin-right: 20px;
   margin-bottom: 10px;

}

.menu_deroulant_au_centre { /*margin-left: 165px;*/ }

.legend {

font-size: 13px;

font-style:italic;

text-align: center;

padding: 8px 0 5px 0;

}

/*en cas d'emmerde avec image flottante*/ /* .clearboth { clear:both; }

  • /

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

  • /


table { border: none;

border-collapse: collapse;

width: auto;

padding: 5px 6px 5px 3px;

line-height:1.8em;

}

th {

border: 1px solid black;

padding: 5px;

background-color: #ADD1FF;

}

td { border: 1px solid black;

padding: 5px 16px;

text-align: justify;

background-color: #ffffff;

}

td li { text-align: left; }

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

  border: none; 
  background: none;

}


body {

width:100%;

}


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

  • /

.body h1 {

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

color: dimgray;

padding:10px 5px;

margin:5px 2px 12px 0;

background : none;

text-align: center;

}

.body h1:first-letter {

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

color: silver;

background : none;

text-align: center;

}

.body h2 { font:bold 24px Verdana, Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 2px 12px 0; }

.body h2 span {

float:right;

color:#959595;

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

}

.body h3 {

font:bold 16px Verdana, Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 0 5px 0;

}

.body h3 span.vert{

color:#2038D8;

text-decoration:none;

}

.body h4 { font:bold 18px Verdana, Arial, Helvetica, sans-serif;

color:#323a3f;

padding:10px 5px;

margin:5px 0 10px 0; }

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

  • /

.body p{

/* font: normal 14px Candara, Arial, Helvetica, sans-serif;

  • /

/* font: nomal 14px Comic Sans MS, Candara, Arial, Helvetica, cursive;

  • /

/* font: normal 14px Arial, Helvetica, sans-serif;

  • /

/* font: normal 14px Verdana, 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 { border: 1px solid #000080;

width: 90%; height: auto;

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

.body img.centerwide { border: 1px solid #000080;

width: 90%; height: auto;

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

.body img.bordure { border: 1px solid #000080;

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

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

.body img.icon {

background-color:#FFFFFF;

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 Verdana, Arial, Helvetica, sans-serif;

margin-left:10px;

color:#060D58;

text-decoration:none;

}

.body a:hover {

color:#FF0000;

text-decoration:underline;

}

/*marge à vérif*/

.body h2.lien:hover {

color: #800000;

}


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

  • /


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

  • /

.left { float:left; width:100%; }


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

  • /

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 { padding:3px; line-height:1.8em; }