Mise à jour design (figure)

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

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;

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%;

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;

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%;