WebSVN – Sites.tela-botanica.org – Diff – /trunk/sites/commun/generique/styles/commun.css

-/* STYLE COMMUN */ /* Définition des polices exotiques */
+/* STYLE COMMUN */ /* D�finition des polices exotiques */
-/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
+/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
-  Pour windows, elle est remplacée par la police Helveticaneue2 */
+  Pour windows, elle est remplac�e par la police Helveticaneue2 */
 @font-face {
 	font-family:Helveticaneue;
 	src:url('/commun/polices/helvetica_light.ttf');
+}
 @font-face {
 	font-family:Helveticaneue2;
 	src:url('/commun/polices/helvetica_light.eot');
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Redéfinition des styles par défaut des balises */
+/* Red�finition des styles par d�faut des balises */
 body {
 	margin:0;
 	padding:0;
 	font-family:arial;
 	font-weight:normal;
+}
 hr {
 	border:0;
 	border-bottom:1px dotted #C2C0AD;
+}
-/* Présentation des listes de définitions */
+/* Pr�sentation des listes de d�finitions */
 dl {
 	width:100%;
+}
 dt {
 	float:left;
+}
 a:hover {
 	color:#FD8C13;
 	border-bottom:1px dotted #95ae5d;
+}
+/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
 a.lien-ext:after {
 	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
+}
 a.pdf:before {
 	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
+}
-a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */
+a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
 	content:" "url(/sites/commun/generique/images/icones/mail.png);
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Classes & couleurs */
 .icone-erable {
+}
 .spacer125 {
 	width:125px;
 	float:left;
+}
+/* Classes d'importance */
-.cadreRondVert h1 {
+/* Mise en colonnes */
+	/**
+		row
+			importance1
+				row
-	margin:0 0 10px 0;
+					gauche, droite
+	*/
-}
-.cadreRondVert {
+.importance1 .row .gauche	{
-	width:685px;
+	width:46%;
-	float:left;
+	padding-left:4%;
+}
+.importance1 {
-	margin-bottom:20px;
+	margin:0 10px 20px 0;
 	background-color:#eaedcd;
+	padding:8px;
+	border-radius:10px;
+	-moz-border-radius:10px;
-	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
+	-webkit-border-radius:10px;
+	box-shadow:7px 7px 11px #555;
+	-moz-box-shadow:2px 2px 5px #aaa;
-	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
+	-webkit-box-shadow:7px 7px 11px #aaa;
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
 	zoom:1;/* pour ie8 */
-	padding:8px;
-}
-.cadreRondGris h1 {
-	margin:0 0 10px 0;
+}
+.importance2 {}
-.cadreRondGris h3 {
+.importance3 {}
-	margin:0;
+.importance4 {}
-}
-.cadreRondGris {
+/* Flottant */
-	width:685px;
+.gauche {
 	float:left;
-	margin-top:20px;
-	background-color:#e5e4d4;
-	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
-	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
-	zoom:1;/* pour ie8 */
-	padding:8px;
+}
+.droite {
+	float:right;
+}
+	/* Obsolètes à supprimer */
+	.cadreRondVert {
+		width:685px;
+		float:left;
+		margin-bottom:20px;
+		background-color:#eaedcd;
+		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
+		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
+		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
+		zoom:1;/* pour ie8 */
+		padding:8px;
+	}
+	.cadreRondGris {
+		width:685px;
+		float:left;
+		margin-top:20px;
+		background-color:#e5e4d4;
+		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
+		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
+		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
+		zoom:1;/* pour ie8 */
+		padding:8px;
+	}
+	.cadreInvisible {
+		float:left;
+		margin-left:10px;
+		margin-top:10px;
+	}
+	.cadreInvisible h1 {
+		margin:0 0 10px 0;
+	}
+	.cadreRondOmbre {
+		float:left;
+		margin-bottom:10px;
+		padding:20px;
+		background-color:#fff;
+		border:1px solid #fff;
+		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
+		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
+		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
+		zoom:1;/* pour ie8 */
+	}
+	.filetRouge {
+		border:solid 1px red;
+	}
+		/* Cadre rond gris :mise en page */
+	.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
+		width:320px;
+		padding:20px;
+		border-right:1px dotted #959486;
+		float:left;
+	}
+	.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
+		width:284px;
+		float:left;
+		padding:18px;
+	}
+	.cadreRondVert h1 {
+		margin:0 0 10px 0;
+	}
+	.cadreRondGris h1 {
+		margin:0 0 10px 0;
+	}
+	.cadreRondGris h3 {
+		margin:0;
+	}
 .floatLeft {
 	float:left;
+}
 .notext {
 	display:none;
 	font-variant:small-caps;
+}
 .clear,.nettoyage {
 	clear:both;
+}
-/* Cadre rond gris :mise en page */
-.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
-	width:320px;
-	padding:20px;
-	border-right:1px dotted #959486;
-	float:left;
-}
-.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
-	width:284px;
-	float:left;
-	padding:18px;
-}
 /* Taille des cadres */
 .demi {
 	width:50%;
+}
 .tiers {
+}
 #zone_contenu_corps h1, #contenu h1 {
 	background:url(../images/troisCarre.png) no-repeat 0 5px;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Tableau :encadré */
