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