amid525
либо
либо
либо
могут понадобится перед каждым id кнопки
Отсутствует
как можно добавить на панели вкладок после самих вкладок что нибудь? не получается туда, ни кнопки, ничего иного воткнуть и еще, как сделать так, что бы при запуске ФФ, панель закладок автоматически не открывалась
upd, как убрать в адресной строке выпадающий список и триггер-стрелочку, по нажатию на которую он выпадает
http://puu.sh/jCnvF/1428163c40.jpg
upd, есть кнопка, которая показывает название вкладки
if (gBrowser.currentURI.spec == "about:customizing") return;
const labMarginLeft = 7;
var btnWidth = iconSize + 2*3;
var labWidth = buttonWidth - iconSize - labMarginLeft;
var btnMarginRight = labWidth + labMarginLeft;
var [img, lab] = document.getAnonymousNodes(this);
this.style.cssText = imp('\
-moz-box-orient: horizontal;\
-moz-box-pack: start;\
min-width: ' + btnWidth + 'px;\
max-width: ' + btnWidth + 'px;\
margin-right: ' + btnMarginRight + 'px;\
');
lab.style.cssText = imp('\
display: -moz-box;\
text-align: start;\
margin-left: ' + labMarginLeft + 'px;\
min-width: ' + labWidth + 'px;\
max-width: ' + labWidth + 'px;\
');
img.style.cssText = imp('\
display: -moz-box;\
width: ' + iconSize + 'px;\
height: ' + iconSize + 'px;\
');
function imp(str) str.replace(/;/g, " !important;");
var mo = new MutationObserver(() => lab.value = self.tooltipText = document.documentElement.getAttribute("title"));
mo.observe(document.documentElement, {attributes: true, attributeFilter: ["title"]});
mo.mutationCallback(addDestructor(() => mo.disconnect()));
var pl = {}, df = defaultFavicon || PlacesUtils.favicons.defaultFavicon.spec;
pl.onLinkIconAvailable = pl.onLocationChange = () => {
var icon = gBrowser.selectedBrowser.mIconURL || df
if (icon.startsWith("http")) icon = "moz-anno:favicon:" + icon;
img.src = icon;
}
gBrowser.addProgressListener(pl);
pl.onLinkIconAvailable(addDestructor(() => gBrowser.removeProgressListener(pl)));
//addDestructor(() => { for(var node of [self, img, lab]) node.removeAttribute("style") });
Отредактировано LittleMontana (15-08-2015 15:52:23)
Отсутствует
LittleMontana
#PopupAutoCompleteRichResult, .urlbar-history-dropmarker{ display: none!important; }
Замените
var mo = new MutationObserver(() => lab.value = self.tooltipText = document.documentElement.getAttribute("title"));
на
var mo = new MutationObserver(() => lab.value = self.tooltipText = document.documentElement.getAttribute("title").split('- Mozilla Firefox')[0]);
Отсутствует
спасибо!!)
Отсутствует
Отсутствует
amid525
Невозможно. Эти тултипы не имеют никаких других уникальных селекторов, кроме атрибута label. Так что скрыть их можно только со всеми остальными. Указывайте нужные, через запятую. Они там только у четырех пунктов имеются, не перетрудитесь, думаю.
Отредактировано turbot (18-08-2015 15:57:22)
Отсутствует
amid525
Не представляю. Вы tooltip не забыли перед label'ом?
Они там только у четырех пунктов имеются
А вообще, я говорил об этих значках. Только у них, в контекстном меню, тултипы имеются. У "Вставить" их отродясь не было. Это у вас что-то стороннее их добавляет.
Отсутствует
Нашел тут стиль Transparent Menus - black mica with highlight
И в общем не плохой, но в некоторых меню (длинных) появляется прокрутка сверху или снизу.
Я уже не знаю что там вырезать, чтобы избавится от этого.
И еще поменял иконку /* === the finger */ , но она зараза, как была так и осталась прежняя. Даже перезагрузка не помогает.
Подскажите, кто в курсе, плиз.
Отсутствует
amid525Не представляю. Вы tooltip не забыли перед label'ом.
Своего ни чего не добавлял. Полностью вставил ваш код и попробовал. В итоге то что писал
А вообще, я говорил об этих значках.
С этими у меня проблем нет, скрыты в Menu Wizard
Отсутствует
amid525
У "Вставить" их отродясь не было. Это у вас что-то стороннее их добавляет.
Ищите. Больше ничем не помогу.
Ultima2m
Слишком много возни, пас. Я похожий стиль себе неделю правил, пока от всех косяков избавился (и его и после этого, периодически, подправлять приходится под нововведения).
Отсутствует
Ни кто не подскажет стиль, для подгонки больших изображений, по ширине страницы(без нижней прокрутки). Где-то встречал, но не могу найти. Похожий скрипт имею, но не с первого раза срабатывает, если картинка в споллере. Может стиль этот недостаток решит...
Отредактировано amid525 (18-08-2015 23:15:51)
Отсутствует
Похоже, что можно По крайней мере, где нашел проверить, работает. Поудобнее скрипта, фотки в споллерах, с первого раза берет.
Отредактировано amid525 (19-08-2015 11:21:24)
Отсутствует
amid525
хоть бы задали, чтобы пропорции у картинок сохранялись.
Эта часть тоже радует:
* { word-wrap: break-word !important; } pre, code { white-space: pre-wrap !important; }
Посмотрите теперь код какой-нибудь CB-кнопки здесь (например). Это так, еще безобидно, потому что под прокрутку ушло, благодаря стилю сайта.
Просто на вскидку. Что и где еще поломается, искать лень.
Отредактировано turbot (19-08-2015 11:56:43)
Отсутствует
Это не универсальный стиль. Предположим, у сайта контент расположен в несколько колонок и размер картинок в них ограничен, через, скажем, max-width: 200px; 862px, в этом случае, вам тааак страницу расколбасит..
Как часто такие сайты встречаются? Чувствую что не очень.. )
хоть бы задали, чтобы пропорции у картинок сохранялись.
Все сохраняется, искажений не видел еще.
Посмотрите теперь код какой-нибудь CB-кнопки здесь (например). Это так, еще безобидно, потому что под прокрутку ушло, благодаря стилю сайта.
Ну посмотрел, и что? Вижу весь код с перенесенными строками, без прокрутки, это плохо?
Отсутствует
Как часто такие сайты встречаются?
Сайты где такое вообще нужно, мне не чаще встречаются. И проще под такой индивидуальный стиль сделать, если уж регулярно им пользуюсь.
Все сохраняется, искажений не видел еще.
без прокрутки
Да? С вертикальной, вместо горизонтальной. И, повторяю, под нее он спрятался только благодаря стилю сайта. На другом это может превратится в метровой высоты простыню, если для элемента не задана максимальная высота и overflow-y.
В чем вы меня пытаетесь убедить? Что это таки универсальный стиль? Нет. И невозможно одними стилями такой сделать, как я уже говорил. А так, если устраивает, что исправляя одно - ломает другое, то пользуйтесь. Кто запрещает?
Отсутствует
Сайты где такое вообще нужно, мне не чаще встречаются.
Мне часто с растянутыми картинками. Те о которых вы говорите, понаблюдаю статистику...
Любуйтесь
Да, пропорции наверное доработать нужно, хорошо. А Скрипт(что вы ссылку давали) вообще не берет этот сайт..
Да? С вертикальной, вместо горизонтальной
Ни той ни другой.
На другом это может превратится в метровой высоты простыню
Потыкал на разных, все норм.
В чем вы меня пытаетесь убедить? Что это таки универсальный стиль?
Типа того. Пока лучшего не встречал, и лучше скрипта. Короче, время покажет. Если разочаруюсь в нем, тут отпишу. Пока, доволен.
Отредактировано amid525 (19-08-2015 14:00:21)
Отсутствует
Нашел тут стиль Transparent Menus - black mica with highlightИ в общем не плохой, но в некоторых меню (длинных) появляется прокрутка сверху или снизу.Я уже не знаю что там вырезать, чтобы избавится от этого. И еще поменял иконку /* === the finger */ , но она зараза, как была так и осталась прежняя. Даже перезагрузка не помогает.Подскажите, кто в курсе, плиз.
Да, плюсую, посмотрел стиль, нажал отменить, а эти стрелочки сохранились. бред.
Помогите избавиться от них=\
Отсутствует
Я тут пообрезал этот стиль, выкинул ненужное мне, заменил кое-где цвет и палец заменил.
Если нужно кому берите.
/* 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.5 !important; margin: 0px 12px !important; background: #028e9b !important; } */ menuseparator {-moz-appearance: none !important; margin: 1px 6px !important; border: 1px solid transparent !important; padding: 2px !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: 10px !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: 13px !important; border-radius: 2px !important; padding: 0 !important; margin-left: 12px !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, .2) !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: #808687 !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: 13px !important; color: #dfd !important; //B3C3A3 //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: linear-gradient(-300deg,rgba(0,0,8,0.8),rgba(0,0,0,0.4), #AFC9C6) no-repeat !important; border: 1px solid rgba(10,10,10, .5) !important; } /* red on hover */ menubar > menu:hover, menubar > menu:focus, .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, #appmenuPrimaryPane menu:hover, #appmenuSecondaryPane menu:hover, #appmenu_webDeveloper:hover, #appmenu_charsetMenu:hover, #nightly-appmenu:hover, #mmsearchpopupsearchengine menuitem:hover, .menuitem-iconic.menu-iconic.mmsearch_freesearch.mmsearch_freesearch-group:hover, #configContext menuitem:hover .menu-text { background: radial-gradient(at top, #AFC9C6, transparent) no-repeat !important; color: lightgrey !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; } #PlacesToolbarItems > toolbarbutton > menupopup > menu > hbox > .menu-right { width: 16px !important; height: 16px !important; } #appmenu-popup menu>.menu-right { padding: 0 !important; margin-left: -2px !important; } .splitmenu-menuitem, .splitmenu-menu { -moz-appearance: none !important; background: none !important; } .split-menuitem-menu:hover, #appmenu-popup menu>.menu-right:hover { -moz-appearance: none !important; background: transparent !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; }
Отредактировано Ultima2m (30-08-2015 13:43:22)
Отсутствует
Пиплы а знает кто-нибудь как исправить вот этот косяк - цвет панели с менюшкой наезжает на кнопки закрыть\свернуть окно и полоски остаются как вы могли заметить, вот чтоб не наезжала и без полосок как бы так?
Отредактировано RUSISH (24-08-2015 23:11:33)
Отсутствует