u/turkingforGPU

It worked flawlessly when I bought it years ago and now my internet would just drop at least once a week and requires a reboot via unplugging for a min then replugging. Everything is updated to the latest firmware. Is this a sign of the hardware dying?

Just purchased a CPL16 off eBay and want ease of mind lol

#tabbrowser-tabpanels {
  &[splitview] {
    & .browserContainer {
      outline: 1px solid #71706a !important;
      border-radius:0!important;


      .deck-selected > & {
        outline: 1px solid #506d57 !important;
      }


      &:first-child {
        outline: none !important;
        border: 1px solid #71706a !important;


        .deck-selected > & {
          outline: none !important;
          border: 1px solid #506d57 !important;
        }
      }

So I'm using this code and it works great but there's one major issue. It makes every active tab have the green border (#506d57)! Is there a way to have the code only work within the split tabs?

I'm using the code from MrOtherGuy to add tab separation to my tab bar. It's working great other than it's adding separation to my tab group line as well as seen here:

https://preview.redd.it/hynl26wm174h1.png?width=387&format=png&auto=webp&s=1472d362e3d96933d67e4c3992b73d4a22fd19f8

The code I'm using:

/* Tab Seperator */
  .tabbrowser-tab{
        border-inline-start: 1px solid transparent !important;
        border-image: 0 1 linear-gradient(
          transparent 30%,
          color-mix(in srgb, currentColor 20%, transparent) 30%,
          color-mix(in srgb, currentColor 20%, transparent) 70%,
          transparent 70%
        ) !important;
      }
      
      .tabbrowser-tab:hover,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
      .tabbrowser-tab:first-child,
      .tabbrowser-tab[selected],
      .tabbrowser-tab[multiselected],
      .tabbrowser-tab:is([selected],[multiselected]) + .tabbrowser-tab[hidden] + .tabbrowser-tab,
      #tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab[first-visible-unpinned-tab],
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[multiselected] + .tabbrowser-tab,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected] + .tabbrowser-tab { border-image: none !important; }
    .tabbrowser-tab{
        border-inline-start: 1px solid transparent !important;
        border-image: 0 1 linear-gradient(
          transparent 30%,
          color-mix(in srgb, currentColor 20%, transparent) 30%,
          color-mix(in srgb, currentColor 20%, transparent) 70%,
          transparent 70%
        ) !important;
      }
      
      .tabbrowser-tab:hover,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
      .tabbrowser-tab:first-child,
      .tabbrowser-tab[selected],
      .tabbrowser-tab[multiselected],
      .tabbrowser-tab:is([selected],[multiselected]) + .tabbrowser-tab[hidden] + .tabbrowser-tab,
      #tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab[first-visible-unpinned-tab],
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[multiselected] + .tabbrowser-tab,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected] + .tabbrowser-tab { border-image: none !important; }


tab-group[collapsed] > .tabbrowser-tab,
tab-group[collapsed] + .tabbrowser-tab,
tab-group:not([collapsed]) > .tabbrowser-tab:first-of-type,
tab-group:not([collapsed]):has(> .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)) + .tabbrowser-tab {
  border-image: none !important;
}/* Tab Seperator */
  .tabbrowser-tab{
        border-inline-start: 1px solid transparent !important;
        border-image: 0 1 linear-gradient(
          transparent 30%,
          color-mix(in srgb, currentColor 20%, transparent) 30%,
          color-mix(in srgb, currentColor 20%, transparent) 70%,
          transparent 70%
        ) !important;
      }
      
      .tabbrowser-tab:hover,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
      .tabbrowser-tab:first-child,
      .tabbrowser-tab[selected],
      .tabbrowser-tab[multiselected],
      .tabbrowser-tab:is([selected],[multiselected]) + .tabbrowser-tab[hidden] + .tabbrowser-tab,
      #tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab[first-visible-unpinned-tab],
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[multiselected] + .tabbrowser-tab,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected] + .tabbrowser-tab { border-image: none !important; }
    .tabbrowser-tab{
        border-inline-start: 1px solid transparent !important;
        border-image: 0 1 linear-gradient(
          transparent 30%,
          color-mix(in srgb, currentColor 20%, transparent) 30%,
          color-mix(in srgb, currentColor 20%, transparent) 70%,
          transparent 70%
        ) !important;
      }
      
      .tabbrowser-tab:hover,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
      .tabbrowser-tab:first-child,
      .tabbrowser-tab[selected],
      .tabbrowser-tab[multiselected],
      .tabbrowser-tab:is([selected],[multiselected]) + .tabbrowser-tab[hidden] + .tabbrowser-tab,
      #tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab[first-visible-unpinned-tab],
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[multiselected] + .tabbrowser-tab,
      #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected] + .tabbrowser-tab { border-image: none !important; }


tab-group[collapsed] > .tabbrowser-tab,
tab-group[collapsed] + .tabbrowser-tab,
tab-group:not([collapsed]) > .tabbrowser-tab:first-of-type,
tab-group:not([collapsed]):has(> .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover)) + .tabbrowser-tab {
  border-image: none !important;
}

Any way to have it not cut into my tab group line?

I was wondering if it was possible to have an animated speaker icon on the tab when playing video/audio?

I'm trying to round the borders more so I added more radius to the bottom left and rounded the close button border on the bottom right. The problem is there is a border overhang from the find bar container now and I'm not sure how to get rid of it. Any help would be appreciated!!

