librarian/weasy/weasy.css

   1 @charset "UTF-8";
   2 /*@import url(https://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);*/
   3
   4 @page {
   5   size: A4;
   6   margin: 1.5cm;
   7   @bottom-center {
   8     counter-increment: page;
   9     content: "Strona " counter(page);
  10     font-family: Dosis;
  11     font-size: 12pt;
  12   }
  13 }
  14
  15 a {
  16   text-decoration: none;
  17   color: #ed7831; }
  18   a img {
  19     width: 8cm;
  20     border: 0;
  21     padding: 0;
  22     display: block;
  23     margin-left: auto;
  24     margin-right: auto; }
  25
  26 ul {
  27   list-style-image: url('bullet.svg');
  28 }
  29
  30 h1, h2, h3 {
  31   page-break-after: avoid;
  32 }
  33
  34 body {
  35   font-family: Dosis;
  36   background: white;
  37   color: #363a3e;
  38   margin: 0; }
  39
  40 .link-list {
  41   list-style: none;
  42   padding: 0; }
  43   .link-list li {
  44     margin-bottom: .5em; }
  45   .link-list a:before {
  46     content: "→";
  47     margin-right: .5em; }
  48   .link-list a {
  49     color: #363a3e; }
  50   .link-list a:hover {
  51     color: #ed7831; }
  52
  53 .link-list-colored a {
  54   color: #ed7831; }
  55
  56 .plain {
  57   margin: 0;
  58   padding: 0;
  59   list-style: none; }
  60   .plain li {
  61     margin: 1em 0; }
  62
  63 .lesson-footer {
  64   clear: both;
  65   border-top: 1px solid #777;
  66   margin-top: 2em;
  67   padding-top: 1em; }
  68   .lesson-footer .section-info {
  69     text-align: center; }
  70   .lesson-footer .previous-lesson {
  71     float: left; }
  72   .lesson-footer .next-lesson {
  73     float: right; }
  74
  75 ol.alpha {
  76   counter-reset: list; }
  77   ol.alpha > li {
  78     list-style: none;
  79     position: relative; }
  80   ol.alpha > li:before {
  81     counter-increment: list;
  82     content: counter(list,lower-alpha) ") ";
  83     position: absolute;
  84     left: -1.4em; }
  85
  86 blockquote {
  87   font-size: 0.875em; }
  88
  89 /* =================== */
  90 /* = Custom elements = */
  91 /* =================== */
  92 div.stanza {
  93   margin: 1.5em 0 0; }
  94
  95 p.paragraph {
  96   text-align: justify;
  97   margin: 1.5em 0 0; }
  98
  99 hr.spacer {
 100   height: 3em;
 101   visibility: hidden; }
 102
 103 hr.spacer-line {
 104   margin: 1.5em 0;
 105   border: none;
 106   border-bottom: 0.1em solid #000; }
 107
 108 p.spacer-asterisk {
 109   padding: 0;
 110   margin: 1.5em 0;
 111   text-align: center; }
 112
 113 table.framed {
 114   border-collapse: collapse;
 115 }
 116
 117 table.framed td, table.framed.th {
 118   border: 1px #888 solid;
 119 }
 120
 121 .activities-header, #slowniczek {
 122   color: white;
 123   background: #ed7831;
 124   display: inline-block;
 125   padding: 0.1cm 0.3cm;
 126   margin-bottom: -0.1cm;
 127   border-radius: 0.3cm 0.3cm 0 0;
 128   page-break-after: avoid;
 129 }
 130
 131 #slowniczek {
 132   margin-left: 2cm;
 133 }
 134
 135 .activity {
 136   clear: both; }
 137
 138 .activity.first {
 139   margin-top: 0;
 140   page-break-before: avoid;
 141 }
 142
 143 .activity .text {
 144   padding-top: 0.5cm;
 145 }
 146
 147 .activity.odd .text {
 148   border: thick solid #ed7831;
 149   margin-right: -3cm;
 150   padding-right: 3cm;
 151   padding-bottom: 1cm;
 152 }
 153
 154 .slowniczek {
 155   border: thick solid #ed7831;
 156   margin-left: 2cm;
 157   margin-right: -3cm;
 158   padding: 0.5cm 3cm 0.5cm 0.5cm;
 159   page-break-before: avoid;
 160 }
 161
 162 .activity.even .text {
 163   padding-bottom: 0.5cm;
 164   margin-left: 2cm;
 165 }
 166
 167 .activity .description {
 168   width: 13cm;
 169   margin-left: 2cm;
 170   position: relative;
 171 }
 172 .activity .description p:first-child {
 173   margin-top: 0; }
 174
 175 .activity {
 176   margin-top: 2em; }
 177   .activity.odd {
 178     page-break-inside: avoid; }
 179   .activity .act_counter {
 180     position: absolute;
 181     top: 0;
 182     left: -1.2cm;
 183     font-weight: bold;
 184     font-size: 2em; }
 185   .activity.odd .info {
 186     float: right;
 187     position: relative;
 188     top: -0.8cm;
 189     margin-bottom: -0.8cm;
 190   }
 191   .activity .info {
 192     width: 50%;
 193     padding: 0.3cm;
 194     border: thick solid #ed7831;
 195     border-radius: 0.8cm;
 196     page-break-before: avoid;
 197     page-break-inside: avoid;
 198     background-color: white; }
 199     .activity .info .infobox {
 200       padding: 1em 0;
 201       border-top: 1px solid #c9ccce; }
 202       .activity .info .infobox th {
 203         text-transform: uppercase;
 204         margin: 0 0 0.5em -2.1875em;
 205         padding-left: 2.1875em;
 206         line-height: 24px;
 207         font-size: 1em; }
 208       .activity .info .infobox p {
 209         margin: 0; }
 210     .activity table.info { border-spacing: 0.2cm }
 211     .activity .info th, .activity .info td { vertical-align: top; }
 212     .activity .info th {
 213       background: no-repeat 0 0;
 214       background-size: 25px 25px; }
 215     .activity .info .time th {
 216       background-image: url("activity-time.svg"); }
 217     .activity .info .kind th {
 218       background-image: url("activity-kind.svg"); }
 219     .activity .info .materials th {
 220       background-image: url("activity-tools.svg"); }
 221
 222 .materials-list {
 223     border: thick solid #ed7831;
 224     border-radius: 0.5cm;
 225     width: 60%;
 226     padding: 0 0.3cm 0.3cm;
 227     margin-top: 0.5cm;
 228     page-break-inside: avoid;
 229 }
 230 .materials-list p {
 231     margin-top: 0.2cm;
 232     margin-bottom: 0.2cm;
 233 }
 234
 235 dl {
 236   width: 100%;
 237   padding: 0;
 238   margin: 0;
 239 }
 240 dt {
 241   display: inline-block;
 242   width: 20%;
 243   padding: 0.1cm;
 244   margin: 0;
 245   font-weight: bold;
 246   vertical-align: top;
 247 }
 248 dd {
 249   display: inline-block;
 250   width: 70%;
 251   padding: 0.1cm;
 252   margin: 0;
 253   vertical-align: top;
 254 }
 255
 256 .lista .paragraph {
 257   margin: .3em 0; }
 258 .lista li {
 259   margin: .75em 0; }
 260
 261 .clearboth {
 262   clear: both; }
 263
 264 #book-text .top-link {
 265   margin-top: 1em; }
 266
 267 .help {
 268   font-size: .7em;
 269   padding: 0 .5em;
 270   color: #888;
 271   vertical-align: super; }
 272
 273 .exercise img {
 274   vertical-align: top; }
 275 .exercise .question-piece {
 276   border-radius: 0.6875em;
 277   padding: 0.5em 0.6875em; }
 278 .exercise .lista.punkt {
 279   list-style: none;
 280   margin: 0;
 281   padding: 0; }
 282 .exercise .lista li {
 283   margin: 0.3125em 0; }
 284 .exercise .question-piece.correct {
 285   background-color: #16a487;
 286   color: white; }
 287 .exercise .question-piece.incorrect {
 288   background-color: #f00;
 289   color: white; }
 290 .exercise .placeholder.dragover {
 291   background: #ed7831 !important; }
 292 .exercise .remove {
 293   float: right;
 294   display: inline-block;
 295   border-radius: 0.5em;
 296   padding: 0.25em 0.5em;
 297   margin: -0.25em -0.5em -0.25em 0.5em;
 298   background: #ed7831;
 299   color: white; }
 300 .exercise .buttons {
 301   background: #5e6165;
 302   border-radius: 0.5625em;
 303   height: 1.875em;
 304   line-height: 1.875em;
 305   overflow: hidden;
 306   color: white;
 307   margin-top: 1.875em; }
 308   .exercise .buttons input {
 309     height: 100%;
 310     border: 0;
 311     background: #8e9093;
 312     color: white;
 313     text-transform: uppercase;
 314     font-weight: bold; }
 315   .exercise .buttons .message {
 316     float: right;
 317     padding: 0 1.25em;
 318     background: red; }
 319   .exercise .buttons .maxscore {
 320     background: #16a487; }
 321   .exercise .buttons input.check {
 322     background: #ed7831; }
 323
 324 .exercise .instruction {
 325   display: block;
 326   margin: .3em;
 327   color: green;
 328   font-size: .9em; }
 329 .exercise .instruction:before {
 330   content: "☞ "; }
 331
 332 .luki .question-piece {
 333   background-color: #d4d6d8;
 334   color: #363a3e;
 335   z-index: 2;
 336   display: inline-block;
 337   margin: 0.3125em;
 338   max-width: 38em; }
 339 .luki .question-piece.disabled {
 340   background-color: #eee;
 341   color: #d4d6d8; }
 342 .luki .placeholder {
 343   border-radius: 0.6875em;
 344   padding: 0.5em 0.6875em;
 345   display: inline-block;
 346   margin: 0.3125em;
 347   width: 4em;
 348   background-color: #eee;
 349   z-index: 1; }
 350 .luki .placeholder:after {
 351   content: "\0000a0"; }
 352
 353 .zastap .question-piece {
 354   background-color: #d4d6d8;
 355   color: #363a3e;
 356   display: inline-block;
 357   margin: 0.3125em;
 358   z-index: 2; }
 359 .zastap .question-piece.disabled {
 360   background-color: #eee;
 361   color: #d4d6d8; }
 362 .zastap .question-piece.placeholder {
 363   background-color: inherit;
 364   color: inherit;
 365   z-index: inherit;
 366   display: inline;
 367   margin: 0;
 368   padding: 0;
 369   border-radius: 0; }
 370
 371 .uporzadkuj .question-piece {
 372   background-color: #d4d6d8;
 373   color: #363a3e;
 374   z-index: 2; }
 375 .uporzadkuj .question-piece.disabled {
 376   background-color: #eee;
 377   color: #d4d6d8; }
 378 .uporzadkuj .lista {
 379   list-style: none;
 380   margin: 0;
 381   padding: 0;
 382   counter-reset: answer; }
 383   .uporzadkuj .lista li {
 384     counter-increment: answer;
 385     padding-right: 3em;
 386       background: url("/static/img/ornaments/draggable.c03941f77eb9.png") no-repeat 100% 50%;
 387   }
 388   .uporzadkuj .lista li:before {
 389     border-radius: 0.6875em;
 390     padding: 0.5em 0.6875em;
 391     background-color: #d4d6d8;
 392     color: #363a3e;
 393     z-index: 2;
 394     content: counter(answer);
 395     float: left;
 396     margin: -.5em 0 0 -3em; }
 397   .uporzadkuj .lista li.ui-sortable-placeholder {
 398     counter-increment: answer 0; }
 399   .uporzadkuj .lista li.ui-sortable-helper:before {
 400     content: none; }
 401
 402 .przyporzadkuj .question-piece {
 403   background-color: #d4d6d8;
 404   color: #363a3e;
 405   z-index: 2;
 406   width: 38.625em; }
 407 .przyporzadkuj .question-piece.short {
 408   display: inline-block;
 409   margin: .2em .1em;
 410   width: auto; }
 411 .przyporzadkuj span.question-piece {
 412   display: inline-block;
 413   margin: .1em;
 414   width: auto; }
 415 .przyporzadkuj .question-piece.disabled {
 416   background-color: #eee;
 417   color: #d4d6d8; }
 418 .przyporzadkuj .predicate {
 419   list-style: none;
 420   margin: 0;
 421   padding: 0; }
 422   .przyporzadkuj .predicate > li {
 423     border-radius: 0.6875em;
 424     padding: 0.5em 0.6875em;
 425     display: inline-block;
 426     background-color: #5e6165;
 427     color: white;
 428     width: 11.75em;
 429     position: relative;
 430     vertical-align: top; }
 431     .przyporzadkuj .predicate > li .subjects {
 432       list-style: none;
 433       min-height: 2.8125em;
 434       position: relative;
 435       margin: 0.5em -0.6875em -0.5em -0.6875em;
 436       padding: 0.5em 0.6875em; }
 437       .przyporzadkuj .predicate > li .subjects li {
 438         width: auto; }
 439       .przyporzadkuj .predicate > li .subjects .placeholder {
 440         border-radius: 0.6875em;
 441         padding: 0.5em 0.6875em;
 442         text-align: right;
 443         position: relative;
 444         margin: 0 -0.6875em; }
 445       .przyporzadkuj .predicate > li .subjects .multiple {
 446         position: absolute;
 447         z-index: -1;
 448         top: 0;
 449         bottom: 0;
 450         left: 0;
 451         right: 0;
 452         margin: 0; }
 453       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
 454         z-index: 1; }
 455       .przyporzadkuj .predicate > li .subjects .placeholder:after {
 456         content: "upuść tutaj"; }
 457 .przyporzadkuj .subject {
 458   list-style: none;
 459   margin: 0;
 460   padding: 0; }
 461
 462 .prawdafalsz .question li.question-piece {
 463   position: relative;
 464   padding-bottom: 0;
 465   padding-top: 0; }
 466 .prawdafalsz .question .question-piece-text {
 467   display: inline-block;
 468   width: 10cm;
 469   vertical-align: top;
 470   margin-top: 0.3cm;
 471 }.prawdafalsz .question .buttons {
 472   margin-top: 0;
 473   top: 0.2cm;
 474   left: 0;
 475   position: relative;
 476   background-color: #d4d6d8;
 477   color: #363a3e;
 478   display: inline-block;
 479   margin-right: 0.5cm; }
 480   .prawdafalsz .question .buttons a {
 481     color: #363a3e;
 482     text-transform: uppercase;
 483     font-weight: bold;
 484     display: inline-block;
 485     padding: 0 0.6875em; }
 486   .prawdafalsz .question .buttons a.chosen,
 487   [data-solution="false"] .false,
 488   [data-solution="true"] .true {
 489     background: #ed7831;
 490     color: white;
 491     border: 4px solid black;
 492     height: 29px;
 493     box-sizing: border-box;
 494     line-height: initial; }
 495   [data-solution="false"] .false {
 496     border-top-right-radius: 8px;
 497     border-bottom-right-radius: 8px; }
 498   [data-solution="true"] .true {
 499     border-top-left-radius: 8px;
 500     border-bottom-left-radius: 8px; }
 501
 502 .wybor .question .lista {
 503   list-style: none;
 504   padding: 0; }
 505   .wybor .question .lista li {
 506     margin: 0; }