From b9a37cd6f06a19fd48d4a8e546b10c8fb3ff5b33 Mon Sep 17 00:00:00 2001
From: plegall <plg@piwigo.org>
Date: Wed, 5 Apr 2006 23:08:37 +0000
Subject: new: MOD subcatify integrated. On main page, thumbnails representing
 a category are not displayed the same way as thumbnails representing a
 picture. Feedback welcomed on this feature.

git-svn-id: http://piwigo.org/svn/trunk@1130 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 template/yoga/content.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'template/yoga/content.css')

diff --git a/template/yoga/content.css b/template/yoga/content.css
index 56599ec93..9fc3f996d 100644
--- a/template/yoga/content.css
+++ b/template/yoga/content.css
@@ -259,3 +259,49 @@ DIV.calImg {
   text-align: left;
   vertical-align: top;
 }
+
+/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
+#content UL.thumbnailCategories {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  text-align: center;
+}
+
+#content UL.thumbnailCategories LI {
+  width: 49.9%; /* 49.9% for 2 per line, 33.3% for 3 per line*/
+  margin:0;
+  padding:0;
+  float:left;
+}
+
+#content DIV.thumbnailCategory {
+  display:block;
+  border: 1px solid #aaa;
+  padding: 5px 0px 0px 4px;
+  margin: 5px;
+}
+
+#content DIV.thumbnailCategory DIV.description {
+  font-size: 90%;
+}
+
+#content DIV.thumbnailCategory DIV.description H3 {
+  text-align: left;
+  background: #eee;
+  margin: 0;
+  padding: 0.1em;
+  font-size: 120%;
+}
+
+#content DIV.thumbnailCategory DIV.description P {
+  margin: 0;
+}
+
+#content DIV.thumbnailCategory DIV.illustration {
+  text-align: left;
+  padding: 2px;
+  float: left;
+  width: 110px;   /* sorry, this is a very personal value :-( */
+  height: 110px;
+}
-- 
cgit v1.2.3