X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/f17e5ab1f46f52b071f71c799dfa4c755f7c407e..f50547bf7df00ce8312959afab42c8d8998d8c73:/wolnelektury/static/css/master.css?ds=sidebyside diff --git a/wolnelektury/static/css/master.css b/wolnelektury/static/css/master.css index e9c42dce9..15e48c704 100644 --- a/wolnelektury/static/css/master.css +++ b/wolnelektury/static/css/master.css @@ -228,6 +228,17 @@ p .ac_input { text-transform: uppercase; } +/* ============== */ +/* = Search bar = */ +/* ============== */ + +.collections a { + color: white; + margin: 0 0.5em; +} + + + /* ============= */ /* = Tags list = */ /* ============= */ @@ -281,18 +292,95 @@ 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; } #czytamysluchajac { @@ -309,6 +397,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; @@ -319,6 +430,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 { @@ -784,11 +896,14 @@ div.shown-tags p, div.all-tags p { /* ======================== */ /* = Alphabetic book list = */ /* ======================== */ +#book-list { + padding-left: 50px; +} #book-list-nav { - position: fixed; + position: absolute; right: 50px; width: 200px; - border: 2px #325F70 solid; + border-left: 1px #cfcfcf solid; padding: 10px; font-size: 1.2em; } @@ -816,6 +931,15 @@ div.shown-tags p, div.all-tags p { 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;