rounded tabs

classic Classic list List threaded Threaded
7 messages Options
T
Reply | Threaded
Open this post in threaded view
|

rounded tabs

T
Hi All,

The Duck is failing me here.

Can someone point me to a css file to give me back my
rounded tabs?


Many thanks,
-T

--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Serious error.
All shortcuts have disappeared.
Screen. Mind. Both are blank.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general
Reply | Threaded
Open this post in threaded view
|

Re: rounded tabs

caver1-5
On 01/29/2018 07:25 PM, T wrote:

> Hi All,
>
> The Duck is failing me here.
>
> Can someone point me to a css file to give me back my
> rounded tabs?
>
>
> Many thanks,
> -T
>


/* Photon Australis - Curve Tabs CSS mod
*********************************************************/
/* by wilfredwee
*********************************************************************************/
/* with addional code by teijiIshida
************************************************************/
/* Github: https://github.com/wilfredwee/photon-australis 
***************************************/
/************************************************************************************************/

/************************************************************************************************/
/* based on wilfredwee's Default theme CSS mod v0.3.0
*******************************************/
/************************************************************************************************/


:root {
   --tab-curve-width: 20px;
   --tabs-border: transparent !important;
}

.arrowscrollbox-scrollbox {
   padding-inline-start: 10px !important;
}

/* To be able to see the top border of the tab */
.tab-stack {
   margin-top: 2px !important;
}

/* When the window is maximized, the first pinned tab is properly
displayed. */
#TabsToolbar  {
   padding-inline-start: 15px !important;
}

.titlebar-placeholder {
   border: none !important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
   border: none !important;
}

.tabbrowser-tab > .tab-stack > .tab-background {
   background-image: none !important;
   -moz-box-orient: horizontal !important;
   background-color: transparent !important;
   margin-top: 1px !important;
}

.tab-background[selected="true"] {
   border: none !important;
}

.tab-line {
   display: none !important;
}

.tab-bottom-line {
   display: none !important;
}

/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
   margin: 0 !important;
}

/* overlap the tab curves */
.tab-background {
   -moz-margin-end: -15px !important;
   -moz-margin-start: -15px !important;
}

/* Begin active tab background customizations */
.tab-background[selected="true"]::before {
   border: none !important;
   content: "" !important;
   width: 30px !important;
   min-height: 15px !important;
   display: -moz-box !important;
   background-repeat: no-repeat !important;
}

.tab-background[selected="true"]::after {
   border: none !important;
   content: "" !important;
   width: 30px !important;
   min-height: 15px !important;
   display: -moz-box !important;
   background-repeat: no-repeat !important;
}

.tab-background[selected="true"] > spacer {
   margin-top: 0px !important;
}

#new-tab-button,
.tabs-newtab-button {
   width: calc(36px + 30px) !important;
   margin-inline-start: -15px !important;
   margin-top: 1px !important;
}

/* Tab hover customizations */
.tabbrowser-tab:hover > .tab-stack >
.tab-background:not([selected=true])::before {
   display: -moz-box !important;
   background-repeat: no-repeat !important;
   content: "" !important;
   width: 30px !important;
   min-height: 15px !important;
   background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack >
.tab-background:not([selected=true])::after {
   display: -moz-box !important;
   background-repeat: no-repeat !important;
   content: "" !important;
   width: 30px !important;
   min-height:15px !important;
   background-color: transparent !important;
}

.tabbrowser-tab:hover > .tab-stack >
.tab-background:not([selected=true]) > spacer {
   margin-top: 0px !important;
}

#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover >
.tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
   background-color: transparent !important;
}

/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack >
.tab-background:not([selected="true"]), .tabs-newtab-button:hover {
   background-position: 0px 2px, 30px 4px , right bottom !important;
   background-repeat: no-repeat !important;
   background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px
!important;
}

.tabs-newtab-button:hover > .toolbarbutton-icon {
   background: none !important;
   background-color: transparent !important;
}


/* Inactive tab customizations */
.tab-background:not([selected])::before {
   border: none !important;
   content: "" !important;
   width: 30px !important;
   min-height: 15px !important;
   display: -moz-box !important;
   background-repeat: no-repeat !important;
}

