How to restore old tab row style

User Help for Mozilla Firefox
Post Reply
sekular
Posts: 232
Joined: November 17th, 2011, 1:58 am

How to restore old tab row style

Post by sekular »

I found this script http://userstyles.org/styles/99560/squa ... -australis

By modifying the script and removing any sections not related to tabs it looks a lot like the old tabs. If any theme expert knows exactly where the tab css is in the v28 theme and still has it installed can you go in and grab the parts that i will need to use to get the old tab row back? I would be very much appreciated, but otherwise im going to keep trying to find it.

Code: Select all

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



#TabsToolbar {

    background: transparent !important;

    margin-bottom: 0 !important;

}



#TabsToolbar .arrowscrollbox-scrollbox {

    padding: 0 !important;

}



#TabsToolbar .tabbrowser-tabs {

    min-height: 26px !important;

    margin-top: 1px !important;

}



#TabsToolbar .tabbrowser-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 1px 0 1px !important;

    text-shadow: 0 0 4px rgba(255,255,255,.75) !important;

    background: rgba(255,255,255,.27) !important;

    background-clip: padding-box !important;

    transition: all .1s !important;

    margin-left: 1px !important;

}



#TabsToolbar .tabs-newtab-button {

    -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: transparent !important;

    border-width: 1px 1px 0 1px !important;

    text-shadow: 0 0 4px rgba(255,255,255,.75) !important;

    background: transparent !important;

    background-clip: padding-box !important;

    transition: all .1s !important;

    margin-left: 1px !important;

}



#TabsToolbar .tabbrowser-tab[first-tab][last-tab],

#TabsToolbar .tabbrowser-tab[last-visible-tab] {

    border-right-width: 1px !important;

}



#TabsToolbar .tabbrowser-tab[afterselected] {

   border-left-color: rgba(0,0,0,.25) !important;

}



#TabsToolbar .tabbrowser-tab[selected] {

    background: #EAF2FA !important;

    background-clip: padding-box !important;

    border-color: rgba(0,0,0,.25) !important;

}



#TabsToolbar .tabs-newtab-button:hover,

#TabsToolbar .tabbrowser-tab:hover:not([selected]) {

    border-color: rgba(0,0,0,.2) !important;

    background-color: rgba(255,255,255,.55) !important;

}



#TabsToolbar .tab-background {

    margin: 0 !important;

    background: transparent !important;

}



#TabsToolbar .tab-background-start,

#TabsToolbar .tab-background-end {

    display: none !important;

}



#TabsToolbar .tab-background-middle {

    margin: -4px -2px !important;

    background: transparent !important;

}



#TabsToolbar .tabbrowser-tab:after,

#TabsToolbar .tabbrowser-tab:before {

    display: none !important;

}



#TabsToolbar .tabs-newtab-button {

    border-width: 1px 1px 0 1px !important;

    margin: 0 0 0 1px !important;

    width: auto !important;

    padding: 0 5px !important;

}



#addon-bar,

#PersonalToolbar,

#nav-bar {

    background: #EAF2FA !important;

    box-shadow: none !important;

    background-clip: padding-box !important;

    border-color: rgba(0,0,0,.25) !important;

    border-radius: 0 !important;

}



.subviewbutton.panel-subview-footer {

    padding-top: 5px !important;

    padding-bottom: 5px !important;

}
User avatar
DanRaisch
Moderator
Posts: 127225
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Re: How to restore old tab row style

Post by DanRaisch »

Moving to Firefox Support.
Post Reply