X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/8559c95597de98e8f6c580e97224ed3ecc9dc5c0..45b0231e99c7f53d29bc3b07a2ce2a0957058265:/media/css/master.css diff --git a/media/css/master.css b/media/css/master.css index f9ff89535..2fe2e3424 100644 --- 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(/pliki/img/bg.png) repeat-x; - color: #000; + background: #FFF url(/media/img/bg.png) repeat-x; + 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 { @@ -43,12 +43,17 @@ h3 { color: #333; } +em { + font-style: normal; + background-color: #F5DC7D; +} + .clearboth { clear: both; } .blur { - color: #999; + color: #777; } /* ================================== */ @@ -56,6 +61,7 @@ h3 { /* ================================== */ #header { position: relative; + margin-top: 1.5em; } #header #logo { @@ -68,6 +74,15 @@ h3 { 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 = */ @@ -245,9 +260,9 @@ h3 { color: #999; } -/* ============== */ -/* = Books list = */ -/* ============== */ +/* ============================ */ +/* = Books and fragments list = */ +/* ============================ */ #books-list { margin: 0; } @@ -266,6 +281,23 @@ h3 { 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; +} + .book .change-sets { float: right; } @@ -275,7 +307,7 @@ h3 { } .book-thumbnail { - background: transparent url(/pliki/img/book.png) no-repeat 0 0; + background: transparent url(/media/img/book.png) no-repeat 0 0; width: 3em; height: 3em; float: left; @@ -284,14 +316,28 @@ h3 { /* =============== */ /* = 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; } /* ================ */ @@ -302,33 +348,69 @@ h3 { 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; +} + /* ======================== */ /* = 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; +} +