+/* Tableau :encadr� */
 .table_cadre {
 	border:1px solid #9ac342;
 	border-collapse:collapse;
+}
 .table_cadre thead, .table_cadre tfoot {
 	-moz-border-radius:30px;
 	-webkit-border-radius:30px;
 	border-radius:30px;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Menu supérieur */
+/* Menu sup�rieur */
-/* TODO :mettre les petits carrés é la bonne place */
+/* TODO :mettre les petits carr�s � la bonne place */
 #zone-menu-haut {
 	position:absolute;
 	top:0;
 	width:880px;
 	height:12px;
   font-size:12px;
   color:white;
   content:" "attr(title)" ";
+}
-/* Sous-titre du réseau */
+/* Sous-titre du r�seau */
 .zone-haut h2 {
 	position:absolute;
 	top:135px;
 	margin:0 0 0 90px;
 	font-size:16px;
 	font-family:arial;
 	text-transform:none;
 	color:white;
 }
-/* Mots-clés des univers */
+/* Mots-cl�s des univers */
 .motsclefs {
 	position:absolute;
 	font-family:Helveticaneue;
 	padding-bottom:5px;
 	border-bottom:4px solid grey;
 	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Couleurs des différents menus */
+/* Couleurs des diff�rents menus */
 #menuAccueil {
 	background:#fd8c13;
+}
 #menuBotanique {
 	background:#9ac243;
+}
 #zone-menu-connexion #colonneDroite {
 	padding:15px 0;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/** Menu latéral :Zone gauche **/
+/** Menu lat�ral :Zone gauche **/
 #zone-gauche {
 	width:170px;
 	float:left;
 	margin-left:0;
 	padding-bottom:100px;
 #contenu {
 	border:none;
+}
 #zone_contenu_corps {
 	border:none;
-	width:690px
+	width:695px
+}
 #zone_contenu_corps li,#contenu li {
 	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
 	line-height:18px;
+}
 	color:#6C6865;
+}
 #zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
 	color:#FD8C13;
+}
-.cadreInvisible {
-	float:left;
-	margin-left:10px;
-	margin-top:10px;
-}
-.cadreInvisible h1 {
-	margin:0 0 10px 0;
-}
-.cadreRondOmbre {
-	float:left;
-	margin-bottom:10px;
-	padding:20px;
-	background-color:#fff;
-	border:1px solid #fff;
-	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
-	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
-	zoom:1;/* pour ie8 */
-}
-.filetRouge {
-	border:solid 1px red;
-}
 #cartographieVolante {
 	position:absolute;
 	z-index:10;
 	background:white;
 	border:solid 1px #AAAAAA;
 	overflow:hidden;
 	float:left;
 	display:inline;
+}
 .row {
-	width:960px;
+	width:695px;
 	margin:0 auto;
 	overflow:hidden;
+}
 .row .row {
 	margin:0 -10px;
-	width:auto;
 	display:inline-block;
+}

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/commun.css @ 870 – Rev 844 → 851