From 187aca369fb765da318b5371999a967968dbec20 Mon Sep 17 00:00:00 2001
From: Johan GIRAUD <johangiraud1@gmail.com>
Date: Mon, 9 Feb 2015 09:40:18 +0100
Subject: [PATCH] [CSS+SKEL] + indicateur source article

---
 css/habillage.css  | 24 ++++++++++++++++++++----
 css/habillage.scss | 25 ++++++++++++++++++++-----
 sommaire.html      |  2 +-
 3 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/css/habillage.css b/css/habillage.css
index c55a4c2..07845ed 100644
--- a/css/habillage.css
+++ b/css/habillage.css
@@ -87,7 +87,7 @@ header .spip_logos {
   margin: 0 auto; }
 
 a {
-  color: #e1702e;
+  color: #05ffbc;
   text-decoration: none;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
@@ -97,7 +97,7 @@ a {
 
 a:focus, a:hover, a:active {
   background: none;
-  color: #120260;
+  color: #0c0fb7;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
@@ -197,10 +197,10 @@ p {
   clear: both; }
 
 .fa {
-  color: #e1702e; }
+  color: #05ffbc; }
 
 .fa:hover {
-  color: #120260; }
+  color: #0c0fb7; }
 
 /*2EME COLONNE*/
 #news {
@@ -218,6 +218,16 @@ p {
 .article .spip_logos {
   display: none; }
 
+.sourcearticle {
+  width: 20px;
+  height: 20px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px; }
+
+.article img {
+  width: 100%; }
+
 address {
   padding-bottom: 10px; }
 
@@ -232,6 +242,12 @@ address p {
 .historique h1 {
   width: 100%; }
 
+#atelierdescription {
+  margin: 0 10px; }
+
+#atelierdescription #news {
+  margin: 0; }
+
 #atelierdescription img {
   width: 100%; }
 
diff --git a/css/habillage.scss b/css/habillage.scss
index d3a97c7..e322c99 100644
--- a/css/habillage.scss
+++ b/css/habillage.scss
@@ -102,7 +102,7 @@ header .spip_logos{
 	margin:0 auto;
 }
 a{
-	color:#e1702e;
+	color:#05ffbc;
 	text-decoration:none;
 	-webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
@@ -113,7 +113,7 @@ a{
 
 a:focus, a:hover, a:active{
 	background:none;
-	color:#120260;	
+	color:#0c0fb7;	
 	-webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
@@ -223,10 +223,10 @@ p{
 	clear:both;
 }
 .fa{
-	color:#e1702e;
+	color:#05ffbc;
 }
 .fa:hover{
-	color:#120260;
+	color:#0c0fb7;
 }
 
 /*2EME COLONNE*/
@@ -247,6 +247,16 @@ p{
 .article .spip_logos{
 	display: none;
 }
+.sourcearticle{
+	width: 20px;
+	height: 20px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+.article img{
+	width:100%;
+}
 address{
 	padding-bottom: 10px;
 }
@@ -261,7 +271,12 @@ address p{
 .historique h1{
 	width:100%;
 }
-
+#atelierdescription{
+	margin:0 10px;
+}
+#atelierdescription #news{
+	margin:0;
+}
 #atelierdescription img{
 	width: 100%;
 }
diff --git a/sommaire.html b/sommaire.html
index 75b5ae9..101213c 100644
--- a/sommaire.html
+++ b/sommaire.html
@@ -48,7 +48,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</h1></a>
+                    <a href="#"><h1>#TITRE <p class="sourcearticle"[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]></p></h1></a>
                     <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
                     <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
                     <p>#_articles:INTRODUCTION</p>
-- 
2.20.1