Mercurial > hg > webaudioevaluationtool
annotate ape.css @ 2032:bdda930e3c55
Feature #1208: Added radio box option to page 'commentQuestion'. Also commentQuestion nodes are now common to core.js.
author | Nicholas Jillings <nickjillings@users.noreply.github.com> |
---|---|
date | Mon, 08 Jun 2015 11:00:15 +0100 |
parents | 7d3cbad47ae4 |
children | 4e9ab4f92f20 |
rev | line source |
---|---|
nickjillings@1643 | 1 /* |
nickjillings@1643 | 2 * Hold any style information for APE interface. Customise if you like to make the interface your own! |
nickjillings@1643 | 3 * |
nickjillings@1643 | 4 */ |
nickjillings@1643 | 5 body { |
nickjillings@1643 | 6 /* Set the background colour (note US English spelling) to grey*/ |
nickjillings@1643 | 7 background-color: #ddd |
nickjillings@1643 | 8 } |
nickjillings@1643 | 9 |
nickjillings@1643 | 10 div.title { |
nickjillings@1643 | 11 /* Specify any colouring for the title */ |
nickjillings@1643 | 12 } |
nickjillings@1643 | 13 |
nickjillings@1657 | 14 div.pageTitle { |
nickjillings@1657 | 15 width: auto; |
nickjillings@1657 | 16 height: 20px; |
nickjillings@1618 | 17 margin-top: 20px; |
nickjillings@1618 | 18 } |
nickjillings@1618 | 19 |
nickjillings@1618 | 20 div.pageTitle span{ |
nickjillings@1618 | 21 font-size: 1.5em; |
nickjillings@1657 | 22 } |
nickjillings@1657 | 23 |
nickjillings@1643 | 24 div.testHalt { |
nickjillings@1643 | 25 /* Specify any colouring during the test halt for pre/post questions */ |
nickjillings@1643 | 26 background-color: rgba(0,0,0,0.5); |
nickjillings@1643 | 27 /* Don't mess with this bit */ |
nickjillings@1643 | 28 z-index: 2; |
nickjillings@1643 | 29 width: 100%; |
nickjillings@1643 | 30 height: 100%; |
nickjillings@1643 | 31 position: absolute; |
nickjillings@1643 | 32 left: 0px; |
nickjillings@1643 | 33 top: 0px; |
nickjillings@1643 | 34 } |
nickjillings@1643 | 35 |
nickjillings@1643 | 36 button { |
nickjillings@1643 | 37 /* Specify any button structure or style */ |
nickjillings@1643 | 38 min-width: 20px; |
nickjillings@1643 | 39 background-color: #ddd |
nickjillings@1643 | 40 } |
nickjillings@1643 | 41 |
nickjillings@1643 | 42 div#slider { |
nickjillings@1643 | 43 /* Specify any structure for the slider holder interface */ |
nickjillings@1643 | 44 background-color: #eee; |
nickjillings@1643 | 45 height: 150px; |
nickjillings@1657 | 46 margin-bottom: 5px; |
nickjillings@1657 | 47 } |
nickjillings@1657 | 48 |
nickjillings@1657 | 49 div.sliderScale { |
nickjillings@1657 | 50 width: 100%; |
nickjillings@2003 | 51 min-height: 30px; |
nickjillings@2003 | 52 } |
nickjillings@2003 | 53 |
nickjillings@1657 | 54 div.sliderScale span { |
nickjillings@1657 | 55 /* Any formatting of text below scale */ |
nickjillings@2032 | 56 font-size: 1.2em; |
nickjillings@1657 | 57 min-width: 5px; |
nickjillings@1657 | 58 height: 20px; |
nickjillings@1657 | 59 position: absolute; |
nickjillings@1643 | 60 } |
nickjillings@1643 | 61 |
nickjillings@1643 | 62 div.track-slider { |
b@1608 | 63 /* Specify any structure for the slider objects */ |
nickjillings@1643 | 64 position: absolute; |
nickjillings@1643 | 65 height: inherit; |
nickjillings@1643 | 66 width: 12px; |
nickjillings@1643 | 67 float: left; |
nickjillings@1643 | 68 background-color: rgb(100,200,100); |
nickjillings@1643 | 69 } |
nickjillings@1643 | 70 |
nickjillings@2014 | 71 div.track-slider-playing { |
nickjillings@2014 | 72 background-color: #FF0000; |
nickjillings@2014 | 73 } |
nickjillings@2014 | 74 |
nickjillings@2014 | 75 div.comment-box-playing { |
nickjillings@2014 | 76 background-color: #FFDDDD; |
nickjillings@2014 | 77 } |
nickjillings@2014 | 78 |