Columnized tag lists in templates.

[wolnelektury.git] / wolnelektury / media / css / master.css

diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css
index 6615ee6..4470b6c 100644 (file)
--- a/wolnelektury/media/css/master.css
+++ b/wolnelektury/media/css/master.css
@@ -170,6 +170,16 @@ em {
 /* ============= */
 /* = Tags list = */
 /* ============= */
+#main-page #tags-list {
+    margin-right: 29em;
+}
+
+#categories-list ul, #themes-list ul {
+    -moz-column-width: 12em;
+    -webkit-column-width: 12em;
+    column-width: 12em;
+}
+
 #tags-list {
     margin-top: 1em;
     padding: 1em;
@@ -181,40 +191,38 @@ em {
     border-right: 0.15em solid #E3D888;
 }
 
-#books #tags-list, #book-detail #tags-list {
+#tagged-object-list #tags-list, #book-detail #tags-list {
     margin-left: 39em;
 }
 
-#tags-list ol, #tags-list ul {
-    padding: 0;
-    margin: 0.3em 0 1.2em 0;
+#book-info, #categories-list {
+    float: left;
+    width: 47.5%;
 }
 
-#tags-list li {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+#themes-list {
+    margin-left: 52.5%;
 }
 
-#main-page #categories-list {
-    float: left;
-    width: 50%;
+#tagged-object-list #categories-list, #book-detail #book-info {
+    width: 12em;
 }
 
-#main-page #themes-list {
-    margin-left: 50%;
+#tagged-object-list #themes-list, #book-detail #themes-list {
+    margin-left: 14em;
 }
 
-
-.column {
-    padding-right: 1em;
+#tags-list ol, #tags-list ul {
+    padding: 0;
+    margin: 0.3em 0 1.2em 0;
 }
 
-.last.column {
-    padding-right: 0;
+#tags-list li {
+    list-style: none;
+    padding: 0;
+    margin: 0;
 }
 
-
 #books-list {
     width: 38em;
     float: left;
@@ -243,7 +251,7 @@ em {
     text-align: justify;
 }
 
-#toggle-description, #books .pagination {
+#toggle-description, #tagged-object-list .pagination {
     width: 100%;
     height: 1.5em;
     background-color: #EEE;
@@ -438,6 +446,12 @@ em {
 /* ======================== */
 /* = Alphabetic book list = */
 /* ======================== */
+#book-a-list #book-list {
+    -moz-column-width: 24em;
+    -webkit-column-width: 24em;
+    column-width: 24em;
+}
+
 #book-a-list #book-list ol {
     padding: 0;
     margin: 0.3em 0 1.2em 0;