Firefox Quantum Rounded Tabs

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

Register Login Text RPG Play Text RPG ?

Posts: 1 - Views: 502 Rating: 0/10 out of 0 Votes
Add Reply Q
Discuss  Firefox Quantum Rounded Tabs
Post Date: 22nd Aug, 2018 - 12:30pm / Post ID: #


Admin + Architect
*******
[?] CPosts: 37,161
Posts: 47,414
Avg: 7.9 Post(s) / Day
Activity: 100%
[+] Gain: 5,319.37 FP
Charm: 344

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.

Attached Image 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;
}



Attached Image

Post Date: 21 February 2019 / Post ID: #

Firefox Quantum Rounded Tabs

, the Topic: "Firefox Quantum Rounded Tabs", needs your Reply. Be first to Comment to this Topic in the Computer Issues & Video Gaming Board! You will then have 1 Posts and 1 Core Posts! International Comment Add Comment now or scroll down for [Fast Reply] box.

Sponsored Links:

Options Fast Reply Add Reply Add Poll


No Registration Required!

We welcome input from visitors:
Add Comment As A Guest
Guest, please be considerate by using the appropriate tags as well as checking your grammar before submitting or it will be deleted. See: Constructive Posting Policy.

Tip TIP: Press above button ONCE only. If you come back here via the [Back] button on your browser then you will need to click [More Options] button (below) first in order to re-enable your ability to Post.

> TOPIC: Firefox Quantum Rounded Tabs



Donate Compare Membership
International Discussions Coded by: BGID® ALL RIGHTS RESERVED Copyright © 1999-2019
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,

Country (State) of the Day

Congo

Country of the day Congo

Unanswered Threads for Congo, which is the Country or State of the Day! Bonus FP & Charm for these Topics. See Here. Updated: Every hour.

Highlights

The Trump Immigration Wall: Political Controversy WARNING you may find the contents of this Thread offensive, view at your own discretion. By News 1.5 Day(s) Ago Discuss It!
Donald Trump: Donald Trump President of the United States of America - Real Estate mogul, Pageant owner and now one of the most controversial men in political history. By Trans 6.2 Days Ago Discuss It!
Atheists Not To Be Feared!: New look at Atheists and their thinking - Atheism - Athiest - Do Not Believe In God By Xxbellaxx 1 Week Ago Discuss It!
Russia vs USA: Russia Tactics versus U.S.A. Vs Russia Russia: 'The Evil Empire'? Are they all that bad or is it just the USA trying to portray Russia as bad because they are a world power with land bigger and a society very different from the USA ideal? By Gamer 1st Feb, 2019 - 3:03pm Discuss It!
Global Warming: Natural Or Man-made?: global warming Global warming has been in and out as the "latest" hot topic for many years. It is, according to modern scientists, the result of man-made industrial pollutants, clearing forested areas, agriculture, etc. But now they are thinking it started way before the Industrial Revolution... By ILoveSMF 15th Jan, 2019 - 2:08pm Discuss It!
Stan Lee: Top  Stan Lee Comics By SMF 11th Dec, 2018 - 1:08pm Discuss It!
Kissing Up To The Boss In The Workplace: Top  Kissing Up Boss In Workplace By Reformist 22nd Nov, 2018 - 7:05pm Discuss It!
Men In Uniform - Authorized Excessive Violence: Political Controversy WARNING you may find the contents of this Thread offensive, view at your own discretion. By Pureyang 14th Nov, 2018 - 3:03pm Discuss It!
Your View On The Nature Of Interests: By News 4th Jul, 2018 - 7:30pm Discuss It!
Wide Screen Columns: Best of  Wide Screen Columns Users with wide screen monitors can benefit from more content on every page. By JB 14th Oct, 2017 - 12:32am Discuss It!
Offensive Trademarks: Best of  Offensive Trademarks By Abnninja 20th Jun, 2017 - 4:16pm Discuss It!

Updated every: 14 minutes