Mercurial > hg > webaudioevaluationtool
comparison interfaces/discrete.css @ 1106:282dfb8076f5
Merge default to dev_main
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Wed, 17 Feb 2016 11:29:18 +0000 |
parents | |
children | c0022a09c4f6 |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 1106:282dfb8076f5 |
---|---|
1 /* | |
2 * Hold any style information for MUSHRA interface. Customise if you like to make the interface your own! | |
3 * | |
4 */ | |
5 body { | |
6 /* Set the background colour (note US English spelling) to grey*/ | |
7 background-color: #ddd | |
8 } | |
9 | |
10 div.pageTitle { | |
11 width: auto; | |
12 height: 20px; | |
13 margin: 10px 0px; | |
14 } | |
15 | |
16 div.pageTitle span{ | |
17 font-size: 1.5em; | |
18 } | |
19 | |
20 div.testHalt { | |
21 /* Specify any colouring during the test halt for pre/post questions */ | |
22 background-color: rgba(0,0,0,0.5); | |
23 /* Don't mess with this bit */ | |
24 z-index: 2; | |
25 width: 100%; | |
26 height: 100%; | |
27 position: absolute; | |
28 left: 0px; | |
29 top: 0px; | |
30 } | |
31 | |
32 button { | |
33 /* Specify any button structure or style */ | |
34 min-width: 20px; | |
35 background-color: #ddd | |
36 } | |
37 | |
38 div#slider-holder { | |
39 height: inherit; | |
40 position: absolute; | |
41 left: 0px; | |
42 z-index: 3; | |
43 margin-top:25px; | |
44 } | |
45 | |
46 div#scale-holder { | |
47 position: absolute; | |
48 left: 0px; | |
49 z-index: 2; | |
50 } | |
51 | |
52 div#scale-text-holder { | |
53 position:relative; | |
54 float: left; | |
55 } | |
56 div.scale-text { | |
57 position: absolute; | |
58 font-size: 1.2em; | |
59 } | |
60 | |
61 canvas#scale-canvas { | |
62 position: relative; | |
63 float: left; | |
64 } | |
65 | |
66 div.track-slider { | |
67 float: left; | |
68 height: 30px; | |
69 border: solid; | |
70 border-width: 1px; | |
71 border-color: black; | |
72 padding:2px; | |
73 margin-left: 94px; | |
74 margin-bottom: 30px; | |
75 } | |
76 | |
77 div.track-slider-range { | |
78 float: left; | |
79 height: 100%; | |
80 margin: 0px 50px; | |
81 position: relative; | |
82 } | |
83 | |
84 div.track-slider-title { | |
85 float: left; | |
86 padding-top: 5px; | |
87 width: 100px; | |
88 } | |
89 | |
90 button.track-slider-button { | |
91 float: left; | |
92 width: 100px; | |
93 height: 30px; | |
94 } | |
95 | |
96 input.track-radio { | |
97 position: absolute; | |
98 margin: 9px 0px; | |
99 } | |
100 | |
101 button.outside-reference { | |
102 width:120px; | |
103 height:20px; | |
104 margin-bottom:5px; | |
105 position: absolute; | |
106 } | |
107 | |
108 div.track-slider-playing { | |
109 background-color: #FFDDDD; | |
110 } | |
111 | |
112 div#page-count { | |
113 float: left; | |
114 margin: 0px 5px; | |
115 } | |
116 | |
117 div#master-volume-holder { | |
118 position: absolute; | |
119 top: 10px; | |
120 left: 120px; | |
121 } |