Mercurial > hg > webaudioevaluationtool
diff css/core.css @ 2224:760719986df3
Tidy up file locations.
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Thu, 14 Apr 2016 13:54:24 +0100 |
parents | |
children | e59327ebdb15 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/core.css Thu Apr 14 13:54:24 2016 +0100 @@ -0,0 +1,205 @@ +/* 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:1px solid #444444; + max-width: 600px; + min-width: 400px; + float: left; + margin: 5px 10px 5px 5px; + height: 90px; + border-radius: 10px; +} + +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; + position: absolute; +} + +div#popupContent { + margin-top: 20px; + margin-bottom: 35px; +} + +div#popupTitle { + width: inherit; + min-height: 25px; + max-height: 250px; + overflow: auto; + margin-bottom: 5px; +} + +div#popupResponse { + width: inherit; + min-height: 50px; + max-height: 320px; + overflow: auto; + position: relative; +} + +button.popupButton { + /* Button for popup window + */ + width: 50px; + height: 25px; + position: absolute; + border-radius: 5px; + border: #444; + border-width: 1px; + border-style: solid; + background-color: #fff; +} + +div.popup-option-checbox { + /* Popup window checkbox */ + padding: 5px; + width: fit-content; + width: -moz-fit-content; + width: -webkit-fit-content; +} + +div.popup-option-checbox input{ + /* Popup window checkbox */ + margin-right: 15px; +} + +button#popup-proceed { + bottom: 10px; + right: 10px; +} + +button#popup-previous { + bottom: 10px; + left: 10px; +} + +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; +} + +button.outside-reference { + width:120px; + height:20px; + margin-bottom:5px; + position: absolute; +} + +textarea.trackComment { + max-width: 594px; + min-width: 350px; + max-height: 60px; + resize: none; +} + +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; +} + +div#master-volume-holder { + width: 250px; + float: left; + border: black 1px solid; + border-radius: 5px; + padding: 5px; +} + +input#master-volume-control { + width: 200px; + height: 25px; + float: left; + margin: 0px; + padding: 0px; +} + +span#master-volume-feedback { + width: 45px; + height: 25px; + margin-left: 5px; + float: left; +} + +div.error-colour { + background-color: #FF8F8F; +} +button.error-colour { + background-color: #FF8F8F; + color: black; +} + +div.calibration-holder { + text-align: center; + align-content: center; + height: auto; +} + +div.calibration-slider { + width: 50px; + margin: 2px; + text-align: center; + align-content: center; + float: left; +} + +div.calibration-slider input[type=range][orient=vertical] +{ + writing-mode: bt-lr; /* IE */ + -webkit-appearance: slider-vertical; /* WebKit */ + width: 8px; + padding: 0 5px; + height: 290px; +} \ No newline at end of file