Question

Curved tabs. Copy the code to your chrome folder in css. For your own color you will have to change a couple of colors to siut. Mine is set up for light green.

Không có trả lời
0 gặp vấn đề này

Hôm nay lúc 02:28

navigator-toolbox>toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {

   padding: 0px 4px 4px !important;
 }

  .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]){
   max-width: 300px !important;

}

tabbrowser-tabs {

 --tab-min-height: 36px !important;
 height: 36px !important;

}

#tabs-newtab-button {
   margin-left: 13px !important;
   margin-bottom: -1px !important;
 }
.tabbrowser-tab {
   margin: 0 -14px 0 -3px !important;
 }
 
 .tab-background{
   margin: 0 10px !important;
   background: #F0F2EA;
   background-clip: border-box;
   border: none !important; 
   -moz-transform: perspective(80px) rotateX(8deg) !important;
  -webkit-transform: perspective(80px) rotateX(8deg) !important;
   outline: none !important;
   border-top: 1px solid #7E7B7B !important;
   border-right: 1px solid #7E7B7B !important;
   border-left: 1px solid #7E7B7B !important;
   border-radius: 9px 9px 0 0 !important;
  margin-bottom:-1px !important;

}

  .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
   background-color: #D1D5C6 !important;
 }
 
 .tabbrowser-tab[selected="true"] .tab-background {
   background: #F0F2EA !important;
 }
 
 .tabbrowser-tab[selected="true"] .tab-text.tab-label {
   color: black !important;
 }
 
 .tab-line {
   display: none !important;
 }
 
 .tab-content {
   padding: 0 25px !important;
 }
 
  /* for backward compatibility */
 .tabs-newtab-button.toolbarbutton-1 {
   margin-left: -0px !important;
 }
 
 .titlebar-placeholder[type="pre-tabs"] {
   border-inline-end: initial !important;
 }
 
 #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforeselected-visible]::after,
 #tabbrowser-tabs[movingtab]>.tabbrowser-tab[visuallyselected]::before,
 .tabbrowser-tab[visuallyselected]::after {
   border-color: var(--tabs-border-color);
   margin-top: 0 !important;
   margin-bottom: 1px !important;
   opacity: 8 !important;
   border: none !important;
 }
 
 [tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after,
 .tabbrowser-tab:hover::after,
 #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after {
   border: none !important;
 }
 
 .tab-text.tab-label {
   text-shadow: initial !important;
   color: black !important;
   font-style: unset;
   text-decoration: none !important;
   -webkit-font-smoothing: antialiased !important;
   -moz-osx-font-smoothing: grayscale !important;
 }
 
 .tabbrowser-tab:hover .tab-text.tab-label {
   color: black !important;
   text-shadow: none !important;
   -moz-osx-font-smoothing: unset !important;
 }

#navigator-toolbox>toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { padding: 0px 4px 4px !important; } .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]){ max-width: 300px !important; } #tabbrowser-tabs { --tab-min-height: 36px !important; height: 36px !important; } #tabs-newtab-button { margin-left: 13px !important; margin-bottom: -1px !important; } .tabbrowser-tab { margin: 0 -14px 0 -3px !important; } .tab-background{ margin: 0 10px !important; background: #F0F2EA; background-clip: border-box; border: none !important; -moz-transform: perspective(80px) rotateX(8deg) !important; -webkit-transform: perspective(80px) rotateX(8deg) !important; outline: none !important; border-top: 1px solid #7E7B7B !important; border-right: 1px solid #7E7B7B !important; border-left: 1px solid #7E7B7B !important; border-radius: 9px 9px 0 0 !important; margin-bottom:-1px !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) { background-color: #D1D5C6 !important; } .tabbrowser-tab[selected="true"] .tab-background { background: #F0F2EA !important; } .tabbrowser-tab[selected="true"] .tab-text.tab-label { color: black !important; } .tab-line { display: none !important; } .tab-content { padding: 0 25px !important; } /* for backward compatibility */ .tabs-newtab-button.toolbarbutton-1 { margin-left: -0px !important; } .titlebar-placeholder[type="pre-tabs"] { border-inline-end: initial !important; } #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforeselected-visible]::after, #tabbrowser-tabs[movingtab]>.tabbrowser-tab[visuallyselected]::before, .tabbrowser-tab[visuallyselected]::after { border-color: var(--tabs-border-color); margin-top: 0 !important; margin-bottom: 1px !important; opacity: 8 !important; border: none !important; } [tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after, .tabbrowser-tab:hover::after, #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after { border: none !important; } .tab-text.tab-label { text-shadow: initial !important; color: black !important; font-style: unset; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .tabbrowser-tab:hover .tab-text.tab-label { color: black !important; text-shadow: none !important; -moz-osx-font-smoothing: unset !important; }

Khám phá theo sản phẩm

Khám phá theo chủ đề

Duyệt theo sản phẩm

Duyệt tất cả các chủ đề của diễn đàn theo chủ đề

Nhận trợ giúp với

Tìm kiếm hỗ trợ

Curved tabs. Copy the code to your chrome folder in css. For your own color you will have to change a couple of colors to siut. Mine is set up for light green.