[Sommaire] [Imprimer]

   1  /* ADMIN CSS 20041123 */
   2  
   3  /* PAGELAYOUT MAIN STYLES */
   4  
   5  body
   6  {
   7      background-color: #ecece4;
   8      margin: 0;
   9      padding: 0;
  10  }
  11  
  12  div#header
  13  {
  14      background-image: url(../images/top-background-repeat.gif);
  15      background-position: top left;
  16      background-repeat: repeat-x;
  17  }
  18  
  19  div#header-design
  20  {
  21      height: 75px;
  22      background-image: url(../images/top-background.gif);
  23      background-position: top left;
  24      background-repeat: no-repeat;
  25  }
  26  
  27  div#logo
  28  {
  29      position: relative;
  30      float: left;
  31      margin: 16px 0 0 10px;
  32  }
  33  
  34  div#logo p
  35  {
  36      color: #ffffff;
  37      position: absolute;
  38      left: 215px;
  39      top: 8px;
  40      white-space: nowrap;
  41  }
  42  
  43  div#search
  44  {
  45      margin: 1.5em 1em 0 0;
  46      float: right;
  47  }
  48  
  49  div#search form
  50  {
  51  }
  52  
  53  div#search div.block
  54  {
  55      margin: 0;
  56  }
  57  
  58  div#search input#searchtext
  59  {
  60      font-size: 1em;
  61      width: 16em;
  62  }
  63  
  64  div#search p
  65  {
  66      font-size: 0.8em;
  67      color: #ffffff;
  68      margin: 0;
  69      text-align: left;
  70  }
  71  
  72  div#search p.select
  73  {
  74      float: left;
  75      margin-top: 0.2em;
  76  }
  77  
  78  div#search p.select input
  79  {
  80      vertical-align: middle;
  81  }
  82  
  83  div#search a
  84  {
  85      color: #ffffff;
  86  }
  87  
  88  div#search p.advanced
  89  {
  90      margin-top: 0.2em;
  91      text-align: right;
  92  }
  93  
  94  div#search label
  95  {
  96      display: inline;
  97  }
  98  
  99  div#search label.disabled, div#search span.disabled
 100  {
 101      color: #1a324a;
 102  }
 103  
 104  div#userstatus
 105  {
 106      float: right;
 107  }
 108  
 109  div#topmenu
 110  {
 111      margin-top: -4px;
 112  }
 113  
 114  div#topmenu-design
 115  {
 116      background-image: url(../images/topmenu-background.gif);
 117      background-position: top left;
 118      background-repeat: repeat-x;
 119      text-align: left;
 120      height: 1%;
 121  }
 122  
 123  div#topmenu div.loginpagemenu
 124  {
 125      height: 2em;
 126  }
 127  
 128  div#topmenu ul
 129  {
 130      margin: 0;
 131      padding: 0 0 0 1em;
 132  }
 133  
 134  div#topmenu li, div#topmenu li div
 135  {
 136      margin: 0;
 137      padding: 0;
 138      display: block;
 139      float: left;
 140  }
 141  
 142  div#topmenu li
 143  {
 144      background-image: url(../images/topmenu-background.gif);
 145  }
 146  
 147  div#topmenu li.selected
 148  {
 149      background-image: url(../images/topmenu-background-sel.gif);
 150      background-position: top left;
 151      background-repeat: repeat-x;
 152  }
 153  
 154  div#topmenu li div
 155  {
 156      background-image: url(../images/topmenu-leftedge.gif);
 157      background-position: top left;
 158      background-repeat: no-repeat;
 159  }
 160  
 161  div#topmenu li.first div
 162  {
 163      background-image: url(../images/topmenu-leftedge-f.gif);
 164      background-position: top left;
 165      background-repeat: no-repeat;
 166  }
 167  
 168  div#topmenu li.selected div
 169  {
 170      background-image: url(../images/topmenu-leftedge-sel.gif);
 171      background-position: top left;
 172      background-repeat: no-repeat;
 173  }
 174  
 175  div#topmenu li.selected-first div
 176  {
 177      background-image: url(../images/topmenu-leftedge-sel-f.gif);
 178      background-position: top left;
 179      background-repeat: no-repeat;
 180  }
 181  
 182  div#topmenu li div a, div#topmenu span.disabled
 183  {
 184      background-image: url(../images/topmenu-rightedge.gif);
 185      background-position: top right;
 186      background-repeat: no-repeat;
 187      display: block;
 188      float: left;
 189      font-weight: normal;
 190      padding: 0.4em 16px 0.2em 16px; /* Must be set on a-level, not li-level, to work correctly in konqueror */
 191      text-decoration: none;
 192  }
 193  
 194  div#topmenu li.last div a, div#topmenu li.last span.disabled
 195  {
 196      background-image: url(../images/topmenu-rightedge-l.gif);
 197      background-position: top right;
 198      background-repeat: no-repeat;
 199  }
 200  
 201  div#topmenu li.selected-last div a
 202  {
 203      background-image: url(../images/topmenu-rightedge-sel-l.gif);
 204      background-position: top right;
 205      background-repeat: no-repeat;
 206  }
 207  
 208  div#topmenu li a
 209  {
 210     color: #254b71;
 211  }
 212  
 213  div#topmenu li a:hover
 214  {
 215     color: #000000;
 216  }
 217  
 218  div#topmenu li.selected a, div#topmenu li.selected span.disabled
 219  {
 220      color: #ffffff;
 221      background-image: url(../images/topmenu-rightedge-sel.gif);
 222      background-position: top right;
 223      background-repeat: no-repeat;
 224      display: block;
 225      float: left;
 226      font-weight: bold;
 227      padding: 0.3em 16px 0.3em 16px; /* Must be set on a-level, not li-level, to work correctly in konqueror */
 228      text-decoration: none;
 229  }
 230  
 231  div#topmenu li.selected span.disabled
 232  {
 233      color: #bfbeb6;
 234  }
 235  
 236  div#topmenu li.selected a:hover
 237  {
 238     color: #ffffff;
 239  }
 240  
 241  div#topmenu div.break
 242  {
 243      height: 2px;
 244      font-size: 1px;
 245      margin-top: -2px;
 246  }
 247  
 248  span.disabled, label.disabled
 249  {
 250      color: #bfbeb6;
 251  }
 252  
 253  div#path-design
 254  {
 255      background-color: #cfcfc0;
 256      background-image: url(../images/path-background.gif);
 257      background-position: top left;
 258      background-repeat: repeat-x;
 259      padding: 0.5em;
 260  }
 261  
 262  div#path p, div#path a
 263  {
 264      color: #75756c;
 265      margin: 0;
 266  }
 267  
 268  div#path a:hover
 269  {
 270      color: #000000;
 271  }
 272  
 273  div#path span.disabled
 274  {
 275  }
 276  
 277  div#columns
 278  {
 279      height: 100%; /* Set to avoid bug in IE 5.5 */
 280  }
 281  
 282  div#leftmenu ul, div#rightmenu ul
 283  {
 284      margin-left: 1.5em;
 285  }
 286  
 287  div#leftmenu ul, div#rightmenu ul
 288  {
 289      list-style-type: none;
 290      margin-left: 0;
 291  }
 292  
 293  div#leftmenu ul li, div#rightmenu ul li
 294  {
 295      margin-left: 0;
 296  }
 297  
 298  div#leftmenu li a, div#rightmenu li a
 299  {
 300      background-image: url(../images/list-bullet.gif);
 301      background-position: 0.2em 0.4em;
 302      background-repeat: no-repeat;
 303      padding-left: 18px;
 304      display: block;
 305  }
 306  
 307  div#leftmenu li span.disabled, div#rightmenu li span.disabled
 308  {
 309      background-image: url(../images/list-bullet-disabled.gif);
 310      background-position: 0.2em 0.4em;
 311      background-repeat: no-repeat;
 312      padding-left: 18px;
 313      display: block;
 314  }
 315  
 316  div#leftmenu div#content-tree li a, div#rightmenu div#bookmarks li a, div#rightmenu div#bookmarks li span.disabled, div#leftmenu li.nobullet a
 317  {
 318      background-image: none;
 319      padding-left: 0;
 320      display: inline;
 321  }
 322  
 323  div#leftmenu
 324  {
 325      float: left;
 326      width: 13em;
 327  }
 328  
 329  div#leftmenu-design
 330  {
 331      margin: 0.5em 0.1em 0 0.5em;
 332  }
 333  
 334  div#leftmenu div.box-header, div#rightmenu div.box-header
 335  {
 336      background-image: url(../images/menuheader-background.gif);
 337      background-repeat: repeat-y;
 338      background-color: #8a9fb6;
 339      border-bottom: 1px solid #bfbfb7;
 340  }
 341  
 342  div#leftmenu div.box-header h4, div#rightmenu  div.box-header h4
 343  {
 344      color: #ffffff;
 345      margin: 0;
 346      padding: 0.4em 0.75em 0.4em 0.75em;
 347      white-space: nowrap;
 348  }
 349  
 350  div#leftmenu h5, div#rightmenu h5
 351  {
 352      color: #000000;
 353      background-color: #BABAAD;
 354      padding: 0.2em;
 355      white-space: nowrap;
 356  }
 357  
 358  div#leftmenu div.box-tc, div#rightmenu div.box-tc, div#maincontent div.box-tc
 359  {
 360      background-image: url(../images/box-edge.gif);
 361      background-position: top;
 362      background-repeat: repeat-x;
 363  }
 364  
 365  div#leftmenu div.box-bc, div#rightmenu div.box-bc
 366  {
 367      background-image: url(../images/box-bc.gif);
 368      background-position: bottom;
 369      background-repeat: repeat-x;
 370      background-color: #fefefb;
 371      margin-bottom: 0.5em;
 372  }
 373  
 374  div#leftmenu div.box-ml, div#rightmenu div.box-ml
 375  {
 376      background-image: url(../images/box-edge.gif);
 377      background-position: left;
 378      background-repeat: repeat-y;
 379  }
 380  
 381  div#leftmenu div.box-mr, div#rightmenu div.box-mr
 382  {
 383      background-image: url(../images/box-edge.gif);
 384      background-position: right;
 385      background-repeat: repeat-y;
 386  }
 387  
 388  div#leftmenu div.box-tl, div#rightmenu div.box-tl
 389  {
 390      background-image: url(../images/box-tl.gif);
 391      background-position: top left;
 392      background-repeat: no-repeat;
 393  }
 394  
 395  div#leftmenu div.box-tr, div#rightmenu div.box-tr
 396  {
 397      background-image: url(../images/box-tr.gif);
 398      background-position: top right;
 399      background-repeat: no-repeat;
 400  }
 401  
 402  div#leftmenu div.box-bl, div#rightmenu div.box-bl
 403  {
 404      background-image: url(../images/box-bl.gif);
 405      background-position: bottom left;
 406      background-repeat: no-repeat;
 407  }
 408  
 409  div#leftmenu div.box-br, div#rightmenu div.box-br
 410  {
 411      background-image: url(../images/box-br.gif);
 412      background-position: bottom right;
 413      background-repeat: no-repeat;
 414  }
 415  
 416  div#leftmenu div#content-tree div.box-content
 417  {
 418      padding: 0 1px 0.5em 1px; 
 419  }
 420  
 421  div#leftmenu div.box-content
 422  {
 423      padding: 0.25em 0.5em 0.5em 0.5em;  
 424  }
 425  
 426  div#leftmenu div.box-content p
 427  {
 428      margin: 0;
 429      padding: 0.25em 0 0.25em 0;
 430  }
 431  
 432  div#leftmenu div.box-content div.block
 433  {
 434      padding: 0.25em 0 0.25em 0;  
 435  }
 436  
 437  div#leftmenu div.box-content div.element p
 438  {
 439      margin: 0;
 440  }
 441  
 442  div#rightmenu div.box-content
 443  {
 444      padding: 0.3em 0.3em 0.5em 0.3em;  
 445  }
 446  
 447  div#rightmenu div.box-content div.block
 448  {
 449      padding: 0.25em 0.5em 0.25em 0.3em;  
 450  }
 451  
 452  div#leftmenu div.translations label
 453  {
 454      font-weight: normal;
 455      white-space: normal;
 456  }
 457  
 458  div#trash ul
 459  {
 460      margin-left: 0.25em;
 461      padding-left: 0.5em;
 462  }
 463  
 464  div#trash li
 465  {
 466      list-style-type: none;
 467  }
 468  
 469  div#trash li a
 470  {
 471      text-decoration: none;
 472  }
 473  
 474  div#trash li a:hover
 475  {
 476      color: #000000;
 477      text-decoration: underline;
 478  }
 479  
 480  div#trash li img
 481  {
 482      vertical-align: middle;
 483  }
 484  
 485  div.widthcontrol p
 486  {
 487      text-align: center;
 488      font-size: 0.85em;
 489  }
 490  
 491  div.widthcontrol a, div.settings a
 492  {
 493      color: #8a8a85;
 494      padding: 0 0.25em 0 0.25em;
 495      text-decoration: none;
 496  }
 497  
 498  div.widthcontrol a:hover, div.settings a:hover
 499  {
 500      color: #ffffff;
 501      background-color: #2D537A;
 502      text-decoration: none;
 503  }
 504  
 505  div.widthcontrol span.current, div.settings span.current
 506  {
 507      color: #254b71;
 508      background-color: #C8CFD7;
 509      padding: 0 0.25em 0 0.25em;
 510      text-decoration: none;
 511  }
 512  
 513  div#rightmenu 
 514  {
 515      float: right;
 516      width: 13em;
 517  }
 518  
 519  div#rightmenu-design
 520  {
 521      margin: 0.5em 0.5em 0 0.1em;
 522  }
 523  
 524  div#currentuser, div#bookmarks
 525  {
 526      margin-top: 0;
 527      margin-bottom: 0;
 528  }
 529  
 530  div#currentuser p
 531  {
 532      margin: 0.25em 0 0 0;
 533  }
 534  
 535  div#bookmarks p
 536  {
 537      margin: 0;
 538  }
 539  
 540  div#currentuser ul
 541  {
 542      margin-top: 0.25em;
 543      margin-bottom: 0;
 544      padding-bottom: 0.5em;
 545  }
 546  
 547  div#currentuser a
 548  {
 549      font-weight: bold;
 550  }
 551  
 552  div#history ul, div#bookmarks ul
 553  {
 554      margin: 0 0.3em 0 0.3em;
 555  }
 556  
 557  div#history li, div#bookmarks li
 558  {
 559      list-style-type: none;
 560      margin-bottom: 0.2em;
 561  }
 562  
 563  div#history img, div#bookmarks img
 564  {
 565      vertical-align: middle;
 566  }
 567  
 568  a.showhide, div#rightmenu span.openclose
 569  {
 570      font-family: "Courier New", Courier, monospace;
 571      text-decoration: none;
 572      color: #2d537a;
 573      background-color: #8a9fb6;
 574      padding: 0 0.3em 0 0.3em;
 575      border: 1px solid #a7bbd1;
 576      border-right-color: #2d537a;
 577      border-bottom-color: #2d537a;
 578      display: block;
 579      float: right;
 580  }
 581  
 582  a.showhide span.bracket, div#rightmenu span.openclose span.bracket
 583  {
 584      display: none;
 585  }
 586  
 587  a.showhide:hover
 588  {
 589      color: #2d537a;
 590      text-decoration: none;
 591  }
 592  
 593  div#maincontent
 594  {
 595      margin-left: 13.5em;
 596      margin-right: 13.5em;
 597      height: 100%; /* Set to avoid bug in IE 5.5 */
 598  }
 599  
 600  div#fix /* Breaks unwanted connection between the content of the maincontent box and the menues on the left and right in some browsers */
 601  {
 602      float: left;
 603      width: 100%;
 604  }
 605  
 606  div#footer
 607  {
 608      text-align: center;
 609  }
 610  
 611  div#footer address
 612  {
 613      font-size: 0.85em;
 614      color: #7a8fa6;
 615      font-style: normal;
 616  }
 617  
 618  div#footer a
 619  {
 620      color: #2d537a;
 621  }
 622  
 623  h4
 624  {
 625      margin-top: 0;
 626  }
 627  
 628  h4 a
 629  {
 630      color: #ffffff;
 631  }
 632  
 633  h4 a:hover
 634  {
 635      color: #e0e0e0;
 636  }
 637  
 638  h4 span.openclose
 639  {
 640      font-size: 1em;
 641      color: #ffffff;
 642  }
 643  
 644  h4 a.openclose:hover
 645  {
 646      color: #ffffff;
 647  }
 648  
 649  div.extramenuitems
 650  {
 651      text-align: center;
 652  }
 653  
 654  
 655  /* CONTENTSTRUCTURE TREE MENU STYLES */
 656  
 657  div#contentstructure
 658  {
 659      width: 100%;
 660      overflow: auto;
 661      overflow: -moz-scrollbars-horizontal;  /* hide vertical scrollbar in Mozilla */
 662      padding-top: 0.5em;
 663  }
 664  
 665  div#contentstructure ul#content_tree_menu
 666  {
 667      margin-top: 0;    
 668      margin-left: 0.25em;
 669      padding-left: 0.5em;
 670  }
 671  
 672  div#contentstructure ul#content_tree_menu ul
 673  {
 674      margin: 0;
 675      padding-top: 4px;
 676      padding-bottom: 0;
 677  }
 678  
 679  div#contentstructure ul#content_tree_menu ul ul
 680  {
 681      margin-left: 0;
 682  }
 683  
 684  div#contentstructure ul#content_tree_menu li
 685  {
 686      list-style-type: none;
 687      white-space: nowrap;
 688  }
 689  
 690  div#contentstructure ul#content_tree_menu ul li
 691  {
 692      margin: 0;
 693      padding-top: 0;
 694      padding-left: 20px;
 695      padding-bottom: 4px;
 696      background-image: url(../images/bg_content_tree_li.gif);
 697      background-repeat: no-repeat;
 698  }
 699  
 700  div#contentstructure ul#content_tree_menu ul li.lastli
 701  {
 702      background-image: url(../images/bg_content_tree_li_last.gif);
 703      padding-bottom: 2px;
 704  }
 705  
 706  div#contentstructure ul#content_tree_menu li img
 707  {
 708      vertical-align: middle;
 709  }
 710  
 711  div#contentstructure a.nodeicon
 712  {
 713      margin-left: 0;
 714      padding-left: 0;
 715  }
 716  
 717  div#contentstructure a.nodetext
 718  {
 719      color: #315578;
 720      text-decoration: none;
 721  }
 722  
 723  div#contentstructure a.nodetext:hover
 724  {
 725      color: #000000;
 726      text-decoration: underline;
 727  }
 728  
 729  div#contentstructure li.currentnode a.nodetext:hover
 730  {
 731      text-decoration: none;
 732  }
 733  
 734  div#contentstructure li.currentnode li a.nodetext:hover
 735  {
 736      color: #000000;
 737      text-decoration: underline;
 738  }
 739  
 740  div#contentstructure li span.node-name-normal
 741  {
 742      font-weight: normal;
 743  }
 744  
 745  div#contentstructure li.currentnode a.nodetext span.node-name-normal, div#contentstructure li.currentnode a.nodetext span.node-name-hidden, div#contentstructure li.currentnode a.nodetext span.node-name-hiddenbyparent /* Highlighting of current node */
 746  {
 747      font-weight: bold;
 748      color: #ffffff;
 749      background-color: #f08c00;
 750      padding: 0 0.25em 0 0.2em;
 751  }
 752  
 753  div#contentstructure li.currentnode li a.nodetext span.node-name-normal, div#contentstructure li.currentnode li a.nodetext span.node-name-hidden, div#contentstructure li.currentnode li a.nodetext span.node-name-hiddenbyparent
 754  {
 755      font-weight: normal;
 756      color: #315578;
 757      background-color: transparent;
 758      padding: 0;
 759  }
 760  
 761  div#contentstructure li a.nodetext span.node-name-hidden, div#contentstructure li.currentnode li a.nodetext span.node-name-hidden
 762  {
 763      font-weight: normal;
 764      font-style: normal;
 765      background-color: #e0e0c9;
 766      padding: 0 0.2em 0 0.2em;
 767  }
 768  
 769  div#contentstructure li a.nodetext span.node-name-hiddenbyparent, div#contentstructure li.currentnode li a.nodetext span.node-name-hiddenbyparent
 770  {
 771      font-weight: normal;
 772      font-style: normal;
 773      background-color: #eff0e4;
 774      padding: 0 0.2em 0 0.2em;
 775  }
 776  
 777  div#contentstructure span.node-hidden, div#contentstructure span.node-hiddenbyparent
 778  {
 779      display: none;
 780  }
 781  
 782  a.openclose, span.openclose
 783  {
 784      text-decoration: none;
 785  }
 786  
 787  a.openclose img, span.openclose img
 788  {
 789      margin: 0;
 790      cursor: default;
 791  }
 792  
 793  div#contentstructure a.openclose, div#contentstructure span.openclose
 794  {
 795      color: #315578;
 796  }
 797  
 798  div#contentstructure span.openclose
 799  {
 800      visibility: hidden;
 801  }
 802  
 803  
 804  /* MAIN CONTENT TOP MENU (in navigation mode) */
 805  
 806  div.menu-block
 807  {
 808      padding: 0.5em 0 0 0;
 809      text-align: center;
 810  }
 811  
 812  div.menu-block ul
 813  {
 814      margin: 0;
 815      padding: 0;
 816  }
 817  
 818  div.menu-block li
 819  {
 820      display: block;
 821      float: left;
 822      width: 20%;
 823      background-color: #ffffff;
 824  }
 825  
 826  div.context-user div.menu-block li
 827  {
 828      width: 14%;
 829  }
 830  
 831  div.menu-block a
 832  {
 833      font-size: 0.85em;
 834      display: block;
 835      padding: 0 0.2em 0.1em 0.2em;
 836      text-decoration: none;
 837  }
 838  
 839  div.menu-block li.enabled a
 840  {
 841      color: #ffffff;
 842      background-image: url(../images/button-enabled-bl.gif);
 843      background-position: bottom left;
 844      background-repeat: no-repeat;
 845  }
 846  
 847  div.menu-block li.enabled a:hover
 848  {
 849      color: #ffffff;
 850      text-decoration: none;
 851  }
 852  
 853  div.menu-block li.disabled a
 854  {
 855      color: #000000;
 856      background-image: url(../images/button-disabled-bl.gif);
 857      background-position: bottom left;
 858      background-repeat: no-repeat;
 859  }
 860  
 861  div.menu-block li.disabled a:hover
 862  {
 863      color: #000000;
 864      text-decoration: none;
 865  }
 866  
 867  div.menu-block li.enabled
 868  {
 869      background-image: url(../images/button-enabled-tc.gif);
 870      background-position: top left;
 871      background-repeat: repeat-x;
 872  }
 873  
 874  div.menu-block li.disabled
 875  {
 876      background-image: url(../images/button-disabled-tc.gif);
 877      background-position: top left;
 878      background-repeat: repeat-x;
 879  }
 880  
 881  div.menu-block li.enabled div.button-bl
 882  {
 883      background-image: url(../images/button-enabled-bl.gif);
 884      background-repeat: no-repeat;
 885      background-position: bottom left;
 886  }
 887  
 888  div.menu-block li.disabled div.button-bl
 889  {
 890      background-image: url(../images/button-disabled-bl.gif);
 891      background-repeat: no-repeat;
 892      background-position: bottom left;
 893  }
 894  
 895  div.menu-block li.enabled div.button-tl
 896  {
 897      background-image: url(../images/button-enabled-tl.gif);
 898      background-repeat: no-repeat;
 899      background-position: top left;
 900  }
 901  
 902  div.menu-block li.disabled div.button-tl
 903  {
 904      background-image: url(../images/button-disabled-tl.gif);
 905      background-repeat: no-repeat;
 906      background-position: top left;
 907  }
 908  
 909  div.menu-block li.enabled div.button-tr
 910  {
 911      background-image: url(../images/button-enabled-tr.gif);
 912      background-repeat: no-repeat;
 913      background-position: top right;
 914  }
 915  
 916  div.menu-block li.disabled div.button-tr
 917  {
 918      background-image: url(../images/button-disabled-tr.gif);
 919      background-repeat: no-repeat;
 920      background-position: top right;
 921  }
 922  
 923  div.menu-block li.enabled div.button-br
 924  {
 925      background-image: url(../images/button-enabled-br.gif);
 926      background-repeat: no-repeat;
 927      background-position: bottom right;
 928  }
 929  
 930  div.menu-block li.disabled div.button-br
 931  {
 932      background-image: url(../images/button-disabled-br.gif);
 933      background-repeat: no-repeat;
 934      background-position: bottom right;
 935  }
 936  
 937  div.menu-block li.enabled div.button-bc
 938  {
 939      background-image: url(../images/button-enabled-bc.gif);
 940      background-repeat: repeat-x;
 941      background-position: bottom left;
 942  }
 943  
 944  div.menu-block li.disabled div.button-bc
 945  {
 946      background-image: url(../images/button-disabled-bc.gif);
 947      background-repeat: repeat-x;
 948      background-position: bottom left;
 949  }
 950  
 951  
 952  /* MAINCONTENT GENERAL STYLES */
 953  
 954  div#maincontent div.box-header
 955  {
 956      background-image: url(../images/mainheader-background.gif);
 957      background-repeat: repeat-y;
 958      background-color: #8a9fb6;
 959  }
 960  
 961  div#maincontent div.box-bc
 962  {
 963      background-image: url(../images/box-bc.gif);
 964      background-position: bottom left;
 965      background-repeat: repeat-x;
 966      background-color: #fefefb;
 967  }
 968  
 969  div#maincontent div.controlbar div.box-bc
 970  {
 971      background-image: url(../images/controlbar-background.gif);
 972      background-position: bottom;
 973      background-repeat: repeat-x;
 974      background-color: #e7e8e0;
 975  }
 976  
 977  div#maincontent div.box-ml
 978  {
 979      background-image: url(../images/box-edge.gif);
 980      background-position: left;
 981      background-repeat: repeat-y;
 982  }
 983  
 984  div#maincontent div.box-mr
 985  {
 986      background-image: url(../images/box-edge.gif);
 987      background-position: right;
 988      background-repeat: repeat-y;
 989  }
 990  
 991  div#maincontent div.box-tl
 992  {
 993      background-image: url(../images/box-tl.gif);
 994      background-position: top left;
 995      background-repeat: no-repeat;
 996  }
 997  
 998  div#maincontent div.box-tr
 999  {
1000      background-image: url(../images/box-tr.gif);
1001      background-position: top right;
1002      background-repeat: no-repeat;
1003  }
1004  
1005  div#maincontent div.box-bl
1006  {
1007      background-image: url(../images/box-bl.gif);
1008      background-position: bottom left;
1009      background-repeat: no-repeat;
1010  }
1011  
1012  div#maincontent div.box-br
1013  {
1014      background-image: url(../images/box-br.gif);
1015      background-position: bottom right;
1016      background-repeat: no-repeat;
1017  }
1018  
1019  div.box-content
1020  {
1021      padding: 0 2px 3px 1px;
1022  }
1023  
1024  div.content-edit div.box-content
1025  {
1026      position: relative;
1027  }
1028  
1029  div.box-content div.block
1030  {
1031      margin: 0;
1032      padding: 0.5em;
1033  }
1034  
1035  div#maincontent div.box-content div.block div.block
1036  {
1037      padding: 0;
1038  }
1039  
1040  div.box-content div.block p
1041  {
1042      margin: 0;
1043      padding: 0.25em 0 0.25em 0;
1044  }
1045  
1046  div.box-content div.context-toolbar div.block
1047  {
1048      padding: 0;
1049  }
1050  
1051  div.box-content div p
1052  {
1053      padding: 0;
1054  }
1055  
1056  div#maincontent div.box-content fieldset div.block
1057  {
1058      margin: 0.5em 0 0.5em 0;
1059  }
1060  
1061  div.controlbar div.box-br
1062  {
1063      padding: 0.2em 0.5em 0.4em 0.5em;
1064  }
1065  
1066  div.mainobject-window
1067  {
1068      background-color: #f8f8f4;
1069      margin: 0 1px 0 1px;    
1070      padding: 0 0 0 0.5em;
1071      border: 6px solid #ecece4;
1072  }
1073  
1074  div.content-navigation div.mainobject-window div.fixedsize
1075  {
1076      float: left;
1077      width: 100%;
1078      height: 200px;
1079      overflow: auto;
1080  }
1081  
1082  div.content-navigation div.mainobject-window div.holdinplace
1083  {
1084      padding-right: 0.5em;
1085  }
1086  
1087  div#maincontent div.content-translation div.block div.original
1088  {
1089      background-color: #ecece4;
1090      margin: 0.5em 0 0.5em 0;
1091      padding: 0.2em;
1092      border: 1px dashed #bfbeb6;
1093  }
1094  
1095  div.content-translation div.translation
1096  {
1097      margin: 0.5em 0 0.5em 0;
1098  }
1099  
1100  div.notranslations li
1101  {
1102      width: 25%;
1103  }
1104  
1105  div.context-block
1106  {
1107      margin: 0.5em 0 1em 0;
1108  }
1109  
1110  h1.context-title, h2.context-title
1111  {
1112      font-weight: bold;
1113      color: #ffffff;
1114      padding: 0.4em 0.2em 0.4em 0.5em;
1115      margin: 0;
1116  }
1117  
1118  h1.context-title
1119  {
1120      font-size: 1.2em;
1121  }
1122  
1123  h2.context-title
1124  {
1125      font-size: 1em;
1126  }
1127  
1128  div.header-mainline, div.header-subline
1129  {
1130      font-size: 1px;
1131      height: 7px;
1132      margin: 0 1px 0 1px;    
1133  }
1134  
1135  div.header-mainline
1136  {
1137      background-image: url(../images/mainheader-mainline.gif);
1138      background-repeat: repeat-y;
1139      background-position: top left;
1140      background-color: #ef8c00;
1141  } 
1142  
1143  div.header-subline
1144  {
1145      background-image: url(../images/mainheader-subline.gif);
1146      background-repeat: repeat-y;
1147      background-position: top left;
1148      background-color: #b5bec7;
1149  }
1150  
1151  h2.context-content
1152  {
1153      font-size: 1em;
1154      font-weight: bold;
1155      color: #ffffff;
1156      background-color: #00a0a0;
1157      padding: 0.2em;
1158      margin: 0;
1159  }
1160  
1161  div.context-block h1.context-title img, div.context-block h2.context-title img
1162  {
1163      vertical-align: middle;
1164  }
1165  
1166  div.context-block h2.context-title span.input
1167  {
1168      width: 20px;
1169  }
1170  
1171  div.context-block table.list, div.context-block table.special
1172  {
1173      margin: 0;
1174      padding: 0;
1175  }
1176  
1177  
1178  /* CONTEXT TOOLBAR AND INFORMATION */
1179  
1180  div.context-toolbar
1181  {
1182      background-color: #fefefb;
1183  }
1184  
1185  div.context-toolbar div.block
1186  {
1187      margin: 0;
1188  }
1189  
1190  div.context-toolbar label
1191  {
1192      display: inline;
1193      font-size: 0.85em;
1194      vertical-align: middle;
1195  }
1196  
1197  div.context-toolbar select
1198  {
1199      font-size: 0.85em;
1200      padding: 0;
1201  }
1202  
1203  div.context-toolbar input.button
1204  {
1205      font-size: 0.85em;
1206  }
1207  
1208  div.context-toolbar div.break
1209  {
1210      font-size: 1px;
1211      height: 1px;
1212      clear: both;
1213  }
1214  
1215  div.context-information
1216  {
1217      background-color: #fefefb;
1218      margin: 0 1px 0 1px;
1219      padding: 0 0.5em 0 0.5em;
1220  }
1221  
1222  div.context-information p
1223  {
1224      color: #8a8a85;
1225  }
1226  
1227  div.context-information p.modified
1228  {
1229      width: 48%;
1230      float: left;
1231  }
1232  
1233  div.context-information p.translation
1234  {
1235      width: 48%;
1236      float: right;
1237      text-align: right;
1238  }
1239  
1240  div.content-edit p.translation
1241  {
1242      position: absolute;
1243      top: 0;
1244      right: 0.5em;
1245  }
1246  
1247  div.context-information a
1248  {
1249      color: #8a8a85;
1250      text-decoration: underline;
1251  }
1252  
1253  div.context-block div.context-toolbar p, div.context-block div.context-information p
1254  {
1255      font-size: 0.85em;
1256      margin: 0;
1257      padding: 0.1em 0.2em 0.1em 0.2em;
1258  }
1259  
1260  div.context-toolbar a, div.context-toolbar span.current
1261  {
1262      color: #254b71;
1263      padding: 0 0.25em 0 0.25em;
1264      text-decoration: none;
1265  }
1266  
1267  div.context-toolbar span.current, div.context-toolbar span.current
1268  {
1269      color: #254b71;
1270      background-color: #c8cfd7;
1271  }
1272  
1273  div.context-toolbar a:hover
1274  {
1275      color: #ffffff;
1276      background-color: #2d537a;
1277      text-decoration: none;
1278  }
1279  
1280  
1281  /* CONTEXT ATTRIBUTES */
1282  
1283  div.context-attributes
1284  {
1285      background-color: #fefefb;
1286      padding: 0.5em 0.5em 0.5em 0.5em;
1287  }
1288  
1289  div.context-attributes div.block
1290  {
1291      padding-left: 0;
1292      padding-right: 0;
1293  }
1294  
1295  div.context-attributes h2, div.context-attributes h3
1296  {
1297      margin-top: 0.25em;
1298  }
1299  
1300  div.attribute-byline p.author
1301  {
1302      float: left;
1303  }
1304  
1305  div.attribute-byline p.date
1306  {
1307      float: right;
1308  }
1309  
1310  a.nodeicon
1311  { 
1312    text-decoration: none;
1313  }
1314  
1315  span.required, span.nontranslatable, span.collector
1316  {
1317      font-style: italic;
1318      font-weight: normal;
1319  }
1320  
1321  span.defaulttranslation
1322  {
1323      font-weight: bold;
1324  }
1325  
1326  
1327  /* CONTEXT CONTROLBAR */
1328  
1329  div.controlbar div.block
1330  {
1331      margin: 0.5em 0 0.5em 0;
1332      padding-bottom: 1px; /* Set to avoid Mozilla bug */
1333  }
1334  
1335  div.controlbar label
1336  {
1337      display: inline;
1338      color: #979690;
1339  }
1340  
1341  div.content-control
1342  {
1343      margin: 1em 0 0.5em 0;
1344      padding: 0.5em;
1345      border: 1px solid #bfbfb7;
1346      background-color: #e7e8e0;
1347  }
1348  
1349  div.content-edit div.box-content h3
1350  {
1351      margin: 0;
1352      padding: 0.5em;
1353      color: #A09F98;
1354  }
1355  
1356  
1357  /* VIEWBAR */
1358  
1359  div.content-view-children div.viewbar
1360  {
1361      margin-top: 2em;
1362      margin-bottom: 0;
1363  }
1364  
1365  div.viewbar label, div.controlbar label
1366  {
1367      padding: 0;
1368      display: inline;
1369      vertical-align: bottom;
1370  }
1371  
1372  div.viewbar select, div.controlbar select
1373  {
1374      vertical-align: bottom;
1375      margin-right: 0.5em;
1376  }
1377  
1378  div.viewbar input.menubutton
1379  {
1380      margin: 0 0.5em 0 0;
1381      padding: 0;
1382      vertical-align: bottom;
1383  }
1384  
1385  /* PAGENAVIGATOR */
1386  
1387  div.pagenavigator
1388  {
1389      text-align: center;
1390  }
1391  
1392  div.pagenavigator span.previous
1393  {
1394      display: block;
1395      float: left;
1396  }
1397  
1398  div.pagenavigator span.next
1399  {
1400      display: block;
1401      float: right;
1402  }
1403  
1404  div.pagenavigator span.disabled
1405  {
1406      color: #d0d0d0;
1407  }
1408  
1409  
1410  /* TABLES */
1411  
1412  div.content-navigation-childlist table.list th
1413  {
1414      width: 1%;
1415  }
1416  
1417  div.content-navigation-childlist table.list th.name, div.content-edit table.list th.name
1418  {
1419      width: 99%;
1420  }
1421  
1422  table.list img
1423  {
1424      vertical-align: middle;
1425  }
1426  
1427  div.content-edit table.list td.filesize
1428  {
1429      white-space: nowrap;
1430  }
1431  
1432  table.list th.icon, table.list td.icon, table.list th.class, table.list td.class, table.list th.checkbox, table.list td.checkbox
1433  {
1434      width: 1%;
1435  }
1436  
1437  table.list td.class
1438  {
1439      white-space: nowrap;
1440  }
1441  
1442  table.list td.modifier, table.list td.modified
1443  {
1444      white-space: nowrap;
1445  }
1446  
1447  table.list-thumbnails
1448  {
1449      width: 100%;
1450      background-color: #ffffff;
1451  }
1452  
1453  table.list-thumbnails td
1454  {
1455      border: 4px solid #ffffff;
1456      padding: 0.5em;
1457      vertical-align: middle;
1458      background-color: #f8f8f8;
1459      height: 150px;
1460      text-align: center;
1461  }
1462  
1463  table.list-thumbnails div.controls
1464  {
1465      margin-top: 0.5em;
1466  }
1467  
1468  table.list-thumbnails div.controls input, table.list-thumbnails div.controls img
1469  {
1470      vertical-align: middle;
1471  }
1472  
1473  input.linkbox
1474  {
1475      border: 1px dashed #bfbeb6;
1476      background-color: #f8f8f8;
1477      font-size: 0.85em;
1478      width: 14em;
1479  }
1480  
1481  tr.bglight input.linkbox
1482  {
1483      border: 1px dashed #bfbeb6;
1484      background-color: #f8f8f4;
1485  }
1486  
1487  tr.bgdark input.linkbox
1488  {
1489      border: 1px dashed #bfbeb6;
1490      background-color: #f4f4ec;
1491  }
1492  
1493  table.list input.priority
1494  {
1495      width: 2em;
1496  }
1497  
1498  
1499  /* LABELS */
1500  
1501  div.inline label
1502  {
1503      display: inline;
1504  }
1505  
1506  /* Labels used for radiobuttons */
1507  label.radio
1508  {
1509      display: inline;
1510  }
1511  
1512  div.date label, div.time label
1513  {
1514      font-size: 0.85em;
1515      font-weight: normal;
1516  }
1517  
1518  fieldset label
1519  {
1520      font-weight: normal;
1521  }
1522  
1523  div#rightmenu label
1524  {
1525      font-weight: normal;
1526  }
1527  
1528  table.cache th
1529  {
1530      background-color: transparent;
1531      border-top: none;
1532      border-right: none;    
1533      vertical-align: middle;
1534      padding-left: 0.5em;
1535  }
1536  
1537  /* INDEX VIEW */
1538  
1539  div.content-viewindex ul
1540  {
1541      margin-left: 22px;
1542  }
1543  
1544  div.content-viewindex li
1545  {
1546      list-style-type: none;    
1547  }
1548  
1549  
1550  /* POLL VIEW */
1551  
1552  div.content-poll-results
1553  {
1554      width: 100%;
1555  }
1556  
1557  div.content-poll-results ul
1558  {
1559      margin-left: 0;
1560  }
1561  
1562  div.content-poll-results li
1563  {
1564      list-style-type: none;
1565  }
1566  
1567  div.content-poll-results span.option
1568  {
1569      font-weight: bold;
1570      float: left;
1571  }
1572  
1573  div.content-poll-results span.votes
1574  {
1575      font-weight: normal;
1576  }
1577  
1578  div.content-poll-results span.value
1579  {
1580      font-weight: bold;
1581      margin-top: 1.7em;
1582      float: right;
1583  }
1584  
1585  div.content-poll-results div.resultblock
1586  {
1587      width: 100%;
1588      margin: -1.2em 0 0.5em 0;
1589      float: left;
1590  }
1591  
1592  div.content-poll-results div.resultedge-start
1593  {
1594      padding-right: 4em;
1595  }
1596  
1597  div.content-poll-results div.resultedge-end
1598  {
1599      border: 1px solid black;
1600  }
1601  
1602  div.content-poll-results div.resultbox
1603  {
1604      background-image: url(../images/poll-bg.gif);
1605      background-repeat: repeat-x;
1606      background-position: top;
1607      background-color: #bcbbaf;
1608      width: 100%;
1609  }
1610  
1611  div.content-poll-results div.resultbar
1612  {
1613      background-image: url(../images/poll-result-bg.gif);
1614      background-repeat: repeat-x;
1615      background-position: top;
1616      background-color: #4b7198;
1617      height: 20px;
1618  }
1619  
1620  div.content-poll-results div.result-divider
1621  {
1622      height: 20px;
1623  }
1624  
1625  
1626  /* PACKAGE LISTING (in look and feel) */
1627  
1628  div.package_element
1629  {
1630      float: left;
1631  }
1632  
1633  
1634  /* POPUP MENU */
1635  
1636  div.popupmenu
1637  {
1638      width: 14em;
1639      font-size: 0.85em;
1640      margin: 0px;
1641      padding: 4px;
1642      background-color: #ecece4;
1643      border: 2px solid #ffffff;
1644      border-bottom-color: #bfbeb6;
1645      border-right-color: #bfbeb6;
1646      z-index: +1; 
1647  
1648      /* These two are essential */
1649      position: absolute;
1650      visibility: hidden;
1651  }
1652  
1653  div.popupmenu#EditSubmenu
1654  {
1655      z-index: +2;
1656  }
1657  
1658  div.popupmenu div.popupmenuheader
1659  {
1660      margin: -2px -2px 0.5em -2px;
1661      background-image: url(../images/popup-menuheader-background.gif);
1662      background-repeat: repeat-y;
1663      background-position: top left;
1664      border: 1px solid #ffffff;
1665      border-bottom-color: #bfbeb6;
1666      border-right-color: #bfbeb6;
1667  }
1668  
1669  div.popupmenu h3
1670  {
1671      margin: 0;
1672      padding: 0.2em 0.5em 0.2em 0.5em;
1673      float: left;
1674  }
1675  
1676  div.popupmenu div.window-close
1677  {
1678      float: right;
1679      padding: 1px;
1680  }
1681  
1682  div.popupmenu div.window-close p
1683  {
1684      font-weight: bold;
1685      color: #000000;
1686      background-color: #ecece4;
1687      margin: 0;
1688      padding: 0.1em 0.3em 0.1em 0.3em;
1689      border: 1px solid #ffffff;
1690      border-bottom-color: #bfbeb6;
1691      border-right-color: #bfbeb6;
1692  }
1693  
1694  div.popupmenu a
1695  {
1696      color: #000000;
1697      padding: 0.1em 0.3em 0.1em 0.3em;
1698      text-decoration: none;
1699      cursor: default;
1700      display: block;
1701  }
1702  
1703  div.popupmenu a.more
1704  {
1705      background-image: url(../images/more-arrow.gif);
1706      background-repeat: no-repeat;
1707      background-position: right center;
1708  }
1709  
1710  div.popupmenu a.menu-item-disabled
1711  {
1712       display:none;
1713  }
1714  
1715  div.popupmenu a:hover
1716  {
1717      color: #ffffff;
1718      background-color: #2d537a;
1719      text-decoration: none;
1720      cursor: default;
1721  }
1722  
1723  div.popupmenu hr
1724  {
1725      border: none;
1726      border-top: 1px solid #c0c0c0;
1727  }
1728  
1729  span.overriden
1730  {
1731      color: red;
1732  }
1733  
1734  /* OE FIX */
1735  
1736  div.oe-window
1737  {
1738      border-bottom: 1px solid #ffffff;
1739  }
1740  
1741  /* th[eZ] */
1742  
1743  span.userstatus-disabled
1744  {
1745      font-style: italic;
1746  }
1747  span.userstatus-enabled
1748  {
1749      font-weight: bold;
1750  }
1751  
1752  div.indent
1753  {
1754      margin-left: 1em;
1755  }
1756  
1757  /* Diff styles */
1758  
1759  div#diffview ul
1760  {
1761      margin: 0 0 0.5em 0;
1762      padding: 0.25em 0.5em 0.25em 0.5em;
1763      border-bottom: 1px solid #808080;
1764      display: block;
1765  }
1766  
1767  div#diffview li
1768  {
1769      font-size: 0.85em;
1770      margin: 0 0.5em 0 0;
1771      padding: 0;
1772      display: inline;
1773      list-style-type: none;
1774  }
1775  
1776  div.attribute-view-diff
1777  {
1778      padding: 0.25em;
1779      border: 1px solid #d7d7d2;
1780  }
1781  
1782  div.attribute-view-diff label
1783  {
1784     color: #75756c;
1785  }
1786  
1787  div.attribute-view-diff-old
1788  {
1789      padding-bottom: 0.25em;
1790      border-bottom: 1px dashed #bfbfb7;
1791  }
1792  
1793  div.attribute-view-diff-new
1794  {
1795      padding-top: 0.25em;
1796  }
1797  
1798  ins
1799  {
1800      color: #008000;
1801      text-decoration: none;
1802      border-bottom: 1px solid #00b000;
1803  }
1804  
1805  del
1806  {
1807      color: #d98078;
1808      text-decoration: line-through;
1809  }
1810  
1811  ins:hover, del:hover
1812  {
1813      background-color: #ffffff;
1814  }
1815  
1816  ins:hover
1817  {
1818      color: #006000;
1819      border-bottom: none;
1820  }
1821  
1822  del:hover
1823  {
1824      color: #852c25;
1825      text-decoration: none;
1826  }
1827  
1828  div.blockchanges ins, div.blockchanges del
1829  {
1830      color: #000000;
1831      padding-left: 0.5em;
1832      text-decoration: none;
1833      border-bottom: none;
1834      display: block;
1835  }
1836  
1837  div.blockchanges ins
1838  {
1839      border-left: 0.5em solid #008000;
1840  }
1841  
1842  div.blockchanges del
1843  {
1844      border-left: 0.5em solid #d98078;
1845  }
1846  
1847  div.previous ins
1848  {
1849      display: none;
1850  }
1851  
1852  div.previous del
1853  {
1854      color: #000000;
1855      background-color: #ffff00;
1856      border-bottom: none;
1857      text-decoration: none   
1858  }
1859  
1860  div.latest del
1861  {
1862      display: none;
1863  }
1864  
1865  div.latest ins
1866  {
1867      color: #000000;
1868      background-color: #ffff00;
1869      border-bottom: none;
1870      text-decoration: none;
1871  }