1/**
2 * This file provides the main design styles for the page content.
3 *
4 * @author Anika Henke <anika@selfthinker.org>
5 * @author Andreas Gohr <andi@splitbrain.org>
6 * @author Clarence Lee <clarencedglee@gmail.com>
7
8 * Lot of useful stuff :
9		* sitemap (and backlinks)
10		* links to wiki pages
11		* images
12		* lists
13		* tables
14		* code
15		* JS popup
16		* changes to underscored CSS files
17		* changes to _edit
18		* changes to _imgdetail
19
20
21 */
22
23/*____________ sitemap (and backlinks) ____________*/
24/* sitemap (?do=index) and backlinks (?do=backlink). */
25.dokuwiki ul.idx {
26    padding-left: 0;
27}
28[dir=rtl] .dokuwiki ul.idx {
29    padding-right: 0;
30}
31.dokuwiki ul.idx li {
32    list-style-image: url(../../images/bullet.png);
33}
34.dokuwiki ul.idx li.open {
35    list-style-image: url(../../images/open.png);
36}
37.dokuwiki ul.idx li.closed {
38    list-style-image: url(../../images/closed.png);
39}
40[dir=rtl] .dokuwiki ul.idx li.closed {
41    list-style-image: url(../../images/closed-rtl.png);
42}
43
44/*____________ links to wiki pages (addition to _links) ____________*/
45
46/* existing wikipage */
47.dokuwiki a.wikilink1 {
48    color: @ini_link;
49    background-color: inherit;
50}
51
52/* not existing wikipage */
53.dokuwiki a.wikilink2 {
54    color: @ini_link2;
55    background-color: inherit;
56}
57
58/*____________ images ____________*/
59
60/* embedded images (styles are already partly set in lib/styles/all.css) */
61.dokuwiki img.media {
62    margin: .2em 0;
63}
64
65.dokuwiki img.medialeft {
66    margin: .2em 1em .2em 0;
67}
68
69.dokuwiki img.mediaright {
70    margin: .2em 0 .2em 1em;
71}
72
73.dokuwiki img.mediacenter {
74    margin: .2em auto;
75}
76
77/*____________ lists ____________*/
78
79.dokuwiki .page,
80.dokuwiki .sidebar {
81    ul li {
82        color: @ini_link;
83    }
84
85    ol li {
86        color: @ini_text_neu;
87    }
88
89    li .li {
90        color: @ini_text;
91    }
92}
93
94
95/*____________ tables ____________*/
96
97table {
98    border-collapse: collapse;
99    empty-cells: show;
100    border-spacing: 0;
101    border: 1px solid @ini_border;
102}
103
104caption {
105    caption-side: top;
106    text-align: left;
107}
108[dir=rtl] caption {
109    text-align: right;
110}
111
112th,
113td {
114    padding: .3em .5em;
115    margin: 0;
116    vertical-align: top;
117    border: 1px solid @ini_border;
118}
119th {
120    font-weight: bold;
121    background-color: @ini_color7;
122    text-align: left;
123}
124[dir=rtl] th {
125    text-align: right;
126}
127
128/* div around each table */
129.dokuwiki div.table {
130    overflow-x: auto;
131    margin-bottom: 1.4em;
132}
133
134.dokuwiki div.table table {
135    margin-bottom: 0;
136}
137
138.dokuwiki table.inline {
139    min-width: 50%;
140}
141
142.dokuwiki table.inline tr:hover td {
143    background-color: @ini_neutral4;
144}
145
146.dokuwiki table.inline tr:hover th {
147    background-color: @ini_border;
148}
149
150/* More space between line in table with list */
151div.dokuwiki table.ul th, div.dokuwiki table.ul td {
152    padding: 0 0.5em 1em 0;
153}
154
155/*____________ code ____________*/
156
157/* fix if background-color hides underlining */
158.dokuwiki em.u code {
159    text-decoration: underline;
160}
161
162/* filenames for downloadable file and code blocks */
163.dokuwiki dl.code,
164.dokuwiki dl.file {
165    dt {
166        background-color: @ini_background;
167        background: linear-gradient(to bottom, @ini_background_alt 0%, @ini_background 100%);
168        color: inherit;
169        border: 1px solid @ini_border;
170        border-bottom-color: @ini_background;
171        border-top-left-radius: .3em;
172        border-top-right-radius: .3em;
173        padding: .3em .6em .1em;
174        margin-bottom: -1px;
175        float: left;
176
177        a {
178            background-color: transparent;
179            font-size: 0.875em;
180            font-weight: normal;
181            display: block;
182            min-height: 16px;
183        }
184    }
185
186    dd {
187        margin: 0;
188        clear: left;
189    }
190
191    pre {
192        box-shadow: inset -4px -4px .5em -.3em @ini_border;
193    }
194}
195
196[dir=rtl] .dokuwiki dl.code,
197[dir=rtl] .dokuwiki dl.file {
198    dt {
199        float: right;
200    }
201
202    dd {
203        clear: right;
204    }
205}
206
207/* for code in <file> */
208.dokuwiki dl.file {
209    pre,
210    dt {
211        border-style: dashed;
212    }
213    dt {
214        border-bottom-style: solid;
215    }
216}
217
218/*____________ JS popup ____________*/
219
220.JSpopup {
221    background-color: @ini_background;
222    color: @ini_text;
223    border: 1px solid @ini_border;
224    box-shadow: .1em .1em .1em @ini_border;
225    border-radius: 2px;
226    padding: .3em .5em;
227    font-size: .9em;
228}
229
230.dokuwiki form.search div.ajax_qsearch {
231    top: -.35em;
232    font-size: 1em;
233    text-overflow: ellipsis;
234}
235
236.JSpopup ul,
237.JSpopup ol {
238    padding-left: 0;
239}
240
241[dir=rtl] .JSpopup ul,
242[dir=rtl] .JSpopup ol {
243    padding-right: 0;
244}
245
246/*____________ changes to underscored CSS files ____________*/
247
248
249#acl__tree li {
250    margin: 0;
251}
252
253#dokuwiki__content span.curid a {
254    font-weight: normal;
255}
256
257#dokuwiki__content strong span.curid a {
258    font-weight: bold;
259}
260
261/*____________ changes to _imgdetail ____________*/
262
263#dokuwiki__detail {
264    padding: 0;
265
266    img {
267        float: none;
268        margin-bottom: 1.4em;
269    }
270
271    div.img_detail {
272        float: none;
273    }
274
275    div.img_detail dl {
276        overflow: hidden;
277    }
278
279    div.img_detail dl dt {
280        float: left;
281        width: 9em;
282        text-align: right;
283        clear: left;
284    }
285
286    div.img_detail dl dd {
287        margin-left: 9.5em;
288    }
289}
290
291[dir=rtl] #dokuwiki__detail div.img_detail {
292    dl dt {
293        float: right;
294        text-align: left;
295        clear: right;
296    }
297
298    dl dd {
299        margin-left: 0;
300        margin-right: 9.5em;
301    }
302}
303