/* unified back/forward button */
#forward-button {
+ -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
}
#forward-button > menupopup {
}
#forward-button {
- -moz-margin-start: -6px !important;
- padding-left: 7px;
- padding-right: 3px;
+ -moz-margin-start: -4px !important;
+ padding-left: 4px;
+ padding-right: 2px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 0 10000px 10000px 0;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button {
- transition: margin-left,opacity 150ms ease-out;
+ transition: margin-left 150ms ease-out;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] {
- margin-left: -30px !important;
- opacity: 0;
+ margin-left: -27px !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] {
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] {
/* when not hovered anymore, trigger a new transition to hide the forward button immediately */
- margin-left: -30.01px !important;
- opacity: 0;
+ margin-left: -27.01px !important;
}
#back-button {
background-clip: padding-box !important;
/* background-color: hsla(210,25%,98%,.08) !important;
padding: 6px !important;
- border-color: hsla(210,4%,10%,.25) !important;*/
- transition-property: background-color, border-color !important;
+ border-style: none !important;
+ box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
+ 0 0 0 1px hsla(210,4%,10%,.25);*/
+ transition-property: background-color, box-shadow !important;
transition-duration: 250ms !important;
}
#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
-/* background-color: hsla(210,4%,10%,.08) !important;
- box-shadow: none !important;*/
+/* background-color: hsla(210,4%,10%,.08) !important;*/
}
#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
#back-button[open="true"] > .toolbarbutton-icon {
/* background-color: hsla(210,4%,10%,.12) !important;
- box-shadow: 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
+ box-shadow: 0 1px 0 0 hsla(210,4%,10%,.25),
+ 0 0 0 1px hsla(210,4%,10%,.25),
+ 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
#urlbar,
.searchbar-textbox {
border-radius: 5px;
- margin: 0;
+ margin: 2px 0;
-moz-margin-start: 3px;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
/* clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");*/
- -moz-margin-start: -5px;
+/* -moz-margin-start: -5px; */
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl),
-moz-padding-start: 0px;
}
+#sidebar-header > .close-icon {
+/* padding: 4px 2px;
+ margin: 0;
+ border: none;*/
+ list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+#sidebar-header > .close-icon:hover,
+#sidebar-header > .close-icon:hover:active {
+ list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
+
.browserContainer > findbar {
/*
background-color: -moz-dialog;
}
.tab-label {
+ /* this needs to add up to the 16px of the icon image */
+ height: 12px;
+ margin-top: 2px !important;
+ margin-bottom: 2px !important;
}
.tab-close-button {
background-color: #402800;
}
-/* Tabstrip close button */
-.tabs-closebutton {
- -moz-box-flex: 1;
- margin: 0px;
- padding: 2px;
- list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-.tabs-closebutton > .toolbarbutton-icon {
-}
-
-.tabs-closebutton > .toolbarbutton-text {
- display: none;
-}
-
-.tabs-closebutton:hover,
-.tabs-closebutton:hover:active {
- list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
toolbarbutton.chevron {
list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
}
border-right-width: 8px;
}
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar > #notification-popup-box {
-/* padding-left: 5px; */
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box {
+/* padding-left: 7px; */
}
#notification-popup-box:-moz-locale-dir(rtl),