阅读:1244回复:0
ff50.1无法正常使用彩色斜角标签样式
无法使用斜角,只能使用直角。谁能修复一下,谢谢。
/* 标签上图标位置修正,只适合直角标签 */ /* .tab-content{padding:0 5px !important;} */ /* ========================斜角标签====================== */ .tabbrowser-tab,.tabs-newtab-button { background-position: 0 !important; background-size: auto !important; transform: skewX(-30deg) !important; background:transparent!important; } .tabbrowser-tab .tab-stack, .tabs-newtab-button .toolbarbutton-icon {transform: skewX(30deg) !important;} /*彩色标签*/ .tabbrowser-tab:nth-child(6n+1){background:#999d9c !important;}/*银鼠灰*/ .tabbrowser-tab:nth-child(6n+2){background:#84bf96 !important;}/*浅绿色*/ .tabbrowser-tab:nth-child(6n+3){background:#afb4db !important;}/*紫藤色*/ .tabbrowser-tab:nth-child(6n+4){background:#f0dc70 !important;}/*刈安色*/ .tabbrowser-tab:nth-child(6n+5){background:#7bbfea !important;}/*勿忘草色*/ .tabbrowser-tab:nth-child(6n+6){background:#f391a9 !important;}/*薄红梅*/ /* =====================去原弧形标签==================== */ /* 去弧形标签 */ #TabsToolbar .tab-background-middle, #TabsToolbar .tab-background{margin:0 !important; background: transparent !important;} /* 去标签前后弧形 */ #TabsToolbar .tab-background-start, #TabsToolbar .tab-background-end{display: none !important;} /* 标签最左边到边框的距离,自己调吧,各人口味不同啊 */ #TabsToolbar .arrowscrollbox-scrollbox {padding-left:0px !important;} /* 去标签下面那道线 */ #nav-bar{border-top:none !important; /*padding-top:1px !important;*/} /* #browser{margin-top: -1px !important; } */ /* ==========================重建新标签========================== */ /* 去标签前后的竖线,只建议使用彩色标签扩展或脚本的用户打开,默认注释掉了 */ #TabsToolbar .tabbrowser-tab:after, #TabsToolbar .tabbrowser-tab:before{display: none !important;} /* 设置新建标签按钮 */ #TabsToolbar .tabs-newtab-button{ background:none!important; width: auto !important; margin: 0 !important; padding: 0 5px !important; } /* 设置选中标签 */ #TabsToolbar .tabbrowser-tab[selected]{background: #F5F5F5 !important;} /* 未选中标签 */ #TabsToolbar .tabbrowser-tab[afterselected]{border-left-color: rgba(0,0,0,.25) !important;} /* 设置鼠标指向新建标签按钮、标签时 */ #TabsToolbar .tabs-newtab-button:hover, #TabsToolbar .tabbrowser-tab:hover:not([selected]){background-color: rgba(255,255,255,.33) !important;} /*---标签高亮风格---*/ .tabbrowser-tab .tab-text[selected=true]:not(:-moz-lwtheme) { color:#0000CD !important; font-weight: bold !important;} .tabbrowser-tab:not([selected=true]):not(:-moz-lwtheme) { color: #000000 !important; font-weight: bold !important;} .tabbrowser-tab:focus .tab-stack { color: rgb(0,10,255) !important; font-weight: bold !important; } .tabbrowser-tabs[closebuttons=hidden].tab-close-button:not([pinned]) { display: -moz-box !important; visibility: hidden !important; } /*==标签栏置顶==*/ #main-window[sizemode="normal"] #TabsToolbar {margin-top: -2px !important;} /*最大化标签容器*/ #TabsToolbar {margin-right: -22px !important;} /* 标签关闭按钮 */ .tabbrowser-tab .tab-close-button.close-icon{visibility: collapse !important;} .tabbrowser-tab:hover .tab-close-button.close-icon{visibility: visible !important;} /*标签高度*/ #tabbrowser-tabs {min-height: 26px !important;} .tab-background-start[selected=true]::after, .tab-background-start[selected=true]::before, .tab-background-start, .tab-background-end, .tab-background-end[selected=true]::after, .tab-background-end[selected=true]::before {min-height: 26px!important;} /*标签宽度调整(最宽,最窄)*/ .tabbrowser-tab:not([pinned])[fadein]{max-width: 180px !important; min-width: 100px !important;} |
|