Mercurial > hg > webaudioevaluationtool
diff core.css @ 1088:3705f68a38b7
The version I use and works, addresses issues #1622, #1616, partially #1620
author | Giulio Moro <giuliomoro@yahoo.it> |
---|---|
date | Mon, 22 Feb 2016 04:17:19 +0000 |
parents | |
children | b5bf2f57187c a4ad9e55b5b8 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/core.css Mon Feb 22 04:17:19 2016 +0000 @@ -0,0 +1,154 @@ +/* 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: 5px; +} + +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; +} + +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; +} + +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; +} \ No newline at end of file