@import "html-reset.less"; @import "forms.css"; /* **************************************************************************************************************** LESS CSS Path vars Example. background: url("/@{img-path}bg1.jpg") center top no-repeat #000; **************************************************************************************************************** */ /* * TEXT COLORS */ @heading-color: #227ffb; @h1-color: #444545; // @h1-color: #FFF; @link-color: #227ffb; @text-color: #404040; @text-color-dark: #444545; @text-color-light: #68686a; /* * SITE WIDTHS */ @site-width: 970px; @content-width: 784px; @sidebar-width: 315px; @input-width: 390px; /* * PATHS */ @img-path: "sites/all/themes/disney_in/images/"; /* * MISC */ @body-font-size: 14px; @line-height: 1.5; /* **************************************************************************************************************** * MIXINS **************************************************************************************************************** */ .alt-font-family { font-family: @alt-font-family; } .clear { zoom: 1; &:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden; zoom:1; } } /* hidden overrides */ .hide-text { text-indent: -9999px; } .hide-border { border: none !important; } .no-padding { padding: 0px !important; } .no-margin { margin: 0px !important; } .block { display: block; } .relative { position: relative; } .absolute { position: absolute; } .bold { font-weight:bold; } .pointer { cursor: pointer; } .articleActionLink { // background: #08910b url("/@{img-path}arrow_small_bg2.png") no-repeat 6px 1px; background: #227ffb url("/@{img-path}arrow_small_bg2.png") no-repeat 6px 1px; font: bold 12px Arial, Verdana, sans-serif; color: #fff !important; text-decoration: none; margin: 10px 0 0; padding: 4px 19px 3px; &:hover { background: #bfbfbf url("/@{img-path}arrow_small_bg2.png") no-repeat 6px 1px; } } .contentGradient { background: #e0e0e0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */ zoom: 1; } .blueGradient { background: #68a4d6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #68a4d6 0%, #1576f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#1576f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #68a4d6 0%,#1576f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #68a4d6 0%,#1576f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #68a4d6 0%,#1576f9 100%); /* IE10+ */ background: linear-gradient(top, #68a4d6 0%,#1576f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a4d6', endColorstr='#1576f9',GradientType=0 ); /* IE6-8 */ zoom: 1; } .shadow { border: 1px solid #e3e3e3; border-bottom-color: #cfcfcf; -moz-box-shadow: 0px 2px 4px 0px #ccc; -webkit-box-shadow: 0px 2px 4px 0px #ccc; box-shadow: 0px 2px 4px 0px #ccc; zoom: 1; } .box-shadow { // .contentGradient; background-color: #ffffff; zoom: 1; .shadow; } .curlUpShadow { background: url("/@{img-path}curl_up_shadow.png") no-repeat 0 100%; padding-bottom: 14px; } .bottomHightlight { border-bottom: 1px solid #bdbdbd; } .singleHighlight { background: url("/@{img-path}bottomHighlight.gif") repeat-x 0 100%; } .topHighlight { border-top: 1px solid #FFFFFF; } .borderHighlight { .bottomHightlight; .topHighlight; } /* **************************************************************************************************************** * MISC **************************************************************************************************************** */ h1.title, /* The title of the page */ h2.node-title, /* Title of a piece of content when it is given in a list of content */ h2.block-title, /* Block title */ h2.title, /* Comment section heading */ h2.comment-form, /* Comment form heading */ h2.title /* Comment title */ { margin: 0; margin-bottom: 15px; } h1, h1.title { color: @h1-color; } // .panel-pane { // h1.node-title { // color: #444545; // } // } h2.title { a { font-size: 22px; } } .pane-title{ // color: #FFF; font-weight: normal; font-size: 24px; line-height: 25px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #bdbdbd; } // .box-background { // .pane-title { // color: #444545; // } // } div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ { margin: 1.5em 0; /* Drupal core uses "6px 0" margin */ } div.messages ul { margin-top: 0; margin-bottom: 0; } ul.links.inline { display: block; } ul.links li { padding: 0 1em 0 0; } hr { display: block; position: relative; padding: 0; margin: 8px auto; height: 0; width: 100%; max-height: 0; font-size: 1px; line-height: 0; clear: both; border: none; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #ffffff; } .box-background { .box-shadow; .padding; .clear; } /** **************************************************************************************************************** * Buttons **************************************************************************************************************** */ a.green_link, span.green_link a { .articleActionLink; } /* **************************************************************************************************************** * TABS **************************************************************************************************************** */ div.tabs { margin: 0 0 5px 0; ul.primary { margin: 0; padding: 0 0 0 10px; border-width: 0; list-style: none; white-space: nowrap; line-height: normal; background: url("/@{img-path}tab-bar.png") repeat-x left bottom; li { float: left; margin: 0; padding: 0; &.active { a { border-width: 0; color: #000; background-color: transparent; background: url("/@{img-path}tab-left.png") no-repeat left 0; &:hover { border-width: 0; color: #000; background-color: transparent; background: url("/@{img-path}tab-left.png") no-repeat left 0; .tab { background: url("/@{img-path}tab-right.png") no-repeat right 0; } } &:focus { border-width: 0; color: #000; background-color: transparent; background: url("/@{img-path}tab-left.png") no-repeat left 0; .tab { background: url("/@{img-path}tab-right.png") no-repeat right 0; } } .tab { background: url("/@{img-path}tab-right.png") no-repeat right 0; } } } a { display: block; height: 24px; margin: 0; padding: 0 0 0 5px; /* width of tab-left.png */ border-width: 0; font-weight: bold; text-decoration: none; color: #777; background-color: transparent; background: url("/@{img-path}tab-left.png") no-repeat left -38px; &:hover { border-width: 0; background-color: transparent; background: url("/@{img-path}tab-left.png") no-repeat left -76px; .tab { background: url("/@{img-path}tab-right.png") no-repeat right -76px; } } &:focus { border-width: 0; background-color: transparent; background: url("/@{img-path}tab-left.png") no-repeat left -76px; .tab { background: url("/@{img-path}tab-right.png") no-repeat right -76px; } } .tab { display: block; height: 20px; /* 24px (parent) - 4px (padding) */ margin: 0; padding: 4px 13px 0 6px; border-width: 0; line-height: 20px; background: url("/@{img-path}tab-right.png") no-repeat right -38px; } } } } ul.secondary { margin: 0; padding: 0 0 0 5px; border-bottom: 1px solid #c0c0c0; list-style: none; white-space: nowrap; background: url("/@{img-path}tab-secondary-bg.png") repeat-x left bottom; li { float: left; margin: 0 5px 0 0; padding: 5px 0; border-right: none; a { display: block; height: 24px; margin: 0; padding: 0; border: 1px solid #c0c0c0; text-decoration: none; color: #777; background: url("/@{img-path}tab-secondary.png") repeat-x left -56px; &:hover { background: url("/@{img-path}tab-secondary.png") repeat-x left bottom; } &:focus { background: url("/@{img-path}tab-secondary.png") repeat-x left bottom; } .active { border: 1px solid #c0c0c0; color: #000; background: url("/@{img-path}tab-secondary.png") repeat-x left top; } .tab { display: block; height: 18px; /* 24px (parent) - 6px (padding) */ margin: 0; padding: 3px 8px; line-height: 18px; } } } } } /* * Quicktabs (except homepage) */ .quicktabs-tabpage { border: 1px solid #e3e3e3; border-bottom-color: #bfbfbf; .box-shadow; -moz-box-shadow: 0 1px 2px 0 #CCCCCC; -webkit-box-shadow: 0 1px 2px 0 #CCCCCC; box-shadow: 0 1px 2px 0 #CCCCCC; padding: 20px; clear:left; zoom:1; } ul.quicktabs-tabs { margin: 0px; padding: 0px; display: block; height: 47px; position: relative; top: 2px; li { a { border: 1px solid #e3e3e3; border-bottom-color: #e3e3e3; background: #f9f9f9; color: #227FFB; display: inline-block; font-family: @alt-font-family; font-size: 22px; font-weight: normal; height: 47px; line-height: 45px; padding: 0 15px 0 13px; text-decoration: none; float: left; } } .active a { color: #444545; border-bottom: none; position: relative; background-color: #fff; z-index: 4; } } /* **************************************************************************************************************** * NODES **************************************************************************************************************** */ .node { blockquote { border-top: 1px solid #e3e3e3; .box-shadow; .clear; zoom: 1; padding: 23px; margin: 0px 0px 20px 0px; } ul { list-style-type: disc; margin: 0; padding: 0px; } li { margin: 10px 10px 10px 14px; } } .ie7 .node ul li { margin: 10px 10px 10px 16px; } .node-type-media { .field-name-field-media-media { margin-bottom: 20px; } } .node-unpublished div.unpublished, .comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ { height: 0; overflow: visible; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; /* A very nice CSS3 property */ } /* **************************************************************************************************************** * VIEWS **************************************************************************************************************** */ .view a { font-weight: bold; } .view a.green_link { font-size: 12px; cursor:pointer; } .view ul { list-style-type: disc; } /* **************************************************************************************************************** * BODY/PAGE **************************************************************************************************************** */ body { margin: 0; padding: 0; // background: #FFF url("/@{img-path}bg.jpg") no-repeat center top; // background: #96f2ff url("/@{img-path}body_bg_grad.jpg") center top repeat-y; // background-color: #02103e; background-color: #dbdee4; background-attachment:scroll; } body .body-inner { /*background: transparent url("/@{img-path}home_bottom_bckg.jpg") no-repeat center bottom;*/ background-attachment:scroll; margin: auto; } #page-wrapper { // background: url("/@{img-path}home_top_bckg.jpg") no-repeat center top; padding-bottom: 50px; margin: 0 auto; .region-bottom { margin: 0 auto; } } #page { width: @site-width; margin: 0 auto; min-height: 650px; } /* **************************************************************************************************************** * HEADER **************************************************************************************************************** */ #header { padding: 10px 0px 10px 0px; position: relative; z-index: 3; #navigation { float: right; clear: right; margin: 15px 0 0 3px; width: 750px; .section { float: right; } .block-superfish { height: 37px; } } } /* **************************************************************************************************************** * NAVIGATION **************************************************************************************************************** */ #navigation ul.links, #navigation .content ul, #superfish-1 { padding: 0; text-align: left; float: right; } #navigation ul.links li, #navigation .content li { float: left; padding: 0 10px 0 0; } #navigation #main-menu li, #navigation #superfish-1 li { display: block; float: left; height: 37px; background: transparent url("/@{img-path}nav_bg.png") repeat-x right top; text-align: center; padding: 0 3px 0 0; margin: 0 4px 0 0; line-height: 32px; } #navigation #main-menu li.active-trail, #navigation #superfish-1 li.active-trail { background: transparent url("/@{img-path}nav_active_bckg.png") repeat-x right top; } #navigation #superfish-1 ul { -moz-border-radius-bottomleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; } #navigation #main-menu li.last, #navigation #superfish-1 li.last { margin: 0; } #navigation #main-menu li:hover, #navigation #superfish-1 li:hover { background: transparent url("/@{img-path}nav_bg.png") repeat-x right bottom; } #navigation #main-menu li a, #superfish-1 li a { text-decoration: none; color: #313131; display: block; height: 37px; background: transparent url("/@{img-path}nav_bg.png") repeat-x left top; padding: 0 8px 0 12px; margin: 0 0 0 -3px; font-family: @alt-font-family-bold; font-size: 14px; letter-spacing:0.025em; text-transform: uppercase; } #superfish-1 li a:hover, #superfish-1 li:hover a { background: transparent url("/@{img-path}nav_bg.png") repeat-x left bottom; } #navigation #superfish-1 li.menuparent:hover { background: transparent url("/@{img-path}sub_nav_bg.gif") repeat-x left top; height: 37px; border: none; } #navigation #superfish-1 ul li a:hover { color: #444; } #navigation #superfish-1 ul li:hover { background: transparent url("/@{img-path}sub_nav_hover.gif") repeat-x left top; } #navigation #superfish-1 li ul.sf-megamenu { background: transparent; -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4); padding-left: 0; left: 0; width: 240px; } #navigation #superfish-1 li.sfHover ul.sf-megamenu { top: 31px; } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper { background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(top, #fbfbfb 0%,#e0e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */ margin: 0; padding: 0; width: 100%; height: auto; } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper ol li { float: none; background: none; height: 100%; margin: 0px; padding: 0px; } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper ol li a { background: none; display: block; margin: 0; padding: 10px 20px 0; height: auto; text-align: left; font-family: @alt-font-family-bold; color: #227ffb; } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper ol li a:hover { background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e6e6e6 0%, #c4c4c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%,#c4c4c4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%,#c4c4c4 100%); /* IE10+ */ background: linear-gradient(top, #e6e6e6 0%,#c4c4c4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-8 */ } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper ol li a span { display: block; border-bottom: 1px solid #bdbdbd; margin: 0; padding: 0 0 4px; line-height: 18px; } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper ol li a:hover span { border-color: transparent; } #navigation #superfish-1 li ul.sf-megamenu li.sf-megamenu-wrapper ol li.last a span { border: none; } /* * HEADER SEARCH FORM */ #search_section { .form-item { margin: 0px; } .form-submit { display:none; } #edit-actions { margin: 0px; } } /* * Main menu and Secondary menu links */ #secondary-menu { float: right; } /* * "Menu block" blocks * * Drupal core has limited ways in which it can display its menus. To get around * these limitations, see http://drupal.org/project/menu_block */ .block-menu-block h2.block-title { background: url("/@{img-path}side_bar_menu_header_background.png") no-repeat 0 0; width: 129px; padding: 10px 20px !important; } .block-menu-block h2.block-title a { color: #444545; font-size: 26px; font-weight: normal; } .block-menu-block .content { background: url("/@{img-path}side_bar_menu_background_bottom.png") no-repeat 0 100%; width: 170px; padding-bottom:9px; } .block-menu-block .menu-block-wrapper { background: url("/@{img-path}side_bar_menu_background_repeat.png") repeat-y 0 0; width: 170px; padding-bottom: 7px; } .block-menu-block ul.menu { margin: 0 4px; width: 162px; padding: 0; background: url("/@{img-path}side_bar_menu_background_grad.png") repeat-x; } .block-menu-block ul.menu li { font-family: @alt-font-family-bold; font-size: 14px; margin: 0px 15px; list-style: none !important; list-style-image: none !important; border-bottom: white 1px solid; } .block-menu-block ul.menu li.last { border: none; } .block-menu-block .content > .menu-block-wrapper > ul.menu > li.active-trail { margin: 0px 5px; border: none; } .block-menu-block ul.menu li.active-trail a { .shadow; background: url("/@{img-path}side_bar_menu_active_trail.png") no-repeat center center; position:relative; top: 3px; left: 1px; border: none; width: 125px; padding: 10px 14px 10px 10px; color: #585858; z-index: 3; } .block-menu-block a.active-trail { color: #585858 !important; } .block-menu-block ul.menu li.expanded.active-trail ul li { border-top: #bdbdbd 1px solid; border-bottom: none; background:none; zoom: 1; position: relative; filter: none !important; } .block-menu-block ul.menu li.expanded.active-trail ul li a { background: none; font-family: @alt-font-family; color: #227FFB; width: 111px; padding: 15px 0px; display: block; position:relative; top: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .block-menu-block ul.menu li.expanded.active-trail ul li.first a { border: none; } .block-menu-block ul.menu li.expanded.active-trail ul li.last a, .block-menu-block ul.menu li.last a { border: none; } .block-menu-block ul.menu li.expanded.active-trail ul li.active a { color: #585858; } .block-menu-block ul.menu li.expanded.active-trail ul { padding: 0px; width: 141px; position: relative; left: 2px; top: 4px; background:none !important; zoom: 1; position: relative; } //3rd level in sidebar .block-menu-block ul.menu li.expanded.active-trail ul li.active a.active-trail { padding-bottom: 10px; } .block-menu-block ul.menu li.expanded.active-trail ul li.active ul, .block-menu-block ul.menu li.expanded.active-trail ul li ul { background: none; border: none; padding-bottom: 10px; li { background: none; list-style: none !important; border: none; padding: 0px 0px 10px 0px; margin: 0px; color: #808081; a { margin: 0px; padding: 0px; color: #808081; } } } .block-menu-block ul.menu li a { border-bottom: #bdbdbd 1px solid; display: block; padding: 12px 0px 10px; line-height: 14px; } /* applied to original