84
|
1 body {
|
109
|
2 font-family: Verdana, Arial, helvetica, sans-serif;
|
|
3 font-size: 10pt;
|
|
4 color: white;
|
|
5 margin: 0px;
|
|
6 padding: 0px;
|
|
7 background: black;
|
|
8 max-width: 480px;
|
|
9 width: 100%;
|
|
10 }
|
|
11
|
|
12 a:hover {
|
|
13 text-decoration: underline;
|
|
14 color: #555;
|
84
|
15 }
|
|
16
|
|
17 h1, h2, h3 {
|
109
|
18 font-weight: normal;
|
|
19 color: white;
|
|
20 background: rgb(100,50,80);
|
|
21 padding: 4pt;
|
84
|
22 font-size: 12pt;
|
109
|
23 padding-bottom: 8px;
|
|
24 margin: 0px;
|
|
25 text-shadow: 2px 2px 2px #000;
|
|
26 }
|
|
27
|
|
28 #contents {
|
|
29 z-index: 5;
|
|
30 padding: 0px;
|
|
31 margin: 0px;
|
|
32 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
|
|
33 overflow: hidden;
|
|
34 background: rgba(100,50,80,0.6);
|
|
35 }
|
|
36
|
|
37
|
|
38 table {
|
|
39 width: 100%;
|
|
40 border: 0px;
|
|
41 padding: 0px;
|
|
42 margin: 0px;
|
|
43 }
|
|
44
|
|
45 tr {
|
|
46 border: 0px;
|
|
47 padding: 0px;
|
|
48 margin: 0px;
|
|
49 }
|
|
50
|
144
|
51 #timeTable th {
|
109
|
52 padding: 2px;
|
|
53 margin: 2px;
|
|
54 text-align: center;
|
|
55
|
|
56 background: rgba(100,50,80,0.6);
|
|
57 color: #ccc;
|
|
58 -moz-border-radius: 5pt;
|
|
59 border-radius: 5pt;
|
|
60 }
|
|
61
|
|
62 th.hours {
|
|
63 width: 25%;
|
|
64 }
|
|
65
|
|
66 td {
|
|
67 padding: 4px;
|
|
68 margin: 2px;
|
|
69 color: #ccc;
|
|
70 -moz-border-radius: 5pt;
|
84
|
71 border-radius: 5pt;
|
109
|
72 }
|
|
73
|
144
|
74 #timeTable {
|
109
|
75 font-size: 10pt;
|
|
76 }
|
|
77
|
144
|
78 #timeTable td > a, table.timetable td > a:visited, table.timetable td > a:active {
|
109
|
79 text-decoration: none;
|
|
80 text-shadow: 2px 2px 2px #000;
|
|
81 color: #fff;
|
|
82 }
|
|
83
|
144
|
84 #timeTable td > a:hover {
|
109
|
85 color: yellow;
|
|
86 }
|
|
87
|
|
88
|
|
89 th.hours {
|
|
90 white-space: nowrap;
|
|
91 }
|
|
92
|
144
|
93 #timeTable * table {
|
109
|
94 width: 100%;
|
|
95 height: 100%;
|
|
96 }
|
|
97
|
144
|
98 #timeTable tr:hover th.hours {
|
109
|
99 color: red;
|
|
100 }
|
|
101
|
|
102 td.clgrouped, td.clgrouped * td {
|
|
103 background: rgb(60,10,30);
|
|
104 }
|
|
105
|
|
106 td.clnothing, td.clnothing * td {
|
|
107 }
|
|
108
|
|
109 td.clnormal, td.clnormal * td {
|
|
110 background: rgba(90,40,60,0.7);
|
|
111 }
|
|
112
|
|
113 td.clactive {
|
|
114 box-shadow: 0px 0px 3px rgb(255,255,255);
|
|
115 }
|
|
116
|
|
117 td.clnext {
|
|
118 box-shadow: 0px 0px 1px rgba(255,255,255,0.7);
|
|
119 }
|
|
120
|
|
121 div.nhours {
|
|
122 text-align: right;
|
|
123 }
|
|
124
|
|
125 div.nhours span {
|
|
126 background: black;
|
|
127 padding: 2pt;
|
|
128 border: 1px solid gray;
|
|
129 }
|
|
130
|
|
131 #controls {
|
|
132 background: rgba(0,0,0,0.1);
|
|
133 padding: 0px;
|
|
134 margin: 0px;
|
|
135 overflow: hidden;
|
|
136 padding: 2pt;
|
|
137 box-shadow: 0px 0px 1px rgba(255,255,255,0.7);
|
|
138 }
|
|
139
|
|
140 #controls table * {
|
|
141 padding: 0px;
|
|
142 margin: 0px;
|
|
143 }
|
|
144
|
|
145 #controls a.textctrl {
|
|
146 padding: 5pt;
|
|
147 margin-bottom: 5pt;
|
|
148 // border: 1px solid rgba(10,114,133,0.3);
|
|
149 -moz-border-radius: 8px;
|
|
150 border-radius: 8px;
|
|
151 text-decoration: none;
|
|
152 color: white;
|
|
153 background: rgba(255,255,255,0.2);
|
|
154 box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
|
|
155 }
|
|
156
|
|
157 #controls a.textctrl:hover {
|
|
158 color: white;
|
|
159 background: rgba(255,255,255,0.5);
|
|
160 }
|
|
161
|
|
162 #controls select {
|
|
163 background: white;
|
|
164 border: 1px solid black;
|
|
165
|
|
166 padding: 5pt;
|
|
167 -moz-border-radius: 8px;
|
|
168 border-radius: 8px;
|
|
169 box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
|
|
170 }
|
|
171
|
|
172 #controls input.submit {
|
|
173 color: white;
|
|
174 background: rgba(200,255,200,0.2);
|
|
175 border: 1px solid rgba(255,255,255,0.3);
|
|
176
|
|
177 padding: 5pt;
|
|
178 -moz-border-radius: 8px;
|
|
179 border-radius: 8px;
|
|
180 box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
|
|
181 }
|
|
182
|
|
183 #controls input.submit:hover {
|
|
184 color: white;
|
|
185 background: rgba(200,255,200,0.5);
|
|
186 }
|
|
187
|
|
188 #footer {
|
|
189 padding-top: 5pt;
|
|
190 font-size: 6pt;
|
|
191 background: black;
|
|
192 text-align: center;
|
|
193 }
|
|
194
|
|
195 #footer div {
|
|
196 text-align: left;
|
84
|
197 }
|
|
198
|
132
|
199 #infobox {
|
109
|
200 margin: 0px;
|
84
|
201 font-size: 6pt;
|
109
|
202 background: rgb(100,50,80) url(img/mobile-white.png) no-repeat fixed 5pt 5pt;
|
|
203 padding: 5pt;
|
|
204 text-shadow: 1px 1px 1px #000;
|
|
205 // box-shadow: 0px 0px 6px rgba(200,0,100,0.7);
|
84
|
206 }
|
|
207
|
|
208 #ctitle {
|
109
|
209 font-family: Impact, Verdana, Arial, helvetica, sans-serif;
|
|
210 text-align: right;
|
|
211 font-size: 12pt;
|
|
212 }
|
|
213
|
132
|
214 #infobox a {
|
109
|
215 padding: 2pt;
|
|
216 color: #ccc;
|
|
217 text-decoration: none;
|
|
218 }
|
|
219
|
132
|
220 #infobox a:hover {
|
109
|
221 text-decoration: underline;
|
84
|
222 }
|
|
223
|
109
|
224 #clang {
|
|
225 font-size: 10pt;
|
|
226 text-align: right;
|
|
227 font-weight: bold;
|
|
228 padding-top: 5pt;
|
84
|
229 }
|
|
230
|
109
|
231 #clang a {
|
|
232 -moz-border-radius: 5pt;
|
|
233 border-radius: 5pt;
|
|
234 color: #f00;
|
|
235 background: rgba(0,0,0, 0.25);
|
|
236 padding: 4pt;
|
|
237 padding-left: 6pt;
|
|
238 padding-right: 6pt;
|
|
239 margin: 2pt;
|
84
|
240 }
|
109
|
241
|
|
242 #clang a:hover {
|
|
243 background: rgba(255,255,255, 0.25);
|
|
244 }
|