Firefox Quantum Rounded Tabs

Firefox Quantum Rounded Tabs - Computer Issues, Video Gaming - Posted: 22nd Aug, 2018 - 12:30pm

Text RPG Play Text RPG ?
 

Posts: 1 - Views: 2324
Discuss  Firefox Quantum Rounded Tabs
22nd Aug, 2018 - 12:30pm / Post ID: #

Firefox Quantum Rounded Tabs

I finally decided to update Firefox to the latest after seeing that developers have finally ported over some of the useful extensions that I need.

The default layout of Quantum leaves a lot to be desired especially because it does not allow customization. The squared tabs and the URL bar's position is not as I like it.

If you will like to bring back the classic look the older Firefox browser then add my code to your userChrome.css which is located in the profile/chrome/ of your Firefox folder.

This code will put tabs at the bottom and make them rounded. It will also add a clear border so it looks like the screenshot.

international CODE

/* Tab bar below Navigation
*/ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1! Important; border-top-width: 0! Important; }
#PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2! Important; }
#TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3! Important; }

:root {
--tab-curve-width: 30px;
--tabs-border: transparent! Important;

Background-color: #eeeeee! 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;
}

#tabbrowser-tabs{

Margin-left:-15px;
}

.titlebar-placeholder {

Border: none! Important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {

Border: none! Important;
}

/* Windows 7 specific */
@media (-moz-os-version: windows-win7) {
.tabbrowser-tab {

Background-color: transparent! Important;

Border: none! Important;
}

@media (-moz-windows-default-theme) {
.tabbrowser-tab:not(:-moz-lwtheme) {

Background-color: transparent! Important;

Border: none! Important;
}
}
}

.tabbrowser-tab::after, .tabbrowser-tab::before {

Border-left: none! Important;
}
.tab-background {

Border-radius: 14px 14px 0px 0px! Important;

Border-image: none! Important;

Border-left: 1px #666 solid! Important;

Border-right: 1px #666 solid! Important;

Border-top: 1px #666 solid! Important;

Background-color: #fff! Important;
}
.tab-line {

Display: none! Important;
}

Firefox Quantum Rounded Tabs
Firefox Quantum Rounded Tabs (Hover)



Sponsored Links:
Post Date: Fri Mar 29 11:55:50 GMT 2024 / Post ID: #

Avatar

Firefox Quantum Rounded Tabs

Add Comment
I was thinking about firefox quantum rounded tabs should be elaborated right away maybe that what what are the ins and outs of it.


 
> TOPIC: Firefox Quantum Rounded Tabs
 

▲ TOP


International Discussions Coded by: BGID®
ALL RIGHTS RESERVED Copyright © 1999-2024
Disclaimer Privacy Report Errors Credits
This site uses Cookies to dispense or record information with regards to your visit. By continuing to use this site you agree to the terms outlined in our Cookies used here: Privacy / Disclaimer,