X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/735368cfb54c8954518179993dcd3bc55e3878e7..dec2b6f06be97c498010e0b3af0d27f27631142d:/wolnelektury/static/css/master.book.css?ds=inline diff --git a/wolnelektury/static/css/master.book.css b/wolnelektury/static/css/master.book.css index 26a11c62c..be5492726 100644 --- a/wolnelektury/static/css/master.book.css +++ b/wolnelektury/static/css/master.book.css @@ -26,6 +26,12 @@ img { border: none; } +#logo { + font-size: 1.5em; +} +#logo a { + color: black; +} #menu { position: fixed; @@ -36,6 +42,7 @@ img { background: #333; color: #FFF; opacity: 0.9; + z-index: 99; } #menu ul { @@ -47,24 +54,42 @@ img { #menu li a { display: block; float: left; - width: 7.5em; height: 1.5em; margin-left: 0.5em; text-align: center; color: #FFF; + padding: 0 1em; +} +#menu li a.menu { + padding-right: 1.5em; } -#menu li a:hover, #menu li a:active { +#menu li a.menu:hover, #menu li a.menu:active { color: #000; background: #FFF url(/static/img/arrow-down.png) no-repeat center right; } -#menu li a.selected { +#menu li a.menu.selected { color: #000; background: #FFF url(/static/img/arrow-up.png) no-repeat center right; } +#menu a.menu-link { + display: block; + float: left; + height: 1.5em; + margin-left: 0.5em; + text-align: center; + color: #FFF; +} +#menu span { + color: #888; + font-style: italic; + font-size: .75em; + margin-right: 0.5em; +} + -#toc, #themes { +#toc, #themes, #nota_red, #info { position: fixed; left: 0em; top: 1.5em; @@ -78,6 +103,23 @@ img { overflow-x: hidden; overflow-y: auto; opacity: 0.9; + z-index: 99; +} +#download { + position: fixed; + left: 0em; + top: 1.5em; + width: 37em; + padding: 1.5em; + background: #FFF; + border-bottom: 0.25em solid #DDD; + border-right: 0.25em solid #DDD; + display: none; + height: 10em; + overflow-x: hidden; + overflow-y: auto; + opacity: 0.9; + z-index: 99; } #toc ol, #themes ol { @@ -111,6 +153,11 @@ img { position: inherit; } +#info p { + text-align: justify; + margin: 1.5em 0 0; +} + /* =================================================== */ /* = Common elements: headings, paragraphs and lines = */ /* =================================================== */ @@ -154,11 +201,18 @@ p { color: #777; padding: 0 0.5em; width: 7.5em; + font-style: normal; font-weight: normal; + font-variant: normal; + letter-spacing: 0; + text-transform: none; + text-decoration: none; + font-size: 16px; float: right; margin-right: -9.5em; + margin-bottom: 0.5em; clear: both; left: 40em; line-height: 1.5em; @@ -169,6 +223,13 @@ p { font-style: normal; font-weight: normal; font-size: 12px; + padding-left: 2px; + position: relative; + top: -4px; +} + +#footnotes { + margin-top: 3em; } #footnotes .annotation { @@ -182,11 +243,15 @@ p { margin: 1.5em 0 0 0; } -#footnotes p { +#footnotes p, #footnotes ul { margin-left: 2.5em; font-size: 0.875em; } +#footnotes .permalink { + font-size: .75em; +} + blockquote { font-size: 0.875em; } @@ -194,8 +259,8 @@ blockquote { /* ============= */ /* = Numbering = */ /* ============= */ -.verse { - position:relative; +.verse, .paragraph { + position:relative; } .anchor { position: absolute; @@ -238,6 +303,13 @@ span.subtitle { margin-top: -0.25em; } +span.translator { + font-size: 0.375em; + display: block; + line-height: 1.5em; + margin-top: 0.25em; +} + div.didaskalia { font-style: italic; margin: 0.5em 0 0 1.5em; @@ -320,6 +392,10 @@ em.person { font-variant: small-caps; } +.verse:after { + content: "\feff"; +} + /* =================================== */ /* = Hide some elements for printing = */