Image circling my problem:

https://preview.redd.it/nvkk6792gnzg1.png?width=809&format=png&auto=webp&s=a4f2a29ae3ea4a99c88f7131dc57f0352e976f52

Code in question:

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */


/* This style makes findbar appear as floating box at the top-left of the content area.
 * If you want the findbar on right side instead then create a new pref
 * userchrome.floating-findbar-on-right.enabled and set it to true and restart Firefox
 * 
 * Note that privacy.resistFingerprinting.letterboxing prevents this from working properly
 */


findbar{
  order: -1;
  margin-bottom: -33px;
  position: relative;
  border-top: none !important;
  padding: 0 !important;
  transition: transform 82ms linear, opacity 82ms linear 32ms !important;
  background: none !important;
  pointer-events: none;
  z-index: 1;
  white-space: nowrap;
}


.findbar-container > .findbar-find-fast{
  padding: var(--toolbarbutton-inner-padding) 1px;
  margin: 0 !important;
}


findbar[hidden]{ transform: translateY(-30px);}


findbar > .findbar-container,
findbar > .close-icon{
  border: 1px solid var(--chrome-content-separator-color);
  border-width: 0 0 1px 0px;
  background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,none);
  pointer-events: auto;
}


findbar > .findbar-container{
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
  height: initial !important;
  margin-inline: 0px !important;
  overflow-inline: visible !important;
}


.findbar-find-status{
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
 
.findbar-closebutton{
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom-right-radius: 8px !important;
  padding: 5px !important;
  width: initial !important;
  order: -1;
}
.findbar-closebutton > image{ padding: 3px }
.findbar-closebutton:hover > image{
  background: var(--toolbarbutton-hover-background) !important;
  border-radius: 4px
}
findbar > .findbar-container > hbox{ margin: 0 5px }
 
findbar::after{
  content:"";
  display: flex;
  flex-grow: 100;
} 


/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */


/* This style makes findbar appear as floating box at the top-left of the content area.
 * If you want the findbar on right side instead then create a new pref
 * userchrome.floating-findbar-on-right.enabled and set it to true and restart Firefox
 * 
 * Note that privacy.resistFingerprinting.letterboxing prevents this from working properly
 */


findbar{
  order: -1;
  margin-bottom: -33px;
  position: relative;
  border-top: none !important;
  padding: 0 !important;
  transition: transform 82ms linear, opacity 82ms linear 32ms !important;
  background: none !important;
  pointer-events: none;
  z-index: 1;
  white-space: nowrap;
}


.findbar-container > .findbar-find-fast{
  padding: var(--toolbarbutton-inner-padding) 1px;
  margin: 0 !important;
}


findbar[hidden]{ transform: translateY(-30px);}


findbar > .findbar-container,
findbar > .close-icon{
  border: 1px solid var(--chrome-content-separator-color);
  border-width: 0 0 1px 0px;
  background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,none);
  pointer-events: auto;
}


findbar > .findbar-container{
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
  height: initial !important;
  margin-inline: 0px !important;
  overflow-inline: visible !important;
}


.findbar-find-status{
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
 
.findbar-closebutton{
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom-right-radius: 8px !important;
  padding: 5px !important;
  width: initial !important;
  order: -1;
}
.findbar-closebutton > image{ padding: 3px }
.findbar-closebutton:hover > image{
  background: var(--toolbarbutton-hover-background) !important;
  border-radius: 4px
}
findbar > .findbar-container > hbox{ margin: 0 5px }
 
findbar::after{
  content:"";
  display: flex;
  flex-grow: 100;
} 


u/media -moz-pref("userchrome.floating-findbar-on-right.enabled"){
  findbar{
    flex-direction: row-reverse;
  }
  findbar > .findbar-container{
    flex-direction: row-reverse;
    border-inline-width: 1px 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 8px;
  }
  /*
  Move findbar so it isn't over the scrollbar
  Delete if you want findbar to begin from right window edge
  */
  findbar{
    margin-right: 12px;
    border-right: 1px solid var(--chrome-content-separator-color);
  }
}


 -moz-pref("userchrome.floating-findbar-on-right.enabled"){
  findbar{
    flex-direction: row-reverse;
  }
  findbar > .findbar-container{
    flex-direction: row-reverse;
    border-inline-width: 1px 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 8px;
  }
  /*
  Move findbar so it isn't over the scrollbar
  Delete if you want findbar to begin from right window edge
  */
  findbar{
    margin-right: 12px;
    border-right: 1px solid var(--chrome-content-separator-color);
  }
}

Is there a way to make the split view tab wider than normal tabs just so I can see the names of the 2 tabs easier?

Is there a way to reduce the thickness of the underline in an open tab group?

https://preview.redd.it/44ekfjonc2yg1.png?width=363&format=png&auto=webp&s=956cf09a6e246138fe3a3ccfeb7bebfdc8b054d7

Is it possible to remove the middle bar while viewing split tabs and also closing the gap it would leave but at the same time leaving the resize function?

Really loving Maelstrom clay right now from the Flagship and Templeton Tonics collab and it's running low. But I was wondering if anyone one have used all three and which they prefer before I reorder another batch. Just looking for more texture and hold. I apply product in wet hair and blow dry. I have 2a, medium to coarse, thick hair styled in a middle part flow.