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