1/****************************************************************************** 2 ******************************** ATTENTION ********************************* 3 DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES! 4 ****************************************************************************** 5 If you want to add some own screen CSS, have a look at the README of this 6 template and "/user/screen.css". You have been warned! 7 *****************************************************************************/ 8 9/* Notes about how the template CSS works: 10 11 - This template includes 3rd party CSS files: 12 1) CSS from the "default" DokuWiki template by Andreas Gohr (brings 13 important and basic styling for syntax and core features) 14 2) CSS from the original "vector" skin for MediaWiki (brings the basic 15 layout and overwrites some "default" styling) 16 These files will be included BEFORE this specific CSS file. In this file, 17 I just overwrite non fitting MediaWiki "vector" and DokuWiki "default" CSS 18 + add some CSS for some exclusive objects of this template 19 - Why I am doing this? Well, read <http://j.mp/jIyE2>. I followed the main 20 principle described there and simply apply it to the two sources ("default" 21 template and "vector" skin). 22 - This way also ensures a painless update, if there are new versions of 23 MediaWiki vector or DokuWiki CSS files. Cause these 3rd party components 24 were not edited or partially copied, I do not have to track their changes 25 in detail. 26 27 Explanation of the different sections in here: 28 - "Styles/corrections for the template itself" 29 General CSS targeting the template structure. This section overwrites non 30 fitting CSS of the "vector" MediaWiki skin and "default" DokuWiki template. 31 Read the notes above and <http://j.mp/jIyE2> if you do not know why I am 32 doing it this way. 33 - "Browser Hacks and corrections" 34 Section containing bigger hacks for browser specific problems. 35*/ 36 37 38/****************************************************************************** 39 ************** Styles/corrections for the template itself ******************** 40 ******************************************************************************/ 41/* --------------- general styling --------------- */ 42/* missing page links outside rendered articles */ 43a.wikilink2, 44a.wikilink2:link, 45a.wikilink2:visited, 46a.wikilink2:hover { 47 color: __missing__; 48 border-bottom: 0 none; 49 text-decoration: none; 50} 51a.wikilink2:hover { 52 text-decoration: underline; 53} 54 55/* external links */ 56div#bodyContent a.urlextern { 57 background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat; 58 padding: 0 13px 0 0; 59} 60div#bodyContent a.mail { 61 background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat; 62 padding: 0 13px 0 0; 63} 64 65/* other links */ 66div.dokuwiki a.windows { 67 background: transparent url(static/3rd/dokuwiki/windows.gif) center right no-repeat; 68 padding: 0 18px 1px 0; 69} 70 71/* interwiki links: place icons at the right side */ 72div.dokuwiki a.interwiki { 73 background-position: center right; 74 padding: 0 17px 0 0; 75} 76 77/* headlines */ 78div#content .dokuwiki h1, 79div#content .dokuwiki h2, 80div#content .dokuwiki h3, 81div#content .dokuwiki h4, 82div#content .dokuwiki h5, 83div#content .dokuwiki h6 { 84 border-bottom: 1px solid #aaa; 85 color: __text__; 86 margin: 0; 87 padding-bottom: 0.17em; 88 padding-top: 0.5em; 89} 90div#content .dokuwiki h1, 91div#content .dokuwiki h2 { 92 margin-bottom:0.6em; 93 font-weight: normal; 94} 95div#content .dokuwiki h3, 96div#content .dokuwiki h4, 97div#content .dokuwiki h5, 98div#content .dokuwiki h6 { 99 font-weight: bold; 100 border-bottom: none; 101 margin-bottom: 0.3em; 102} 103div#content .dokuwiki h3 { 104 font-size: 132%; 105} 106div#content .dokuwiki h4 { 107 font-size: 116%; 108} 109div#content .dokuwiki h5 { 110 font-size: 100%; 111} 112div#content .dokuwiki h6 { 113 font-size: 80%; 114} 115 116/* remove indent from different sections */ 117div#content .dokuwiki div.level1, 118div#content .dokuwiki div.level2, 119div#content .dokuwiki div.level3, 120div#content .dokuwiki div.level4, 121div#content .dokuwiki div.level5 { 122 margin-left: 0; 123} 124 125/* quotes */ 126div#content .dokuwiki blockquote { 127 border-left: 2px solid __border__; 128 padding-left: 3px; 129 margin-left: 0.2em; 130} 131 132/* preformatted stuff, source code */ 133div#content .dokuwiki code, 134div#content .dokuwiki pre, 135div#content .dokuwiki pre.code, 136div#content .dokuwiki pre.file { 137 font-size: 100%; 138} 139div#content .dokuwiki pre, 140div#content .dokuwiki pre.code, 141div#content .dokuwiki pre.file { 142 line-height: 1.2em; 143 background-color: __background_other__; 144} 145div#content .dokuwiki dl.file, 146div#content .dokuwiki dl.file dd { 147 margin-left: 0; 148} 149div#content .dokuwiki dl.file dt { 150 background-color: __background_other__; 151 border-bottom: 2px solid __background_other__; 152} 153 154/* "you are here" and "breadcrumbs" */ 155.catlinks { 156 font-size: 80%; 157 margin-bottom: 1em; 158} 159.catlinks p, 160.catlinks div { 161 margin: 0.3em 0; 162} 163 164/* section edit buttons */ 165div#content .dokuwiki div.secedit input.button { 166 border: 0 none; 167 text-transform: lowercase; 168 color: __existing__; 169 margin: 0; 170 padding: 0; 171 cursor: pointer; 172 background: transparent none; 173} 174 175 176/* --------------- sidebar --------------- */ 177div#panel .dokuwiki { 178 font-size: 0.75em; 179 line-height: 1.125em; 180} 181div#panel a.wikilink1, 182div#panel a.wikilink2, 183div#panel a.urlextern { 184 padding-left: 0; 185 background: transparent none; 186 color: __existing__; 187} 188div#panel .body { 189 margin-right: 0.45em !important; 190} 191div#panel .body .dokuwiki p { 192 margin: 0; 193} 194div#panel .body .dokuwiki ul li { 195 font-size: 1em !important; 196} 197div#panel .body .dokuwiki ol { 198 margin: 0 0 0 1.65em; 199} 200/* translation plugin by Anreas Gohr */ 201div#panel .body .dokuwiki .plugin_translation span { 202 display: none; 203} 204div#panel .body .dokuwiki .plugin_translation { 205 padding-right: 0 !important; 206} 207div#panel .body .dokuwiki .plugin_translation, 208div#panel .body .dokuwiki .plugin_translation ul, 209div#panel .body .dokuwiki .plugin_translation li { 210 float: none; 211 margin: 0; 212 padding-right: 0; 213 line-height: 1.5em; 214 font-size: 100%; 215} 216div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link, 217div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover, 218div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active, 219div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited, 220div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link, 221div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover, 222div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active, 223div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited { 224 background-color: transparent; 225 margin: 0; 226 padding: 0; 227} 228div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before, 229div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before { 230 content: attr(title) " ("; 231} 232div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after, 233div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after { 234 content: ") "; 235} 236div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 { 237 color: __existing__ !important; 238} 239div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 { 240 color: __missing__ !important; 241} 242div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover { 243 text-decoration: underline; 244} 245div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover { 246 text-decoration: underline !important; 247} 248div#panel .body .dokuwiki .plugin_translation select { 249 width: 90%; 250 margin: auto !important; 251 text-align: left; 252} 253div#panel .body .dokuwiki .plugin_translation option, 254div#panel .body .dokuwiki .plugin_translation option.wikilink1, 255div#panel .body .dokuwiki .plugin_translation option.wikilink2 { 256 padding: auto 5px !important; 257 text-align: left; 258} 259 260 261/* --------------- search --------------- */ 262/* copy of the original vector id="searchInput" styles cause we have to use 263 another id for DokuWiki */ 264div#simpleSearch input#qsearch__in { 265 margin: 0; 266 border-width: 0; 267 padding: 0.25em; 268 line-height: 1em; 269 font-size: 0.8em; 270 width: 14em; 271 background-color: transparent; 272} 273/* Ajax quicksearch */ 274#qsearch__out { 275 top: 72px; 276 width: 100%; 277 display: none; 278 left: auto; 279 right: 7.93335px; 280 bottom: auto; 281 height: auto; 282 font-family: sans-serif; 283 font-size: 0.8em; 284 background-color: window; 285 border: 1px solid #aaa; 286} 287#qsearch__out ul { 288 padding: 0; 289 margin: 0; 290 list-style: none; 291} 292#qsearch__out li { 293 color: windowtext; 294 margin: 0; 295 width: 100%; 296 padding: 1px; 297} 298#qsearch__out li a { 299 width: 97%; /* leave some space for browser rounding errors */ 300 display: block; 301} 302#qsearch__out li:hover { 303 background-color: #bbb; 304} 305#qsearch__out li a, 306#qsearch__out li a:link, 307#qsearch__out li a:visited, 308#qsearch__out li a:hover { 309 color: windowtext; 310 text-decoration: none; 311} 312 313 314/* --------------- footer --------------- */ 315div#footer a.wikilink1, 316div#footer a.wikilink2, 317div#footer a.urlextern { 318 padding-left: 0; 319 background: transparent none; 320 color: __existing__; 321} 322/* default copyright notice layout */ 323div#footer #footer-info li#footer-info-copyright .license { 324 font-size: 100%; 325 text-align: left; 326 padding: 0; 327} 328div#footer #footer-info li#footer-info-copyright .license a.urlextern { 329 margin-left: 0.4em; 330} 331 332 333/* --------------- Table of contents (TOC) --------------- */ 334div.toc, 335#toc__inside a.toc, 336#toc__inside ul.toc { 337 border: 0 none; 338 background: transparent none; 339 font-size: 100%; 340} 341#toc__inside ul.toc { 342 padding-top: 0; 343 padding-bottom: 0; 344} 345 346 347/* --------------- generic content classes --------------- */ 348div.error, 349div.info, 350div.success, 351div.notify { 352 font-size: 80%; 353 line-height: 1.25em; 354} 355 356 357/* --------------- admin menu --------------- */ 358/* editing preview */ 359div#content .dokuwiki div.preview { 360 margin-left: 0; 361} 362/* "remeber me" checkbox, login */ 363div.dokuwiki form#dw__login label.simple { 364 text-align: center; 365 padding-bottom: 0.4em; 366} 367 368 369/* --------------- media manager --------------- */ 370#media__manager { 371 min-heigth: 550px; 372} 373#media__left, 374#media__right { 375 position: relative !important; 376} 377#media__right { 378 padding-left: 0.2em; 379 width: 98%; 380} 381/* make a "non-embedded"/fullpage manager possible trough hiding some stuff */ 382body.mmanagernotembedded .noprint, 383body.mmanagernotembedded #siteNotice, 384body.mmanagernotembedded #footer { 385 display: none !important; 386} 387body.mmanagernotembedded #content { 388 margin: 0 !important; 389} 390 391 392 393 394 395/****************************************************************************** 396 ********************* Browser Hacks and corrections ************************** 397 ******************************************************************************/ 398/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */ 399textarea, 400.dokuwiki #dw__editform textarea.edit { 401 /* fix scrollbar flickers in IE8 standards mode, see 402 http://j.mp/bHExde and http://j.mp/ad7Abj for details */ 403 width: 450px\9; 404 max-width: 100%\9; 405 min-width: 100%\9; 406 /* overwrite original vector with fixes for IE6/7 */ 407 #width: 100% !important; 408 border: auto; 409} 410/* ajax quicksearch: MSIE 6/7 */ 411* html #qsearch__out { 412 width: 206px; 413} 414#qsearch__out ul { 415 #list-style: none !important; 416 #list-style-image: none !important; 417} 418#qsearch__out li { 419 #width: 206px; 420} 421/* admin menu icons: MSIE 6/7 */ 422.dokuwiki ul.admin_tasks li div.li { 423 #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */ 424} 425 426
