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.

返信なし
0 人がこの問題に困っています

今日 2: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; }

製品別に探す

トピックで探す

製品を選択

Browse all forum threads by topic

Get help with

Mozilla サポートの検索

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.