Stylish

oleg.sgh · №2201

Vitaliy V.
На сколько я понимаю, шрифты на страницах имеют некую...прозрачность. Как то так

скрытый текст

Может эффект будет заметнее когда разрешение меньше рекомендуемого.

Отредактировано oleg.sgh (22-09-2016 20:12:18)

j23 · №2202

Для изменения шрифта в окне дополнений в начале стиле должно быть так? (А то он не применяется).

Выделить код

Код:

/*AGENT_SHEET*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul"){

Отредактировано j23 (06-10-2016 15:29:12)

j23 · №2203

Разобрался. Первая и третья строки не нужны.

Black_Monk · №2204

На адресной панели есть кнопка Закладки и я в ней с помощью расширения Menu Wizard убрал всё кроме собственно самих закладок и папок, в которых они находятся. Нельзя ли всё это сделать с помощью какого-нибудь стиля?

j23 · №2205

Black_Monk
Попробуйте это:

скрытый текст

Выделить код

Код:

#appmenu_unsortedBookmarks,
#menu_unsortedBookmarks,
menuseparator[builder="end"] {display: none !important;}



#BMB_subscribeToPageMenuitem,
#BMB_subscribeToPageMenupopup,
#BMB_unsortedBookmarks,  /* неподшитые закладки */
#BMB_bookmarksPopup menuseparator:nth-last-child(2),   /* разделитель перед ними */
#BMB_viewBookmarksToolbar,
#BMB_bookmarksShowAll,
#BMB_bookmarksShowAllTop,
#BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup > menuseparator:nth-child(4),
#BMB_bookmarkThisPage,
#BMB_bookmarksPopup > menuseparator:nth-child(7),
#BMB_bookmarksPopup > menuseparator:nth-child(8),
#BMB_bookmarksPopup > menuseparator:nth-child(2),
#BMB_viewBookmarksToolbar+menuseparator,
#BMB_bookmarksPopup > menuseparator:nth-child(3) {display: none !important;}

menu.bookmark-item, menuitem.bookmark-item {max-width: 26em !important;}

.bookmarks-actions-menuseparator:nth-last-child(2),
.openintabs-menuitem {
    display: none !important;
}



.openlivemarksite-menuitem,
.openlivemarksite-menuitem+menuseparator {
display: none !important;
}

.livemarkstatus-menuitem {display: none !important;}


#ctraddon_BMB_subscribeToPageMenuitem,
#ctraddon_BMB_subscribeToPageMenupopup,
#ctraddon_BMB_unsortedBookmarks,  /* неподшитые закладки */
#ctraddon_BMB_bookmarksPopup menuseparator:nth-last-child(2),   /* разделитель перед ними */
#ctraddon_BMB_viewBookmarksToolbar,
#ctraddon_BMB_bookmarksShowAll,
#ctraddon_BMB_bookmarksShowAllTop,
#ctraddon_BMB_viewBookmarksSidebar,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(4),
#ctraddon_BMB_bookmarkThisPage,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(7),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(8),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(2),
#ctraddon_BMB_viewBookmarksToolbar+menuseparator,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(3) {display: none !important;}
.bookmarks-actions-menuseparator {display: none !important;}

#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(5),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(9)  {display: none !important;}

Отредактировано j23 (07-10-2016 15:32:07)

Black_Monk · №2206

j23, остаются надпись Панель закладок и две горизонтальные черты под и над нею.

j23 · №2207

Black_Monk

скрытый текст

Выделить код

Код:

#BMB_bookmarksToolbar {display: none !important;}  
#ctraddon_BMB_bookmarksToolbar {display: none !important;}

#BMB_bookmarksPopup > menuseparator {display: none !important;}
#ctraddon_BMB_bookmarksPopup > menuseparator {display: none !important;}

Black_Monk · №2208

j23, спасибо, самое то! :cool:

_zt · №2209

Vitaliy V.
Приветствую. Вот теперь вашей боковой панелью можно полноценно заменить стандартную.
У меня несколько вопросов.
1. Та кнопка и добавка к стилю, что ранее выкладывалось вами у меня не работает, открывается узкая полоска, а уже при наведении на нее открывается панель. Можно это реализовать вновь? В принципе, не сама кнопка CB нужна, а возможность открывать панель по нажатию на стандартные кнопки id="ctraddon_bookmarks-button" и id="ctraddon_history-button" (хотя может я ошибаюсь и они не стандартные ).
2. Как вот эту плашку скрыть вместе с полосой?

скрытый текст

3. Как в ваших стилях menu и sidebar сделать фон чуть менее прозрачным?
4. Как в menu и sidebar заменить выделение фона на призрачно-серое и добавить цветовое выделение текста, а не фона? Чтобы было понятно, что я имею в виду, посмотрите как я сделал здесь:

скрытый текст

Выделить код

Код:

/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

menuseparator
{-moz-appearance: none !important; 
padding: 0px 1px !important;
opacity:0.4 !important;
margin: 0px 12px !important;
background: #028e9b !important; }

menuseparator 
{-moz-appearance: none !important;
margin: 1px 6px !important;  
border: 1px solid transparent !important;
padding: 1px !important; 
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAAAEBAMAAADsa+4GAAAAElBMVEUAAAADAABNSUdOSUeajYabjYZp3osxAAAAXklEQVR42s1NgQ3AMAjyhb0gH9AX1g/c/69MrW2zC1YSE0RAaQmoY1AGKw5QgdL9gKkzdO6AlimWCjA73ZSr7qKWvzKM0FfA63V0Ij1sYk+/fbrZnI/w71WukyFH4wWQxVT19RYmiQAAAABJRU5ErkJggg==") repeat-x !important; }

/* === checkbox bullets */
#main-menubar menupopup menuitem[checked="true"] .menu-iconic-left,
menupopup menuitem[checked="true"] .menu-iconic-left,
#stylish menupopup menuitem[checked="true"] .menu-iconic-left, 
#appmenu_toggleTabsOnTop menuitem[checked="true"] .menu-iconic-left
{ -moz-appearance: none !important; 
width: 0 !important;
padding-left: 18px !important;
height: 18px !important;
margin-right: 0px !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAC4jAAAuIwF4pT92AAABJElEQVR42jVPvWqDYBT9QuhQmi4tLoW+kOAUIaNBNFvwpwTFEE0cQtu0m5NmctFNEA2+hoMheYaEpJUWo6m19wt0OJx7z+UezkG6rl9Np1Okado9wzBPFEW9Yx6Px3dYn0wmLYQHRVE6LMsuZrPZh+u6X5jxDvotviP4IGiafuF5/hzH8W+apj+YB4PBGfQ3wzDaqN/vj2A5wEdt2/bJsqwSuIBj3e12PyVJIhBJkq/wlS+Xy8r3/dLzvAb45DhOyXFcAXhEvV5vJAjCYbVa1ev1uthut2WWZd9hGNbgkg+HQwKJokgAnqMoqvb7fZPn+Xm32zVBEFSyLC+gXfvSDsJ35vO5miTJBoIfwXVjmqYK+s2lHQRs4QFDVdVrcH3A/K9h/AHS9qy+xl0K4QAAAABJRU5ErkJggg==") right no-repeat !important; }

menupopup, context-menu, menupopup > menu > menupopup
{ -moz-appearance: none!important; 
background: rgba(0,0,0, .2) !important; 
font-size: 12px !important;
border-radius: 2px !important; 
padding: 0 !important;
margin-left: 0px !important; }

/* inset bg */
popup:not(#autoscroller) .popup-internal-box,
menupopup .popup-internal-box, 
#PanelUI-helpView, .panel-subviews
{ margin: 2px !important;
background: rgba(0,0,0, .6) !important;
box-shadow: inset rgba(0,0,0, 0.5) 1px 6px 16px 2px  !important;
border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.6) !important; }

/* === menuitems */
menu[disabled="true"], 
menuitem[disabled="true"],
.splitmenu-menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
menuitem[_moz-menuactive="true"][disabled="true"],
.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"]
{ color: #4C4C4C !important; }

menupopup menu,
menupopup menuitem, 
menulist > menupopup > menuitem > .menu-iconic-text,
panel, popup > menu, .splitmenu-menuitem, 
#PlacesChevronPopup .menu-iconic.bookmark-item, #interclue-state-popup menuitem, .about-menuitem, .subviewbutton
{ -moz-appearance: none !important;
border: 1px solid transparent !important; 
font-size: 12px !important; 
color: #E2E2E2 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important;
}

menupopup .popup-internal-box,
#appmenuPrimaryPane menupopup .popup-internal-box,
#appmenuSecondaryPane menupopup .popup-internal-box,
#appmenuPrimaryPane menupopup,
#appmenuSecondaryPane,
.menuitem-iconic.interclue-selected
{ padding: 3px !important;
background: radial-gradient(-200deg,rgba(0,0,8,0.8),rgba(0,0,0,0.7), #000000) no-repeat !important;
border: 1px solid rgba(10,10,10, .5) !important; }

/* === cyan on hover - цвет-тень выделенного текста, градиент бокса*/
.splitmenu-menu:hover, 
.splitmenu-menuitem:hover, 
menupopup>menuitem:not([disabled="true"]):hover, 
menupopup>menu:hover,
menupopup menuitem:not([disabled="true"]):hover .menu-text,
popup menu:hover, 
popup menuitem:not([disabled="true"]):hover,
menuitem:not([disabled="true"]):hover .menu-text,
menupopup > menu:hover, menupopup > menu:focus, 
popup > menu:focus, popup > menu:hover,
#nightly-appmenu:hover,
#mmsearchpopupsearchengine menuitem:hover,
.menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group:hover,
#configContext menuitem:hover .menu-text,
#BMB_bookmarksPopup .menu-text:hover,
#BMB_bookmarksShowAll:hover .menu-text,
#BMB_bookmarksPopup .subviewbutton:not([disabled="true"]):hover>label,
#placesContext>menuitem:hover .menu-text,
#TabMIxPreferences menuitem:hover>label
{ background: radial-gradient(at top, rgba(70, 70, 70, .6),rgba(40,40,40, .6)) no-repeat !important;
color: #00FFFF !important;
text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; }

menubar > menu:hover, menubar > menu:focus
{ -moz-appearance: none !important;
background: transparent !important;
color: #FF300B !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important;
border: 1px solid transparent !important;  }

menubar > menu
{border: 1px solid transparent !important;
-moz-appearance: none !important;}

/* eleminates sys gray hover */
menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"],
.splitmenu-menuitem[_moz-menuactive="true"]
{ background-color: transparent !important;
box-shadow: none !important; }

/* === bkmrk toolbar menus */
#PlacesChevronPopup menu label
{ font-weight: normal !important;
color: #D9E5C3 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; 
}

.menulist-label-box
{ padding: 2px !important;}

menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box 
{ background-color: transparent !important; 
padding: 0 !important;
border-color: transparent !important; }

menupopup, popup, context-menu
{ border: 1px solid transparent !important; }

/* WSP groups menu fix */
.menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group
{ font-weight: normal !important;
color: #D9E5C3 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; 
}

/* === appmenu button menu */
#appmenu-popup
{ background: transparent !important; }

#appmenu-popup .popup-internal-box, .panel-subviews
{ background: transparent !important;
border: none !important;
box-shadow: none !important;  }

#appmenuPrimaryPane,
#appmenuSecondaryPane, .panel-subview-body
{ margin: 16px 10px 10px 10px !important;
background: rgba(0,0,0, .4) !important;
box-shadow: inset rgba(0,0,0, 0.3) 1px 6px 16px 2px  !important;
border-radius: 3px !important;
border: 1px solid rgba(0,0,0,.3) !important; }

/* ======================= */
#PlacesToolbarItems > toolbarbutton > menupopup > menu label,
#PlacesToolbarItems > toolbarbutton > menupopup > menuitem label,
.menuitem-iconic.bookmark-item.menuitem
{font-weight: bold !important;
font-family: "Segoe UI", Tahoma, sans-serif !important;
color: #dfd !important;
//text-shadow: 1px 1px 2px #000, 1px 1px 2px #000 !important; 
}

#PlacesToolbarItems > toolbarbutton > menupopup > menu label,
#PlacesToolbarItems > toolbarbutton > menupopup > menuitem label,
.menuitem-iconic.bookmark-item.menuitem
{ font-weight: normal !important; }



#identity-popup-more-info-button .button-text,
#notification-popup popupnotification .button-text
{ font-weight: bold !important;
color: blueviolet !important;
//text-shadow: 1px 2px 1px green !important; 
}

/* about:  custom button */
.about-menuitem label 
{ font-weight: normal !important; 
font-size: 13px !important; 
color: #D9E5C3 !important;
//text-shadow: 1px 1px 2px black, 1px 1px 2px black !important; 
}

.about-menuitem:hover label,
.about-menuitem[checked] label
{ -moz-appearance: none !important;
color: #F00 !important; }

Но этот стиль меня не устраивает, так как работает для узкого спектра меню, в отличии от вашего. В частности не поддерживает меню панели навигации (в адресной, меню поиска и кнопки id="PanelUI-menu-button") и каверкает отображение пунктов в некоторых других меню, а как это исправить я пока не соображу.

Stkvsky · №2210

Здраствуйте, есть вот такой стиль (https://userstyles.org/styles/129120/new-vk-widescreen) делающий вк шире.
Не могли бы вы помочь, если возможно, сделать что бы видео тоже было шире вот на такой странице https://vk.com/wall-31969346_1574462

oleg953 · №2211

Stakhovsky пишет

сделать что бы видео тоже было шире

скриптом Video_Full_Screen_In_Tab.user.js https://greasyfork.org/zh-CN/scripts/4870-video-full-screen-in-tab

скрытый текст

Vitaliy V. · №2212

_zt
1. Попробуйте заменить в стиле этот код

скрытый текст

Выделить код

Код:

#main-window #sidebar-box:hover, #main-window #sidebar-box[sidebardrag] {
    width: 42em !important; /*Ширина*/
    opacity: 1 !important;
    transition-delay: .2s !important;
}

#sidebar-box:hover > *, #sidebar-box[sidebardrag] > * {
    visibility: visible !important;
    transition-delay: .2s !important;
}

этим

скрытый текст

Выделить код

Код:

#main-window #sidebar-box:-moz-any(:hover,[sidebardrag],[sidebarboxshow]) {
    width: 42em !important; /*Ширина*/
    opacity: 1 !important;
    transition-delay: .2s !important;
}

#sidebar-box:-moz-any(:hover,[sidebardrag],[sidebarboxshow]) > * {
    visibility: visible !important;
    transition-delay: .2s !important;
}

Насчёт кнопок они не стандартные это от CTR судя по селекторам, можно такой стиль для них применить

скрытый текст

Выделить код

Код:

#ctraddon_bookmarks-button {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xbl='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'><binding id='toolbarbutton' extends='chrome://global/content/bindings/toolbarbutton.xml%23toolbarbutton'><implementation><constructor><![CDATA[ this.setAttribute(%22oncommand%22, %22var sidebar = document.getElementById('sidebar-box'); var src = sidebar.getAttribute('src') == 'chrome://browser/content/bookmarks/bookmarksPanel.xul'; if (sidebar.hasAttribute('sidebarboxshow') && !sidebar.hidden && src) sidebar.removeAttribute('sidebarboxshow'); else sidebar.setAttribute('sidebarboxshow', true); if (sidebar.hidden || !src) SidebarUI.toggle('viewBookmarksSidebar');%22); ]]></constructor></implementation></binding></bindings>#toolbarbutton") !important;  
}

#ctraddon_history-button {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xbl='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'><binding id='toolbarbutton' extends='chrome://global/content/bindings/toolbarbutton.xml%23toolbarbutton'><implementation><constructor><![CDATA[ this.setAttribute(%22oncommand%22, %22var sidebar = document.getElementById('sidebar-box'); var src = sidebar.getAttribute('src') == 'chrome://browser/content/history/history-panel.xul'; if (sidebar.hasAttribute('sidebarboxshow') && !sidebar.hidden && src) sidebar.removeAttribute('sidebarboxshow'); else sidebar.setAttribute('sidebarboxshow', true); if (sidebar.hidden || !src) SidebarUI.toggle('viewHistorySidebar');%22); ]]></constructor></implementation></binding></bindings>#toolbarbutton") !important;  
}

2.

скрытый текст

Выделить код

Код:

#PopupSearchAutoComplete > deck.search-panel-header {
    display: none !important;
}

3. В самом начале стилей см. строку background-image: repeating-linear-gradient(-45deg, rgba(21,21,21,0.7) 0px, rgba(21,21,21,0.7) 8px, rgba(11,11,11,0.7) 8px, rgba(11,11,11,0.7) 16px) !important;

4. Почти в самом конце стиля изменяйте как нужно эти параметры
color: HighlightText !important;
background-color: Highlight !important;
background-image: linear-gradient(to bottom, rgba(255,255,255,0.2)0%, rgba(255,255,255,0)50%) !important;

Отредактировано Vitaliy V. (08-02-2017 20:16:33)

Stkvsky · №2213

oleg953
Вы предлагаете просто развернуть на весь экран?

oleg953 · №2214

Vitaliy V. помоги http://vz.ru/ развернуть на весь экран

скрытый текст

Stakhovsky там же на 2 скрине всё видно.

Stkvsky · №2215

oleg953
Я просто не могу установить этот скрипт что бы посмотреть, наживаю зеленую кнопку по вашей ссылке, открывается код, я его копирую в новый стиль, сохраняю, но он не работает.

oleg953 · №2216

Stakhovskyэто не стиль а скрипт что б установить нужно это https://addons.mozilla.org/ru/firefox/addon/greasemonkey/?src=userprofile для даной темы этои :offtopic:

