xref: /template/retro/css/design.css (revision b19d382409f25e451fdee2e9c71944817b2672f4) 
1/**
2 * This file provides the main design styles for the
3 * bits that surround the content.
4 *
5 * @author Anika Henke <anika@selfthinker.org>
6 * @author Andreas Gohr <andi@splitbrain.org>
7 */
8
9
10/* header
11********************************************************************/
12
13#dokuwiki__header {
14    margin: 1em 0 0;
15}
16#IE7 #dokuwiki__header {
17    margin-top: 2em;
18}
19
20#dokuwiki__header .headings {
21    margin-bottom: 2.1em;
22}
23#dokuwiki__header h1 {
24    margin-bottom: 0;
25    font-size: 1.5em;
26}
27#dokuwiki__header h1 a {
28    text-decoration: none;
29    color: #00c;
30    background-color: inherit;
31}
32#dokuwiki__header p.claim {
33    margin-bottom: 0;
34}
35#dokuwiki__header h2 {
36    margin-bottom: 0;
37    font-size: 1.125em;
38}
39
40#dokuwiki__header .tools {
41    margin-bottom: 2.1em;
42}
43#dokuwiki__header .tools ul {
44    margin-bottom: 0;
45}
46#dokuwiki__header .tools ul li {
47    display: inline;
48}
49
50#dokuwiki__header form.search {
51    margin: .5em 0 0;
52    display: block;
53}
54#dokuwiki__header form.search #qsearch__in {
55    width: 12em;
56    margin-right: .5em;
57}
58
59#dokuwiki__header div.breadcrumbs {
60    margin-bottom: .3em;
61}
62#dokuwiki__header div.breadcrumbs a {
63    color: __existing__;
64    background-color: inherit;
65}
66
67
68/* tools
69********************************************************************/
70
71/* make wiki links look the same as tool links in tool bars */
72#dokuwiki__usertools a.wikilink1,
73#dokuwiki__pagetools a.wikilink1,
74#dokuwiki__usertools a.wikilink2,
75#dokuwiki__pagetools a.wikilink2 {
76    color: #00c;
77    border-bottom-width: 0;
78}
79#dokuwiki__usertools a.wikilink2:hover,
80#dokuwiki__pagetools a.wikilink2:hover,
81#dokuwiki__usertools a.wikilink2:active,
82#dokuwiki__pagetools a.wikilink2:active,
83#dokuwiki__usertools a.wikilink2:focus,
84#dokuwiki__pagetools a.wikilink2:focus {
85    text-decoration: underline;
86}
87
88/* highlight selected tool */
89.mode_admin a.action.admin,
90.mode_profile a.action.profile,
91.mode_recent a.action.recent,
92.mode_index a.action.index,
93.mode_revisions a.action.revs,
94.mode_backlink a.action.backlink,
95.mode_subscribe a.action.subscribe {
96    font-weight: bold;
97}
98
99/*____________ user tools ____________*/
100
101#dokuwiki__usertools {
102    position: absolute;
103    top: 0;
104    right: 0;
105    border-bottom: 1px solid __border__;
106    background-color: __background_alt__;
107    width: 100%;
108}
109#dokuwiki__usertools ul,
110#dokuwiki__pagetools ul {
111    /* imitate #dokuwiki__site */
112    margin: 0 auto;
113    max-width: 64em;
114    padding: 0 1em;
115}
116#IE6 #dokuwiki__usertools ul {
117    width: 100%;
118}
119#dokuwiki__usertools ul li.user {
120    float: left;
121    margin-left: 0;
122}
123
124/*____________ page tools ____________*/
125
126#dokuwiki__pagetools {
127    position: fixed;
128    bottom: 0;
129    left: 0;
130    border-top: 1px solid __border__;
131    background-color: __background_alt__;
132    width: 100%;
133    z-index: 10;
134}
135#IE6 #dokuwiki__content {
136    margin-bottom: 1.4em;
137}
138#dokuwiki__pagetools ul li {
139    display: inline;
140    margin: 0 1.5em 0 0;
141}
142#dokuwiki__pagetools ul li a.action.top {
143    float: right;
144}
145#IE6 #dokuwiki__pagetools ul,
146#IE7 #dokuwiki__pagetools ul {
147    position: relative;
148}
149#IE6 #dokuwiki__pagetools ul li a.action.top,
150#IE7 #dokuwiki__pagetools ul li a.action.top {
151    position: absolute;
152    top: 0;
153    right: 0;
154}
155
156
157/* sidebar
158********************************************************************/
159
160#dokuwiki__aside {
161    padding-top: .4em;
162    line-height: 1.2;
163}
164
165/* make sidebar more condensed */
166
167#dokuwiki__aside h1 { margin-bottom: .222em; }
168#dokuwiki__aside h2 { margin-bottom: .333em; }
169#dokuwiki__aside h3 { margin-bottom: .444em; }
170#dokuwiki__aside h4 { margin-bottom: .5em; }
171#dokuwiki__aside h5 { margin-bottom: .5714em; }
172
173#dokuwiki__aside p, #dokuwiki__aside ul, #dokuwiki__aside ol, #dokuwiki__aside dl,
174#dokuwiki__aside pre, #dokuwiki__aside table, #dokuwiki__aside fieldset,
175#dokuwiki__aside hr, #dokuwiki__aside blockquote, #dokuwiki__aside address {
176    margin-bottom: .7em;
177}
178
179#dokuwiki__aside ul, #dokuwiki__aside ol {
180    padding-left: 0;
181}
182#dokuwiki__aside li ul, #dokuwiki__aside li ol {
183    margin-bottom: 0;
184}
185
186
187/* content
188********************************************************************/
189
190.dokuwiki .page {
191}
192
193/*____________ misc ____________*/
194
195/* license note in footer and under edit window */
196.dokuwiki div.license {
197    font-size: 93.75%;
198}
199
200#IE6 .dokuwiki input.button, #IE6 .dokuwiki button,
201#IE7 .dokuwiki input.button, #IE7 .dokuwiki button {
202    line-height: 1.4;
203}
204
205/*____________ JS popup ____________*/
206
207.JSpopup {
208    background-color: __background__;
209    color: __text__;
210    border: 1px solid __border__;
211    line-height: 1.2;
212    padding: 0 .2em;
213}
214
215.JSpopup ul,
216.JSpopup ol {
217    padding-left: 0;
218}
219
220
221/* footer
222********************************************************************/
223
224.dokuwiki .wrapper {
225    margin-bottom: 2.8em;
226}
227#IE6 .dokuwiki .wrapper {
228    margin-bottom: 1.4em;
229}
230
231#dokuwiki__footer {
232    margin-bottom: 1em;
233}
234#IE6 #dokuwiki__footer,
235#IE7 #dokuwiki__footer {
236    height: 1%;
237}
238#dokuwiki__footer .doc {
239    float: left;
240}
241#dokuwiki__footer .top {
242    float: right;
243}
244#dokuwiki__footer .license {
245    clear: both;
246}
247#dokuwiki__footer .license img {
248    margin: 0 .5em 0 0;
249    float: none;
250}
251
252