Mise à jour design (figure)

Gestion des balises <figure /> et <figcaption /> avec affichage adapté,
prise en charge dans les thèmes "default" et "flat design"

4 files changed, 28 insertions, 0 deletions

diff --git a/public/themes/default/freshrss.css b/public/themes/default/freshrss.css
index ca034412b..c0b6b78bd 100644
--- a/public/themes/default/freshrss.css
+++ b/public/themes/default/freshrss.css
@@ -361,6 +361,9 @@
 		display: block;
 		margin: 10px auto;
 	}
+	.content figure img.big {
+		margin: 0;
+	}
 	.content hr {
 		margin: 30px 0;
 		height: 1px;
diff --git a/public/themes/default/global.css b/public/themes/default/global.css
index 3000bfe45..e65816a28 100644
--- a/public/themes/default/global.css
+++ b/public/themes/default/global.css
@@ -41,6 +41,17 @@ h1, h2, h3 {
 }
 
 /* IMG */
+figure {
+	margin: 5px 0 10px;
+	text-align: center;
+}
+	figcaption {
+		display: inline-block;
+		padding: 3px 20px;
+		color: #999;
+		font-style: italic;
+		border-bottom: 1px solid #ccc;
+	}
 img {
 	height: auto;
 	max-width: 100%;
diff --git a/public/themes/flat-design/freshrss.css b/public/themes/flat-design/freshrss.css
index 6885fec61..245b97990 100644
--- a/public/themes/flat-design/freshrss.css
+++ b/public/themes/flat-design/freshrss.css
@@ -347,6 +347,9 @@ body {
 		display: block;
 		margin: 10px auto;
 	}
+	.content figure img.big {
+		margin: 0;
+	}
 	.content hr {
 		margin: 30px 0;
 		height: 1px;
diff --git a/public/themes/flat-design/global.css b/public/themes/flat-design/global.css
index 8a00cb88c..e988fdcff 100644
--- a/public/themes/flat-design/global.css
+++ b/public/themes/flat-design/global.css
@@ -41,6 +41,17 @@ h1, h2, h3 {
 }
 
 /* IMG */
+figure {
+	margin: 5px 0 10px;
+	text-align: center;
+}
+	figcaption {
+		display: inline-block;
+		padding: 3px 20px;
+		color: #999;
+		font-style: italic;
+		border-bottom: 1px solid #ccc;
+	}
 img {
 	height: auto;
 	max-width: 100%;