slitaz-forge annotate doc/lib/tpl/slitaz-brown/design.css @ rev 357

2013
author Pascal Bellard <pascal.bellard@slitaz.org>
date Tue Mar 26 09:07:46 2013 +0100 (2013-03-26)
parents 38815f7d58ac
children 433472bb831d
rev   line source
pankso@9 1 /**
pankso@9 2 * Design elements for default Template
pankso@9 3 *
pankso@9 4 * @author Andreas Gohr <andi@splitbrain.org>
pankso@9 5 * @author Anika Henke <henke@cosmocode.de>
pankso@9 6 */
pankso@9 7
pankso@9 8 /* -------------- general elements --------------- */
pankso@9 9
pankso@9 10 /* * { padding: 0; margin: 0; } */
pankso@9 11
pankso@9 12 /* SliTaz stuff */
pankso@9 13 html {
pankso@9 14 min-height: 102%;
pankso@9 15 }
pankso@9 16
pankso@9 17 body {
pankso@9 18 background: #ffffff;
pankso@9 19 color: black;
pankso@9 20 font: 13px sans-serif, vernada, arial;
pankso@9 21 margin: 0;
pankso@9 22 border-top: 34px solid #f1f1f1;
pankso@9 23 }
pankso@9 24
pankso@9 25 /* Accessibility */
pankso@9 26
pankso@9 27 #access {
pankso@9 28 position: absolute;
pankso@9 29 top: 0px;
pankso@9 30 right: 0px;
pankso@9 31 text-align: right;
pankso@9 32 width: auto;
pankso@9 33 margin: 0;
pankso@9 34 padding: 4px 4px 4px 20px;
pankso@9 35 font-size: 11px;
pankso@9 36 font-weight: bold;
pankso@9 37 }
pankso@9 38
pankso@9 39 #access a {
pankso@9 40 text-decoration: none;
pankso@9 41 font-weight: bold
pankso@9 42 }
pankso@9 43
pankso@9 44 #access a:hover, div.plugin_translation a:hover {
pankso@9 45 background: transparent;
pankso@9 46 color: #b64b22;
pankso@9 47 }
pankso@9 48
pankso@9 49 #access img {
pankso@9 50 vertical-align: middle;
pankso@9 51 }
pankso@9 52
pankso@9 53 /* Header and title */
pankso@9 54
pankso@9 55 #header {
pankso@9 56 /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
pankso@9 57 background: #351a0a url(images/header-img.png) no-repeat top right;
pankso@9 58 color: black;
pankso@9 59 width: 100%;
pankso@9 60 height: 42px;
pankso@9 61 border-top: 1px solid black;
pankso@9 62 border-bottom: 1px solid #999;
pankso@9 63 margin-bottom: 33px;
pankso@9 64 }
pankso@9 65
pankso@9 66 #titre {
pankso@9 67 position: absolute;
pankso@9 68 font-size: 14px;
pankso@9 69 font-weight: bolder ;
pankso@9 70 left: 180px;
pankso@9 71 top: 18px;
pankso@9 72 }
pankso@9 73
pankso@9 74 #logo {
pankso@9 75 position: absolute;
pankso@9 76 float: left;
pankso@9 77 left: 16px;
pankso@9 78 top: -10px;
pankso@9 79 width: 200px;
pankso@9 80 height: 74px;
pankso@9 81 }
pankso@9 82
pankso@9 83 /* Page content */
pankso@9 84
pankso@9 85 #content {
pankso@9 86 background: white;
pankso@9 87 color: black;
pankso@9 88 text-align: justify;
pankso@9 89 height: auto;
pankso@9 90 margin: 0;
pankso@9 91 padding: 0px 80px 40px 80px;
pankso@9 92 }
pankso@9 93
pankso@9 94 #content li, #content-full li {
pankso@9 95 line-height: 1.5em;
pankso@9 96 text-align: left;
pankso@9 97 }
pankso@9 98
pankso@9 99 /* Box and block. */
pankso@9 100
pankso@9 101 .infobox {
pankso@9 102 margin: 20px 60px;
pankso@9 103 padding: 12px;
pankso@9 104 background: #f8f8f8;
pankso@9 105 }
pankso@9 106
pankso@9 107 .infobox img { vertical-align: middle; }
pankso@9 108 /* .infobox:hover { background-color: #f2b21d; } */
pankso@9 109 .infobox:hover { background-color: #FBFBFB; }
pankso@9 110
pankso@9 111 .block {
pankso@9 112 /*padding-bottom: 35%;*/
pankso@9 113 color: black;
pankso@9 114 min-height: 200px;
pankso@9 115 margin-bottom: 20px;
pankso@9 116 }
pankso@9 117
pankso@9 118 .block ul {
pankso@9 119 list-style-type: none;
pankso@9 120 margin: 0;
pankso@9 121 padding: 0 20px;
pankso@9 122 }
pankso@9 123
pankso@9 124 .block_left {
pankso@9 125 width: 46%;
pankso@9 126 float: left;
pankso@9 127 background-color: #eaeaea;
pankso@9 128 margin: 4px 2px;
pankso@9 129 padding: 0 10px 10px 10px;
pankso@9 130 }
pankso@9 131
pankso@9 132 .block_right {
pankso@9 133 width: 46%;
pankso@9 134 float: right;
pankso@9 135 background-color: #eaeaea;
pankso@9 136 margin: 4px 2px;
pankso@9 137 padding: 0 10px 10px 10px;
pankso@9 138 }
pankso@9 139
pankso@9 140 #block_top {
pankso@9 141 color: black;
pankso@9 142 background-color: #eaeaea;
pankso@9 143 min-height: 180px;
pankso@9 144 margin-bottom: 0;
pankso@9 145 margin-right: 340px;
pankso@9 146 padding: 5px 0 0 10px;
pankso@9 147 }
pankso@9 148
pankso@9 149 #block_nav {
pankso@9 150 width: 300px;
pankso@9 151 min-height: 180px;
pankso@9 152 float: right;
pankso@9 153 background-color: #eaeaea;
pankso@9 154 margin: 0;
pankso@9 155 padding: 5px 0 0 10px;
pankso@9 156 }
pankso@9 157
pankso@9 158 .infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
pankso@9 159 -moz-border-radius: 8px;
pankso@9 160 -webkit-border-radius: 8px;
pankso@9 161 border-radius: 8px;
pankso@9 162 -moz-box-shadow: 0 1px 3px #666;
pankso@9 163 -webkit-box-shadow: 0 1px 3px #666;
pankso@9 164 box-shadow: 0 1px 3px #666;
pankso@9 165 /* CSS3 transition */
pankso@9 166 -webkit-transition-property: background-color;
pankso@9 167 -webkit-transition-duration: 2s;
pankso@9 168 -moz-transition-property: background-color;
pankso@9 169 -moz-transition-duration: 2s;
pankso@9 170 transition-property: background-color;
pankso@9 171 transition-duration: 2s;
pankso@9 172 }
pankso@9 173
pankso@9 174 #block_nav {
pankso@9 175 font-weight: bold;
pankso@9 176 }
pankso@9 177
pankso@9 178 #block_nav a {
pankso@9 179 text-decoration: none;
pankso@9 180 }
pankso@9 181
pankso@9 182 #block_nav li a:hover {
pankso@9 183 color: #b64b22;
pankso@9 184 }
pankso@9 185
pankso@9 186 #block_nav ul {
pankso@9 187 margin: 0;
pankso@9 188 list-style-type: none;
pankso@9 189 }
pankso@9 190
pankso@9 191 #block_nav h3, #block_top h3 {
pankso@9 192 font-size: 110%;
pankso@9 193 }
pankso@9 194
pankso@9 195 .block_left:hover, .block_right:hover, #block_top:hover,
pankso@9 196 #block_nav:hover, #footer:hover {
pankso@9 197 background-color: #f8f8f8;
pankso@9 198 }
pankso@9 199
pankso@9 200 .right_box {
pankso@9 201 width: 50%;
pankso@9 202 float: right;
pankso@9 203 }
pankso@9 204
pankso@9 205 /* Button */
pankso@9 206
pankso@9 207 .button { margin-left: 20px; }
pankso@9 208
pankso@9 209 .button a {
pankso@9 210 background-color: #b64b22;
pankso@9 211 color: #ffffff;
pankso@9 212 margin-right: 6px;
pankso@9 213 padding: 6px 10px;
pankso@9 214 font-size: 14px;
pankso@9 215 -moz-border-radius: 4px;
pankso@9 216 -webkit-border-radius: 4px;
pankso@9 217 border-radius: 4px;
pankso@9 218 -moz-box-shadow: 0 1px 3px #666;
pankso@9 219 -webkit-box-shadow: 0 1px 3px #666;
pankso@9 220 box-shadow: 0 1px 3px #666;
pankso@9 221 }
pankso@9 222
pankso@9 223 .button a:hover, input[type=submit]:hover {
pankso@9 224 background-color: #a3431f;
pankso@9 225 color: #ffffff;
pankso@9 226 }
pankso@9 227
pankso@9 228 /* HTML styles */
pankso@9 229
pankso@9 230 h1 {
pankso@9 231 color: #444444;
pankso@9 232 background: transparent;
pankso@9 233 text-align: left;
pankso@9 234 margin: 0;
pankso@9 235 font-size: 150%;
pankso@9 236 font-weight: bold;
pankso@9 237 padding: 0;
pankso@9 238 }
pankso@9 239
pankso@9 240 h2 {
pankso@9 241 color: #b64b22;
pankso@9 242 padding: 0;
pankso@9 243 margin: 20px 0 0 0;
pankso@9 244 font-size: 130%;
pankso@9 245 font-weight: bold;
pankso@9 246 }
pankso@9 247
pankso@9 248 h3 {
pankso@9 249 font-weight: bold;
pankso@9 250 color: #666666;
pankso@9 251 background: transparent;
pankso@9 252 }
pankso@9 253
pankso@9 254 h3 img {
pankso@9 255 vertical-align: middle;
pankso@9 256 width: 20px;
pankso@9 257 height: 20px;
pankso@9 258 padding-right: 4px;
pankso@9 259 }
pankso@9 260
pankso@9 261 a {
pankso@9 262 text-decoration: underline;
pankso@9 263 color: #103A5E;
pankso@9 264 background: inherit;
pankso@9 265 }
pankso@9 266
pankso@9 267 a:hover {
pankso@9 268 text-decoration: none;
pankso@9 269 color: blue;
pankso@9 270 background: inherit;
pankso@9 271 }
pankso@9 272
pankso@9 273 code {
pankso@9 274 font-size: 12px;
pankso@9 275 color: #669900;
pankso@9 276 background: inherit;
pankso@9 277 }
pankso@9 278
pankso@9 279 tt {
pankso@9 280 color: #15EE15;
pankso@9 281 background: inherit;
pankso@9 282 }
pankso@9 283
pankso@9 284 img {
pankso@9 285 border: 0pt none;
pankso@9 286 }
pankso@9 287
pankso@9 288 pre {
pankso@9 289 padding: 5px;
pankso@9 290 color: black;
pankso@9 291 background: #E1E0B0;
pankso@9 292 }
pankso@9 293
pankso@9 294 pre.script {
pankso@9 295 padding: 10px;
pankso@9 296 color: black;
pankso@9 297 background: #E8E8E8;
pankso@9 298 border: 1px inset #606060;
pankso@9 299 }
pankso@9 300
pankso@9 301 textarea {
pankso@9 302 background: #E5E5E5;
pankso@9 303 margin-top: 12px;
pankso@9 304 }
pankso@9 305
pankso@9 306 .year:after {
pascal@85 307 /* content: "2007-2012"; */
pascal@357 308 content: "2013";
pankso@9 309 }
pankso@9 310
pankso@9 311 /* Footer */
pankso@9 312
pankso@9 313 #footer {
pankso@9 314 margin: 0px 80px 80px 80px;
pankso@9 315 padding: 10px;
pankso@9 316 background: #eaeaea;
pankso@9 317 color: #666666;
pankso@9 318 height: 180px;
pankso@9 319 clear: both;
pankso@9 320 border-radius: 8px;
pankso@9 321 -moz-border-radius: 8px;
pankso@9 322 -webkit-border-radius: 8px;
pankso@9 323 -moz-box-shadow: 0 1px 3px #666;
pankso@9 324 -webkit-box-shadow: 0 1px 3px #666;
pankso@9 325 box-shadow: 0 1px 3px #666;
pankso@9 326 }
pankso@9 327 #footer a {
pankso@9 328 background: inherit;
pankso@9 329 color: #666666;
pankso@9 330 }
pankso@9 331 #footer a:hover {
pankso@9 332 background: inherit;
pankso@9 333 color: #333333;
pankso@9 334 }
pankso@9 335 #footer ul {
pankso@9 336 list-style-type: none;
pankso@9 337 }
pankso@9 338 #footer li {
pankso@9 339 padding: 2px;
pankso@9 340 }
pankso@9 341 #footer h4 {
pankso@9 342 margin: 0 20px;
pankso@9 343 font-size: 125%;
pankso@9 344 }
pankso@9 345
pankso@9 346 /* the document */
pankso@9 347 div.dokuwiki div.page {
pankso@9 348 text-align: justify;
pankso@9 349 background: #ffffff;
pankso@9 350 }
pankso@9 351
pankso@9 352 div.dokuwiki table {
pankso@9 353 font-size: 100%;
pankso@9 354 }
pankso@9 355
pankso@9 356 div.dokuwiki tr,
pankso@9 357 div.dokuwiki td,
pankso@9 358 div.dokuwiki th {
pankso@9 359 }
pankso@9 360
pankso@9 361 div.dokuwiki img {
pankso@9 362 border: 0;
pankso@9 363 }
pankso@9 364
pankso@9 365 div.dokuwiki p,
pankso@9 366 div.dokuwiki blockquote,
pankso@9 367 div.dokuwiki table,
pankso@9 368 div.dokuwiki pre {
pankso@9 369 margin: 0 0 1.0em 0;
pankso@9 370 }
pankso@9 371
pankso@9 372 div.dokuwiki hr {
pankso@9 373 border: 0px;
pankso@9 374 border-top: 1px solid __border__;
pankso@9 375 text-align: center;
pankso@9 376 height: 0px;
pankso@9 377 }
pankso@9 378
pankso@9 379 div.dokuwiki div.nothing {
pankso@9 380 text-align: center;
pankso@9 381 margin: 2em;
pankso@9 382 }
pankso@9 383
pankso@9 384 /* ---------------- forms ------------------------ */
pankso@9 385
pankso@9 386 div.dokuwiki form {
pankso@9 387 border: none;
pankso@9 388 display: inline;
pankso@9 389 }
pankso@9 390
pankso@9 391 div.dokuwiki label.block {
pankso@9 392 display: block;
pankso@9 393 text-align: right;
pankso@9 394 font-weight: bold;
pankso@9 395 min-height: 20px;
pankso@9 396 margin: 0;
pankso@9 397 }
pankso@9 398
pankso@9 399 div.dokuwiki label.simple {
pankso@9 400 display: block;
pankso@9 401 text-align: left;
pankso@9 402 font-weight: normal;
pankso@9 403 }
pankso@9 404
pankso@9 405 div.dokuwiki label.block input.edit {
pankso@9 406 width: 50%;
pankso@9 407 }
pankso@9 408
pankso@9 409 div.dokuwiki fieldset {
pankso@9 410 width: 300px;
pankso@9 411 text-align: center;
pankso@9 412 border: 1px solid __border__;
pankso@9 413 padding: 0.5em;
pankso@9 414 margin: auto;
pankso@9 415 }
pankso@9 416
pankso@9 417 div.dokuwiki textarea.edit {
pankso@9 418 font-family: monospace;
pankso@9 419 font-size: 14px;
pankso@9 420 color: __text__;
pankso@9 421 background-color: __background__;
pankso@9 422 border: 1px solid __border__;
pankso@9 423 padding: 0.3em 0 0 0.3em;
pankso@9 424 width: 100%;
pankso@9 425 }
pankso@9 426
pankso@9 427 div.dokuwiki input.edit,
pankso@9 428 div.dokuwiki select.edit {
pankso@9 429 font-size: 100%;
pankso@9 430 border: 1px solid __border__;
pankso@9 431 color: __text__;
pankso@9 432 background-color: __background__;
pankso@9 433 vertical-align: middle;
pankso@9 434 margin: 1px;
pankso@9 435 padding: 0.20em 0.3em;
pankso@9 436 display: inline;
pankso@9 437 }
pankso@9 438
pankso@9 439 div.dokuwiki select.edit {
pankso@9 440 padding: 0.1em 0;
pankso@9 441 }
pankso@9 442
pankso@9 443 div.dokuwiki input.missing {
pankso@9 444 font-size: 100%;
pankso@9 445 border: 1px solid __border__;
pankso@9 446 color: __text__;
pankso@9 447 background-color: #ffcccc;
pankso@9 448 vertical-align: middle;
pankso@9 449 margin: 1px;
pankso@9 450 padding: 0.20em 0.3em;
pankso@9 451 display: inline;
pankso@9 452 }
pankso@9 453
pankso@9 454 /* disabled style - not understood by IE */
pankso@9 455 div.dokuwiki textarea.edit[disabled],
pankso@9 456 div.dokuwiki textarea.edit[readonly],
pankso@9 457 div.dokuwiki input.edit[disabled],
pankso@9 458 div.dokuwiki input.edit[readonly],
pankso@9 459 div.dokuwiki select.edit[disabled] {
pankso@9 460 background-color: __background_neu__!important;
pankso@9 461 color: __text_neu__!important;
pankso@9 462 }
pankso@9 463
pankso@9 464 /* edit form */
pankso@9 465 div.dokuwiki div.toolbar,
pankso@9 466 div.dokuwiki div#wiki__editbar {
pankso@9 467 margin: 2px 0;
pankso@9 468 text-align: left;
pankso@9 469 }
pankso@9 470 div.dokuwiki div#size__ctl {
pankso@9 471 float: right;
pankso@9 472 width: 60px;
pankso@9 473 height: 2.7em;
pankso@9 474 }
pankso@9 475 div.dokuwiki #size__ctl img {
pankso@9 476 cursor: pointer;
pankso@9 477 }
pankso@9 478 div.dokuwiki div#wiki__editbar div.editButtons {
pankso@9 479 float: left;
pankso@9 480 padding: 0 1.0em 0.7em 0;
pankso@9 481 }
pankso@9 482 div.dokuwiki div#wiki__editbar div.summary {
pankso@9 483 float: left;
pankso@9 484 }
pankso@9 485 div.dokuwiki .nowrap {
pankso@9 486 white-space: nowrap;
pankso@9 487 }
pankso@9 488 div.dokuwiki div#draft__status {
pankso@9 489 float: right;
pankso@9 490 color: __text_alt__;
pankso@9 491 }
pankso@9 492
pankso@9 493 /* --------- buttons ------------------- */
pankso@9 494
pankso@9 495
pankso@9 496 div.dokuwiki input.button,
pankso@9 497 div.dokuwiki button.button {
pankso@9 498 border: 0px solid #eaeaea;
pankso@9 499 color: #0F314E;
pankso@9 500 background-color: transparent;
pankso@9 501 vertical-align: middle;
pankso@9 502 text-decoration: none;
pankso@9 503 font-size: 12px;
pankso@9 504 font-weight: bold;
pankso@9 505 cursor: pointer;
pankso@9 506 padding: 0;
pankso@9 507 }
pankso@9 508
pankso@9 509 div.dokuwiki input:hover.button {
pankso@9 510 color: #DF8F06;
pankso@9 511 }
pankso@9 512
pankso@9 513 * html div.dokuwiki input.button,
pankso@9 514 * html div.dokuwiki button.button {
pankso@9 515 height: 24px;
pankso@9 516 }
pankso@9 517
pankso@9 518 div.dokuwiki div.secedit input.button {
pankso@9 519 border: 1px solid #eaeaea;
pankso@9 520 color: #3E1220;
pankso@9 521 background-color: transparent;
pankso@9 522 vertical-align: middle;
pankso@9 523 text-decoration: none;
pankso@9 524 margin: 0;
pankso@9 525 padding: 0;
pankso@9 526 font-size: 10px;
pankso@9 527 cursor: pointer;
pankso@9 528 float: right;
pankso@9 529 display: inline;
pankso@9 530 }
pankso@9 531
pankso@9 532 /* ----------- page navigator ------------- */
pankso@9 533
pankso@9 534 div.dokuwiki div.pagenav {
pankso@9 535 margin: 1em 0 0 0;
pankso@9 536 }
pankso@9 537
pankso@9 538 div.dokuwiki div.pagenav-prev {
pankso@9 539 text-align: right;
pankso@9 540 float: left;
pankso@9 541 width: 49%
pankso@9 542 }
pankso@9 543
pankso@9 544 div.dokuwiki div.pagenav-next {
pankso@9 545 text-align: left;
pankso@9 546 float: right;
pankso@9 547 width: 49%
pankso@9 548 }
pankso@9 549
pankso@9 550 /* --------------- Links ------------------ */
pankso@9 551
pankso@9 552 div.dokuwiki a:link,
pankso@9 553 div.dokuwiki a:visited {
pankso@9 554 color: __extern__;
pankso@9 555 text-decoration: none;
pankso@9 556 }
pankso@9 557 div.dokuwiki a:hover,
pankso@9 558 div.dokuwiki a:active {
pankso@9 559 color: __text__;
pankso@9 560 text-decoration: underline;
pankso@9 561 }
pankso@9 562
pankso@9 563 div.dokuwiki h1 a {
pankso@9 564 color: #3E1220 !important;
pankso@9 565 text-decoration: none !important;
pankso@9 566 }
pankso@9 567
pankso@9 568 div.dokuwiki h2 a {
pankso@9 569 color: #DF8F06 !important;
pankso@9 570 text-decoration: none !important;
pankso@9 571 border-left: 10px solid #F3F3F3;
pankso@9 572 padding: 4px 0px 4px 4px;
pankso@9 573 }
pankso@9 574
pankso@9 575 div.dokuwiki h3 a,
pankso@9 576 div.dokuwiki h4 a,
pankso@9 577 div.dokuwiki h5 a,
pankso@9 578 div.dokuwiki a.nolink {
pankso@9 579 color: #6c0023 !important;
pankso@9 580 text-decoration: none !important;
pankso@9 581 }
pankso@9 582
pankso@9 583 /* external link */
pankso@9 584 div.dokuwiki a.urlextern {
pankso@9 585 background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
pankso@9 586 padding: 1px 0px 1px 16px;
pankso@9 587 }
pankso@9 588
pankso@9 589 /* windows share */
pankso@9 590 div.dokuwiki a.windows {
pankso@9 591 background: transparent url(images/windows.gif) 0px 1px no-repeat;
pankso@9 592 padding: 1px 0px 1px 16px;
pankso@9 593 }
pankso@9 594
pankso@9 595 /* interwiki link (icon are set by dokuwiki) */
pankso@9 596 div.dokuwiki a.interwiki {
pankso@9 597 }
pankso@9 598
pankso@9 599 /* link to some embedded media */
pankso@9 600 div.dokuwiki a.media {
pankso@9 601 }
pankso@9 602
pankso@9 603 div.dokuwiki a.urlextern:link,
pankso@9 604 div.dokuwiki a.windows:link,
pankso@9 605 div.dokuwiki a.interwiki:link {
pankso@9 606 color: __extern__;
pankso@9 607 }
pankso@9 608
pankso@9 609 div.dokuwiki a.urlextern:visited,
pankso@9 610 div.dokuwiki a.windows:visited,
pankso@9 611 div.dokuwiki a.interwiki:visited {
pankso@9 612 color: purple;
pankso@9 613 }
pankso@9 614 div.dokuwiki a.urlextern:hover,
pankso@9 615 div.dokuwiki a.urlextern:active,
pankso@9 616 div.dokuwiki a.windows:hover,
pankso@9 617 div.dokuwiki a.windows:active,
pankso@9 618 div.dokuwiki a.interwiki:hover,
pankso@9 619 div.dokuwiki a.interwiki:active {
pankso@9 620 color: __text__;
pankso@9 621 }
pankso@9 622
pankso@9 623 /* email link */
pankso@9 624 div.dokuwiki a.mail {
pankso@9 625 background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
pankso@9 626 padding: 1px 0px 1px 16px;
pankso@9 627 }
pankso@9 628
pankso@9 629 /* existing wikipage */
pankso@9 630 div.dokuwiki a.wikilink1 {
pankso@9 631 color: #0F314E;
pankso@9 632 text-decoration: underline;
pankso@9 633 }
pankso@9 634 div.dokuwiki a.wikilink1:hover {
pankso@9 635 text-decoration: none;
pankso@9 636 color: blue;
pankso@9 637 }
pankso@9 638
pankso@9 639 /* not existing wikipage */
pankso@9 640 div.dokuwiki a.wikilink2 {
pankso@9 641 color: __missing__ !important;
pankso@9 642 text-decoration: none !important;
pankso@9 643 border-bottom: dashed 1px __missing__ !important;
pankso@9 644 }
pankso@9 645
pankso@9 646 /* ------------- Page elements ----------------- */
pankso@9 647
pankso@9 648 div.dokuwiki div.preview {
pankso@9 649 background-color: __background_neu__;
pankso@9 650 margin: 0 0 0 2em;
pankso@9 651 padding: 4px;
pankso@9 652 border: 1px dashed __text__;
pankso@9 653 }
pankso@9 654
pankso@9 655 div.dokuwiki div.breadcrumbs {
pankso@9 656 background-color: #f1f1f1;
pankso@9 657 color: __text_neu__;
pankso@9 658 font-size: 85%;
pankso@9 659 padding: 1px 0px 1px 18px;
pankso@9 660 margin: 0px 100px 0px 100px;
pankso@9 661 }
pankso@9 662
pankso@9 663 div.dokuwiki span.user {
pankso@9 664 color: __text_other__;
pankso@9 665 font-size: 90%;
pankso@9 666 }
pankso@9 667
pankso@9 668 div.dokuwiki li.minor {
pankso@9 669 color: __text_neu__;
pankso@9 670 font-style: italic;
pankso@9 671 }
pankso@9 672
pankso@9 673 /* embedded images */
pankso@9 674 div.dokuwiki img.media {
pankso@9 675 margin: 3px;
pankso@9 676 }
pankso@9 677
pankso@9 678 div.dokuwiki img.medialeft {
pankso@9 679 border: 0;
pankso@9 680 float: left;
pankso@9 681 margin: 0 1.5em 0 0;
pankso@9 682 }
pankso@9 683
pankso@9 684 div.dokuwiki img.mediaright {
pankso@9 685 border: 0;
pankso@9 686 float: right;
pankso@9 687 margin: 0 0 0 1.5em;
pankso@9 688 }
pankso@9 689
pankso@9 690 div.dokuwiki img.mediacenter {
pankso@9 691 border: 0;
pankso@9 692 display: block;
pankso@9 693 margin: 0 auto;
pankso@9 694 }
pankso@9 695
pankso@9 696 /* smileys */
pankso@9 697 div.dokuwiki img.middle {
pankso@9 698 vertical-align: middle;
pankso@9 699 }
pankso@9 700
pankso@9 701 div.dokuwiki acronym {
pankso@9 702 cursor: help;
pankso@9 703 border-bottom: 1px dotted __text__;
pankso@9 704 }
pankso@9 705
pankso@9 706 /* general headline setup */
pankso@9 707 div.dokuwiki h1,
pankso@9 708 div.dokuwiki h2,
pankso@9 709 div.dokuwiki h3,
pankso@9 710 div.dokuwiki h4,
pankso@9 711 div.dokuwiki h5 {
pankso@9 712 background-color: transparent;
pankso@9 713 clear: left;
pankso@9 714 }
pankso@9 715
pankso@9 716 /* unordered lists */
pankso@9 717 div.dokuwiki ul {
pankso@9 718 line-height: 1.5em;
pankso@9 719 list-style-type: square;
pankso@9 720 list-style-image: none;
pankso@9 721 margin: 0 0 0.5em 1.5em;
pankso@9 722 color: __text_alt__;
pankso@9 723 }
pankso@9 724
pankso@9 725 /* ordered lists */
pankso@9 726 div.dokuwiki ol {
pankso@9 727 line-height: 1.5em;
pankso@9 728 list-style-image: none;
pankso@9 729 margin: 0 0 0.5em 1.5em;
pankso@9 730 color: __text_alt__;
pankso@9 731 font-weight: bold;
pankso@9 732 }
pankso@9 733
pankso@9 734 /* the list items overriding the ul/ol definition */
pankso@9 735 div.dokuwiki .li {
pankso@9 736 color: __text__;
pankso@9 737 font-weight: normal;
pankso@9 738 }
pankso@9 739
pankso@9 740 div.dokuwiki ol {list-style-type: decimal}
pankso@9 741 div.dokuwiki ol ol {list-style-type: upper-roman}
pankso@9 742 div.dokuwiki ol ol ol {list-style-type: lower-alpha}
pankso@9 743 div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
pankso@9 744
pankso@9 745 div.dokuwiki li.open {
pankso@9 746 list-style-image: url(images/open.gif);
pankso@9 747 /*list-style-type: circle;*/
pankso@9 748 }
pankso@9 749
pankso@9 750 div.dokuwiki li.closed {
pankso@9 751 list-style-image: url(images/closed.gif);
pankso@9 752 /*list-style-type: disc;*/
pankso@9 753 }
pankso@9 754
pankso@9 755 div.dokuwiki blockquote {
pankso@9 756 border-left: 2px solid __border__;
pankso@9 757 padding-left: 3px;
pankso@9 758 }
pankso@9 759
pankso@9 760 div.dokuwiki pre {
pankso@9 761 font-size: 100%;
pankso@9 762 padding: 5px;
pankso@9 763 color: black;
pankso@9 764 background: #E1E0B0;
pankso@9 765 border: 0;
pankso@9 766 overflow: auto;
pankso@9 767 }
pankso@9 768
pankso@9 769 /* code blocks by indention */
pankso@9 770 div.dokuwiki pre.pre {
pankso@9 771 background-color: __background_other__;
pankso@9 772 }
pankso@9 773
pankso@9 774 /* code blocks by code tag */
pankso@9 775 div.dokuwiki pre.code {
pankso@9 776 -moz-border-radius: 4px;
pankso@9 777 -webkit-border-radius: 4px;
pankso@9 778 background-color: #e6e6be;
pankso@9 779 color: black;
pankso@9 780 padding: 5px ;
pankso@9 781 border: 0;
pankso@9 782 }
pankso@9 783
pankso@9 784 /* inline code words */
pankso@9 785 div.dokuwiki code {
pankso@9 786 font-size: 120%;
pankso@9 787
pankso@9 788
pankso@9 789 }
pankso@9 790
pankso@9 791 /* code blocks by file tag */
pankso@9 792 div.dokuwiki pre.file {
pankso@9 793 background-color: __background_alt__;
pankso@9 794 }
pankso@9 795
pankso@9 796 /* inline tables */
pankso@9 797 div.dokuwiki table.inline {
pankso@9 798 background-color: __background__;
pankso@9 799 border-spacing: 0px;
pankso@9 800 border-collapse: collapse;
pankso@9 801 }
pankso@9 802
pankso@9 803 div.dokuwiki table.inline th {
pankso@9 804 padding: 3px;
pankso@9 805 border: 1px solid __border__;
pankso@9 806 background-color: __background_alt__;
pankso@9 807 }
pankso@9 808
pankso@9 809 div.dokuwiki table.inline td {
pankso@9 810 padding: 3px;
pankso@9 811 border: 1px solid __border__;
pankso@9 812 }
pankso@9 813
pankso@9 814 /* ---------- table of contents ------------------- */
pankso@9 815
pankso@9 816 div.dokuwiki div.toc {
pankso@9 817 margin: 1.2em 0 0 2em;
pankso@9 818 float: right;
pankso@9 819 width: 200px;
pankso@9 820 font-size: 80%;
pankso@9 821 clear: both;
pankso@9 822 }
pankso@9 823
pankso@9 824 div.dokuwiki div.tocheader {
pankso@9 825 border: 1px solid __border__;
pankso@9 826 background-color: __background_alt__;
pankso@9 827 text-align: left;
pankso@9 828 font-weight: bold;
pankso@9 829 padding: 3px;
pankso@9 830 margin-bottom: 2px;
pankso@9 831 }
pankso@9 832
pankso@9 833 div.dokuwiki span.toc_open,
pankso@9 834 div.dokuwiki span.toc_close {
pankso@9 835 border: 0.4em solid __background_alt__;
pankso@9 836 float: right;
pankso@9 837 display: block;
pankso@9 838 margin: 0.4em 3px 0 0;
pankso@9 839 }
pankso@9 840
pankso@9 841 div.dokuwiki span.toc_open span,
pankso@9 842 div.dokuwiki span.toc_close span {
pankso@9 843 display: none;
pankso@9 844 }
pankso@9 845
pankso@9 846 div.dokuwiki span.toc_open {
pankso@9 847 margin-top: 0.4em;
pankso@9 848 border-top: 0.4em solid __text__;
pankso@9 849 }
pankso@9 850
pankso@9 851 div.dokuwiki span.toc_close {
pankso@9 852 margin-top: 0;
pankso@9 853 border-bottom: 0.4em solid __text__;
pankso@9 854 }
pankso@9 855
pankso@9 856 div.dokuwiki #toc__inside {
pankso@9 857 border: 1px solid __border__;
pankso@9 858 background-color: __background__;
pankso@9 859 text-align: left;
pankso@9 860 padding: 0.5em 0 0.7em 0;
pankso@9 861 }
pankso@9 862
pankso@9 863 div.dokuwiki ul.toc {
pankso@9 864 list-style-type: none;
pankso@9 865 list-style-image: none;
pankso@9 866 line-height: 1.2em;
pankso@9 867 padding-left: 1em;
pankso@9 868 margin: 0;
pankso@9 869 }
pankso@9 870
pankso@9 871 div.dokuwiki ul.toc li {
pankso@9 872 background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
pankso@9 873 padding-left: 0.4em;
pankso@9 874 }
pankso@9 875
pankso@9 876 div.dokuwiki ul.toc li.clear {
pankso@9 877 background-image: none;
pankso@9 878 padding-left: 0.4em;
pankso@9 879 }
pankso@9 880
pankso@9 881 div.dokuwiki a.toc:link,
pankso@9 882 div.dokuwiki a.toc:visited {
pankso@9 883 color: __extern__;
pankso@9 884 }
pankso@9 885
pankso@9 886 div.dokuwiki a.toc:hover,
pankso@9 887 div.dokuwiki a.toc:active {
pankso@9 888 color: __text__;
pankso@9 889 }
pankso@9 890
pankso@9 891 /* ---------------------------- Diff rendering --------------------------*/
pankso@9 892 div.dokuwiki table.diff {
pankso@9 893 background-color: __background__;
pankso@9 894 width: 100%;
pankso@9 895 }
pankso@9 896 div.dokuwiki td.diff-blockheader {
pankso@9 897 font-weight: bold;
pankso@9 898 }
pankso@9 899 div.dokuwiki table.diff th {
pankso@9 900 border-bottom: 1px solid __border__;
pankso@9 901 font-size: 120%;
pankso@9 902 width: 50%;
pankso@9 903 font-weight: normal;
pankso@9 904 text-align: left;
pankso@9 905 }
pankso@9 906 div.dokuwiki table.diff td {
pankso@9 907 font-family: monospace;
pankso@9 908 font-size: 100%;
pankso@9 909 }
pankso@9 910 div.dokuwiki td.diff-addedline {
pankso@9 911 background-color: #ddffdd;
pankso@9 912 }
pankso@9 913 div.dokuwiki td.diff-deletedline {
pankso@9 914 background-color: #ffffbb;
pankso@9 915 }
pankso@9 916 div.dokuwiki td.diff-context {
pankso@9 917 background-color: __background_neu__;
pankso@9 918 }
pankso@9 919 div.dokuwiki table.diff td.diff-addedline strong,
pankso@9 920 div.dokuwiki table.diff td.diff-deletedline strong {
pankso@9 921 color: red;
pankso@9 922 }
pankso@9 923
pankso@9 924 /* --------------------- footnotes -------------------------------- */
pankso@9 925
pankso@9 926 div.dokuwiki div.footnotes {
pankso@9 927 clear: both;
pankso@9 928 border-top: 1px solid __border__;
pankso@9 929 padding-left: 1em;
pankso@9 930 margin-top: 1em;
pankso@9 931 }
pankso@9 932
pankso@9 933 div.dokuwiki div.fn {
pankso@9 934 font-size: 90%;
pankso@9 935 }
pankso@9 936
pankso@9 937 div.dokuwiki a.fn_bot {
pankso@9 938 font-weight: bold;
pankso@9 939 }
pankso@9 940
pankso@9 941 /* insitu-footnotes */
pankso@9 942 div.insitu-footnote {
pankso@9 943 font-size: 80%;
pankso@9 944 line-height: 1.2em;
pankso@9 945 border: 1px solid __border__;
pankso@9 946 background-color: __background_other__;
pankso@9 947 text-align: left;
pankso@9 948 padding: 4px;
pankso@9 949 max-width: 40%; /* IE's width is handled in javascript */
pankso@9 950 }
pankso@9 951
pankso@9 952 /* overcome IE issue with one line code or file boxes which require h. scrolling */
pankso@9 953 * html .insitu-footnote pre.code,
pankso@9 954 * html .insitu-footnote pre.file {
pankso@9 955 padding-bottom: 18px;
pankso@9 956 }
pankso@9 957
pankso@9 958 /* --------------- search result formating --------------- */
pankso@9 959 div.dokuwiki .search_result {
pankso@9 960 margin-bottom: 6px;
pankso@9 961 padding: 0 10px 0 30px;
pankso@9 962 }
pankso@9 963
pankso@9 964 div.dokuwiki .search_snippet {
pankso@9 965 color: __text_other__;
pankso@9 966 font-size: 12px;
pankso@9 967 margin-left: 20px;
pankso@9 968 }
pankso@9 969
pankso@9 970 div.dokuwiki .search_sep {
pankso@9 971 color: __text__;
pankso@9 972 }
pankso@9 973
pankso@9 974 div.dokuwiki .search_hit {
pankso@9 975 color: __text__;
pankso@9 976 background-color: __highlight__;
pankso@9 977 }
pankso@9 978 div.dokuwiki strong.search_hit {
pankso@9 979 font-weight: normal;
pankso@9 980 }
pankso@9 981
pankso@9 982 div.dokuwiki div.search_quickresult {
pankso@9 983 margin: 0 0 15px 30px;
pankso@9 984 padding: 0 10px 10px 0;
pankso@9 985 border-bottom: 1px dashed __border__;
pankso@9 986 }
pankso@9 987 div.dokuwiki div.search_quickresult h3 {
pankso@9 988 margin: 0 0 1.0em 0;
pankso@9 989 font-size: 1em;
pankso@9 990 font-weight: bold;
pankso@9 991 }
pankso@9 992
pankso@9 993 div.dokuwiki ul.search_quickhits {
pankso@9 994 margin: 0 0 0.5em 1.0em;
pankso@9 995 }
pankso@9 996
pankso@9 997 div.dokuwiki ul.search_quickhits li {
pankso@9 998 margin: 0 1.0em 0 1.0em;
pankso@9 999 float:left;
pankso@9 1000 width: 30%;
pankso@9 1001 }
pankso@9 1002
pankso@9 1003 /* ------------------ Additional ---------------------- */
pankso@9 1004
pankso@9 1005 div.footerinc {
pankso@9 1006 text-align: left;
pankso@9 1007 margin: 10px 80px;
pankso@9 1008 }
pankso@9 1009 .footerinc a img {
pankso@9 1010 opacity: 0.5;
pankso@9 1011 border: 0;
pankso@9 1012 }
pankso@9 1013
pankso@9 1014 .footerinc a:hover img {
pankso@9 1015 opacity: 1;
pankso@9 1016 }
pankso@9 1017
pankso@9 1018 /* ---------- AJAX quicksearch ----------- */
pankso@9 1019
pankso@9 1020 div.dokuwiki div.ajax_qsearch {
pankso@9 1021 position: absolute;
pankso@9 1022 right: 237px;;
pankso@9 1023 width: 200px;
pankso@9 1024 opacity: 0.9;
pankso@9 1025 display: none;
pankso@9 1026 font-size: 80%;
pankso@9 1027 line-height: 1.2em;
pankso@9 1028 border: 1px solid __border__;
pankso@9 1029 background-color: __background_other__;
pankso@9 1030 text-align: left;
pankso@9 1031 padding: 4px;
pankso@9 1032 }
pankso@9 1033
pankso@9 1034 /* --------- Toolbar -------------------- */
pankso@9 1035 button.toolbutton {
pankso@9 1036 background-color: transparent;
pankso@9 1037 padding: 0px;
pankso@9 1038 margin: 0 1px 0 0;
pankso@9 1039 border: 1px solid __border__;
pankso@9 1040 cursor: pointer;
pankso@9 1041 }
pankso@9 1042
pankso@9 1043 div.picker {
pankso@9 1044 width: 250px;
pankso@9 1045 border: 1px solid __border__;
pankso@9 1046 background-color: __background_alt__;
pankso@9 1047 }
pankso@9 1048
pankso@9 1049 button.pickerbutton {
pankso@9 1050 padding: 0px;
pankso@9 1051 margin: 0 1px 1px 0;
pankso@9 1052 border: 0;
pankso@9 1053 background-color: transparent;
pankso@9 1054 font-size: 80%;
pankso@9 1055 cursor: pointer;
pankso@9 1056 }
pankso@9 1057
pankso@9 1058 /* --------------- Image Details ----------------- */
pankso@9 1059
pankso@9 1060 div.dokuwiki div.img_big {
pankso@9 1061 float: left;
pankso@9 1062 margin-right: 0.5em;
pankso@9 1063 }
pankso@9 1064
pankso@9 1065 div.dokuwiki dl.img_tags dt {
pankso@9 1066 font-weight: bold;
pankso@9 1067 background-color: __background_alt__;
pankso@9 1068 }
pankso@9 1069 div.dokuwiki dl.img_tags dd {
pankso@9 1070 background-color: __background_neu__;
pankso@9 1071 }
pankso@9 1072
pankso@9 1073 div.dokuwiki div.imagemeta {
pankso@9 1074 color: __text_neu__;
pankso@9 1075 font-size: 70%;
pankso@9 1076 line-height: 95%;
pankso@9 1077 }
pankso@9 1078
pankso@9 1079 div.dokuwiki div.imagemeta img.thumb {
pankso@9 1080 float:left;
pankso@9 1081 margin-right: 0.1em;
pankso@9 1082 }
pankso@9 1083
pankso@9 1084 div.notify {
pankso@9 1085 background: #FFCE21;
pankso@9 1086 color: #222;
pankso@9 1087 border: 1px solid #000;
pankso@9 1088 font-size: 90%;
pankso@9 1089 margin: 0;
pankso@9 1090 padding: 4px;
pankso@9 1091 -moz-border-radius: 4px;
pankso@9 1092 -webkit-border-radius: 4px;
pankso@9 1093 border-radius: 4px;
pankso@9 1094 position: absolute;
pankso@9 1095 top: 43px;
pankso@9 1096 right: 24px;
pankso@9 1097 width: 600px;
pankso@9 1098 }
pankso@9 1099
pankso@9 1100 #access div.notify a { text-decoration: underline; }
pankso@9 1101 #access div.notify a:hover { text-decoration: none; }