Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-09 11:25:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 497995: Part 5 - Change existing border-image uses in the tree to match the new spec. r=dbaron

Browse Source 
--HG--
extra : rebase_source : 2adf368c0a144fe9de4958da626988694e914098
This commit is contained in:
William Chen 2011-12-22 18:35:20 -05:00
parent 9e6b82159e
commit 236d6aa027
5 changed files with 44 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
browser/app/profile/extensions/testpilot@labs.mozilla.com/content/browser.css
View File

@ -35,7 +35,9 @@
} }
.tail-up { .tail-up {
-moz-border-image: url(chrome://testpilot-os/skin/notification-tail-up.png) 26 56 22 18 / 26px 56px 22px 18px round stretch; border-width: 26px 56px 22px 18px;
border-style: solid;
-moz-border-image: url(chrome://testpilot-os/skin/notification-tail-up.png) 26 56 22 18 fill round stretch;
} }
/* tail-down uses the old styling; it doesn't look as good as the new styling, /* tail-down uses the old styling; it doesn't look as good as the new styling,
@ -44,7 +46,9 @@
installed Test Pilot from AMO, they should get the new styling, similar installed Test Pilot from AMO, they should get the new styling, similar
to .tail-up! */ to .tail-up! */
.tail-down { .tail-down {
-moz-border-image: url(chrome://testpilot/skin/notification-tail-down.png) 26 50 22 18 / 26px 50px 22px 18px repeat; border-width: 26px 50px 22px 18px;
border-style: solid;
-moz-border-image: url(chrome://testpilot/skin/notification-tail-down.png) 26 50 22 18 fill repeat;
color: white; color: white;
} }

17
browser/themes/gnomestripe/browser.css
View File

@ -1239,8 +1239,9 @@ toolbar[iconsize="small"] #feed-button {
background-clip: padding-box; background-clip: padding-box;
padding-left: 4px; padding-left: 4px;
border-radius: 2.5px 0 0 2.5px; border-radius: 2.5px 0 0 2.5px;
-moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; border-width: 0 8px 0 0;
-moz-margin-end: -8px; border-style: solid;
-moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; -moz-margin-end: -8px;
margin-top: -1px; margin-top: -1px;
margin-bottom: -1px; margin-bottom: -1px;
} }
@ -1498,7 +1499,9 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
color: inherit; color: inherit;
margin: 0; margin: 0;
padding: 0; padding: 0;
-moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch; border-width: 4px 5px 3px 6px;
border-style: solid;
-moz-border-image: url(tabbrowser/tab.png) 4 5 3 6 fill repeat stretch;
border-radius: 10px 8px 0 0; border-radius: 10px 8px 0 0;
min-height: 25px; /* reserve space for the sometimes hidden close button */ min-height: 25px; /* reserve space for the sometimes hidden close button */
} }
@ -1670,12 +1673,16 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr), .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr),
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(rtl) { .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(rtl) {
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 2px 0 0; border-width: 0 2px 0 0;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
} }
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(ltr), .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(ltr),
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(rtl) { .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(rtl) {
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 0 0 2px; border-width: 0 0 0 2px;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
} }
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon, #TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,

24
browser/themes/pinstripe/browser.css
View File

