web commit by RecaiOktas: Add stylesheet.
[ikiwiki.git] / doc / css_market / kirkambar.mdwn
1     /*
2      * IkiWiki `local.css` stylesheet following the Gitweb theme.
3      *
4      * Copyright © 2006  Recai Oktaş <roktasATdebian.org>
5      *
6      * Licensed under the GNU General Public License, version 2.
7      * See the file `http://www.gnu.org/copyleft/gpl.txt`.
8      *
9      */
10     
11     
12     /* 
13      * -----------------------------------------------------------------------------
14      * Generic style elements.
15      * -----------------------------------------------------------------------------
16      */
17     
18     body {
19         font-family: "Trebuchet MS",
20                      "Luxi Sans",
21                      "Bitstream Vera Sans",
22                      "Tahoma",
23                      "Verdana",
24                      "Arial",
25                      "Helvetica",
26                      sans-serif;
27         padding: 1em;
28         margin: 0;
29         font-size: 100.01%;
30         line-height: 1.5em;
31         color: black;
32         background-color: white;
33     }
34     
35     pre, tt, code {
36         font-family: "Bitstream Vera Sans Mono",
37                      "Luxi Mono",
38                      "Courier New",
39                      "Courier",
40                      monospace;
41     }
42     
43     pre, tt, code, tr.changeinfo, #blogform {
44         color: inherit;
45         background-color: #f6f6f0;
46     }
47     
48     pre {
49         margin: 0px 96px 0px 48px;
50         padding: 12px 0px 12px 0px;
51     }
52     
53     h1, h2, h3, h4, h5, h6, dl, dt {
54         font-weight: bold;
55         background-color: inherit;
56         color: #c00040 !important;
57     }
58     
59     h1, h2, h3, h4, h5, h6 {
60         letter-spacing: .04em;
61     }
62     
63     
64     /* 
65      * -----------------------------------------------------------------------------
66      * Headers, footers.
67      * -----------------------------------------------------------------------------
68      */
69     
70     .header, #footer, .changeheader {
71         color: black !important;
72         background-color: #d9d8d1;
73     }
74         
75     .header, #footer {
76         height: 1.8em;
77         padding: 6px 6px;
78         border: 1px solid #aaa;
79         margin-bottom: 4px;
80         display: block;
81     }
82     
83     .header {
84         font-size: 120.01%;
85         font-weight: normal;
86         letter-spacing: .11em;
87     }
88     
89     span.header {
90         background-image: none !important;
91         text-align: right;
92     }
93     
94     .header { /* Optional header logo (right aligned). */
95         background-image: url(/* ENTER HEADER LOGO PATH */);
96         background-repeat: no-repeat;
97         background-position: 99%;
98     }
99
100     #footer { /* Optional footer logo (right aligned). */
101         background-image: url(/* ENTER FOOTER LOGO PATH */);
102         background-repeat: no-repeat;
103         background-position: 99%;
104     }
105     
106     
107     /* 
108      * -----------------------------------------------------------------------------
109      * Specials.
110      * -----------------------------------------------------------------------------
111      */
112     
113     #searchform {
114         position: absolute;
115         top: 25px;
116         right: 90px;
117     }
118     
119     
120     td.changetime {
121         font-style: italic;
122     }
123     
124     td.changelog {
125         font-style: normal;
126         font-size: x-small;
127         font-weight: bold;
128     }
129     
130     /*
131      * Attribution `div` for IkiWiki.  Use something like as follows:
132      *          <div id="attribution">
133      *              This site is maintained using Joey Hess's
134      *              <a href="http://ikiwiki.kitenet.net/">
135      *                  <img src="ikiwiki.png" title="IkiWiki" alt="IkiWiki" />
136      *              </a>.
137      *          </div>
138      */         
139     #attribution img {
140         border: 1px solid black;
141         padding: 2px;
142     }