Last active
December 22, 2015 11:08
-
-
Save agusmu/6463278 to your computer and use it in GitHub Desktop.
PrimaShop - Header Submenu Arrow Indicator
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #header-menu .menu-primary li .sf-sub-indicator { | |
| display : inline; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*** arrows **/ | |
| #header-menu .menu-primary li .sf-sub-indicator { | |
| margin-top : 5px; | |
| margin-left : 10px; | |
| position : relative; | |
| display : block; | |
| float : right; | |
| width : 10px; | |
| height : 10px; | |
| text-align : left; | |
| text-indent : -999em; | |
| overflow : hidden; | |
| background : url('images/arrows-dark.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ | |
| } | |
| #header-menu .menu-primary li a > .sf-sub-indicator { /* give all except IE6 the correct values */ | |
| background-position : 0 -100px; /* use translucent arrow for modern browsers*/ | |
| } | |
| /* apply hovers to modern browsers */ | |
| #header-menu .menu-primary li a:focus > .sf-sub-indicator, | |
| #header-menu .menu-primary li a:hover > .sf-sub-indicator, | |
| #header-menu .menu-primary li a:active > .sf-sub-indicator, | |
| #header-menu .menu-primary li:hover > a > .sf-sub-indicator, | |
| #header-menu .menu-primary li.sfHover > a > .sf-sub-indicator { | |
| background-position : -10px -100px; /* arrow hovers for modern browsers*/ | |
| } | |
| /* point right for anchors in subs */ | |
| #header-menu .menu-primary ul .sf-sub-indicator { background-position: -10px 0; } | |
| #header-menu .menu-primary ul a > .sf-sub-indicator { background-position: 0 0; } | |
| /* apply hovers to modern browsers */ | |
| #header-menu .menu-primary ul a:focus > .sf-sub-indicator, | |
| #header-menu .menu-primary ul a:hover > .sf-sub-indicator, | |
| #header-menu .menu-primary ul a:active > .sf-sub-indicator, | |
| #header-menu .menu-primary ul li:hover > a > .sf-sub-indicator, | |
| #header-menu .menu-primary ul li.sfHover > a > .sf-sub-indicator { | |
| background-position: -10px 0; /* arrow hovers for modern browsers*/ | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Tutorial: http://www.primathemes.com/documentation/primashop-header-submenu-arrow-indicator/