1/**
2 * CSS for the Slaad template.
3 *
4 * @media   screen
5 * @browser all
6 * @author  Ismael Salgado <slaad.net@gmail.com>
7 *
8 * Based on the default template.
9 *
10 * @author Andreas Gohr <andi@splitbrain.org>
11 * @author Anika Henke <henke@cosmocode.de>
12 *
13 * All colors defined in "style.ini".
14 *
15 * All selectors are on the same line. Their order is LAYOUT-STYLE-FONT
16 *  - LAYOUT: for positioning and measures (margin, padding, height, ...)
17 *  - STYLE: for colors and images.
18 *  - FONT: for fonts
19 */
20
21/* ------- reset ------- */
22
23*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,
24p,blockquote,th,td,img{margin:0; padding:0;}
25table{border-collapse:collapse; border-spacing:0;}
26fieldset,img{border:0;}
27address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
28strong{font-weight:bold;}
29em{font-style:italic;}
30ol,ul{}
31caption,th{text-align:left;}
32h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:bold;}
33q:before, q:after{content:'';}
34abbr,acronym{border:0;}
35a{text-decoration:underline;}
36
37/* ------- */
38
39body{margin:0; padding:0; font-size:1em; background:__background_alt__; font-family:monospace; text-align:center;}
40.dokuwiki{margin:0 auto; padding:0; width:950px; text-align:left;}
41.clear{clear:both;}
42
43/**
44 * Remove them and uncomment the following lines to display an image instead of
45 * text in the header. Remember to change the image by itself :-) and uncomment
46 * the lines on "design_ie6.css"
47 */
48.header{margin:0; padding:0; height:100px; line-height:100px; background:transparent; color:__text__; font-size:3em; font-family:tahoma, sans-serif; font-weight:bold;}
49.header span{position:relative; top:25px; left:10px;}
50/*.header{margin:0; padding:0; height:100px; line-height:100px; background:transparent url(images/NAME.EXTENSION) no-repeat 10px 25px;}
51.header span{position:relative; left:-9999px;}*/
52
53.search form{margin:0; padding:5px 2px; position:relative; float:right; bottom:40px; right:10px; background:__yellow_egg__; border:1px solid __border__; font-weight:normal;}
54.search form input.edit{margin:0 3px; padding:1px; background:__background_neu__; color:__text_neu__; border:1px solid __border__;}
55.search form input.button{margin:0; padding:1px 2px; background:transparent; border:0; font-family:monospace; font-size:12px;}
56
57.content{margin:0; padding:1px; background:__yellow_egg__; border:5px solid __border__; font-size:14px; text-align: center;}
58.content .wrap{margin:0; padding:10px; background:__background__; border:2px solid __border__; text-align:left;}
59.content .wrap a{color:__text__;}
60
61.pagename{margin:0; padding:0; position:relative; color:__text__; font-size:1.5em; font-family:tahoma, sans-serif; text-align:left;}
62.pagename a{margin:0 3px; text-decoration:none;}
63.pagename a:hover{color:__text_alt__;}
64
65.nav-bar{margin:0; padding:0; background:__nav_outer_background__; border:2px solid __nav_outer_bordercolor__;}
66.nav-bar-top{margin-top:10px;}
67.nav-bar-bottom{margin-bottom:10px;}
68.nav-bar .wrap{margin:0; padding:3px; position:relative; background:__nav_inner_background__; color:#ffa620; border:1px solid __nav_inner_bordercolor__;}
69.nav-bar .wrap ul{margin:0; padding:0;}
70.nav-bar .wrap ul li{display:inline; list-style-type:none;}
71.nav-bar .wrap ul li a{margin:0; padding:0 10px; display:block; position:relative; float:left; height:25px; line-height:25px; outline:none; background:__nav_button_background__; color:__nav_button_textcolor__;}
72.nav-bar .wrap ul li a:link,
73.nav-bar .wrap ul li a:visited{text-decoration:none; color:__nav_button_textcolor_visited__;}
74.nav-bar .wrap ul li a:hover{background:__nav_button_background_hover__; color:__nav_button_textcolor_hover__;}
75
76.breadcrumbs-wrap{margin:0; padding:0 0 0 10px; font-size:11px;}
77.breadcrumbs-wrap a{color:__text__;}
78.breadcrumbs-wrap a:hover{text-decoration:none;}
79.breadcrumbs-wrap .bcsep{margin:0; padding:0;}
80
81.html-msgarea{margin:10px 0; padding:0;}
82
83.wiki-content{margin:10px 0 20px 0; padding:5px; position:relative; overflow:auto;}
84.wiki-content h1,
85.wiki-content h2,
86.wiki-content h3,
87.wiki-content h4,
88.wiki-content h5{margin-bottom:10px; border-bottom:1px solid __border_alt__; font-family:sans-serif;}
89.wiki-content h1 a,
90.wiki-content h2 a,
91.wiki-content h3 a,
92.wiki-content h4 a,
93.wiki-content h5 a{color:__text__; text-decoration:none;}
94.wiki-content h1{font-size:2em; margin-left:0;}
95.wiki-content h2{font-size:1.8em; margin-left:20px;}
96.wiki-content h3{font-size:1.6em; margin-left:40px;}
97.wiki-content h4{font-size:1.4em; margin-left:60px;}
98.wiki-content h5{font-size:1.2em; margin-left:80px;}
99.wiki-content img{border:none;}
100.wiki-content p{margin:0 0 15px 0; line-height:110%;}
101.wiki-content hr{border:none; border-top:1px solid __background_alt__;}
102.wiki-content div.nothing{margin:5px; text-align:center;}
103.wiki-content div.level1{margin-left:3px; margin-bottom:15px;}
104.wiki-content div.level2{margin-left:23px; margin-bottom:15px;}
105.wiki-content div.level3{margin-left:43px; margin-bottom:15px;}
106.wiki-content div.level4{margin-left:63px; margin-bottom:15px;}
107.wiki-content div.level5{margin-left:83px; margin-bottom:15px;}
108
109.wiki-content form{margin:10px 0; display:inline;}
110.wiki-content form label.block{display:block; text-align:right; font-weight:bold;}
111.wiki-content form label.simple{display:block; text-align:left; font-weight:normal;}
112.wiki-content form label.block input.edit{width:50%;}
113.wiki-content form fieldset{margin:auto; padding:5px; width:300px; background:transparent; color:__text__; border:1px solid __border_alt__; text-align:center;}
114.wiki-content form textarea.edit{margin:5px 0; padding:0 0 0 5px; width:100%; background:__background_neu__; color:__text_neu__; border:1px solid __border_alt__; font-family:monospace; font-size:14px;}
115.wiki-content form input.edit,
116.wiki-content form select.edit{margin:1px; padding:2px 5px; display:inline; vertical-align:middle; border:1px solid __border_alt__; color:__text__; background:__background_neu__; font-size:100%;}
117.wiki-content form select.edit{padding:1px 0;}
118.wiki-content form input.missing{margin:1px; padding:2px 5px; display:inline; vertical-align:middle; border:1px solid __border_alt__; color:__text__; background:#fcc; font-size:100%;}
119/* edit form */
120.wiki-content form div.toolbar,
121.wiki-content form div#wiki__editbar{margin:2px 0; text-align:left;}
122.wiki-content form div#size__ctl{float:right; width:60px; height:2.7em;}
123.wiki-content form #size__ctl img{cursor:pointer;}
124.wiki-content form div#wiki__editbar div.editButtons{padding:0 10px 5px 0;}
125.wiki-content form div#wiki__editbar div.summary{}
126.wiki-content form .nowrap{white-space:nowrap;}
127.wiki-content form #draft__status{float:right; color:#555;}
128
129#config__manager fieldset{background:transparent; color:__text__;}
130#config__manager legend{font-weight:bold;}
131
132.wiki-content div.secedit input.button{margin:0; padding:1px; vertical-align:middle; position:relative; float:right; display:inline; cursor:pointer; background:__background_neu__; color:__text_alt__; border:1px solid __border_alt__; text-decoration:none; font-family:monospace; font-size:11px;}
133.wiki-content div.secedit input.button:hover{background:__text__; color:__yellow_egg__; border-color:__text__;}
134
135.wiki-content div.pagenav{margin:15px 0 0 0;}
136.wiki-content div.pagenav-prev{text-align:right; float:left; width:49%;}
137.wiki-content div.pagenav-next{text-align:left; float:right; width:49%;}
138
139.wiki-content a:link,
140.wiki-content a:visited{color:__extern__; text-decoration:none;}
141.wiki-content a:hover,
142.wiki-content a:active{color:__text__; text-decoration:underline;}
143.wiki-content h1 a,
144.wiki-content h2 a,
145.wiki-content h3 a,
146.wiki-content h4 a,
147.wiki-content h5 a,
148.wiki-content a.nolink{color:__text__ !important; text-decoration:none !important;}
149/* external links */
150.wiki-content a.urlextern{padding:1px 12px 1px 0; background:transparent url(images/extern_link.gif) right 2px no-repeat;}
151.wiki-content a.urlextern:visited{background-position:right -30px;}
152.wiki-content a.urlextern:hover,
153.wiki-content a.urlextern:active{background-position:right -14px;}
154/* windows share */
155.wiki-content a.windows{background:transparent url(images/windows.gif) 0px 1px no-repeat; padding:1px 0px 1px 16px;}
156/* interwiki link (icon are set by dokuwiki) */
157.wiki-content a.interwiki{}
158/* link to some embedded media */
159.wiki-content a.media{}
160.wiki-content a.urlextern:link,
161.wiki-content a.windows:link,
162.wiki-content a.interwiki:link{color:__extern__;}
163.wiki-content a.urlextern:visited,
164.wiki-content a.windows:visited,
165.wiki-content a.interwiki:visited{color:__visited__;}
166.wiki-content a.urlextern:hover,
167.wiki-content a.urlextern:active,
168.wiki-content a.windows:hover,
169.wiki-content a.windows:active,
170.wiki-content a.interwiki:hover,
171.wiki-content a.interwiki:active{color:__text__;}
172/* email */
173.wiki-content a.mail{padding:1px 0px 1px 18px; background:transparent url(images/mail_icon.gif) 0px 2px no-repeat;}
174/* existe wikipage */
175.wiki-content a.wikilink1{color:__existing__ !important;}
176.wiki-content a.wikilink1:hover,
177.wiki-content a.wikilink1:active{background-color:transparent; color:__existing__;}
178/* no existe wikipage */
179.wiki-content a.wikilink2{color:__missing__ !important;}
180.wiki-content a.wikilink2:hover,
181.wiki-content a.wikilink2:active{background-color:transparent; color:__missing__;}
182
183.wiki-content img.media{margin:3px;}
184.wiki-content img.medialeft{border:0; float:left; margin:0 15px 0 0;}
185.wiki-content img.mediaright{border:0; float:right; margin:0 0 0 15px;}
186.wiki-content img.mediacenter{border:0; display:block; margin:0 auto;}
187
188.wiki-content img.middle{vertical-align:middle;}
189.wiki-content acronym{cursor:help; border-bottom:1px dotted __border__;}
190
191.defcon0{margin:15px; padding:30px 5px; background:#ffffbf; color:#f00; border:1px solid #f00; text-align:center;}
192.exito, .fracaso{margin:30px 0; padding:0; font-weight:bold; text-align:center;}
193.exito{color:green;}
194.fracaso{color:red;}
195
196.wiki-content ul{margin:5px 0 15px 15px; padding:0; list-style-type:square; color:__text__;}
197.wiki-content ol{margin:5px 0 15px 25px; padding:0; color:__text__; font-weight:bold;}
198.wiki-content .li{color:__text__; font-weight:normal;}
199.wiki-content ol {list-style-type: decimal}
200.wiki-content ol ol {list-style-type: upper-roman}
201.wiki-content ol ol ol {list-style-type: lower-alpha}
202.wiki-content ol ol ol ol {list-style-type: lower-greek}
203.wiki-content li.open{list-style-image:url(images/open.gif);}
204.wiki-content li.closed{list-style-image: url(images/closed.gif);}
205.wiki-content dl{margin:15px 0; padding:0;}
206.wiki-content dl dt{margin-top:5px; font-weight:bold;}
207.wiki-content dl dd{margin:0 15px;}
208
209.wiki-content  div.toc{margin:5px 0 0 15px; position:relative; float:right; clear:both; width:200px; font-size:.8em;}
210.wiki-content  div.tocheader{margin-bottom:2px; padding:3px; background:__text__; color:__yellow_egg__; border:1px solid __border__; text-align:left; font-weight:bold;}
211.wiki-content  span.toc_open,
212.wiki-content  span.toc_close{border:4px solid #111; float:right; display:block; margin:0.4em 3px 0 0;}
213.wiki-content  span.toc_open span,
214.wiki-content  span.toc_close span{display:none;}
215.wiki-content  span.toc_open{margin-top:5px; border-top:4px solid __yellow_egg__;}
216.wiki-content  span.toc_close{margin-top:0; border-bottom:5px solid __yellow_egg__;}
217.wiki-content  #toc__inside{padding:10px 0; border:1px solid __border__; background-color:__background_neu__; text-align:left;}
218.wiki-content  ul.toc{margin:0 3px; padding:0; list-style-type:none; list-style-image:none; line-height:1.2em;}
219.wiki-content  ul.toc li{padding-left:5px; background:transparent url(images/tocdot2.gif) 0 5px no-repeat;}
220.wiki-content  ul.toc li.clear{padding-left:5px; background-image:none;}
221.wiki-content  a.toc:link,
222.wiki-content  a.toc:visited{color:__text__; text-decoration:underline;}
223.wiki-content  a.toc:hover,
224.wiki-content  a.toc:active{background:transparent; color:__text__; text-decoration:none;}
225
226.wiki-content blockquote{padding-left:3px; border-left:3px solid __background_other__;}
227.wiki-content pre{margin:5px 0; padding:10px 5px; overflow:auto; background:__background_neu__; color:__text_neu__; border:1px solid __border_alt__; font-size:12px;}
228.wiki-content pre.pre{margin:5px 0 15px 0;}
229.wiki-content pre.code{margin:5px 0 15px 0; background:__background_neu__; font-size:12px;}
230.wiki-content code{font-size:12px;}
231.wiki-content pre.file{background-color:__background_neu__;}
232
233.wiki-content table.inline{margin:10px 0; background-color:__background__; border-spacing:0px; border-collapse:collapse;}
234.wiki-content table.inline th{padding:3px; border:1px solid __border_alt__; background-color:__background_alt__;}
235.wiki-content table.inline td{padding:3px; border:1px solid __border_alt__;}
236
237.wiki-content table.diff{background-color:__background__; width:100%;}
238.wiki-content td.diff-blockheader{font-weight:bold;}
239.wiki-content table.diff th{border-bottom:1px solid __border_alt__; font-size:120%; width:50%; font-weight:normal; text-align:left;}
240.wiki-content table.diff td{font-family:monospace; font-size:100%;}
241.wiki-content td.diff-addedline{background-color:#dfd;}
242.wiki-content td.diff-deletedline{background-color:#ffb;}
243.wiki-content td.diff-context{background-color:__background__;}
244.wiki-content table.diff td.diff-addedline strong,
245.wiki-content table.diff td.diff-deletedline strong{color:#f00;}
246
247.wiki-content div.footnotes{margin:10px 0; padding-left:10px; clear:both; border-top:1px solid __border_alt__;}
248.wiki-content div.fn{font-size:12px;}
249.wiki-content a.fn_top{vertical-align:super; font-size:10px;}
250.wiki-content a.fn_bot{vertical-align:super; font-size:10px; font-weight:bold;}
251/* insitu-footnotes */
252div.insitu-footnote{font-size:11px; line-height:1.2em; border:1px solid __border_alt__; background-color:__background__; text-align:left; padding:4px; max-width:40%;    /* IE's width is handled in javascript */}
253/* overcome IE issue with one line code or file boxes which require h. scrolling */
254* html .insitu-footnote pre.code,
255* html .insitu-footnote pre.file{padding-bottom:18px;}
256
257.wiki-content .search_result{margin:10px 0; padding:0 10px 0 30px; position:relative;}
258.wiki-content .search_snippet{margin-left:15px; color:#999; font-size:12px;}
259.wiki-content .search_sep{color:#111;}
260.wiki-content .search_hit{background-color:__highlight__; color:#111;}
261.wiki-content strong.search_hit{font-weight:normal;}
262.wiki-content div.search_quickresult{margin:0 0 15px 30px;padding:0 10px 10px 0;border-bottom:1px dashed __border__;}
263.wiki-content div.search_quickresult h3{margin:0 0 1.0em 0;font-size:1em;font-weight:bold;}
264.wiki-content ul.search_quickhits{margin:0 0 0.5em 1.0em;}
265.wiki-content ul.search_quickhits li{margin:0 1.0em 0 1.0em;float:left;width:30%;}
266
267.wiki-content div.ajax_qsearch{position:absolute; right:237px; width:200px; display:none; font-size:80%; line-height:1.2em; border:1px solid __border__; background-color:__background_other__; text-align:left; padding:4px;}
268
269/* Toolbar */
270button.toolbutton{margin:0 1px 0 0; padding:0px; background-color:__background__; border:1px solid __border__; cursor:pointer;}
271div.picker{width:250px; border:1px solid __border__; background-color:__background_alt__;}
272button.pickerbutton{padding:0px;margin:0 1px 1px 0;border:0;background-color:transparent;font-size:80%;cursor:pointer;}
273
274/* Spellchecking */
275.wiki-content a.spell_error{color:#f00;text-decoration:underline;}
276.wiki-content div#spell__suggest{background-color:__background__; padding:2px; border:1px solid __text__; font-size:80%; display:none;}
277.wiki-content div#spell__result{border:1px solid __border__; color:__text__; font-size:14px; padding:3px; background-color:__background_other__; display:none;}
278.wiki-content span.spell_noerr{color:#093;}
279.wiki-content span.spell_wait{color:#06c;}
280
281/* Image Details  */
282.image-details{margin:0; padding:30px;}
283.image-details h1{margin-bottom:15px; border-bottom:3px solid __border__;}
284.image-details div.img_big{margin:0; padding:30px 10px; background:__background_neu__; border:1px solid __border__;}
285.image-details div.img_detail{margin:5px 0; padding:5px; background:__background_neu__; color:__text_neu__; border:1px solid __border__; text-align:left; font-size:14px;}
286.image-details dl.img_tags dt{font-weight:bold; background-color:transparent; border-bottom:1px solid __border_alt__;}
287.image-details dl.img_tags dd{padding:5px 1px; background-color:transparent;}
288.image-details div.imagemeta{color:__text_neu__; font-size:70%; line-height:95%;}
289.image-details div.imagemeta img.thumb{margin-right:0.1em;}
290.image-details .backto{text-align:right;}
291
292/* Styles for TAG plugin. */
293.wiki-content div.tags{margin:5px 0 15px 0; padding:5px; line-height:18px; background:#e8e8d7; border:1px dashed __border_alt__; font-size:11px; text-align:right;}
294.wiki-content div.tags span{padding:1px 0 1px 18px; background:transparent url(images/tag.gif) 0 1px no-repeat;}
295
296.meta{margin:0; padding:0 5px; font-size:11px;}
297.meta .user,
298.meta .doc{color:__text_alt__;}
299.meta .user:hover,
300.meta .doc:hover{color:__text__;}
301.meta .user{position:relative; float:left;}
302.meta .doc{text-align:right;}
303
304.statcounter{display:none;}
305
306.footer{margin:0; padding:5px; position:relative; height:50px; color:#858550; font-family:monospace; font-size:12px; text-align:right;}
307.footer span{margin-right:10px; position:relative; float:right; display:block;}
308.footer img{border:none;}
309
310/**
311 * "Web badges" are grouped in one file and mapped here. Add or remove images,
312 * but do not forget to change the coordinates (if necessary).
313 */
314.footer .b-rss,
315.footer .b-php,
316.footer .b-xhtml,
317.footer .b-css,
318.footer .b-dw,
319.footer .b-cc,
320.footer .b-gpl{margin:0 5px 0 0; padding:0; position:relative; display:block; float:left; height:15px; line-height:15px; width:80px; background-color:transparent; background-image:url(images/buttons.png); background-repeat:no-repeat;}
321.footer .b-rss{background-position:0 -105px;}
322.footer .b-php{background-position:0 -135px;}
323.footer .b-xhtml{background-position:0 -15px;}
324.footer .b-css{background-position:0 -75px;}
325.footer .b-dw{background-position:0 -45px;}
326.footer .b-cc{background-position:0 -165px;}
327.footer .b-gpl{background-position:0 -195px;}
328.footer .b-rss:hover{background-position:0 -90px;}
329.footer .b-php:hover{background-position:0 -120px;}
330.footer .b-xhtml:hover{background-position:0 0;}
331.footer .b-css:hover{background-position:0 -60px;}
332.footer .b-dw:hover{background-position:0 -30px;}
333.footer .b-cc:hover{background-position:0 -150px;}
334.footer .b-gpl:hover{background-position:0 -180px;}
335
336/* ------------------------------------------------- */
337
338/* Colors for syntax highlighting  */
339
340/* C */
341pre.c .br0  {color:#111;}
342pre.c .co1  {color:#808080; font-style:italic;}
343pre.c .co2  {color:green; font-style:normal;}
344pre.c .co3  {color:#808080;}
345pre.c .coMULTI  {color:#808080; font-style:italic;}
346pre.c .es0  {color:#000099; font-weight:normal;}
347pre.c .kw1  {color:#00f;}
348pre.c .kw2  {color:#00f; font-weight:normal;}
349pre.c .kw3  {color:#00f;}
350pre.c .kw4  {color:#00f;}
351pre.c .kw5  {color:#00f;}
352pre.c .me1  {color:#d56a00;}
353pre.c .me2  {color:#d56a00;}
354pre.c .nu0  {color:#c00;}
355pre.c .re0  {color:#0000ff;}
356pre.c .re1  {color:#0000ff;}
357pre.c .re2  {color:#0000ff;}
358pre.c .re3  {color:#ff3333; font-weight:bold;}
359pre.c .re4  {color:#009999;}
360pre.c .st0  {color:#ff0000;}
361pre.c .sy0  {color:#66cc66;}
362
363/* C++ */
364pre.cpp .br0  {color:#111;}
365pre.cpp .co1  {color:#808080; font-style:italic;}
366pre.cpp .co2  {color:green; font-style:normal;}
367pre.cpp .co3  {color:#808080;}
368pre.cpp .coMULTI  {color:#808080; font-style:italic;}
369pre.cpp .es0  {color:#000099; font-weight:normal;}
370pre.cpp .kw1  {color:#00f;}
371pre.cpp .kw2  {color:#00f; font-weight:normal;}
372pre.cpp .kw3  {color:#00f;}
373pre.cpp .kw4  {color:#00f;}
374pre.cpp .kw5  {color:#00f;}
375pre.cpp .me1  {color:#d56a00;}
376pre.cpp .me2  {color:#d56a00;}
377pre.cpp .nu0  {color:#c00;}
378pre.cpp .re0  {color:#0000ff;}
379pre.cpp .re1  {color:#0000ff;}
380pre.cpp .re2  {color:#0000ff;}
381pre.cpp .re3  {color:#ff3333; font-weight:bold;}
382pre.cpp .re4  {color:#009999;}
383pre.cpp .st0  {color:#ff0000;}
384pre.cpp .sy0  {color:#66cc66;}
385
386/* PHP */
387pre.php .br0  {color:#111;}
388pre.php .co1  {color:#808080; font-style:italic;}
389pre.php .co2  {color:green; font-style:normal;}
390pre.php .co3  {color:#808080;}
391pre.php .coMULTI  {color:#808080; font-style:italic;}
392pre.php .es0  {color:#000099; font-weight:normal;}
393pre.php .kw1  {color:#00f;}
394pre.php .kw2  {color:#00f; font-weight:normal;}
395pre.php .kw3  {color:#00f;}
396pre.php .kw4  {color:#00f;}
397pre.php .kw5  {color:#00f;}
398pre.php .me1  {color:#d56a00;}
399pre.php .me2  {color:#d56a00;}
400pre.php .nu0  {color:#c00;}
401pre.php .re0  {color:#ff8000;}
402pre.php .re1  {color:#ff8000;}
403pre.php .re2  {color:#ff8000;}
404pre.php .re3  {color:#ff8000; font-weight:bold;}
405pre.php .re4  {color:#ff8000;}
406pre.php .st0  {color:#ff0000;}
407pre.php .sy0  {color:#66cc66;}
408
409/* ------------------------------------------------- */