.tab-background:not([selected])::after {
   border: none !important;
   content: "" !important;
   width: 30px !important;
   min-height: 15px !important;
   display: -moz-box !important;
   background-repeat: no-repeat !important;
}

.tab-background:not([selected]) > spacer {
   margin-top: 0px !important;
}


--
Caver1
_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general
T
Reply | Threaded
Open this post in threaded view
|

Re: rounded tabs

T
On 01/29/2018 04:40 PM, Caver1 wrote:

> On 01/29/2018 07:25 PM, T wrote:
>> Hi All,
>>
>> The Duck is failing me here.
>>
>> Can someone point me to a css file to give me back my
>> rounded tabs?
>>
>>
>> Many thanks,
>> -T
>>
>
>
> /* Photon Australis - Curve Tabs CSS mod
> *********************************************************/
> /* by wilfredwee
> *********************************************************************************/
>
> /* with addional code by teijiIshida
> ************************************************************/
> /* Github: https://github.com/wilfredwee/photon-australis 
> ***************************************/
> /************************************************************************************************/
>
>
> /************************************************************************************************/
>
> /* based on wilfredwee's Default theme CSS mod v0.3.0
> *******************************************/
> /************************************************************************************************/
>
>
>
> :root {
>    --tab-curve-width: 20px;
>    --tabs-border: transparent !important;
> }
>
> .arrowscrollbox-scrollbox {
>    padding-inline-start: 10px !important;
> }
>
> /* To be able to see the top border of the tab */
> .tab-stack {
>    margin-top: 2px !important;
> }
>
> /* When the window is maximized, the first pinned tab is properly
> displayed. */
> #TabsToolbar  {
>    padding-inline-start: 15px !important;
> }
>
> .titlebar-placeholder {
>    border: none !important;
> }
>
> /* Remove unneeded styles from Photon */
> .tabbrowser-tab::before,
> .tabbrowser-tab::after {
>    border: none !important;
> }
>
> .tabbrowser-tab > .tab-stack > .tab-background {
>    background-image: none !important;
>    -moz-box-orient: horizontal !important;
>    background-color: transparent !important;
>    margin-top: 1px !important;
> }
>
> .tab-background[selected="true"] {
>    border: none !important;
> }
>
> .tab-line {
>    display: none !important;
> }
>
> .tab-bottom-line {
>    display: none !important;
> }
>
> /* Match height of new tab button (right svg) on hover */
> .tabs-newtab-button {
>    margin: 0 !important;
> }
>
> /* overlap the tab curves */
> .tab-background {
>    -moz-margin-end: -15px !important;
>    -moz-margin-start: -15px !important;
> }
>
> /* Begin active tab background customizations */
> .tab-background[selected="true"]::before {
>    border: none !important;
>    content: "" !important;
>    width: 30px !important;
>    min-height: 15px !important;
>    display: -moz-box !important;
>    background-repeat: no-repeat !important;
> }
>
> .tab-background[selected="true"]::after {
>    border: none !important;
>    content: "" !important;
>    width: 30px !important;
>    min-height: 15px !important;
>    display: -moz-box !important;
>    background-repeat: no-repeat !important;
> }
>
> .tab-background[selected="true"] > spacer {
>    margin-top: 0px !important;
> }
>
> #new-tab-button,
> .tabs-newtab-button {
>    width: calc(36px + 30px) !important;
>    margin-inline-start: -15px !important;
>    margin-top: 1px !important;
> }
>
> /* Tab hover customizations */
> .tabbrowser-tab:hover > .tab-stack >
> .tab-background:not([selected=true])::before {
>    display: -moz-box !important;
>    background-repeat: no-repeat !important;
>    content: "" !important;
>    width: 30px !important;
>    min-height: 15px !important;
>    background-color: transparent !important;
> }
>
> .tabbrowser-tab:hover > .tab-stack >
> .tab-background:not([selected=true])::after {
>    display: -moz-box !important;
>    background-repeat: no-repeat !important;
>    content: "" !important;
>    width: 30px !important;
>    min-height:15px !important;
>    background-color: transparent !important;
> }
>
> .tabbrowser-tab:hover > .tab-stack >
> .tab-background:not([selected=true]) > spacer {
>    margin-top: 0px !important;
> }
>
> #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover >
> .tab-stack > .tab-background:not([selected="true"]),
> .tabs-newtab-button:hover,
> .tabs-newtab-button:hover::before,
> .tabs-newtab-button:hover::after {
>    background-color: transparent !important;
> }
>
> /* New tab hover customizations */
> .tabbrowser-tab:hover > .tab-stack >
> .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
>    background-position: 0px 2px, 30px 4px , right bottom !important;
>    background-repeat: no-repeat !important;
>    background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px
> !important;
> }
>
> .tabs-newtab-button:hover > .toolbarbutton-icon {
>    background: none !important;
>    background-color: transparent !important;
> }
>
>
> /* Inactive tab customizations */
> .tab-background:not([selected])::before {
>    border: none !important;
>    content: "" !important;
>    width: 30px !important;
>    min-height: 15px !important;
>    display: -moz-box !important;
>    background-repeat: no-repeat !important;
> }
>
> .tab-background:not([selected])::after {
>    border: none !important;
>    content: "" !important;
>    width: 30px !important;
>    min-height: 15px !important;
>    display: -moz-box !important;
>    background-repeat: no-repeat !important;
> }
>
> .tab-background:not([selected]) > spacer {
>    margin-top: 0px !important;
> }
>
>