Stkvsky · №2217

oleg953
В общем это немного не то, помогите пожалуйста расширить видео на странице стилем.

Vitaliy V. · №2218

oleg953

Выделить код

Код:

@-moz-document domain("vz.ru") {
  #right, #vdelimiter {
    display: none !important;
  }
}

Или блокировщиком скрыть

oleg953 · №2219

Vitaliy V. спасибо :beer:

скрытый текст

а

Vitaliy V. пишет

блокировщиком скрыть

не прокатило почему-то

Vitaliy V. · №2220

oleg953 пишет

не прокатило почему-то

vz.ru###right
vz.ru###vdelimiter

Добавлено 08-10-2016 17:46:15
Stakhovsky
Попробуйте так

Выделить код

Код:

@-moz-document domain("vk.com") {
  div.page_post_sized_thumbs {
    width: 100% !important;
    height: auto !important;
  }
  
  div.page_post_sized_thumbs .page_post_thumb_video {
    width: 100% !important;
    height: 500px !important;
  }
}

UPD: изменил чтобы на другое не влиял.

Отредактировано Vitaliy V. (08-10-2016 18:04:39)

Stkvsky · №2221

Vitaliy V. супер, большое спасибо

Отредактировано Stakhovsky (08-10-2016 18:04:38)

Vitaliy V. · №2222

