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     margin-right: 1.25em; }
  45   .exercise .buttons input.check {
  46     background: #ed7831; }
  47
  48 .luki .question-piece {
  49   background-color: #d4d6d8;
  50   color: #363a3e;
  51   cursor: pointer;
  52   z-index: 2;
  53   display: inline-block;
  54   margin: 0.313em;
  55   z-index: 2; }
  56 .luki .question-piece.disabled {
  57   background-color: #eee;
  58   color: #d4d6d8; }
  59 .luki .placeholder {
  60   border-radius: 0.688em;
  61   padding: 0.5em 0.688em;
  62   display: inline-block;
  63   margin: 0.313em;
  64   z-index: 2;
  65   width: 4em;
  66   background-color: #eee;
  67   z-index: 1; }
  68 .luki .placeholder:after {
  69   content: "\0000a0"; }
  70
  71 .zastap .question-piece {
  72   background-color: #d4d6d8;
  73   color: #363a3e;
  74   cursor: pointer;
  75   z-index: 2;
  76   display: inline-block;
  77   margin: 0.313em;
  78   z-index: 2; }
  79 .zastap .question-piece.disabled {
  80   background-color: #eee;
  81   color: #d4d6d8; }
  82 .zastap .question-piece.placeholder {
  83   background-color: inherit;
  84   color: inherit;
  85   cursor: inherit;
  86   z-index: inherit;
  87   display: inline;
  88   margin: 0;
  89   padding: 0;
  90   z-index: inherit;
  91   border-radius: 0; }
  92
  93 .uporzadkuj .question-piece {
  94   background-color: #d4d6d8;
  95   color: #363a3e;
  96   cursor: pointer;
  97   z-index: 2; }
  98 .uporzadkuj .question-piece.disabled {
  99   background-color: #eee;
 100   color: #d4d6d8; }
 101 .uporzadkuj .lista {
 102   list-style: none;
 103   margin: 0;
 104   padding: 0; }
 105
 106 .przyporzadkuj .question-piece {
 107   background-color: #d4d6d8;
 108   color: #363a3e;
 109   cursor: pointer;
 110   z-index: 2;
 111   width: 38.625em; }
 112 .przyporzadkuj span.question-piece {
 113   display: inline-block;
 114   margin: .1em;
 115   width: auto; }
 116 .przyporzadkuj .question-piece.disabled {
 117   background-color: #eee;
 118   color: #d4d6d8; }
 119 .przyporzadkuj .predicate {
 120   list-style: none;
 121   margin: 0;
 122   padding: 0; }
 123   .przyporzadkuj .predicate > li {
 124     border-radius: 0.688em;
 125     padding: 0.5em 0.688em;
 126     display: inline-block;
 127     background-color: #5e6165;
 128     color: white;
 129     width: 11.75em;
 130     position: relative;
 131     vertical-align: top; }
 132     .przyporzadkuj .predicate > li .subjects {
 133       list-style: none;
 134       margin: 0;
 135       padding: 0;
 136       min-height: 2.813em;
 137       position: relative;
 138       margin: 0.5em -0.688em -0.5em -0.688em;
 139       padding: 0.5em 0.688em; }
 140       .przyporzadkuj .predicate > li .subjects li {
 141         width: auto; }
 142       .przyporzadkuj .predicate > li .subjects .placeholder {
 143         border-radius: 0.688em;
 144         padding: 0.5em 0.688em;
 145         position: absolute;
 146         top: 0;
 147         bottom: 0;
 148         left: 0;
 149         right: 0;
 150         margin: 0;
 151         z-index: -1;
 152         text-align: right; }
 153       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
 154         z-index: 1; }
 155       .przyporzadkuj .predicate > li .subjects .placeholder:after {
 156         content: "upuść tutaj";
 157         text-style: italic; }
 158 .przyporzadkuj .subject {
 159   list-style: none;
 160   margin: 0;
 161   padding: 0; }
 162
 163 .prawdafalsz .question li.question-piece {
 164   position: relative;
 165   padding-left: 11em; }
 166 .prawdafalsz .question .buttons {
 167   margin-top: 0;
 168   top: 0;
 169   left: 0;
 170   position: absolute;
 171   background-color: #d4d6d8;
 172   color: #363a3e;
 173   display: inline-block; }
 174   .prawdafalsz .question .buttons a {
 175     color: #363a3e;
 176     text-transform: uppercase;
 177     font-weight: bold;
 178     display: inline-block;
 179     padding: 0 0.688em; }
 180   .prawdafalsz .question .buttons a.chosen {
 181     background: #ed7831;
 182     color: white; }
 183
 184 .wybor .question .lista {
 185   list-style: none;
 186   padding: 0; }
 187   .wybor .question .lista li {
 188     margin: 0; }