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: 259 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,030
Posts: 47,406
Avg: 8.0 Post(s) / Day
Activity: 100%
[+] Gain: 4,956.56 FP
Charm: 343

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: 9 December 2018 / Post ID: #

Firefox Quantum Rounded Tabs

, we need YOUR thoughts for "Firefox Quantum Rounded Tabs" be first to Reply 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.

Guest please SHARE: "Firefox Quantum Rounded Tabs" on:

Sponsored Links:

Topics like "Firefox Quantum Rounded Tabs" may just be one of many, do use the Search to find more
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


Share:

Like:

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

Latest Topics


Key: Background for Upgraded Members
Updated every 5 minutes See More

Latest Member Intro

Newest Members

Updated every: 31 minutes

World Issues

Do You Know What To Do In A Nuclear Attack?:
Top  Do Know In Nuclear Attack By Dice 21st Nov, 2018 - 10:51pm
China vs USA:
USA versus China versus Chinese versus Americans The role of its Army, Politics, and Status in the World. By Pureyang 14th Nov, 2018 - 2:40am
USA vs North Korea:
North Korea Nuclear Weapons
versus USA This country is no Iraq. What is the USA going to do? What will be the outcome? By Majicsun 13th Nov, 2018 - 11:31pm
North Korea vs South Korea:
versus North Korea Vs. South Korea By Majicsun 19th Sep, 2018 - 1:23pm
USA vs Germany:
Germany versus U.S.A. By News 11th Jul, 2018 - 8:00pm
China Navy:
Chinese Aircraft Carrier
China Navy Beware the new Naval power, they are planning to come on stream with big naval might to match their ground forces. Chinese Aircraft Carrier - Chinese Navy By News 27th Jun, 2018 - 11:14am
USA vs Syria:
versus U.S.A. Is Syria the next Iraq? By Opinion 24th Apr, 2018 - 10:56am
Russia vs. Syria:
Syria vs Russia By Opinion 17th Apr, 2018 - 9:54am
North Korea Military:
Discuss  North Korea Military This Thread is about the North Korean Military itself - the kind of army, navy, and air force they have. By Wizard 15th Jan, 2018 - 9:36am
Japan vs North Korea:
North Korea versus Japan versus War With Japan By Swell 17th Oct, 2017 - 4:17pm
China Military:
China Military Technology Preparing For China. China is growing their military. China Military Technology - can it keep up with the US? By Abnninja 5th Mar, 2017 - 5:25pm