Commit de2fec2e authored by Tim Hunt's avatar Tim Hunt
Browse files

MDL-46092 bootstrapbase: add OU quiz styling

It is a nicer default to have in Moodle that what we had before.
parent 4f335140
......@@ -126,7 +126,7 @@ body.jsenabled .questionflagcheckbox {
background: #ddd;
text-align: center;
vertical-align: middle;
line-height: 1.5em !important;
line-height: 1.5em;
font-weight: bold;
text-decoration: none;
}
......
......@@ -9,7 +9,7 @@ select {
width: auto;
}
// Forum
// Forum module
.path-mod-forum .forumsearch {
input,
......@@ -245,6 +245,8 @@ div#dock {
display: none;
}
// Choice module
.path-mod-choice {
.horizontal .choices {
margin: 0;
......@@ -258,6 +260,8 @@ div#dock {
}
}
// Lesson module
.path-mod-lesson .firstpageoptions {
margin: auto;
min-width: 280px;
......@@ -687,3 +691,86 @@ div#dock {
overflow: hidden;
}
}
// Quiz module
// Question navigation block.
.path-mod-quiz #mod_quiz_navblock {
.qnbutton {
text-decoration: none;
font-size: 14px;
line-height: 20px;
font-weight: normal;
background-color: @white;
background-image: none;
height: 40px;
width: 30px;
border-radius: 3px;
border: 0;
overflow: visible;
margin: 0 6px 6px 0;
}
span.qnbutton {
cursor: default;
background-color: @inputDisabledBackground;
color: @gray;
}
a.qnbutton:hover,
a.qnbutton:active,
a.qnbutton:focus {
text-decoration: underline;
}
.qnbutton .thispageholder {
border: 1px solid;
border-radius: 3px;
z-index: 1;
}
.qnbutton.thispage .thispageholder {
border-width: 3px;
}
.allquestionsononepage .qnbutton.thispage .thispageholder {
border-width: 1px;
}
.qnbutton.flagged .thispageholder {
background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0px no-repeat;
}
.qnbutton .trafficlight {
border: 0;
background: @white none center/10px no-repeat scroll;
height: 20px;
margin-top: 20px;
border-radius: 0 0 3px 3px;
}
.qnbutton.notyetanswered .trafficlight,
.qnbutton.invalidanswer .trafficlight {
background-color: @white;
}
.qnbutton.invalidanswer .trafficlight {
background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
}
.qnbutton.correct .trafficlight {
background-image: url([[pix:theme|mod/quiz/checkmark]]);
background-color: @successText;
}
.qnbutton.blocked .trafficlight {
background-image: url([[pix:core|t/locked]]);
background-color: @inputDisabledBackground;
}
.qnbutton.notanswered .trafficlight,
.qnbutton.incorrect .trafficlight {
background-color: @errorText;
}
.qnbutton.partiallycorrect .trafficlight {
background-image: url([[pix:theme|mod/quiz/whitecircle]]);
background-color: @orange;
}
.qnbutton.complete .trafficlight,
.qnbutton.answersaved .trafficlight,
.path-mod-quiz #page .qnbutton.requiresgrading .trafficlight {
background-color: @grayLight;
}
}
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<polygon class="st0" points="32.1,9.3 27.5,4.7 12.2,19.9 4.8,12.5 0.1,17.1 12.2,29.2 12.4,29 12.4,29 "/>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="13"
height="13"
id="svg2996">
<defs
id="defs2998" />
<metadata
id="metadata3001">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(0,-3)"
id="layer1">
<path
d="M 0,0 13,13 13,0 z"
transform="translate(0,3)"
id="path3006"
style="fill:#ea0000;fill-opacity:1;stroke:none" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 32 32"
style="enable-background:new 0 0 32 32;"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
width="100%"
height="100%"
sodipodi:docname="warningtriangle.svg"><metadata
id="metadata3018"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs3016" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1221"
inkscape:window-height="862"
id="namedview3014"
showgrid="true"
inkscape:zoom="16.375799"
inkscape:cx="15.041926"
inkscape:cy="16"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1"><inkscape:grid
type="xygrid"
id="grid3796" /></sodipodi:namedview>
<style
type="text/css"
id="style3010">
.st0{fill:#FFFFFF;}
</style>
<path
style="color:#000000;fill:#800000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
inkscape:transform-center-y="-4.4999999"
d="M 16,0 32,32 0,32 z"
id="path3800"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" /></svg>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<circle class="st0" cx="16" cy="16" r="16"/>
</svg>
File suppressed by a .gitattributes entry or the file's encoding is unsupported.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment