[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:3px;
  25  }
  26  
  27  form
  28  {
  29      margin:0px;
  30      padding:0px;
  31  }
  32  
  33  img
  34  {
  35      border-width:0px;
  36      border-style:none;
  37      /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
  38  */
  39  }
  40  
  41  a:link,a:visited
  42  {
  43      cursor:pointer;
  44      color: #006699; 
  45      text-decoration: none;
  46  }
  47  
  48  /*
  49  a:visited 
  50  {
  51      color: #006699; 
  52      text-decoration: none;
  53  }
  54  */
  55  a:hover,a:active
  56  {
  57      cursor:pointer;
  58      color: #ff9933;
  59      text-decoration: underline;
  60  }
  61  /*
  62  a:active 
  63  {
  64      color: #006699; 
  65      text-decoration: underline;
  66  }
  67  */
  68  input,button
  69  {
  70      font-size: 12px; 
  71      color: #006699; 
  72      font-family: Arial, Helvetica, sans-serif;
  73      border: 1px #bbbbbb solid;
  74  }
  75  
  76  input[type=submit],input[type=button],input[type=reset],button
  77  {
  78      margin:1px;
  79      padding:1px;
  80      cursor: pointer; 
  81      cursor: hand;
  82  }
  83  
  84  input[type=image]
  85  {
  86      cursor: pointer; 
  87      cursor: hand;
  88      border: 0px #bbbbbb none;
  89  }
  90  select 
  91  {
  92      font-size: 11px; 
  93      color: #006699; 
  94      font-family: Arial, Helvetica, sans-serif;
  95      border: 1px #bbbbbb solid;
  96  }
  97  
  98  td
  99  {
 100  
 101  /* global tags should never be defined here [ndee]*/
 102      font-size: 11px;
 103  /* removed text-align:left; [ndee]*/
 104      /*    padding-top:1px;
 105      padding-bottom:1px;*/
 106  }
 107  
 108  .divLoginbox 
 109  {
 110      position:relative;
 111      width: 300px; 
 112      border-right: #9c9c9c 1px solid; 
 113      border-top: #9c9c9c 1px solid; 
 114      border-left: #9c9c9c 1px solid; 
 115      border-bottom: #9c9c9c 1px solid
 116  }
 117  
 118  .divLoginboxHeader 
 119  {
 120      text-align:center;
 121      background-color:#dddddd;
 122      padding-top:2px;
 123      font-size:10px;
 124      color:#666666;
 125  }
 126  .divSidebox 
 127  {
 128      position:relative;
 129      width: 147px; 
 130      border-right: #9c9c9c 1px solid; 
 131      border-top: #9c9c9c 1px solid; 
 132      border-left: #9c9c9c 1px solid; 
 133      border-bottom: #9c9c9c 1px solid
 134  }
 135  
 136  .divSideboxHeader 
 137  {
 138      text-align:center;
 139      background-color:#dddddd;
 140      padding-top:2px;
 141      font-size:10px;
 142      color:#666666;
 143  }
 144  
 145  a.divSideboxEntry, .divSideboxEntry
 146  {
 147      text-align:left;
 148      height:16px;
 149      background-color:#eeeeee;
 150  }
 151  
 152  a.appTitles,.appTitles
 153  {
 154      font-size: 10px; 
 155      height:18px;
 156      padding-top:2px;
 157      padding-bottom:2px;
 158  }
 159  
 160  a.textSidebox
 161  {
 162      font-size: 10px; 
 163      border-top: #aaaaaa 0px none;
 164  }
 165  
 166  .textSidebox
 167  {
 168      font-size: 10px; 
 169      height:18px;
 170      padding-top:2px;
 171      padding-bottom:2px;
 172      border-top: #aaaaaa 1px solid;
 173  
 174  }
 175  
 176  .sideboxSpace
 177  {
 178      height:9px;
 179  }
 180  
 181  .greyLine
 182  {
 183      margin:1px;
 184      border-top-color:#7e7e7e;
 185      border-top-width:1px;
 186      border-top-style:solid;
 187      height:1px;
 188  }
 189  
 190  .prefSection
 191  {
 192      font-weight:bold;
 193      font-size:16px;
 194      line-height:40px;
 195  }
 196  
 197  #extraIcons
 198  {
 199  /*    position:absolute;
 200      z-index:13;
 201      right:10px;
 202      top:113px;
 203      visibility:hidden;*/
 204  /*    background-image:url(../images/alpha-white.png);*/
 205      background-color:#eeeeee;
 206      border-width:1px;
 207      border-color:#7e7e7e;
 208      border-style:solid;
 209  }
 210  
 211  .extraIconsRow
 212  {
 213      border-top-color:#dddddd;
 214      border-top-width:1px;
 215      border-top-style:solid;
 216      padding:2px;
 217  }
 218  
 219  #divMain
 220  {
 221      background-color:white;
 222      margin-top: 5px;
 223      padding:9px;
 224      border-color:#7e7e7e;
 225      border-width:1px;
 226      border-style:solid;
 227  }
 228  
 229  #divLogo
 230  {
 231      position:absolute;
 232      left:25px;
 233      top:30px;
 234      z-index:51;
 235  }
 236  
 237  #divAppIconBar
 238  {
 239      background-color:white;
 240      border-top-color:#9c9c9c;
 241      border-top-width:1px;
 242      border-top-style:solid;
 243      background-image: url(../images/background-icon-bar.png); 
 244      background-repeat: repeat-x
 245  }
 246  
 247  #divAppTextBar
 248  {
 249      background-color:white;
 250  }
 251  
 252  #divStatusBar
 253  {
 254      background-color:white;
 255      height:15px;
 256      padding-left:10px;
 257      margin-top: 13px;
 258      /*    margin-bottom: 2px;*/
 259  }
 260  
 261  /*#divSubContainer
 262  {
 263  }
 264  */
 265  #tdSidebox
 266  {
 267      width:170px;
 268      background-color:white;
 269      overflow:visible;
 270  }
 271  
 272  
 273  #tdAppbox
 274  {
 275      background-color:white;
 276      padding-left:5px;
 277      width: 100%;
 278  }
 279  #divSideboxContainer
 280  {
 281      position:relative;
 282      width:150px;
 283      top:0px;
 284      left:0px;
 285      background-color:white;
 286      border-width:1px;
 287      border-style:solid;
 288      z-index:40;
 289  }
 290  
 291  #divAppboxHeader
 292  {
 293      /* width:100%; */
 294      background-image:url(../images/appbox-header-background.png);
 295      background-repeat: repeat-x;
 296      height:36px;
 297      line-height:28px;
 298      text-align:center;
 299      /*    padding-top:7px;*/
 300      padding-bottom:0px;
 301      font-size:14px;
 302      font-weight:bold;
 303      color:#666666;
 304      border-top-color:#9c9c9c;
 305      border-top-width:1px;
 306      border-top-style:solid;
 307      border-left-color:#9c9c9c;
 308      border-left-width:1px;
 309      border-left-style:solid;
 310      border-right-color:#9c9c9c;
 311      border-right-width:1px;
 312      border-right-style:solid;
 313  }
 314  
 315  #divAppbox
 316  {
 317      /*    width:100%;*/
 318      background-color:#f7f7f7;
 319      padding:5px;
 320      border-bottom-color:#9c9c9c;
 321      border-bottom-width:1px;
 322      border-bottom-style:solid;
 323      border-left-color:#9c9c9c;
 324      border-left-width:1px;
 325      border-left-style:solid;
 326      border-right-color:#9c9c9c;
 327      border-right-width:1px;
 328      border-right-style:solid;
 329  }
 330  
 331  #fmStatusBar
 332  {
 333      margin-left:4px;
 334      margin-bottom:3px;
 335      font-size: 10px; 
 336  /*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
 337      
 338  
 339  }
 340  
 341  
 342  .fmButton
 343  {
 344      background-image:url(../images/buttonbackground.png);
 345      width:28px;
 346      height:28px;
 347      background-repeat: no-repeat;
 348  }
 349  
 350  #fmLocation
 351  {
 352      position:relative;
 353      /*background-image:url(../images/buttonbackgroundscaled.png);
 354      background-repeat: repeat-x;*/
 355      /*margin-left:4px;*/
 356      margin-bottom:3px;
 357      height:27px;
 358  
 359  }
 360  
 361  #fmMenu
 362  {
 363      position:relative;
 364  }
 365  #fmFileWindow
 366  {
 367      background-color:#ffffff;
 368      margin-left:4px;
 369      padding:5px;
 370      position:relative;
 371      border-right: #cccccc 1px solid; 
 372      border-top: #9c9c9c 2px solid; 
 373      border-left: #9c9c9c 2px solid; 
 374      border-bottom: #cccccc 1px solid
 375  }
 376  
 377  #user_info
 378  {
 379  
 380  
 381  }
 382  
 383  #admin_info
 384  {
 385      position:relative;
 386      text-align:right;
 387  }
 388  
 389  #divGenTime
 390  {
 391      bottom:14px;
 392      font-size: 9px;
 393      color: #ff0000;
 394      text-align:center;
 395      width:99%;
 396  }
 397  
 398  #divPoweredBy 
 399  {
 400      bottom:14px;
 401      font-size: 9px;
 402      color: #000000;
 403      text-align:center;
 404      width:99%;
 405  }
 406