firefox как сделать вкладки внизу под адресной строкой без аддонов

Добавьте эти строки в userChrome.css:

#TabsToolbar { -moz-box-ordinal-group: 2;
}

#nav-bar{ border-top-width: 0px !important;
}

 

Также можно сразу изменить высоту вкладок:

tab {height: 14px !important;}
.tabbrowser-strip {height: 16px !important;}

 

Сам файл userChrome.css должен находится в папке вашего профиля, в папке chrome

\firefox\profile\chrome\userChrome.css

если его нет, просто создайте его

Варианты изменения настроек

Continue reading “firefox как сделать вкладки внизу под адресной строкой без аддонов”

Firefox: изменение цвета вкладки у определенного домена/сайта

Изменить цвет вкладки у определенного домена через
@-moz-document domain(“mail.google.com”)
нельзя,

так-как этот инструмент служит для изменения информации на странице, а цвет вкладки часть интерфейса браузера. Но есть решение, можно определять домен у элемента IMAGE,
который служит для загрузки иконки сайта (Favicon).


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
tab[image*="example.com"] {background:red !important;}

Вместо example.com пропишите нужный вам домен,
Вместо red код нужного вам цвета.

Firefox: меняем цвет вкладок через userChrome.css

userChrome.css расположен в подкаталоге chrome вашего профиля. userChrome.css предназначен для стилей настройки внешнего вида Mozilla/Mozilla Firefox. В нём вы можете редактировать отображение основных элементов браузера, стили, создать свой собственный стиль Mozill’ы.
Обратите внимание: userChrome.css не существует по умолчанию.

Как изменить цвета вкладок:

Добавляем в userChrome.css следующее содержимое:

/* --- 2.0 Tabs rules modified for 3.0 --- */

/* Active tab – good */
.tabbrowser-tab[selected=”true”]
.tabs-bottom,
[class=”close-button tabs-closebutton”] {
font-weight: bold !important;
background-color: rgb(220,220,220) !important;
padding-left: 2% !important;
padding-right: 2% !important;}

/* Inactive Tab – good */
.tabbrowser-tab:not([selected=”true”]) {
-moz-appearance: none !important;
background-color: rgb(170,170,170) !important;
padding-left: 2% !important;
padding-right: 2% !important;
-moz-opacity: 0.8 !important;}

/* Change tab hover colors -good! */
.tabbrowser-tab[selected=”true”]:hover {
background-color: rgb(250,250,250) !important;
}
.tabbrowser-tab:not([selected=”true”]):hover {
background-color: rgb(200,200,200) !important;
}

/* Tab while loading – good */
.tabbrowser-tab[busy] {
color: red !important;}

/* Italicize the title of unread tabs */
#content tab:not([selected]) {
font-style: italic !important;
}

/* — end of Tabs mods — */

Scroll to top