Merge branch 'pretty' of github.com:fnp/wolnelektury into pretty

[wolnelektury.git] / wolnelektury / static / css / catalogue.css

diff --git a/wolnelektury/static/css/catalogue.css b/wolnelektury/static/css/catalogue.css
index b754299..0e952ba 100755 (executable)
--- a/wolnelektury/static/css/catalogue.css
+++ b/wolnelektury/static/css/catalogue.css
@@ -1,20 +1,25 @@
-#books-list ol {
+.work-list {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
-#books-list li {
-    display: inline-block;
+.work-item {
     margin: 0;
     padding: 0;
 }
 
+.books .work-item  {
+    display: inline-block;
+}
+
 
 /* listing of all books */
 #book-list {
    padding-left: 50px;
 }
+/* FIXME: MEDIA?
+ * 
 #book-list-nav {
     position: absolute;
     right: 50px;
@@ -23,6 +28,7 @@
     padding: 10px;
     font-size: 1.2em;
 }
+ */
 
 #book-list-nav ul {
     list-style-type: none;
@@ -54,4 +60,95 @@
     border-left: 1px #cfcfcf solid;
     padding: 10px;
     background-color: white;    
-}
\ No newline at end of file
+}
+
+
+
+.catalogue-catalogue h2 {
+    font-size: 2em;
+}
+.catalogue-catalogue ul {
+    column-width: 30em;
+    -moz-column-width: 30em;
+    -webkit-column-width: 30em;
+}
+
+
+#description {
+       margin-bottom: 2em;
+       cursor: pointer;
+}
+#description dl {
+       margin-top: 0;
+}
+#description dt {
+       display: inline;
+       font-weight: bold;
+       margin: 0;
+}
+#description dd {
+       display: inline;
+       margin: 0;
+}
+#description p {
+       margin-top: 0;
+}
+#description .meta {
+       list-style: none;
+       padding: 0;
+       margin: 0;
+}
+#description .meta li {
+       text-align:right;
+       color: #666;
+       font-size: .9em;
+}
+
+.inline-header {
+       display: inline-block;
+       vertical-align: top;
+       width: 7em;
+}
+.inline-body {
+       display: inline-block;
+       vertical-align: top;
+       margin-bottom: .5em;
+}
+.inline-body ul {
+       list-style: none;
+       padding: 0;
+       margin: 0;
+}
+.inline-body li {
+       display: inline-block;
+       margin-right: 1em;
+}
+
+
+.see-also {
+    margin-left: 8em;
+    float: left;
+    width: 14.3em;
+}
+.download {
+    margin-left: 2em;
+    float: left;
+}
+
+.see-also, .download {
+    margin-top: 2em;
+    margin-bottom: 2em;
+}
+.see-also h2, .download h2 {
+    font-size: 1.1em;
+}
+.see-also ul, .download ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font-size: 1.1em;
+}
+
+.left-column .see-also {
+       margin-left: 0;
+}