Didn't work.  Poop!

Thank you anyway.
_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general
Reply | Threaded
Open this post in threaded view
|

Re: rounded tabs

caver1-5
On 01/29/2018 07:50 PM, T wrote:

> On 01/29/2018 04:40 PM, Caver1 wrote:
>> On 01/29/2018 07:25 PM, T wrote:
>>> Hi All,
>>>
>>> The Duck is failing me here.
>>>
>>> Can someone point me to a css file to give me back my
>>> rounded tabs?
>>>
>>>
>>> Many thanks,
>>> -T
>>>
>>
>>
>> /* Photon Australis - Curve Tabs CSS mod
>> *********************************************************/
>> /* by wilfredwee
>> *********************************************************************************/
>>
>> /* with addional code by teijiIshida
>> ************************************************************/
>> /* Github: https://github.com/wilfredwee/photon-australis
>> ***************************************/
>> /************************************************************************************************/
>>
>>
>> /************************************************************************************************/
>>
>> /* based on wilfredwee's Default theme CSS mod v0.3.0
>> *******************************************/
>> /************************************************************************************************/
>>
>>
>>
>> :root {
>>     --tab-curve-width: 20px;
>>     --tabs-border: transparent !important;
>> }
>>
>> .arrowscrollbox-scrollbox {
>>     padding-inline-start: 10px !important;
>> }
>>
>> /* To be able to see the top border of the tab */
>> .tab-stack {
>>     margin-top: 2px !important;
>> }
>>
>> /* When the window is maximized, the first pinned tab is properly
>> displayed. */
>> #TabsToolbar  {
>>     padding-inline-start: 15px !important;
>> }
>>
>> .titlebar-placeholder {
>>     border: none !important;
>> }
>>
>> /* Remove unneeded styles from Photon */
>> .tabbrowser-tab::before,
>> .tabbrowser-tab::after {
>>     border: none !important;
>> }
>>
>> .tabbrowser-tab > .tab-stack > .tab-background {
>>     background-image: none !important;
>>     -moz-box-orient: horizontal !important;
>>     background-color: transparent !important;
>>     margin-top: 1px !important;
>> }
>>
>> .tab-background[selected="true"] {
>>     border: none !important;
>> }
>>
>> .tab-line {
>>     display: none !important;
>> }
>>
>> .tab-bottom-line {
>>     display: none !important;
>> }
>>
>> /* Match height of new tab button (right svg) on hover */
>> .tabs-newtab-button {
>>     margin: 0 !important;
>> }
>>
>> /* overlap the tab curves */
>> .tab-background {
>>     -moz-margin-end: -15px !important;
>>     -moz-margin-start: -15px !important;
>> }
>>
>> /* Begin active tab background customizations */
>> .tab-background[selected="true"]::before {
>>     border: none !important;
>>     content: "" !important;
>>     width: 30px !important;
>>     min-height: 15px !important;
>>     display: -moz-box !important;
>>     background-repeat: no-repeat !important;
>> }
>>
>> .tab-background[selected="true"]::after {
>>     border: none !important;
>>     content: "" !important;
>>     width: 30px !important;
>>     min-height: 15px !important;
>>     display: -moz-box !important;
>>     background-repeat: no-repeat !important;
>> }
>>
>> .tab-background[selected="true"] > spacer {
>>     margin-top: 0px !important;
>> }
>>
>> #new-tab-button,
>> .tabs-newtab-button {
>>     width: calc(36px + 30px) !important;
>>     margin-inline-start: -15px !important;
>>     margin-top: 1px !important;
>> }
>>
>> /* Tab hover customizations */
>> .tabbrowser-tab:hover > .tab-stack >
>> .tab-background:not([selected=true])::before {
>>     display: -moz-box !important;
>>     background-repeat: no-repeat !important;
>>     content: "" !important;
>>     width: 30px !important;
>>     min-height: 15px !important;
>>     background-color: transparent !important;
>> }
>>
>> .tabbrowser-tab:hover > .tab-stack >
>> .tab-background:not([selected=true])::after {
>>     display: -moz-box !important;
>>     background-repeat: no-repeat !important;
>>     content: "" !important;
>>     width: 30px !important;
>>     min-height:15px !important;
>>     background-color: transparent !important;
>> }
>>
>> .tabbrowser-tab:hover > .tab-stack >
>> .tab-background:not([selected=true]) > spacer {
>>     margin-top: 0px !important;
>> }
>>
>> #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover >
>> .tab-stack > .tab-background:not([selected="true"]),
>> .tabs-newtab-button:hover,
>> .tabs-newtab-button:hover::before,
>> .tabs-newtab-button:hover::after {
>>     background-color: transparent !important;
>> }
>>
>> /* New tab hover customizations */
>> .tabbrowser-tab:hover > .tab-stack >
>> .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
>>     background-position: 0px 2px, 30px 4px , right bottom !important;
>>     background-repeat: no-repeat !important;
>>     background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px
>> !important;
>> }
>>
>> .tabs-newtab-button:hover > .toolbarbutton-icon {
>>     background: none !important;
>>     background-color: transparent !important;
>> }
>>
>>
>> /* Inactive tab customizations */
>> .tab-background:not([selected])::before {
>>     border: none !important;
>>     content: "" !important;
>>     width: 30px !important;
>>     min-height: 15px !important;
>>     display: -moz-box !important;
>>     background-repeat: no-repeat !important;
>> }
>>
>> .tab-background:not([selected])::after {
>>     border: none !important;
>>     content: "" !important;
>>     width: 30px !important;
>>     min-height: 15px !important;
>>     display: -moz-box !important;
>>     background-repeat: no-repeat !important;
>> }
>>
>> .tab-background:not([selected]) > spacer {
>>     margin-top: 0px !important;
>> }
>>
>>
>
>
> Didn't work.  Poop!
>
> Thank you anyway.
>

