X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/362ea2e7f8ac4254398791139cc060090199f400..6a8dee56c68c3621f214a51cf2032176e66e6385:/wolnelektury/static/css/master.css diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css index d7d741ac5..a0e5e3c22 100644 --- a/wolnelektury/static/css/master.css +++ b/wolnelektury/static/css/master.css @@ -6,6 +6,10 @@ body { color: #2F4110; } +#header { + margin-top: -20px; +} + img { border: none; } @@ -393,8 +397,97 @@ div.shown-tags p, div.all-tags p { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - text-align: center; + text-align: center; + outline: none; +} + +#download-shelf-menu { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + border: 3px solid #EEE; + padding: 5px; + margin-top: -5px; +} + +#download-formats-form li { + float: left; + height: 2em; +} + +#download-formats-form input { + float: left; +} + +#download-formats-form label { + display: block; + background-color: #EEE; + float: left; + width: 8em; + margin-right: 0.5em; + margin-top: -0.5em; + padding-top: 0.5em; + padding-bottom: 0.75em; +} + +#download-formats-form li { + margin: 0; + padding: 0; + list-style: none; +} + +#download-formats-form em { + color: #999; + background-color: #FFF; +} + +#download-formats-form em strong { + color: #000; + font-weight: normal; +} + +#download-formats-form-submit { + margin-left: 0.5em; + +} + +#download-formats-form #download-formats-form-submit-li { + margin-top: 0.75em; +} + +#download-formats-form-cancel { + color: #900; +} + +#toggle-share-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; + outline: none; +} +#toggle-share-shelf p { + margin:0; +} + +#share-shelf { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + border: 3px solid #EEE; + padding: 5px; + margin-top: -5px; } +#share-shelf input { + width: 100%; +} + /* ============================ */ /* = Books and fragments list = */ @@ -655,4 +748,96 @@ div.shown-tags p, div.all-tags p { color: #FFF; background-color: #900; text-decoration: none; +} + +/* =========== */ +/* = Lessons = */ +/* =========== */ +#lessons { + margin-top: 2.5em; +} + +#document-list { + width: 380px; + float: left; +} + +#document-list ol { + margin: 0; + padding: 0; + list-style: none; +} + +#document-list li a { + padding: 0.5em; + background-color: #FFF; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +/* font-size: 1.2em;*/ + font-weight: bold; + width: 370px; + margin-bottom: 0.25em; + display: block; +} + +#document-list li a:hover, #document-list li a.active { + text-decoration: none; + background-color: #EEE; +} + +#document-list-body #document-detail { + margin-left: 390px; +} + +#document-detail { + width: 480px; +} + +#document-detail h2 { + margin: 0.75em 0 0.75em 0; +} + +#document-list-body #document-detail .download { + float: right; + margin: 0; + padding: 0 +} + +/* ====================== */ +/* = One percent banner = */ +/* ====================== */ +#onepercent-banner { + color: #FFF; + margin: 0 -1.1em; + padding: 0 1.1em; + vertical-align: middle; + background-color: #FF6B3C; + height: 60px; + font-size: 1.8em; + line-height: 1.5em; + position: relative; +} + +#onepercent-text, #onepercent-line:visited, #onepercent-text:hover, #onepercent-text:active { + display: block; + line-height: 60px; + color: #FFF; + text-decoration: none; +} + +#onepercent-text strong { + font-weight: normal; + text-decoration: underline; +} + +#onepercent-see-more, #onepercent-see-more:visited, #onepercent-see-more:hover, #onepercent-see-more:active { + position: absolute; + right: 2em; + width: 9em; + text-align: right; + bottom: 0; + font-size: 12px; + color: #FFF; + text-decoration: none; } \ No newline at end of file