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