[Sommaire] [Imprimer]

   1  /* ThemeOfficeMenu Style Sheet */
   2  
   3  .ThemeOfficeMenu,.ThemeOfficeSubMenuTable
   4  {
   5      font-family:    arial, verdana, sans-serif;
   6      font-size:    13px;
   7      padding:    0;
   8      white-space:    nowrap;
   9      cursor:        default;
  10      height: 25px;
  11  }
  12  
  13  .ThemeOfficeSubMenu
  14  {
  15      position:    absolute;
  16      visibility:    hidden;
  17  
  18      /*
  19         Netscape/Mozilla renders borders by increasing
  20         their z-index.  The following line is necessary
  21         to cover any borders underneath
  22      */
  23      z-index:    100;
  24      border:        0;
  25      padding:    0;
  26  
  27      overflow:    visible;
  28      border:        1px solid #8C867B;
  29  
  30      filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
  31  }
  32  
  33  .ThemeOfficeSubMenuTable
  34  {
  35      overflow:    visible;
  36  }
  37  
  38  .ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
  39  .ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
  40  {
  41      border:        0;
  42      cursor:        default;
  43      white-space:    nowrap;
  44  }
  45  
  46  .ThemeOfficeMainItem
  47  {
  48      /*background-color:    #EFEBDE;*/
  49  }
  50  
  51  .ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
  52  {
  53      background-color:    #f1e8e6;
  54  }
  55  
  56  .ThemeOfficeMenuItem
  57  {
  58      background-color:    #F1F3F5;
  59  }
  60  
  61  .ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
  62  {
  63      background-color:    #f1e8e6;
  64  }
  65  
  66  
  67  /* horizontal main menu */
  68  
  69  .ThemeOfficeMainItem
  70  {
  71      padding: 4px 1px 4px 1px;
  72      border: 0;
  73  }
  74  
  75  td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
  76  {
  77      padding:    0px;
  78      border-right:    1px solid #c24733;
  79      border-left:    1px solid #c24733;
  80  }
  81  
  82  .ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
  83  .ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
  84  .ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
  85  {
  86      background-color:    inherit;
  87  }
  88  
  89  /* vertical main menu sub components */
  90  
  91  td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
  92  {
  93      padding-top:    2px;
  94      padding-bottom:    2px;
  95      padding-left:    0px;
  96      padding-right:    2px;
  97  
  98      border-top:    1px solid #c24733;
  99      border-bottom:    1px solid #c24733;
 100      border-left:    1px solid #c24733;
 101  
 102      background-color:    inherit;
 103  }
 104  
 105  td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
 106  {
 107      padding-top:    2px;
 108      padding-bottom:    2px;
 109      padding-left:    5px;
 110      padding-right:    5px;
 111  
 112      border-top:    1px solid #c24733;
 113      border-bottom:    1px solid #c24733;
 114  
 115      background-color:    inherit;
 116      white-space:    nowrap;
 117  }
 118  
 119  td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
 120  {
 121      padding-top:    2px;
 122      padding-bottom:    2px;
 123      padding-left:    0px;
 124      padding-right:    0px;
 125  
 126      border-top:    1px solid #c24733;
 127      border-bottom:    1px solid #c24733;
 128      border-right:    1px solid #c24733;
 129  
 130      background-color:    inherit;
 131  }
 132  
 133  tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
 134  tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
 135  {
 136      padding-top:    3px;
 137      padding-bottom:    3px;
 138      padding-left:    1px;
 139      padding-right:    2px;
 140  
 141      white-space:    nowrap;
 142  
 143      border:        0;
 144      background-color:    inherit;
 145  }
 146  
 147  tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
 148  tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
 149  {
 150      padding-top:    3px;
 151      padding-bottom:    3px;
 152      padding-left:    5px;
 153      padding-right:    5px;
 154  
 155      border:        0;
 156      background-color:    inherit;
 157  }
 158  
 159  tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
 160  tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
 161  {
 162      padding-top:    3px;
 163      padding-bottom:    3px;
 164      padding-left:    0px;
 165      padding-right:    1px;
 166  
 167      border:        0;
 168      background-color:    inherit;
 169  }
 170  
 171  /* sub menu sub components */
 172  
 173  .ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
 174  {
 175      padding-top:    2px;
 176      padding-bottom:    2px;
 177      padding-left:    1px;
 178      padding-right:    3px;
 179  
 180      border-top:    1px solid #c24733;
 181      border-bottom:    1px solid #c24733;
 182      border-left:    1px solid #c24733;
 183  
 184      background-color:    inherit;
 185      white-space:    nowrap;
 186  }
 187  
 188  .ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
 189  {
 190      padding-top:    2px;
 191      padding-bottom:    2px;
 192      padding-left:    5px;
 193      padding-right:    5px;
 194  
 195      border-top:    1px solid #c24733;
 196      border-bottom:    1px solid #c24733;
 197  
 198      background-color:    inherit;
 199      white-space:    nowrap;
 200  }
 201  
 202  .ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
 203  {
 204      padding-top:    2px;
 205      padding-bottom:    2px;
 206      padding-left:    0px;
 207      padding-right:    0px;
 208  
 209      border-top:    1px solid #c24733;
 210      border-bottom:    1px solid #c24733;
 211      border-right:    1px solid #c24733;
 212  
 213      background-color:    inherit;
 214      white-space:    nowrap;
 215  }
 216  
 217  .ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
 218  .ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
 219  {
 220      padding-top:    3px;
 221      padding-bottom:    3px;
 222      padding-left:    2px;
 223      padding-right:    3px;
 224  
 225      white-space:    nowrap;
 226  
 227      border:     0px;
 228      background-color:    #DDE1E6;
 229  }
 230  
 231  .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
 232  .ThemeOfficeMenuItem .ThemeOfficeMenuItemText
 233  {
 234      padding-top:    3px;
 235      padding-bottom:    3px;
 236      padding-left:    5px;
 237      padding-right:    5px;
 238  
 239      border:        0px;
 240      background-color:    inherit;
 241  }
 242  
 243  .ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
 244  .ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
 245  {
 246      padding-top:    3px;
 247      padding-bottom:    3px;
 248      padding-left:    0px;
 249      padding-right:    1px;
 250  
 251      border:        0;
 252      background-color:    inherit;
 253  }
 254  
 255  /* menu splits */
 256  
 257  .ThemeOfficeMenuSplit
 258  {
 259      margin:        2px;
 260      height:        1px;
 261      overflow:    hidden;
 262      background-color:    inherit;
 263      border-top:    1px solid #C6C3BD;
 264  }
 265  
 266  /* image shadow animation */
 267  
 268  /*
 269      seq1:    image for normal
 270      seq2:    image for hover and active
 271  
 272      To use, in the icon field, input the following:
 273      <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
 274  */
 275  
 276  .ThemeOfficeMenuItem img.seq1
 277  {
 278      display:    inline;
 279  }
 280  
 281  .ThemeOfficeMenuItemHover seq2,
 282  .ThemeOfficeMenuItemActive seq2
 283  {
 284      display:    inline;
 285  }
 286  
 287  .ThemeOfficeMenuItem .seq2,
 288  .ThemeOfficeMenuItemHover .seq1,
 289  .ThemeOfficeMenuItemActive .seq1
 290  {
 291      display:    none;
 292  }
 293  
 294  
 295  /* inactive settings */
 296  div.inactive td.ThemeOfficeMainItemHover, div.inactive td.ThemeOfficeMainItemActive
 297  {
 298      border-top: 0px;
 299      border-right:    1px solid #f1f3f5;
 300      border-left:    1px solid #f1f3f5;
 301  }
 302  
 303  div.inactive .ThemeOfficeMainItem {
 304      color: #bbb;
 305  
 306  }
 307  
 308  div.inactive span.ThemeOfficeMainItemText {
 309      color: #aaa;
 310  }
 311  
 312  div.inactive .ThemeOfficeMainItemHover, div.inactive .ThemeOfficeMainItemActive
 313  {
 314      background-color:    #f1f3f5;
 315  }