X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/2f1c330e555c24deb17b7d6018b59c52dab7aafd..0242f6b40865679bb86cac65e42fc3889155a0f0:/wolnelektury/media/css/master.css diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css index 6615ee6c8..3d0f47741 100644 --- 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,44 @@ 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; +} + +#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 +250,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 +323,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 +357,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 +413,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 +547,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 +589,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