|
阅读：3083回复：4
29版本那个标签可改成直角的不？
习惯了直角的标签，突然改成弧形了，感觉不好，能否用什么方法配置成直角的标签，象28版那样。
|
|
|
1楼#
发布于：2014-04-14 22:28
提取了一下Classic theme restore里的CSS， 把下面的css放到userChrome.css或用扩展stylish加载下面的css，
效果图： 图片：QQ截圖20140414222629.png 
CSS： @-moz-document url(chrome://browser/content/browser.xul){
/* tab colors */
.tabs-newtab-button:not(:-moz-lwtheme),
.tabbrowser-tab:not(:-moz-lwtheme) .tab-content {
background-image: linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)),
linear-gradient(RGB(219, 234, 249), RGB(219, 234, 249)) !important;
}
.tabs-newtab-button:hover:not(:-moz-lwtheme),
.tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) .tab-content {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4) 1px, rgba(0, 0, 0, .05) 1px, transparent 1px),
-moz-linear-gradient(rgba(207, 219, 236, .6), rgba(140, 140, 140, .6)),
-moz-linear-gradient(RGB(207, 219, 236), RGB(207, 219, 236)) !important;
}
.tabbrowser-tab[selected]:not(:-moz-lwtheme) .tab-content {
background-image: -moz-linear-gradient(rgba(247, 252, 255, .86), rgba(247, 252, 255, .5)),
-moz-linear-gradient(RGB(219, 234, 249), RGB(219, 234, 249)) !important;
}
.tabbrowser-tab:not(:-moz-lwtheme):not([selected=true]):not(:hover),
.tabbrowser-tab:not(:-moz-lwtheme):not([selected=true]):hover {
color:black !important;
}
/* tab colors lightweight theme */
.tabbrowser-tab[selected]:-moz-lwtheme .tab-content {
background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.46) 50%) !important;
}
/* tab tweaks */
.tabbrowser-tab .tab-stack {
-moz-appearance: none !important;
margin-top: 0px !important;
margin-bottom: -5px !important;
}
#TabsToolbar .tabbrowser-tab .tab-content{
-moz-appearance: none !important;
-moz-border-image: none !important;
margin: 0 0 5px 0 !important;
}
/* lightweight theme tweaks*/
#navigator-toolbox #TabsToolbar:-moz-lwtheme{
box-shadow:none !important;
border-bottom: 1px solid transparent !important;
}
#navigator-toolbox #nav-bar:-moz-lwtheme{
box-shadow:none !important;
border-top: 1px solid transparent !important;
}
/* other */
#TabsToolbar:not(:-moz-lwtheme){
box-shadow:none !important;
border-bottom: 1px solid transparent !important;
}
#navigator-toolbox #nav-bar:not(:-moz-lwtheme){
box-shadow:none !important;
border-top: 1px solid transparent !important;
}
/* Tab close button */
.tab-close-button {
-moz-appearance: none !important;
border: none !important;
padding: 0px 0px 6px !important;
}
.tab-close-button:hover,
.tab-close-button:hover[selected="true"] {
-moz-image-region: rect(0, 32px, 16px, 16px) !important;
}
.tab-close-button:hover:active,
.tab-close-button:hover:active[selected="true"] {
-moz-image-region: rect(0, 48px, 16px, 32px) !important;
}
.tab-close-button[selected="true"] {
-moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
-moz-padding-start: 3px !important;
}
.tabs-newtab-button{
margin-right:-12px !important;
}
/* TU workaround */
#PinnedTabsBarItems:-moz-locale-dir(ltr) {
margin-left:-14px !important;
margin-right:0px !important;
}
#tabbrowser-tabs[overflow] #PinnedTabsBarItems:-moz-locale-dir(ltr){
margin-right:-14px !important;
}
#PinnedTabsBarItems:-moz-locale-dir(rtl) {
margin-right:-14px !important;
margin-left:0px !important;
}
#tabbrowser-tabs[overflow] #PinnedTabsBarItems:-moz-locale-dir(rtl){
margin-left:-14px !important;
}
/**/
/* main tab tweaks */
.tab-background,
.tab-background *,
.tab-background *::before,
.tab-background *::after {
background: unset !important;
background-position: unset !important;
background-repeat: unset !important;
background-size: unset !important;
}
.tabs-newtab-button {
margin: unset!important;
background: unset !important;
width: 28px!important;
}
/* tab colors lightweight theme */
.tabs-newtab-button:-moz-lwtheme-darktext,
.tabbrowser-tab:-moz-lwtheme-darktext .tab-content {
background-image: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {
background-image: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
}
.tabs-newtab-button:-moz-lwtheme-brighttext,
.tabbrowser-tab:-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;
}
/* tab borders */
.tabs-newtab-button ,
.tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
border-top: 1px solid rgba(0,0,0,.2) !important;
border-left: 1px solid rgba(0,0,0,.2) !important;
border-right: 1px solid rgba(0,0,0,.2) !important;
}
.tabbrowser-tab:not(:-moz-lwtheme)[selected] .tab-content {
border-top: 1px solid rgba(0,0,0,.5) !important;
border-left: 1px solid rgba(0,0,0,.4) !important;
border-right: 1px solid rgba(0,0,0,.4) !important;
}
.tabs-newtab-button:-moz-lwtheme-darktext ,
.tabbrowser-tab .tab-content:-moz-lwtheme-darktext {
border-top: 1px solid rgba(0,0,0,.2) !important;
border-left: 1px solid rgba(0,0,0,.2) !important;
border-right: 1px solid rgba(0,0,0,.2) !important;
}
.tabs-newtab-button:-moz-lwtheme-brighttext ,
.tabbrowser-tab .tab-content:-moz-lwtheme-brighttext {
border-top: 1px solid rgba(255,255,255,.6) !important;
border-left: 1px solid rgba(255,255,255,.2) !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
}
.tabs-newtab-button,
.tabbrowser-tab .tab-background-middle,
.tabbrowser-tab .tab-content,
.tabbrowser-tab {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
/* Tab separators */
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
background-image: none !important;
}
/* tab image, throbber, close button position*/
#TabsToolbar:-moz-locale-dir(ltr) .tabbrowser-tab:not([pinned]) .tab-close-button{
margin-right: -7px !important;
}
#TabsToolbar:-moz-locale-dir(rtl) .tabbrowser-tab:not([pinned]) .tab-close-button{
margin-left: -7px !important;
}
#TabsToolbar:-moz-locale-dir(ltr) .tabbrowser-tab:not([pinned]) .tab-throbber,
#TabsToolbar:-moz-locale-dir(ltr) .tabbrowser-tab:not([pinned]) .tab-icon-image{
margin-left: -5px !important;
margin-right: 3px !important;
}
#TabsToolbar:-moz-locale-dir(rtl) .tabbrowser-tab:not([pinned]) .tab-throbber,
#TabsToolbar:-moz-locale-dir(rtl) .tabbrowser-tab:not([pinned]) .tab-icon-image{
margin-right: -5px !important;
margin-left: 3px !important;
}
/* Tabs Toolbar */
#tabbrowser-tabs{
min-height: 0px !important;
}
#TabsToolbar:not(:-moz-lwtheme)::after,
#TabsToolbar:not(:-moz-lwtheme)::before {
box-shadow: none !important;
}
#TabsToolbar{
background-image: none !important;
background: none !important;
min-height: 0px !important;
}
/*#main-window[tabsintitlebar]:not([tabsontop='false']):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar {
padding-top: 3px !important;
}*/
/**/
#TabsToolbar #ctr_appbutton{
margin-bottom:-1px !important;
}
} |
|
|
2楼#
发布于：2014-04-10 19:34
|
|
|
3楼#
发布于：2014-04-10 16:36
Classic theme restorer
|
|
|
|
4楼#
发布于：2014-04-10 13:48
换回老版本不就是了
|
|
