Team:Grenoble/Design/current0

From 2011.igem.org

(Difference between revisions)

Revision as of 13:36, 27 October 2011

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

/

content, table tr

{

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

}

.blocbackground {

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

border: 1px solid #000080;

-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);

}

.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: thin solid #000080;

padding: 5px;

background-color: #ADD1FF;

}

td { border: thin solid #000080;

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:#000080;

padding:10px 5px;

margin:5px 2px 12px 0;

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 24px Verdana, 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 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 {

       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{

text-align:center; width: 780px; /* padding: 8px 0px;

/

border: 1px solid #000080;

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

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

/*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:#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:100%;

/* margin:10px 0px 10px 25px;

/

/* padding: 0 25px;

/

}

.left ul {

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

color:#0F174D;

/

padding:3px;

line-height:1.8em; }

@@ Line 131: / Line 131: @@
 	font:bold 34px Verdana, Arial, Helvetica, sans-serif;
-	color:#060D58;
+	color:#000080;
 	padding:10px 5px;
@@ Line 138: / Line 138: @@
 	background : none;
+	text-align: center;
 }