use CSS gradient and transitions instead of APNG, on Minefield
This commit is contained in:
SHIMODA Hiroshi
parent
3ecb0ed509
commit
060d4c4b03
@ -38,6 +38,9 @@ override chrome://treestyletab-platform/skin/metal/treestyletab-inactive.css chr
|
||||
override chrome://treestyletab/skin/group/group-icon chrome://treestyletab/skin/group/group-fx3.png
|
||||
override chrome://treestyletab/skin/group/group-icon chrome://treestyletab/skin/group/group-fx3-aero.png os=WINNT osversion>=6
|
||||
|
||||
override chrome://treestyletab/skin/square/tab-surface.css chrome://treestyletab/skin/square/tab-surface-3.css
|
||||
override chrome://treestyletab/skin/square/tab-surface.css chrome://treestyletab/skin/square/tab-surface-4.css appversion>=4.0b5pre
|
||||
|
||||
override chrome://treestyletab/skin/metal/tab.css chrome://treestyletab/skin/metal/tab-3.5.css
|
||||
override chrome://treestyletab/skin/metal/tab.css chrome://treestyletab/skin/metal/tab-4.css appversion>=4.0b5pre
|
||||
override chrome://treestyletab/skin/metal/base-inactive.css chrome://treestyletab/skin/metal/base-inactive-3.5.css
|
||||
|
||||
334
skin/classic/treestyletab/square/base.css
Normal file
334
skin/classic/treestyletab/square/base.css
Normal file
@ -0,0 +1,334 @@
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* Default style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"]),
|
||||
#TabsToolbar[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: transparent !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-style~="border"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: darkgray !important;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-arrowscrollbox,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabs-container {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="top"]:not([treestyletab-tabbar-fixed="true"]) {
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-right: 1px solid ThreeDShadow !important;
|
||||
-moz-border-right-colors: none !important;
|
||||
}
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="right"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="right"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-left: 1px solid ThreeDShadow !important;
|
||||
-moz-border-left-colors: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabs-left,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabs-bottom,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tab-text-shadow /* Mac OS X */ {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
-moz-appearance: none !important;
|
||||
min-height: 2em;
|
||||
margin: 0 !important;
|
||||
/*padding: 0 0.2em !important;*/
|
||||
color: -moz-dialogtext;
|
||||
background: ThreeDFace !important;
|
||||
-moz-background-origin: border !important;
|
||||
border-top: 2px solid !important;
|
||||
-moz-border-top-colors: transparent transparent !important;
|
||||
border-bottom: 2px solid !important;
|
||||
-moz-border-bottom-colors: ThreeDShadow transparent !important;
|
||||
-moz-border-radius-topleft : 0 !important;
|
||||
-moz-border-radius-topright : 0 !important;
|
||||
-moz-border-radius-bottomleft : 0 !important;
|
||||
-moz-border-radius-bottomright : 0 !important;
|
||||
-moz-border-image: none !important;
|
||||
-moz-box-align: stretch !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:not([pinned="true"]):not([selected="true"]):first-child {
|
||||
-moz-border-top-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
/* for Mac OS X, Firefox 4 */
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
:-moz-any(.tab-content:not([selected="true"]),
|
||||
.tab-content[selected="true"]) {
|
||||
border: 0 none !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
:-moz-any(.tab-background-start:not([selected="true"]),
|
||||
.tab-background-middle:not([selected="true"]),
|
||||
.tab-background-end:not([selected="true"]),
|
||||
.tab-background-start[selected="true"],
|
||||
.tab-background-middle[selected="true"],
|
||||
.tab-background-end[selected="true"]) {
|
||||
background: transparent !important;
|
||||
mask: none !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
:-moz-any(.tab-background,
|
||||
.tab-content) {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tab-icon-image {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
margin: 0 !important;
|
||||
padding: 0 0.2em !important;
|
||||
background-color: ThreeDHighlight !important;
|
||||
-moz-border-top-colors: ThreeDHighlight transparent !important;
|
||||
-moz-border-bottom-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-image-left,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-image-right,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"])
|
||||
.tab-image-left,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"])
|
||||
.tab-image-right {
|
||||
height: auto;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-image-middle,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-close-button,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):not(:hover)
|
||||
.tab-image-middle,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):not(:hover)
|
||||
.tab-image-middle
|
||||
.tab-close-button {
|
||||
height: auto;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]
|
||||
.tab-image-middle,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]
|
||||
.tab-close-button {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
border-left: 2px solid !important;
|
||||
-moz-border-left-colors: ThreeDLightShadow transparent !important;
|
||||
border-right: 2px solid !important;
|
||||
-moz-border-right-colors: ThreeDLightShadow transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
-moz-border-left-colors: ThreeDLightShadow transparent !important;
|
||||
-moz-border-right-colors: ThreeDLightShadow transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab
|
||||
.tab-close-button {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
border-right: 2px solid !important;
|
||||
-moz-border-right-colors: ThreeDShadow transparent !important;
|
||||
border-left: 2px solid !important;
|
||||
-moz-border-left-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
/* Mac OS X */
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab {
|
||||
text-align: start !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
|
||||
|
||||
/* Vertigo style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
background: transparent !important;
|
||||
-moz-border-top-colors: transparent transparent !important;
|
||||
-moz-border-bottom-colors: transparent transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
background-color: #e0e8f6 !important;
|
||||
-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
|
||||
-moz-border-bottom-colors: #e0e8f6 #e0e8f6 !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
background-color: #c1d2ee !important;
|
||||
-moz-border-top-colors: #c1d2ee #c1d2ee !important;
|
||||
-moz-border-bottom-colors: #c1d2ee #c1d2ee !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
background-color: #d1e2fe !important;
|
||||
-moz-border-top-colors: #d1e2fe #d1e2fe !important;
|
||||
-moz-border-bottom-colors: #d1e2fe #d1e2fe !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]),
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
-moz-border-left-colors: transparent transparent !important;
|
||||
-moz-border-right-colors: transparent transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover,
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
-moz-border-left-colors: #e0e8f6 #e0e8f6 !important;
|
||||
-moz-border-right-colors: #e0e8f6 #e0e8f6 !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"],
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
-moz-border-left-colors: #c1d2ee #c1d2ee !important;
|
||||
-moz-border-right-colors: #c1d2ee #c1d2ee !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover,
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
-moz-border-left-colors: #d1e2fe #d1e2fe !important;
|
||||
-moz-border-right-colors: #d1e2fe #d1e2fe !important;
|
||||
}
|
||||
|
||||
|
||||
/* Mixed style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab {
|
||||
-moz-border-right-colors: transparent transparent !important;
|
||||
-moz-border-left-colors: transparent transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
background-color: #e0e8f6 !important;
|
||||
-moz-border-top-colors: #e0e8f6 transparent !important;
|
||||
-moz-border-left-colors: #e0e8f6 transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:first-child:not([selected="true"]):hover {
|
||||
-moz-border-top-colors: ThreeDShadow #e0e8f6 !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
-moz-border-right-colors: #e0e8f6 transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
background-color: #c1d2ee !important;
|
||||
-moz-border-top-colors: #c1d2ee transparent !important;
|
||||
-moz-border-left-colors: #c1d2ee transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:first-child[selected="true"] {
|
||||
-moz-border-top-colors: ThreeDShadow #c1d2ee !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
-moz-border-right-colors: #c1d2ee transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
background-color: #d1e2fe !important;
|
||||
-moz-border-top-colors: #d1e2fe transparent !important;
|
||||
-moz-border-left-colors: #d1e2fe transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:first-child[selected="true"]:hover {
|
||||
-moz-border-top-colors: ThreeDShadow #d1e2fe !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
-moz-border-right-colors: #d1e2fe transparent !important;
|
||||
}
|
||||
|
||||
|
||||
/* aero glass */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]),
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]),
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]),
|
||||
:root[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]) #appcontent,
|
||||
:root[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]) #browser {
|
||||
background: transparent !important;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
@ -1,370 +1,3 @@
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
@import url("base.css");
|
||||
@import url("tab-surface.css");
|
||||
|
||||
/* Default style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"]),
|
||||
#TabsToolbar[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: transparent !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-style~="border"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: darkgray !important;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-arrowscrollbox,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabs-container {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="top"]:not([treestyletab-tabbar-fixed="true"]) {
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-right: 1px solid ThreeDShadow !important;
|
||||
-moz-border-right-colors: none !important;
|
||||
}
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="right"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="right"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-left: 1px solid ThreeDShadow !important;
|
||||
-moz-border-left-colors: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabs-left,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabs-bottom,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tab-text-shadow /* Mac OS X */ {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
-moz-appearance: none !important;
|
||||
min-height: 2em;
|
||||
margin: 0 !important;
|
||||
padding: 0 0.2em !important;
|
||||
color: -moz-dialogtext;
|
||||
background: ThreeDFace !important;
|
||||
-moz-background-origin: border !important;
|
||||
border-top: 2px solid !important;
|
||||
-moz-border-top-colors: transparent transparent !important;
|
||||
border-bottom: 2px solid !important;
|
||||
-moz-border-bottom-colors: ThreeDShadow transparent !important;
|
||||
-moz-border-radius-topleft : 0 !important;
|
||||
-moz-border-radius-topright : 0 !important;
|
||||
-moz-border-radius-bottomleft : 0 !important;
|
||||
-moz-border-radius-bottomright : 0 !important;
|
||||
-moz-border-image: none !important;
|
||||
-moz-box-align: stretch !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:not([pinned="true"]):not([selected="true"]):first-child {
|
||||
-moz-border-top-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
/* for Mac OS X, Firefox 4 */
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
:-moz-any(.tab-content:not([selected="true"]),
|
||||
.tab-content[selected="true"]) {
|
||||
border: 0 none !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
:-moz-any(.tab-background-start:not([selected="true"]),
|
||||
.tab-background-middle:not([selected="true"]),
|
||||
.tab-background-end:not([selected="true"]),
|
||||
.tab-background-start[selected="true"],
|
||||
.tab-background-middle[selected="true"],
|
||||
.tab-background-end[selected="true"]) {
|
||||
background: transparent !important;
|
||||
mask: none !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
:-moz-any(.tab-background,
|
||||
.tab-content) {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tab-icon-image {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
margin: 0 !important;
|
||||
padding: 0 0.2em !important;
|
||||
background-color: ThreeDHighlight !important;
|
||||
-moz-border-top-colors: ThreeDHighlight transparent !important;
|
||||
-moz-border-bottom-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-image-left,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-image-right,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"])
|
||||
.tab-image-left,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"])
|
||||
.tab-image-right {
|
||||
height: auto;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-image-middle,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab
|
||||
.tab-close-button,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):not(:hover)
|
||||
.tab-image-middle,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):not(:hover)
|
||||
.tab-image-middle
|
||||
.tab-close-button {
|
||||
height: auto;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]
|
||||
.tab-image-middle,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]
|
||||
.tab-close-button {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
border-left: 2px solid !important;
|
||||
-moz-border-left-colors: ThreeDLightShadow transparent !important;
|
||||
border-right: 2px solid !important;
|
||||
-moz-border-right-colors: ThreeDLightShadow transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
-moz-border-left-colors: ThreeDLightShadow transparent !important;
|
||||
-moz-border-right-colors: ThreeDLightShadow transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab
|
||||
.tab-close-button {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
border-right: 2px solid !important;
|
||||
-moz-border-right-colors: ThreeDShadow transparent !important;
|
||||
border-left: 2px solid !important;
|
||||
-moz-border-left-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
/* Mac OS X */
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab {
|
||||
text-align: start !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
|
||||
|
||||
/* Vertigo style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
background: transparent !important;
|
||||
-moz-border-top-colors: transparent transparent !important;
|
||||
-moz-border-bottom-colors: transparent transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
background-color: #e0e8f6 !important;
|
||||
-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
|
||||
-moz-border-bottom-colors: #e0e8f6 #e0e8f6 !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
background-color: #c1d2ee !important;
|
||||
-moz-border-top-colors: #c1d2ee #c1d2ee !important;
|
||||
-moz-border-bottom-colors: #c1d2ee #c1d2ee !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
background-color: #d1e2fe !important;
|
||||
-moz-border-top-colors: #d1e2fe #d1e2fe !important;
|
||||
-moz-border-bottom-colors: #d1e2fe #d1e2fe !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]),
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
-moz-border-left-colors: transparent transparent !important;
|
||||
-moz-border-right-colors: transparent transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover,
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
-moz-border-left-colors: #e0e8f6 #e0e8f6 !important;
|
||||
-moz-border-right-colors: #e0e8f6 #e0e8f6 !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"],
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
-moz-border-left-colors: #c1d2ee #c1d2ee !important;
|
||||
-moz-border-right-colors: #c1d2ee #c1d2ee !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover,
|
||||
.tabbrowser-tabs[treestyletab-style~="vertigo"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
-moz-border-left-colors: #d1e2fe #d1e2fe !important;
|
||||
-moz-border-right-colors: #d1e2fe #d1e2fe !important;
|
||||
}
|
||||
|
||||
|
||||
/* Mixed style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab {
|
||||
-moz-border-right-colors: transparent transparent !important;
|
||||
-moz-border-left-colors: transparent transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
background-color: #e0e8f6 !important;
|
||||
-moz-border-top-colors: #e0e8f6 transparent !important;
|
||||
-moz-border-left-colors: #e0e8f6 transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:first-child:not([selected="true"]):hover {
|
||||
-moz-border-top-colors: ThreeDShadow #e0e8f6 !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
-moz-border-right-colors: #e0e8f6 transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
background-color: #c1d2ee !important;
|
||||
-moz-border-top-colors: #c1d2ee transparent !important;
|
||||
-moz-border-left-colors: #c1d2ee transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:first-child[selected="true"] {
|
||||
-moz-border-top-colors: ThreeDShadow #c1d2ee !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
-moz-border-right-colors: #c1d2ee transparent !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
background-color: #d1e2fe !important;
|
||||
-moz-border-top-colors: #d1e2fe transparent !important;
|
||||
-moz-border-left-colors: #d1e2fe transparent !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
|
||||
.tabbrowser-tab:first-child[selected="true"]:hover {
|
||||
-moz-border-top-colors: ThreeDShadow #d1e2fe !important;
|
||||
}
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
-moz-border-right-colors: #d1e2fe transparent !important;
|
||||
}
|
||||
|
||||
|
||||
/* tab surface */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
background-image: url("tab-bg.png") !important;
|
||||
background-repeat: repeat-x !important;
|
||||
background-position: 1px 1px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
background-image: url("tab-bg-highlighted.png") !important;
|
||||
}
|
||||
|
||||
/* animation */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
background-color: ThreeDFace !important;
|
||||
background-image: url("tab-bg-hover.png") !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
background-color: #c1d2ee !important;
|
||||
background-image: url("tab-bg-selected-hover.png") !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[pinned="true"] {
|
||||
-moz-border-right-colors: ThreeDShadow transparent !important;
|
||||
}
|
||||
|
||||
|
||||
/* aero glass */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]),
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]),
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]),
|
||||
:root[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]) #appcontent,
|
||||
:root[treestyletab-style~="square"][treestyletab-style~="aero"]:not([treestyletab-tabbar-position="top"]) #browser {
|
||||
background: transparent !important;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
41
skin/classic/treestyletab/square/tab-surface-3.css
Normal file
41
skin/classic/treestyletab/square/tab-surface-3.css
Normal file
@ -0,0 +1,41 @@
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* padding */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
padding: 0 0.2em !important;
|
||||
}
|
||||
|
||||
/* surface */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab,
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
background-image: url("tab-bg.png") !important;
|
||||
background-repeat: repeat-x !important;
|
||||
background-position: 1px 1px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
background-image: url("tab-bg-highlighted.png") !important;
|
||||
}
|
||||
|
||||
/* hover */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]):hover {
|
||||
background-color: ThreeDFace !important;
|
||||
background-image: url("tab-bg-hover.png") !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"]:hover {
|
||||
background-color: #c1d2ee !important;
|
||||
background-image: url("tab-bg-selected-hover.png") !important;
|
||||
}
|
||||
|
||||
64
skin/classic/treestyletab/square/tab-surface-4.css
Normal file
64
skin/classic/treestyletab/square/tab-surface-4.css
Normal file
@ -0,0 +1,64 @@
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
/* padding */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab[selected="true"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:not([selected="true"]) {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab .tab-content[selected="true"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab .tab-content:not([selected="true"]) {
|
||||
padding: 0 0.2em !important;
|
||||
}
|
||||
|
||||
|
||||
/* surface */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab .tab-background:not([selected="true"]) {
|
||||
background-image: -moz-linear-gradient(
|
||||
top,
|
||||
rgba(0, 0, 0, 0.02) 1px,
|
||||
rgba(0, 0, 0, 0) 50%
|
||||
) !important;
|
||||
transition: background 0.25s ease-out !important;
|
||||
-moz-transition: background 0.25s ease-out !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab .tab-background[selected="true"] {
|
||||
background-image: -moz-linear-gradient(
|
||||
top,
|
||||
rgba(4, 83, 227, 0.04) 1px,
|
||||
rgba(4, 83, 227, 0) 50%
|
||||
) !important;
|
||||
transition: background 0.25s ease-out !important;
|
||||
-moz-transition: background 0.25s ease-out !important;
|
||||
}
|
||||
|
||||
|
||||
/* hover */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:hover .tab-background:not([selected="true"]) {
|
||||
background-image: -moz-linear-gradient(
|
||||
top,
|
||||
rgba(213, 224, 245, 1) 1px,
|
||||
rgba(213, 224, 245, 0.04) 150%
|
||||
) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
|
||||
.tabbrowser-tab:hover .tab-background[selected="true"] {
|
||||
background-image: -moz-linear-gradient(
|
||||
top,
|
||||
rgba(199, 219, 252, 1) 1px,
|
||||
rgba(199, 219, 252, 0.04) 150%
|
||||
) !important;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user