Advertisement
Guest User

Tab Center Reborn CSS

a guest
Aug 7th, 2023
348
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.95 KB | Software | 0 0
  1. #newtab,#settings{margin-right:2px}#newtab,#pinnedtablist.compact .tab{min-width:36px}:root{--tab-separator:transparent;--tab-selected-line:transparent;--tablist-separator:#cccccc;--overflow-indicator-border:#333333}@media (prefers-color-scheme:dark){:root{--background:#1c1b22;--icons:rgb(251,251,254);--tab-separator:transparent;--tab-active-background:rgb(66,65,77);--tab-active-text:rgb(251,251,254);--tab-text:#fbfbfe;--toolbar-background:rgb(43,42,51);--toolbar-text:rgb(251, 251, 254);--input-background:rgb(28,27,34);--input-border:transparent;--input-background-focus:rgb(66,65,77);--input-selected-text:rgb(251,251,254);--input-text:rgb(251,251,254);--input-text-focus:rgb(251,251,254);--identity-color-toolbar:rgb(251,251,254);--tablist-separator:#000000;--overflow-indicator-border:#cccccc}}#newtab::after,#tablist-wrapper:not(.can-scroll-bottom):not(.can-scroll-top) #tablist,:root,body{overflow:hidden}#topmenu{order:2;background:0 0;border:none}#bottomshadow,#filterbox-icon,#filterbox-input,#settings,#topshadow{display:none}#tablist-wrapper{height:auto;margin-inline:6px;margin-top:5px;margin-left:0;padding-left:6px;margin-bottom:-100vh}#pinnedtablist:not(.compact){display:flex;flex-direction:column}#tablist-wrapper::after{content:"";margin:2px 0;border:1px solid var(--tablist-separator);transform:translateY(-100vh)}#newtab{flex-grow:1;font-size:0;margin-left:2px;padding-bottom:10px;scale:2;padding-left:11px;width:100%;position:absolute;bottom:0}#pinnedtablist:not(.compact) .tab,#tablist .tab{padding:0;border:0 solid transparent;margin:0;background:0 0}.tab .tab-drag-overlay{border-radius:4px;z-index:-1}.tab:not(.active):hover .tab-drag-overlay{background-color:var(--tab-hover-background)}.tab.active .tab-drag-overlay{background-color:var(--tab-active-background)}#pinnedtablist:not(.compact) .tab.drag-highlight-next,#tablist .tab.drag-highlight-next{border-bottom-width:var(--tab-height-compact);height:calc(var(--tab-height-compact) * 2)!important;max-height:calc(var(--tab-height-normal) + var(--tab-height-compact))!important}#pinnedtablist:not(.compact) .tab.drag-highlight-previous,#tablist .tab.drag-highlight-previous{border-top-width:var(--tab-height-compact);height:calc(var(--tab-height-compact) * 2)!important;max-height:calc(var(--tab-height-normal) + var(--tab-height-compact))!important}#pinnedtablist:not(.compact) .tab:before,#tablist .tab:before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:6px}#newtab::after{content:attr(title);margin-left:5px;white-space:nowrap}#newtab-icon{min-width:14px}#pinnedtablist:not(.compact),#tablist{margin-left:-6px;padding-left:6px}.tab{overflow:visible}#pinnedtablist:not(.compact) .tab[data-identity-color] .tab-context,#tablist .tab[data-identity-color] .tab-context{box-shadow:none!important}#pinnedtablist:not(.compact) .tab[data-identity-color] .tab-context::before,#tablist .tab[data-identity-color] .tab-context::before{content:"";position:absolute;top:6px;left:-6px;bottom:6px;width:3px;border-radius:0 5px 5px 0;background:var(--identity-color);transition:inset .1s}#pinnedtablist:not(.compact) .tab.active[data-identity-color] .tab-context::before,#tablist .tab.active[data-identity-color] .tab-context::before{top:1px;bottom:1px}#tablist-wrapper.shrinked>:not(#pinnedtablist.compact) .tab-meta-image{margin-left:6px!important}@media (max-width:64px){.tab-close,.tab-pin{visibility:collapse!important}#tablist{scrollbar-width:none}}.can-scroll-top #tablist{mask:linear-gradient(transparent,black 40px)}.can-scroll-bottom #tablist{mask:linear-gradient(black calc(100% - 40px),transparent)}.can-scroll-bottom.can-scroll-top #tablist{mask:linear-gradient(transparent,black 40px calc(100% - 40px),transparent)}#pinnedtablist.compact{flex-wrap:nowrap;overflow-x:auto;gap:2px}#pinnedtablist.compact:not(:hover):not(:focus-within){scrollbar-width:none}@media (max-width:38px){#newtab::after,#settings,#settings-icon,#tablist-wrapper .tab-title-wrapper{visibility:hidden!important}#pinnedtablist.compact{overflow-x:clip}#pinnedtablist.compact .tab.active{order:-1}}#tablist-wrapper:not(.shrinked) .tab-meta-image{display:flex;align-items:center;width:58px;border:0!important;margin-right:4px;border-radius:inherit;background-position:center;min-width:0!important;background-color:var(--toolbar-background)!important;transition:margin .4s}#tablist-wrapper:not(.shrinked) .tab-icon-wrapper{transition:margin .1s;z-index:2}#tablist-wrapper:not(.shrinked) .tab-icon-overlay{top:unset!important;bottom:8px;left:25px!important;z-index:4;transition:inset .1s}@media (max-width:49px){#tablist-wrapper:not(.shrinked) .tab-meta-image{background-color:inherit!important;border-width:0!important;box-shadow:none!important;height:0!important;width:26px;margin-right:0}#tablist-wrapper:not(.shrinked) .tab-icon-wrapper{background-color:transparent!important;margin-top:0!important;margin-left:3px!important;box-shadow:none!important}#tablist-wrapper:not(.shrinked) .tab-icon-overlay{bottom:12px;left:16px!important}}#spacer{min-height:100vh}
  2. #tablist {
  3.   scrollbar-width: thin;
  4. }
  5.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement