[CSS+SKEL] + indicateur source article3
authorJohan GIRAUD <johangiraud1@gmail.com>
Mon, 9 Feb 2015 09:55:05 +0000 (10:55 +0100)
committerJohan GIRAUD <johangiraud1@gmail.com>
Mon, 9 Feb 2015 09:55:12 +0000 (10:55 +0100)
css/habillage.css
css/habillage.scss
sommaire.html

index 1fa7614..8bdb609 100644 (file)
@@ -104,6 +104,14 @@ a:focus, a:hover, a:active {
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s; }
 
+a:hover > i {
+  color: #0c0fb7 !important;
+  -webkit-transition: all 0.3s ease 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -ms-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s; }
+
 h1 {
   margin: 0;
   padding: 0;
@@ -197,7 +205,12 @@ p {
   clear: both; }
 
 #ateliers .fa {
-  color: #05ffbc; }
+  color: #05ffbc;
+  -webkit-transition: all 0.3s ease 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -ms-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s; }
 
 #ateliers .fa:hover {
   color: #0c0fb7; }
index 810816a..e49ba8b 100644 (file)
@@ -120,7 +120,14 @@ a:focus, a:hover, a:active{
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }
-
+a:hover > i {
+       color : #0c0fb7 !important;
+       -webkit-transition: all 0.3s ease 0s;
+    -moz-transition: all 0.3s ease 0s;
+    -ms-transition: all 0.3s ease 0s;
+    -o-transition: all 0.3s ease 0s;
+    transition: all 0.3s ease 0s;
+}
 h1{
        margin: 0;
        padding:0;
@@ -224,6 +231,11 @@ p{
 }
 #ateliers .fa{
        color:#05ffbc;
+       -webkit-transition: all 0.3s ease 0s;
+    -moz-transition: all 0.3s ease 0s;
+    -ms-transition: all 0.3s ease 0s;
+    -o-transition: all 0.3s ease 0s;
+    transition: all 0.3s ease 0s;
 }
 #ateliers .fa:hover{
        color:#0c0fb7;
index 8dfc5bd..ae7526e 100644 (file)
@@ -49,7 +49,7 @@
                 <BOUCLE_articles(ARTICLES){0,8}{!par date}>
                 <div class="article">
                     <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
-                    <a href="#"><h1>#TITRE <i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i></h1></a>
+                    <a href="#"><h1><i class="fa fa-circle"[ style="color:#(#ID_RUBRIQUE|couleur_rubrique);"]></i> #TITRE</h1></a>
                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
                     <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
                     <p>#_articles:INTRODUCTION</p>