@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*rotate icons on hover*/
.tab-icon-image:hover,awcanvas:hover>image,image.search-go-button:hover,dropmarker:hover>image,#urlbar-icons>image:hover,#urlbarext-icons>image:hover,#page-proxy-stack:hover>image,#xpinstallheader:hover>image,installitem:hover>hbox>.xpinstallIconContainer>.xpinstallItemIcon,treecol:hover>.treecol-icon,richlistitem:hover>hbox>.addon-icon>.addonIconStack>.addonIcon,statusbarpanel>[class="fs-toolbutton"]:hover,statusbarpanel:hover>hbox>image,statusbarpanel:hover>image:not(.fs-toolbutton),tab:hover>*>image,tab:hover>image,checkbox:hover>.checkbox-check,radio:hover>image,radio:hover>*>image,menuitem:hover>hbox>.menu-iconic-icon,menu:hover>image.menubar-left,menu:hover>hbox>.menu-iconic-icon,toolbarbutton:not([id^="fx-home-button"]):hover>image,hbox[id*="Button"]:not(#BottomAreaButtons):hover>.button-box>.button-icon,button:hover>.button-box>.button-icon
{transform:rotate(20deg)!important;-moz-transform:rotate(20deg)!important}
/*rotate icons on active (clicked)*/
.tab-icon-image:active,awcanvas:active>image,image.search-go-button:active,dropmarker:active>image,#urlbar-icons>image:active,#urlbarext-icons>image:active,#page-proxy-stack:active>image,#xpinstallheader:active>image,installitem:active>hbox>.xpinstallIconContainer>.xpinstallItemIcon,treecol:active>.treecol-icon,richlistitem:active>hbox>.addon-icon>.addonIconStack>.addonIcon,statusbarpanel>[class="fs-toolbutton"]:active,statusbarpanel:active>hbox>image,statusbarpanel:active>image:not(.fs-toolbutton),tab:active>*>image,tab:active>image,checkbox:active>.checkbox-check,radio:active>image,radio:active>*>image,menuitem:active>hbox>.menu-iconic-icon,menu:active>image.menubar-left,menu:active>hbox>.menu-iconic-icon,toolbarbutton:not([id^="fx-home-button"]):active>.toolbarbutton-icon,hbox[id*="Button"]:not(#BottomAreaButtons):active>.button-box>.button-icon,button:active>.button-box>.button-icon
{transform:rotate(45deg)!important;-moz-transform:rotate(45deg)!important}
/*if it doesn't have this then the icons get swapped to the other side on hover*/
.tab-icon-image,awcanvas>image,image.search-go-button,dropmarker>image,#urlbar-icons>image,#urlbarext-icons>image,#page-proxy-stack>image,#xpinstallheader>image,installitem>hbox>.xpinstallIconContainer>.xpinstallItemIcon,treecol>.treecol-icon,richlistitem>hbox>.addon-icon>.addonIconStack>.addonIcon,statusbarpanel>.fs-toolbutton,statusbarpanel>hbox>image,statusbarpanel>image:not(.fs-toolbutton),tab>*>image,tab>image,checkbox>.checkbox-check,radio>image,radio>*>image,menuitem>.menu-iconic-left>.menu-iconic-icon,menu>image.menubar-left,menu>hbox>.menu-iconic-icon,toolbarbutton:not([id^="fx-home-button"])>.toolbarbutton-icon,hbox[id*="Button"]:not(#BottomAreaButtons)>.button-box>.button-icon,button>.button-box>.button-icon
{transition:transform .5s ease-in-out!important;transform:rotate(0)!important;-moz-transform:rotate(0)!important}
/*extend the menu bottom area for rotating*/
popup>.popup-internal-box>.arrowscrollbox-scrollbox>.scrollbox-innerbox,menupopup>.popup-internal-box>.arrowscrollbox-scrollbox>.scrollbox-innerbox{margin-bottom:2px!important}
#userstyles-heading>#styles-sort>menupopup>hbox{overflow:hidden!important}

/*stop the back/forward/stop/reload buttons from rotating*/
#reload-button:not(blah) .toolbarbutton-icon,
#stop-button:not(blah) .toolbarbutton-icon,
#back-button:not(blah) .toolbarbutton-icon,
#forward-button:not(blah) .toolbarbutton-icon,
#back-forward-dropmarker:not(blah) .toolbarbutton-icon{-moz-transform:rotate(0)!important}