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 {
 192   clear: both; }
 193
 194 .activity .text {
 195   width: 27.5em;
 196   margin-right: 20px;
 197   float: left; }
 198
 199 .activity .description p:first-child {
 200   margin-top: 0; }
 201
 202 .activity {
 203   margin-top: 2em; }
 204   .activity .act_counter {
 205     float: left;
 206     margin-right: .5em;
 207     font-size: 2em; }
 208   .activity .info {
 209     float: right;
 210     width: 8.438em; }
 211     .activity .info .infobox {
 212       padding: 1em 0;
 213       border-top: 1px solid #c9ccce; }
 214       .activity .info .infobox h1 {
 215         text-transform: uppercase;
 216         font-weight: bold;
 217         margin: 0 0 0.5em -2.188em;
 218         padding-left: 2.188em;
 219         line-height: 24px;
 220         font-size: 1em; }
 221       .activity .info .infobox p {
 222         margin: 0; }
 223     .activity .info .time h1 {
 224       background: url(/static/img/icons/activity-time.png) 0 0 no-repeat; }
 225     .activity .info .kind h1 {
 226       background: url(/static/img/icons/activity-kind.png) 0 0 no-repeat; }
 227     .activity .info .materials h1 {
 228       background: url(/static/img/icons/activity-tools.png) 0 0 no-repeat; }
 229
 230 .lista .paragraph {
 231   margin: .3em 0; }
 232 .lista li {
 233   margin: .75em 0; }
 234
 235 .clearboth {
 236   clear: both; }
 237
 238 /* utils */
 239 .clr {
 240   clear: both; }