mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-11 12:25:53 +00:00
Bug 559033 - New Mac toolbar button style. r=dao
This commit is contained in:
Markus Stange
parent
5c42ff9f69
commit
63511cb6ef
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 11 KiB |
@ -95,10 +95,8 @@
|
||||
}
|
||||
|
||||
.tabs-newtab-button:-moz-lwtheme-darktext,
|
||||
#TabsToolbar > #new-tab-button:-moz-lwtheme-darktext,
|
||||
#TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-lwtheme-darktext,
|
||||
#TabsToolbar > #alltabs-button:-moz-lwtheme-darktext,
|
||||
#TabsToolbar > toolbarpaletteitem > #alltabs-button:-moz-lwtheme-darktext,
|
||||
#TabsToolbar > toolbarbutton:-moz-lwtheme-darktext,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton:-moz-lwtheme-darktext,
|
||||
#tabs-closebutton:-moz-lwtheme-darktext,
|
||||
.tabbrowser-arrowscrollbox:-moz-lwtheme-darktext > .scrollbutton-up,
|
||||
.tabbrowser-arrowscrollbox:-moz-lwtheme-darktext > .scrollbutton-down,
|
||||
@ -107,10 +105,8 @@
|
||||
}
|
||||
|
||||
.tabs-newtab-button:-moz-lwtheme-brighttext,
|
||||
#TabsToolbar > #new-tab-button:-moz-lwtheme-brighttext,
|
||||
#TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-lwtheme-brighttext,
|
||||
#TabsToolbar > #alltabs-button:-moz-lwtheme-brighttext,
|
||||
#TabsToolbar > toolbarpaletteitem > #alltabs-button:-moz-lwtheme-brighttext,
|
||||
#TabsToolbar > toolbarbutton:-moz-lwtheme-brighttext,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton:-moz-lwtheme-brighttext,
|
||||
#tabs-closebutton:-moz-lwtheme-brighttext,
|
||||
.tabbrowser-arrowscrollbox:-moz-lwtheme-brighttext > .scrollbutton-up,
|
||||
.tabbrowser-arrowscrollbox:-moz-lwtheme-brighttext > .scrollbutton-down,
|
||||
@ -127,6 +123,11 @@
|
||||
border-top: 1px solid rgba(0,0,0,0.65);
|
||||
}
|
||||
|
||||
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
|
||||
-moz-box-align: center;
|
||||
padding: 2px 4px 4px;
|
||||
}
|
||||
|
||||
/* ----- BOOKMARK TOOLBAR ----- */
|
||||
|
||||
#PersonalToolbar {
|
||||
@ -135,8 +136,6 @@
|
||||
background-color: -moz-mac-chrome-active;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.57);
|
||||
min-height: 22px;
|
||||
padding: 0 4px 3px;
|
||||
-moz-box-align: center;
|
||||
}
|
||||
|
||||
#PersonalToolbar:-moz-window-inactive {
|
||||
@ -295,133 +294,202 @@ toolbarbutton.bookmark-item > menupopup {
|
||||
|
||||
.toolbarbutton-1,
|
||||
#restore-button,
|
||||
#back-forward-dropmarker {
|
||||
min-width: 0px;
|
||||
list-style-image: url("chrome://browser/skin/Toolbar.png");
|
||||
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button,
|
||||
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker {
|
||||
margin: 0;
|
||||
-moz-box-orient: vertical;
|
||||
}
|
||||
|
||||
toolbar[mode="text"] .toolbarbutton-1,
|
||||
toolbar[mode="text"] .toolbarbutton-menubutton-button {
|
||||
-moz-box-orient: horizontal;
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]),
|
||||
toolbar[mode="icons"] #restore-button,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker {
|
||||
padding: 0 3px;
|
||||
height: 22px;
|
||||
border: 1px solid @toolbarbuttonBorderColor@;
|
||||
-moz-border-radius: @toolbarbuttonCornerRadius@;
|
||||
-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
||||
background: @toolbarbuttonBackground@;
|
||||
background-origin: border-box;
|
||||
}
|
||||
|
||||
toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-text {
|
||||
margin: 4px;
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]),
|
||||
toolbar[mode="icons"] #restore-button,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button {
|
||||
min-width: 28px;
|
||||
}
|
||||
|
||||
#nav-bar .toolbarbutton-1,
|
||||
.toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#restore-button > .toolbarbutton-icon,
|
||||
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
|
||||
padding: 0;
|
||||
max-height: 20px;
|
||||
}
|
||||
|
||||
/* Only set the max-width in icon-only mode because it affects the label, too */
|
||||
toolbar[mode="icons"] .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
toolbar[mode="icons"] #restore-button > .toolbarbutton-icon,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
.toolbarbutton-1[disabled="true"] > .toolbarbutton-icon,
|
||||
#restore-button[disabled="true"] > .toolbarbutton-icon,
|
||||
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.toolbarbutton-1,
|
||||
#restore-button,
|
||||
toolbarbutton[type="menu-button"] {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.toolbarbutton-1,
|
||||
#restore-button {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
list-style-image: url("chrome://browser/skin/Toolbar.png");
|
||||
}
|
||||
|
||||
#navigator-toolbox > toolbar > toolbaritem:-moz-window-inactive,
|
||||
#navigator-toolbox > toolbar > toolbarbutton:-moz-window-inactive {
|
||||
opacity: 0.75;
|
||||
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker {
|
||||
list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker.png);
|
||||
}
|
||||
|
||||
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
|
||||
#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
|
||||
#back-forward-dropmarker:-moz-locale-dir(rtl) > .toolbarbutton-icon {
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker {
|
||||
width: 14px;
|
||||
padding-top: 2px;
|
||||
-moz-border-start: none !important;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr) {
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
}
|
||||
|
||||
toolbar:not([mode="icons"]) toolbarbutton[type="menu-button"]:not([open="true"]) > .toolbarbutton-menubutton-dropmarker {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.toolbarbutton-1 > .toolbarbutton-text,
|
||||
toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button > .toolbarbutton-text {
|
||||
margin: 2px 0 0;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):active:hover,
|
||||
toolbar[mode="icons"] #restore-button:not([disabled="true"]):active:hover,
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"])[open="true"],
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"]:not([disabled="true"]) > .toolbarbutton-menubutton-button:active:hover,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
|
||||
background: @toolbarbuttonPressedBackgroundColor@;
|
||||
text-shadow: @loweredShadow@;
|
||||
-moz-box-shadow: @toolbarbuttonPressedInnerShadow@, @loweredShadow@;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]):not(#fullscreen-button)[checked="true"] {
|
||||
background: #606060;
|
||||
-moz-box-shadow: inset #2A2A2A 0 3px 5px, @loweredShadow@;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]):not(#fullscreen-button)[checked="true"]:not([disabled="true"]):active:hover {
|
||||
background: #4E4E4E;
|
||||
-moz-box-shadow: inset #1c1c1c 0 3px 5px;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]):-moz-window-inactive,
|
||||
toolbar[mode="icons"] #restore-button:-moz-window-inactive,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button:-moz-window-inactive,
|
||||
toolbar[mode="icons"] toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker:-moz-window-inactive {
|
||||
border-color: @toolbarbuttonInactiveBorderColor@;
|
||||
background-image: @toolbarbuttonInactiveBackgroundImage@;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] .toolbarbutton-1:not([type="menu-button"]):not(#fullscreen-button)[checked="true"]:-moz-window-inactive {
|
||||
background: #8E8E8E;
|
||||
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 3px 5px, @loweredShadow@;
|
||||
}
|
||||
|
||||
/* unified back/forward button */
|
||||
|
||||
#unified-back-forward-button {
|
||||
-moz-box-align: center;
|
||||
}
|
||||
|
||||
#back-button:-moz-locale-dir(ltr),
|
||||
#forward-button:-moz-locale-dir(rtl) {
|
||||
-moz-image-region: rect(0, 40px, 20px, 20px);
|
||||
}
|
||||
|
||||
#back-button:-moz-locale-dir(rtl),
|
||||
#forward-button:-moz-locale-dir(ltr) {
|
||||
-moz-image-region: rect(0, 60px, 20px, 40px);
|
||||
}
|
||||
|
||||
toolbar:not([iconsize="small"])[mode="icons"] #back-button {
|
||||
-moz-margin-end: -5px;
|
||||
position: relative;
|
||||
-moz-image-region: rect(0, 20px, 20px, 0);
|
||||
}
|
||||
|
||||
toolbar:not([iconsize="small"])[mode="icons"] #back-button:-moz-locale-dir(rtl) {
|
||||
-moz-transform: scaleX(-1);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT BACK BUTTON, STAND-ALONE ----- */
|
||||
|
||||
#back-button {
|
||||
-moz-image-region: rect(0px, 36px, 23px, 0px);
|
||||
}
|
||||
#back-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 36px, 46px, 0px);
|
||||
}
|
||||
#back-button:hover:active:not([disabled]),
|
||||
#back-button[open="true"] {
|
||||
-moz-image-region: rect(46px, 36px, 69px, 0px);
|
||||
toolbar:not([iconsize="small"])[mode="icons"] #back-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 4px 5px 4px 3px;
|
||||
-moz-border-radius: 100%;
|
||||
}
|
||||
|
||||
/* ----- DEFAULT FORWARD BUTTON, STAND-ALONE ----- */
|
||||
|
||||
#forward-button {
|
||||
-moz-image-region: rect(0px, 72px, 23px, 36px);
|
||||
}
|
||||
|
||||
#forward-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 72px, 46px, 36px);
|
||||
}
|
||||
#forward-button:hover:active:not([disabled]),
|
||||
#forward-button[open="true"] {
|
||||
-moz-image-region: rect(46px, 72px, 69px, 36px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT BACK/FORWARD BUTTONS ----- */
|
||||
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #back-button {
|
||||
-moz-image-region: rect(0px, 535px, 33px, 504px);
|
||||
-moz-margin-end: 0;
|
||||
-moz-padding-end: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #back-button[disabled="true"] {
|
||||
-moz-image-region: rect(33px, 535px, 66px, 504px);
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #back-button:hover:active:not([disabled]),
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #back-button[open="true"] {
|
||||
-moz-image-region: rect(66px, 535px, 99px, 504px);
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #forward-button {
|
||||
-moz-image-region: rect(0px, 560px, 33px, 535px);
|
||||
toolbar[mode="icons"] #forward-button {
|
||||
-moz-margin-start: 0;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"]:not([iconsize="small"]) #forward-button {
|
||||
/* 1px to the right */
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 2px;
|
||||
}
|
||||
|
||||
toolbar[iconsize="small"][mode="icons"] #back-button {
|
||||
-moz-margin-end: 0;
|
||||
-moz-padding-start: 0;
|
||||
-moz-padding-end: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #forward-button[disabled="true"] {
|
||||
-moz-image-region: rect(33px, 560px, 66px, 535px);
|
||||
toolbar[iconsize="small"][mode="icons"] #back-button {
|
||||
width: 26px;
|
||||
-moz-border-end-width: 0;
|
||||
-moz-padding-end: 2px;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #forward-button:hover:active:not([disabled]),
|
||||
toolbar[mode="icons"] #unified-back-forward-button > #forward-button[open="true"] {
|
||||
-moz-image-region: rect(99px, 560px, 132px, 530px);
|
||||
-moz-margin-start: -5px;
|
||||
toolbar[iconsize="small"][mode="icons"] #forward-button {
|
||||
width: 27px;
|
||||
-moz-padding-start: 2px;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"]:not([iconsize="small"]) #forward-button:-moz-locale-dir(ltr),
|
||||
toolbar[iconsize="small"][mode="icons"] #back-button:-moz-locale-dir(rtl),
|
||||
toolbar[iconsize="small"][mode="icons"] #forward-button:-moz-locale-dir(ltr) {
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"]:not([iconsize="small"]) #forward-button:-moz-locale-dir(rtl),
|
||||
toolbar[iconsize="small"][mode="icons"] #back-button:-moz-locale-dir(ltr),
|
||||
toolbar[iconsize="small"][mode="icons"] #forward-button:-moz-locale-dir(rtl) {
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
}
|
||||
|
||||
#back-forward-dropmarker {
|
||||
-moz-image-region: rect(0px, 571px, 33px, 560px);
|
||||
-moz-margin-start: 0;
|
||||
-moz-margin-end: 3px;
|
||||
-moz-padding-start: 0;
|
||||
-moz-padding-end: 1px;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #back-forward-dropmarker > image {
|
||||
display: -moz-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"] #back-forward-dropmarker > dropmarker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#back-forward-dropmarker[disabled="true"] {
|
||||
-moz-image-region: rect(33px, 571px, 66px, 560px);
|
||||
}
|
||||
|
||||
#back-forward-dropmarker:hover:active:not([disabled]),
|
||||
#back-forward-dropmarker[open="true"] {
|
||||
-moz-image-region: rect(66px, 571px, 99px, 560px);
|
||||
}
|
||||
|
||||
.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
|
||||
.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
|
||||
list-style-image: url("chrome://browser/skin/menu-back.png") !important;
|
||||
@ -433,95 +501,22 @@ toolbar[mode="icons"] #back-forward-dropmarker > dropmarker {
|
||||
}
|
||||
|
||||
|
||||
/* ----- SMALL BACK BUTTON, PAIRED----- */
|
||||
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button {
|
||||
-moz-image-region: rect(0px, 605px, 23px, 571px);
|
||||
-moz-margin-end: 0;
|
||||
-moz-padding-end: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 605px, 46px, 571px);
|
||||
}
|
||||
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button:hover:active:not([disabled]),
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[open="true"] {
|
||||
-moz-image-region: rect(46px, 605px, 69px, 571px);
|
||||
}
|
||||
|
||||
/* ----- SMALL FORWARD BUTTON, PAIRED ----- */
|
||||
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button {
|
||||
-moz-image-region: rect(0px, 638px, 23px, 605px);
|
||||
-moz-margin-start: 0;
|
||||
-moz-padding-start: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 638px, 46px, 605px);
|
||||
}
|
||||
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button:hover:active:not([disabled]),
|
||||
toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[open="true"] {
|
||||
-moz-image-region: rect(46px, 638px, 69px, 605px);
|
||||
-moz-margin-start: 0;
|
||||
}
|
||||
|
||||
/* ----- SMALL BACK/FORWARD DROPMARKER ----- */
|
||||
|
||||
toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker {
|
||||
-moz-image-region: rect(0px, 648px, 23px, 638px);
|
||||
}
|
||||
|
||||
toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 648px, 46px, 638px);
|
||||
}
|
||||
|
||||
toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker:hover:active:not([disabled]),
|
||||
toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[open="true"] {
|
||||
-moz-image-region: rect(46px, 648px, 69px, 638px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT RELOAD BUTTON ----- */
|
||||
/* reload button */
|
||||
|
||||
#reload-button {
|
||||
-moz-image-region: rect(0px, 108px, 23px, 72px);
|
||||
}
|
||||
#reload-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 108px, 46px, 72px) !important;
|
||||
}
|
||||
#reload-button:hover:active {
|
||||
-moz-image-region: rect(46px, 108px, 69px, 72px);
|
||||
-moz-image-region: rect(0, 80px, 20px, 60px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT STOP BUTTON ----- */
|
||||
/* stop button */
|
||||
|
||||
#stop-button {
|
||||
-moz-image-region: rect(0px, 144px, 23px, 108px);
|
||||
}
|
||||
#stop-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 144px, 46px, 108px) !important;
|
||||
}
|
||||
#stop-button:hover:active {
|
||||
-moz-image-region: rect(46px, 144px, 69px, 108px);
|
||||
-moz-image-region: rect(0, 100px, 20px, 80px);
|
||||
}
|
||||
|
||||
|
||||
/* ----- DEFAULT HOME BUTTON ----- */
|
||||
/* home button */
|
||||
|
||||
#home-button {
|
||||
-moz-image-region: rect(0px, 180px, 23px, 144px);
|
||||
}
|
||||
#home-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 180px, 46px, 144px) !important;
|
||||
}
|
||||
#home-button:hover:active {
|
||||
-moz-image-region: rect(46px, 180px, 69px, 144px);
|
||||
-moz-image-region: rect(0, 120px, 20px, 100px);
|
||||
}
|
||||
|
||||
#home-button.bookmark-item {
|
||||
@ -538,146 +533,94 @@ toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarke
|
||||
-moz-margin-start: -2px;
|
||||
-moz-margin-end: 3px;
|
||||
}
|
||||
/* ----- DEFAULT DOWNLOADS BUTTON ----- */
|
||||
|
||||
/* download manager button */
|
||||
|
||||
#downloads-button {
|
||||
-moz-image-region: rect(0px, 216px, 23px, 180px);
|
||||
}
|
||||
#downloads-button:hover:active {
|
||||
-moz-image-region: rect(46px, 216px, 69px, 180px);
|
||||
-moz-image-region: rect(0, 140px, 20px, 120px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT HISTORY BUTTON ----- */
|
||||
/* history sidebar button */
|
||||
|
||||
#history-button {
|
||||
-moz-image-region: rect(0px, 252px, 23px, 216px);
|
||||
}
|
||||
#history-button:hover:active {
|
||||
-moz-image-region: rect(46px, 252px, 69px, 216px);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
-moz-image-region: rect(0, 160px, 20px, 140px);
|
||||
}
|
||||
|
||||
#history-button[checked="true"] {
|
||||
-moz-image-region: rect(69px, 252px, 92px, 216px);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
-moz-image-region: rect(20px, 160px, 40px, 140px);
|
||||
}
|
||||
|
||||
#history-button[checked="true"]:hover:active {
|
||||
-moz-image-region: rect(92px, 252px, 115px, 216px);
|
||||
#history-button[checked="true"]:active:hover {
|
||||
-moz-image-region: rect(40px, 160px, 60px, 140px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT BOOKMARKS BUTTON ----- */
|
||||
/* bookmark sidebar button */
|
||||
|
||||
#bookmarks-button {
|
||||
-moz-image-region: rect(0px, 288px, 23px, 252px);
|
||||
}
|
||||
#bookmarks-button:hover:active {
|
||||
-moz-image-region: rect(46px, 288px, 69px, 252px);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
-moz-image-region: rect(0, 180px, 20px, 160px);
|
||||
}
|
||||
|
||||
#bookmarks-button[checked="true"] {
|
||||
-moz-image-region: rect(69px, 288px, 92px, 252px);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
-moz-image-region: rect(20px, 180px, 40px, 160px);
|
||||
}
|
||||
|
||||
#bookmarks-button[checked="true"]:hover:active {
|
||||
-moz-image-region: rect(92px, 288px, 115px, 252px);
|
||||
#bookmarks-button[checked="true"]:active:hover {
|
||||
-moz-image-region: rect(40px, 180px, 60px, 160px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT PRINT BUTTON ----- */
|
||||
/* print button */
|
||||
|
||||
#print-button {
|
||||
-moz-image-region: rect(0px, 324px, 23px, 288px);
|
||||
}
|
||||
#print-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 324px, 46px, 288px);
|
||||
}
|
||||
#print-button:hover:active {
|
||||
-moz-image-region: rect(46px, 324px, 69px, 288px);
|
||||
-moz-image-region: rect(0, 200px, 20px, 180px);
|
||||
}
|
||||
|
||||
/* ----- TOOLBAR NEW-TAB BUTTON ----- */
|
||||
/* toolbar new tab button */
|
||||
|
||||
#new-tab-button {
|
||||
-moz-image-region: rect(0px, 360px, 23px, 324px);
|
||||
}
|
||||
#new-tab-button:hover:active {
|
||||
-moz-image-region: rect(46px, 360px, 69px, 324px);
|
||||
-moz-image-region: rect(0, 220px, 20px, 200px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT NEW-WINDOW BUTTON ----- */
|
||||
/* new window button */
|
||||
|
||||
#new-window-button {
|
||||
-moz-image-region: rect(0px, 396px, 23px, 360px);
|
||||
}
|
||||
#new-window-button:hover:active {
|
||||
-moz-image-region: rect(46px, 396px, 69px, 360px);
|
||||
-moz-image-region: rect(0, 240px, 20px, 220px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT CUT BUTTON ----- */
|
||||
/* cut button */
|
||||
|
||||
#cut-button {
|
||||
-moz-image-region: rect(0px, 432px, 23px, 396px);
|
||||
}
|
||||
#cut-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 432px, 46px, 396px) !important;
|
||||
}
|
||||
#cut-button:hover:active,
|
||||
#cut-button[checked="true"] {
|
||||
-moz-image-region: rect(46px, 432px, 69px, 396px);
|
||||
-moz-image-region: rect(0, 260px, 20px, 240px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT COPY BUTTON ----- */
|
||||
/* copy button */
|
||||
|
||||
#copy-button {
|
||||
-moz-image-region: rect(0px, 468px, 23px, 432px);
|
||||
}
|
||||
#copy-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 468px, 46px, 432px) !important;
|
||||
}
|
||||
#copy-button:hover:active,
|
||||
#copy-button[checked="true"] {
|
||||
-moz-image-region: rect(46px, 468px, 69px, 432px);
|
||||
-moz-image-region: rect(0, 280px, 20px, 260px);
|
||||
}
|
||||
|
||||
/* ----- DEFAULT PASTE BUTTON ----- */
|
||||
/* paste button */
|
||||
|
||||
#paste-button {
|
||||
-moz-image-region: rect(0px, 504px, 23px, 468px);
|
||||
-moz-image-region: rect(0, 300px, 20px, 280px);
|
||||
}
|
||||
#paste-button[disabled="true"] {
|
||||
-moz-image-region: rect(23px, 504px, 46px, 468px) !important;
|
||||
|
||||
/* alltabs button */
|
||||
|
||||
#alltabs-button {
|
||||
-moz-image-region: rect(0, 380px, 20px, 360px);
|
||||
}
|
||||
#paste-button:hover:active,
|
||||
#paste-button[checked="true"] {
|
||||
-moz-image-region: rect(46px, 504px, 69px, 468px);
|
||||
|
||||
/* fullscreen button */
|
||||
|
||||
#fullscreen-button {
|
||||
-moz-image-region: rect(0, 340px, 20px, 320px);
|
||||
}
|
||||
|
||||
/* ----- FULLSCREEN AND RESTORE BUTTON ----- */
|
||||
|
||||
#fullscreen-button {
|
||||
-moz-image-region: rect(0px, 684px, 23px, 648px);
|
||||
}
|
||||
|
||||
#fullscreen-button:hover:active {
|
||||
-moz-image-region: rect(46px, 684px, 69px, 648px);
|
||||
}
|
||||
|
||||
#fullscreen-button[checked="true"],
|
||||
#restore-button {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
-moz-image-region: rect(0px, 720px, 23px, 684px);
|
||||
}
|
||||
|
||||
#fullscreen-button[checked="true"]:hover:active,
|
||||
#restore-button:hover:active {
|
||||
-moz-image-region: rect(46px, 720px, 69px, 684px);
|
||||
-moz-image-region: rect(0, 360px, 20px, 340px);
|
||||
}
|
||||
|
||||
/* ----- FULLSCREEN WINDOW CONTROLS ----- */
|
||||
@ -705,8 +648,7 @@ toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarke
|
||||
padding: 1px;
|
||||
background: -moz-linear-gradient(top, rgba(0,0,0,.55), rgba(0,0,0,.27));
|
||||
-moz-box-shadow: @loweredShadow@;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.searchbar-textbox[focused="true"],
|
||||
@ -822,12 +764,9 @@ toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarke
|
||||
min-width: 8px;
|
||||
width: 8px;
|
||||
background-image: none;
|
||||
-moz-margin-start: -4px;
|
||||
}
|
||||
|
||||
#urlbar-search-splitter + #urlbar-container > #urlbar,
|
||||
#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
|
||||
-moz-margin-start: 0;
|
||||
margin: 0 -4px;
|
||||
position: relative;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
#page-proxy-favicon,
|
||||
@ -1432,13 +1371,12 @@ sidebarheader > .tabs-closebutton > .toolbarbutton-text {
|
||||
list-style-image: url("chrome://global/skin/icons/notloading_16.png");
|
||||
}
|
||||
|
||||
|
||||
toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
padding: 0 4px;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
#nav-bar[collapsed="true"] + toolbar[customindex] {
|
||||
@ -1587,11 +1525,6 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
||||
background-color: #e2e2e2;
|
||||
}
|
||||
|
||||
#TabsToolbar > toolbarbutton,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs {
|
||||
-moz-box-align: stretch;
|
||||
height: 25px;
|
||||
@ -1696,28 +1629,59 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
||||
|
||||
|
||||
/**
|
||||
* Tabstrip New Tab & All Tabs Buttons
|
||||
* Tabstrip toolbar buttons
|
||||
*/
|
||||
|
||||
#TabsToolbar > #new-tab-button,
|
||||
#TabsToolbar > toolbarpaletteitem > #new-tab-button,
|
||||
#TabsToolbar > #alltabs-button,
|
||||
#TabsToolbar > toolbarpaletteitem > #alltabs-button {
|
||||
-moz-border-start: 2px solid;
|
||||
-moz-border-end: none;
|
||||
-moz-border-left-colors: rgba(0,0,0,0.25) rgba(255,255,255,0.15);
|
||||
-moz-border-right-colors: rgba(0,0,0,0.25) rgba(255,255,255,0.15);
|
||||
#TabsToolbar > toolbarbutton,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
-moz-border-radius: 0;
|
||||
background: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
#TabsToolbar > toolbarbutton:not([type="menu-button"]),
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton:not([type="menu-button"]),
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-dropmarker {
|
||||
-moz-border-start: 2px solid !important;
|
||||
-moz-border-end: none !important;
|
||||
-moz-border-left-colors: rgba(0,0,0,0.25) rgba(255,255,255,0.15) !important;
|
||||
-moz-border-right-colors: rgba(0,0,0,0.25) rgba(255,255,255,0.15) !important;
|
||||
background-clip: padding-box;
|
||||
margin: 0;
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.tabs-newtab-button > .toolbarbutton-icon,
|
||||
#TabsToolbar > #new-tab-button > .toolbarbutton-icon,
|
||||
#TabsToolbar > toolbarpaletteitem > #new-tab-button > .toolbarbutton-icon,
|
||||
#TabsToolbar > #alltabs-button > .toolbarbutton-icon,
|
||||
#TabsToolbar > toolbarpaletteitem > #alltabs-button > .toolbarbutton-icon {
|
||||
#TabsToolbar > toolbarbutton > .toolbarbutton-icon,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
|
||||
#TabsToolbar > toolbarpaletteitem > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#TabsToolbar > toolbarbutton:not([type="menu-button"]):not([disabled="true"]):not([open="true"]):hover,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button:not([disabled="true"]):hover,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"]:not([disabled="true"]):not([buttonover="true"]):hover > .toolbarbutton-menubutton-dropmarker {
|
||||
background-color: rgba(0,0,0,0.10) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar > toolbarbutton:not([type="menu-button"]):not([disabled="true"]):hover:active,
|
||||
#TabsToolbar > toolbarbutton[type="menu"][open="true"],
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"] > .toolbarbutton-menubutton-button:not([disabled="true"]):hover:active,
|
||||
#TabsToolbar > toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker {
|
||||
background-color: rgba(0,0,0,0.20) !important;
|
||||
}
|
||||
|
||||
.tabs-newtab-button,
|
||||
#TabsToolbar > #new-tab-button,
|
||||
#TabsToolbar > toolbarpaletteitem > #new-tab-button {
|
||||
@ -1735,30 +1699,20 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
||||
-moz-image-region: rect(0, 54px, 20px, 36px);
|
||||
}
|
||||
|
||||
#alltabs-button {
|
||||
#TabsToolbar > #alltabs-button {
|
||||
list-style-image: url(chrome://browser/skin/tabbrowser/alltabs-box-bkgnd-icon.png);
|
||||
-moz-image-region: rect(0, 22px, 20px, 0);
|
||||
}
|
||||
|
||||
#alltabs-button:hover {
|
||||
#TabsToolbar > #alltabs-button:not([disabled="true"]):hover {
|
||||
-moz-image-region: rect(0, 44px, 20px, 22px);
|
||||
}
|
||||
|
||||
#alltabs-button[type="menu"][open="true"],
|
||||
#alltabs-button:hover:active {
|
||||
#TabsToolbar > #alltabs-button[type="menu"][open="true"]:not([disabled="true"]),
|
||||
#TabsToolbar > #alltabs-button:not([disabled="true"]):hover:active {
|
||||
-moz-image-region: rect(0, 66px, 20px, 44px);
|
||||
}
|
||||
|
||||
#TabsToolbar > #new-tab-button:hover,
|
||||
#TabsToolbar > #alltabs-button:hover {
|
||||
background-color: rgba(0,0,0,0.10);
|
||||
}
|
||||
|
||||
#TabsToolbar > #new-tab-button:hover:active,
|
||||
#TabsToolbar > #alltabs-button:hover:active {
|
||||
background-color: rgba(0,0,0,0.20);
|
||||
}
|
||||
|
||||
#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -47,6 +47,7 @@ browser.jar:
|
||||
skin/classic/browser/Secure-statusbar-broken.png
|
||||
skin/classic/browser/Secure-background.gif
|
||||
skin/classic/browser/Toolbar.png
|
||||
skin/classic/browser/toolbarbutton-dropmarker.png
|
||||
skin/classic/browser/urlbar-favicon-glow.png
|
||||
skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css)
|
||||
skin/classic/browser/feeds/feedIcon.png (feeds/feedIcon.png)
|
||||
|
||||
BIN
browser/themes/pinstripe/browser/toolbarbutton-dropmarker.png
Normal file
BIN
browser/themes/pinstripe/browser/toolbarbutton-dropmarker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 B |
@ -50,6 +50,7 @@ toolbarbutton {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
toolbarbutton[open="true"],
|
||||
toolbarbutton:not([disabled="true"]):active:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
@ -119,13 +120,14 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
|
||||
-moz-box-align: center;
|
||||
-moz-box-pack: center;
|
||||
-moz-box-orient: vertical;
|
||||
text-shadow: inherit;
|
||||
}
|
||||
|
||||
/* .......... dropmarker .......... */
|
||||
|
||||
.toolbarbutton-menubutton-dropmarker {
|
||||
-moz-appearance: none !important;
|
||||
border: none !important;
|
||||
border: none;
|
||||
background-color: transparent !important;
|
||||
list-style-image: url("chrome://global/skin/arrow/arrow-dn.png");
|
||||
width: auto;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user