Strange works fine here. FF57

--
Caver1
_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general
T
Reply | Threaded
Open this post in threaded view
|

Re: rounded tabs

T
On 01/30/2018 08:20 AM, Caver1 wrote:

> On 01/29/2018 07:50 PM, T wrote:
>> On 01/29/2018 04:40 PM, Caver1 wrote:
>>> On 01/29/2018 07:25 PM, T wrote:
>>>> Hi All,
>>>>
>>>> The Duck is failing me here.
>>>>
>>>> Can someone point me to a css file to give me back my
>>>> rounded tabs?
>>>>
>>>>
>>>> Many thanks,
>>>> -T
>>>>
>>>
>>>
>>> /* Photon Australis - Curve Tabs CSS mod
>>> *********************************************************/
>>> /* by wilfredwee
>>> *********************************************************************************/
>>>
>>>
>>> /* with addional code by teijiIshida
>>> ************************************************************/
>>> /* Github: https://github.com/wilfredwee/photon-australis
>>> ***************************************/
>>> /************************************************************************************************/
>>>
>>>
>>>
>>> /************************************************************************************************/
>>>
>>>
>>> /* based on wilfredwee's Default theme CSS mod v0.3.0
>>> *******************************************/
>>> /************************************************************************************************/
>>>
>>>
>>>
>>>
>>> :root {
>>>     --tab-curve-width: 20px;
>>>     --tabs-border: transparent !important;
>>> }
>>>
>>> .arrowscrollbox-scrollbox {
>>>     padding-inline-start: 10px !important;
>>> }
>>>
>>> /* To be able to see the top border of the tab */
>>> .tab-stack {
>>>     margin-top: 2px !important;
>>> }
>>>
>>> /* When the window is maximized, the first pinned tab is properly
>>> displayed. */
>>> #TabsToolbar  {
>>>     padding-inline-start: 15px !important;
>>> }
>>>
>>> .titlebar-placeholder {
>>>     border: none !important;
>>> }
>>>
>>> /* Remove unneeded styles from Photon */
>>> .tabbrowser-tab::before,
>>> .tabbrowser-tab::after {
>>>     border: none !important;
>>> }
>>>
>>> .tabbrowser-tab > .tab-stack > .tab-background {
>>>     background-image: none !important;
>>>     -moz-box-orient: horizontal !important;
>>>     background-color: transparent !important;
>>>     margin-top: 1px !important;
>>> }
>>>
>>> .tab-background[selected="true"] {
>>>     border: none !important;
>>> }
>>>
>>> .tab-line {
>>>     display: none !important;
>>> }
>>>
>>> .tab-bottom-line {
>>>     display: none !important;
>>> }
>>>
>>> /* Match height of new tab button (right svg) on hover */
>>> .tabs-newtab-button {
>>>     margin: 0 !important;
>>> }
>>>
>>> /* overlap the tab curves */
>>> .tab-background {
>>>     -moz-margin-end: -15px !important;
>>>     -moz-margin-start: -15px !important;
>>> }
>>>
>>> /* Begin active tab background customizations */
>>> .tab-background[selected="true"]::before {
>>>     border: none !important;
>>>     content: "" !important;
>>>     width: 30px !important;
>>>     min-height: 15px !important;
>>>     display: -moz-box !important;
>>>     background-repeat: no-repeat !important;
>>> }
>>>
>>> .tab-background[selected="true"]::after {
>>>     border: none !important;
>>>     content: "" !important;
>>>     width: 30px !important;
>>>     min-height: 15px !important;
>>>     display: -moz-box !important;
>>>     background-repeat: no-repeat !important;
>>> }
>>>
>>> .tab-background[selected="true"] > spacer {
>>>     margin-top: 0px !important;
>>> }
>>>
>>> #new-tab-button,
>>> .tabs-newtab-button {
>>>     width: calc(36px + 30px) !important;
>>>     margin-inline-start: -15px !important;
>>>     margin-top: 1px !important;
>>> }
>>>
>>> /* Tab hover customizations */
>>> .tabbrowser-tab:hover > .tab-stack >
>>> .tab-background:not([selected=true])::before {
>>>     display: -moz-box !important;
>>>     background-repeat: no-repeat !important;
>>>     content: "" !important;
>>>     width: 30px !important;
>>>     min-height: 15px !important;
>>>     background-color: transparent !important;
>>> }
>>>
>>> .tabbrowser-tab:hover > .tab-stack >
>>> .tab-background:not([selected=true])::after {
>>>     display: -moz-box !important;
>>>     background-repeat: no-repeat !important;
>>>     content: "" !important;
>>>     width: 30px !important;
>>>     min-height:15px !important;
>>>     background-color: transparent !important;
>>> }
>>>
>>> .tabbrowser-tab:hover > .tab-stack >
>>> .tab-background:not([selected=true]) > spacer {
>>>     margin-top: 0px !important;
>>> }
>>>
>>> #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover >
>>> .tab-stack > .tab-background:not([selected="true"]),
>>> .tabs-newtab-button:hover,
>>> .tabs-newtab-button:hover::before,
>>> .tabs-newtab-button:hover::after {
>>>     background-color: transparent !important;
>>> }
>>>
>>> /* New tab hover customizations */
>>> .tabbrowser-tab:hover > .tab-stack >
>>> .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
>>>     background-position: 0px 2px, 30px 4px , right bottom !important;
>>>     background-repeat: no-repeat !important;
>>>     background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px
>>> !important;
>>> }
>>>
>>> .tabs-newtab-button:hover > .toolbarbutton-icon {
>>>     background: none !important;
>>>     background-color: transparent !important;
>>> }
>>>
>>>
>>> /* Inactive tab customizations */
>>> .tab-background:not([selected])::before {
>>>     border: none !important;
>>>     content: "" !important;
>>>     width: 30px !important;
>>>     min-height: 15px !important;
>>>     display: -moz-box !important;
>>>     background-repeat: no-repeat !important;
>>> }
>>>
>>> .tab-background:not([selected])::after {
>>>     border: none !important;
>>>     content: "" !important;
>>>     width: 30px !important;
>>>     min-height: 15px !important;
>>>     display: -moz-box !important;
>>>     background-repeat: no-repeat !important;
>>> }
>>>
>>> .tab-background:not([selected]) > spacer {
>>>     margin-top: 0px !important;
>>> }
>>>
>>>
>>
>>
>> Didn't work.  Poop!
>>
>> Thank you anyway.
>>
>
> Strange works fine here. FF57
>


