Mercurial > hg > webaudioevaluationtool
diff core.css @ 1118:3edcbbea168b
Added schema for Test Specification Document for validation (wip)
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Wed, 23 Dec 2015 12:41:08 +0000 |
parents | |
children | 888292c88c33 3ba07a441364 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/core.css Wed Dec 23 12:41:08 2015 +0000 @@ -0,0 +1,100 @@ +/* structure.css + * Define the structure for classes and objects in HTML + */ + +div.title { + width: 100%; + height: 50px; + margin-bottom: 10px; + font-size: 2em; +} + +div.indicator-box { + position: absolute; + left: 150px; + top: 10px; + width: 300px; + height: 60px; + padding: 20px; + border-radius: 10px; + background-color: rgb(100,200,200); +} + +div.comment-div { + border:#444444; + border-style:solid; + border-width:1px; + max-width: 600px; + min-width: 400px; + float: left; + margin: 5px; + height: 90px; +} + +div.comment-div span { + margin-left: 15px; +} + +div.popupHolder { + width: 500px; + min-height: 250px; + max-height: 400px; + background-color: #fff; + border-radius: 10px; + box-shadow: 0px 0px 50px #000; + z-index: 2; +} + +button.popupButton { + /* Button for popup window + */ + width: 50px; + height: 25px; + position: relative; + border-radius: 5px; + border: #444; + border-width: 1px; + border-style: solid; + background-color: #fff; +} + +div.testHalt { + /* Specify any colouring during the test halt for pre/post questions */ + background-color: rgba(0,0,0,0.5); + /* Don't mess with this bit */ + z-index: 2; + width: 100%; + height: 100%; + position: absolute; + left: 0px; + top: 0px; +} + +textarea.trackComment { + max-width: 594px; + min-width: 350px; + margin-right:15px; + max-height: 60px; +} + +div.playhead { + width: 500px; + height: 50px; + background-color: #eee; + border-radius: 10px; + padding: 10px; +} + +div.playhead-scrub-track { + width: 100%; + height: 10px; + border-style: solid; + border-width: 1px; +} + +div#playhead-scrubber { + width: 10px; + height: 10px; + position: relative; + background-color: #000; +}