Christopher_01

PopOutTabs

Dec 21st, 2024
14
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.25 KB | None | 0 0
  1.  
  2. #urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
  3.   #urlbar-input {
  4.       font-size: 16px !important;
  5.   }
  6.  
  7.   z-index: 2;
  8.   position: fixed !important;
  9.   bottom: auto !important;
  10.   top: 20vh !important;
  11.   padding-left: 6px !important;
  12.   padding-right: 8px !important;
  13.  
  14.   left: 18vw !important;
  15.   right: 18vw !important;
  16.   width: 64vw !important;
  17.  
  18.   &:after {
  19.       content: "";
  20.       position: fixed;
  21.       pointer-events: none;
  22.  
  23.       width: 100vw;
  24.       height: 100vh;
  25.  
  26.       top: 0px;
  27.       left: 0px;
  28.  
  29.       background-color: rgba(0, 0, 0, 0.3);
  30.       backdrop-filter: blur(5px);
  31.  
  32.       z-index: -1;
  33.   }
  34.   #identity-box {
  35.       margin: auto 0;
  36.       height: 30px;
  37.       margin-right: 10px;
  38.   }
  39.  
  40.   .urlbar-go-button {
  41.       margin: auto 0;
  42.   }
  43. }
  44.  
  45. /* ==== Tab groups ==== */
  46. /* Based on code by https://github.com/vicky5124 with my own tweaks added */
  47.  
  48. /* Make groups workspace specific */
  49.  
  50. tab-group:has(tab[hidden]) {
  51.   display: none !important;
  52. }
  53.  
  54. /* Tab groups on vertical tabs */
  55.  
  56. @media (-moz-bool-pref: "zen.tabs.vertical") {
  57.   tab-group {
  58.     display: grid !important;
  59.     background: color-mix(in srgb, var(--tab-group-color-invert) 12%, transparent) !important;
  60.     border-radius: calc(var(--border-radius-medium) + 2px) !important;
  61.     margin-top: 2px !important;
  62.     margin-bottom: 1px !important;
  63.     margin-inline: 2px !important;
  64.     border: 2px solid color-mix(in srgb, var(--tab-group-color) 50%, transparent) !important;
  65.     transition: background 0.2s ease;
  66.     overflow: hidden !important;
  67.    
  68.     & .tab-group-label-container {
  69.       border-radius: calc(var(--border-radius-medium) + 2px) !important;
  70.       transition: transform 0.2s ease;
  71.      
  72.       &:hover {
  73.         background-color: var(--tab-hover-background-color) !important;
  74.       }
  75.      
  76.       &:active {
  77.         transform: scale(0.95, 0.95) !important;
  78.       }
  79.     }
  80.  
  81.     & .tab-group-label-container{
  82.       margin-inline: 0px !important;
  83.       width: 100%;
  84.  
  85.       &:after{
  86.         display: none;
  87.         padding: 0px !important;
  88.         transform: scaleX(1) !important;
  89.         background-color: color-mix(in srgb, var(--tab-group-color) 50%, transparent) !important;
  90.         transition: transform 0.2s ease-out !important;
  91.       }
  92.  
  93.       & > label{
  94.         max-width: 100% !important;
  95.         padding-top: 5px !important;;
  96.         padding-bottom: 6px !important;;
  97.         padding-inline: 0.9em !important;
  98.         background: transparent !important;
  99.         border: unset !important;
  100.         font-weight: 600 !important;
  101.         text-align: unset !important;
  102.         color: var(--sidebar-text-color) !important;
  103.         padding-left: 29px !important;
  104.       }
  105.      
  106.       &>label::before {
  107.         content: "" !important;
  108.         position: absolute !important;
  109.         left: 7px !important;
  110.         top: 25%;
  111.         width: 16px !important;
  112.         height: 16px !important;
  113.         background-color: var(--sidebar-text-color);
  114.         mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgOS41MDJWOC43NWEyLjI1IDIuMjUgMCAwIDAtMi4yNS0yLjI1aC01LjcyNWwtMi4zOC0xLjk4QTIuMjUgMi4yNSAwIDAgMCA4LjIwNCA0SDQuMjVBMi4yNSAyLjI1IDAgMCAwIDIgNi4yNWwtLjAwNCAxMS41QTIuMjUgMi4yNSAwIDAgMCA0LjI0NiAyMEgxOC40N2ExLjc1IDEuNzUgMCAwIDAgMS42OTgtMS4zMjVsMS43NS02Ljk5OGExLjc1IDEuNzUgMCAwIDAtMS42OTgtMi4xNzVIMjBaTTQuMjUgNS41aDMuOTU2YS43NS43NSAwIDAgMSAuNDguMTczbDIuNTg4IDIuMTU0YS43NS43NSAwIDAgMCAuNDguMTczaDUuOTk2YS43NS43NSAwIDAgMSAuNzUuNzV2Ljc1Mkg2LjQyNGEyLjI1IDIuMjUgMCAwIDAtMi4xODMgMS43MDRsLS43NDQgMi45NzhMMy41IDYuMjVhLjc1Ljc1IDAgMCAxIC43NS0uNzVabTEuNDQ3IDYuMDdhLjc1Ljc1IDAgMCAxIC43MjctLjU2OEgyMC4yMmEuMjUuMjUgMCAwIDEgLjI0Mi4zMWwtMS43NSA2Ljk5OWEuMjUuMjUgMCAwIDEtLjI0Mi4xODlINC4yODVhLjI1LjI1IDAgMCAxLS4yNDMtLjMxbDEuNjU1LTYuNjJaIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+');
  115.         mask-size: contain;
  116.         mask-repeat: no-repeat;
  117.         background-size: contain !important;
  118.         background-repeat: no-repeat !important;
  119.       }
  120.     }
  121.  
  122.     & tab {
  123.       opacity: 1 !important;
  124.       font-size: 1 !important;
  125.       max-height: 5em !important;
  126.       margin-left: 8px !important;
  127.       transition: font-size 0.25s,
  128.                   margin 0.25s,
  129.                   padding 0.25s,
  130.                   opacity 0.25s !important;
  131.      
  132.       @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
  133.         margin-left: 0 !important;
  134.       }
  135.     }
  136.  
  137.     &[collapsed] {
  138.       height: auto !important;
  139.       overflow: hidden !important;
  140.  
  141.       & .tab-group-label-container {
  142.         &:after {
  143.           content: "" !important;
  144.           height: 2px !important;
  145.           position: absolute !important;
  146.           inset: auto 0 0 !important;
  147.           transform: scaleX(0) !important;
  148.           transition: transform 0.2s ease-in !important;
  149.         }
  150.       }
  151.  
  152.       & tab{
  153.         display: flex !important;
  154.         opacity: 0 !important;
  155.         padding: 0 !important;
  156.         font-size: 0 !important;
  157.         margin: 0 !important;
  158.         transition: opacity 0.25s ease-in,
  159.                     font-size 0.25s ease-out,
  160.                     margin 0.25s ease-out,
  161.                     padding 0.25s ease-out !important;
  162.       }
  163.      
  164.       & .tab-group-label-container > label::before {
  165.         content: "" !important;
  166.         position: absolute !important;
  167.         left: 7px !important;
  168.         top: 25%;
  169.         width: 16px !important;
  170.         height: 16px !important;
  171.         background-color: var(--sidebar-text-color);
  172.         mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yMDcgNGMuNDYgMCAuOTA4LjE0MSAxLjI4NC40MDJsLjE1Ni4xMkwxMi4wMjIgNi41aDcuNzI4YTIuMjUgMi4yNSAwIDAgMSAyLjIyOSAxLjkzOGwuMDE2LjE1OC4wMDUuMTU0djlhMi4yNSAyLjI1IDAgMCAxLTIuMDk2IDIuMjQ1TDE5Ljc1IDIwSDQuMjVhMi4yNSAyLjI1IDAgMCAxLTIuMjQ1LTIuMDk2TDIgMTcuNzVWNi4yNWEyLjI1IDIuMjUgMCAwIDEgMi4wOTYtMi4yNDVMNC4yNSA0aDMuOTU3Wm0xLjQ0IDUuOTc5YTIuMjUgMi4yNSAwIDAgMS0xLjI0NC41MTJsLS4xOTYuMDA5LTQuNzA3LS4wMDF2Ny4yNTFjMCAuMzguMjgyLjY5NC42NDguNzQzbC4xMDIuMDA3aDE1LjVhLjc1Ljc1IDAgMCAwIC43NDMtLjY0OGwuMDA3LS4xMDJ2LTlhLjc1Ljc1IDAgMCAwLS42NDgtLjc0M0wxOS43NSA4aC03LjcyOUw5LjY0NyA5Ljk3OVpNOC4yMDcgNS41SDQuMjVhLjc1Ljc1IDAgMCAwLS43NDMuNjQ4TDMuNSA2LjI1djIuNzQ5TDguMjA3IDlhLjc1Ljc1IDAgMCAwIC4zOTUtLjExM2wuMDg1LS4wNiAxLjg5MS0xLjU3OC0xLjg5LTEuNTc1YS43NS43NSAwIDAgMC0uMzc3LS4xNjdMOC4yMDcgNS41WiIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==');
  173.         mask-size: contain;
  174.         mask-repeat: no-repeat;
  175.         background-size: contain !important;
  176.         background-repeat: no-repeat !important;
  177.        
  178.         @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
  179.           left: 9px !important;
  180.         }
  181.       }
  182.     }
  183.   }
  184.  
  185.   tab-group:hover {
  186.     background: color-mix(in srgb, var(--tab-group-color-invert) 30%, transparent) !important;
  187.     transition: background 0.2s ease;
  188.   }
  189. }
  190. @media (max-aspect-ratio: 16/8) {
  191.   *{ scrollbar-width: none !important}
  192. }
  193. @-moz-document url(chrome://browser/content/browser.xhtml){
  194.  
  195.     :root:not([inFullscreen]){
  196.       --uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
  197.     }
  198.  
  199.     :root[uidensity="compact"]:not([inFullscreen]){
  200.       --uc-bottom-toolbar-height: calc(32px + var(--toolbarbutton-outer-padding) )
  201.     }
  202.  
  203.     #browser,
  204.     #customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) }
  205.  
  206.     #nav-bar{
  207.       position: fixed !important;
  208.       bottom: 0px;
  209.       /* For some reason -webkit-box behaves internally like -moz-box, but can be used with fixed position. display: flex would work too but it breaks extension menus. */
  210.       display: -webkit-box;
  211.       width: 100%;
  212.       z-index: 1;
  213.     }
  214.     #nav-bar-customization-target{ -webkit-box-flex: 1; }
  215.  
  216.     /* Fix panels sizing */
  217.     .panel-viewstack{ max-height: unset !important; }
  218.  
  219.     #urlbar[breakout][breakout-extend]{
  220.       display: flex !important;
  221.       flex-direction: column-reverse;
  222.       bottom: 0px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
  223.       top: auto !important;
  224.     }
  225.  
  226.     .urlbarView-body-inner{ border-top-style: none !important; }
  227.  
  228.   }
  229.  
  230. #bookmarks-view treechildren::-moz-tree-image(container),
  231. #PlacesToolbarItems toolbarbutton[container="true"],
  232. #PlacesToolbarItems menu[container="true"] .menu-iconic-left,
  233. #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
  234. #bookmarksMenu menu[container="true"] .menu-iconic-icon,
  235. .bookmark-item[container] {
  236.     list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCkiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsMTYwLDApIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU0LDIxMyw0NykiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;
  237.  
  238. }
  239. /* for bookmarks library */
  240. @-moz-document url(chrome://browser/content/places/places.xhtml) {
  241.     #placesView treechildren::-moz-tree-image {
  242.         list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCkiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsMTYwLDApIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU0LDIxMyw0NykiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;
  243.         width: 16px !important;
  244.         height: 16px !important;
  245.     }
  246. }
  247.  
  248. /* by folder name in the bookmarks toolbar to make them different for example */
  249. .bookmark-item[container="true"] [label="folder1"] {
  250.     list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9mZFhXZk5LNm1xMHZQRWJ0VkwycXFvMFlwdWwzMXd1diI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9mZFhXZk5LNm1xMHZQRWJ0VkwycXFvMFlwdWwzMXd1dikiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigxOSw5MiwxNjMpIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMzAsMTQ0LDI1NSkiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;
  251. }
  252.   .titlebar-buttonbox-container{ display:none }
  253. #zen-essentials-container .tab-icon-image {
  254.     transform: scale(1.35);
  255.     &:not([selected]) .tab-background{
  256.     background: red !important;
  257.    
  258.   }
  259.   /* Reduce tab min-width */
  260. }
Add Comment
Please, Sign In to add comment