Mumble, Mumble
_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general
Reply | Threaded
Open this post in threaded view
|

Re: rounded tabs

B00ze
On 2018-01-30 16:12, T <[hidden email]> wrote:

> On 01/30/2018 08:20 AM, Caver1 wrote:
>> On 01/29/2018 07:50 PM, T wrote:
>>> On 01/29/2018 04:40 PM, Caver1 wrote:
>>>> On 01/29/2018 07:25 PM, T wrote:
>>>>> Hi All,
>>>>>
>>>>> The Duck is failing me here.
>>>>>
>>>>> Can someone point me to a css file to give me back my
>>>>> rounded tabs?
>>>>>
>>>>> Many thanks,
>>>>> -T

[snip]

>>> Didn't work.  Poop!
>>> Thank you anyway.
>>
>> Strange works fine here. FF57
>
> Mumble, Mumble

Try this simpler but uglier/buggier version (I haven't tried it, just
saved it from somewhere):

  /* tab top border roundness */
     #TabsToolbar .tabs-newtab-button,
     #TabsToolbar .tabbrowser-tab,
     #TabsToolbar .tabbrowser-tab .tab-stack,
     #TabsToolbar .tabbrowser-tab .tab-background,
     #TabsToolbar .tabbrowser-tab .tab-content {
         border-top-left-radius: 15px !important;
         border-top-right-radius: 15px !important;
         border: none; !important;
     }

