From 5da4e8eba912e176f9cffa2994f4e2aa0bb292a7 Mon Sep 17 00:00:00 2001
From: Lionel Sambuc <lionel.sambuc@gmail.com>
Date: Sat, 30 Aug 2014 23:13:57 +0200
Subject: [PATCH] Flowing photo gallery layout

---
 content/theme-extra/css/custom-cyborg.css   | 95 ++++++++++++---------
 content/theme-extra/css/custom-spacelab.css | 93 +++++++++++---------
 2 files changed, 105 insertions(+), 83 deletions(-)

diff --git a/content/theme-extra/css/custom-cyborg.css b/content/theme-extra/css/custom-cyborg.css
index a93a700..fee6d08 100644
--- a/content/theme-extra/css/custom-cyborg.css
+++ b/content/theme-extra/css/custom-cyborg.css
@@ -1,45 +1,9 @@
-.gallery_table {
-	width: 100%;
-	text-align: center;
-}
-
-.gallery_table tr, .gallery_table td {
-	margin: 1em;
-	padding: 1em;
-	vertical-align: top;
-}
-
-.gallery_table tr {
-	border-top: 1px solid #ccc;
-}
-
-table .layout {
-	width: 100%;
-}
-
-.layout, td .layout, tr .layout {
-	border: none;
-	text-align: center;
-	vertical-align: top;
-}
-
-table .exif_info {
-	width: 100%;
-}
-
-.exif_info td, .exif_info th {
-	vertical-align: top;
-	margin: 0em;
-	padding: 0em;
-	padding-left: 0.5em;
-}
-
 .fa-atom-square:before {
-    content: "\f143"
+	content: "\f143"
 }
 
 .fa-atom:before {
-    content: "\f09e"
+	content: "\f09e"
 }
 
 .linenos {
@@ -59,6 +23,10 @@ strong {
 	color: #fff !important;
 }
 
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+	color: #317eac;
+}
+
 .entry-content a {
 	border-bottom: 1px solid #fff;
 }
@@ -70,13 +38,56 @@ strong {
 .cboxElement img {
 	padding: 2px;
 	margin: 2px;
-	border: 1px solid #181818;
+	border: 1px solid #222;
 }
 
 .cboxElement img:hover {
 	border: 1px solid #fff;
 }
 
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-	color: #317eac;
-}
\ No newline at end of file
+table.exif_info {
+	width: 100%;
+	margin-bottom: 1em;
+	background-color: #222;
+}
+
+.exif_info tr {
+	border-top: 1px solid #ccc;
+}
+
+.exif_info td, .exif_info th {
+	vertical-align: top;
+	margin: 0em;
+	padding: 0em;
+	padding-left: 0.5em;
+}
+
+#gallery {
+	text-align: center;
+	width: 100%;
+	padding-left: 2em;
+}
+
+.gallery-element {
+	float: left;
+}
+
+.gallery-element > div {
+	overflow: hidden;
+	height: 20em;
+	text-align: center;
+	padding: 1em;
+	width: 13em;
+	border-top: 1px solid #ccc;
+}
+
+.picture-title {
+	width: 100%;
+	padding-top: 0.2em ;
+	color: #fff;
+	weight: bold;
+}
+
+.elem_2012_Tour > div {
+	height: 30em;
+}
diff --git a/content/theme-extra/css/custom-spacelab.css b/content/theme-extra/css/custom-spacelab.css
index 930eb47..5e32a1a 100644
--- a/content/theme-extra/css/custom-spacelab.css
+++ b/content/theme-extra/css/custom-spacelab.css
@@ -1,45 +1,9 @@
-.gallery_table {
-	width: 100%;
-	text-align: center;
-}
-
-.gallery_table tr, .gallery_table td {
-	margin: 1em;
-	padding: 1em;
-	vertical-align: top;
-}
-
-.gallery_table tr {
-	border-top: 1px solid #ccc;
-}
-
-table .layout {
-	width: 100%;
-}
-
-.layout, td .layout, tr .layout {
-	border: none;
-	text-align: center;
-	vertical-align: top;
-}
-
-table .exif_info {
-	width: 100%;
-}
-
-.exif_info td, .exif_info th {
-	vertical-align: top;
-	margin: 0em;
-	padding: 0em;
-	padding-left: 0.5em;
-}
-
 .fa-atom-square:before {
-    content: "\f143"
+	content: "\f143"
 }
 
 .fa-atom:before {
-    content: "\f09e"
+	content: "\f09e"
 }
 
 .linenos {
@@ -55,6 +19,10 @@ table .exif_info {
 	color: #317eac !important;
 }
 
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+	color: #317eac;
+}
+
 .entry-content a {
 	border-bottom: 1px solid #666;
 }
@@ -73,6 +41,49 @@ table .exif_info {
 	border: 1px solid #317eac;
 }
 
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-	color: #317eac;
-}
\ No newline at end of file
+table.exif_info {
+	width: 100%;
+	margin-bottom: 1em;
+	background-color: #fff;
+}
+
+.exif_info tr {
+	border-top: 1px solid #ccc;
+}
+
+.exif_info td, .exif_info th {
+	vertical-align: top;
+	margin: 0em;
+	padding: 0em;
+	padding-left: 0.5em;
+}
+
+#gallery {
+	text-align: center;
+	width: 100%;
+	padding-left: 2em;
+}
+
+.gallery-element {
+	float: left;
+}
+
+.gallery-element > div {
+	overflow: hidden;
+	height: 20em;
+	text-align: center;
+	padding: 1em;
+	width: 13em;
+	border-top: 1px solid #ccc;
+}
+
+.picture-title {
+	width: 100%;
+	padding-top: 0.2em ;
+	color: #fff;
+	weight: bold;
+}
+
+.elem_2012_Tour > div {
+	height: 30em;
+}