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