|
|
| Line 112: |
Line 112: |
| | width: 13em; /* Drop-down menu width. | | width: 13em; /* Drop-down menu width. |
| | Use MenuTailor.css to customize. */ | | Use MenuTailor.css to customize. */ |
| - | padding: 1px; /* Sets the drop-down menu "effective border" width. */ | + | padding: 0px; /* Sets the drop-down menu "effective border" width. */ |
| | position: absolute; | | position: absolute; |
| | top: 25px; /* Places the drop-down menu under the menu bar. | | top: 25px; /* Places the drop-down menu under the menu bar. |
| Line 230: |
Line 230: |
| | background-color: Highlight; /* Side menu selected item. */ | | background-color: Highlight; /* Side menu selected item. */ |
| | color: HighlightText; | | color: HighlightText; |
| - | }
| |
| - | /*-----------------------------------------------------------------------------------------------*/
| |
| - |
| |
| - | /*
| |
| - |
| |
| - | Script-Free 3-Level Menu 1.3.3 Tailor
| |
| - | www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
| |
| - |
| |
| - | ...............................................................................................
| |
| - |
| |
| - | Sections
| |
| - |
| |
| - | * General
| |
| - | * Colors
| |
| - | * Widths
| |
| - |
| |
| - | */
| |
| - | /*-------------------------------------------------------------------------------------- General */
| |
| - | div.MenuBar#ExampleMb {
| |
| - | font: 13px arial, helvetica, clean, sans-serif;
| |
| - | width: 510px; /* Total width 512px. */
| |
| - | border-width: 1px;
| |
| - | border-style: solid;
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul {
| |
| - | font: 13px arial, helvetica, clean, sans-serif; /* For IE55. */
| |
| - | }
| |
| - | /*--------------------------------------------------------------------------------------- Colors */
| |
| - | div.MenuBar#ExampleMb {
| |
| - | background-color: Menu;
| |
| - | border-color: ButtonShadow;
| |
| - | }
| |
| - | div.MenuBar#ExampleMb a,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| |
| - | background-color: Menu; /* Unselected items. */
| |
| - | color: MenuText;
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul li:hover a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| |
| - | background-color: Highlight; /* Selected item. */
| |
| - | color: HighlightText;
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| |
| - | background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
| |
| - | }
| |
| - | /*--------------------------------------------------------------------------------------- Widths */
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1 li a {
| |
| - | width: 12em; /* Drop-down menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2 li a {
| |
| - | width: 12em; /* Drop-down menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3 li a {
| |
| - | width: 9em; /* Drop-down menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 {
| |
| - | left: 12em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 li a {
| |
| - | width: 9em; /* Side menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 {
| |
| - | left: 12em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 li a {
| |
| - | width: 9em; /* Side menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 {
| |
| - | left: 12em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 li a {
| |
| - | width: 9em; /* Side menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 {
| |
| - | left: 12em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23,
| |
| - | div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23 li a,
| |
| - | div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 li a {
| |
| - | width: 9em; /* Side menu width. */
| |
| | } | | } |
| | /*-----------------------------------------------------------------------------------------------*/ | | /*-----------------------------------------------------------------------------------------------*/ |
"
