n@470
|
1 /*
|
n@470
|
2 * Hold any style information for APE interface. Customise if you like to make the interface your own!
|
n@470
|
3 *
|
n@470
|
4 */
|
n@470
|
5 body {
|
n@470
|
6 /* Set the background colour (note US English spelling) to grey*/
|
n@470
|
7 background-color: #ddd
|
n@470
|
8 }
|
n@470
|
9
|
n@470
|
10 div.title {
|
n@470
|
11 /* Specify any colouring for the title */
|
n@470
|
12 }
|
n@470
|
13
|
n@470
|
14 div.pageTitle {
|
n@470
|
15 width: auto;
|
n@470
|
16 height: 20px;
|
n@470
|
17 margin-top: 5px;
|
n@470
|
18 margin-bottom: 10px;
|
n@470
|
19 }
|
n@470
|
20
|
n@470
|
21 div.pageTitle span{
|
n@470
|
22 font-size: 1.5em;
|
n@470
|
23 }
|
n@470
|
24
|
n@470
|
25 button {
|
n@470
|
26 /* Specify any button structure or style */
|
n@470
|
27 min-width: 20px;
|
n@470
|
28 background-color: #ddd
|
n@470
|
29 }
|
n@470
|
30
|
n@470
|
31 div.slider {
|
n@470
|
32 /* Specify any structure for the slider holder interface */
|
n@470
|
33 background-color: #eee;
|
n@470
|
34 height: 150px;
|
n@470
|
35 margin-bottom: 5px;
|
n@470
|
36 -moz-user-select: -moz-none;
|
n@470
|
37 -khtml-user-select: none;
|
n@470
|
38 -webkit-user-select: none;
|
n@470
|
39 }
|
n@470
|
40
|
n@470
|
41 div.sliderScale {
|
n@470
|
42 width: 100%;
|
n@470
|
43 min-height: 30px;
|
n@470
|
44 -moz-user-select: -moz-none;
|
n@470
|
45 -khtml-user-select: none;
|
n@470
|
46 -webkit-user-select: none;
|
n@470
|
47 }
|
n@470
|
48
|
n@470
|
49 div.sliderScale span {
|
n@470
|
50 /* Any formatting of text below scale */
|
n@470
|
51 font-size: 1.2em;
|
n@470
|
52 min-width: 5px;
|
n@470
|
53 height: 20px;
|
n@470
|
54 position: absolute;
|
n@470
|
55 }
|
n@470
|
56
|
n@470
|
57 div.track-slider {
|
n@470
|
58 /* Specify any structure for the slider objects */
|
n@470
|
59 position: absolute;
|
n@470
|
60 height: inherit;
|
n@470
|
61 width: 12px;
|
n@470
|
62 float: left;
|
n@470
|
63 background-color: rgb(100,200,100);
|
n@470
|
64 -moz-user-select: -moz-none;
|
n@470
|
65 -khtml-user-select: none;
|
n@470
|
66 -webkit-user-select: none;
|
n@470
|
67 }
|
n@470
|
68
|
n@470
|
69 div.outside-reference {
|
n@470
|
70 width:120px;
|
n@470
|
71 padding-left: 55px;
|
n@470
|
72 margin-left: 100px;
|
n@470
|
73 height:20px;
|
n@470
|
74 margin-bottom:5px;
|
n@470
|
75 background-color: rgb(100,200,100);
|
n@470
|
76 }
|
n@470
|
77
|
n@470
|
78 div.track-slider-disabled {
|
n@470
|
79 background-color: rgb(100,100,100);
|
n@470
|
80 }
|
n@470
|
81
|
n@470
|
82 div.track-slider-playing {
|
n@470
|
83 background-color: #FF0000;
|
n@470
|
84 }
|
n@470
|
85
|
n@470
|
86 div.comment-box-playing {
|
n@470
|
87 background-color: #FFDDDD;
|
n@470
|
88 }
|