X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/ec9a0abcd6bf2c7b3bce436a74e48d96c8b713d2..aa38c96c206a93c2e0118fde1638d5adea609336:/media/css/master.css?ds=sidebyside diff --git a/media/css/master.css b/media/css/master.css index aa636f4a0..6615ee6c8 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(/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; +} +