wok view slitaz-mercurial-style/stuff/templates/static/style-slitaz.css @ rev 4465

Up: slitaz-mercurial-style (2.0)
author Christophe Lincoln <pankso@slitaz.org>
date Sun Nov 08 23:30:24 2009 +0100 (2009-11-08)
parents
children 00998d06c429
line source
1 html {
2 height: 102%;
3 }
4
5 body {
6 background: #ffffff;
7 color: black;
8 font: 13px sans-serif, vernada, arial;
9 margin: 0;
10 }
11
12 /* Header and title */
13
14 #header{
15 background: #f0ba08 url(header.png) repeat-x top;
16 color: black;
17 width: 100%;
18 height: 50px;
19 border-top: 1px solid black;
20 border-bottom: 1px solid black;
21 margin-bottom: 30px;
22 }
23
24 #titre {
25 position: absolute;
26 font-size: 16px;
27 font-weight: bolder ;
28 margin-left: 200px;
29 margin-top: 28px;
30 }
31
32 #logo {
33 position: absolute;
34 float: left;
35 margin-left: 16px;
36 margin-top: 0px;
37 }
38
39 /* Navigation */
40
41 #nav {
42 position: absolute;
43 top: 76px;
44 right: 40px;
45 color: #555555;
46 float: right;
47 width: 250px;
48 line-height: 1.5em;
49 text-align: left;
50 font-size: 12px;
51 }
52
53 #nav ul {
54 list-style-type: none;
55 margin: 10px 0;
56 }
57
58 #nav .nav_box ul {
59 list-style-type: none;
60 margin: 0;
61 padding: 10px 24px 10px 0px;
62 }
63
64 #nav li {
65 display: inline;
66 }
67
68 #nav h4 {
69 font-size: 110%;
70 color: #666666;
71 font-weight: bold;
72 margin: 0;
73 padding: 0 0 1px 0;
74 border-bottom: 1px solid #cecece;
75 }
76
77 #nav a {
78 color: #0F314E;
79 background: inherit;
80 display: block;
81 text-decoration: none;
82 font-weight: bold;
83 }
84
85 #nav a:hover {
86 color: #DF8F06;
87 text-decoration: none;
88 display: block;
89 }
90
91 .nav_box {
92 -moz-border-radius: 8px;
93 -webkit-border-radius: 8px;
94 margin: 10px 0;
95 padding: 10px 24px 10px 24px;
96 background-color: #eaeaea;
97 text-align: justify;
98 }
99
100 #nav .nav_box p {
101 line-height: 1.3em;
102 }
103
104 #nav .nav_box p a {
105 display: inline;
106 font-weight: normal;
107 text-decoration: underline;
108 }
109
110 #nav .nav_box p a:hover {
111 text-decoration: none;
112 color: blue;
113 background: inherit;
114 }
115
116 #footer {
117 float: none;
118 background: inherit;
119 color: black;
120 width: auto;
121 clear: both;
122 padding: 0;
123 margin: 0;
124 text-align: center;
125 vertical-align: middle;
126 }
127
128 a {
129 text-decoration: underline;
130 color: #0F314E;
131 background: inherit;
132 }
133
134 a:hover {
135 text-decoration: none;
136 color: blue;
137 background: inherit;
138 }
139
140 h3 {
141 font-weight: bold;
142 color: #6c0023;
143 background: inherit;
144 }
145
146 .container {
147 margin: 6px 280px 0px 0px;
148 padding: 0px 40px 60px 40px;
149 }
150
151 .main {
152 background: white;
153 }
154
155 #.main {
156 width: 100%;
157 }
158
159 .overflow {
160 width: 100%;
161 overflow: auto;
162 }
163
164 .search {
165 text-align: center;
166 }
167
168 form.search div#hint {
169 display: none;
170 position: absolute;
171 top: 0px;
172 right: 280px;
173 width: 200px;
174 padding: 5px;
175 background: #ffc;
176 font-size: 80%;
177 border: 1px solid yellow;
178 -moz-border-radius: 5px; /* this works only in camino/firefox */
179 -webkit-border-radius: 5px; /* this is just for Safari */
180 }
181
182 form.search:hover div#hint { display: block; }
183
184 a { text-decoration:none; }
185 .age { white-space:nowrap; }
186 .date { white-space:nowrap; }
187 .indexlinks { white-space:nowrap; }
188 .parity0 { background-color: #f0f0f0; }
189 .parity1 { background-color: white; }
190 .plusline { color: green; }
191 .minusline { color: #dc143c; } /* crimson */
192 .atline { color: purple; }
193
194 .navigate {
195 text-align: right;
196 font-size: 80%;
197 margin: 1em 0;
198 }
199
200 .tag {
201 color: #999;
202 font-size: 70%;
203 font-weight: normal;
204 margin-left: .5em;
205 vertical-align: baseline;
206 }
207
208 .branchhead {
209 color: #000;
210 font-size: 80%;
211 font-weight: normal;
212 margin-left: .5em;
213 vertical-align: baseline;
214 }
215
216 ul#graphnodes .branchhead {
217 font-size: 75%;
218 }
219
220 .branchname {
221 color: #000;
222 font-size: 60%;
223 font-weight: normal;
224 margin-left: .5em;
225 vertical-align: baseline;
226 }
227
228 h3 .branchname {
229 font-size: 80%;
230 }
231
232 /* Common */
233 pre { margin: 0; }
234
235 h2 { font-size: 140%; color: black; }
236 h2 a { color: #000; }
237 h3 {
238 margin-top: -.7em;
239 font-size: 100%;
240 }
241
242 /* log and tags tables */
243 .bigtable {
244 border-bottom: 1px solid #999;
245 border-collapse: collapse;
246 font-size: 90%;
247 width: 100%;
248 font-weight: normal;
249 text-align: left;
250 }
251
252 .bigtable td {
253 vertical-align: top;
254 }
255
256 .bigtable th {
257 padding: 1px 4px;
258 border-bottom: 1px solid #999;
259 }
260 .bigtable tr { border: none; }
261 .bigtable .age { width: 6em; }
262 .bigtable .author { width: 12em; }
263 .bigtable .description { }
264 .bigtable .node { width: 5em; font-family: monospace;}
265 .bigtable .permissions { width: 8em; text-align: left;}
266 .bigtable .size { width: 5em; text-align: right; }
267 .bigtable .annotate { text-align: right; }
268 .bigtable td.annotate { font-size: smaller; }
269 .bigtable td.source { font-size: inherit; }
270
271 .source, .sourcefirst, .sourcelast {
272 font-family: monospace;
273 white-space: pre;
274 padding: 1px 4px;
275 font-size: 90%;
276 }
277 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
278 .sourcelast { border-top: 1px solid #999; }
279 .source a { color: #999; font-size: smaller; font-family: monospace;}
280 .bottomline { border-bottom: 1px solid #999; }
281
282 .fileline { font-family: monospace; }
283 .fileline img { border: 0; }
284
285 .tagEntry .closed { color: #99f; }
286
287 /* Changeset entry */
288 #changesetEntry {
289 border-collapse: collapse;
290 font-size: 90%;
291 width: 100%;
292 margin-bottom: 1em;
293 }
294
295 #changesetEntry th {
296 padding: 1px 4px;
297 width: 4em;
298 text-align: right;
299 font-weight: normal;
300 color: #999;
301 margin-right: .5em;
302 vertical-align: top;
303 }
304
305 div.description {
306 border-left: 2px solid #999;
307 margin: 1em 0 1em 0;
308 padding: .3em;
309 }
310
311 /* Graph */
312 div#wrapper {
313 position: relative;
314 border-top: 1px solid black;
315 border-bottom: 1px solid black;
316 margin: 0;
317 padding: 0;
318 }
319
320 canvas {
321 position: absolute;
322 z-index: 5;
323 top: -0.7em;
324 margin: 0;
325 }
326
327 ul#graphnodes {
328 position: absolute;
329 z-index: 10;
330 top: -1.0em;
331 list-style: none inside none;
332 padding: 0;
333 }
334
335 ul#nodebgs {
336 list-style: none inside none;
337 padding: 0;
338 margin: 0;
339 top: -0.7em;
340 }
341
342 ul#graphnodes li, ul#nodebgs li {
343 height: 39px;
344 }
345
346 ul#graphnodes li .info {
347 display: block;
348 font-size: 70%;
349 position: relative;
350 top: -3px;
351 }