Added boxes with extra information to main page.

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

diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css
index b86875a..ab82933 100644 (file)
--- a/wolnelektury/media/css/master.css
+++ b/wolnelektury/media/css/master.css
@@ -157,24 +157,27 @@ em {
     color: #444;
 }
 
-/* TODO: Shouldn't be needed */
-#book-detail #search-form {
-    padding: 0.75em 0.5em;
+.ac_input {
+    width: 18em;
 }
 
-.ac_input {
-    width: 20em;
+p .ac_input {
+    width: 28em;
 }
 
 
 /* ============= */
 /* = Tags list = */
 /* ============= */
+#intro {
+    margin: 0 0 2.5em 0;
+}
+
 #main-page #tags-list {
     margin-right: 29em;
 }
 
-#main-page #themes-list ul, #main-page #categories-list ul {
+#categories-list ul, #themes-list ul {
     -moz-column-width: 12em;
     -webkit-column-width: 12em;
     column-width: 12em;
@@ -191,10 +194,27 @@ 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;
 }
 
+#book-info, #categories-list {
+    float: left;
+    width: 47.5%;
+}
+
+#themes-list {
+    margin-left: 52.5%;
+}
+
+#tagged-object-list #categories-list, #book-detail #book-info {
+    width: 12em;
+}
+
+#tagged-object-list #themes-list, #book-detail #themes-list {
+    margin-left: 14em;
+}
+
 #tags-list ol, #tags-list ul {
     padding: 0;
     margin: 0.3em 0 1.2em 0;
@@ -206,26 +226,34 @@ em {
     margin: 0;
 }
 
-#main-page #categories-list {
-    float: left;
-    width: 47.5%;
-}
-
-#main-page #themes-list {
-    margin-left: 52.5%;
-}
-
 #books-list {
     width: 38em;
     float: left;
 }
 
+/* ============== */
+/* = Propaganda = */
+/* ============== */
+#propaganda {
+    float: right;
+    width: 28.5em;
+    margin: 0;
+    height: 21em;
+    background-image: url(/media/img/shelf.jpg);
+    background-repeat: no-repeat;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    background-color: #FFF;
+}
+
 /* ===================== */
-/* = Latest blog posts = */
+/* = Other info        = */
 /* ===================== */
 #latest-blog-posts {
     padding: 0.5em;
-    margin-top: 0.5em;
+    float: left;
+    width: 30%;
 }
 
 #latest-blog-posts ol {
@@ -235,6 +263,18 @@ em {
     color: #D13628;
 }
 
+#you-can-help {
+    float: right;
+    padding: 0.5em;
+    width: 30%;
+}
+
+#about-us {
+    padding: 0.5em;
+    margin-left: 35%;
+    margin-right: 35%;
+}
+
 /* =============== */
 /* = Description = */
 /* =============== */
@@ -243,7 +283,7 @@ em {
     text-align: justify;
 }
 
-#toggle-description, #books .pagination {
+#toggle-description, #tagged-object-list .pagination {
     width: 100%;
     height: 1.5em;
     background-color: #EEE;