Полезная информация

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.
  • Форумы
  •  » CSS-стили
  •  » Какое название селектора папки-закладки на панели вкладок ?

№119-04-2018 15:34:58

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 103
UA: Palemoon 27.0

Какое название селектора папки-закладки на панели вкладок ?

Я для папок-закладок назначил нужные картинки , а как прописать размер шрифта для нужных закладок в панели вкладок ?
если пишу в css : (правило для  закладки-папки "my" на панели вкладок) - это не работает (шрифт не регулирует)
.bookmark-item [label=my]
{font-size:5px !important;
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/kill.png') !important;}


если же пишу общее правило .bookmark-item > * { font-size:3px!important;}
это распространяется на все закладки,по этому ...

не видно ,тем более если размер  установить в 0px
http://sotvm.sytes.net/gallery/gallery/1/19042018_174047.png

когда меняю через Attributes  Inspector
http://sotvm.sytes.net/gallery/gallery/1/19042018_191708.png

, получается ,но не знаю какой   путь элемента/селектор нужно прописать в  UserChrome.css ,для чего/кого писать правило?
вот мой UserChrome.css

Выделить код

Код:

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

/*
 ИЗМЕНЯЕТ ЗНАЧКИ/ИКОНКИ ПАПОК/ЗАКЛАДОК НА ПАНЕЛИ ВКЛАДОК .
*/
/*
.bookmark-item > * { font-size:3px!important;}
*/
.dropmarker-icon {visibility:hidden;}
.bookmark-item [label=my] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/kill.png');
}
.bookmark-item [label=my] { font-size:5px !important;visibility: visible!important;}

.bookmark-item [label=soft] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/eye.png');
}
.bookmark-item > * { font-size:5px !important;visibility: visible!important;}
.bookmark-item [label=site] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/favicon.png');
}

.bookmark-item [label=book] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/books.png');
}

.bookmark-item [label=mail] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/email.png');
}
.bookmark-item [label=radio] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/radio.png');
}

Отредактировано SOTVM (19-04-2018 22:41:21)


Никто не знает столько,сколько не знаю Я.

Отсутствует

 

№219-04-2018 23:57:06

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 103
UA: Palemoon 27.0

Re: Какое название селектора папки-закладки на панели вкладок ?

так  я и не сообразил ,как сделать для каждой отдельно   :dumb:
этого и не нужно было, разве только ради спортивного интереса :iron:

сделал вот так  :angel:  добавил в UserCrome.css

Выделить код

Код:

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

/*     ИЗМЕНЯЕТ ЗНАЧКИ/ИКОНКИ ПАПОК/ЗАКЛАДОК НА ПАНЕЛИ ВКЛАДОК .    */
/*   при смене иконки ,нужно чтобы "не двоило"   ,попробуйте закомментировать параметр */
.dropmarker-icon {visibility:hidden;}

/*   без текста   */
.toolbarbutton-text  { font-size:0px;visibility:hidden;}

/*  красный текст 8px
.toolbarbutton-text  { font-size:8px;color:red;}        */
/*   папка-закладка с именем "my"   */
.bookmark-item [label=my] {
list-style-image: url('/home/svm/.local/share/icons/hicolor/16x16/kill.png'); /*абсолютный  путь до иконки */
}
/*   папка-закладка с именем "soft"   */
.bookmark-item [label=soft] {
list-style-image: url('eye.png'); /* ОТНОСИТЕЛЬНЫЙ путь до иконки - эта лежит в директории CHROME  профиля*/
}

.bookmark-item [label=soft] {
list-style-image: url('eye.png');
}

.bookmark-item [label=site] {
list-style-image: url('favicon.png');
}

.bookmark-item [label=book] {
list-style-image: url('book.png');
}

.bookmark-item [label=email] {
list-style-image: url('email.png');
}
.bookmark-item [label=radio] {
list-style-image: url('radio.png');
}


вот так выглядит в Palemoon
http://sotvm.sytes.net/gallery/gallery/1/20042018_032536.png

вот так в Firefox 58.2
http://sotvm.sytes.net/gallery/gallery/1/20042018_034555.png


Никто не знает столько,сколько не знаю Я.

Отсутствует

 

№303-08-2018 04:28:21

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 103
UA: Firefox 60.0

Re: Какое название селектора папки-закладки на панели вкладок ?

ODSK пишет:

а как на счет последней версии?

последней версии чего?
в Palemoon всё работает ,а эксперименты с firefox надоели - бросил этой ерундой заниматься :lol:
т.е. оно работает вот с этим кодом

UserCrome.css  для fiirefox 60

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/* изменяет боковую панель и поле поиска в ней */
#topSection , #sidebar-search-container , .search-box,#sidebar-search-container ,#sidebar ,.mainContainer,#sidebar-header {
color: #def !important;background-color: #123 !important;
}

/* ИЗМЕНЯЕТ ЗНАЧКИ/ИКОНКИ ПАПОК/ЗАКЛАДОК НА ПАНЕЛИ ВКЛАДОК */

.dropmarker-icon {visibility:hidden;}
.toolbarbutton-text  { font-size:0px;visibility:hidden;}

.bookmark-item [label=my] {
list-style-image: url('kill.png');
}

.bookmark-item [label=soft] {
list-style-image: url('eye.png');
}

.bookmark-item [label=site] {
list-style-image: url('favicon.png');
}

.bookmark-item [label=book] {
list-style-image: url('book.png');
}

.bookmark-item [label=email] {
list-style-image: url('email.png');
}
.bookmark-item [label=radio] {
list-style-image: url('radio.png');
}

 /*
Цвет пустой вкладки при запуске firefox
или открытии новой вкладки/окна
для этого ещё нужно добавить код в  userContent.css
***********************************************
@namespace url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("about:newtab") ,  url("about:blank") {

browser,html, body {background-color: #012!important;background: #012!important;color:#4591c1 !important;}

.search-wrapper> * { background:#123!important;color:#4591c1;}
button {background-color:#123!important;}
}
***********************************************
*/
.browserContainer{
    -moz-appearance: none !important;
    background: #012 !important;
    background-color: #012 !important;color: #eee !important;
    }
#openwith_darktrojan_net-browser-action [open=true] {background: #f12 !important; background-color: #f12 !important; color: #eee !important;}


есть небольшой косяк с выпадающим меню
http://sotvm.sytes.net/gallery/gallery/2/2018-08-03--1533258613_1800x760_scrot.png

,хоть   там и так фсё понятно ,без букаф -,
мне просто надоело заниматься "напилингом" :rolleyes:
есть разработчики/дизайнеры - они за это получают не хилое бабло ,вот пусть они и пилят эти гири :lol:

Отредактировано SOTVM (03-08-2018 04:30:27)


Никто не знает столько,сколько не знаю Я.

Отсутствует

 
  • Форумы
  •  » CSS-стили
  •  » Какое название селектора папки-закладки на панели вкладок ?

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]