X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/f7833f76b5f9555b0d95d23d47fc886a3528a335..5cd788950250809058f2d6770ae95c826f76f2e7:/wolnelektury/static/css/master.css?ds=inline diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css index c62bcbc06..73a2cdadc 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; } @@ -84,6 +88,36 @@ em { color: #777; } +.lang-menu { + margin-right: 0.7em; + line-height: 24px; +} + +.lang-menu button { + color: blue; + border: none; + border-right: 1px solid gray; + -moz-border-radius: 2px; + background: inherit; + cursor: pointer; + padding: 0.2em 0.5em; + font-size: 10px; +} + +.lang-menu button:hover { + color: blue; + text-decoration: underline; +} + +.lang-menu button.active { + color: black; + text-decoration: none; +} + +.lang-menu button.last { + border-right: none; +} + /* ======================== */ /* = Footer with sponsors = */ /* ======================== */ @@ -112,6 +146,13 @@ em { margin: 0.5em 0; padding: 0.5em; background-color: rgb(132, 191, 42); +} + +#searchContainer { + width: 100%; + min-height: 65px; + background-color: rgb(132, 191, 42); + padding: 0px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -119,6 +160,11 @@ em { border-right: 0.15em solid #7B9C2D; } +#searchContainer #search-form { + padding: 0; + margin: 0; +} + #search-form p { margin: 0em 0 0 0; } @@ -129,11 +175,12 @@ em { } #search-form li { - margin: 0; + margin: 2px 0 0 5px; padding: 0; list-style: none; display: block; float: left; + /*margin-left: 5px;*/ } #search-form li.category, #search-form li.book-title { @@ -160,13 +207,37 @@ em { } .ac_input { - width: 18em; + width: 300px; + border: 0; } p .ac_input { width: 28em; } +#searchSubmit { + float: left; + margin-top: 10px; + height: 33px; +} +/* ================== */ +/* = Search matches = */ +/* ================== */ + +.matches li:first-letter { + text-transform: uppercase; +} + +/* ============== */ +/* = Search bar = */ +/* ============== */ + +.collections a { + color: white; + margin: 0 0.5em; +} + + /* ============= */ /* = Tags list = */ @@ -222,7 +293,7 @@ p .ac_input { margin-right: 0.5em; } -#formats .wrap a { +#formats .wrap p { display: block; width: 100%; height: 1.5em; @@ -249,7 +320,9 @@ p .ac_input { padding-top: 1em; padding-bottom: 0em; } - +li.mp3Player { + list-style-type: none; +} #formats #czytamysluchajac-logo { background: white; text-align: left; @@ -259,6 +332,7 @@ p .ac_input { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; + margin: 0px 20px 10px 10px; } #tagged-object-list #themes-list, #book-detail #themes-list { @@ -347,6 +421,10 @@ div.shown-tags p, div.all-tags p { #description { margin-top: 0.5em; text-align: justify; + overflow: hidden; +} +#description-short { + display:none; } #description .meta { @@ -393,8 +471,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 = */ @@ -487,6 +654,7 @@ div.shown-tags p, div.all-tags p { .cuteform .error { color: #BF3024; + display: block; } /* ================ */ @@ -596,21 +764,84 @@ div.shown-tags p, div.all-tags p { text-decoration: none; } +#suggest-window { + position: absolute; + display: none; + width: 35em; + background-color: transparent; + margin-top: -0.5em; + margin-left: 1em; +} + +#suggest-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; +} + +#suggest-window div.target { + clear: both; + background-color: #FFF; + border-right: 0.3em solid #DDD; + border-bottom: 0.3em solid #DDD; + padding: 1em; +} +#suggest-form textarea { + width: 30em; +} + /* ======================== */ /* = Alphabetic book list = */ /* ======================== */ -#book-a-list #book-list { - -moz-column-width: 24em; - -webkit-column-width: 24em; - column-width: 24em; +#book-list { + padding-left: 50px; +} +#book-list-nav { + position: absolute; + right: 50px; + width: 200px; + border-left: 1px #cfcfcf solid; + padding: 10px; + font-size: 1.2em; } -#book-a-list #book-list ol { +#book-list-nav ul { + list-style-type: none; + margin: 5px; + padding: 0; +} + +.book-list-show-index { + display: none; + margin: 0; padding: 0; +} + + +#book-a-list #book-list ol { + padding-left: 1em; margin: 0.3em 0 1.2em 0; list-style: none; } +#book-a-list #book-list h2 a { + color: black; +} + +#book-list-up { + position: fixed; + bottom: 50px; + right: 50px; + border-left: 1px #cfcfcf solid; + padding: 10px; + background-color: white; +} + #top-message { background-color: #2F4110; color: #FFF; @@ -688,6 +919,14 @@ div.shown-tags p, div.all-tags p { display: block; } +#document-list ul { + padding-left: 30px; + list-style: disc; +} +#document-list li li a { + width: 340px; +} + #document-list li a:hover, #document-list li a.active { text-decoration: none; background-color: #EEE; @@ -710,3 +949,48 @@ div.shown-tags p, div.all-tags p { 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; +} +#createNewShelf { +display: none; +} + +.widget-code { + overflow: hidden; +}