.ThemeOfficeMenu,.ThemeOfficeSubMenuTable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; padding: 0; white-space: nowrap; cursor: default; height: 20px; color: #000000;; } .ThemeOfficeSubMenu { position: absolute; visibility: hidden; /* Netscape/Mozilla renders borders by increasing their z-index. The following line is necessary to cover any borders underneath */ z-index: 100; border: 0; padding: 0; overflow: visible; border: 1px solid #0E44AE; filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4); } .ThemeOfficeSubMenuTable { overflow: visible; } .ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive, .ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive { border: 0; cursor: default; white-space: nowrap; } .ThemeOfficeMainItem { /*background-color: #EFEBDE;*/ } .ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive { background-color: #E05804; } .ThemeOfficeMenuItem { background-color: #FFFFFF; } .ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive { background-color: #FFFFFF;; } /* horizontal main menu */ .ThemeOfficeMainItem { padding: 1px 1px 1px 1px; border: 0; } td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive { padding: 0px; border-right: 1px solid #0E44AE; border-left: 1px solid #0E44AE; } .ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft, .ThemeOfficeMainFolderText,.ThemeOfficeMainItemText, .ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight { background-color: inherit; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } /* vertical main menu sub components */ span.ThemeOfficeMainFolderLeft,span.ThemeOfficeMainItemLeft { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 2px; border-top: 0px solid #0E44AE; border-bottom: 0px solid #0E44AE; border-left: 0px solid #0E44AE; background-color: inherit; } span.ThemeOfficeMainFolderText,span.ThemeOfficeMainItemText { padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border-top: 0px solid #0E44AE; border-bottom: 0px solid #0E44AE; background-color: inherit; white-space: nowrap; color: white; } span.ThemeOfficeMainFolderRight,span.ThemeOfficeMainItemRight { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; border-top: 0px solid #0E44AE; border-bottom: 0px solid #0E44AE; border-right: 0px solid #0E44AE; background-color: inherit; } tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 2px; white-space: nowrap; border: 0; background-color: inherit; } tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 0px; border: 0; background-color: inherit; } tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight, tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight { padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 1px; border: 0; background-color: inherit; } /* sub menu sub components */ .ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft { padding-top: 2px; padding-bottom: 2px; padding-left: 1px; padding-right: 3px; border-top: 1px solid #0E44AE; border-bottom: 1px solid #0E44AE; border-left: 1px solid #0E44AE; background-color: inherit; white-space: nowrap; } .ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText { padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border-top: solid 1px #000000;; border-bottom: solid 1px #000000;; background-color: inherit; white-space: nowrap; background-color: inherit; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;; } .ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; border-top: 1px solid #0E44AE; border-bottom: 1px solid #0E44AE; border-right: 1px solid #0E44AE; background-color: inherit; white-space: nowrap; } .ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft, .ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 3px; white-space: nowrap; border: 0px; } .ThemeOfficeMenuItem .ThemeOfficeMenuFolderText, .ThemeOfficeMenuItem .ThemeOfficeMenuItemText { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; border: 0px; background-color: inherit; } .ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight, .ThemeOfficeMenuItem .ThemeOfficeMenuItemRight { padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 1px; border: 0; background-color: inherit; } /* menu splits */ .ThemeOfficeMenuSplit { margin: 2px; height: 1px; overflow: hidden; background-color: inherit; border-top: 1px solid #C6C3BD; } /* image shadow animation */ /* seq1: image for normal seq2: image for hover and active To use, in the icon field, input the following: */ .ThemeOfficeMenuItem img.seq1 { display: inline; } .ThemeOfficeMenuItemHover seq2, .ThemeOfficeMenuItemActive seq2 { display: inline; } .ThemeOfficeMenuItem .seq2, .ThemeOfficeMenuItemHover .seq1, .ThemeOfficeMenuItemActive .seq1 { display: none; } /* inactive settings */ div.inactive td.ThemeOfficeMainItemHover, div.inactive td.ThemeOfficeMainItemActive { border-top: 0px; border-right: 1px solid #0E44AE; border-left: 1px solid #0E44AE; } div.inactive .ThemeOfficeMainItem { color: #bbb; } div.inactive span.ThemeOfficeMainItemText { color: #aaa; } div.inactive .ThemeOfficeMainItemHover, div.inactive .ThemeOfficeMainItemActive { background-color: #f1f3f5; }