comparison luk4.css @ 68:0acf6e16af93

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