Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Transform / Rotate on hover & active/select

  • No replies
  • 1 has this problem
  • 5 views
more options

I have managed to transform / rotate almost all of my various buttons, bookmark folder icons & site favicons and also other icons like in the appmenu and the locationbar/ac_popup pane various search favicons along the bottom of that panel. (see below code)

However I have been unable to achieve the same with the follow areas: - bookmark/history sidebar. - menubar History and Bookmarks drop down menus & submenus. - locationbar/ac_popup panel site favicons


/*************************/ /* ROTATE ICONS ON HOVER */ /*************************/

/*rotate icons on hover*/

  1. nav-bar toolbarbutton:hover > .toolbarbutton-badge-stack,

checkbox:hover > .checkbox-check, menuitem:hover > hbox > .menu-iconic-icon, toolbarbutton:hover > image, button:hover > .button-box > .button-icon {

 transform: rotate(30deg) !important;
 -moz-transform: rotate(30deg) !important;

}

/*rotate icons on active (clicked)*/

  1. nav-bar toolbarbutton:active > .toolbarbutton-badge-stack,

checkbox:active > .checkbox-check, menuitem:active > hbox > .menu-iconic-icon, toolbarbutton:active > .toolbarbutton-icon, button:active > .button-box > .button-icon {

 transform: rotate(75deg) !important;
 -moz-transform: rotate(75deg) !important;

}

/*if it doesn't have this then the icons get swapped to the other side on hover*/

  1. nav-bar toolbarbutton > .toolbarbutton-badge-stack,

checkbox > .checkbox-check, menuitem > hbox > .menu-iconic-icon, toolbarbutton > .toolbarbutton-icon, button > .button-box > .button-icon {

 transform: rotate(0) !important;
 -moz-transform: rotate(0) !important;

}

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.