comparison luk1.css @ 48:d41b51cd4ae5

Implement switchable CSS support and a new default style + very minor code cleanups.
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 17 Oct 2012 14:02:24 +0300
parents
children 16aea8e5cb71
comparison
equal deleted inserted replaced
47:ceca06576918 48:d41b51cd4ae5
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: rgb(10,114,133);
26 padding: 5pt;
27 padding-bottom: 8px;
28 text-shadow: 2px 2px 2px #000;
29 -moz-border-radius: 8pt;
30 border-radius: 8pt;
31 }
32
33 #csssel {
34 position: absolute;
35 right: 1em;
36 top: 1em;
37 font-size: 5pt;
38 background: rgb(10,114,133);
39 padding: 5pt;
40 -moz-border-radius: 5pt;
41 border-radius: 5pt;
42 }
43
44 #csssel a {
45 padding: 2pt;
46 color: #ccc;
47 text-decoration: none;
48 }
49
50 #csssel a:hover {
51 text-decoration: underline;
52 }
53
54 #contents {
55 z-index: 5;
56 position: absolute;
57 right: 0.5em;
58 left: 0.5em;
59 background: rgba(10,114,133,0.6);
60 padding: 10pt;
61 -moz-border-radius: 10pt;
62 border-radius: 10pt;
63 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
64 }
65
66
67 table {
68 border: 0px;
69 padding: 0px;
70 margin: 0px;
71 }
72
73 tr {
74 border: 0px;
75 padding: 0px;
76 margin: 0px;
77 }
78
79 table.timetable th {
80 padding: 2px;
81 margin: 2px;
82 background: #444;
83 text-align: center;
84
85 background: rgba(10,114,133,0.6);
86 color: #ccc;
87 -moz-border-radius: 5pt;
88 border-radius: 5pt;
89 }
90
91 td {
92 padding: 4px;
93 margin: 2px;
94 background: rgba(0,84,103,0.7);
95 color: #ccc;
96 -moz-border-radius: 5pt;
97 border-radius: 5pt;
98 }
99
100 table.timetable {
101 font-size: 10pt;
102 }
103
104 table.timetable td > a, table.timetable td > a:visited, table.timetable td > a:active {
105 text-decoration: none;
106 text-shadow: 2px 2px 2px #000;
107 color: #fff;
108 }
109
110 table.timetable td > a:hover {
111 color: yellow;
112 }
113
114
115 th.hours {
116 white-space: nowrap;
117 }
118
119 table.timetable * table {
120 width: 100%;
121 height: 100%;
122 }
123
124 table.timetable tr:hover th {
125 color: red;
126 }
127
128 td.clgrouped, td.clgrouped * td {
129 background: rgb(63,80,63);
130 }
131
132 td.clnothing {
133 background: rgb(0,84,103);
134 }
135
136 td.clnormal {
137 }
138
139 div.nhours {
140 text-align: right;
141 }
142
143 div.nhours span {
144 background: black;
145 padding: 2pt;
146 border: 1px solid gray;
147 }
148
149 #footer {
150 padding-top: 5pt;
151 font-size: 5pt;
152 }
153
154 #controls {
155 padding: 0px;
156 margin: 0px;
157 }
158
159 #controls table * {
160 padding: 0px;
161 margin: 0px;
162 }
163
164 #controls a {
165 padding: 5pt;
166 margin-bottom: 30pt;
167 // border: 1px solid rgba(10,114,133,0.3);
168 -moz-border-radius: 8px;
169 border-radius: 8px;
170 text-decoration: none;
171 color: white;
172 background: rgba(255,255,255,0.2);
173 }
174
175 #controls a:hover {
176 color: white;
177 background: rgba(255,255,255,0.5);
178 }
179
180 #controls select {
181 background: white;
182 border: 1px solid black;
183
184 padding: 5pt;
185 -moz-border-radius: 8px;
186 border-radius: 8px;
187 }
188
189 #controls input.submit {
190 color: white;
191 background: rgba(200,255,200,0.2);
192 border: 1px solid rgba(255,255,255,0.3);
193
194 padding: 5pt;
195 -moz-border-radius: 8px;
196 border-radius: 8px;
197 }
198
199 #controls input.submit:hover {
200 color: white;
201 background: rgba(200,255,200,0.5);
202 }