home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / CMCD0404.ISO / Software / Freeware / Programare / groupoffice-com-2.01 / themes / nuvola / menu.css < prev    next >
Cascading Style Sheet File  |  2004-03-08  |  5KB  |  273 lines
  1. /* ThemeMenu Style Sheet */
  2.  
  3. .ThemeMenu
  4. {
  5.     font-family:    arial, verdana, sans-serif;
  6.     font-size:    12px;
  7.     font-weight: bold;
  8.     color: #CCCCCC;
  9.  
  10.     padding:    0;
  11.  
  12.     white-space:    nowrap;
  13.     cursor:        default;
  14. }
  15.  
  16. .ThemeSubMenuTable
  17. {
  18.     font-family:    arial, verdana, sans-serif;
  19.     font-size:    12px;
  20.  
  21.     padding:    0;
  22.  
  23.     white-space:    nowrap;
  24.     cursor:        default;
  25. }
  26.  
  27. .ThemeSubMenu
  28. {
  29.     position:    absolute;
  30.     visibility:    hidden;
  31.  
  32.     /*
  33.        Netscape/Mozilla renders borders by increasing
  34.        their z-index.  The following line is necessary
  35.        to cover any borders underneath
  36.     */
  37.     z-index:    100;
  38.     border:        0;
  39.     padding:    0;
  40.  
  41.     overflow:    visible;
  42.     border-top:    2px solid #000000;
  43.     border-bottom:    1px solid #000000;
  44.     border-left:    1px solid #000000;
  45.     border-right:    1px solid #000000;
  46.  
  47.     /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);*/
  48. }
  49.  
  50. .ThemeSubMenuTable
  51. {
  52.     overflow:    visible;
  53. }
  54.  
  55. .ThemeMainItem,.ThemeMainItemHover,.ThemeMainItemActive,
  56. .ThemeMenuItem,.ThemeMenuItemHover,.ThemeMenuItemActive
  57. {
  58.     border:        0;
  59.     cursor:        default;
  60.     white-space:    nowrap;
  61. }
  62.  
  63. .ThemeMainItem
  64. {
  65.     padding:    3px;
  66.     border:        0;
  67.     background-color:    #666666;
  68. }
  69.  
  70. .ThemeMainItemHover,.ThemeMainItemActive
  71. {
  72.     padding:    3px;
  73.     color: white;
  74. }
  75.  
  76. .ThemeMenuItem
  77. {
  78.     background-color:    #cccccc;
  79. }
  80.  
  81. .ThemeMenuItemHover,.ThemeMenuItemActive
  82. {
  83.     background-color:    #A5B2CE;
  84.     color: #FFFFCC;
  85. }
  86.  
  87.  
  88. /* horizontal main menu */
  89.  
  90.  
  91. /*
  92. td.ThemeMainItemHover,td.ThemeMainItemActive
  93. {
  94.     padding:    2px;
  95.     border:        1px solid #A5B2CE;
  96. }
  97. */
  98. .ThemeMainFolderLeft,.ThemeMainItemLeft,
  99. .ThemeMainFolderText,.ThemeMainItemText,
  100. .ThemeMainFolderRight,.ThemeMainItemRight
  101. {
  102.     background-color:    inherit;
  103. }
  104.  
  105. /* vertical main menu sub components */
  106.  
  107. td.ThemeMainFolderLeft,td.ThemeMainItemLeft
  108. {
  109.     padding-top:    2px;
  110.     padding-bottom:    2px;
  111.     padding-left:    0px;
  112.     padding-right:    2px;
  113.  
  114.     border-top:    1px solid #3169C6;
  115.     border-bottom:    1px solid #3169C6;
  116.     border-left:    1px solid #3169C6;
  117.  
  118.     background-color:    inherit;
  119. }
  120.  
  121. td.ThemeMainFolderText,td.ThemeMainItemText
  122. {
  123.     padding-top:    2px;
  124.     padding-bottom:    2px;
  125.     padding-left:    5px;
  126.     padding-right:    5px;
  127.  
  128.     border-top:    1px solid #3169C6;
  129.     border-bottom:    1px solid #3169C6;
  130.  
  131.     background-color:    inherit;
  132.     white-space:    nowrap;
  133. }
  134.  
  135. td.ThemeMainFolderRight,td.ThemeMainItemRight
  136. {
  137.     padding-top:    2px;
  138.     padding-bottom:    2px;
  139.     padding-left:    0px;
  140.     padding-right:    0px;
  141.  
  142.     border-top:    1px solid #3169C6;
  143.     border-bottom:    1px solid #3169C6;
  144.     border-right:    1px solid #3169C6;
  145.  
  146.     background-color:    inherit;
  147. }
  148.  
  149. tr.ThemeMainItem td.ThemeMainFolderLeft,
  150. tr.ThemeMainItem td.ThemeMainItemLeft
  151. {
  152.     padding-top:    3px;
  153.     padding-bottom:    3px;
  154.     padding-left:    1px;
  155.     padding-right:    2px;
  156.  
  157.     white-space:    nowrap;
  158.  
  159.     border:        0;
  160.     background-color:    inherit;
  161. }
  162.  
  163. tr.ThemeMainItem td.ThemeMainFolderText,
  164. tr.ThemeMainItem td.ThemeMainItemText
  165. {
  166.     padding-top:    3px;
  167.     padding-bottom:    3px;
  168.     padding-left:    5px;
  169.     padding-right:    5px;
  170.  
  171.     border:        0;
  172.     background-color:    inherit;
  173. }
  174.  
  175. tr.ThemeMainItem td.ThemeMainItemRight,
  176. tr.ThemeMainItem td.ThemeMainFolderRight
  177. {
  178.     padding-top:    3px;
  179.     padding-bottom:    3px;
  180.     padding-left:    0px;
  181.     padding-right:    1px;
  182.  
  183.     border:        0;
  184.     background-color:    inherit;
  185. }
  186.  
  187. /* sub menu sub components */
  188.  
  189. .ThemeMenuFolderLeft,.ThemeMenuItemLeft
  190. {
  191.  
  192.     background-color:    inherit;
  193.     white-space:    nowrap;
  194. }
  195.  
  196. .ThemeMenuFolderText,.ThemeMenuItemText
  197. {
  198.     padding-top:    2px;
  199.     padding-bottom:    2px;
  200.     padding-left:    3px;
  201.     padding-right:    40px;
  202.     background-color:    inherit;
  203.     white-space:    nowrap;
  204. }
  205.  
  206. .ThemeMenuFolderRight,.ThemeMenuItemRight
  207. {
  208.     background-color:    inherit;
  209.     white-space:    nowrap;
  210. }
  211.  
  212. .ThemeMenuItem .ThemeMenuFolderLeft,
  213. .ThemeMenuItem .ThemeMenuItemLeft
  214. {
  215.     white-space:    nowrap;
  216.  
  217.     border:        0;
  218.     background-color:    #CCCCCC;
  219. }
  220.  
  221. .ThemeMenuItem .ThemeMenuFolderText,
  222. .ThemeMenuItem .ThemeMenuItemText
  223. {
  224.     border:        0;
  225.     background-color:    inherit;
  226. }
  227.  
  228. .ThemeMenuItem .ThemeMenuFolderRight,
  229. .ThemeMenuItem .ThemeMenuItemRight
  230. {
  231.     border:        0;
  232.     background-color:    inherit;
  233. }
  234.  
  235. /* menu splits */
  236.  
  237. .ThemeMenuSplit
  238. {
  239.     margin:        0px;
  240.     height:        1px;
  241.     padding: 0px;
  242.  
  243.     background-color:    #000000;
  244.  
  245. }
  246.  
  247. /* image shadow animation */
  248.  
  249. /*
  250.     seq1:    image for normal
  251.     seq2:    image for hover and active
  252.  
  253.     To use, in the icon field, input the following:
  254.     <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
  255. */
  256.  
  257. .ThemeMenuItem img.seq1
  258. {
  259.     display:    inline;
  260. }
  261.  
  262. .ThemeMenuItemHover seq2,
  263. .ThemeMenuItemActive seq2
  264. {
  265.     display:    inline;
  266. }
  267.  
  268. .ThemeMenuItem .seq2,
  269. .ThemeMenuItemHover .seq1,
  270. .ThemeMenuItemActive .seq1
  271. {
  272.     display:    none;
  273. }