Mercurial > hg > lukkari

comparison luk3.css @ 49:16aea8e5cb71

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