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 table.framed {
 186   border-collapse: collapse;
 187 }
 188
 189 table.framed td, table.framed.th {
 190   border: 1px #888 solid;
 191 }
 192
 193 /* =================================== */
 194 /* = Hide some elements for printing = */
 195 /* =================================== */
 196 @media print {
 197   #menu {
 198     display: none; } }
 199 .activity {
 200   clear: both; }
 201
 202 .activity .text {
 203   width: 27.5em;
 204   margin-right: 20px;
 205   float: left; }
 206
 207 .activity .description p:first-child {
 208   margin-top: 0; }
 209
 210 .activity {
 211   margin-top: 2em; }
 212   .activity .act_counter {
 213     float: left;
 214     margin-right: .5em;
 215     font-size: 2em; }
 216   .activity .info {
 217     float: right;
 218     width: 8.4375em; }
 219     .activity .info .infobox {
 220       padding: 1em 0;
 221       border-top: 1px solid #c9ccce; }
 222       .activity .info .infobox h1 {
 223         text-transform: uppercase;
 224         font-weight: bold;
 225         margin: 0 0 0.5em -2.1875em;
 226         padding-left: 2.1875em;
 227         line-height: 24px;
 228         font-size: 1em; }
 229       .activity .info .infobox p {
 230         margin: 0; }
 231     .activity .info .time h1 {
 232       background: url(/static/img/icons/activity-time.png) 0 0 no-repeat; }
 233     .activity .info .kind h1 {
 234       background: url(/static/img/icons/activity-kind.png) 0 0 no-repeat; }
 235     .activity .info .materials h1 {
 236       background: url(/static/img/icons/activity-tools.png) 0 0 no-repeat; }
 237
 238 .lista .paragraph {
 239   margin: .3em 0; }
 240 .lista li {
 241   margin: .75em 0; }
 242
 243 .clearboth {
 244   clear: both; }
 245
 246 #book-text .caption {
 247   margin: 1.5em; }
 248   #book-text .caption p {
 249     margin: 0; }
 250
 251 /* utils */
 252 .clr {
 253   clear: both; }
 254
 255 #book-text .top-link {
 256   margin-top: 1em; }
 257
 258 .help {
 259   font-size: .7em;
 260   padding: 0 .5em;
 261   color: #888;
 262   vertical-align: super; }