1/** 2 * Design Elements - additional CSS for the Arctictut template 3 * 4 * @author Michael Klier <chi@chimeric.de> 5 * @author Laura Eun <laura.eun@live.de> 6 */ 7 8/* ----- General Elements ----- */ 9body { 10 font: __font_size__ Verdana, Helvetica, Lucida, "Lucida Grande", Arial, sans-serif; 11 color: __text__; 12 margin: __body_margin__; 13 line-height: __line_height__; 14 background: __body_background__; 15} 16 17div#wrapper { 18 margin: auto; 19 width: __wiki_width__; 20 background: __background__; 21 padding: __page_padding__; 22 border-radius:20px; 23 box-shadow:5px 5px 10px #6B6B6B; 24} 25div#wrapper.media { 26 width: __wiki_full_width__; 27} 28 29div.dokuwiki div.left_sidebar { 30 float: left; 31 width: 19%; 32 padding: 0.2em 10px 0 0; 33} 34 35div.dokuwiki div.right_sidebar { 36 float: right; 37 width: 16%; 38 padding: 0.2em 0em 0 10px; 39} 40 41div.dokuwiki div.page { 42 text-align: justify; 43 padding-top: 0; 44} 45 46div.dokuwiki div.left_page, 47div.dokuwiki div.right_page { 48 text-align: justify; 49 float: left; 50 width: 76% !important; 51 width: 75%; 52 padding: 2%; 53} 54 55div.dokuwiki div.center_page { 56 margin-top:4px; 57 text-align: justify; 58 float: left; 59 width: 59% !important; 60 width: 58%; 61 padding: 2% !important; 62 padding: 1%; 63 background-color: __header_background__; 64 box-shadow:1px 1px 5px #6B6B6B; 65 border-radius:7px; 66} 67 68div.headerinc { 69 border-top-left-radius:15px 15px; 70 border-top-right-radius:15px 15px; 71 background-color:#bebebe; 72 margin-top: 0.1em; 73 padding-left:25px; 74 box-shadow:1px 3px 5px #6B6B6B; 75 background-image: url(images/body.png); 76 background-repeat:repeat-x; 77} 78 79div.tagline { 80 float: right; 81 font-size: 30px; 82 padding-right: 30px; 83 padding-top: 20px; 84 font-weight: bold; 85 font-style: italic; 86 font-family:Courier New, Monospace; 87} 88 89div.dokuwiki .footerinc { 90 border: 0px solid __border__; 91 background-color: #bebebe; 92 border-bottom-left-radius:15px 15px; 93 border-bottom-right-radius:15px 15px; 94 margin-top: 0.5em; 95 box-shadow:1px 3px 5px #6B6B6B; 96} 97 98div.dokuwiki .footerinc a img { 99 padding-top: __footer_padding__; 100 padding-bottom: __footer_padding__; 101} 102 103/* ----- Sidebar -------------- */ 104div.dokuwiki div.left_sidebar div.secedit, 105div.dokuwiki div.right_sidebar div.secedit { 106 text-align: right; 107} 108 109div.dokuwiki div.left_sidebar div.breadcrumbs, 110div.dokuwiki div.right_sidebar div.breadcrumbs { 111 margin-left: 0; 112} 113 114 115div.dokuwiki div.left_sidebar div.secedit input.button, 116div.dokuwiki div.right_sidebar div.secedit input.button { 117 float: none; 118 margin: 0.1em; 119} 120 121div.dokuwiki div.left_sidebar h1, 122div.dokuwiki div.left_sidebar h2, 123div.dokuwiki div.left_sidebar h3, 124div.dokuwiki div.left_sidebar h4, 125div.dokuwiki div.left_sidebar h5, 126div.dokuwiki div.left_sidebar h6, 127div.dokuwiki div.right_sidebar h1, 128div.dokuwiki div.right_sidebar h2, 129div.dokuwiki div.right_sidebar h3, 130div.dokuwiki div.right_sidebar h4, 131div.dokuwiki div.right_sidebar h5, 132div.dokuwiki div.right_sidebar h6 { 133 font-size: 100%; 134 font-family: Verdana, Helvetica, Lucida, "Lucida Grande", Arial, sans-serif; 135 font-weight: bold; 136 padding: 0.1em; 137 border: none; 138 margin: 0 0 0.2em 0; 139} 140 141div.dokuwiki div.left_sidebar h1, 142div.dokuwiki div.right_sidebar h1 { 143 background-color: #efefef; 144 padding-left: 0.2em; 145 border-radius:5px; 146 box-shadow:1px 1px 5px #6B6B6B; 147 line-height: 200%; 148 direction: ltr; 149 text-align: left; 150 box-shadow: inset 0 0 1.0em __border__; 151 border-radius: 5px; 152 padding-left: 10px; 153} 154 155div.dokuwiki div.left_sidebar div.level2, 156div.dokuwiki div.right_sidebar div.level2, 157div.dokuwiki div.left_sidebar div.level3, 158div.dokuwiki div.right_sidebar div.level3, 159div.dokuwiki div.left_sidebar div.level4, 160div.dokuwiki div.right_sidebar div.level4, 161div.dokuwiki div.left_sidebar div.level5, 162div.dokuwiki div.right_sidebar div.level5 { 163 margin-left: 3px; 164} 165 166div.dokuwiki div.left_sidebar ul, 167div.dokuwiki div.right_sidebar ul { 168 margin-top: 0; 169 margin-left: 1.5em; 170} 171 172div.dokuwiki div.sidebar_box { 173 border-radius:7px; 174 box-shadow:1px 1px 5px #6B6B6B; 175 margin-bottom: 0.2em; 176 padding: 0.3em; 177 overflow: hidden; 178} 179 180/* ----- Links ---------------- */ 181div.dokuwiki div.left_sidebar a.wikilink1, div.dokuwiki div.left_sidebar a.wikilink2, div.dokuwiki div.left_sidebar a.mail, 182div.dokuwiki div.right_sidebar a.wikilink1, div.dokuwiki div.right_sidebar a.wikilink2, div.dokuwiki div.right_sidebar a.mail { 183 display: inline-block; 184 padding: 4px 5px 4px 5px; 185 font-weight: bold; 186} 187 188div.dokuwiki div.left_sidebar a.wikilink1:hover, 189div.dokuwiki div.right_sidebar a.wikilink1:hover { 190 text-decoration: none; 191 color: white !important; 192 background-color: __extern__; 193 border-radius:5px; 194 box-shadow:3px 3px 5px #6B6B6B; 195 text-shadow:3px 3px 5px #6B6B6B; 196} 197 198div.dokuwiki div.left_sidebar a.wikilink2:hover, 199div.dokuwiki div.right_sidebar a.wikilink2:hover{ 200 text-decoration: none; 201 color: white !important; 202 background-color: __missing__; 203 border-radius:5px; 204 box-shadow:3px 3px 5px #6B6B6B; 205 text-shadow:3px 3px 5px #6B6B6B; 206} 207 208div.dokuwiki a:hover { 209 color: __extern__; 210 text-shadow:1px 1px 2px #6B6B6B; 211} 212 213div.dokuwiki h1 a { 214 display: block; 215} 216 217div.dokuwiki a.action { 218 color: __extern__; 219} 220 221div.dokuwiki .bar a.action { 222 margin: 0 0.3em 0 0.3em; 223 height: 24px; 224 padding-top: 3px; 225 float: left; 226} 227 228div.dokuwiki a.urlextern{ 229 background: transparent url(images/urlextern.png) 0px 1px no-repeat; 230 padding-left: 18px; 231} 232div.dokuwiki a.urlextern:visited, 233div.dokuwiki a.windows:visited, 234div.dokuwiki a.interwiki:visited { 235 color: __visited__; 236} 237 238div.dokuwiki a.urlextern:hover{ 239 background: transparent url(images/urlextern_hover.png) 0px 1px no-repeat; 240 padding-left: 18px; 241} 242 243/* general headline setup */ 244div.dokuwiki h1 a, 245div.dokuwiki h2 a, 246div.dokuwiki h3 a, 247div.dokuwiki h4 a, 248div.dokuwiki h5 a, 249div.dokuwiki a.nolink { 250 color: __headline_color__ !important; 251} 252 253/* ----- Page Elements -------- */ 254div.dokuwiki div.breadcrumbs { 255 background: none; 256 padding-top:5px; 257 padding-bottom:1px; 258} 259 260div.left_sidebar li, div.right_sidebar li { 261 line-height: 150%; 262} 263 264div.left_sidebar td, div.right_sidebar td { 265 margin-top: 1px; 266 margin-bottom:1px; 267 padding-top: 0px; 268 padding-bottom:0px; 269} 270 271/* general headline setup */ 272div.dokuwiki h1, 273div.dokuwiki h2, 274div.dokuwiki h3, 275div.dokuwiki h4, 276div.dokuwiki h5 { 277 color: __headline_color__; 278 border-color: __border__; 279} 280 281/* special headlines */ 282div.dokuwiki h1 {font-size: 180%; font-weight: normal; margin-left: 0px;} 283div.dokuwiki h2 {font-size: 170%; font-weight: normal; margin-left: 20px;} 284div.dokuwiki h3 {font-size: 160%; font-weight: normal; margin-left: 40px; border-bottom:none;} 285div.dokuwiki h4 {font-size: 150%; font-weight: normal; margin-left: 60px; border-bottom:none;} 286div.dokuwiki h5 {font-size: 140%; font-weight: normal; margin-left: 80px; border-bottom:none;} 287 288/* code blocks by indention */ 289div.dokuwiki pre.code, 290div.dokuwiki pre.file { 291 width: auto !important; 292 width: 98%; 293 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 294 font-size: 1em; 295 direction: ltr; 296 text-align: left; 297 background-color: __background_site__; 298 color: __text__; 299 box-shadow: inset 0 0 1.0em __border__; 300 border-radius: 5px; 301 border: 0px solid __border__; 302} 303 304/* Footnotes fix for IE7 */ 305* html div.insitu-footnote { 306 margin: 12em 0 0 38em; 307} 308 309/* ----- Forms ---------------- */ 310div.dokuwiki fieldset { 311 border-color: __form_border__; 312} 313 314div.dokuwiki textarea.edit { 315 border-color: __form_border__; 316} 317 318div.dokuwiki input.edit, div.dokuwiki select.edit { 319 border-color: __form_border__; 320} 321 322div.dokuwiki input.missing { 323 border-color: __form_border__; 324} 325 326div.dokuwiki div.left_sidebar form#dw__search, 327div.dokuwiki div.right_sidebar form#dw__search { 328 margin-bottom: 0.2em; 329 display: block; 330 font-size: 100%; 331} 332 333div.dokuwiki div.left_sidebar form#dw__search input.edit, 334div.dokuwiki div.right_sidebar form#dw__search input.edit { 335 margin-left: 0; 336 font-size: 100%; 337 width: 65%; 338} 339 340/* Buttons */ 341div.dokuwiki input.button, div.dokuwiki button.button{ 342 border-color: __form_border__; 343 font-size: 100%; 344} 345 346div.dokuwiki div.secedit input.button { 347 border-color: __form_border__; 348 font-size: 100%; 349} 350 351div.dokuwiki .bar input.button { 352 height: 24px; 353} 354 355/* ----- Table of Contents ---- */ 356div.dokuwiki div.toc { 357 margin-top: 1.3em; 358 width: 20em; 359} 360 361div.dokuwiki div.toc_sidebar div.toc { 362 margin: 0; 363 float: none; 364 width: 100%; 365} 366 367div.dokuwiki div.toc ul { 368 margin-left: 0.1em; 369 370} 371 372 373div.dokuwiki div.tocheader { 374 line-height: 110%; 375} 376 377div.dokuwiki div.toc_sidebar div.tocheader { 378 font-size: 120%; 379 line-height: 140%; 380 border: none; 381} 382 383div.dokuwiki ul.toc { 384 padding-left: 0em; 385} 386 387div.dokuwiki div.toc_sidebar div#toc__inside { 388 border: none; 389 padding: 0; 390} 391 392/* ----- AJAX Quicksearch ----- */ 393div.dokuwiki div.left_sidebar div.ajax_qsearch, 394div.dokuwiki div.right_sidebar div.ajax_qsearch { 395 position: relative; 396 left: 0; 397 top: 2px; 398 display: none; 399 background: __background_neu__; 400 font-size: 85%; 401 width: 95.5%; 402 margin: 0.2em 0 0.5em 0; 403 border-radius: 5px; 404 box-shadow:1px 1px 5px #6B6B6B; 405} 406 407div.dokuwiki div#bar__top div.ajax_qsearch { 408 position: absolute; 409 right: 100px; 410 width: 200px; 411 font-size: 85%; 412 display: none; 413 border: 1px solid __border__; 414 background: __background_neu__; 415 text-align: left; 416 padding: 0.2em; 417 margin-top: 5px; 418 opacity: 0.9; 419} 420 421div.dokuwiki div.ajax_qsearch strong { 422 font-size: 115%; 423 background: __background_alt__; 424 padding: 0.2em; 425 display: block; 426} 427 428/* ----- Toolbox -------------- */ 429div.dokuwiki div.toolbox_sidebar ul { 430 list-style: none; 431 margin: 0; 432 clear: both; 433} 434 435div.dokuwiki div.toolbox_sidebar a.login, 436div.dokuwiki div.toolbox_sidebar a.logout, 437div.dokuwiki div.toolbox_sidebar a.register, 438div.dokuwiki div.toolbox_sidebar a.index, 439div.dokuwiki div.toolbox_sidebar a.recent, 440div.dokuwiki div.toolbox_sidebar a.create, 441div.dokuwiki div.toolbox_sidebar a.edit, 442div.dokuwiki div.toolbox_sidebar a.source, 443div.dokuwiki div.toolbox_sidebar a.show, 444div.dokuwiki div.toolbox_sidebar a.admin, 445div.dokuwiki div.toolbox_sidebar a.revs, 446div.dokuwiki div.toolbox_sidebar a.subscribe, 447div.dokuwiki div.toolbox_sidebar a.subscribens, 448div.dokuwiki div.toolbox_sidebar a.unsubscribe, 449div.dokuwiki div.toolbox_sidebar a.unsubscribens, 450div.dokuwiki div.toolbox_sidebar a.backlink, 451div.dokuwiki div.toolbox_sidebar a.back, 452div.dokuwiki div.toolbox_sidebar a.media, 453div.dokuwiki div.toolbox_sidebar a.profile, 454div.dokuwiki div.toolbox_sidebar a.revert, 455div.dokuwiki div.toolbox_sidebar a.top, 456div.dokuwiki div.toolbox_sidebar a.print, 457div.dokuwiki div.toolbox_sidebar a.pdf, 458div.dokuwiki div.toolbox_sidebar a.npd { 459 padding: 1px 0px 1px 18px; 460} 461 462div.dokuwiki div.toolbox_sidebar a.login { 463 background: transparent url(images/tool-login.png) 0px 1px no-repeat; 464} 465 466div.dokuwiki div.toolbox_sidebar a.logout, 467div.dokuwiki div.bar a.logout { 468 background: transparent url(images/tool-logout.png) 0px 1px no-repeat; 469} 470 471div.dokuwiki div.toolbox_sidebar a.register { 472 background: transparent url(images/tool-register.png) 0px 1px no-repeat; 473} 474 475div.dokuwiki div.toolbox_sidebar a.index { 476 background: transparent url(images/tool-index.png) 1px 1px no-repeat; 477} 478 479div.dokuwiki div.toolbox_sidebar a.recent { 480 background: transparent url(images/tool-recent.png) 0px 1px no-repeat; 481} 482 483div.dokuwiki div.toolbox_sidebar a.create, 484div.dokuwiki div.toolbox_sidebar a.edit, 485div.dokuwiki div.toolbox_sidebar a.npd { 486 background: transparent url(images/tool-edit.png) 0px 1px no-repeat; 487} 488 489div.dokuwiki div.toolbox_sidebar a.source, 490div.dokuwiki div.toolbox_sidebar a.show { 491 background: transparent url(images/tool-source.png) 0px 1px no-repeat; 492} 493 494div.dokuwiki div.toolbox_sidebar a.admin { 495 background: transparent url(images/tool-admin.png) 0px 1px no-repeat; 496} 497 498div.dokuwiki div.toolbox_sidebar a.revs { 499 background: transparent url(images/tool-revisions.png) 0px 1px no-repeat; 500} 501 502div.dokuwiki div.toolbox_sidebar a.subscribe, 503div.dokuwiki div.toolbox_sidebar a.subscribens, 504div.dokuwiki div.toolbox_sidebar a.unsubscribe, 505div.dokuwiki div.toolbox_sidebar a.unsubscribens { 506 background: transparent url(images/tool-subscribe.png) 0px 1px no-repeat; 507} 508 509div.dokuwiki div.toolbox_sidebar a.backlink { 510 background: transparent url(images/tool-backlink.png) 0px 1px no-repeat; 511} 512 513div.dokuwiki div.toolbox_sidebar a.back{ 514 background: transparent url(images/tool-back.png) 0px 1px no-repeat; 515} 516 517div.dokuwiki div.toolbox_sidebar a.media { 518 background: transparent url(images/mediamanager.png) 0px 1px no-repeat; 519} 520 521div.dokuwiki div.toolbox_sidebar a.profile { 522 background: transparent url(images/tool-profile.png) 0px 1px no-repeat; 523} 524 525div.dokuwiki div.toolbox_sidebar a.revert { 526 background: transparent url(images/tool-revert.png) 0px 1px no-repeat; 527} 528 529div.dokuwiki div.toolbox_sidebar a.top { 530 background: transparent url(images/tool-top.png) 0px 5px no-repeat; 531} 532 533div.dokuwiki div.toolbox_sidebar a.print { 534 background: transparent url(images/tool-print.png) 0px 5px no-repeat; 535} 536 537div.dokuwiki div.toolbox_sidebar a.pdf { 538 background: transparent url(images/tool-pdf.png) 0px 5px no-repeat; 539} 540 541div.dokuwiki div.bar a.media, 542div.dokuwiki div.bar a.login, 543div.dokuwiki div.bar a.logout, 544div.dokuwiki div.bar a.register, 545div.dokuwiki div.bar a.index, 546div.dokuwiki div.bar a.recent, 547div.dokuwiki div.bar a.create, 548div.dokuwiki div.bar a.edit, 549div.dokuwiki div.bar a.source, 550div.dokuwiki div.bar a.show, 551div.dokuwiki div.bar a.admin, 552div.dokuwiki div.bar a.revs, 553div.dokuwiki div.bar a.subscribe, 554div.dokuwiki div.bar a.subscribens, 555div.dokuwiki div.bar a.unsubscribe, 556div.dokuwiki div.bar a.unsubscribens, 557div.dokuwiki div.bar a.backlink, 558div.dokuwiki div.bar a.back, 559div.dokuwiki div.bar a.profile, 560div.dokuwiki div.bar a.top, 561div.dokuwiki div.bar a.revert, 562div.dokuwiki div.bar a.print, 563div.dokuwiki div.bar a.pdf, 564div.dokuwiki div.bar a.npd { 565 padding-left: 20px; 566} 567 568div.dokuwiki div.bar a.login { 569 background: transparent url(images/tool-login.png) 0px 5px no-repeat; 570} 571 572div.dokuwiki div.bar a.logout, 573div.dokuwiki div.bar a.logout { 574 background: transparent url(images/tool-logout.png) 0px 5px no-repeat; 575} 576 577div.dokuwiki div.bar a.register { 578 background: transparent url(images/tool-register.png) 0px 5px no-repeat; 579} 580 581div.dokuwiki div.bar a.index { 582 background: transparent url(images/tool-index.png) 0px 5px no-repeat; 583} 584 585div.dokuwiki div.bar a.recent { 586 background: transparent url(images/tool-recent.png) 0px 5px no-repeat; 587} 588 589div.dokuwiki div.bar a.create, 590div.dokuwiki div.bar a.edit, 591div.dokuwiki div.bar a.npd { 592 background: transparent url(images/tool-edit.png) 0px 5px no-repeat; 593} 594 595div.dokuwiki div.bar a.source, 596div.dokuwiki div.bar a.show { 597 background: transparent url(images/tool-source.png) 0px 5px no-repeat; 598} 599 600div.dokuwiki div.bar a.admin { 601 background: transparent url(images/tool-admin.png) 0px 5px no-repeat; 602} 603 604div.dokuwiki div.bar a.revs { 605 background: transparent url(images/tool-revisions.png) 0px 5px no-repeat; 606} 607 608div.dokuwiki div.bar a.subscribe, 609div.dokuwiki div.bar a.subscribens, 610div.dokuwiki div.bar a.unsubscribe, 611div.dokuwiki div.bar a.unsubscribens { 612 background: transparent url(images/tool-subscribe.png) 0px 5px no-repeat; 613} 614 615div.dokuwiki div.bar a.backlink { 616 background: transparent url(images/tool-backlink.png) 0px 5px no-repeat; 617} 618 619div.dokuwiki div.bar a.back { 620 background: transparent url(images/tool-back.png) 0px 5px no-repeat; 621} 622 623div.dokuwiki div.bar a.profile { 624 background: transparent url(images/tool-profile.png) 0px 5px no-repeat; 625} 626 627div.dokuwiki div.bar a.top { 628 background: transparent url(images/tool-top.png) 0px 5px no-repeat; 629} 630 631div.dokuwiki div.bar a.revert { 632 background: transparent url(images/tool-revert.png) 0px 5px no-repeat; 633} 634div.dokuwiki div.bar a.media { 635 background: transparent url(images/mediamanager.png) 0px 5px no-repeat; 636} 637 638div.dokuwiki div.bar a.print { 639 background: transparent url(images/tool-print.png) 0px 5px no-repeat; 640} 641 642div.dokuwiki div.bar a.pdf { 643 background: transparent url(images/tool-pdf.png) 0px 5px no-repeat; 644} 645 646