Added showing list of children books on book detail page.

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

diff --git a/media/css/master.css b/media/css/master.css
index aa636f4..6615ee6 100644 (file)
--- a/media/css/master.css
+++ b/media/css/master.css
@@ -1,9 +1,9 @@
 body {
-    margin: 2em;
+    margin: 0 2em 2em 2em;
     font: 70% Verdana, Arial, Helvetica, sans-serif;
     line-height: 1.5em;
     background: #FFF url(/media/img/bg.png) repeat-x;
-    color: #000;
+    color: #2F4110;
 }
 
 img {
@@ -24,9 +24,9 @@ input {
 }
 
 h1 {
-    font: normal normal bold 2em Arial, sans-serif;
+    font: normal normal bold 1.75em Arial, sans-serif;
     color: #2F4110;
-    margin: 0.5em 0 0 0;
+    margin: 0.55em 0 0 0;
 }
 
 h2 {
@@ -53,7 +53,7 @@ em {
 }
 
 .blur {
-    color: #999;
+    color: #777;
 }
 
 /* ================================== */
@@ -61,6 +61,7 @@ em {
 /* ================================== */
 #header {
     position: relative;
+    margin-top: 1.5em;
 }
 
 #header #logo {
@@ -73,6 +74,15 @@ em {
     text-align: right;
 }
 
+#site-description {
+    margin-top: -1.5em;
+    height:4.5em;
+    overflow: hidden;
+    float: right;
+    width: 42em;
+    text-align: right;
+    color: #777;
+}
 
 /* ======================== */
 /* = Footer with sponsors = */
@@ -250,9 +260,9 @@ em {
     color: #999;
 }
 
-/* ============== */
-/* = Books list = */
-/* ============== */
+/* ============================ */
+/* = Books and fragments list = */
+/* ============================ */
 #books-list {
     margin: 0;
 }
@@ -271,7 +281,25 @@ em {
     border-radius: 3px;
 }
 
-.book .change-sets {
+.fragment {
+    border-bottom: 0.1em solid #EEE;
+    margin-top: 0.5em;
+}
+
+.fragment-text, .fragment-short-text {
+    padding: 0.5em;
+    background-color: #FFF;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+.fragment-metadata {
+    padding: 0.5em 0.5em 1.5em 0.5em;
+    float: right;
+}
+
+.change-sets {
     float: right;
 }
 
@@ -289,51 +317,138 @@ em {
 /* =============== */
 /* = Simple form = */
 /* =============== */
-.simple-form ol, .simple-form ul {
+.cuteform ol, .cuteform ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }
 
-.simple-form ol li, .simple-form ul li {
-    margin-top: 0.5em;
+.cuteform ol li, .cuteform ul li {
+    margin-top: 0.7em;
+}
+
+.cuteform label {
+    display: block;
+}
+
+.cuteform span.help-text {
+    display: block;
+    font-size: 0.8em;
+    color: #999;
+}
+
+.cuteform .error {
+    color: #BF3024;
 }
 
 /* ================ */
 /* = Modal Window = */
 /* ================ */
+.jqmOverlay { background-color: #000; }
+
 #set-window {
     position: absolute;
     display: none;
     width: 32em;
     background-color: transparent;
-    color: #333;
     margin-top: -0.5em;
     margin-left: -1em;
 }
 
 #set-window div.header {
     background-color: #FFF;
-    border-right: 0.5em solid #DDD;
+    border-right: 0.25em solid #DDD;
     width: 4em;
     padding: 0.5em 1em 0.5em 1em;
 }
 
 #set-window div.target {
     background-color: #FFF;
-    border-right: 0.5em solid #DDD;
-    border-bottom: 0.5em solid #DDD;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
     padding: 1em;
 }
 
-.jqmOverlay { background-color: #000; }
+#login-register-window {
+    position: absolute;
+    display: none;
+    width: 24em;
+    background-color: transparent;
+    margin-top: -0.5em;
+    margin-left: 1em;
+}
 
+#login-register-window div.header {
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    width: 4em;
+    right: 0;
+    left: auto;
+    padding: 0.5em 1em 0.5em 1em;
+    float: right;
+    text-align: center;
+}
+
+#login-register-window div.target {
+    clear: both;
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
+    padding: 1em;
+}
+
+#user-shelves-window {
+    position: absolute;
+    display: none;
+    width: 28em;
+    background-color: transparent;
+    margin-top: -0.5em;
+    margin-left: 1em;
+}
+
+#user-shelves-window div.header {
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    width: 4em;
+    right: 0;
+    left: auto;
+    padding: 0.5em 1em 0.5em 1em;
+    float: right;
+    text-align: center;
+}
+
+#user-shelves-window div.target {
+    clear: both;
+    background-color: #FFF;
+    border-right: 0.3em solid #DDD;
+    border-bottom: 0.3em solid #DDD;
+    padding: 1em;
+}
+
+#user-shelves-window ul {
+    list-style: none;
+    padding: 0;
+}
+
+#user-shelves-window a.delete-shelf {
+    color: #900;
+    float: right;
+}
 
 /* ======================== */
 /* = Alphabetic book list = */
 /* ======================== */
-#book-a-list ol {
+#book-a-list #book-list ol {
     padding: 0;
     margin: 0.3em 0 1.2em 0;
     list-style: none;
 }
+
+#top-message {
+    background-color: #2F4110;
+    color: #FFF;
+    margin: 0 -2em;
+    padding: 0 2em;
+    line-height: 2em;
+}
+