Can a Firefox UserStyle become a Thunderbird one?

[madmudmob]

I found this UserStyle that gives the main tab a shadow either side to make it more pronounced in Firefox .....

Code: Select all

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#tabbrowser-tabs .tabbrowser-tab[selected] {
box-shadow: 10px 8px 10px rgba(0, 0, 0, .5), -10px 8px 10px rgba(0, 0, 0, .35);
}

#tabbrowser-tabs .tabbrowser-tab {
color: black !important; 
text-shadow: white 0 0 9px, white 0 0 9px, rgba(255, 255, 255, .4) 0 1px 0 !important;
}

#main-window[tabsontop="false"]:not([disablechrome="true"]) .tabbrowser-tab[selected="true"] {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px), -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):hover, .tabs-newtab-button:hover {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px), -moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#tabbrowser-tabs .tabbrowser-tab[pinned][titlechanged] {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px), -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%), -moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#tabbrowser-tabs .tabbrowser-tab[pinned][titlechanged]:hover {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px), -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%), -moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

and wondered if it might be possible to alter it to work with Thunderbird please? No idea if it can be done easily or would be a pain or even if it is possible at all but don't ask don't get as we Brits say

[Frank Lion]

Possible, but a pain.

[smsmith]

In Thunderbird, things are named a little differently.

#tabbrowser-tabs becomes #tabs-toolbar

.tabbrowser-tab becomes .tabmail-tabs

Here's a style I use that may help you do the conversion.

Code: Select all

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


#tabs-toolbar {
    background: transparent !important;
    margin-bottom: 0 !important;
    margin-top: 0px !important;
    margin-left: -17px !important;
}

#tabs-toolbar .arrowscrollbox-scrollbox {
    padding: 0 !important;
}

#tabs-toolbar .tabmail-tabs {
        min-height: 40px !important;
        margin-top: -15px !important;
        margin-left: 0px !important;
}

#tabs-toolbar .tabmail-tab {
    -moz-border-top-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-bottom-colors: none !important;
    border-style: solid !important;
    border-color: rgba(0,0,0,.2) !important;
    border-width: 1px 0px 0px 1px !important;
    text-shadow: 0 0 4px rgba(255,255,255,.75) !important;
    padding: 12px 0px !important;
    background: rgba(255,255,255,.45) !important;
    background-clip: padding-box !important;
    margin-left: 1px !important;
}

#tabs-toolbar .tabmail-tab[first-tab][last-tab],
#tabs-toolbar .tabmail-tab[last-visible-tab] {
    border-right-width: 1px !important;
}

#tabs-toolbar .tabmail-tab[afterselected] {
   border-left-color: rgba(0,0,0,.25) !important;
}

#tabs-toolbar .tabmail-tab[selected] {
    color: rgba(0,0,0,1) !important;
    background: #f5f6f7 !important;
    background-clip: padding-box !important;
    border-color: rgba(0,0,0,.25) !important;
}

#tabs-toolbar .tabmail-tab:hover:not([selected]) {
    border-color: rgba(0,0,0,.2) !important;
    background-color: rgba(255,255,255,.55) !important;
}

#tabs-toolbar .tab-background {
    margin: 0 !important;
    background: transparent !important;
}

#tabs-toolbar .tab-background-start,
#tabs-toolbar .tab-background-end {
    display: none !important;
}

#tabs-toolbar .tab-background-middle {
    margin: -4px -2px !important;
    background: transparent !important;
}

#tabs-toolbar .tabmail-tab:after,
#tabs-toolbar .tabmail-tab:before {
    display: none !important;
}

#mail-toolbox{
    background: #f5f6f7 !important;
    background-clip: padding-box !important;
    border-radius: 0px !important;
    box-shadow: #C0C0C0 3px 3px 5px !important;
    padding: 3px !important;
    border-bottom: 1px solid #C0C0C0 !important;
}

The style makes the tabs square and a little taller and adjust the colors to match the toolbar a little better. I think it also abuses the hell out of margin-left to make things work for me, but, it works for me.

[madmudmob]

Apologies - only just found this. Thankyou for that .... not quite what I was after but it does give me something to play with