X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/d600914f1c6432231cebabf0b957c08421a3b34e..b9bf77dc8f2d4b1b64bd7a29730bec3e3f885a6e:/wolnelektury/static/css/master.css?ds=inline diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css index 893fb534d..739ecee91 100644 --- a/wolnelektury/static/css/master.css +++ b/wolnelektury/static/css/master.css @@ -23,6 +23,14 @@ a:hover, a:active { text-decoration: underline; } +a.banner { + display: block; + white-space: nowrap; +} +a.banner:hover { + text-decoration: none; +} + input { font: 1em Verdana, Arial, Helvetica, sans-serif; } @@ -41,15 +49,20 @@ h2 { } h3 { - font-size: 1em; + font-size: 1.15em; font-weight: bold; - margin: 0.2em 0 -1em 0; - color: #333; + margin: 2em 0 .5em 0; + color: #2F4110; } em { - font-style: normal; - background-color: #F5DC7D; +} + +hr { + border: 0; + border-top: 1px solid #2F4110; + margin: 2em 0; + height: 0; } .clearboth { @@ -71,6 +84,22 @@ em { #header #logo { float: left; } +#header #logo img { + margin-bottom: -1.25em; +} +#header a.logo { + display:block; + color: #777; +} + +#tagline { + color: #777; + position: absolute; +} + +#logo a:hover { + text-decoration: none; +} #header #user-info { margin: 0 0 0 auto; @@ -88,6 +117,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 = */ /* ======================== */ @@ -116,6 +175,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; @@ -123,6 +189,11 @@ em { border-right: 0.15em solid #7B9C2D; } +#searchContainer #search-form { + padding: 0; + margin: 0; +} + #search-form p { margin: 0em 0 0 0; } @@ -165,13 +236,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 = */ @@ -206,6 +301,7 @@ p .ac_input { border-right: 0.15em solid #E3D888; } +#lesmianator #tags-list, #tagged-object-list #tags-list, #book-detail #tags-list { margin-left: 39em; } @@ -226,20 +322,102 @@ p .ac_input { #book-detail #formats .change-sets { margin-right: 0.5em; } +/* +#formats .wrap ul { + margin: 0; + padding: 0; +} -#formats .wrap a { +#formats .wrap li { display: block; width: 100%; - height: 1.5em; + height: 1.9em; + background-color: #F2F2F2; + border: 1px solid #EEE; + text-align: center; +} +*/ +#formats .wrap .header { + display: block; + width: 100%; + height: 1.9em; background-color: #EEE; - margin-top: 0.5em; - padding: 0.5em 0; + border-bottom: 1px solid #EEE; + margin: 0; + padding-bottom: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - text-align: center; + color:#2F4110; + margin-top: 40px; +} + +.audiotabs span.active { + background-color:#FFF; } +.audiotabs span { + display: block; + height: 1.6em; + background-color:#EEE; + width: 80px; + text-align: center; + padding: 2px 0; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + color: #2F4110; + font-weight: bold; + float:left; + cursor: pointer; + border: 1px solid #DDD; +} + +#formats .wrap .header span.desc { + display: block; + height: 1.6em; + background-color: #EEE; + width: 100px; + text-align: center; + padding: 2px 0; + color: #2F4110; + font-weight: bold; + float:left; + border: solid #eee; + border-width: 1px; +} + +.audiotabs { + float: right; +} + + +#formats .wrap .online { + display: block; + width: 100%; + background-color: #EEE; + margin: 0.5em 0 1em 0; + padding: 1em 0; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + text-align: center; + font-size: 1.6em; +} + +#formats .wrap div.download { + text-align: center; + margin-bottom: 10px; +} +#formats .wrap div.download img { + padding: 0 10px 0 10px; +} + +#formats .wrap div.download .custom-pdf { + text-align: left; +} + + #czytamysluchajac { margin-top: 2.5em; } @@ -254,6 +432,29 @@ p .ac_input { padding-top: 1em; padding-bottom: 0em; } +div.audiobooks li { + list-style-type: none; +} + +div.audiobooks li.mp3Player { + margin-bottom: 1em; +} + +div.audiobooks { + padding: 15px; + float: left; +} + +.audiobook-list { + float: left; width: 270px; + position: relative; + left: 10px; +} + +#speaker { + float: left; + padding:5px 10px; +} #formats #czytamysluchajac-logo { background: white; @@ -264,6 +465,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 { @@ -351,7 +553,6 @@ div.shown-tags p, div.all-tags p { /* =============== */ #description { margin-top: 0.5em; - text-align: justify; overflow: hidden; } #description-short { @@ -726,21 +927,93 @@ div.shown-tags p, div.all-tags p { width: 30em; } + +.big-top-link { + margin-top: .6em; + font-size: 2em; + /*max-width: 15em;*/ + line-height: 1.2em; +} + +#suggest-publishing-window { + position: absolute; + display: none; + width: 45em; + background-color: transparent; + margin-top: -0.5em; + margin-left: 1em; +} + +#suggest-publishing-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-publishing-window div.target { + clear: both; + background-color: #FFF; + border-right: 0.3em solid #DDD; + border-bottom: 0.3em solid #DDD; + padding: 1em; +} +#suggest-publishing-form textarea { + width: 40em; + height: 6em; +} + /* ======================== */ /* = 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; @@ -760,13 +1033,11 @@ div.shown-tags p, div.all-tags p { .column-left { width: 37em; float: left; - text-align: justify; margin-top: 1em; } .column-right { margin-left: 40em; - text-align: justify; margin-top: 1em; } @@ -813,11 +1084,24 @@ div.shown-tags p, div.all-tags p { border-radius: 3px; /* font-size: 1.2em;*/ font-weight: bold; - width: 370px; + width: 330px; margin-bottom: 0.25em; display: block; } +#document-list ul { + padding-left: 30px; + list-style: disc; +} + +#document-list li { + padding: 5px; +} + +#document-list li li a { + width: 300px; +} + #document-list li a:hover, #document-list li a.active { text-decoration: none; background-color: #EEE; @@ -841,6 +1125,11 @@ div.shown-tags p, div.all-tags p { padding: 0 } +#document-list .download-doc { + display: none; + color: #00F; +} + /* ====================== */ /* = One percent banner = */ /* ====================== */ @@ -878,3 +1167,32 @@ div.shown-tags p, div.all-tags p { color: #FFF; text-decoration: none; } + +#createNewShelf { + display: none; +} + +.widget-code { + overflow: hidden; +} + +#presentation-frame { + border: 0px none white; +} + + +/* dictionary */ + +.dictionary-note-source { + margin-top: -1em; +} + +#footnotes .pagination { + margin-top: 1em; +} + + +/* report */ +.stats td { + vertical-align: top; +} \ No newline at end of file