/* ::::: bookmark buttons ::::: */
+/*.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon */
.bookmark-item > .toolbarbutton-icon {
width: 16px;
height: 16px;
-moz-margin-start: -6px !important;
padding-left: 7px;
padding-right: 3px;
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
+
+#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:-moz-locale-dir(ltr) {
+ border-top-right-radius: 11px;
+ border-bottom-right-radius: 11px;
+}
+
+#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:-moz-locale-dir(rtl) {
+ border-top-left-radius: 11px;
+ border-bottom-left-radius: 11px;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover {
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
#unified-back-forward-button > #forward-button {
- border-top-right-radius: 0;
+/* border-top-right-radius: 0;
border-bottom-right-radius: 0;
- -moz-margin-end: 0;
+ -moz-margin-end: 0; */
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
opacity: 0;
}
+window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
+ :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
+ #unified-back-forward-button:hover > #forward-button[disabled] {
+ background-color: transparent;
+}
+
/* stop button */
#stop-button {
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container {
- padding-left: 27px;
- -moz-margin-start: -27px;
+ #unified-back-forward-button + #urlbar-container {
+ padding-left: 22px;
+ -moz-margin-start: -22px;
position: relative;
pointer-events: none;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container > #urlbar {
- -moz-border-start: none;
- margin-left: 0;
+ #unified-back-forward-button + #urlbar-container > #urlbar {
+/* -moz-border-start: none;
+ margin-left: 0; */
pointer-events: all;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox:not([switchingtabs]) + #urlbar-container > #urlbar {
+ #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
-moz-transition: margin-left 150ms ease-out;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
+/* border-top-left-radius: 0;
+ border-bottom-left-radius: 0; */
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
+/* border-top-right-radius: 0;
+ border-bottom-right-radius: 0; */
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled] + #urlbar-container {
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container {
mask: url("chrome://browser/content/browser.xul#winstripe-urlbar-back-button-mask");
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled] + #urlbar-container > #urlbar {
- margin-left: -27px;
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
+ margin-left: -22px;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
+ #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
/* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
-moz-transition-delay: 100s;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
+ #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
/* when not hovered anymore, trigger a new transition to hide the forward button immediately */
- margin-left: -27.01px;
+ margin-left: -22.01px;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container:-moz-locale-dir(rtl),
+ #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
+ #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
/* let winstripe-urlbar-back-button-mask clip the urlbar's right side for RTL */
-moz-transform: scaleX(-1);
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox + #urlbar-container > #urlbar > #identity-box {
- border-radius: 0;
+ #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box {
+/* border-radius: 0; */
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
padding-left: 5px;
-moz-transition: padding-left;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
padding-right: 5px;
-moz-transition: padding-right;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
+ #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
/* forward button hiding is delayed when hovered */
-moz-transition-delay: 100s;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
+ #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
padding-left: 5.01px;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
+ #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
padding-right: 5.01px;
}
/* page proxy icon */
-#page-proxy-favicon,
-#urlbar-throbber {
+#page-proxy-favicon {
width: 16px;
height: 16px;
}
opacity: 0.5;
}
-#urlbar-throbber {
- list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-
/* autocomplete */
#treecolAutoCompleteImage {
}
.panel-promo-box {
- margin: 5px -6px -6px -6px;
+ margin: 5px -6px -6px;
padding: 5px;
- background-color: #000000;
- color: #FF9F00;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 1px solid #9C9CFF;
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
:-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
- #unified-back-forward-buttonbox[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
padding-left: 5px;
}
/* Highlighter */
.highlighter-veil {
- background-color: rgba(0, 0, 0, 0.5);
+ background-color: rgba(25, 25, 25, 0.5);
}
#highlighter-closebutton {
}
#inspector-tools {
- -moz-padding-start: 2px;
-moz-padding-end: 2px;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
-moz-margin-start: 2px;
- -moz-margin-end: 2px;
}
/* Highlighter - toolbar resizers */
}
.inspector-breadcrumbs-button {
- -moz-appearance: none;
- border-width: 1px 13px 2px 13px;
+ /*background-color: transparent;*/
+ border-width: 2px 13px !important;
+ outline: none;
/* color: hsl(210,30%,85%); */
max-width: 85px;
/* The content of the button can be larger than the button */
}
.inspector-breadcrumbs-button {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]),
.inspector-breadcrumbs-button:not([checked]):hover:active {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[checked] {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[checked][siblings-menu-open],
.inspector-breadcrumbs-button[checked]:hover:active {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:first-of-type {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]),
.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:first-of-type[checked] {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked],
.inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:last-of-type {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]),
.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:last-of-type[checked] {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked],
.inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 stretch;
}
/* Highlighter toolbar - breadcrumbs - RTL */
}
.inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl),
.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl),
.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl),
.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl),
.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl),
.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 stretch;
}
.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl),
.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
- -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 1 13 2 13 stretch;
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 stretch;
}