X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/d0072de89eb395f99aedcdf7804e48b547cbbeca..56511fcfdd20abcaf54827a90125c527d154125b:/wolnelektury/static/css/cite.css?ds=inline diff --git a/wolnelektury/static/css/cite.css b/wolnelektury/static/css/cite.css index 54632976b..04fdfdd9f 100755 --- a/wolnelektury/static/css/cite.css +++ b/wolnelektury/static/css/cite.css @@ -1,35 +1,45 @@ -a.cite { +.cite { display: block; color: black; background: white; padding: 3em 2em .1em 8em; } -.cite-body { +.book-wide-box .cite-body, +#tagged-object-list .cite-body + { font-size: 1.8em; line-height: 1.3em; } -.cite p { +.book-wide-box .source, +#tagged-object-list .source +{ color: #444; font-size: 1.1em; margin-top: 1.6em; } - .cite .vip { - margin-top: 0; + margin: 0; + color: #575C63; + font-size: 1.1em; } - #big-cite { - background-color: white; - /*padding: 10.75em 10em 8.5em 18.2em;*/ + background-color: #444; + color: white; padding: 0; margin: 0; + background-image: url(/static/img/backdrop/book-drawer2.jpg); + background-size: 100%; + background-position: 50% 68%; + background-repeat: no-repeat; } #big-cite .cite { - padding: 10.75em 10em 8.5em 18.2em; + padding: 4.6em 4em 4.8em 0; + background: none; + color: white; } #big-cite h2 { @@ -40,19 +50,47 @@ a.cite { #big-cite .cite-body { - margin: .05em; - font-size: 2.8em; - line-height: 1.2em; - color: #191919; + margin: .05em .05em .05em 1em; +} +#big-cite .cite-body span { + font-size: 3em; + line-height: 1.16em; +} + +#big-cite .vip { + margin-left: 1em; + margin-top: .25em; +} + +#big-cite .vip span { + font-size:1.1em; +} + +#big-cite .cite-body span, +#big-cite .vip span, +#big-cite .source span +{ + color: white; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.6); + /* For IE 5.5 - 7*/ + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + /* For IE 8*/ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +/* a long cite displays smaller */ +#big-cite .cite-small .cite-body span { + font-size: 2em; } #big-cite .source { - color: #00a1ac; - margin: 0; - font-size: 1.1em; - margin: 1.1em 0.2em; + margin: 1.6em 0.2em 1.6em 1em; } +#big-cite .source span { + font-size: 1.2em; +} + @@ -71,8 +109,28 @@ a.cite { top: -0.8em; right: -1em; background-color: #f7f7f7; - vertical-align: center; + vertical-align: middle; width: 39.5em; margin: 0; padding: 1em; } + + +.Fragment-item .fragment { + color: black; + display: block; +} +.Fragment-item .toggle { + font-size: 1.1em; + display:block; + padding: .5em 0; +} +.Fragment-item { + margin-bottom: 2em; + /* white-box */ + border: 1px solid #ddd; + background: #fff; + -moz-box-shadow: 2px 2px 2px #ddd; + -webkit-box-shadow: 2px 2px 2px #ddd; + box-shadow: 2px 2px 2px #ddd; +}