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.688em;
   6   padding: 0.5em 0.688em; }
   7 .exercise .lista.punkt {
   8   list-style: none;
   9   margin: 0;
  10   padding: 0; }
  11 .exercise .lista li {
  12   margin: 0.313em 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.563em;
  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.313em;
  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.688em;
  74   padding: 0.5em 0.688em;
  75   display: inline-block;
  76   margin: 0.313em;
  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.313em;
  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.688em;
 127     padding: 0.5em 0.688em;
 128     background-color: #d4d6d8;
 129     color: #363a3e;
 130     cursor: pointer;
 131     z-index: 2;
 132     content: counter(answer);
 133     float: left;
 134     margin: -0.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 span.question-piece {
 147   display: inline-block;
 148   margin: .1em;
 149   width: auto; }
 150 .przyporzadkuj .question-piece.disabled {
 151   background-color: #eee;
 152   color: #d4d6d8; }
 153 .przyporzadkuj .predicate {
 154   list-style: none;
 155   margin: 0;
 156   padding: 0; }
 157   .przyporzadkuj .predicate > li {
 158     border-radius: 0.688em;
 159     padding: 0.5em 0.688em;
 160     display: inline-block;
 161     background-color: #5e6165;
 162     color: white;
 163     width: 11.75em;
 164     position: relative;
 165     vertical-align: top; }
 166     .przyporzadkuj .predicate > li .subjects {
 167       list-style: none;
 168       margin: 0;
 169       padding: 0;
 170       min-height: 2.813em;
 171       position: relative;
 172       margin: 0.5em -0.688em -0.5em -0.688em;
 173       padding: 0.5em 0.688em; }
 174       .przyporzadkuj .predicate > li .subjects li {
 175         width: auto; }
 176       .przyporzadkuj .predicate > li .subjects .placeholder {
 177         border-radius: 0.688em;
 178         padding: 0.5em 0.688em;
 179         text-align: right;
 180         position: relative;
 181         padding: 0.5em 0.688em;
 182         margin: 0 -0.688em; }
 183       .przyporzadkuj .predicate > li .subjects .multiple {
 184         position: absolute;
 185         z-index: -1;
 186         top: 0;
 187         bottom: 0;
 188         left: 0;
 189         right: 0;
 190         margin: 0; }
 191       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
 192         z-index: 1; }
 193       .przyporzadkuj .predicate > li .subjects .placeholder:after {
 194         content: "upuść tutaj";
 195         text-style: italic; }
 196 .przyporzadkuj .subject {
 197   list-style: none;
 198   margin: 0;
 199   padding: 0; }
 200
 201 .prawdafalsz .question li.question-piece {
 202   position: relative;
 203   padding-left: 11em; }
 204 .prawdafalsz .question .buttons {
 205   margin-top: 0;
 206   top: 0;
 207   left: 0;
 208   position: absolute;
 209   background-color: #d4d6d8;
 210   color: #363a3e;
 211   display: inline-block; }
 212   .prawdafalsz .question .buttons a {
 213     color: #363a3e;
 214     text-transform: uppercase;
 215     font-weight: bold;
 216     display: inline-block;
 217     padding: 0 0.688em; }
 218   .prawdafalsz .question .buttons a.chosen {
 219     background: #ed7831;
 220     color: white; }
 221
 222 .wybor .question .lista {
 223   list-style: none;
 224   padding: 0; }
 225   .wybor .question .lista li {
 226     margin: 0; }