Oznaczenie linków przekazywanych do book_short.html i fragment_short.html jako safe_s...

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

diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css
index 6615ee6..34428b2 100644 (file)
--- a/wolnelektury/media/css/master.css
+++ b/wolnelektury/media/css/master.css
@@ -37,9 +37,9 @@ h2 {
 }
 
 h3 {
-    font-size: 1.3em;
+    font-size: 1em;
     font-weight: bold;
-    margin: 0.2em 0 0 0;
+    margin: 0.2em 0 -1em 0;
     color: #333;
 }
 
@@ -89,7 +89,7 @@ em {
 /* ======================== */
 #footer {
     border-top: 0.1em solid #999;
-    color: #999;
+    color: #777;
     font-size: 0.8em;
     padding-top: 0.5em;
     margin: 2em 0 0 0;
@@ -132,7 +132,8 @@ em {
     margin: 0;
     padding: 0;
     list-style: none;
-    display: inline;
+    display: block;
+    float: left;
 }
 
 #search-form li.category, #search-form li.book-title {
@@ -144,6 +145,7 @@ em {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
+    margin-right: 0.25em;
 }
 
 #search-form li.book-title {
@@ -157,23 +159,41 @@ 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;
+}
+
+#tags-description {
+    color: #777;
+    margin: 0 0.5em -0.75em 0.5em;
+}
+
+#main-page #tags-list {
+    margin-right: 33%;
+}
+
+#categories-list ul, #themes-list ul {
+    -moz-column-width: 12em;
+    -webkit-column-width: 12em;
+    column-width: 12em;
+}
+
 #tags-list {
     margin-top: 1em;
     padding: 1em;
-    background-color: #FBEF90;
+    background-color: #FBF9E7;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
@@ -181,10 +201,70 @@ 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;
+}
+
+#book-detail #formats .change-sets {
+    margin-right: 0.5em;
+}
+
+#formats .wrap a {
+    display: block;
+    width: 100%;
+    height: 1.5em;
+    background-color: #EEE;
+    margin-top: 0.5em;
+    padding: 0.5em 0;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-align: center;    
+}
+
+#czytamysluchajac {
+    margin-top: 2.5em;
+}
+
+#czytamy-sluchajac-info {
+    width: 400px;
+    height: 80px;
+}
+
+#czytamy-sluchajac-info p {
+    margin-left: 170px;
+    padding-top: 1em;
+    padding-bottom: 0em;
+}
+
+#formats #czytamysluchajac-logo {
+    background: white;
+    text-align: left;
+    float: left;
+    width: 140px;
+    height: 62px;
+    -moz-border-radius: 0px;
+    -webkit-border-radius: 0px;
+    border-radius: 0px;
+}
+
+#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;
@@ -196,45 +276,71 @@ em {
     margin: 0;
 }
 
-#main-page #categories-list {
+#books-list {
+    width: 38em;
     float: left;
-    width: 50%;
 }
 
-#main-page #themes-list {
-    margin-left: 50%;
+.all-tags {
+    display: none;
 }
 
+div.shown-tags p, div.all-tags p {
+    margin: -1em 0 1em 0;
+    text-align: right;
+}
 
-.column {
+.show-all-tags, .hide-all-tags {
+    text-decoration: underline;
     padding-right: 1em;
 }
 
-.last.column {
-    padding-right: 0;
+.subcategories {
+    display: block;
+    padding-left: 2em;
+    padding-bottom: 0.5em;
 }
 
 
-#books-list {
-    width: 38em;
-    float: left;
+/* ============== */
+/* = Propaganda = */
+/* ============== */
+#propaganda {
+    float: right;
+    width: 30%;
+    margin: 0;
+    padding: 2em 0.5em 0.5em;
 }
 
+
 /* ===================== */
-/* = Latest blog posts = */
+/* = Other info        = */
 /* ===================== */
 #latest-blog-posts {
     padding: 0.5em;
-    margin-top: 0.5em;
+    float: left;
+    width: 30%;
 }
 
 #latest-blog-posts ol {
     padding: 0 0 0 1.5em;
-    margin: 0.3em 0 0 0;
+    margin: 1em 0 0 0;
     list-style-type: square;
     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 +349,24 @@ em {
     text-align: justify;
 }
 
-#toggle-description, #books .pagination {
+#description .meta {
+    margin: 0.5em;
+    width: 18em;
+    list-style: none;
+    float: right;
+}
+
+#description dt {
+    font-weight: bold;
+    display: inline;
+}
+
+#description dd {
+    margin: 0;
+    display: inline;
+}
+
+#toggle-description, #tagged-object-list .pagination, #book-detail .pagination {
     width: 100%;
     height: 1.5em;
     background-color: #EEE;
@@ -260,6 +383,19 @@ em {
     color: #999;
 }
 
+#download-shelf {
+    display: block;
+    width: 100%;
+    height: 1.5em;
+    background-color: #EEE;
+    margin-top: 0.5em;
+    padding: 0.5em 0;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-align: center;    
+}
+
 /* ============================ */
 /* = Books and fragments list = */
 /* ============================ */
@@ -303,17 +439,29 @@ em {
     float: right;
 }
 
+.change-sets a {
+    padding: 0.2em;
+    margin: 0.3em;
+    border: 0.1em solid #EEE;
+    background-color: #F9F9F9;
+}
+
 .book-description {
     margin-left: 3.5em;
 }
 
-.book-thumbnail {
+.book-thumbnail, .book-parent-thumbnail {
     background: transparent url(/media/img/book.png) no-repeat 0 0;
     width: 3em;
     height: 3em;
     float: left;
 }
 
+.book-parent-thumbnail {
+    background: transparent url(/media/img/book-parent.png) no-repeat 0 0;
+}
+
+
 /* =============== */
 /* = Simple form = */
 /* =============== */
@@ -425,19 +573,38 @@ em {
     padding: 1em;
 }
 
-#user-shelves-window ul {
+.shelf-list {
     list-style: none;
     padding: 0;
 }
 
-#user-shelves-window a.delete-shelf {
+.shelf-list li {
+    padding: 0.25em;
+    margin: 0 -0.25em;
+}
+
+.shelf-list a.delete-shelf {
     color: #900;
     float: right;
+    padding: 0.25em 0.25em 0.25em 1em;
+    margin: -0.25em;
+}
+
+.shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
+    color: #FFF;
+    background-color: #900;
+    text-decoration: none;
 }
 
 /* ======================== */
 /* = 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;
@@ -448,7 +615,44 @@ em {
     background-color: #2F4110;
     color: #FFF;
     margin: 0 -2em;
-    padding: 0 2em;
+    padding: 0 2.5em;
     line-height: 2em;
 }
 
+#top-message a {
+    color: #AAA;
+}
+
+
+/* =========== */
+/* = Columns = */
+/* =========== */
+.column-left {
+    width: 37em;
+    float: left;
+    text-align: justify;
+    margin-top: 1em;
+}
+
+.column-right {
+    margin-left: 40em;
+    text-align: justify;
+    margin-top: 1em;
+}
+
+.see-more {
+    text-align: right;
+}
+
+.remove-from-shelf {
+    float: right;
+    padding: 0.2em;
+    margin: 0.3em;
+    color: #900;
+}
+
+.remove-from-shelf:active, .remove-from-shelf:hover {
+    color: #FFF;
+    background-color: #900;
+    text-decoration: none;
+}
\ No newline at end of file