[Sommaire] [Imprimer]

   1  /**
   2   * Design elements for default Template
   3   *
   4   * @author Andreas Gohr <andi@splitbrain.org>
   5   * @author Anika Henke <henke@cosmocode.de>
   6   */
   7  
   8  /* -------------- general elements --------------- */
   9  
  10  * { padding: 0; margin: 0; }
  11  
  12  body {
  13    font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  14    background-color: __background__;
  15    color: __text__;
  16  }
  17  
  18  /* the document */
  19  div.dokuwiki div.page {
  20    margin: 4px 2em 0 1em;
  21    text-align: justify;
  22  }
  23  
  24  div.dokuwiki table {
  25    font-size: 100%;
  26  }
  27  
  28  div.dokuwiki tr,
  29  div.dokuwiki td,
  30  div.dokuwiki th {
  31  }
  32  
  33  div.dokuwiki img {
  34    border: 0;
  35  }
  36  
  37  div.dokuwiki p,
  38  div.dokuwiki blockquote,
  39  div.dokuwiki table,
  40  div.dokuwiki pre {
  41    margin: 0 0 1.0em 0;
  42  }
  43  
  44  div.dokuwiki hr {
  45    border: 0px;
  46    border-top: 1px solid __border__;
  47    text-align: center;
  48    height: 0px;
  49  }
  50  
  51  div.dokuwiki div.nothing {
  52    text-align: center;
  53    margin: 2em;
  54  }
  55  
  56  /* ---------------- forms ------------------------ */
  57  
  58  div.dokuwiki form {
  59    border: none;
  60    display: inline;
  61  }
  62  
  63  div.dokuwiki label.block {
  64    display: block;
  65    text-align: right;
  66    font-weight: bold;
  67  }
  68  
  69  div.dokuwiki label.simple {
  70    display: block;
  71    text-align: left;
  72    font-weight: normal;
  73  }
  74  
  75  div.dokuwiki label.block input.edit {
  76    width: 50%;
  77  }
  78  
  79  div.dokuwiki fieldset {
  80    width: 300px;
  81    text-align: center;
  82    border: 1px solid __border__;
  83    padding: 0.5em;
  84    margin: auto;
  85  }
  86  
  87  div.dokuwiki textarea.edit {
  88    font-family: monospace;
  89    font-size: 14px;
  90    color: __text__;
  91    background-color: __background__;
  92    border: 1px solid __border__;
  93    padding: 0.3em 0 0 0.3em;
  94    width: 100%;
  95  }
  96  
  97  /* nice alphatransparency background except for IE <7 */
  98  html>body div.dokuwiki textarea.edit {
  99    background:  __background__ url(images/inputshadow.png) repeat-x top;
 100  }
 101  
 102  div.dokuwiki input.edit,
 103  div.dokuwiki select.edit {
 104    font-size: 100%;
 105    border: 1px solid __border__;
 106    color: __text__;
 107    background-color: __background__;
 108    vertical-align: middle;
 109    margin: 1px;
 110    padding: 0.20em 0.3em;
 111    display: inline;
 112  }
 113  
 114  /* nice alphatransparency background except for IE <7 */
 115  html>body div.dokuwiki input.edit,
 116  html>body div.dokuwiki select.edit {
 117    background:  __background__ url(images/inputshadow.png) repeat-x top;
 118  }
 119  
 120  div.dokuwiki select.edit {
 121    padding: 0.1em 0;
 122  }
 123  
 124  div.dokuwiki input.missing {
 125    font-size: 100%;
 126    border: 1px solid __border__;
 127    color: __text__;
 128    background-color: #ffcccc;
 129    vertical-align: middle;
 130    margin: 1px;
 131    padding: 0.20em 0.3em;
 132    display: inline;
 133  }
 134  
 135  /* disabled style - not understood by IE */
 136  div.dokuwiki textarea.edit[disabled],
 137  div.dokuwiki textarea.edit[readonly],
 138  div.dokuwiki input.edit[disabled],
 139  div.dokuwiki input.edit[readonly],
 140  div.dokuwiki select.edit[disabled] {
 141    background-color: __background_neu__!important;
 142    color: __text_neu__!important;
 143  }
 144  
 145  /* edit form */
 146  div.dokuwiki div.toolbar,
 147  div.dokuwiki div#wiki__editbar {
 148     margin: 2px 0;
 149     text-align: left;
 150  }
 151  div.dokuwiki div#size__ctl {
 152     float: right;
 153     width: 60px;
 154     height: 2.7em;
 155  }
 156  div.dokuwiki #size__ctl img {
 157     cursor: pointer;
 158  }
 159  div.dokuwiki div#wiki__editbar div.editButtons {
 160     float: left;
 161     padding: 0 1.0em 0.7em 0;
 162  }
 163  div.dokuwiki div#wiki__editbar div.summary {
 164     float: left;
 165  }
 166  div.dokuwiki .nowrap {
 167     white-space: nowrap;
 168  }
 169  div.dokuwiki div#draft__status {
 170    float: right;
 171    color: __text_alt__;
 172  }
 173  
 174  /* --------- buttons ------------------- */
 175  
 176  
 177  div.dokuwiki input.button,
 178  div.dokuwiki button.button {
 179    border: 1px solid __border__;
 180    color: __text__;
 181    background-color: __background__;
 182    vertical-align: middle;
 183    text-decoration: none;
 184    font-size: 100%;
 185    cursor: pointer;
 186    margin: 1px;
 187    padding: 0.125em 0.4em;
 188  }
 189  
 190  /* nice alphatransparency background except for IE <7 */
 191  html>body div.dokuwiki input.button,
 192  html>body div.dokuwiki button.button {
 193    background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
 194  }
 195  
 196  * html div.dokuwiki input.button,
 197  * html div.dokuwiki button.button {
 198    height: 1.8em;
 199  }
 200  
 201  div.dokuwiki div.secedit input.button {
 202    border: 1px solid __border__;
 203    color: __text__;
 204    background-color: __background__;
 205    vertical-align: middle;
 206    text-decoration: none;
 207    margin: 0;
 208    padding: 0;
 209    font-size: 10px;
 210    cursor: pointer;
 211    float: right;
 212    display: inline;
 213  }
 214  
 215  /* ----------- page navigator ------------- */
 216  
 217  div.dokuwiki div.pagenav {
 218      margin: 1em 0 0 0;
 219  }
 220  
 221  div.dokuwiki div.pagenav-prev {
 222      text-align: right;
 223      float: left;
 224      width: 49%
 225  }
 226  
 227  div.dokuwiki div.pagenav-next {
 228      text-align: left;
 229      float: right;
 230      width: 49%
 231  }
 232  
 233  /* --------------- Links ------------------ */
 234  
 235  div.dokuwiki a:link,
 236  div.dokuwiki a:visited {
 237    color: __extern__;
 238    text-decoration: none;
 239  }
 240  div.dokuwiki a:hover,
 241  div.dokuwiki a:active {
 242    color: __text__;
 243    text-decoration: underline;
 244  }
 245  
 246  div.dokuwiki h1 a,
 247  div.dokuwiki h2 a,
 248  div.dokuwiki h3 a,
 249  div.dokuwiki h4 a,
 250  div.dokuwiki h5 a,
 251  div.dokuwiki a.nolink {
 252    color: __text__ !important;
 253    text-decoration: none !important;
 254  }
 255  
 256  /* external link */
 257  div.dokuwiki a.urlextern {
 258    background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
 259    padding: 1px 0px 1px 16px;
 260  }
 261  
 262  /* windows share */
 263  div.dokuwiki a.windows {
 264    background: transparent url(images/windows.gif) 0px 1px no-repeat;
 265    padding: 1px 0px 1px 16px;
 266  }
 267  
 268  /* interwiki link (icon are set by dokuwiki) */
 269  div.dokuwiki a.interwiki {
 270  }
 271  
 272  /* link to some embedded media */
 273  div.dokuwiki a.media {
 274  }
 275  
 276  div.dokuwiki a.urlextern:link,
 277  div.dokuwiki a.windows:link,
 278  div.dokuwiki a.interwiki:link {
 279    color: __extern__;
 280  }
 281  
 282  div.dokuwiki a.urlextern:visited,
 283  div.dokuwiki a.windows:visited,
 284  div.dokuwiki a.interwiki:visited {
 285    color: purple;
 286  }
 287  div.dokuwiki a.urlextern:hover,
 288  div.dokuwiki a.urlextern:active,
 289  div.dokuwiki a.windows:hover,
 290  div.dokuwiki a.windows:active,
 291  div.dokuwiki a.interwiki:hover,
 292  div.dokuwiki a.interwiki:active {
 293    color: __text__;
 294  }
 295  
 296  /* email link */
 297  div.dokuwiki a.mail {
 298    background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
 299    padding: 1px 0px 1px 16px;
 300  }
 301  
 302  /* existing wikipage */
 303  div.dokuwiki a.wikilink1 {
 304    color: __existing__ !important;
 305  }
 306  
 307  /* not existing wikipage */
 308  div.dokuwiki a.wikilink2 {
 309    color: __missing__ !important;
 310  }
 311  
 312  /* ------------- Page elements ----------------- */
 313  
 314  div.dokuwiki div.preview {
 315    background-color: __background_neu__;
 316    margin: 0 0 0 2em;
 317    padding: 4px;
 318    border: 1px dashed __text__;
 319  }
 320  
 321  div.dokuwiki div.breadcrumbs {
 322    background-color: __background_neu__;
 323    color: __text_neu__;
 324    font-size: 80%;
 325    padding: 0 0 0 4px;
 326  }
 327  
 328  div.dokuwiki span.user {
 329    color: __text_other__;
 330    font-size: 90%;
 331  }
 332  
 333  div.dokuwiki li.minor {
 334    color: __text_neu__;
 335    font-style: italic;
 336  }
 337  
 338  /* embedded images */
 339  div.dokuwiki img.media {
 340    margin: 3px;
 341  }
 342  
 343  div.dokuwiki img.medialeft {
 344    border: 0;
 345    float: left;
 346    margin: 0 1.5em 0 0;
 347  }
 348  
 349  div.dokuwiki img.mediaright {
 350    border: 0;
 351    float: right;
 352    margin: 0 0 0 1.5em;
 353  }
 354  
 355  div.dokuwiki img.mediacenter {
 356    border: 0;
 357    display: block;
 358    margin: 0 auto;
 359  }
 360  
 361  /* smileys */
 362  div.dokuwiki img.middle {
 363    vertical-align: middle;
 364  }
 365  
 366  div.dokuwiki acronym {
 367    cursor: help;
 368    border-bottom: 1px dotted __text__;
 369  }
 370  
 371  /* general headline setup */
 372  div.dokuwiki h1,
 373  div.dokuwiki h2,
 374  div.dokuwiki h3,
 375  div.dokuwiki h4,
 376  div.dokuwiki h5 {
 377      color: __text__;
 378      background-color: inherit;
 379      font-size: 100%;
 380      font-weight: normal;
 381      margin: 0 0 1em 0;
 382      padding: 0.5em 0 0 0;
 383      border-bottom: 1px solid __border__;
 384      clear: left;
 385  }
 386  
 387  /* special headlines */
 388  div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
 389  div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
 390  div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
 391  div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
 392  div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}
 393  
 394  /* indent different sections */
 395  div.dokuwiki div.level1 {margin-left: 3px;}
 396  div.dokuwiki div.level2 {margin-left: 23px;}
 397  div.dokuwiki div.level3 {margin-left: 43px;}
 398  div.dokuwiki div.level4 {margin-left: 63px;}
 399  div.dokuwiki div.level5 {margin-left: 83px;}
 400  
 401  /* unordered lists */
 402  div.dokuwiki ul {
 403    line-height: 1.5em;
 404    list-style-type: square;
 405    list-style-image: none;
 406    margin: 0 0 0.5em 1.5em;
 407    color: __text_alt__;
 408  }
 409  
 410  /* ordered lists */
 411  div.dokuwiki ol {
 412    line-height: 1.5em;
 413    list-style-image: none;
 414    margin: 0 0 0.5em 1.5em;
 415    color: __text_alt__;
 416    font-weight: bold;
 417  }
 418  
 419  /* the list items overriding the ul/ol definition */
 420  div.dokuwiki .li {
 421    color: __text__;
 422    font-weight: normal;
 423  }
 424  
 425  div.dokuwiki ol {list-style-type: decimal}
 426  div.dokuwiki ol ol {list-style-type: upper-roman}
 427  div.dokuwiki ol ol ol {list-style-type: lower-alpha}
 428  div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
 429  
 430  div.dokuwiki li.open {
 431    list-style-image: url(images/open.gif);
 432      /*list-style-type: circle;*/
 433  }
 434  
 435  div.dokuwiki li.closed {
 436    list-style-image: url(images/closed.gif);
 437      /*list-style-type: disc;*/
 438  }
 439  
 440  div.dokuwiki blockquote {
 441    border-left: 2px solid __border__;
 442    padding-left: 3px;
 443  }
 444  
 445  div.dokuwiki pre {
 446    font-size: 120%;
 447    padding: 0.5em;
 448    border: 1px dashed __border__;
 449    color: __text__;
 450    overflow: auto;
 451  }
 452  
 453  /* code blocks by indention */
 454  div.dokuwiki pre.pre {
 455    background-color: __background_other__;
 456  }
 457  
 458  /* code blocks by code tag */
 459  div.dokuwiki pre.code {
 460    background-color: __background_other__;
 461  }
 462  
 463  /* inline code words */
 464  div.dokuwiki code {
 465    font-size: 120%;
 466  }
 467  
 468  /* code blocks by file tag */
 469  div.dokuwiki pre.file {
 470    background-color: __background_alt__;
 471  }
 472  
 473  /* inline tables */
 474  div.dokuwiki table.inline {
 475    background-color: __background__;
 476    border-spacing: 0px;
 477    border-collapse: collapse;
 478  }
 479  
 480  div.dokuwiki table.inline th {
 481    padding: 3px;
 482    border: 1px solid __border__;
 483    background-color: __background_alt__;
 484  }
 485  
 486  div.dokuwiki table.inline td {
 487    padding: 3px;
 488    border: 1px solid __border__;
 489  }
 490  
 491  /* ---------- table of contents ------------------- */
 492  
 493  div.dokuwiki div.toc {
 494    margin: 1.2em 0 0 2em;
 495    float: right;
 496    width: 200px;
 497    font-size: 80%;
 498    clear: both;
 499  }
 500  
 501  div.dokuwiki div.tocheader {
 502    border: 1px solid __border__;
 503    background-color: __background_alt__;
 504    text-align: left;
 505    font-weight: bold;
 506    padding: 3px;
 507    margin-bottom: 2px;
 508  }
 509  
 510  div.dokuwiki div.tocheader img {
 511    width: 0.8em;
 512    height: 0.8em;
 513    float: right;
 514    margin: 0.3em 3px 0 0;
 515    cursor: pointer;
 516  }
 517  
 518  div.dokuwiki #toc__inside {
 519    border: 1px solid __border__;
 520    background-color: __background__;
 521    text-align: left;
 522    padding: 0.5em 0 0.7em 0;
 523  }
 524  
 525  div.dokuwiki ul.toc {
 526    list-style-type: none;
 527    list-style-image: none;
 528    line-height: 1.2em;
 529    padding-left: 1em;
 530    margin: 0;
 531  }
 532  
 533  div.dokuwiki ul.toc li {
 534    background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
 535    padding-left: 0.4em;
 536  }
 537  
 538  div.dokuwiki ul.toc li.clear {
 539    background-image: none;
 540    padding-left: 0.4em;
 541  }
 542  
 543  div.dokuwiki a.toc:link,
 544  div.dokuwiki a.toc:visited {
 545    color: __extern__;
 546  }
 547  
 548  div.dokuwiki a.toc:hover,
 549  div.dokuwiki a.toc:active {
 550    color: __text__;
 551  }
 552  
 553  /* ---------------------------- Diff rendering --------------------------*/
 554  div.dokuwiki table.diff {
 555    background-color: __background__;
 556    width: 100%;
 557  }
 558  div.dokuwiki td.diff-blockheader {
 559    font-weight: bold;
 560  }
 561  div.dokuwiki table.diff th {
 562    border-bottom: 1px solid __border__;
 563    font-size: 120%;
 564    width: 50%;
 565    font-weight: normal;
 566    text-align: left;
 567  }
 568  div.dokuwiki table.diff td {
 569    font-family: monospace;
 570    font-size: 100%;
 571  }
 572  div.dokuwiki td.diff-addedline {
 573    background-color: #ddffdd;
 574  }
 575  div.dokuwiki td.diff-deletedline {
 576      background-color: #ffffbb;
 577  }
 578  div.dokuwiki td.diff-context {
 579      background-color: __background_neu__;
 580  }
 581  div.dokuwiki span.diffchange {
 582    color: red;
 583  }
 584  
 585  /* --------------------- footnotes -------------------------------- */
 586  
 587  div.dokuwiki div.footnotes {
 588    clear: both;
 589    border-top: 1px solid __border__;
 590    padding-left: 1em;
 591    margin-top: 1em;
 592  }
 593  
 594  div.dokuwiki div.fn {
 595    font-size: 90%;
 596  }
 597  
 598  div.dokuwiki a.fn_top {
 599    vertical-align: super;
 600    font-size: 80%;
 601  }
 602  
 603  div.dokuwiki a.fn_bot {
 604    vertical-align: super;
 605    font-size: 80%;
 606    font-weight: bold;
 607  }
 608  
 609  /* insitu-footnotes */
 610  div.insitu-footnote {
 611    font-size: 80%;
 612    line-height: 1.2em;
 613    border: 1px solid __border__;
 614    background-color: __background_other__;
 615    text-align: left;
 616    padding: 4px;
 617    max-width: 40%;    /* IE's width is handled in javascript */
 618  }
 619  
 620  /* overcome IE issue with one line code or file boxes which require h. scrolling */
 621  * html .insitu-footnote pre.code,
 622  * html .insitu-footnote pre.file {
 623    padding-bottom: 18px;
 624  }
 625  
 626  /* --------------- search result formating --------------- */
 627  div.dokuwiki .search_result {
 628    margin-bottom: 6px;
 629    padding: 0 10px 0 30px;
 630  }
 631  
 632  div.dokuwiki .search_snippet {
 633    color: __text_other__;
 634    font-size: 12px;
 635    margin-left: 20px;
 636  }
 637  
 638  div.dokuwiki .search_sep {
 639    color: __text__;
 640  }
 641  
 642  div.dokuwiki .search_hit {
 643    color: __text__;
 644    background-color: __highlight__;
 645  }
 646  
 647  div.dokuwiki div.search_quickresult {
 648    margin: 0 0 15px 30px;
 649    padding: 0 10px 10px 0;
 650    border-bottom: 1px dashed __border__;
 651  }
 652  div.dokuwiki div.search_quickresult h3 {
 653    margin: 0 0 1.0em 0;
 654    font-size: 1em;
 655    font-weight: bold;
 656  }
 657  
 658  div.dokuwiki ul.search_quickhits {
 659    margin: 0 0 0.5em 1.0em;
 660  }
 661  
 662  div.dokuwiki ul.search_quickhits li {
 663    margin: 0 1.0em 0 1.0em;
 664    float:left;
 665    width: 30%;
 666  }
 667  
 668  /* ------------------ Additional ---------------------- */
 669  
 670  div.footerinc {
 671      text-align: center;
 672  }
 673  .footerinc a img {
 674      opacity: 0.5;
 675      border: 0;
 676  }
 677  
 678  .footerinc a:hover img {
 679      opacity: 1;
 680  }
 681  
 682  /* ---------- AJAX quicksearch ----------- */
 683  
 684  div.dokuwiki div.ajax_qsearch {
 685    position: absolute;
 686    right: 237px;;
 687    width: 200px;
 688    opacity: 0.9;
 689    display: none;
 690    font-size: 80%;
 691    line-height: 1.2em;
 692    border: 1px solid __border__;
 693    background-color: __background_other__;
 694    text-align: left;
 695    padding: 4px;
 696  }
 697  
 698  /* --------- Toolbar -------------------- */
 699  button.toolbutton {
 700    background-color: __background__;
 701    padding: 0px;
 702    margin: 0 1px 0 0;
 703    border: 1px solid __border__;
 704    cursor: pointer;
 705  }
 706  
 707  /* nice alphatransparency background except for IE <7 */
 708  html>body button.toolbutton {
 709    background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
 710  }
 711  
 712  div.picker {
 713    width: 250px;
 714    border: 1px solid __border__;
 715    background-color: __background_alt__;
 716  }
 717  
 718  button.pickerbutton {
 719    padding: 0px;
 720    margin: 0 1px 1px 0;
 721    border: 0;
 722    background-color: transparent;
 723    font-size: 80%;
 724    cursor: pointer;
 725  }
 726  
 727  /* ---------- Spellchecking ------------- */
 728  
 729  div.dokuwiki a.spell_error {
 730    color: #f00;
 731    text-decoration: underline;
 732  }
 733  
 734  div.dokuwiki div#spell__suggest {
 735    background-color: __background__;
 736    padding: 2px;
 737    border: 1px solid __text__;
 738    font-size: 80%;
 739    display: none;
 740  }
 741  
 742  div.dokuwiki div#spell__result {
 743    border: 1px solid __border__;
 744    color: __text__;
 745    font-size: 14px;
 746    padding: 3px;
 747    background-color: __background_other__;
 748    display: none;
 749  }
 750  
 751  div.dokuwiki span.spell_noerr {
 752    color: #093;
 753  }
 754  
 755  div.dokuwiki span.spell_wait {
 756    color: #06c;
 757  }
 758  
 759  /* ---------------  Image Details  ----------------- */
 760  
 761  div.dokuwiki div.img_big {
 762    float: left;
 763    margin-right: 0.5em;
 764  }
 765  
 766  div.dokuwiki dl.img_tags dt {
 767    font-weight: bold;
 768    background-color: __background_alt__;
 769  }
 770  div.dokuwiki dl.img_tags dd {
 771    background-color: __background_neu__;
 772  }
 773  
 774  div.dokuwiki div.imagemeta {
 775    color: __text_neu__;
 776    font-size: 70%;
 777    line-height: 95%;
 778  }
 779  
 780  div.dokuwiki div.imagemeta img.thumb {
 781    float:left;
 782    margin-right: 0.1em;
 783  }