Web lists-archives.com

Re: rounded tabs




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
general@xxxxxxxxxxxxxxxxx
https://lists.mozilla.org/listinfo/general