1/** 2 * Design Elements - additional CSS for the Arctic template 3 * 4 * @author Michael Klier <chi@chimeric.de> 5 */ 6 7/* ----- General Elements ----- */ 8body { 9 font: __font_size__ Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; 10 color: __text__; 11 margin: __body_margin__; 12 line-height: __line_height__; 13 background: __body_background__; 14} 15 16div#wrapper { 17 margin: auto; 18 width: __wiki_width__; 19 border: 1px solid __border__; 20 background: __background__; 21 padding: __page_padding__; 22} 23div#wrapper.media { 24 width: __wiki_full_width__; 25} 26 27div.dokuwiki div.left_sidebar { 28 float: left; 29 width: 22%; 30 padding: 0.2em 0.5em 0 0; 31 border-right: 1px solid __border__; 32} 33 34div.dokuwiki div.right_sidebar { 35 float: right; 36 width: 22%; 37 padding: 0.2em 0em 0 0.5em; 38 border-left: 1px solid __border__; 39} 40 41div.dokuwiki div.page { 42 text-align: justify; 43 padding-top: 0; 44} 45 46div.dokuwiki main.left_page, 47div.dokuwiki main.right_page { 48 text-align: justify; 49 float: left; 50 width: 72% !important; 51 width: 69%; 52 padding: 2%; 53} 54 55div.dokuwiki main.center_page { 56 text-align: justify; 57 float: left; 58 width: 49% !important; 59 width: 47%; 60 padding: 2% !important; 61 padding: 1%; 62} 63 64div.footerinc { 65 border: 1px solid __border__; 66 background-color: __footer_background__; 67 margin-top: 0.5em; 68} 69 70div.dokuwiki .footerinc a img { 71 padding-top: __footer_padding__; 72 padding-bottom: __footer_padding__; 73 border: 0; 74} 75 76/* ----- Sidebar -------------- */ 77div.dokuwiki div.left_sidebar div.secedit, 78div.dokuwiki div.right_sidebar div.secedit { 79 text-align: right; 80} 81 82div.dokuwiki div.left_sidebar div.breadcrumbs, 83div.dokuwiki div.right_sidebar div.breadcrumbs { 84 margin-left: 0; 85} 86 87 88div.dokuwiki div.left_sidebar div.secedit input.button, 89div.dokuwiki div.left_sidebar div.secedit button, 90div.dokuwiki div.right_sidebar div.secedit input.button, 91div.dokuwiki div.right_sidebar div.secedit button { 92 float: none; 93 margin: 0.1em; 94} 95 96div.dokuwiki div.left_sidebar h1, 97div.dokuwiki div.left_sidebar h2, 98div.dokuwiki div.left_sidebar h3, 99div.dokuwiki div.left_sidebar h4, 100div.dokuwiki div.left_sidebar h5, 101div.dokuwiki div.left_sidebar h6, 102div.dokuwiki div.right_sidebar h1, 103div.dokuwiki div.right_sidebar h2, 104div.dokuwiki div.right_sidebar h3, 105div.dokuwiki div.right_sidebar h4, 106div.dokuwiki div.right_sidebar h5, 107div.dokuwiki div.right_sidebar h6 { 108 font-size: 100%; 109 font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; 110 font-weight: bold; 111 padding: 0.1em; 112 border: none; 113 margin: 0 0 0.2em 0; 114} 115 116div.dokuwiki div.left_sidebar h1, 117div.dokuwiki div.right_sidebar h1 { 118 background: __background_alt__; 119 padding-left: 0.2em; 120} 121 122div.dokuwiki div.left_sidebar div.level2, 123div.dokuwiki div.right_sidebar div.level2, 124div.dokuwiki div.left_sidebar div.level3, 125div.dokuwiki div.right_sidebar div.level3, 126div.dokuwiki div.left_sidebar div.level4, 127div.dokuwiki div.right_sidebar div.level4, 128div.dokuwiki div.left_sidebar div.level5, 129div.dokuwiki div.right_sidebar div.level5 { 130 margin-left: 3px; 131} 132 133div.dokuwiki div.left_sidebar ul, 134div.dokuwiki div.right_sidebar ul { 135 margin-top: 0; 136 margin-left: 1.5em; 137} 138 139div.dokuwiki aside.sidebar_box { 140 border: 1px solid __border__; 141 margin-bottom: 0.2em; 142 padding: 0.3em; 143 overflow: hidden; 144} 145 146/* ----- Links ---------------- */ 147div.dokuwiki a:hover { 148 color: __extern__; 149} 150 151div.dokuwiki h1 a { 152 display: block; 153} 154 155div.dokuwiki a.action { 156 color: __extern__; 157} 158 159div.dokuwiki .bar a.action { 160 margin: 0 0.3em 0 0.3em; 161 height: 24px; 162 padding-top: 3px; 163 float: left; 164} 165 166div.dokuwiki a.urlextern{ 167 background: transparent url(images/urlextern.png) 0px 1px no-repeat; 168 padding-left: 18px; 169} 170div.dokuwiki a.urlextern:visited, 171div.dokuwiki a.windows:visited, 172div.dokuwiki a.interwiki:visited { 173 color: __visited__; 174} 175 176/* general headline setup */ 177div.dokuwiki h1 a, 178div.dokuwiki h2 a, 179div.dokuwiki h3 a, 180div.dokuwiki h4 a, 181div.dokuwiki h5 a, 182div.dokuwiki a.nolink { 183 color: __headline_color__ !important; 184} 185 186/* ----- Page Elements -------- */ 187div.dokuwiki div.breadcrumbs { 188 background: none; 189} 190 191/* general headline setup */ 192div.dokuwiki h1, 193div.dokuwiki h2, 194div.dokuwiki h3, 195div.dokuwiki h4, 196div.dokuwiki h5 { 197 color: __headline_color__; 198 border-color: __border__; 199} 200 201/* special headlines */ 202div.dokuwiki h1 {font-size: 180%; font-weight: normal;} 203div.dokuwiki h2 {font-size: 170%; } 204div.dokuwiki h3 {font-size: 160%; font-weight: normal;} 205div.dokuwiki h4 {font-size: 140%; font-weight: normal;} 206div.dokuwiki h5 {font-size: 120%; font-weight: bold;} 207 208/* code blocks by indention */ 209div.dokuwiki pre.code, 210div.dokuwiki pre.file { 211 width: auto !important; 212 width: 98%; 213 font-size: 100%; 214} 215 216/* Footnotes fix for IE7 */ 217* html div.insitu-footnote { 218 margin: 12em 0 0 38em; 219} 220 221/* ----- Forms ---------------- */ 222div.dokuwiki fieldset { 223 border-color: __form_border__; 224} 225 226div.dokuwiki textarea.edit { 227 border-color: __form_border__; 228} 229 230div.dokuwiki input.edit, div.dokuwiki select.edit { 231 border-color: __form_border__; 232} 233 234div.dokuwiki input.missing { 235 border-color: __form_border__; 236} 237 238div.dokuwiki div.left_sidebar form#dw__search, 239div.dokuwiki div.right_sidebar form#dw__search { 240 margin-bottom: 0.2em; 241 display: block; 242 font-size: 100%; 243} 244 245div.dokuwiki div.left_sidebar form#dw__search input.edit, 246div.dokuwiki div.right_sidebar form#dw__search input.edit { 247 margin-left: 0; 248 font-size: 100%; 249 width: 60%; 250} 251 252/* Buttons */ 253div.dokuwiki input.button, div.dokuwiki button.button, 254div.dokuwiki button{ 255 border-color: __form_border__; 256 font-size: 100%; 257} 258 259div.dokuwiki div.secedit input.button, 260div.dokuwiki div.secedit button { 261 border-color: __form_border__; 262 font-size: 100%; 263} 264 265div.dokuwiki .bar input.button, 266div.dokuwiki .bar button { 267 height: 24px; 268} 269 270/* ----- Table of Contents ---- */ 271div.dokuwiki div.toc { 272 margin-top: 1.3em; 273 width: 20em; 274} 275 276div.dokuwiki div.toc_sidebar div.toc { 277 margin: 0; 278 float: none; 279 width: 100%; 280} 281 282div.dokuwiki div.toc ul { 283 margin-left: 0.2em; 284} 285 286 287div.dokuwiki div.tocheader { 288 line-height: 110%; 289} 290 291div.dokuwiki div.toc_sidebar div.tocheader { 292 font-size: 120%; 293 line-height: 140%; 294 border: none; 295} 296 297div.dokuwiki ul.toc { 298 padding-left: 0.5em; 299} 300 301div.dokuwiki div.toc_sidebar div#toc__inside { 302 border: none; 303 padding: 0; 304} 305 306/* ----- AJAX Quicksearch ----- */ 307div.dokuwiki div.left_sidebar div.ajax_qsearch, 308div.dokuwiki div.right_sidebar div.ajax_qsearch { 309 position: relative; 310 left: 0; 311 top: 2px; 312 display: none; 313 background: __background_neu__; 314 font-size: 85%; 315 width: 95.5%; 316 margin: 0.2em 0 0.5em 0; 317} 318 319div.dokuwiki div#bar__top div.ajax_qsearch { 320 position: absolute; 321 right: 100px; 322 width: 200px; 323 font-size: 85%; 324 display: none; 325 border: 1px solid __border__; 326 background: __background_neu__; 327 text-align: left; 328 padding: 0.2em; 329 margin-top: 5px; 330 opacity: 0.9; 331} 332 333div.dokuwiki div.ajax_qsearch strong { 334 font-size: 115%; 335 background: __background_alt__; 336 padding: 0.2em; 337 display: block; 338} 339 340/* ----- Toolbox -------------- */ 341div.dokuwiki div.toolbox_sidebar ul { 342 list-style: none; 343 margin: 0; 344 clear: both; 345} 346 347div.dokuwiki div.toolbox_sidebar a.login, 348div.dokuwiki div.toolbox_sidebar a.logout, 349div.dokuwiki div.toolbox_sidebar a.index, 350div.dokuwiki div.toolbox_sidebar a.recent, 351div.dokuwiki div.toolbox_sidebar a.create, 352div.dokuwiki div.toolbox_sidebar a.edit, 353div.dokuwiki div.toolbox_sidebar a.source, 354div.dokuwiki div.toolbox_sidebar a.show, 355div.dokuwiki div.toolbox_sidebar a.admin, 356div.dokuwiki div.toolbox_sidebar a.revs, 357div.dokuwiki div.toolbox_sidebar a.subscribe, 358div.dokuwiki div.toolbox_sidebar a.subscribens, 359div.dokuwiki div.toolbox_sidebar a.unsubscribe, 360div.dokuwiki div.toolbox_sidebar a.unsubscribens, 361div.dokuwiki div.toolbox_sidebar a.backlink, 362div.dokuwiki div.toolbox_sidebar a.media, 363div.dokuwiki div.toolbox_sidebar a.profile, 364div.dokuwiki div.toolbox_sidebar a.revert, 365div.dokuwiki div.toolbox_sidebar a.top, 366div.dokuwiki div.toolbox_sidebar a.npd { 367 padding: 1px 0px 1px 18px; 368} 369 370div.dokuwiki div.toolbox_sidebar a.login { 371 background: transparent url(images/tool-login.png) 0px 1px no-repeat; 372} 373 374div.dokuwiki div.toolbox_sidebar a.logout, 375div.dokuwiki div.bar a.logout { 376 background: transparent url(images/tool-logout.png) 0px 1px no-repeat; 377} 378 379div.dokuwiki div.toolbox_sidebar a.index { 380 background: transparent url(images/tool-index.png) 1px 1px no-repeat; 381} 382 383div.dokuwiki div.toolbox_sidebar a.recent { 384 background: transparent url(images/tool-recent.png) 0px 1px no-repeat; 385} 386 387div.dokuwiki div.toolbox_sidebar a.create, 388div.dokuwiki div.toolbox_sidebar a.edit, 389div.dokuwiki div.toolbox_sidebar a.npd { 390 background: transparent url(images/tool-edit.png) 0px 1px no-repeat; 391} 392 393div.dokuwiki div.toolbox_sidebar a.source, 394div.dokuwiki div.toolbox_sidebar a.show { 395 background: transparent url(images/tool-source.png) 0px 1px no-repeat; 396} 397 398div.dokuwiki div.toolbox_sidebar a.admin { 399 background: transparent url(images/tool-admin.png) 0px 1px no-repeat; 400} 401 402div.dokuwiki div.toolbox_sidebar a.revs { 403 background: transparent url(images/tool-revisions.png) 0px 1px no-repeat; 404} 405 406div.dokuwiki div.toolbox_sidebar a.subscribe, 407div.dokuwiki div.toolbox_sidebar a.subscribens, 408div.dokuwiki div.toolbox_sidebar a.unsubscribe, 409div.dokuwiki div.toolbox_sidebar a.unsubscribens { 410 background: transparent url(images/tool-subscribe.png) 0px 1px no-repeat; 411} 412 413div.dokuwiki div.toolbox_sidebar a.backlink { 414 background: transparent url(images/tool-backlink.png) 0px 1px no-repeat; 415} 416div.dokuwiki div.toolbox_sidebar a.media { 417 background: transparent url(images/mediamanager.png) 0px 1px no-repeat; 418} 419 420div.dokuwiki div.toolbox_sidebar a.profile { 421 background: transparent url(images/tool-profile.png) 0px 1px no-repeat; 422} 423 424div.dokuwiki div.toolbox_sidebar a.revert { 425 background: transparent url(images/tool-revert.png) 0px 1px no-repeat; 426} 427 428div.dokuwiki div.toolbox_sidebar a.top { 429 background: transparent url(images/tool-top.png) 0px 5px no-repeat; 430} 431 432div.dokuwiki div.bar a.media, 433div.dokuwiki div.bar a.login, 434div.dokuwiki div.bar a.logout, 435div.dokuwiki div.bar a.index, 436div.dokuwiki div.bar a.recent, 437div.dokuwiki div.bar a.create, 438div.dokuwiki div.bar a.edit, 439div.dokuwiki div.bar a.source, 440div.dokuwiki div.bar a.show, 441div.dokuwiki div.bar a.admin, 442div.dokuwiki div.bar a.revs, 443div.dokuwiki div.bar a.subscribe, 444div.dokuwiki div.bar a.subscribens, 445div.dokuwiki div.bar a.unsubscribe, 446div.dokuwiki div.bar a.unsubscribens, 447div.dokuwiki div.bar a.backlink, 448div.dokuwiki div.bar a.profile, 449div.dokuwiki div.bar a.top, 450div.dokuwiki div.bar a.revert, 451div.dokuwiki div.bar a.npd { 452 padding-left: 20px; 453} 454 455div.dokuwiki div.bar a.login { 456 background: transparent url(images/tool-login.png) 0px 5px no-repeat; 457} 458 459div.dokuwiki div.bar a.logout, 460div.dokuwiki div.bar a.logout { 461 background: transparent url(images/tool-logout.png) 0px 5px no-repeat; 462} 463 464div.dokuwiki div.bar a.index { 465 background: transparent url(images/tool-index.png) 0px 5px no-repeat; 466} 467 468div.dokuwiki div.bar a.recent { 469 background: transparent url(images/tool-recent.png) 0px 5px no-repeat; 470} 471 472div.dokuwiki div.bar a.create, 473div.dokuwiki div.bar a.edit, 474div.dokuwiki div.bar a.npd { 475 background: transparent url(images/tool-edit.png) 0px 5px no-repeat; 476} 477 478div.dokuwiki div.bar a.source, 479div.dokuwiki div.bar a.show { 480 background: transparent url(images/tool-source.png) 0px 5px no-repeat; 481} 482 483div.dokuwiki div.bar a.admin { 484 background: transparent url(images/tool-admin.png) 0px 5px no-repeat; 485} 486 487div.dokuwiki div.bar a.revs { 488 background: transparent url(images/tool-revisions.png) 0px 5px no-repeat; 489} 490 491div.dokuwiki div.bar a.subscribe, 492div.dokuwiki div.bar a.subscribens, 493div.dokuwiki div.bar a.unsubscribe, 494div.dokuwiki div.bar a.unsubscribens { 495 background: transparent url(images/tool-subscribe.png) 0px 5px no-repeat; 496} 497 498div.dokuwiki div.bar a.backlink { 499 background: transparent url(images/tool-backlink.png) 0px 5px no-repeat; 500} 501 502div.dokuwiki div.bar a.profile { 503 background: transparent url(images/tool-profile.png) 0px 5px no-repeat; 504} 505 506div.dokuwiki div.bar a.top { 507 background: transparent url(images/tool-top.png) 0px 5px no-repeat; 508} 509 510div.dokuwiki div.bar a.revert { 511 background: transparent url(images/tool-revert.png) 0px 5px no-repeat; 512} 513div.dokuwiki div.bar a.media { 514 background: transparent url(images/mediamanager.png) 0px 5px no-repeat; 515} 516 517