catalogue/static/catalogue/css/lesson.scss

   1 /* =================================================== */
   2 /* = Common elements: headings, paragraphs and lines = */
   3 /* =================================================== */
   4
   5 /*h1 {
   6     font-size: 3em;
   7     margin: 1.5em 0;
   8     text-align: center;
   9     line-height: 1.5em;
  10     font-weight: bold;
  11 }
  12
  13 h2 {
  14     font-size: 2em;
  15     margin: 1.5em 0 0;
  16     font-weight: bold;
  17     line-height: 1.5em;
  18 }
  19
  20 h3 {
  21     font-size: 1.5em;
  22     margin: 1.5em 0 0;
  23     font-weight: normal;
  24     line-height: 1.5em;
  25 }
  26
  27 h4 {
  28     font-size: 1em;
  29     margin: 1.5em 0 0;
  30     line-height: 1.5em;
  31 }
  32
  33 p {
  34     margin: 0;
  35 }
  36 */
  37
  38 /* ======================== */
  39 /* = Footnotes and themes = */
  40 /* ======================== */
  41
  42 .annotation {
  43     font-style: normal;
  44     font-weight: normal;
  45     font-size: 12px;
  46     padding-left: 2px;
  47     position: relative;
  48     top: -4px;
  49 }
  50
  51 #footnotes {
  52     margin-top: 3em;
  53 }
  54
  55 #footnotes .annotation {
  56     display: block;
  57     float: left;
  58     width: 2.5em;
  59     clear: both;
  60 }
  61
  62 #footnotes div {
  63     margin: 1.5em 0 0 0;
  64 }
  65
  66 #footnotes p, #footnotes ul {
  67     margin-left: 2.5em;
  68     font-size: 0.875em;
  69 }
  70
  71 #footnotes .permalink {
  72     font-size: .75em;
  73 }
  74
  75 blockquote {
  76     font-size: 0.875em;
  77 }
  78
  79 /* ============= */
  80 /* = Numbering = */
  81 /* ============= */
  82 .verse, .paragraph {
  83     position:relative;
  84 }
  85 .anchor {
  86     position: absolute;
  87     margin: -0.25em -0.5em;
  88     left: -3em;
  89     color: #777;
  90     font-size: 12px;
  91     width: 2em;
  92     text-align: center;
  93     padding: 0.25em 0.5em;
  94     line-height: 1.5em;
  95 }
  96
  97 .anchor:hover, #book-text .anchor:active {
  98     color: #FFF;
  99     background-color: #CCC;
 100 }
 101
 102 /* =================== */
 103 /* = Custom elements = */
 104 /* =================== */
 105 span.author {
 106     font-size: 0.5em;
 107     display: block;
 108     line-height: 1.5em;
 109     margin-bottom: 0.25em;
 110 }
 111
 112 span.collection {
 113     font-size: 0.375em;
 114     display: block;
 115     line-height: 1.5em;
 116     margin-bottom: -0.25em;
 117 }
 118
 119 span.subtitle {
 120     font-size: 0.5em;
 121     display: block;
 122     line-height: 1.5em;
 123     margin-top: -0.25em;
 124 }
 125
 126 span.translator {
 127     font-size: 0.375em;
 128     display: block;
 129     line-height: 1.5em;
 130     margin-top: 0.25em;
 131 }
 132
 133 div.didaskalia {
 134     font-style: italic;
 135     margin: 0.5em 0 0 1.5em;
 136 }
 137
 138 div.kwestia {
 139     margin: 0.5em 0 0;
 140 }
 141
 142 div.stanza {
 143     margin: 1.5em 0 0;
 144 }
 145
 146 div.kwestia div.stanza {
 147     margin: 0;
 148 }
 149
 150 p.paragraph {
 151     text-align: justify;
 152     margin: 1.5em 0 0;
 153 }
 154
 155 p.motto {
 156     text-align: justify;
 157     font-style: italic;
 158     margin: 1.5em 0 0;
 159 }
 160
 161 p.motto_podpis {
 162     font-size: 0.875em;
 163     text-align: right;
 164 }
 165
 166 div.fragment {
 167     border-bottom: 0.1em solid #999;
 168     padding-bottom: 1.5em;
 169 }
 170
 171 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
 172     text-align: right;
 173     font-style: italic;
 174 }
 175
 176 hr.spacer {
 177     height: 3em;
 178     visibility: hidden;
 179 }
 180
 181 hr.spacer-line {
 182     margin: 1.5em 0;
 183     border: none;
 184     border-bottom: 0.1em solid #000;
 185 }
 186
 187 p.spacer-asterisk {
 188     padding: 0;
 189     margin: 1.5em 0;
 190     text-align: center;
 191 }
 192
 193 div.person-list ol {
 194     list-style: none;
 195     padding: 0 0 0 1.5em;
 196 }
 197
 198 p.place-and-time {
 199     font-style: italic;
 200 }
 201
 202 em.math, em.foreign-word, em.book-title, em.didaskalia {
 203     font-style: italic;
 204 }
 205
 206 em.author-emphasis {
 207     letter-spacing: 0.1em;
 208 }
 209
 210 em.person {
 211     font-style: normal;
 212     font-variant: small-caps;
 213 }
 214
 215 .verse:after {
 216     content: "\feff";
 217 }
 218
 219
 220 /* =================================== */
 221 /* = Hide some elements for printing = */
 222 /* =================================== */
 223
 224 @media print {
 225     #menu {display: none;}
 226 }
 227
 228 .activity .text {
 229  max-width:350px;
 230  margin-right:20px;
 231  float: left;
 232 }
 233
 234 .activity .description p:first-child {
 235   margin-top: 0;
 236 }
 237
 238 .activity .info {
 239  margin: 1.5em 0 0;
 240  max-width: 130px;
 241  float:right;
 242 }
 243
 244 .activity .info  p {
 245  margin-bottom: 1em;
 246 }
 247
 248
 249 .activity {
 250  clear:both;
 251 }
 252
 253 .activity .info {
 254  font-size: 10pt;
 255 }
 256
 257 .clearboth {
 258  clear: both;
 259 }
 260
 261
 262 /* utils */
 263
 264 .clr {
 265     clear: both;
 266 }
 267