加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
UI-标签栏美化.css 2.30 KB
一键复制 编辑 原始数据 按行查看 历史
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
/*标签栏置顶*/
#main-window[sizemode="normal"] #TabsToolbar {margin-top: 0px !important;}
/*标签最左边到边框的距离*/
#TabsToolbar .arrowscrollbox-scrollbox {padding-left:0px !important;}
/*只在悬停和当前标签页显示关闭按钮*/
.tab-close-button{display: -moz-box!important;}
tab:not([selected]):not(:hover) .tab-close-button{display: none!important;}
/*在标签顶部显示恢复关闭的标签页*/
#context_undoCloseTab {-moz-box-ordinal-group:0 !important;}
/*标签宽度调整(最宽,最窄)*/
.tabbrowser-tab:not([pinned])[fadein]{max-width: 150px !important; min-width: 90px !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;}/*薄红梅*/
/*选中标签样式*/
.tabbrowser-tab[busy] {color: #009DFF !important;}/*正加载标签*/
.tabbrowser-tab[pending] {color: gray !important;}/*未加载标签*/
.tabbrowser-tab[unread] {color: red !important;}/*未读的标签*/
.tabbrowser-tab[selected]{font-weight: bold !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 .tabs-newtab-button, #new-tab-button {
background: transparent !important;
margin: 0px !important;
padding: 0px !important;
width: auto !important;
}
/*标签计数*/
#main-window {counter-reset: tabs;}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])){counter-increment: tabs;}
#alltabs-button {visibility: visible!important;}
#alltabs-button:after {content: counter(tabs);display: -moz-box;}
#alltabs-button > :-moz-any(label, image) {display: none;}
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化