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