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/* lists */ 126div#content .dokuwiki ul { 127 list-style-type: square; 128 margin-top: .3em; 129 margin-left: 1.5em; 130 padding: 0; 131 list-style-image: url(static/3rd/vector/bullet-icon.png); 132} 133div#content .dokuwiki ol { 134 margin-top: .3em; 135 margin-left: 3.2em; 136 padding: 0; 137 list-style-image: none; 138} 139 140/* quotes */ 141div#content .dokuwiki blockquote { 142 border-left: 2px solid __border__; 143 padding-left: 3px; 144 margin-left: 0.2em; 145} 146 147/* preformatted stuff, source code */ 148div#content .dokuwiki code, 149div#content .dokuwiki pre, 150div#content .dokuwiki pre.code, 151div#content .dokuwiki pre.file { 152 font-size: 100%; 153} 154div#content .dokuwiki pre, 155div#content .dokuwiki pre.code, 156div#content .dokuwiki pre.file { 157 line-height: 1.2em; 158 background-color: __background_other__; 159} 160div#content .dokuwiki dl.file, 161div#content .dokuwiki dl.file dd { 162 margin-left: 0; 163} 164div#content .dokuwiki dl.file dt { 165 background-color: __background_other__; 166 border-bottom: 2px solid __background_other__; 167} 168 169/* "you are here" and "breadcrumbs" */ 170.catlinks { 171 font-size: 80%; 172 margin-bottom: 1em; 173} 174.catlinks p, 175.catlinks div { 176 margin: 0.3em 0; 177} 178 179/* section edit buttons */ 180div#content .dokuwiki div.secedit input.button { 181 border: 0 none; 182 text-transform: lowercase; 183 color: __existing__; 184 margin: 0; 185 padding: 0; 186 cursor: pointer; 187 background: transparent none; 188} 189 190/* insitu-footnotes */ 191div.insitu-footnote code, 192div.insitu-footnote pre { 193 font-size: 80%; 194} 195 196 197/* --------------- sidebar --------------- */ 198div#panel .dokuwiki { 199 font-size: 0.75em; 200 line-height: 1.125em; 201} 202div#panel a.wikilink1, 203div#panel a.wikilink2, 204div#panel a.urlextern { 205 padding-left: 0; 206 background: transparent none; 207 color: __existing__; 208} 209div#panel .body { 210 margin-right: 0.45em !important; 211 padding-top: 0.25em !important; 212} 213div#panel .body .dokuwiki p { 214 margin: 0; 215} 216/* div#panel .body .dokuwiki ul { 217 line-height: 1.5em; 218} */ 219div#panel .body .dokuwiki ul li { 220 font-size: 1em !important; 221 padding: 0.25em 0 !important; 222} 223div#panel .body .dokuwiki li ul { 224 font-size: 95% !important; 225 margin: 0.25em 0 0 1em !important; 226} 227div#panel .body .dokuwiki ol { 228 margin: 0 0 0 1.65em; 229} 230/* translation plugin by Anreas Gohr */ 231div#panel .body .dokuwiki .plugin_translation span { 232 display: none; 233} 234div#panel .body .dokuwiki .plugin_translation { 235 padding-right: 0 !important; 236} 237div#panel .body .dokuwiki .plugin_translation, 238div#panel .body .dokuwiki .plugin_translation ul, 239div#panel .body .dokuwiki .plugin_translation li { 240 float: none; 241 margin: 0; 242 padding-right: 0; 243 line-height: 1.5em; 244 font-size: 100%; 245} 246div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link, 247div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover, 248div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active, 249div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited, 250div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link, 251div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover, 252div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active, 253div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited { 254 background-color: transparent; 255 margin: 0; 256 padding: 0; 257} 258div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before, 259div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before { 260 content: attr(title) " ("; 261} 262div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after, 263div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after { 264 content: ") "; 265} 266div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 { 267 color: __existing__ !important; 268} 269div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 { 270 color: __missing__ !important; 271} 272div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover { 273 text-decoration: underline; 274} 275div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover { 276 text-decoration: underline !important; 277} 278div#panel .body .dokuwiki .plugin_translation select { 279 width: 90%; 280 margin: auto !important; 281 text-align: left; 282} 283div#panel .body .dokuwiki .plugin_translation option, 284div#panel .body .dokuwiki .plugin_translation option.wikilink1, 285div#panel .body .dokuwiki .plugin_translation option.wikilink2 { 286 padding: auto 5px !important; 287 text-align: left; 288} 289 290 291/* --------------- search --------------- */ 292/* copy of the original vector id="searchInput" styles cause we have to use 293 another id for DokuWiki */ 294div#simpleSearch input#qsearch__in { 295 margin: 0; 296 border-width: 0; 297 padding: 0.25em; 298 line-height: 1em; 299 font-size: 0.8em; 300 width: 14em; 301 background-color: transparent; 302} 303/* Ajax quicksearch */ 304#qsearch__out { 305 top: 72px; 306 width: 100%; 307 display: none; 308 left: auto; 309 right: 7.93335px; 310 bottom: auto; 311 height: auto; 312 font-family: sans-serif; 313 font-size: 0.8em; 314 background-color: window; 315 border: 1px solid #aaa; 316} 317#qsearch__out ul { 318 padding: 0; 319 margin: 0; 320 list-style: none; 321} 322#qsearch__out li { 323 color: windowtext; 324 margin: 0; 325 width: 100%; 326 padding: 1px; 327} 328#qsearch__out li a { 329 width: 97%; /* leave some space for browser rounding errors */ 330 display: block; 331} 332#qsearch__out li:hover { 333 background-color: #bbb; 334} 335#qsearch__out li a, 336#qsearch__out li a:link, 337#qsearch__out li a:visited, 338#qsearch__out li a:hover { 339 color: windowtext; 340 text-decoration: none; 341} 342 343 344/* --------------- footer --------------- */ 345div#footer a.wikilink1, 346div#footer a.wikilink2, 347div#footer a.urlextern { 348 padding-left: 0; 349 background: transparent none; 350 color: __existing__; 351} 352/* default copyright notice layout */ 353div#footer #footer-info li#footer-info-copyright .license { 354 font-size: 100%; 355 text-align: left; 356 padding: 0; 357} 358div#footer #footer-info li#footer-info-copyright .license a.urlextern { 359 margin-left: 0.4em; 360} 361 362 363/* --------------- Table of contents (TOC) --------------- */ 364#toc__header { 365 line-height: 1.45em; 366} 367div.toc, 368#toc__inside a.toc, 369#toc__inside ul.toc { 370 border: 0 none; 371 background: transparent none; 372 font-size: 100%; 373} 374#toc__inside ul.toc { 375 padding-top: 0; 376 padding-bottom: 0; 377 padding-left: 1em !important; 378 list-style-type: none !important; 379 list-style-image: none !important; 380 margin: 0 !important; 381} 382#toc__inside a.toc { 383 padding: 0; 384} 385 386 387/* --------------- generic content classes --------------- */ 388div.error, 389div.info, 390div.success, 391div.notify { 392 font-size: 80%; 393 line-height: 1.25em; 394} 395 396 397/* --------------- admin menu --------------- */ 398/* editing preview */ 399div#content .dokuwiki div.preview { 400 margin-left: 0; 401} 402/* "remeber me" checkbox, login */ 403div.dokuwiki form#dw__login label.simple { 404 text-align: center; 405 padding-bottom: 0.4em; 406} 407 408 409/* --------------- media manager --------------- */ 410#media__manager { 411 min-heigth: 550px; 412} 413#media__left, 414#media__right { 415 position: relative !important; 416} 417#media__right { 418 padding-left: 0.2em; 419 width: 98%; 420} 421/* make a "non-embedded"/fullpage manager possible trough hiding some stuff */ 422body.mmanagernotembedded .noprint, 423body.mmanagernotembedded #siteNotice, 424body.mmanagernotembedded #footer { 425 display: none !important; 426} 427body.mmanagernotembedded #content { 428 margin: 0 !important; 429} 430 431 432 433 434 435/****************************************************************************** 436 ********************* Browser Hacks and corrections ************************** 437 ******************************************************************************/ 438/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */ 439textarea, 440.dokuwiki #dw__editform textarea.edit { 441 /* fix scrollbar flickers in IE8 standards mode, see 442 http://j.mp/bHExde and http://j.mp/ad7Abj for details */ 443 width: 450px\9; 444 max-width: 100%\9; 445 min-width: 100%\9; 446 /* overwrite original vector with fixes for IE6/7 */ 447 #width: 100% !important; 448 border: auto; 449} 450/* ajax quicksearch: MSIE 6/7 */ 451* html #qsearch__out { 452 width: 206px; 453} 454#qsearch__out ul { 455 #list-style: none !important; 456 #list-style-image: none !important; 457} 458#qsearch__out li { 459 #width: 206px; 460} 461/* admin menu icons: MSIE 6/7 */ 462.dokuwiki ul.admin_tasks li div.li { 463 #border-left: 1px dashed __background__; /* invisible border triggers IE to render the stuff */ 464} 465
