catalogue/static/catalogue/css/exercise.css

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