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