EDUCATIC
/
h5p-question-set
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

HFJ-1: Style tweaks 

Decreased start-button size in QS intro.
Removed H2 on QS end if not set.
Adjusted QuestionSet end emoticon.
Removed background on multichoice feedback field.
pull/1/head
Frank Ronny Larsen 2013-11-08 11:42:08 +01:00
parent 9cc9250451
commit 84c9e73b30
3 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/questionset.css
View File

@ -14,7 +14,7 @@
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; font-weight: bold;
padding-bottom: 0.5em; padding-bottom: 0.5em;
} }
.questionset, .intro-page, .questionset-results { .questionset, .intro-page, .questionset-results {
overflow: hidden; overflow: hidden;
@ -85,7 +85,7 @@
border-radius: 0.4em; border-radius: 0.4em;
margin: 0 0.5em 1em; margin: 0 0.5em 1em;
cursor: pointer; cursor: pointer;
color: #fff; color: #ffffff;
box-shadow: 0 0 0.5em #999; box-shadow: 0 0 0.5em #999;
background: rgb(100,152,254); /* Old browsers */ background: rgb(100,152,254); /* Old browsers */
@ -99,6 +99,7 @@
.qs-footer .button:hover, .qs-startbutton:hover, .questionset-results .button:hover, .video-container > .button:hover { .qs-footer .button:hover, .qs-startbutton:hover, .questionset-results .button:hover, .video-container > .button:hover {
text-decoration: none; text-decoration: none;
box-shadow: 0 0 0.5em #999; box-shadow: 0 0 0.5em #999;
color: #ffffff;
background: rgb(4,104,206); /* Old browsers */ background: rgb(4,104,206); /* Old browsers */
background: -moz-linear-gradient(top, rgba(4,104,206,1) 0%, rgba(100,152,254,1) 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(4,104,206,1) 0%, rgba(100,152,254,1) 100%); /* FF3.6+ */
@ -108,10 +109,6 @@
background: -ms-linear-gradient(top, rgba(4,104,206,1) 0%,rgba(100,152,254,1) 100%); /* IE10+ */ background: -ms-linear-gradient(top, rgba(4,104,206,1) 0%,rgba(100,152,254,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0468ce', endColorstr='#6498fe',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0468ce', endColorstr='#6498fe',GradientType=0 ); /* IE6-9 */
} }
.qs-startbutton {
display: inline-block;
font-size: 2.5em;
}
.qs-footer > .prev { .qs-footer > .prev {
float: left; float: left;
} }
@ -202,7 +199,6 @@
font-family: icomoon-questionset; font-family: icomoon-questionset;
font-size: 5em; font-size: 5em;
content: "\e606"; content: "\e606";
top: 0.5em;
position: relative; position: relative;
float: left; float: left;
} }
@ -211,14 +207,13 @@
font-family: icomoon-questionset; font-family: icomoon-questionset;
font-size: 5em; font-size: 5em;
content: "\e607"; content: "\e607";
top: 0.5em;
position: relative; position: relative;
float: left; float: left;
} }
.questionset-results .resulttext.success, .questionset-results .resulttext.success,
.resulttext.almost, .questionset-results .resulttext.almost,
.resulttext.fail .questionset-results .resulttext.fail
{ {
display: block; display: block;
background: #eee; background: #eee;
@ -229,21 +224,21 @@
font-size: 1em; font-size: 1em;
} }
.questionset-results .resulttext.success:before, .questionset-results .resulttext.success:before,
.resulttext.fail:before .questionset-results .resulttext.fail:before
{ {
font-family: icomoon-questionset; font-family: icomoon-questionset;
content: ""; content: "";
font-size: 5em; font-size: 5em;
position: absolute; position: absolute;
left: -15px; left: -15px;
top: 36px; top: 22px;
height: 0; height: 0;
width: 0; width: 0;
border-top: 15px solid transparent; border-top: 15px solid transparent;
border-bottom: 15px solid transparent; border-bottom: 15px solid transparent;
border-right: 15px solid #eee; border-right: 15px solid #eee;
display: inline-block; display: inline-block;
} }
.questionset-results .resulttext.success em { .questionset-results .resulttext.success em {

2
js/questionset.js
View File

@ -71,7 +71,7 @@ H5P.QuestionSet = function (options, contentId) {
' <div class="greeting"><%= greeting %></div>' + ' <div class="greeting"><%= greeting %></div>' +
' <div class="score <%= scoreclass %>">' + ' <div class="score <%= scoreclass %>">' +
' <div class="emoticon"></div>' + ' <div class="emoticon"></div>' +
' <div class="resulttext <%= scoreclass %>"><h2><%= comment %></h2><%= score %><br><%= resulttext %></div>' + ' <div class="resulttext <%= scoreclass %>"><% if (comment) { %><h2><%= comment %></h2><% } %><%= score %><br><%= resulttext %></div>' +
' </div>' + ' </div>' +
' <div class="buttons"><a class="button qs-finishbutton"><%= finishButtonText %></a><a class="button qs-solutionbutton"><%= solutionButtonText %></a></div>' + ' <div class="buttons"><a class="button qs-finishbutton"><%= finishButtonText %></a><a class="button qs-solutionbutton"><%= solutionButtonText %></a></div>' +
'</div>'; '</div>';

2
library.json
View File

@ -3,7 +3,7 @@
"contentType": "question", "contentType": "question",
"majorVersion": 1, "majorVersion": 1,
"minorVersion": 0, "minorVersion": 0,
"patchVersion": 33, "patchVersion": 34,
"runnable": 1, "runnable": 1,
"fullscreen": 0, "fullscreen": 0,
"machineName": "H5P.QuestionSet", "machineName": "H5P.QuestionSet",