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