@ -1856,30 +1856,30 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
@TABSONTOP_TAB_STACK@ > .tab-content, @TABSONTOP_TAB_STACK@ > .tab-content,
@TABSONTOP_NEWTAB_BUTTON@ > .toolbarbutton-icon { @TABSONTOP_NEWTAB_BUTTON@ > .toolbarbutton-icon {
-moz-border-image: url(chrome://browser/skin/tabbrowser/tab-top-normal-active.png) 0 11 repeat stretch; -moz-border-image: url(chrome://browser/skin/tabbrowser/tab-top-normal-active.png) 0 11 fill repeat stretch;
} }
@TABSONTOP_TAB@:hover > .tab-stack > .tab-content:not([selected="true"]), @TABSONTOP_TAB@:hover > .tab-stack > .tab-content:not([selected="true"]),
@TABSONTOP_NEWTAB_BUTTON@:hover > .toolbarbutton-icon { @TABSONTOP_NEWTAB_BUTTON@:hover > .toolbarbutton-icon {
-moz-border-image: url(chrome://browser/skin/tabbrowser/tab-top-hover-active.png) 0 11 repeat stretch; -moz-border-image: url(chrome://browser/skin/tabbrowser/tab-top-hover-active.png) 0 11 fill repeat stretch;
} }
@TABSONTOP_TAB_STACK@ > .tab-content[selected="true"] { @TABSONTOP_TAB_STACK@ > .tab-content[selected="true"] {
-moz-border-image: url(chrome://browser/skin/tabbrowser/tab-top-selected-active.png) 0 11 repeat stretch; -moz-border-image: url(chrome://browser/skin/tabbrowser/tab-top-selected-active.png) 0 11 fill repeat stretch;
} }
@TABSONBOTTOM_TAB_STACK@ > .tab-content, @TABSONBOTTOM_TAB_STACK@ > .tab-content,
@TABSONBOTTOM_NEWTAB_BUTTON@ > .toolbarbutton-icon { @TABSONBOTTOM_NEWTAB_BUTTON@ > .toolbarbutton-icon {
-moz-border-image: url(chrome://browser/skin/tabbrowser/tab-bottom-normal-active.png) 0 11 repeat stretch; -moz-border-image: url(chrome://browser/skin/tabbrowser/tab-bottom-normal-active.png) 0 11 fill repeat stretch;
} }
@TABSONBOTTOM_TAB@:hover > .tab-stack > .tab-content:not([selected="true"]), @TABSONBOTTOM_TAB@:hover > .tab-stack > .tab-content:not([selected="true"]),
@TABSONBOTTOM_NEWTAB_BUTTON@:hover > .toolbarbutton-icon { @TABSONBOTTOM_NEWTAB_BUTTON@:hover > .toolbarbutton-icon {
-moz-border-image: url(chrome://browser/skin/tabbrowser/tab-bottom-hover-active.png) 0 11 repeat stretch; -moz-border-image: url(chrome://browser/skin/tabbrowser/tab-bottom-hover-active.png) 0 11 fill repeat stretch;
} }
@TABSONBOTTOM_TAB_STACK@ > .tab-content[selected="true"] { @TABSONBOTTOM_TAB_STACK@ > .tab-content[selected="true"] {
-moz-border-image: url(chrome://browser/skin/tabbrowser/tab-bottom-selected-active.png) 0 11 repeat stretch; -moz-border-image: url(chrome://browser/skin/tabbrowser/tab-bottom-selected-active.png) 0 11 fill repeat stretch;
} }
/* preloading hack */ /* preloading hack */
@ -2090,12 +2090,16 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr), .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr),
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(rtl) { .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(rtl) {
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 2px 0 0; border-width: 0 2px 0 0;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
} }
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(ltr), .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(ltr),
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(rtl) { .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(rtl) {
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 0 0 2px; border-width: 0 0 0 2px;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
} }
/** /**
@ -2310,7 +2314,9 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
background-clip: padding-box; background-clip: padding-box;
padding-left: 3px; padding-left: 3px;
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
-moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; border-width: 0 8px 0 0;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill;
-moz-margin-end: -8px; -moz-margin-end: -8px;
} }

12
browser/themes/winstripe/browser.css
View File

@ -1819,7 +1819,9 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0; margin: 0;
padding: 2px 0 4px; padding: 2px 0 4px;
-moz-border-image: url(tabbrowser/tab.png) 4 3 0 / 4px 3px 0 repeat stretch; border-width: 4px 3px 0;
border-style: solid;
-moz-border-image: url(tabbrowser/tab.png) 4 3 0 fill repeat stretch;
border-radius: 0; border-radius: 0;
} }
@ -2014,7 +2016,9 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]), .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]),
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) { .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) {
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 2px 0 0; border-width: 0 2px 0 0;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
} }
.tabs-newtab-button > .toolbarbutton-icon { .tabs-newtab-button > .toolbarbutton-icon {
@ -2312,7 +2316,9 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
background-clip: padding-box; background-clip: padding-box;
padding-left: 3px; padding-left: 3px;
border-radius: 2.5px 0 0 2.5px; border-radius: 2.5px 0 0 2.5px;
-moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; border-width: 0 8px 0 0;
border-style: solid;
-moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill;
-moz-margin-end: -8px; -moz-margin-end: -8px;
} }

4
toolkit/themes/pinstripe/global/preferences.css
View File

@ -85,11 +85,11 @@ radio[pane]:active:hover > .paneButtonIcon {
} }
radio[pane][selected="true"] { radio[pane][selected="true"] {
-moz-border-image: url("chrome://global/skin/icons/panebutton-active.png") 0 2 repeat stretch; -moz-border-image: url("chrome://global/skin/icons/panebutton-active.png") 0 2 fill repeat stretch;
} }
radio[pane][selected="true"]:-moz-window-inactive { radio[pane][selected="true"]:-moz-window-inactive {
-moz-border-image: url("chrome://global/skin/icons/panebutton-inactive.png") 0 2 repeat stretch; -moz-border-image: url("chrome://global/skin/icons/panebutton-inactive.png") 0 2 fill repeat stretch;
} }
.paneButtonLabel { .paneButtonLabel {