--
! _\|/_  Sylvain / [hidden email]
! (o o)   Member:David-Suzuki-Fdn/EFF/Red+Cross/SPCA/Planetary-Society
oO-( )-Oo  Despite the cost of living, it remains very popular.

_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general
T
Reply | Threaded
Open this post in threaded view
|

Re: rounded tabs

T
On 01/30/2018 08:51 PM, B00ze wrote:

> On 2018-01-30 16:12, T <[hidden email]> wrote:
>
>> On 01/30/2018 08:20 AM, Caver1 wrote:
>>> On 01/29/2018 07:50 PM, T wrote:
>>>> On 01/29/2018 04:40 PM, Caver1 wrote:
>>>>> On 01/29/2018 07:25 PM, T wrote:
>>>>>> Hi All,
>>>>>>
>>>>>> The Duck is failing me here.
>>>>>>
>>>>>> Can someone point me to a css file to give me back my
>>>>>> rounded tabs?
>>>>>>
>>>>>> Many thanks,
>>>>>> -T
>
> [snip]
>
>>>> Didn't work.  Poop!
>>>> Thank you anyway.
>>>
>>> Strange works fine here. FF57
>>
>> Mumble, Mumble
>
> Try this simpler but uglier/buggier version (I haven't tried it, just
> saved it from somewhere):
>
>   /* tab top border roundness */
>      #TabsToolbar .tabs-newtab-button,
>      #TabsToolbar .tabbrowser-tab,
>      #TabsToolbar .tabbrowser-tab .tab-stack,
>      #TabsToolbar .tabbrowser-tab .tab-background,
>      #TabsToolbar .tabbrowser-tab .tab-content {
>          border-top-left-radius: 15px !important;
>          border-top-right-radius: 15px !important;
>          border: none; !important;
>      }
>

Just gets me the current tab rounded but does not eliminate rectangles
_______________________________________________
general mailing list
[hidden email]
https://lists.mozilla.org/listinfo/general