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/* ------------------------------------------------- */