Недавние ответы в userChrome.css Tabs at Bottom covering contenthttps://support.mozilla.org/ru/questions/12730892019-11-17T11:58:26-08:00jscher2000 said
As you may know, the author of Classic Theme Restorer maintains a large set of CSS2019-11-17T11:58:26-08:00btinkerhttps://support.mozilla.org/ru/questions/1273089#answer-1267259<p><em>jscher2000 <a href="#answer-1267161" rel="nofollow">said</a></em>
</p>
<blockquote>
As you may know, the author of Classic Theme Restorer maintains a large set of CSS files with intricately detailed rules for moving the tab bar. The ones to move the tab bar below the content start here, and incorporate several additional files:
<a href="https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/userChrome.css#L423" rel="nofollow">https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/userChrome.css#L423</a>
I have not tried it myself.
</blockquote>
<p>THANKS @jscher2000! That worked.
</p><p>Here's the link to the code is case someone reads this:
</p><p><a href="https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_main_content.css" rel="nofollow">https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_main_content.css</a>
</p>As you may know, the author of Classic Theme Restorer maintains a large set of CSS files with intric2019-11-17T01:11:26-08:00jscher2000https://support.mozilla.org/ru/questions/1273089#answer-1267161<p>As you may know, the author of Classic Theme Restorer maintains a large set of CSS files with intricately detailed rules for moving the tab bar. The ones to move the tab bar below the content start here, and incorporate several additional files:
</p><p><a href="https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/userChrome.css#L423" rel="nofollow">https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/userChrome.css#L423</a>
</p><p>I have not tried it myself.
</p>Okay, so I think I may have been misleading with my post (sorry!). When I said I want the tabs on th2019-11-16T09:37:40-08:00btinkerhttps://support.mozilla.org/ru/questions/1273089#answer-1267073<p>Okay, so I think I may have been misleading with my post (sorry!). When I said I want the tabs on the bottom I meant the bottom of the screen not the bottom of the navbar.
</p><p>I've attached screenshot of what I mean by the tabs covering the content.
</p>Can you attach a screenshot?
https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-pro2019-11-16T09:32:31-08:00cor-elhttps://support.mozilla.org/ru/questions/1273089#answer-1267071<p>Can you attach a screenshot?
</p>
<ul><li><a href="https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem" rel="nofollow">https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem</a>
</li><li>use a compressed image type like PNG or JPG to save the screenshot
</li></ul>
<p>See also:
</p>
<ul><li><a href="https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar" rel="nofollow">https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar</a>
</li></ul>cor-el said
Try to add a "display:block !important;" rule:
#TabsToolbar
{
display: block !2019-11-16T09:26:27-08:00btinkerhttps://support.mozilla.org/ru/questions/1273089#answer-1267069<p><em>cor-el <a href="#answer-1267055" rel="nofollow">said</a></em>
</p>
<blockquote>
Try to add a "display:block&nbsp;!important;" rule:
<pre>#TabsToolbar
{
display: block !important;
position: fixed !important;
bottom: 0px !important;
width: 100% !important;
}</pre>
</blockquote>
<p><br>
Thanks. No luck with that. I the problem is that this moves the tabs tools bar and what I'm trying to do is resize the content so that the tabs aren't over the top of it.
</p>Try to add a "display:block !important;" rule:
#TabsToolbar
{
display: block !important;
p2019-11-16T08:57:52-08:00cor-elhttps://support.mozilla.org/ru/questions/1273089#answer-1267055<p>Try to add a "display:block&nbsp;!important;" rule:
</p>
<pre>#TabsToolbar
{
display: block !important;
position: fixed !important;
bottom: 0px !important;
width: 100% !important;
}</pre>@jscher2000 Thanks.
No, I don't recall where I got the code other than I searched, found, and tried2019-11-16T07:53:41-08:00btinkerhttps://support.mozilla.org/ru/questions/1273089#answer-1267033<p>@jscher2000 Thanks.
</p><p>No, I don't recall where I got the code other than I searched, found, and tried lots of different ways and this is what I went with. Many of them worked but they all have the same problem, the tabs cover the content.
</p><p>Duly noted on using the pre tag. I have edited my post.
</p>Hi abt, it might be beneficial to follow up with the source of the rules you're using, to make sure 2019-11-16T07:44:48-08:00jscher2000https://support.mozilla.org/ru/questions/1273089#answer-1267030<p>Hi abt, it might be beneficial to follow up with the source of the rules you're using, to make sure they are current with the latest release of Firefox. Do you recall where you got them?
</p><p>P.S. Use &lt;pre&gt; before and &lt;/pre&gt; after your code to preserve its integrity.
</p>
<pre>#main-window:not([inFullscreen]) #content-deck {margin-bottom: 32px&nbsp;!important;}
#main-window[inFullscreen] #content-deck {margin-bottom: 0px&nbsp;!important;}
#TabsToolbar
{
position: fixed&nbsp;!important;
bottom: 0px&nbsp;!important;
width: 100%&nbsp;!important;
}
#tabbrowser-tabs {width: 96%&nbsp;!important;}
#TabsToolbar[inFullscreen]
#TabsToolbar { background-color: #4d4d4d&nbsp;!important }
#tabbrowser-tabs { background-color: #4d4d4d&nbsp;!important }
</pre>