projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make the forward-button-hiding really work and give it a nicer shape when it's displayed
[themes.git]
/
LCARStrek
/
browser
/
browser.css
diff --git
a/LCARStrek/browser/browser.css
b/LCARStrek/browser/browser.css
index 104b91c5653d1daa61d1bf7a31d683fbaeb96281..603d809753d8dab6f214a7e67604fe70b509369e 100644
(file)
--- a/
LCARStrek/browser/browser.css
+++ b/
LCARStrek/browser/browser.css
@@
-29,6
+29,7
@@
* Jim Mathies (jmathies@mozilla.com)
* Drew Willcoxon (adw@mozilla.com)
* Paul Rouget (paul@mozilla.com)
* Jim Mathies (jmathies@mozilla.com)
* Drew Willcoxon (adw@mozilla.com)
* Paul Rouget (paul@mozilla.com)
+ * Rob Campbell (rcampbell@mozilla.com)
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
@@
-750,6
+751,18
@@
toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-moz-margin-start: -6px !important;
padding-left: 7px;
padding-right: 3px;
-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 {
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover {
@@
-780,9
+793,9
@@
toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-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-button > #forward-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-button > #forward-button {
- border-top-right-radius: 0;
+
/*
border-top-right-radius: 0;
border-bottom-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] >
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
@@
-797,6
+810,12
@@
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
opacity: 0;
}
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 {
/* stop button */
#stop-button {
@@
-1175,73
+1194,73
@@
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
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])) >
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
box
+ #urlbar-container {
- padding-left: 2
7
px;
- -moz-margin-start: -2
7
px;
+ #unified-back-forward-button + #urlbar-container {
+ padding-left: 2
2
px;
+ -moz-margin-start: -2
2
px;
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])) >
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-button
box
+ #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])) >
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-button
box
: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])) >
-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-button
box
+ #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])) >
}
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
box
+ #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])) >
}
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
box
[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])) >
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-button
box
[forwarddisabled] + #urlbar-container > #urlbar {
- margin-left: -2
7
px;
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
+ margin-left: -2
2
px;
}
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])) >
}
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
box
[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])) >
/* 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-button
box
[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 */
/* when not hovered anymore, trigger a new transition to hide the forward button immediately */
- margin-left: -2
7
.01px;
+ margin-left: -2
2
.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])) >
}
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
box
+ #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])) >
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
box
+ #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);
}
/* let winstripe-urlbar-back-button-mask clip the urlbar's right side for RTL */
-moz-transform: scaleX(-1);
}
@@
-1329,41
+1348,41
@@
html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
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])) >
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
box
+ #urlbar-container > #urlbar > #identity-box {
+ #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])) >
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-button
box
[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])) >
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-button
box
[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])) >
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-button
box
[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])) >
/* 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-button
box
[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])) >
/* 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-button
box
[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;
}
/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
padding-right: 5.01px;
}
@@
-2158,7
+2177,7
@@
toolbarbutton.bookmark-item[dragover="true"][open="true"] {
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])) >
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
box
[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
+ #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
padding-left: 5px;
}
padding-left: 5px;
}
@@
-2402,6
+2421,13
@@
panel[dimmed="true"] {
border-width: 0;
}
border-width: 0;
}
+#addon-bar[customizing] > #status-bar {
+ opacity: .5;
+/* background-image: -moz-repeating-linear-gradient(-45deg,
+ rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
+ rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
+}
+
/* Remove all borders from statusbarpanel children of
the statusbar.
#status-bar > statusbarpanel {
/* Remove all borders from statusbarpanel children of
the statusbar.
#status-bar > statusbarpanel {
@@
-2613,7
+2639,6
@@
highlighter-veil-transparentbox {
/* The content of the button can be larger than the button */
overflow: hidden;
min-height: 25px;
/* The content of the button can be larger than the button */
overflow: hidden;
min-height: 25px;
-
margin: 0 -11px 0 0;
padding: 0 9px;
}
margin: 0 -11px 0 0;
padding: 0 9px;
}