Stakhovsky
Я там подправил см. выше

_zt · №2223

Vitaliy V.
1. Это просто замечательно, я не это имел в виду, но получилось даже лучше. Теперь кнопки не просто открывают/закрывают, а закрепляют/открепляют sidebar.
2-3.
4. Сделал все как хотел, только в поиске ("плитки" и пункт "добавить поиск") и в меню id="PanelUI-menu-button" (кнопки поддерживающие нажатое состояние), например - веб разработка, история и т.д. продолжают выделятся зеленым. Не критично, но если есть настройка, то лучше бы исправить.

Спасибо.

5. Как в меню заменить стрелки у элементов с подменю? Или просто на темно-прозрачные или на свои.
6. Вы мне давали стиль:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace svg url("http://www.w3.org/2000/svg");
/*AGENT_SHEET*/
@-moz-document url("chrome://browser/content/browser.xul"), 
    url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
    url("chrome://browser/content/history/history-panel.xul") {

tree.sidebar-placesTree treechildren::-moz-tree-image(title) {
    list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png") !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, livemarkItem) {
    list-style-image: url("chrome://browser/skin/places/livemark-item.png") !important;
    -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, livemarkItem, visited) {
    -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, separator) {
    list-style-image: none !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, container) {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px'><path d='M 16,2 16,14 0,14 0,2 16,2 Z M 6,12 6,4.02 2,4.02 2,12 6,12 Z' style='fill:rgb(0,137,242)'/></svg>") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, container, open) {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px'><path d='M 16,2 16,14 0,14 0,2 16,2 Z M 6,12 6,4.02 2,4.02 2,12 6,12 Z' style='fill:rgb(242,122,0)'/></svg>") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, container, livemark) {
    list-style-image: url("chrome://browser/skin/livemark-folder.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) {
    list-style-image: url("chrome://browser/skin/places/allBookmarks.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
    list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
    list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
    list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query) {
    list-style-image: url("chrome://browser/skin/places/query.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, tagContainer),
tree.sidebar-placesTree treechildren::-moz-tree-image(query, OrganizerQuery_Tags) {
    list-style-image: url("chrome://browser/skin/places/tag.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) {
    list-style-image: url("chrome://browser/skin/places/downloads.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, dayContainer) {
    list-style-image: url("chrome://browser/skin/places/calendar.png") !important;
    -moz-image-region: auto !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, hostContainer) {
    list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
    -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, hostContainer, open) {
    list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
    -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, OrganizerQuery_History) {
    list-style-image: url("chrome://browser/skin/places/history.png") !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, folder) {
    list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
    -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, folder, open) {
    -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
}
        
}

Он работает и устраивает меня больше чем стандартный, но я не соображу как свои иконки ему подсунуть, или из какой нибудь папки профиля или конвертированные в base64?

Vitaliy V. · №2224

_zt
4. В стиле таких настроек нет это от браузера, но где найдёте
color: HighlightText !important;
background-color: Highlight !important;
изменяйте на свои.
А эти изменят что хотели и др.

скрытый текст

Выделить код

Код:

toolbarbutton[panel-multiview-anchor="true"], #PanelUI-help[panel-multiview-anchor="true"]::after,
toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button,
.addengine-item[selected], .identity-popup-expander[panel-multiview-anchor],
.searchbar-engine-one-off-item[selected], .autocomplete-richlistitem[selected="true"] {
    background-color: Grey !important;
    color: White !important;
}

5. SVG иконка

скрытый текст

Выделить код

Код:

menupopup .menu-right {
    -moz-appearance: none !important;
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='9px' width='9px'><polygon points='2,0 2.5,0 7,4.5 2.5,9 2,9' style='fill:rgb(245,245,245)'/></svg>") !important;
    -moz-image-region: auto !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
}

Менять на PNG смысла нет, а цвет и прозрачность можете изменить здесь style='fill:rgb(245,245,245)'

6. Там же есть пример

скрытый текст

Выделить код

Код:

tree.sidebar-placesTree treechildren::-moz-tree-image(title, container) {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px'><path d='M 16,2 16,14 0,14 0,2 16,2 Z M 6,12 6,4.02 2,4.02 2,12 6,12 Z' style='fill:rgb(0,137,242)'/></svg>") !important;
    -moz-image-region: auto !important;
}

Также и другие можно сделать вместо SVG, если в png c base64 то data:image/png;base64,.....
и нужно там где заменяете сделать -moz-image-region: auto !important;
с размером изображения 16x16
Изображение можно положить в папку chrome (если делать в userChrome.css), а в стиле указать имя файла
list-style-image: url("name.png") !important;
-moz-image-region: auto !important;
Есть и другие способы...

Отредактировано Vitaliy V. (08-10-2016 23:55:44)

Black_Monk · №2225

Специалисты, подскажите стиль, убирающий из контекстного меню любой страницы кнопки Назад, Вперёд, Обновить и Редактировать закладку. По моему, здесь он выкладывался, но найти не могу...

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

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Код:

Код:

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Код:

Код:

Код:

Re: Stylish

Board footer