catalogue/static/catalogue/css/lesson.css

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