catalogue/static/catalogue/css/exercise.css

   1 @charset "UTF-8";
   2 .exercise img {
   3   vertical-align: top; }
   4 .exercise .question-piece {
   5   border-radius: 0.6875em;
   6   padding: 0.5em 0.6875em; }
   7 .exercise .lista.punkt {
   8   list-style: none;
   9   margin: 0;
  10   padding: 0; }
  11 .exercise .lista li {
  12   margin: 0.3125em 0; }
  13 .exercise .question-piece.correct {
  14   background-color: #16a487;
  15   color: white; }
  16 .exercise .question-piece.incorrect {
  17   background-color: #f00;
  18   color: white; }
  19 .exercise .placeholder.dragover {
  20   background: #ed7831 !important; }
  21 .exercise .remove {
  22   float: right;
  23   display: inline-block;
  24   border-radius: 0.5em;
  25   padding: 0.25em 0.5em;
  26   margin: -0.25em -0.5em -0.25em 0.5em;
  27   background: #ed7831;
  28   color: white; }
  29 .exercise .buttons {
  30   background: #5e6165;
  31   border-radius: 0.5625em;
  32   height: 1.875em;
  33   line-height: 1.875em;
  34   overflow: hidden;
  35   color: white;
  36   margin-top: 1.875em; }
  37   .exercise .buttons input {
  38     height: 100%;
  39     border: 0;
  40     background: #8e9093;
  41     color: white;
  42     text-transform: uppercase;
  43     font-weight: bold; }
  44   .exercise .buttons .message {
  45     float: right;
  46     padding: 0 1.25em;
  47     background: red; }
  48   .exercise .buttons .maxscore {
  49     background: #16a487; }
  50   .exercise .buttons input.check {
  51     background: #ed7831; }
  52 .exercise .instruction {
  53   display: block;
  54   margin: .3em;
  55   color: green;
  56   font-size: .9em; }
  57 .exercise .instruction:before {
  58   content: "☞ "; }
  59
  60 .luki .question-piece {
  61   background-color: #d4d6d8;
  62   color: #363a3e;
  63   cursor: pointer;
  64   z-index: 2;
  65   display: inline-block;
  66   margin: 0.3125em;
  67   z-index: 2;
  68   max-width: 38em; }
  69 .luki .question-piece.disabled {
  70   background-color: #eee;
  71   color: #d4d6d8; }
  72 .luki .placeholder {
  73   border-radius: 0.6875em;
  74   padding: 0.5em 0.6875em;
  75   display: inline-block;
  76   margin: 0.3125em;
  77   z-index: 2;
  78   width: 4em;
  79   background-color: #eee;
  80   z-index: 1; }
  81 .luki .placeholder:after {
  82   content: "\0000a0"; }
  83
  84 .zastap .question-piece {
  85   background-color: #d4d6d8;
  86   color: #363a3e;
  87   cursor: pointer;
  88   z-index: 2;
  89   display: inline-block;
  90   margin: 0.3125em;
  91   z-index: 2; }
  92 .zastap .question-piece.disabled {
  93   background-color: #eee;
  94   color: #d4d6d8; }
  95 .zastap .question-piece.placeholder {
  96   background-color: inherit;
  97   color: inherit;
  98   cursor: inherit;
  99   z-index: inherit;
 100   display: inline;
 101   margin: 0;
 102   padding: 0;
 103   z-index: inherit;
 104   border-radius: 0; }
 105
 106 .uporzadkuj .question-piece {
 107   background-color: #d4d6d8;
 108   color: #363a3e;
 109   cursor: pointer;
 110   z-index: 2; }
 111 .uporzadkuj .question-piece.disabled {
 112   background-color: #eee;
 113   color: #d4d6d8; }
 114 .uporzadkuj .lista {
 115   list-style: none;
 116   margin: 0;
 117   padding: 0;
 118   counter-reset: answer; }
 119   .uporzadkuj .lista li {
 120     counter-increment: answer;
 121     padding-right: 3em;
 122     background-image: url(/static/img/ornaments/draggable.png);
 123     background-repeat: no-repeat;
 124     background-position: 100% 50%; }
 125   .uporzadkuj .lista li:before {
 126     border-radius: 0.6875em;
 127     padding: 0.5em 0.6875em;
 128     background-color: #d4d6d8;
 129     color: #363a3e;
 130     cursor: pointer;
 131     z-index: 2;
 132     content: counter(answer);
 133     float: left;
 134     margin: -.5em 0 0 -3em; }
 135   .uporzadkuj .lista li.ui-sortable-placeholder {
 136     counter-increment: answer 0; }
 137   .uporzadkuj .lista li.ui-sortable-helper:before {
 138     content: none; }
 139
 140 .przyporzadkuj .question-piece {
 141   background-color: #d4d6d8;
 142   color: #363a3e;
 143   cursor: pointer;
 144   z-index: 2;
 145   width: 38.625em; }
 146 .przyporzadkuj .question-piece.short {
 147   display: inline-block;
 148   margin: .2em .1em;
 149   width: auto; }
 150 .przyporzadkuj span.question-piece {
 151   display: inline-block;
 152   margin: .1em;
 153   width: auto; }
 154 .przyporzadkuj .question-piece.disabled {
 155   background-color: #eee;
 156   color: #d4d6d8; }
 157 .przyporzadkuj .predicate {
 158   list-style: none;
 159   margin: 0;
 160   padding: 0; }
 161   .przyporzadkuj .predicate > li {
 162     border-radius: 0.6875em;
 163     padding: 0.5em 0.6875em;
 164     display: inline-block;
 165     background-color: #5e6165;
 166     color: white;
 167     width: 11.75em;
 168     position: relative;
 169     vertical-align: top; }
 170     .przyporzadkuj .predicate > li .subjects {
 171       list-style: none;
 172       margin: 0;
 173       padding: 0;
 174       min-height: 2.8125em;
 175       position: relative;
 176       margin: 0.5em -0.6875em -0.5em -0.6875em;
 177       padding: 0.5em 0.6875em; }
 178       .przyporzadkuj .predicate > li .subjects li {
 179         width: auto; }
 180       .przyporzadkuj .predicate > li .subjects .placeholder {
 181         border-radius: 0.6875em;
 182         padding: 0.5em 0.6875em;
 183         text-align: right;
 184         position: relative;
 185         padding: 0.5em 0.6875em;
 186         margin: 0 -0.6875em; }
 187       .przyporzadkuj .predicate > li .subjects .multiple {
 188         position: absolute;
 189         z-index: -1;
 190         top: 0;
 191         bottom: 0;
 192         left: 0;
 193         right: 0;
 194         margin: 0; }
 195       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
 196         z-index: 1; }
 197       .przyporzadkuj .predicate > li .subjects .placeholder:after {
 198         content: "upuść tutaj";
 199         text-style: italic; }
 200 .przyporzadkuj .subject {
 201   list-style: none;
 202   margin: 0;
 203   padding: 0; }
 204
 205 .prawdafalsz .question li.question-piece {
 206   position: relative;
 207   padding-left: 11em; }
 208 .prawdafalsz .question .buttons {
 209   margin-top: 0;
 210   top: 0;
 211   left: 0;
 212   position: absolute;
 213   background-color: #d4d6d8;
 214   color: #363a3e;
 215   display: inline-block; }
 216   .prawdafalsz .question .buttons a {
 217     color: #363a3e;
 218     text-transform: uppercase;
 219     font-weight: bold;
 220     display: inline-block;
 221     padding: 0 0.6875em; }
 222   .prawdafalsz .question .buttons a.chosen {
 223     background: #ed7831;
 224     color: white; }
 225
 226 .wybor .question .lista {
 227   list-style: none;
 228   padding: 0; }
 229   .wybor .question .lista li {
 230     margin: 0; }