Ticket #15999: trac.css

File trac.css, 12.2 KB (added by raimue (Rainer Müller), 16 years ago)

CSS for sample file

Line 
1/* Trac CSS */
2body {
3 background: #fff;
4 color: #000;
5 margin: 10px;
6 padding: 0;
7}
8body, th, td {
9 font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
10}
11h1, h2, h3, h4 {
12 font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif;
13 font-weight: bold;
14 letter-spacing: -0.018em;
15}
16h1 { font-size: 19px; margin: .15em 1em 0 0 }
17h2 { font-size: 16px }
18h3 { font-size: 14px }
19hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
20address { font-style: normal }
21img { border: none }
22tt { white-space: pre }
23
24.underline { text-decoration: underline }
25ol.loweralpha { list-style-type: lower-alpha }
26ol.upperalpha { list-style-type: upper-alpha }
27ol.lowerroman { list-style-type: lower-roman }
28ol.upperroman { list-style-type: upper-roman }
29ol.arabic     { list-style-type: decimal }
30
31/* Link styles */
32:link, :visited {
33 text-decoration: none;
34 color: #b00;
35 border-bottom: 1px dotted #bbb;
36}
37:link:hover, :visited:hover {
38 background-color: #eee;
39 color: #555;
40}
41h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
42h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
43 color: inherit;
44}
45
46/* Heading anchors */
47.anchor:link, .anchor:visited {
48 border: none;
49 color: #d7d7d7;
50 font-size: .8em;
51 vertical-align: text-top;
52}
53* > .anchor:link, * > .anchor:visited {
54 visibility: hidden;
55}
56h1:hover .anchor, h2:hover .anchor, h3:hover .anchor,
57h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
58 visibility: visible;
59}
60
61@media screen {
62 a.ext-link .icon {
63  background: url(../extlink.gif) left center no-repeat;
64  padding-left: 16px;
65 }
66 * html a.ext-link .icon { display: inline-block; }
67}
68
69/* Forms */
70input, textarea, select { margin: 2px }
71input, select { vertical-align: middle }
72input[type=button], input[type=submit], input[type=reset] {
73 background: #eee;
74 color: #222;
75 border: 1px outset #ccc;
76 padding: .1em .5em;
77}
78input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
79 background: #ccb;
80}
81input[type=button][disabled], input[type=submit][disabled],
82input[type=reset][disabled] {
83 background: #f6f6f6;
84 border-style: solid;
85 color: #999;
86}
87input[type=text], input.textwidget, textarea { border: 1px solid #d7d7d7 }
88input[type=text], input.textwidget { padding: .25em .5em }
89input[type=text]:focus, input.textwidget:focus, textarea:focus {
90 border: 1px solid #886;
91}
92option { border-bottom: 1px dotted #d7d7d7 }
93fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
94fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
95* html fieldset.iefix { width: 98% }
96fieldset.iefix p { margin: 0 }
97legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
98label.disabled { color: #d7d7d7 }
99.buttons { margin: .5em .5em .5em 0 }
100.buttons form, .buttons form div { display: inline }
101.buttons input { margin: 1em .5em .1em 0 }
102.inlinebuttons input { 
103 font-size: 70%;
104 border-width: 1px;
105 border-style: dotted;
106 margin: 0;
107 padding: 0.1em;
108 background: none;
109}
110
111/* Header */
112#header hr { display: none }
113#header h1 { margin: 1.5em 0 -1.5em; }
114#header img { border: none; margin: 0 0 -3em }
115#header :link, #header :visited, #header :link:hover, #header :visited:hover {
116 background: transparent;
117 color: #555;
118 margin-bottom: 2px;
119 border: none;
120}
121#header h1 :link:hover, #header h1 :visited:hover { color: #000 }
122
123/* Quick search */
124#search {
125 clear: both;
126 font-size: 10px;
127 height: 2.2em;
128 margin: 0 0 1em;
129 text-align: right;
130}
131#search input { font-size: 10px }
132#search label { display: none }
133
134/* Navigation */
135.nav h2, .nav hr { display: none }
136.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
137.nav li {
138 border-right: 1px solid #d7d7d7;
139 display: inline;
140 padding: 0 .75em;
141 white-space: nowrap;
142}
143.nav li.last { border-right: none }
144
145/* Main navigation bar */
146#mainnav {
147 background: #f7f7f7 url(../topbar_gradient.png) 0 0;
148 border: 1px solid #000;
149 font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
150 margin: .66em 0 .33em;
151 padding: .2em 0;
152}
153#mainnav li { border-right: none; padding: .25em 0 }
154#mainnav :link, #mainnav :visited {
155 background: url(../dots.gif) 0 0 no-repeat;
156 border-right: 1px solid #fff;
157 border-bottom: none;
158 border-left: 1px solid #555;
159 color: #000;
160 padding: .2em 20px;
161}
162* html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }
163#mainnav :link:hover, #mainnav :visited:hover {
164 background-color: #ccc;
165 border-right: 1px solid #ddd;
166}
167#mainnav .active :link, #mainnav .active :visited {
168 background: #333 url(../topbar_gradient2.png) 0 0 repeat-x;
169 border-top: none;
170 border-right: 1px solid #000;
171 color: #eee;
172 font-weight: bold;
173}
174#mainnav .active :link:hover, #mainnav .active :visited:hover {
175 border-right: 1px solid #000;
176}
177
178/* Context-dependent navigation links */
179#ctxtnav { height: 1em }
180#ctxtnav li ul {
181 background: #f7f7f7;
182 color: #ccc;
183 border: 1px solid;
184 padding: 0;
185 display: inline;
186 margin: 0;
187}
188#ctxtnav li li { padding: 0; }
189#ctxtnav li li :link, #ctxtnav li li :visited { padding: 0 1em }
190#ctxtnav li li :link:hover, #ctxtnav li li :visited:hover {
191 background: #bba;
192 color: #fff;
193}
194
195/* Alternate links */
196#altlinks { clear: both; text-align: center }
197#altlinks h3 { font-size: 12px; letter-spacing: normal; margin: 0 }
198#altlinks ul { list-style: none; margin: 0; padding: 0 0 1em }
199#altlinks li {
200 border-right: 1px solid #d7d7d7;
201 display: inline;
202 font-size: 11px;
203 line-height: 16px;
204 padding: 0 1em;
205 white-space: nowrap;
206}
207#altlinks li.last { border-right: none }
208#altlinks li :link, #altlinks li :visited {
209 background-position: 0 -1px;
210 background-repeat: no-repeat;
211 border: none;
212}
213#altlinks li a.ics { background-image: url(../ics.png); padding-left: 22px }
214#altlinks li a.rss { background-image: url(../xml.png); padding-left: 42px }
215
216/* Footer */
217#footer {
218  clear: both;
219  color: #bbb;
220  font-size: 10px;
221  border-top: 1px solid;
222  height: 31px;
223  padding: .25em 0;
224}
225#footer :link, #footer :visited { color: #bbb; }
226#footer hr { display: none }
227#footer #tracpowered { border: 0; float: left }
228#footer #tracpowered:hover { background: transparent }
229#footer p { margin: 0 }
230#footer p.left {
231  float: left;
232  margin-left: 1em;
233  padding: 0 1em;
234  border-left: 1px solid #d7d7d7;
235  border-right: 1px solid #d7d7d7;
236}
237#footer p.right {
238  float: right;
239  text-align: right;
240}
241
242#content { padding-bottom: 2em; position: relative }
243
244#help {
245 clear: both;
246 color: #999;
247 font-size: 90%;
248 margin: 1em;
249 text-align: right;
250}
251#help :link, #help :visited { cursor: help }
252#help hr { display: none }
253
254/* Page preferences form */
255#prefs {
256 background: #f7f7f0;
257 border: 1px outset #998;
258 float: right;
259 font-size: 9px;
260 padding: .8em;
261 position: relative;
262 margin: 0 1em 1em;
263}
264* html #prefs { width: 26em } /* Set width only for IE */
265#prefs input, #prefs select { font-size: 9px; vertical-align: middle }
266#prefs fieldset {
267 background: transparent;
268 border: none;
269 margin: .5em;
270 padding: 0;
271}
272#prefs fieldset legend {
273 background: transparent;
274 color: #000;
275 font-size: 9px;
276 font-weight: normal;
277 margin: 0 0 0 -1.5em;
278 padding: 0;
279}
280#prefs .buttons { text-align: right }
281
282/* Version information (browser, wiki, attachments) */
283#info {
284 margin: 1em 0 0 0;
285 background: #f7f7f0;
286 border: 1px solid #d7d7d7;
287 border-collapse: collapse;
288 border-spacing: 0;
289 clear: both;
290 width: 100%;
291}
292#info th, #info td { font-size: 85%; padding: 2px .5em; vertical-align: top }
293#info th { font-weight: bold; text-align: left; white-space: nowrap }
294#info td.message { width: 100% }
295#info .message ul { padding: 0; margin: 0 2em }
296#info .message p { margin: 0; padding: 0 }
297
298/* Wiki */
299.wikipage { padding-left: 18px }
300.wikipage h1, .wikipage h2, .wikipage h3 { margin-left: -18px }
301
302a.missing:link, a.missing:visited, span.missing { color: #998 }
303a.missing:link, a.missing:visited { background: #fafaf0 }
304a.missing:hover { color: #000 }
305a.closed:link, a.closed:visited { text-decoration: line-through }
306
307dl.wiki dt { font-weight: bold }
308dl.compact dt { float: left; padding-right: .5em }
309dl.compact dd { margin: 0; padding: 0 }
310
311pre.wiki, pre.literal-block {
312 background: #f7f7f7;
313 border: 1px solid #d7d7d7;
314 margin: 1em 1.75em;
315 padding: .25em;
316 overflow: auto;
317}
318
319blockquote.citation { 
320 margin: -0.6em 0;
321 border-style: solid; 
322 border-width: 0 0 0 2px; 
323 padding-left: .5em;
324 border-color: #b44; 
325}
326.citation blockquote.citation { border-color: #4b4; }
327.citation .citation blockquote.citation { border-color: #44b; }
328.citation .citation .citation blockquote.citation { border-color: #c55; }
329
330table.wiki {
331 border: 2px solid #ccc;
332 border-collapse: collapse;
333 border-spacing: 0;
334}
335table.wiki td { border: 1px solid #ccc;  padding: .1em .25em; }
336
337.wikitoolbar {
338 border: solid #d7d7d7;
339 border-width: 1px 1px 1px 0;
340 height: 18px;
341 width: 208px;
342}
343.wikitoolbar :link, .wikitoolbar :visited {
344 background: transparent url(../edit_toolbar.png) no-repeat;
345 border: 1px solid #fff;
346 border-left-color: #d7d7d7;
347 cursor: default;
348 display: block;
349 float: left;
350 width: 24px;
351 height: 16px;
352}
353.wikitoolbar :link:hover, .wikitoolbar :visited:hover {
354 background-color: transparent;
355 border: 1px solid #fb2;
356}
357.wikitoolbar a#em { background-position: 0 0 }
358.wikitoolbar a#strong { background-position: 0 -16px }
359.wikitoolbar a#heading { background-position: 0 -32px }
360.wikitoolbar a#link { background-position: 0 -48px }
361.wikitoolbar a#code { background-position: 0 -64px }
362.wikitoolbar a#hr { background-position: 0 -80px }
363.wikitoolbar a#np { background-position: 0 -96px }
364.wikitoolbar a#br { background-position: 0 -112px }
365
366/* Styles for the form for adding attachments. */
367#attachment .field { margin-top: 1.3em }
368#attachment label { padding-left: .2em }
369#attachment fieldset { margin-top: 2em }
370#attachment fieldset .field { float: left; margin: 0 1em .5em 0 }
371#attachment .options { float: left; padding: 0 0 1em 1em }
372#attachment br { clear: left }
373.attachment #preview { margin-top: 1em }
374
375/* Styles for the list of attachments. */
376#attachments { border: 1px outset #996; padding: 1em }
377#attachments .attachments { margin-left: 2em; padding: 0 }
378#attachments dt { display: list-item; list-style: square; }
379#attachments dd { font-style: italic; margin-left: 0; padding-left: 0; }
380
381
382/* Styles for tabular listings such as those used for displaying directory
383   contents and report results. */
384table.listing {
385 clear: both;
386 border-bottom: 1px solid #d7d7d7;
387 border-collapse: collapse;
388 border-spacing: 0;
389 margin-top: 1em;
390 width: 100%;
391}
392table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
393table.listing thead { background: #f7f7f0 }
394table.listing thead th {
395 border: 1px solid #d7d7d7;
396 border-bottom-color: #999;
397 font-size: 11px;
398 font-weight: bold;
399 padding: 2px .5em;
400 vertical-align: bottom;
401}
402table.listing thead th :link:hover, table.listing thead th :visited:hover {
403 background-color: transparent;
404}
405table.listing thead th a { border: none; padding-right: 12px }
406table.listing th.asc a, table.listing th.desc a { font-weight: bold }
407table.listing th.asc a, table.listing th.desc a {
408 background-position: 100% 50%;
409 background-repeat: no-repeat;
410}
411table.listing th.asc a { background-image: url(../asc.png) }
412table.listing th.desc a { background-image: url(../desc.png) }
413table.listing tbody td, table.listing tbody th {
414 border: 1px dotted #ddd;
415 padding: .33em .5em;
416 vertical-align: top;
417}
418table.listing tbody td a:hover, table.listing tbody th a:hover {
419 background-color: transparent;
420}
421table.listing tbody tr { border-top: 1px solid #ddd }
422table.listing tbody tr.even { background-color: #fcfcfc }
423table.listing tbody tr.odd { background-color: #f7f7f7 }
424table.listing tbody tr:hover { background: #eed !important }
425
426/* Styles for the error page (and rst errors) */
427#content.error .message, div.system-message {
428 background: #fdc;
429 border: 2px solid #d00;
430 color: #500;
431 padding: .5em;
432 margin: 1em 0;
433}
434#content.error pre, div.system-message pre { margin-left: 1em; overflow: auto }
435div.system-message p { margin: 0; }
436div.system-message p.system-message-title { font-weight: bold; }
437
438/* Styles for search word highlighting */
439@media screen {
440 .searchword0 { background: #ff9 }
441 .searchword1 { background: #cfc }
442 .searchword2 { background: #cff }
443 .searchword3 { background: #ccf }
444 .searchword4 { background: #fcf }
445}
446
447@media print {
448 #header, #altlinks, #footer, #help { display: none }
449 .nav, form, .buttons form, form .buttons, form .inlinebuttons { display: none }
450 form.printableform { display: block }
451}