From cfcfd5961c1d4bab6712258531969a7103678733 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Marek=20St=C4=99pniowski?= Date: Mon, 15 Sep 2008 00:36:32 +0200 Subject: [PATCH] Reset more styles in theme formatting. Reverted master.css to it's proper form. --- lib/librarian/bin/master.css | 2 + wolnelektury/media/css/master.css | 581 ++++++++++++++++++++++++------ 2 files changed, 464 insertions(+), 119 deletions(-) diff --git a/lib/librarian/bin/master.css b/lib/librarian/bin/master.css index 7cb4290f7..2f1ad0b80 100644 --- a/lib/librarian/bin/master.css +++ b/lib/librarian/bin/master.css @@ -59,6 +59,8 @@ p { font-size: 16px; position: absolute; left: 40em; + line-height: 1.5em; + text-align: left; } .annotation { diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css index b29f81c93..860a2dd50 100644 --- a/wolnelektury/media/css/master.css +++ b/wolnelektury/media/css/master.css @@ -1,204 +1,547 @@ body { - font-size: 16px; - font: Georgia, "Times New Roman", serif; + margin: 0 2em 2em 2em; + font: 70% Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; - margin: 3em; - max-width: 36em; + background: #FFF url(/media/img/bg.png) repeat-x; + color: #2F4110; +} + +img { + border: none; } a { - color: blue; + color: #295158; text-decoration: none; } -/* =================================================== */ -/* = Common elements: headings, paragraphs and lines = */ -/* =================================================== */ +a:hover, a:active { + text-decoration: underline; +} + +input { + font: 1em Verdana, Arial, Helvetica, sans-serif; +} + h1 { - font-size: 3em; - margin: 1.5em 0; - text-align: center; - line-height: 1.5em; - font-weight: bold; + font: normal normal bold 1.75em Arial, sans-serif; + color: #2F4110; + margin: 0.55em 0 0 0; } h2 { - font-size: 2em; - margin: 1.5em 0 0; + font-size: 1.2em; font-weight: bold; - line-height: 1.5em; + color: #2F4110; + margin: 0; } h3 { - font-size: 1.5em; - margin: 1.5em 0 0; - font-weight: normal; - line-height: 1.5em; + font-size: 1.3em; + font-weight: bold; + margin: 0.2em 0 0 0; + color: #333; } -h4 { - font-size: 1em; - margin: 1.5em 0 0; - line-height: 1.5em; +em { + font-style: normal; + background-color: #F5DC7D; } -p { - margin: 0; +.clearboth { + clear: both; +} + +.blur { + color: #777; +} + +/* ================================== */ +/* = Header with logo and user-info = */ +/* ================================== */ +#header { + position: relative; + margin-top: 1.5em; +} + +#header #logo { + float: left; +} + +#header #user-info { + margin: 0 0 0 auto; + width: 40em; + text-align: right; +} + +#site-description { + margin-top: -1.5em; + height:4.5em; + overflow: hidden; + float: right; + width: 42em; + text-align: right; + color: #777; } /* ======================== */ -/* = Footnotes and themes = */ +/* = Footer with sponsors = */ /* ======================== */ -.theme-begin { - border-left: 0.1em solid #DDDDDD; - color: #666; - float: right; - margin: 0 -9.5em 0 0; - padding: 0 0.5em; - width: 7.5em; - font-style: normal; - font-weight: normal; - font-size: 16px; +#footer { + border-top: 0.1em solid #999; + color: #777; + font-size: 0.8em; + padding-top: 0.5em; + margin: 2em 0 0 0; } -.annotation { - font-style: normal; - font-weight: normal; - font-size: 12px; +#footer p { + margin: 0; } -#footnotes .annotation { - display: block; - float: left; - width: 2.5em; - clear: both; +#footer a { + color: #999; + text-decoration: underline; } -#footnotes div { - margin: 1.5em 0 0 0; + +/* =============== */ +/* = Search form = */ +/* =============== */ +#search-form { + margin: 0.5em 0; + padding: 0.5em; + background-color: rgb(132, 191, 42); + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + border-bottom: 0.15em solid #7B9C2D; + border-right: 0.15em solid #7B9C2D; } -#footnotes p { - margin-left: 2.5em; +#search-form p { + margin: 0em 0 0 0; +} + +#search-form ol { + margin: 0; + padding: 0; +} + +#search-form li { + margin: 0; + padding: 0; + list-style: none; + display: inline; +} + +#search-form li.category, #search-form li.book-title { + padding: 0.2em 0.5em 0.2em 0.5em; + background-color: rgb(242, 163, 15); + border: 1px solid #BA8722; + border-right: 1px solid #555; + border-bottom: 1px solid #555; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#search-form li.book-title { + background-color: #DDD; + border: 1px solid #999; + border-right: 1px solid #555; + border-bottom: 1px solid #555; +} + +#search-form input[type=submit] { + color: #444; +} + +.ac_input { + width: 18em; +} + +p .ac_input { + width: 28em; } /* ============= */ -/* = Numbering = */ +/* = Tags list = */ /* ============= */ -.anchor { - float: left; - margin: -0.2em -0.5em -0.2em -3.5em; +#intro { + margin: 0 0 2.5em 0; +} + +#tags-description { color: #777; - font-size: 12px; - width: 2em; - text-align: center; - padding: 0.2em 0.5em; + margin: 0 0.5em -0.75em 0.5em; } -.anchor:hover, .anchor:active { - color: #FFF; - background-color: #CCC; +#main-page #tags-list { + margin-right: 33%; } -/* =================== */ -/* = Custom elements = */ -/* =================== */ -span.author { - font-size: 0.75em; - display: block; - line-height: 1.5em; - margin-bottom: 0.25em; +#categories-list ul, #themes-list ul { + -moz-column-width: 12em; + -webkit-column-width: 12em; + column-width: 12em; } -span.collection { - font-size: 0.75em; - display: block; - line-height: 1.5em; - margin-bottom: -0.25em; +#tags-list { + margin-top: 1em; + padding: 1em; + background-color: #FBEF90; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + border-bottom: 0.15em solid #E3D888; + border-right: 0.15em solid #E3D888; } -span.subtitle { - font-size: 0.75em; - display: block; - line-height: 1.5em; - margin-top: -0.25em; +#tagged-object-list #tags-list, #book-detail #tags-list { + margin-left: 39em; } -div.didaskalia { - font-style: italic; - margin: 0.5em 0 0; +#book-info, #categories-list { + float: left; + width: 47.5%; } -div.kwestia { - margin: 0.5em 0 0; +#themes-list { + margin-left: 52.5%; } -div.stanza { - margin: 1.5em 0 0; +#tagged-object-list #categories-list, #book-detail #book-info { + width: 12em; } -div.kwestia div.stanza { - margin: 0; +#tagged-object-list #themes-list, #book-detail #themes-list { + margin-left: 14em; } -p.paragraph { - text-align: justify; - margin: 1.5em 0 0; +#tags-list ol, #tags-list ul { + padding: 0; + margin: 0.3em 0 1.2em 0; } -p.motto { - text-align: justify; - font-style: italic; - margin: 1.5em 0 0; +#tags-list li { + list-style: none; + padding: 0; + margin: 0; } -p.motto_podpis { - font-size: 0.875em; +#books-list { + width: 38em; + float: left; } -div.fragment { - border-bottom: 0.1em solid #999; - padding-bottom: 1.5em; +.all-tags { + display: none; } -div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph { +div.shown-tags p { + margin: -1em 0 1em 0; text-align: right; - font-style: italic; } -hr.spacer { - height: 3em; - visibility: hidden; +.show-all-tags { + text-decoration: underline; + padding-right: 1em; } -hr.spacer-line { - margin: 1.5em 0; - border: none; - border-bottom: 0.1em solid #000; +.subcategories { + display: block; + padding-left: 2em; + padding-bottom: 0.5em; } -p.spacer-asterisk { + +/* ============== */ +/* = Propaganda = */ +/* ============== */ +#propaganda { + float: right; + width: 30%; + margin: 0; + padding: 2em 0.5em 0.5em; +} + + +/* ===================== */ +/* = Other info = */ +/* ===================== */ +#latest-blog-posts { + padding: 0.5em; + float: left; + width: 30%; +} + +#latest-blog-posts ol { + padding: 0 0 0 1.5em; + 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 = */ +/* =============== */ +#description { + margin-top: 0.5em; + text-align: justify; +} + +#toggle-description, #tagged-object-list .pagination { + width: 100%; + height: 1.5em; + background-color: #EEE; + margin-top: 0.5em; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + text-align: center; +} + +#toggle-description p { + margin: 0; + padding: 0; + 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 = */ +/* ============================ */ +#books-list { + margin: 0; +} + +#books-list ol { + list-style: none; padding: 0; margin: 1.5em 0; +} + +.book { + padding: 0.5em; + background-color: #FFF; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.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; +} + +.book-description { + margin-left: 3.5em; +} + +.book-thumbnail { + background: transparent url(/media/img/book.png) no-repeat 0 0; + width: 3em; + height: 3em; + float: left; +} + +/* =============== */ +/* = Simple form = */ +/* =============== */ +.cuteform ol, .cuteform ul { + padding: 0; + margin: 0; + list-style: none; +} + +.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; + margin-top: -0.5em; + margin-left: -1em; +} + +#set-window div.header { + background-color: #FFF; + 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.3em solid #DDD; + border-bottom: 0.3em solid #DDD; + padding: 1em; +} + +#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; } -div.person-list ol { +#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; +} + +.shelf-list { list-style: none; - padding: 0 0 0 1.5em; + padding: 0; } -p.place-and-time { - font-style: italic; +.shelf-list li { + padding: 0.25em; + margin: 0 -0.25em; } -em.math, em.foreign-word, em.book-title, em.didaskalia, em.author-emphasis { - font-style: italic; +.shelf-list a.delete-shelf { + color: #900; + float: right; + padding: 0.25em 0.25em 0.25em 1em; + margin: -0.25em; } -em.person { - font-style: normal; - font-variant: small-caps; +.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; + list-style: none; +} + +#top-message { + background-color: #2F4110; + color: #FFF; + margin: 0 -2em; + padding: 0 2em; + line-height: 2em; } -- 2.20.1