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.

Aucune réponse
0 a ce problème

Aujourd’hui à 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; }

Parcourir par produit

Explorer par sujet

Naviguez par produit

Parcourir toutes les discussions du forum par sujet

Obtenir de l’assistance pour

Rechercher dans l’assistance

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.