netweb
小狐狸
小狐狸
  • UID47439
  • 注册日期2014-10-01
  • 最后登录2021-08-28
  • 发帖数26
  • 经验27枚
  • 威望0点
  • 贡献值10点
  • 好评度6点
  • 社区居民
阅读:1009回复:0

ff50.1无法正常使用彩色斜角标签样式

楼主#
更多 发布于:2016-12-27 17:40
无法使用斜角,只能使用直角。谁能修复一下,谢谢。


/* 标签上图标位置修正,只适合直角标签 */
/* .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;}
游客

返回顶部