/* -------------------------------------------------------------------- Copyright (c) Demosphere International Inc. No permission is granted for any purpose without prior written consent from Demosphere International Inc. -----------------------------------------------------------------------*/ /*-------------------- Menu Normalization & Menu Defaults ------------------------------*/ .dii-content.dii-content-nav-menu { padding: 0; } .dii-content-nav-menu, .dii-content-nav-menu ul, .dii-content-nav-menu ul li, .dii-content-nav-menu ul li a.dii-sub-menu-link { position: relative; display: block; margin: 0; border: 0; padding: 0; list-style: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .dii-content-nav-menu ul.show li a.dii-sub-menu-link, .dii-content-nav-menu ul li a.dii-sub-menu-link:hover { text-decoration: none; } .dii-content-nav-menu ul li { position: relative; cursor: pointer; } .dii-content-nav-menu ul ul { max-width: 180%; width: 100%; min-width: 200px; } .dii-content-nav-menu .link-ext::after { content: '\f08e'; position: absolute; right: 5%; top: 30%; font-family: 'FontAwesome'; font-size: 10px; font-weight: normal; } .dii-content-nav-menu.ww-item-nav-horizontal > ul > li, .dii-content-nav-menu.horizontal > ul > li { display: inline-block; } #design-container-main-nav .dii-content-nav-menu.vertical ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.vertical ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::after, #design-container-main-nav .dii-content-nav-menu ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::after{content: ''} #design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > a.dii-sub-menu-icon { position: absolute; right: 0; top: 0; bottom: 0; font-weight: normal; width: 30px;} #design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::before { content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 8px;} #design-container-main-nav .dii-content-nav-menu.vertical li.dii-menu-item-sub-menu > a.dii-sub-menu-icon { content: '\f0da'; position: absolute; right: 10px; top: 0; font-family: 'FontAwesome'; font-size: 10px; font-weight: normal; width: 15px; height:100%; padding: 10px 4px; } #design-container-main-nav .dii-content-nav-menu.vertical li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::before { content: '\f0da'; font-family: 'FontAwesome'; top: 30%; position: absolute; right: 2px;} #design-container-main-nav .dii-content-nav-menu.horizontal > ul > li > a.dii-sub-menu-icon, #design-container-main-nav .dii-content-nav-menu.vertical > ul > li > a.dii-sub-menu-icon, #design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-icon, .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon { display: none;} .dii-content-nav-menu ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::before {display: none} /*-- Auto hide "Add Content" button for banner menus --*/ #design-container-main-nav .dii-content-add-nav { display: none; } /*-- Menu Nav button for Mobile views --*/ #design-container-main-nav #ww-btn-main-nav { display: none; z-index: 9; position: relative; width: 100%; margin: 0; border-width: 0 0 3px; padding: 10px 30px; line-height: 14px; font-size: 14px; cursor: pointer; } #design-container-main-nav #ww-btn-main-nav .caret { position: absolute; right: 15px; } /*-------------------- NON-Theme Defaults ------------------------------*/ .dii-content-nav-menu.theme-none ul li { position: relative; cursor: pointer; } .dii-content-nav-menu.theme-none ul.show > li, .dii-content-nav-menu.theme-none ul li:hover { background-color: rgba(0, 0, 0, 0.04); } .dii-content-nav-menu.theme-none > ul > li > a.dii-sub-menu-link { padding: 5px 20px 8px; font-size: 18px; } .dii-content-nav-menu.theme-none ul ul { z-index: 99999; position: absolute; left: -9999px; background-color: #fff; } .dii-content-nav-menu.theme-none ul ul a.dii-sub-menu-link { padding: 10px; } .dii-content-nav-menu.theme-none li:hover > ul ul, .dii-content-nav-menu.theme-none ul.show ul { left: -9999px; } .dii-content-nav-menu.theme-none.horizontal ul.show > li > ul, .dii-content-nav-menu.theme-none.horizontal li:hover > ul { top: 100%; left: 0; } .dii-content-nav-menu.theme-none.horizontal ul ul li:hover > ul, .dii-content-nav-menu.theme-none.horizontal li ul.show { top: 0; left: 100%; } .dii-content-nav-menu.theme-none.vertical li:hover > ul, .dii-content-nav-menu.theme-none.vertical li ul.show { top: 0; left: 100%; } /*-------------------- Themed Defaults ------------------------------*/ .dii-content-nav-menu:not(.theme-none) > ul { z-index: 100; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /*-- list --*/ .dii-content-nav-menu:not(.theme-none) > ul > li > a { padding: 7px 25px; line-height: 1; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; font-weight: 700; } /*-- link --*/ .dii-content-nav-menu:not(.theme-none) > ul > li:first-child > a.dii-sub-menu-link { border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; } /*-- first link --*/ .dii-content-nav-menu:not(.theme-none):not(.dii-is-mobile) > ul > li.dii-menu-item-sub-menu:hover > ul, .dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu > ul.show { top: 25px; left: -8px; opacity: 1; } /*-- initial menu object display --*/ .dii-content-nav-menu:not(.theme-none):not(.dii-is-mobile) ul ul > li.dii-menu-item-sub-menu:hover > ul, .dii-content-nav-menu:not(.theme-none) ul ul > li.dii-menu-item-sub-menu > ul.show { top: 8px; left: 172px; opacity: 1; } /*-- subsequent menu object display --*/ .dii-content-nav-menu:not(.theme-none) ul ul { z-index: 101; position: absolute; opacity: 0; top: 18px; left: -9999px; transition: top 0.2s ease, opacity 0.2s ease-in; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); font-size: 13px; } /*-- menu object --*/ .dii-content-nav-menu:not(.theme-none) ul ul li a.dii-sub-menu-link { padding: 11px 25px; text-decoration: none; font-weight: 400; } /*-- menu link --*/ .dii-content-nav-menu:not(.theme-none) ul ul li:first-child > a.dii-sub-menu-link { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } .dii-content-nav-menu:not(.theme-none) ul ul li:last-child > a.dii-sub-menu-link { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li { display: inline-block; } /*-- list item --*/ .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li:first-child > a.dii-sub-menu-link, .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li:first-child:hover > a.dii-sub-menu-link { border-left: 0; } /*-- first link --*/ .dii-content-nav-menu.vertical:not(.theme-none) > ul > li:first-child > a.dii-sub-menu-link, .dii-content-nav-menu.vertical:not(.theme-none) > ul.show > li:first-child > a.dii-sub-menu-link, .dii-content-nav-menu.vertical:not(.theme-none) > ul > li:first-child:hover > a.dii-sub-menu-link { border-top: 0; } /*-- first link --*/ .dii-content-nav-menu.vertical:not(.theme-none) > ul > li > ul.show, .dii-content-nav-menu.vertical:not(.theme-none) > ul > li:hover > ul { left: 168px; } /*-- initial menu object display --*/ /*-------------------- "Light Theme" ------------------------------*/ .dii-content-nav-menu.theme-light:not(.theme-none) > ul { /*-- top list shell --*/ border: 1px solid #d9d9d9; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } .dii-content-nav-menu.theme-light:not(.theme-none) > ul > li > a.dii-sub-menu-link { /*-- top link --*/ background: rgb(246,248,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */ color: #5687ac; } .dii-content-nav-menu.theme-light:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-light:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link, /*-- top link on hover --*/ .dii-content-nav-menu.theme-light:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link { /*-- menu link on hover --*/ background: rgb(224,243,250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,243,250,1)), color-stop(50%,rgba(216,240,252,1)), color-stop(51%,rgba(184,226,246,1)), color-stop(100%,rgba(182,223,253,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */ color: #2e6e9e; } .dii-content-nav-menu.theme-light:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-light:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/ .dii-content-nav-menu.theme-light:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-light:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { /*-- menu directory link on hover --*/ background: rgb(181,189,200); /* Old browsers */ background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(100%,rgba(130,140,149,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#828c95',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-light:not(.theme-none) ul ul { border: 1px solid #fff; background-color: #fff; } /*-- menu object --*/ .dii-content-nav-menu.theme-light:not(.theme-none) ul ul li a.dii-sub-menu-link { color: #777; } /*-- menu link --*/ .dii-content-nav-menu.theme-light.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-left: 1px solid rgba(256, 256, 256, 0.85); border-right: 1px solid rgba(0, 0, 0, 0.15); } /*-- horizontal link borders --*/ .dii-content-nav-menu.theme-light.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-light.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { border-left: 1px solid rgba(256, 256, 256, 0.65); } /*-- horizontal link borders on hover --*/ .dii-content-nav-menu.theme-light.vertical.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-top: 1px solid #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } /*-- vertical link borders --*/ .dii-content-nav-menu.theme-light.vertical.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-light.vertical.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { } /*-- vertical link borders on hover --*/ /*-------------------- "Dark Theme" ------------------------------*/ .dii-content-nav-menu.theme-dark:not(.theme-none) > ul { /*-- top list shell --*/ border: 1px solid #000; background: rgb(93,93,93); /* Old browsers */ background: -moz-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(44,44,44,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,93,93,1)), color-stop(100%,rgba(44,44,44,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(93,93,93,1) 0%,rgba(44,44,44,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(93,93,93,1) 0%,rgba(44,44,44,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(93,93,93,1) 0%,rgba(44,44,44,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(93,93,93,1) 0%,rgba(44,44,44,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ } .dii-content-nav-menu.theme-dark:not(.theme-none) > ul > li > a.dii-sub-menu-link { /*-- top link --*/ background: rgb(111,111,111); /* Old browsers */ background: -moz-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(75,75,75,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,111,111,1)), color-stop(100%,rgba(75,75,75,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(111,111,111,1) 0%,rgba(75,75,75,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(111,111,111,1) 0%,rgba(75,75,75,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(111,111,111,1) 0%,rgba(75,75,75,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(111,111,111,1) 0%,rgba(75,75,75,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-dark:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-dark:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link, /*-- top link on hover --*/ .dii-content-nav-menu.theme-dark:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link { /*-- menu link on hover --*/ background: rgb(79,134,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(79,134,163,1) 0%, rgba(30,89,123,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,134,163,1)), color-stop(100%,rgba(30,89,123,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(79,134,163,1) 0%,rgba(30,89,123,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(79,134,163,1) 0%,rgba(30,89,123,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(79,134,163,1) 0%,rgba(30,89,123,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(79,134,163,1) 0%,rgba(30,89,123,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f86a3', endColorstr='#1e597b',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-dark:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-dark:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/ .xxxdii-content-nav-menu.theme-dark:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-dark:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { /*-- menu directory link on hover --*/ background: rgb(140,140,140); /* Old browsers */ background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(111,111,111,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(111,111,111,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(111,111,111,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(111,111,111,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(111,111,111,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(111,111,111,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#6f6f6f',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-dark:not(.theme-none) ul ul { border: 1px solid #fff; background-color: #e6e6e6; } /*-- menu object --*/ .dii-content-nav-menu.theme-dark:not(.theme-none) ul ul li a.dii-sub-menu-link { color: #1e597b; } /*-- menu link --*/ .dii-content-nav-menu.theme-dark.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-left: 1px solid #333; border-right: 1px solid #8a8a8a; } /*-- horizontal link borders --*/ .dii-content-nav-menu.theme-dark.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-dark.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { border-left: 1px solid #1b3746; } /*-- horizontal link borders on hover --*/ .dii-content-nav-menu.theme-dark.vertical.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-top: 1px solid #8a8a8a; } /*-- vertical link borders --*/ /*-------------------- "Blue Theme" ------------------------------*/ .dii-content-nav-menu.theme-blue:not(.theme-none) > ul { /*-- top list shell --*/ border: 1px solid #000; background: rgb(12,83,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(12,83,136,1) 0%, rgba(4,63,108,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,83,136,1)), color-stop(100%,rgba(4,63,108,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(12,83,136,1) 0%,rgba(4,63,108,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(12,83,136,1) 0%,rgba(4,63,108,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(12,83,136,1) 0%,rgba(4,63,108,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(12,83,136,1) 0%,rgba(4,63,108,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5388', endColorstr='#043f6c',GradientType=0 ); /* IE6-9 */ } .dii-content-nav-menu.theme-blue:not(.theme-none) > ul > li > a.dii-sub-menu-link { /*-- top link --*/ background: rgb(10,97,162); /* Old browsers */ background: -moz-linear-gradient(top, rgba(10,97,162,1) 0%, rgba(12,83,136,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,97,162,1)), color-stop(100%,rgba(12,83,136,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(10,97,162,1) 0%,rgba(12,83,136,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(10,97,162,1) 0%,rgba(12,83,136,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(10,97,162,1) 0%,rgba(12,83,136,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(10,97,162,1) 0%,rgba(12,83,136,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a61a2', endColorstr='#0c5388',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-blue:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-blue:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link, /*-- top link on hover --*/ .dii-content-nav-menu.theme-blue:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link { /*-- menu link on hover --*/ background: rgb(0,150,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,120,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,255,1)), color-stop(100%,rgba(0,120,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,120,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,120,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,150,255,1) 0%,rgba(0,120,204,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,150,255,1) 0%,rgba(0,120,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0078cc',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-blue:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-blue:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/ .dii-content-nav-menu.theme-blue:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-blue:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { /*-- menu directory link on hover --*/ background: rgb(148,175,197); /* Old browsers */ background: -moz-linear-gradient(top, rgba(148,175,197,1) 0%, rgba(124,148,166,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,175,197,1)), color-stop(100%,rgba(124,148,166,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(148,175,197,1) 0%,rgba(124,148,166,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(148,175,197,1) 0%,rgba(124,148,166,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(148,175,197,1) 0%,rgba(124,148,166,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(148,175,197,1) 0%,rgba(124,148,166,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94afc5', endColorstr='#7c94a6',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-blue:not(.theme-none) ul ul { border: 1px solid #fff; background-color: #edf7ff; } /*-- menu object --*/ .dii-content-nav-menu.theme-blue:not(.theme-none) ul ul li a.dii-sub-menu-link { color: #0a61a2; } /*-- menu link --*/ .dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-left: 1px solid #043f6c; border-right: 1px solid #6193b8; } /*-- horizontal link borders --*/ .dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { border-left: 1px solid #0068b1; border-right: 1px solid #4ab5ff; } /*-- horizontal link borders on hover --*/ .dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { border-left: 1px solid #c1d2e0; border-right: 1px solid #b4cfe5; } /*-- horizontal directory link on hover --*/ /*-------------------- "Gold Theme" ------------------------------*/ .dii-content-nav-menu.theme-gold:not(.theme-none) > ul { /*-- top list shell --*/ border: 1px solid #b5b5b5; background: rgb(237,215,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(237,215,136,1) 0%, rgba(209,180,80,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,215,136,1)), color-stop(100%,rgba(209,180,80,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237,215,136,1) 0%,rgba(209,180,80,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237,215,136,1) 0%,rgba(209,180,80,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237,215,136,1) 0%,rgba(209,180,80,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(237,215,136,1) 0%,rgba(209,180,80,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd788', endColorstr='#d1b450',GradientType=0 ); /* IE6-9 */ } .dii-content-nav-menu.theme-gold:not(.theme-none) > ul > li > a.dii-sub-menu-link { /*-- top link --*/ background: rgb(248,230,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,230,163,1) 0%, rgba(222,196,104,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,230,163,1)), color-stop(100%,rgba(222,196,104,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,230,163,1) 0%,rgba(222,196,104,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,230,163,1) 0%,rgba(222,196,104,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,230,163,1) 0%,rgba(222,196,104,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,230,163,1) 0%,rgba(222,196,104,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e6a3', endColorstr='#dec468',GradientType=0 ); /* IE6-9 */ color: #978868; } .dii-content-nav-menu.theme-gold:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-gold:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link, /*-- top link on hover --*/ .dii-content-nav-menu.theme-gold:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link { /*-- menu link on hover --*/ background: rgb(255,192,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,192,0,1) 0%, rgba(207,141,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,192,0,1)), color-stop(100%,rgba(207,141,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,192,0,1) 0%,rgba(207,141,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,192,0,1) 0%,rgba(207,141,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,192,0,1) 0%,rgba(207,141,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,192,0,1) 0%,rgba(207,141,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#cf8d00',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-gold:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-gold:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/ .dii-content-nav-menu.theme-gold:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-gold:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { /*-- menu directory link on hover --*/ background: rgb(174,166,148); /* Old browsers */ background: -moz-linear-gradient(top, rgba(174,166,148,1) 0%, rgba(142,134,117,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,166,148,1)), color-stop(100%,rgba(142,134,117,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(174,166,148,1) 0%,rgba(142,134,117,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(174,166,148,1) 0%,rgba(142,134,117,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(174,166,148,1) 0%,rgba(142,134,117,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(174,166,148,1) 0%,rgba(142,134,117,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aea694', endColorstr='#8e8675',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-gold:not(.theme-none) ul ul { border: 1px solid #000; background-color: #fff; } /*-- menu object --*/ .dii-content-nav-menu.theme-gold:not(.theme-none) ul ul li a.dii-sub-menu-link { color: #8e8675; } /*-- menu link --*/ .dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-left: 1px solid #d1b450; border-right: 1px solid #fbf0c9; } /*-- horizontal link borders --*/ .dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { border-left: 1px solid #b67c00; } /*-- horizontal link borders on hover --*/ .dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { border-left: 1px solid #8e8675; } /*-- horizontal directory link on hover --*/ /*-------------------- "Green Theme" ------------------------------*/ .dii-content-nav-menu.theme-green:not(.theme-none) > ul { /*-- top list shell --*/ border: 1px solid #05420b; background: rgb(52,135,60); /* Old browsers */ background: -moz-linear-gradient(top, rgba(52,135,60,1) 0%, rgba(18,103,26,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,135,60,1)), color-stop(100%,rgba(18,103,26,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(52,135,60,1) 0%,rgba(18,103,26,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(52,135,60,1) 0%,rgba(18,103,26,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(52,135,60,1) 0%,rgba(18,103,26,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(52,135,60,1) 0%,rgba(18,103,26,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34873c', endColorstr='#12671a',GradientType=0 ); /* IE6-9 */ } .dii-content-nav-menu.theme-green:not(.theme-none) > ul > li > a.dii-sub-menu-link { /*-- top link --*/ background: rgb(78,161,86); /* Old browsers */ background: -moz-linear-gradient(top, rgba(78,161,86,1) 0%, rgba(31,125,40,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,161,86,1)), color-stop(100%,rgba(31,125,40,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(78,161,86,1) 0%,rgba(31,125,40,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(78,161,86,1) 0%,rgba(31,125,40,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(78,161,86,1) 0%,rgba(31,125,40,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(78,161,86,1) 0%,rgba(31,125,40,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea156', endColorstr='#1f7d28',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-green:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-green:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link, /*-- top link on hover --*/ .dii-content-nav-menu.theme-green:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link { /*-- menu link on hover --*/ background: rgb(121,235,37); /* Old browsers */ background: -moz-linear-gradient(top, rgba(121,235,37,1) 0%, rgba(49,186,7,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,235,37,1)), color-stop(100%,rgba(49,186,7,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(121,235,37,1) 0%,rgba(49,186,7,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(121,235,37,1) 0%,rgba(49,186,7,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(121,235,37,1) 0%,rgba(49,186,7,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(121,235,37,1) 0%,rgba(49,186,7,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79eb25', endColorstr='#31ba07',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-green:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-green:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/ .dii-content-nav-menu.theme-green:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-green:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { /*-- menu directory link on hover --*/ background: rgb(141,161,143); /* Old browsers */ background: -moz-linear-gradient(top, rgba(141,161,143,1) 0%, rgba(116,132,118,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,161,143,1)), color-stop(100%,rgba(116,132,118,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(141,161,143,1) 0%,rgba(116,132,118,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(141,161,143,1) 0%,rgba(116,132,118,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(141,161,143,1) 0%,rgba(116,132,118,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(141,161,143,1) 0%,rgba(116,132,118,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8da18f', endColorstr='#748476',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-green:not(.theme-none) ul ul { border: 1px solid #fff; background-color: #f1f8f2; } /*-- menu object --*/ .dii-content-nav-menu.theme-green:not(.theme-none) ul ul li a.dii-sub-menu-link { color: #748476; } /*-- menu link --*/ .dii-content-nav-menu.theme-green.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-left: 1px solid #12681a; border-right: 1px solid #60b569; } /*-- horizontal link borders --*/ .dii-content-nav-menu.theme-green.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-green.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { border-left: 1px solid #2b8300; border-right: 1px solid #90da98; } /*-- horizontal link borders on hover --*/ .dii-content-nav-menu.theme-greenhorizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-greenhorizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { border-right: 1px solid #9db29f; } /*-- horizontal directory link on hover --*/ /*-------------------- "Red Theme" ------------------------------*/ .dii-content-nav-menu.theme-red:not(.theme-none) > ul { /*-- top list shell --*/ border: 1px solid #2f1818; background: rgb(126,52,52); /* Old browsers */ background: -moz-linear-gradient(top, rgba(126,52,52,1) 0%, rgba(83,26,26,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,52,52,1)), color-stop(100%,rgba(83,26,26,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(126,52,52,1) 0%,rgba(83,26,26,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(126,52,52,1) 0%,rgba(83,26,26,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(126,52,52,1) 0%,rgba(83,26,26,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(126,52,52,1) 0%,rgba(83,26,26,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e3434', endColorstr='#531a1a',GradientType=0 ); /* IE6-9 */ } .dii-content-nav-menu.theme-red:not(.theme-none) > ul > li > a.dii-sub-menu-link { /*-- top link --*/ background: rgb(155,67,67); /* Old browsers */ background: -moz-linear-gradient(top, rgba(155,67,67,1) 0%, rgba(111,29,29,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,67,67,1)), color-stop(100%,rgba(111,29,29,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(155,67,67,1) 0%,rgba(111,29,29,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(155,67,67,1) 0%,rgba(111,29,29,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(155,67,67,1) 0%,rgba(111,29,29,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(155,67,67,1) 0%,rgba(111,29,29,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b4343', endColorstr='#6f1d1d',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-red:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-red:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link, /*-- top link on hover --*/ .dii-content-nav-menu.theme-red:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link { /*-- menu link on hover --*/ background: rgb(233,3,1); /* Old browsers */ background: -moz-linear-gradient(top, rgba(233,3,1,1) 0%, rgba(186,2,2,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,3,1,1)), color-stop(100%,rgba(186,2,2,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(233,3,1,1) 0%,rgba(186,2,2,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(233,3,1,1) 0%,rgba(186,2,2,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(233,3,1,1) 0%,rgba(186,2,2,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(233,3,1,1) 0%,rgba(186,2,2,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90301', endColorstr='#ba0202',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-red:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-red:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/ .dii-content-nav-menu.theme-red:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-red:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { /*-- menu directory link on hover --*/ background: rgb(158,143,143); /* Old browsers */ background: -moz-linear-gradient(top, rgba(158,143,143,1) 0%, rgba(123,106,106,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,143,143,1)), color-stop(100%,rgba(123,106,106,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(158,143,143,1) 0%,rgba(123,106,106,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(158,143,143,1) 0%,rgba(123,106,106,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(158,143,143,1) 0%,rgba(123,106,106,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(158,143,143,1) 0%,rgba(123,106,106,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e8f8f', endColorstr='#7b6a6a',GradientType=0 ); /* IE6-9 */ color: #fff; } .dii-content-nav-menu.theme-red:not(.theme-none) ul ul { border: 1px solid #fff; background-color: #f6f6f6; } /*-- menu object --*/ .dii-content-nav-menu.theme-red:not(.theme-none) ul ul li a.dii-sub-menu-link { color: #9b4343; } /*-- menu link --*/ .dii-content-nav-menu.theme-red.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link { border-left: 1px solid #652323; border-right: 1px solid #a25f5f; } /*-- horizontal link borders --*/ .dii-content-nav-menu.theme-red.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link, .dii-content-nav-menu.theme-red.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link { border-right: 1px solid #e26361; } /*-- horizontal link borders on hover --*/ .dii-content-nav-menu.theme-redhorizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link, .dii-content-nav-menu.theme-redhorizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link { border-right: 1px solid #b0a2a2; } /*-- horizontal directory link on hover --*/ /*-- Responsive --*/ @media screen and (max-width: 480px) { .dii-content-nav-menu li li >a.dii-sub-menu-link { display: block; position: relative; z-index: 100; } .dii-content-nav-menu li li li >a.dii-sub-menu-link { z-index: 200; } .dii-content-nav-menu li li >.dii-sub-menu-icon { z-index: 101; } .dii-content-nav-menu li li li >.dii-sub-menu-icon { z-index: 201; } .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li, .dii-content-nav-menu.horizontal > ul > li { display: block; float: none; } #design-container-main-nav div.dii-content-nav-menu.horizontal > ul > li:first-child > a::before, #design-container-main-nav .dii-content-nav-menu.horizontal > ul.show > li:first-child > a::before, #design-container-main-nav div.dii-content-nav-menu.horizontal > ul > li:first-child > a::before, #design-container-main-nav .dii-content-nav-menu.horizontal > ul > li:first-child:hover > a::before { display: block; } #design-container-main-nav .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon { display: block; height: 100%} #design-container-main-nav .dii-content-nav-menu ul ul a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a::after { display: none; content: none; } } @media screen and (max-width: 800px) { .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li, .dii-content-nav-menu.horizontal > ul, .dii-content-nav-menu.horizontal > ul > li, .dii-content-nav-menu.horizontal > ul > li > a.dii-sub-menu-link { display: block; } .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon { display: block; height: 100%} #design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > .dii-sub-menu-icon::before { top: 0; font-size: 30px; right: 10px;} #design-container-main-nav .dii-content-nav-menu ul ul a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a::after { display: none; content: none; } } @media only screen and (max-width: 900px) { .dii-content-nav-menu.dii-is-mobile ul ul:not(.show) {display: none} #design-container-main-nav #ww-btn-main-nav { display: block; text-align: left; } #design-container-main-nav .dii-content-nav-menu { display: none; } #design-container-main-nav .dii-content-nav-menu > ul { display: block; height: auto; } #design-container-main-nav .dii-content-nav-menu ul li { float: none !important; } #design-container-main-nav .dii-content-nav-menu ul li ul {} #design-container-main-nav .dii-content-nav-menu ul li ul.show, #design-container-main-nav .dii-content-nav-menu:not(.dii-is-mobile) ul li:hover > ul { opacity: 1; left: 10px; width: 90%; } #design-container-main-nav .dii-content-nav-menu ul ul li > ul.show, #design-container-main-nav .dii-content-nav-menu ul ul li:hover > ul { top: 35px; left: 10px; } #design-container-main-nav .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon { display: block; height: 100%} #design-container-main-nav .dii-content-nav-menu ul ul a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a::after { display: none; content: none;} }