[Sommaire] [Imprimer]

   1  /* CMS Made Simple - Modern Theme */
   2  /* 2005 (c) Alexander Endresen - alexander@endresen.org */
   3  /* General tags */
   4  a  {
   5     text-decoration: none;
   6     }
   7     
   8  a:hover  {
   9     text-decoration: underline;
  10     }
  11  
  12  .pagecontainer a, .breadcrumbs a , .pageback a, .MainMenu a, .itemmenucontainer a  {
  13      text-decoration: underline;
  14  }
  15  
  16  a.move_up {
  17      margin-right:16px;
  18  }
  19  
  20  .pagecontainer a:hover, .breadcrumbs a:hover, .pageback a:hover, .MainMenu a:hover, .itemmenucontainer a:hover  {
  21      text-decoration: none;
  22      background: #385C72;
  23      color: #fff;
  24  }
  25  
  26  a:hover img {
  27      background: transparent;
  28  }
  29      
  30  body  {
  31     font-size: 70%;
  32     font-family: Verdana, Arial, Helvetica, sans-serif;
  33     background-color: #385c72;
  34     margin: 0px;
  35     padding: 0px;
  36     height: 100%;
  37     }
  38  
  39  h1  {
  40     font-size: 2em;
  41     }
  42  
  43  h2  {
  44     font-size: 1.6em;
  45     }
  46  
  47  h3  {
  48     font-size: 1.2em;
  49     }
  50  
  51  h4  {
  52     font-size: 1em;
  53     }
  54  
  55  blockquote, input, li, select, th, td  {
  56     font-size: 1em;
  57     }
  58  
  59  p  {
  60     font-size: 1em;
  61     margin: 0px;
  62     }
  63  
  64  form  {
  65     margin: 0px;
  66     display: inline;
  67     }
  68  
  69  input  {
  70     font-size: 1.2em;
  71     font-family: Verdana, Arial, Helvetica, sans-serif;
  72     border: solid 1px #666666;
  73     }
  74  
  75  textarea  {
  76     font-size: 1.2em;
  77     font-family: Verdana, Arial, Helvetica, sans-serif;
  78     border: solid 1px #666666;
  79     width: 48em;
  80     height: 30em;
  81     }
  82  
  83  select  {
  84     font-family: Verdana, Arial, Helvetica, sans-serif;
  85     border: solid 1px #666666;
  86     }
  87  
  88  div  {
  89     text-align: right;
  90     }
  91  
  92  th, td  {
  93     text-align: right;
  94     }
  95  code, tt, pre {
  96      font-size: 120%;
  97      }
  98      
  99  /* Login page */
 100  div.lblayout  {
 101     margin-left: auto;
 102     margin-right: auto;
 103     width: 55em;
 104     height: auto;
 105     }
 106  
 107  div.lbtopmargin  {
 108     margin-top: 100px;
 109     }
 110  
 111  div.lball  {
 112     text-align: center;
 113     }
 114  
 115  div.lbcontainer  {
 116     background-color: #ececec;
 117     margin-top: 3px;
 118     padding: 10px;
 119     border: solid 1px #555555;
 120     overflow: hidden;
 121     }
 122  
 123  div.lbinfo  {
 124     background: url(themes/default/images/vstippled.gif) repeat-y left top;
 125     text-align: center;
 126     float: right;
 127     padding-left: 1em;
 128     width: 25em;
 129     }
 130  
 131  div.lbfields  {
 132     background: url(themes/default/images/vstippled.gif) repeat-y right top;
 133     float: right;
 134     margin-right: -1px;
 135     padding-right: 1em;
 136     width: 28em;
 137     }
 138  
 139  div.lbfieldstext  {
 140     float: right;
 141     }
 142  
 143  div.lbinput  {
 144     float: right;
 145     margin-right: 10px;
 146     }
 147  
 148  input.lbsubmit  {
 149     color: #ffffff;
 150     background-color: #999999;
 151     margin-top: 5px;
 152     cursor: pointer;
 153     }
 154  
 155  input.lbpassword  {
 156     margin-top: 5px;
 157     }
 158  
 159  input.order { 
 160     width:2em;
 161     font-size: 1em;
 162      text-align: center;
 163     }
 164  
 165  p.lbuser  {
 166     color: #555555;
 167     font-size: 1.2em;
 168     }
 169  
 170  p.lbpass  {
 171     color: #555555;
 172     font-size: 1.2em;
 173     margin-top: 10px;
 174     }
 175  
 176  
 177  /* Main Page - Menu */
 178  #nav, #nav ul  {
 179     list-style-type: none;
 180     margin: 0;
 181     padding: 0;
 182     }
 183  
 184  #nav ul  {
 185     border: solid 1px #c6c3bd;
 186     }
 187      
 188  #nav a  {
 189     color: #384654;
 190     text-decoration: none;
 191     padding-left: 10px;
 192     padding-right: 10px;
 193     display: block;
 194     }
 195  
 196  #nav li a  {
 197     font-size: 13px;
 198     margin-top: 2px;
 199     padding-bottom: 2px;
 200     }
 201  
 202  #nav li ul a  {
 203     text-align: right;
 204     margin-top: 0px;
 205     padding-bottom: 0px;
 206     position: relative;
 207     }
 208  
 209  #nav li  {
 210     float: right;
 211  
 212     padding: 0;
 213     }
 214  
 215  #nav li ul  {
 216     background-color: #f8f8f8;
 217     margin: 0;
 218     padding: 0px;
 219     position: absolute;
 220     width: auto;
 221     height: auto;
 222     display: none;
 223     position:absolute;
 224     z-index:999;
 225  }
 226  
 227  #nav li li  {
 228     float: none;
 229     margin: 0px;
 230     padding: 0px;
 231  }
 232  
 233  #nav li:hover ul ul, #nav li.cssHover ul ul  {
 234     display: none;
 235     }
 236  
 237  #nav li:hover ul, #nav li.cssHover ul  {
 238     display: block;
 239     }
 240  
 241  #nav li:hover, #nav li.cssHover, a.module:hover, a.first_module:hover  {
 242     background-color: #abb0b6;
 243     }
 244  
 245  li.selected  {
 246     background-color: #bdc0c6;
 247     }
 248  
 249  a.module  {
 250     background-color: #f0f0f0;
 251     }
 252  
 253  a.first_module  {
 254     background-color: #f0f0f0;
 255     border-top: 1px solid #c6c3bd;
 256     }
 257  
 258  #nav li.sep  {
 259     line-height: 2px;
 260     border-bottom: 1px solid #c6c3bd;
 261     }
 262  
 263  
 264  /* Nav Tools */
 265  div.MainMenu { 
 266     float:right;
 267  }
 268  div.navt_menu  {
 269     position: absolute;
 270     left: 0px;
 271     }
 272  
 273  div.navt_show  {
 274     background: url(themes/default/images/show_navtools.gif) no-repeat;
 275     float: right;
 276     width: 15px;
 277     height: 81px;
 278     cursor: pointer;
 279     }
 280  
 281  div.navt_hide  {
 282     background: url(themes/default/images/hide_navtools.gif) no-repeat;
 283     float: right;
 284     width: 15px;
 285     height: 81px;
 286     cursor: pointer;
 287     }
 288  
 289  #navt_container  {
 290     background-color: #bdc0c6;
 291     float: right;
 292     border: solid 1px #c6c3bd;
 293     width: 20em;
 294     }
 295  
 296  #navt_tabs div  {
 297     color: #384654;
 298     background-color: #bdc0c6;
 299     text-align: center;
 300     float: right;
 301     padding-left: 8px;
 302     padding-right: 8px;
 303     cursor: pointer;
 304     }
 305  
 306  #navt_tabs div:hover, #navt_tabs div.cssHover  {
 307     background-color: #abb0b6;
 308     }
 309  
 310  #navt_tabs div.active  {
 311     background-color: #ececec;
 312     }
 313  
 314  #navt_content  {
 315     color: #384654;
 316     background-color: #ececec;
 317     padding: 5px;
 318     }
 319  
 320  #navt_content a  {
 321     color: #384654;
 322     }
 323  
 324  .visible  {
 325     display: block;
 326     }
 327  
 328  .invisible  {
 329     display: none;
 330     }
 331  
 332  
 333  /* Page Tabs - used for all page tabs */
 334  #page_tabs  {
 335     overflow: hidden;
 336     }
 337  
 338  #page_tabs div  {
 339     color: #fff;
 340     font-size: 1.1em;
 341     background-color: #9ca2a9;
 342     text-align: center;
 343     float: right;
 344     margin-left: 5px;
 345     padding-left: 8px;
 346     padding-right: 8px;
 347     cursor: pointer;
 348     }
 349  
 350  #page_tabs div:hover, #page_tabs div.cssHover  {
 351     background-color: #7a838b;
 352     }
 353  
 354  #page_content  {
 355     background-color: #e1e1e1;
 356     padding: 5px;
 357     border: solid 1px #385c72;
 358     }
 359  
 360  #page_tabs div.active  {
 361     background-color: #385c72;
 362     }
 363  
 364  
 365  /* top*.php files */
 366  a.itemlink  {
 367     color: #384654;
 368     font-weight: bold;
 369     font-size: 1.1em;
 370     }
 371  
 372  a.itemsublink  {
 373     color: #384654;
 374     }
 375  
 376  div.itemmenucontainer  {
 377     color: #384654;
 378     background-color: #ececec;
 379     margin: 10px;
 380     padding: 5px;
 381     border: solid 1px #666;
 382     width: 45em;
 383     }
 384  
 385  div.itemoverflow  {
 386     overflow: hidden;
 387     }
 388  
 389  div.itemoverflow img  {
 390     border: none;
 391     }
 392  
 393  img.itemicon  {
 394     border: 0px;
 395     width: 32px;
 396     height: 32px;
 397     }
 398  
 399  p.itemicon  {
 400     float: right;
 401     margin-left: 10px;
 402     }
 403  
 404  p.itemtext  {
 405     float: right;
 406     width: 39em;
 407     }
 408  
 409  div.shortcuts {
 410     width: 15em;
 411     }
 412  
 413  div.shortcuts h2 {
 414     border-bottom: 1px solid #ccc;
 415     margin: 0 0 0.3em 0;
 416  }
 417  
 418  div.shortcuts h3 {
 419     padding-top: 1em;
 420  }
 421  
 422  div.shortcuts ul {
 423    margin: 0.5em 0 0 0;
 424    padding-right: 0;
 425    }
 426    
 427  div.shortcuts li {
 428     background-image: url(themes/default/images/icons/topfiles/shortcut.gif);
 429     background-repeat: no-repeat;
 430     background-position: 1em 0.3em;
 431     padding-right: 2.5em;
 432     list-style: none;
 433     line-height: 1.3em;; 
 434     }
 435     
 436  div.shortcuts a {
 437     color: #384654;
 438     }
 439  
 440  
 441  /* All pages - Content */
 442  #MainContent  {
 443     background-color: #fff;
 444     padding-top: 5px;
 445     padding-bottom: 5px;
 446     }
 447  
 448  div.topmenucontainer  {
 449     background-color: #ececec;
 450     border-bottom: 1px solid #c0c0c0;
 451  width:100%;
 452     }
 453  
 454  div.hstippled  {
 455     font-size: 1px;
 456     background: #fff url(themes/default/images/hstippled.gif) repeat-x center;
 457     height: 1px;
 458     }
 459  
 460  div.breadcrumbs  {
 461     background-color: #fff;
 462     }
 463  
 464  p.breadcrumbs  {
 465     color: #666;
 466     padding-top: 3px;
 467     padding-bottom: 3px;
 468     padding-right: 5px;
 469     }
 470  
 471  p.logocontainer  {
 472     padding-top: 5px;
 473     padding-bottom: 5px;
 474     padding-right: 5px;
 475     }
 476  
 477  .footer  {
 478     color: #fff;
 479     text-align: center;
 480     padding-top: 5px;
 481     clear:both;
 482     }
 483  
 484  a.breadcrumbs  {
 485     color: #666;
 486     }
 487  
 488  a.footer  {
 489     color: #fff;
 490     }
 491  
 492  
 493  /* Standard pages output */
 494  div.pagecontainer  {
 495     background-color: #ececec;
 496     margin: 10px;
 497     padding: 5px;
 498     border: solid 1px #666;
 499     }
 500  
 501  div.pagecontainer p {
 502     margin-bottom: 1em;
 503  }
 504  
 505  div.pageerrorcontainer  {
 506     background-color: #ba5a5a;
 507     margin: 10px;
 508     padding: 5px;
 509     border: solid 1px #666;
 510     color: #fff;
 511     width: 95%;
 512     }
 513  div.pageerrorcontainer a {
 514     color: #fff;
 515     text-decoration: underline;
 516  }
 517  
 518  div.pageerrorinstalldir  {
 519     background-color: #ba5a5a;
 520     margin: 10px;
 521     padding: 5px;
 522     border: solid 1px #666;
 523     width: 45em;
 524     color: #fff;
 525     }
 526  
 527  div.pagemcontainer  {
 528     background-color: #ccc;
 529     margin: 10px;
 530     padding: 5px;
 531     border: solid 1px #666;
 532     }
 533  
 534  div.pageoverflow  {
 535     clear: right;
 536     padding-top: 1px;
 537     width: 97%; 
 538     overflow: hidden;
 539     }
 540  
 541  div.pageoverflow a, div.pagecontainer a  {
 542     color: #384654;
 543        }
 544  
 545  div.pageoverflow img  {
 546     border: 0px;
 547     }
 548  
 549  div.pageoptions  {
 550     padding-top: 1px;
 551     }
 552  
 553  img.pageicon  {
 554     border: none;
 555     }
 556  
 557  img.systemicon  {
 558     border: none;
 559     vertical-align: middle;
 560     }
 561  
 562  a.pageoptions  {
 563     color: #384654;
 564     vertical-align: 3px;
 565     }
 566  
 567  a.pageback  {
 568     color: #384654;
 569     }
 570  
 571  p.pageback  {
 572     margin-right: 10px;
 573     }
 574  
 575  div.pagecontainer .pageheader  {
 576     color: #384654;
 577     font-weight: bold;
 578     font-size: 1.1em;
 579     margin-bottom: 0;
 580     border-bottom: 1px solid #ccc;
 581     margin-bottom: 10px;
 582     }
 583  
 584  div.pagecontainer p.pagetext  {
 585     color: #384654;
 586     float: right;
 587     padding-top: 5px;
 588     padding-left: 5px;
 589     width: 15em;
 590     margin-bottom: 0.5em;
 591     }
 592  
 593  div.pagecontainer span.helptext {
 594      font-size: 0.9em;
 595      font-weight: normal;
 596      margin-right: 1em;
 597      padding: 2px;
 598      }
 599      
 600  div.pagecontainer p.pageinput  {
 601     color: #384654;
 602     float: right;
 603     padding-top: 5px;
 604     margin-bottom: 0.5em;
 605     }
 606  
 607  p.pageinputwysiwyg  {
 608     padding-top: 5px;
 609     }
 610  
 611  div.pagecontainer p.pagemessage  {
 612     margin-bottom: 0;
 613     }
 614  
 615  p.pageshowrows  {
 616     color: #384654;
 617     text-align: left;
 618     float: left;
 619     margin-left: 5px;
 620     }
 621  
 622  p.pagesubtitle  {
 623     color: #384654;
 624     font-weight: bold;
 625     padding-top: 5px;
 626     }
 627  
 628  p.pageoptions  {
 629     color: #384654;
 630     padding-top: 5px;
 631     }
 632  
 633  .pagerows {
 634     font-size: 1.3em;
 635  }
 636  
 637  table.pagetable  {
 638     font-size: 1em;
 639     margin-bottom: 5px;
 640     border: solid 1px #c6c3bd;
 641     width: 97%;
 642     }
 643  
 644  table.pagetable th  {
 645     color: #fff;
 646     background-color: #385c72;
 647     }
 648     
 649  table.pagetable th a { 
 650      background: #385C72; 
 651      color: #fff; 
 652      text-decoration: underline;
 653      }
 654      
 655  table.pagetable th.active { 
 656      color: #E6A2FF;
 657      }
 658      
 659  table.pagetable th.active a { 
 660      color: #E6A2FF; 
 661      text-decoration: underline;
 662      }
 663  
 664  table.pagetable tr  {
 665     height: 1.8em;
 666     }
 667     
 668  table.pagetable td  {
 669     color: #384654;
 670     }
 671  
 672  table.pagetable a  {
 673     color: #384654;
 674     }
 675  
 676  th.pagepos  {
 677     text-align: center;
 678     }
 679  
 680  .move  {
 681     width: 60px;
 682     text-align: right;
 683     padding-right: 5px;
 684     }
 685  
 686  .checkbox {
 687     padding-right: 10px;
 688     }
 689      
 690  th.pagew10  {
 691     width: 10%;
 692     }
 693  
 694  th.pagew25  {
 695     width: 25%;
 696     }
 697  
 698  th.pagew50  {
 699     width: 50%;
 700     }
 701  
 702  th.pagew60  {
 703     width: 60%;
 704     }
 705  
 706  th.pagew70  {
 707     width: 70%;
 708     }
 709  
 710  th.pageicon  {
 711     width: 16px;
 712     }
 713  
 714  td.pagew30  {
 715     width: 30%;
 716     }
 717  
 718  td.pagepos  {
 719     text-align: center;
 720     }
 721   
 722  tr.row1  {
 723     background-color: #fff;
 724     }
 725  
 726  tr.row2  {
 727     background-color: #ececec;
 728     }
 729     
 730  tr.row1hover  {
 731     background-color: #ddd;
 732     }
 733  
 734  tr.row2hover  {
 735     background-color: #ddd;
 736     }
 737     
 738  td.pageicon  {
 739     background-color: #fff !important;
 740     }
 741  
 742  td.icons_wide {
 743      width: 25px;
 744      }
 745      
 746  iframe.imageframe  {
 747     margin-top: 10px;
 748     border: none;
 749     width: 100%;
 750     }
 751  
 752  iframe.preview  {
 753     background-color: #fff;
 754     margin: 10px;
 755     border: solid 1px #666;
 756     width: 95%;
 757     height: 400px;
 758     }
 759  
 760  input.standard  {
 761     }
 762  
 763  input.pagebutton  {
 764     background-color: #d4d0c8;
 765     cursor: pointer;
 766     }
 767  
 768  input.pagebuttonhover  {
 769     background-color: #bbb;
 770     cursor: pointer;
 771     }
 772  
 773  input.pagecheckbox  {
 774     border: none;
 775     }
 776  
 777  textarea.pagetextarea  {
 778     width: 48em;
 779     height: 30em;
 780     }
 781  
 782  textarea.pagebigtextarea { 
 783      height: 40em; 
 784      width: 55em; 
 785      }
 786      
 787  textarea.pagesmalltextarea { 
 788      height: 15em; 
 789      width: 48em; 
 790      }
 791  
 792  textarea.pageheadtags  {
 793     height: 5em;
 794     }
 795  
 796  ul.pageerror  {
 797     margin: 5px 0 10px 0;
 798     padding-right: 10px;
 799     }
 800  ul.pageerror li {
 801      padding-right: 5px;
 802      margin-right: 15px;
 803     list-style-image: url("themes/default/images/icons/system/stop.gif");
 804     }
 805  div.pageerrorcontainer a {
 806      color: #fff;
 807      }
 808  .clearb  {
 809     clear: both;
 810     }
 811  
 812  .loginerror  {
 813     color: #ce374e;
 814     }
 815  
 816  .logotext  {
 817     color: #fff;
 818     font-weight: bold;
 819     font-size: 1.6em;
 820     vertical-align: 10px;
 821     margin-right: 15px;
 822     }
 823  
 824  .imageframe  {
 825     height: 300px;
 826     }
 827  
 828  .ajaxbutton  {
 829     clear: both;
 830     padding-top: 5px;
 831     padding-right: 1px;
 832     }
 833  /* Unused it seems.
 834  ul.sortable  {
 835     margin: 1px;
 836     padding: 0;
 837     border: solid 1px black;
 838     width: 250px;
 839     height: 80px;
 840     overflow: auto;
 841     border-collapse: collapse;
 842     }
 843  
 844  ul.sortable li  {
 845     list-style-type: none;
 846  */
 847  /*   list-style-position: ; */
 848  /*
 849     margin: 1px;
 850     padding: 0 0 0 5px;
 851     border: solid 1px #cccccc;
 852     width: 90%;
 853     cursor: move;
 854     }
 855  */
 856  ul.sortableList {
 857      list-style-type: none;
 858      padding: 6px;
 859      margin: 2px;
 860      width: 300px; 
 861  }
 862  ul.sortableList li {
 863      cursor: move;
 864      padding: 2px 2px; 
 865      margin: 2px 0px; 
 866      border: 1px solid #000000;
 867      background-color: #ffffff;
 868  }
 869  ul.sortableList li li { 
 870      background-color: #ececec
 871   }
 872  ul.sortableList li li li { 
 873      background-color:  #ffffff;
 874   }
 875  ul.sortableList li li li li { 
 876      background-color: #ececec
 877   }
 878  ul.sortableList li li li li li { 
 879      background-color:  #ffffff;
 880   }
 881  .important {
 882   color: red;
 883  }