src/widgets/Quiz.css
changeset 1068 7623f9af9272
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/widgets/Quiz.css	Fri Oct 02 11:27:17 2015 +0200
@@ -0,0 +1,224 @@
+/* Nothing */
+
+.Ldt-Quiz-Container {
+  	position: absolute;
+  	height: calc(100% - 4px);
+  	top: 0px;
+  	width: calc(100% - 20px);
+	margin: auto;
+	border: 1px solid black;
+	font-size: 18pt;
+}
+
+.Ldt-Quiz-Title {
+    line-height: 1;
+    padding-top: 10px;
+    text-align: center;
+}
+
+.Ldt-Quiz-Header {
+	font-size: 12px;
+	color: black;
+	border-bottom: 1px solid green;
+	padding: 2px;
+    height: 22px;
+}
+
+.Ldt-Quiz-Content {
+    height: calc(100% - 82px);
+    overflow-y: auto;
+}
+
+.Ldt-Quiz-Footer {
+    height: 60px;
+	width: 100%;
+	position: absolute;
+	bottom: 0px;
+	border-top: 2px solid black;
+	background-color: white;
+}
+
+
+.Ldt-Quiz-Score {
+	display: inline-block;
+	position: absolute;
+	right: 20px;
+}
+
+.Ldt-Quiz-Index {
+	display: inline-block;
+}
+
+.Ldt-Quiz-Image {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.Ldt-Quiz-Questions {
+    height: calc(100% - 2.5em);
+    margin: 10px;
+    padding: 10px;
+    border-left: 5px solid gray;
+}
+
+.quiz-question-block {
+    padding-top: 10px;
+}
+.quiz-resource-block {
+    padding-top: 10px;
+    float: right;
+    max-height: 100%;
+    height: 100%;
+}
+.quiz-resource-block img {
+    max-height: 100%;
+    max-width: 100%;
+}
+
+.quiz-question-feedback {
+	font-size: 15px;
+}
+
+.quiz-question-feedback div {
+    display: inline-block;
+	height: 100%;
+}
+
+.quiz-question-correct-feedback:before, .quiz-question-incorrect-feedback:before {
+		                                    content: '';
+		                                    vertical-align: middle;
+		                                    display: inline-block;
+		                                    width: 48px;
+		                                    height: 48px;
+                                        }
+
+.quiz-question-correct-feedback:before {
+	background: url(img/valid_sprites.png) left top no-repeat;
+}
+
+.quiz-question-incorrect-feedback:before {
+	background: url(img/valid_sprites.png) -49px top no-repeat;
+}
+
+.Ldt-Quiz-Correct-Answer:before {
+	background: url(img/min_valid_sprites.png) left top no-repeat;
+}
+
+.Ldt-Quiz-Incorrect-Answer:before {
+	background: url(img/min_valid_sprites.png) -13px top no-repeat;
+}
+
+.Ldt-Quiz-Correct-Answer:before, .Ldt-Quiz-Incorrect-Answer:before {
+		                              content: '';
+		                              vertical-align: middle;
+		                              display: inline-block;
+		                              width: 12px;
+		                              height: 12px;
+                                  }
+
+.Ldt-Quiz-Submit {
+    margin: 10px;
+}
+
+.Ldt-Quiz-Submit .Ldt-Quiz-Submit-Skip-Link {
+    float: left;
+}
+
+.Ldt-Quiz-Submit-Skip-Link a {
+    text-decoration: none;
+    font-size: 16pt;
+}
+
+.Ldt-Quiz-Submit .Ldt-Quiz-Submit-Button {
+    float: right;
+}
+
+.Ldt-Quiz-Votes {
+    display: none;
+    height: 53px;
+    position: relative;
+}
+
+.Ldt-Quiz-Votes-Question {
+    font-size: 16px;
+    position: absolute;
+    top: 2px;
+    left: 0px;
+}
+
+.Ldt-Quiz-Votes-Buttons {
+    position: absolute;
+    bottom: 2px;
+    left: 0px;
+    right: 0px;
+}
+
+.Ldt-Quiz-Votes-Buttons div {
+    display: inline-block;
+    width: 33%;
+    text-align: center;
+}
+
+.Ldt-Quiz-Vote-Skip-Block {
+    width: 30% !important;
+    text-align: right;
+}
+
+.Ldt-Quiz-Vote-Skip-Block a {
+    text-decoration: none;
+}
+
+.Ldt-Quiz-Overlay {
+    position: absolute;
+    top: 0px;
+    background-color: white;
+    z-index: 5;
+    width: 100%;
+    height: 100%;
+}
+
+.Ldt-Pause-Add-Question {
+    background: url(img/quiz_add_question.svg) no-repeat;
+    background-position: center;
+    background-size: contain;
+  	position: absolute;
+    bottom: 40px;
+    right: 0px;
+    height: 15%;
+    width: 15%;
+    max-width: 64px;
+    max-height: 64px;
+    z-index: 10;
+}
+
+.Ldt-Quiz-Result {
+    position: absolute;
+	height: 0px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fde073;
+    text-align: center;
+    line-height: 2.5;
+    overflow: hidden;
+    -webkit-box-shadow: 0 0 5px black;
+    -moz-box-shadow:    0 0 5px black;
+    box-shadow:         0 0 5px black;
+}
+
+input[type="button"] {
+    border: none;
+    font-size: 18pt;
+    text-align: center;
+    background-color: #5BCE5B;
+    color: #fff;
+    cursor: pointer;
+}
+
+input[value="Non"] {
+    background-color: #F86060;
+}
+
+input.quiz-question:checked + .quiz-question-label {
+    text-decoration: underline;
+}