阅读:4032回复:8
求一个,36后,标签页变直角的参数~~
求一个,36后,标签页变直角的参数~~
|
|
最新喜欢:![]() |
1楼#
发布于:2015-06-04 13:36
直角TAB真好
|
|
|
2楼#
发布于:2015-06-04 13:24
|
|
3楼#
发布于:2015-03-27 22:04
我在用的,直角彩色CSS:
/* 标签上图标位置修正,只适合直角标签 */ /* .tab-content{padding:0 5px !important;} */ /* =======彩色标签====== */ .tabbrowser-tab:nth-child(12n+1){background:#9ACD32 !important;} .tabbrowser-tab:nth-child(12n+2){background:#FEEA4C !important;} .tabbrowser-tab:nth-child(12n+3){background:#65CCE1 !important;} .tabbrowser-tab:nth-child(12n+4){background:#F1A4B8 !important;} .tabbrowser-tab:nth-child(12n+5){background:#CCCCFF !important;} .tabbrowser-tab:nth-child(12n+6){background:#FF9966 !important;} .tabbrowser-tab:nth-child(12n+7){background:#FF6666 !important;} .tabbrowser-tab:nth-child(12n+8){background:#99CCFF !important;} .tabbrowser-tab:nth-child(12n+9){background:#DA70D6 !important;} .tabbrowser-tab:nth-child(12n+10){background:#D2B48C!important;} .tabbrowser-tab:nth-child(12n+11){background:#DB7093!important;} .tabbrowser-tab:nth-child(12n+12){background:#48D1CC!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;} /* ==========================重建新标签========================== */ /* 去标签前后的竖线 */ #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: #F5FFFA !important; background-clip: padding-box !important; border-color: rgba(0,0,0,.25) !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;} /* 去标签下面那道线 */ #nav-bar{border-top:none !important;padding-top:1px !important;} /* 修复固定标签 */ .tab-background-middle[pinned="true"]{ min-height:26px!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: -10px !important;} /*最大化标签容器*/ #TabsToolbar {margin-right: -22px !important;} /* 标签关闭按钮 */ .tabbrowser-tab .tab-close-button.close-icon{visibility: visible !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: 50px !important;} |
|
4楼#
发布于:2015-03-23 18:15
|
|
|
5楼#
发布于:2015-03-19 22:17
变成直角后比原来界面漂亮很多
|
|
6楼#
发布于:2015-03-15 17:28
|
|
7楼#
发布于:2015-03-15 17:26
|
|
8楼#
发布于:2015-03-15 17:00
about:config?filter=browser.devedition.theme.enabled
|
|