[Sommaire] [Imprimer]

   1  /*
   2  StyleSheet coding standards:
   3  
   4  1. use lowercase if possible
   5  
   6  2. format styles like this:
   7  
   8  body
   9  {
  10      font-size: 12px;
  11      font-family: Verdana, Arial, Helvetica, sans-serif
  12  }
  13  
  14  3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's.
  15  
  16  4. close every property with ; also the last one.
  17  */
  18  
  19  body 
  20  {
  21      background-image:url(../images/body-background.png);
  22      font-size: 11px; 
  23      font-family: Verdana, Arial, Helvetica, sans-serif;
  24      padding:0px;
  25      margin-top: 5px;
  26  }
  27  
  28  img
  29  {
  30      border-width:0px;
  31      border-style:none;
  32      /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
  33  */
  34  }
  35  
  36  a:link,a:visited
  37  {
  38      cursor:pointer;
  39      color: #006699; 
  40      text-decoration: none;
  41  }
  42  
  43  /*
  44  a:visited 
  45  {
  46      color: #006699; 
  47      text-decoration: none;
  48  }
  49  */
  50  a:hover,a:active
  51  {
  52      cursor:pointer;
  53      color: #ff9933;
  54  }
  55  /*
  56  a:active 
  57  {
  58      color: #006699; 
  59      text-decoration: underline;
  60  }
  61  */
  62  input,button
  63  {
  64      font-size: 12px; 
  65      color: #006699; 
  66      font-family: Arial, Helvetica, sans-serif;
  67      border: 1px #bbbbbb solid;
  68  }
  69  
  70  input[type=submit],input[type=button],button
  71  {
  72      margin:1px;
  73      padding:0px;
  74      cursor: pointer; 
  75      cursor: hand;
  76  }
  77  
  78  input[type=image]
  79  {
  80      cursor: pointer; 
  81      cursor: hand;
  82      border: 0px #bbbbbb none;
  83  }
  84  select 
  85  {
  86      font-size: 11px; 
  87      color: #006699; 
  88      font-family: Arial, Helvetica, sans-serif;
  89      border: 1px #bbbbbb solid;
  90  }
  91  
  92  td
  93  {
  94      font-size: 11px;
  95      /*    padding-top:1px;
  96      padding-bottom:0px;*/
  97  }
  98  
  99  .divLoginbox 
 100  {
 101      position:relative;
 102      width: 300px; 
 103      border-right: #9c9c9c 1px solid; 
 104      border-top: #9c9c9c 1px solid; 
 105      border-left: #9c9c9c 1px solid; 
 106      border-bottom: #9c9c9c 1px solid
 107  }
 108  
 109  .divLoginboxHeader 
 110  {
 111      text-align:center;
 112      background-color:#dddddd;
 113      padding-top:2px;
 114      font-size:10px;
 115      color:#666666;
 116  }
 117  .divSidebox 
 118  {
 119      position:relative;
 120      width: 147px; 
 121      border-right: #9c9c9c 1px solid; 
 122      border-top: #9c9c9c 1px solid; 
 123      border-left: #9c9c9c 1px solid; 
 124      border-bottom: #9c9c9c 1px solid
 125  }
 126  
 127  .divSideboxHeader 
 128  {
 129      text-align:center;
 130      background-image:url(../images/divSideboxHeader-background.png);
 131      height:18px;
 132      background-color:#ffffff;
 133      padding-top:1px;
 134      border-bottom: #9c9c9c 1px solid
 135      font-size:10px;
 136      font-weight:bold;
 137      color:#ffffff;
 138  }
 139  
 140  a.divSideboxEntry, .divSideboxEntry
 141  {
 142      text-align:left;
 143      height:16px;
 144      background-color:#fafcff;
 145  }
 146  
 147  a.appTitles,.appTitles
 148  {
 149      font-size: 10px; 
 150      height:16px;
 151      padding-top:0px;
 152      padding-bottom:0px;
 153  }
 154  
 155  a.textSidebox
 156  {
 157      
 158      font-size: 10px; 
 159      border-top: #aaaaaa 1px none;
 160  }
 161  
 162  .textSidebox
 163  {
 164      
 165      font-size: 10px; 
 166      height:16px;
 167      padding-top:1px;
 168      padding-bottom:1px;
 169      
 170  }
 171  
 172  .sideboxSpace
 173  {
 174      height:9px;
 175  }
 176  
 177  .greyLine
 178  {
 179      margin:1px;
 180      border-top-color:#7e7e7e;
 181      border-top-width:1px;
 182      border-top-style:solid;
 183      height:1px;
 184  }
 185  
 186  .prefSection
 187  {
 188      font-weight:bold;
 189      font-size:16px;
 190      line-height:40px;
 191  }
 192  
 193  #extraIcons
 194  {
 195  /*    position:absolute;
 196      z-index:13;
 197      right:10px;
 198      top:113px;
 199      visibility:hidden;*/
 200  /*    background-image:url(../images/alpha-white.png); */
 201      background-color:#eeeeee;
 202      border-width:1px;
 203      border-color:#7e7e7e;
 204      border-style:solid;
 205  }
 206  
 207  
 208  
 209  #divMain
 210  {
 211      background-color:white;
 212      margin-top: 5px;
 213      padding:5px;
 214      border-color:#7e7e7e;
 215      border-width:1px;
 216      border-style:solid;
 217  }
 218  
 219  #divLogo
 220  {
 221      position:absolute;
 222      left:15px;
 223      top:13px;
 224      z-index:51;
 225  }
 226  
 227  #divAppIconBar
 228  {
 229      background-color:white;
 230      padding=0px;
 231      border-top-color:#9c9c9c;
 232      border-top-width:1px;
 233      border-top-style:solid;
 234      background-image: url(../images/background-icon-bar.png); 
 235      background-repeat: repeat-x
 236  }
 237  
 238  #divAppTextBar
 239  {
 240      background-color:white;
 241  }
 242  
 243  #divStatusBar
 244  {
 245      background-color:white;
 246      height:15px;
 247      padding-left:10px;
 248      margin-top: 1px;
 249      /*    margin-bottom: 2px;*/
 250  }
 251  
 252  /*#divSubContainer
 253  {
 254  }
 255  */
 256  #tdSidebox
 257  {
 258      width:170px;
 259      background-color:white;
 260      overflow:visible;
 261  }
 262  
 263  
 264  #tdAppbox
 265  {
 266      background-color:white;
 267      padding-left:5px;
 268      padding-right:0px;
 269      padding-bottom:2px;
 270      width: 100%;
 271  }
 272  #divSideboxContainer
 273  {
 274      position:relative;
 275      width:150px;
 276      top:0px;
 277      left:0px;
 278      background-color:white;
 279      border-width:1px;
 280      border-style:solid;
 281      z-index:40;
 282  }
 283  
 284  #divAppboxHeader
 285  {
 286      /*width:100%;*/
 287      background-image:url(../images/appbox-header-background.png);
 288      background-repeat: repeat-x;
 289      height:20px;
 290      line-height:22px;
 291      text-align:center;
 292      /*    padding-top:7px;*/
 293      padding-bottom:0px;
 294      font-size:14px;
 295      font-weight:bold;
 296      color:#666666;
 297      border-top-color:#9c9c9c;
 298      border-top-width:1px;
 299      border-top-style:solid;
 300      border-left-color:#9c9c9c;
 301      border-left-width:1px;
 302      border-left-style:solid;
 303      border-right-color:#9c9c9c;
 304      border-right-width:1px;
 305      border-right-style:solid;
 306      border-bottom-color:#9c9c9c;
 307      border-bottom-width:1px;
 308      border-bottom-style:solid;
 309  }
 310  
 311  #divAppbox
 312  {
 313  /*    width:100%;*/
 314      background-color:#faf8f3;
 315      padding:5px;
 316      
 317  }
 318  
 319  #fmStatusBar
 320  {
 321      margin-left:4px;
 322      margin-bottom:3px;
 323      font-size: 10px; 
 324  /*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
 325      
 326  
 327  }
 328  
 329  
 330  .fmButton
 331  {
 332      background-image:url(../images/buttonbackground.png);
 333      width:28px;
 334      height:28px;
 335      background-repeat: no-repeat;
 336  }
 337  
 338  #fmLocation
 339  {
 340      position:relative;
 341      /*background-image:url(../images/buttonbackgroundscaled.png);
 342      background-repeat: repeat-x;*/
 343      /*margin-left:4px;*/
 344      margin-bottom:3px;
 345      height:27px;
 346  
 347  }
 348  
 349  #fmMenu
 350  {
 351      position:relative;
 352  }
 353  #fmFileWindow
 354  {
 355      background-color:#ffffff;
 356      margin-left:4px;
 357      padding:5px;
 358      position:relative;
 359      border-right: #9c9c9c 1px solid; 
 360      border-top: #9c9c9c 2px solid; 
 361      border-left: #9c9c9c 2px solid; 
 362      border-bottom: #9c9c9c 1px solid
 363  }
 364  
 365  #user_info
 366  {
 367  
 368  
 369  }
 370  
 371  #admin_info
 372  {
 373      position:relative;
 374      text-align:right;
 375  }
 376  
 377  #divGenTime
 378  {
 379      bottom:14px;
 380      font-size: 9px;
 381      color: #ff0000;
 382      text-align:center;
 383      width:99%;
 384  }
 385  
 386  #divPoweredBy 
 387  {
 388      bottom:14px;
 389      font-size: 9px;
 390      color: #000000;
 391      text-align:center;
 392      width:99%;
 393  }
 394  
 395  .calRowBottomShadow
 396  {
 397      background: url(../images/mid-foot.png); 
 398      background-repeat: repeat-x;
 399  }
 400  
 401  
 402  .titleBarBackGround
 403  {
 404      background-image: url(../images/appbox-header-background.png); 
 405      height:22px;
 406      background-repeat: repeat-x;
 407      text-align:center;
 408      border-top-color:#9c9c9c;
 409      border-top-width:1px;
 410      border-top-style:solid;
 411      border-left-color:#9c9c9c;
 412      border-left-width:1px;
 413      border-left-style:solid;
 414      border-right-color:#9c9c9c;
 415      border-right-width:1px;
 416      border-right-style:solid;
 417      border-bottom-color:#9c9c9c;
 418      border-bottom-width:1px;
 419      border-bottom-style:solid;
 420  }
 421  
 422  .calDayTitleBeige
 423  {
 424      background: url(../images/mid-title-beige.png); 
 425      background-repeat: repeat-x;
 426      height:28px;
 427      text-align:center;
 428      padding-bottom:0px;
 429      font-size:14px;
 430      font-weight:bold;
 431      color:#666666;
 432  }
 433  
 434  .calDayTitleBlue
 435  {
 436      background: url(../images/mid-title.png); 
 437      background-repeat: repeat-x;
 438      height:28px;
 439      text-align:center;
 440      padding-bottom:0px;
 441      font-size:14px;
 442      font-weight:bold;
 443      color:#ffffff;
 444  }
 445  
 446  .calDayTitleRed
 447  {
 448      background-image: url(../images/mid-title-red.png); 
 449      background-repeat: repeat-x;
 450      height:28px;
 451      text-align:center;
 452      padding-bottom:0px;
 453      font-size:14px;
 454      font-weight:bold;
 455      color:#ffffff;
 456  }
 457  
 458  .calLeftShadow
 459  {
 460      background: url(../images/lt-body.png); 
 461      padding-bottom:0px;
 462  }
 463  
 464  .calRightShadow
 465  {
 466      background: url(../images/rt-body.png); 
 467      padding-bottom:0px;
 468  }
 469  
 470  .calLtLtTitleBlue
 471  {
 472      background: url(../images/lt-lt-title.png); 
 473      padding-bottom:0px;
 474      height:28px;
 475  }
 476  
 477  .calLtMidTitleBlue
 478  {
 479      background: url(../images/lt-mid-title.png); 
 480      padding-bottom:0px;
 481      height:28px;
 482  }
 483  
 484  .calRtMidTitleBlue
 485  {
 486      background: url(../images/rt-mid-title.png); 
 487      padding-bottom:0px;
 488      height:28px;
 489  }
 490  
 491  .calRtMidTitleBeige
 492  {
 493      background: url(../images/rt-mid-title-beige.png); 
 494      padding-bottom:0px;
 495      height:28px;
 496  }
 497  
 498  .calRtRtTitleBeige
 499  {
 500      background: url(../images/rt-rt-title-beige.png); 
 501      padding-bottom:0px;
 502      height:28px;
 503  }
 504  
 505  .calRtRtTitleBlue
 506  {
 507      background: url(../images/rt-rt-title.png); 
 508      padding-bottom:0px;
 509      height:28px;
 510  }
 511  
 512  .calLtLtTitleBeige
 513  {
 514      background: url(../images/lt-lt-title-beige.png); 
 515      padding-bottom:0px;
 516      height:28px;
 517  }
 518  
 519  .calLtLtTitleRed
 520  {
 521      background: url(../images/lt-lt-title-red.png); 
 522      padding-bottom:0px;
 523      height:28px;
 524  }
 525  
 526  .calLtMidTitleBeige
 527  {
 528      background: url(../images/lt-mid-title-beige.png); 
 529      padding-bottom:0px;
 530      height:28px;
 531  }
 532  
 533  .calLtMidTitleRed
 534  {
 535      background: url(../images/lt-mid-title-red.png); 
 536      padding-bottom:0px;
 537      height:28px;
 538  }
 539  
 540  .calRtMidTitleRed
 541  {
 542      background: url(../images/rt-mid-title-red.png); 
 543      padding-bottom:0px;
 544      height:28px;
 545  }
 546  
 547  .calRtRtTitleRed
 548  {
 549      background: url(../images/rt-rt-title-red.png); 
 550      padding-bottom:0px;
 551      height:28px;
 552  }
 553  
 554  .calLtLtFoot
 555  {
 556      background: url(../images/lt-lt-foot.png); 
 557      padding-bottom:0px;
 558      height:17px;
 559  }
 560  
 561  .calLtMidFoot
 562  {
 563      background: url(../images/lt-mid-foot.png); 
 564      padding-bottom:0px;
 565      height:17px;
 566  }
 567  
 568  .calRtMidFoot
 569  {
 570      background: url(../images/rt-mid-foot.png); 
 571      padding-bottom:0px;
 572      height:17px;
 573  }
 574  
 575  .calRtRtFoot
 576  {
 577      background: url(../images/rt-rt-foot.png); 
 578      padding-bottom:0px;
 579      height:17px;
 580  }
 581  
 582  .calDayView
 583  {
 584      background-image: url(../images/appbox-header-background.png); 
 585      height:22px;
 586      background-repeat: repeat-x;
 587      text-align:center;
 588      padding-bottom:0px;
 589      font-size:14px;
 590      font-weight:bold;
 591      color:#666666;
 592      border-top-color:#9c9c9c;
 593      border-top-width:1px;
 594      border-top-style:solid;
 595      border-left-color:#9c9c9c;
 596      border-left-width:1px;
 597      border-left-style:solid;
 598      border-right-color:#9c9c9c;
 599      border-right-width:1px;
 600      border-right-style:solid;
 601      border-bottom-color:#9c9c9c;
 602      border-bottom-width:1px;
 603      border-bottom-style:solid;
 604  }
 605  
 606  .calDayViewSideBoxes
 607  {
 608      border-top-color:#9c9c9c;
 609      border-top-width:1px;
 610      border-top-style:solid;
 611      border-left-color:#9c9c9c;
 612      border-left-width:1px;
 613      border-left-style:solid;
 614      border-right-color:#9c9c9c;
 615      border-right-width:1px;
 616      border-right-style:solid;
 617      border-bottom-color:#9c9c9c;
 618      border-bottom-width:1px;
 619      border-bottom-style:solid;
 620      background-color:#faf8f3;
 621  }
 622  
 623  .calDayViewShadowBox
 624  {
 625      border-top-color:#9c9c9c;
 626      border-top-width:2px;
 627      border-top-style:solid;
 628      border-left-color:#9c9c9c;
 629      border-left-width:2px;
 630      border-left-style:solid;
 631      border-right-color:#9c9c9c;
 632      border-right-width:2px;
 633      border-right-style:solid;
 634      border-bottom-color:#9c9c9c;
 635      border-bottom-width:1px;
 636      border-bottom-style:solid;
 637      background-color:#ffffff;
 638      padding:2px;
 639  }
 640  
 641  .addBookAlphaLinks
 642  {
 643      border-top-color:#9c9c9c;
 644      border-top-width:1px;
 645      border-top-style:solid;
 646      border-left-color:#9c9c9c;
 647      border-left-width:1px;
 648      border-left-style:solid;
 649      border-right-color:#9c9c9c;
 650      border-right-width:1px;
 651      border-right-style:solid;
 652      border-bottom-color:#9c9c9c;
 653      border-bottom-width:1px;
 654      border-bottom-style:solid;
 655  }