X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/e920c28bdc8af86e9d7328a79c8ed42e4986bcfc..7f93b123c983c7ca2a2bf7010e4be921cba9a8fa:/edumed/static/catalogue/css/lesson.css diff --git a/edumed/static/catalogue/css/lesson.css b/edumed/static/catalogue/css/lesson.css new file mode 100644 index 0000000..c8e73c4 --- /dev/null +++ b/edumed/static/catalogue/css/lesson.css @@ -0,0 +1,254 @@ +/* =================================================== */ +/* = Common elements: headings, paragraphs and lines = */ +/* =================================================== */ +/*h1 { + font-size: 3em; + margin: 1.5em 0; + text-align: center; + line-height: 1.5em; + font-weight: bold; +} + +h2 { + font-size: 2em; + margin: 1.5em 0 0; + font-weight: bold; + line-height: 1.5em; +} + +h3 { + font-size: 1.5em; + margin: 1.5em 0 0; + font-weight: normal; + line-height: 1.5em; +} + +h4 { + font-size: 1em; + margin: 1.5em 0 0; + line-height: 1.5em; +} + +p { + margin: 0; +} +*/ +/* ======================== */ +/* = Footnotes and themes = */ +/* ======================== */ +.annotation { + font-style: normal; + font-weight: normal; + font-size: 12px; + padding-left: 2px; + position: relative; + top: -4px; } + +#footnotes { + margin-top: 3em; } + +#footnotes .annotation { + display: block; + float: left; + width: 2.5em; + clear: both; } + +#footnotes div { + margin: 1.5em 0 0 0; } + +#footnotes p, #footnotes ul { + margin-left: 2.5em; + font-size: 0.875em; } + +#footnotes .permalink { + font-size: .75em; } + +blockquote { + font-size: 0.875em; } + +/* ============= */ +/* = Numbering = */ +/* ============= */ +.verse, .paragraph { + position: relative; } + +.anchor { + position: absolute; + margin: -0.25em -0.5em; + left: -3em; + color: #777; + font-size: 12px; + width: 2em; + text-align: center; + padding: 0.25em 0.5em; + line-height: 1.5em; } + +.anchor:hover, #book-text .anchor:active { + color: #FFF; + background-color: #CCC; } + +/* =================== */ +/* = Custom elements = */ +/* =================== */ +span.author { + font-size: 0.5em; + display: block; + line-height: 1.5em; + margin-bottom: 0.25em; } + +span.collection { + font-size: 0.375em; + display: block; + line-height: 1.5em; + margin-bottom: -0.25em; } + +span.subtitle { + font-size: 0.5em; + display: block; + line-height: 1.5em; + 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; } + +div.kwestia { + margin: 0.5em 0 0; } + +div.stanza { + margin: 1.5em 0 0; } + +div.kwestia div.stanza { + margin: 0; } + +p.paragraph { + text-align: justify; + margin: 1.5em 0 0; } + +p.motto { + text-align: justify; + font-style: italic; + margin: 1.5em 0 0; } + +p.motto_podpis { + font-size: 0.875em; + text-align: right; } + +div.fragment { + border-bottom: 0.1em solid #999; + padding-bottom: 1.5em; } + +div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph { + text-align: right; + font-style: italic; } + +hr.spacer { + height: 3em; + visibility: hidden; } + +hr.spacer-line { + margin: 1.5em 0; + border: none; + border-bottom: 0.1em solid #000; } + +p.spacer-asterisk { + padding: 0; + margin: 1.5em 0; + text-align: center; } + +div.person-list ol { + list-style: none; + padding: 0 0 0 1.5em; } + +p.place-and-time { + font-style: italic; } + +em.math, em.foreign-word, em.book-title, em.didaskalia { + font-style: italic; } + +em.author-emphasis { + letter-spacing: 0.1em; } + +em.person { + font-style: normal; + font-variant: small-caps; } + +.verse:after { + content: "\feff"; } + +/* =================================== */ +/* = Hide some elements for printing = */ +/* =================================== */ +@media print { + #menu { + display: none; } } +.activity { + clear: both; } + +.activity .text { + width: 27.5em; + margin-right: 20px; + float: left; } + +.activity .description p:first-child { + margin-top: 0; } + +.activity { + margin-top: 2em; } + .activity .act_counter { + float: left; + margin-right: .5em; + font-size: 2em; } + .activity .info { + float: right; + width: 8.4375em; } + .activity .info .infobox { + padding: 1em 0; + border-top: 1px solid #c9ccce; } + .activity .info .infobox h1 { + text-transform: uppercase; + font-weight: bold; + margin: 0 0 0.5em -2.1875em; + padding-left: 2.1875em; + line-height: 24px; + font-size: 1em; } + .activity .info .infobox p { + margin: 0; } + .activity .info .time h1 { + background: url(/static/img/icons/activity-time.png) 0 0 no-repeat; } + .activity .info .kind h1 { + background: url(/static/img/icons/activity-kind.png) 0 0 no-repeat; } + .activity .info .materials h1 { + background: url(/static/img/icons/activity-tools.png) 0 0 no-repeat; } + +.lista .paragraph { + margin: .3em 0; } +.lista li { + margin: .75em 0; } + +.clearboth { + clear: both; } + +#book-text .caption { + margin: 1.5em; } + #book-text .caption p { + margin: 0; } + +/* utils */ +.clr { + clear: both; } + +#book-text .top-link { + margin-top: 1em; } + +.help { + font-size: .7em; + padding: 0 .5em; + color: #888; + vertical-align: super; }