WebSVN – Sites.tela-botanica.org – Path Comparison – / – /trunk/sites/commun/generique/styles Rev 844 and /trunk/sites/commun/generique/styles Rev 851

Ignore whitespace Rev 844 → Rev 851

 /trunk/sites/commun/generique/styles/commun.css
 ,6 → 1,6
-/* STYLE COMMUN */ /* Définition des polices exotiques */
-/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
-  Pour windows, elle est remplacée par la police Helveticaneue2 */
+/* STYLE COMMUN */ /* D�finition des polices exotiques */
+/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
+  Pour windows, elle est remplac�e par la police Helveticaneue2 */
 @font-face {
         font-family:Helveticaneue;
         src:url('/commun/polices/helvetica_light.ttf');
 ,7 → 10,7
         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;
 ,7 → 74,7
         border:0;
         border-bottom:1px dotted #C2C0AD;
 }
-/* Présentation des listes de définitions */
+/* Pr�sentation des listes de d�finitions */
 dl {
         width:100%;
 }
 ,6 → 101,8
         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);
 }
 ,7 → 109,7
 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);
 }
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 ,37 → 130,122
         width:125px;
         float:left;
 }
-.cadreRondVert h1 {
-        margin:0 0 10px 0;
+/* Classes d'importance */
+/* Mise en colonnes */
+        /**
+                row
+                        importance1
+                                row
+                                        gauche, droite
+        */
+.importance1 .row .gauche       {
+        width:46%;
+        padding-left:4%;
 }
-.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;
+.importance1 {
+        margin:0 10px 20px 0;
+        background-color:#eaedcd;
+        padding:8px;
+        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 h1 {
-        margin:0 0 10px 0;
+.importance2 {}
+.importance3 {}
+.importance4 {}
+/* Flottant */
+.gauche {
+        float:left;
 }
-.cadreRondGris h3 {
-        margin:0;
+.droite {
+        float:right;
 }
-.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;
-}
+        /* 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;
 }
 ,18 → 294,7
 .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%;
 ,7 → 360,7
         background:url(../images/troisCarre.png) no-repeat 0 5px;
 }
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Tableau :encadré */
+/* Tableau :encadr� */
 .table_cadre {
         border:1px solid #9ac342;
         border-collapse:collapse;
 ,8 → 435,8
         border-radius:30px;
 }
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Menu supérieur */
-/* TODO :mettre les petits carrés é la bonne place */
+/* Menu sup�rieur */
+/* TODO :mettre les petits carr�s � la bonne place */
 #zone-menu-haut {
         position:absolute;
         top:0;
 ,7 → 554,7
   content:" "attr(title)" ";
 }
-/* Sous-titre du réseau */
+/* Sous-titre du r�seau */
 .zone-haut h2 {
         position:absolute;
         top:135px;
 ,7 → 565,7
         color:white;
 }
-/* Mots-clés des univers */
+/* Mots-cl�s des univers */
 .motsclefs {
         position:absolute;
         font-family:Helveticaneue;
 ,7 → 646,7
         border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
 }
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/* Couleurs des différents menus */
+/* Couleurs des diff�rents menus */
 #menuAccueil {
         background:#fd8c13;
 }
 ,7 → 795,7
         padding:15px 0;
 }
 /*+-----------------------------------------------------------------------------------------------------------------+*/
-/** Menu latéral :Zone gauche **/
+/** Menu lat�ral :Zone gauche **/
 #zone-gauche {
         width:170px;
         float:left;
 ,7 → 816,7
 }
 #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);
 ,28 → 910,7
 #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;
 ,12 → 1131,11
         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

Compare Revisions

Ignore whitespace Rev 844 → Rev 851