$px: 0.0625em;
+$oranji: #ed7831;
+$ciemny: #363a3e;
+$zielony: #16a487;
@mixin bubble {
.exercise {
+ img {
+ vertical-align: top;
+ }
+
.question-piece {
@include bubble;
}
}
.message {
float: right;
- margin-right: 20*$px;
+ padding: 0 20*$px;
+ background: red;
+ }
+ .maxscore {
+ background: #16a487;
}
input.check {
}
}
+}
+
+.exercise, .exercise-wtem {
+ .instruction {
+ display: block;
+ margin: .3em;
+ color: green;
+ font-size: .9em;
+ }
+ .instruction:before {
+ content: "☞ ";
+ }
}
.question-piece {
@include bubble-drag;
@include bubble-inline;
+ max-width: 608*$px;
}
.question-piece.disabled {
@include bubble-drag-disabled;
}
.lista {
@include list-plain;
+ counter-reset: answer;
+ li {
+ counter-increment: answer;
+ padding-right: 3em;
+ background-image: url(/static/img/ornaments/draggable.png);
+ background-repeat: no-repeat;
+ background-position: 100% 50%;
+ }
+ li:before {
+ @include bubble;
+ @include bubble-drag;
+ content: counter(answer);
+ float: left;
+ margin: -.5em 0 0 -3em;
+ }
+ li.ui-sortable-placeholder {
+ counter-increment: answer 0;
+ }
+ li.ui-sortable-helper:before {
+ content: none;
+ }
}
}
.przyporzadkuj {
.question-piece {
@include bubble-drag;
+ width: 618*$px;
+ }
+ .question-piece.short {
+ display: inline-block;
+ margin: .2em .1em;
+ width: auto;
+ }
+ span.question-piece {
+ display: inline-block;
+ margin: .1em;
+ width: auto;
}
.question-piece.disabled {
@include bubble-drag-disabled;
margin: 8*$px -11*$px -8*$px -11*$px;
padding: 8*$px 11*$px;
+ li {
+ width: auto;
+ }
+
.placeholder {
@include bubble;
+ text-align: right;
+ position:relative;
+ padding: 8*$px 11*$px;
+ margin: 0 -11*$px;
+ }
+ .multiple {
position: absolute;
+ z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
- z-index: -1;
- text-align: right;
}
+
.placeholder.dragover {
z-index: 1;
}