Missing images testcase

├── About_NewTab_fixes ├── README.md └── aboutNewTabFixes.css ├── Addons_Manager_Counters ├── README.md └── addonsManagerCounters.css ├── Addons_Manager_hide_warnings ├── README.md └── addonsManagerHideWarnings.css ├── Addons_Manager_limit_release_notes_height ├── README.md └── addonsManagerLimitReleaseNotesHeight.css ├── Addons_Manager_tabs_on_top ├── README.md └── addonsManagerTabsOnTop.css ├── Australis_always_show_forward_button ├── README.md └── australisAlwaysShowForwardButton.css ├── Bookmarks ├── README.md └── bookmarks.css ├── Brief_Compact ├── README.md └── brief-custom-style.css ├── Compact_downloads ├── README.md ├── compactDownloads.css └── compactDownloadsForce.css ├── Download_Panel_Tweaker_hide_items ├── README.md └── dpTweakerHideItems.css ├── Download_percentage ├── README.md └── downloadPercentage.css ├── FindBar_reorder ├── README.md └── findBarReorder.css ├── Fixes_for_identity_box ├── README.md └── fixesForIdentityBox.css ├── HabraHabr.ru_collapse_sidebar ├── README.md └── habrCollapseSidebar.css ├── Popup_fix ├── README.md └── popupFix.css ├── Private_Tab_background ├── README.md ├── privateTabBackground-SeaMonkey.css ├── privateTabBackground-gradient.css ├── privateTabBackground-gradient.png ├── privateTabBackground.css └── privateTabBackground.png ├── Private_Tab_hide_items ├── README.md └── privateTabHideItems.css ├── Private_Tab_icon ├── README.md ├── privateTabIcon-SeaMonkey.css ├── privateTabIcon.css └── privateTabIcon.png ├── Private_Tab_menu_icons ├── README.md ├── privateTabMenuIcons.css └── privateTabMenuIcons.png ├── Private_Tab_overlay_icon ├── README.md ├── privateTabOverlayIcon-SeaMonkey.css ├── privateTabOverlayIcon.css └── privateTabOverlayIcon.png ├── Private_Tab_underline ├── README.md ├── privateTabUnderline.css └── privateTabUnderline.png ├── README.md ├── Show_Missing_Images ├── README.md ├── showMissingImages.css └── showMissingImages_testcase.html ├── Source_editor ├── README.md └── sourceEditor.css ├── System_style_tabs ├── README.md └── systemStyleTabs.css ├── Tree_Style_Tab_compact ├── README.md ├── Tree_Style_Tab_compact.css └── screenshots │ ├── after.png │ └── before.png └── Tree_reduce_row_height ├── README.md └── treeReduceRowHeight.css /About_NewTab_fixes/README.md: -------------------------------------------------------------------------------- 1 | Some fixes for about:newtab page: 2 | * Always show logo to switch search engines in Firefox 31+ -------------------------------------------------------------------------------- /About_NewTab_fixes/aboutNewTabFixes.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/About_NewTab_fixes */ 2 | 3 | /* Some fixes for about:newtab page */ 4 | @namespace url("http://www.w3.org/1999/xhtml"); 5 | @-moz-document url("about:newtab") { 6 | /* 7 | Always show logo to switch search engines in Firefox 31+ 8 | Note: used data:image/png;base64,... from searchPlugin.xml 9 | (but old plugins doesn't have large icons) 10 | */ 11 | #newtab-search-logo[hidden] { 12 | display: -moz-box !important; 13 | background-image: none !important; 14 | width: 24px !important; 15 | } 16 | } -------------------------------------------------------------------------------- /Addons_Manager_Counters/README.md: -------------------------------------------------------------------------------- 1 | Show counter in top left corner of Add-ons Manager like following: 2 |
Total: 41 3 |
(enabled: 24, disabled: 17) 4 |
5 |
For Firefox 39 and older: addonsManagerCounters.css @ 52aa5827 -------------------------------------------------------------------------------- /Addons_Manager_Counters/addonsManagerCounters.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Addons_Manager_Counters */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("about:addons"), url("chrome://mozapps/content/extensions/extensions.xul") { 5 | .addon[active="true"] { 6 | counter-increment: addons-total addons-enabled !important; 7 | } 8 | .addon[active="false"] { 9 | counter-increment: addons-total addons-disabled !important; 10 | } 11 | .list:after { 12 | content: "Total: "counter(addons-total)" (enabled: "counter(addons-enabled)", disabled: "counter(addons-disabled)")" !important; 13 | white-space: pre !important; 14 | cursor: default; 15 | position: fixed !important; 16 | top: 0.33em !important; 17 | right: 0.7em !important; 18 | opacity: 0.65 !important; 19 | font-size: 1em !important; 20 | line-height: 1.2em !important; 21 | } 22 | #addons-page[title="Управление дополнениями"] .list:after { 23 | content: "Всего: "counter(addons-total)" (включено: "counter(addons-enabled)", выключено: "counter(addons-disabled)")" !important; 24 | } 25 | #view-port[selectedIndex="0"] .list:after { 26 | display: none !important; 27 | } 28 | } -------------------------------------------------------------------------------- /Addons_Manager_hide_warnings/README.md: -------------------------------------------------------------------------------- 1 | Hide warnings about disabled compatibility (extensions.checkCompatibility*) and update security (extensions.checkUpdateSecurity) checking from Add-ons Manager -------------------------------------------------------------------------------- /Addons_Manager_hide_warnings/addonsManagerHideWarnings.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Addons_Manager_hide_warnings */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("about:addons"), url("chrome://mozapps/content/extensions/extensions.xul") { 5 | #addons-page:not([warning="safemode"]) .view-header { 6 | /* See styles for .view-header in chrome://mozapps/skin/extensions/extensions.css */ 7 | background: rgba(251, 252, 253, 0.25) !important; 8 | } 9 | #addons-page:not([warning="safemode"]) .view-header > .global-warning, 10 | #addons-page:not([warning="safemode"]) #list-view > .view-header.global-warning-container, 11 | #addons-page:not([warning="safemode"]) #detail-view > .global-warning.global-warning-container { 12 | display: none !important; 13 | } 14 | #addons-page:not([warning="safemode"]) .addon-view[notification="warning"] { 15 | background-image: none !important; 16 | } 17 | } -------------------------------------------------------------------------------- /Addons_Manager_limit_release_notes_height/README.md: -------------------------------------------------------------------------------- 1 | Limit release notes height in Add-ons Manager (a bit buggy with expand/collapse animation, but better than nothing) -------------------------------------------------------------------------------- /Addons_Manager_limit_release_notes_height/addonsManagerLimitReleaseNotesHeight.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Addons_Manager_limit_release_notes_height */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("about:addons"), 5 | url("chrome://mozapps/content/extensions/extensions.xul") { 6 | /* Add-ons Manager: limit release notes height */ 7 | .relnotes-container { 8 | max-height: 20em !important; 9 | overflow: auto !important; 10 | } 11 | .description-outer-container { 12 | height: auto !important; 13 | max-height: 24em !important; /* max-height of .relnotes-container + 4 */ 14 | overflow: hidden !important; 15 | } 16 | } -------------------------------------------------------------------------------- /Addons_Manager_tabs_on_top/README.md: -------------------------------------------------------------------------------- 1 | Tabs-like categories in Add-ons Manager -------------------------------------------------------------------------------- /Addons_Manager_tabs_on_top/addonsManagerTabsOnTop.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Addons_Manager_tabs_on_top */ 2 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 3 | 4 | /* Tabs-like categories in Add-on Manager */ 5 | @-moz-document url("about:addons"), 6 | url("chrome://mozapps/content/extensions/extensions.xul") { 7 | #header { 8 | margin-bottom: 6px !important; 9 | } 10 | #header + hbox:not([id]) { 11 | -moz-box-orient: vertical !important; 12 | } 13 | #categories > scrollbox > .scrollbox-innerbox { 14 | display: block !important; 15 | } 16 | #categories { 17 | margin: 2px 2px 0 !important; 18 | } 19 | .category { 20 | -moz-box-orient: vertical !important; 21 | padding: 2px !important; 22 | height: auto !important; 23 | border-radius: 5px 5px 0 0 !important; 24 | max-width: 80px !important; /* Should be larger, than .category-name ! */ 25 | opacity: 1 !important; 26 | transition: max-width 0.6s ease-out, 27 | opacity 0.6s ease-out !important; 28 | } 29 | .category-icon { 30 | margin: 4px 0 0 !important; 31 | } 32 | .category-name { 33 | font-size: 100%; 34 | overflow: hidden !important; 35 | /* Note: we set the same for "min-width" and "max-width" to fix width */ 36 | min-width: 64px !important; 37 | max-width: 64px !important; 38 | /*text-overflow: ellipsis !important;*/ 39 | text-align: center; 40 | margin: 0 1px !important; 41 | display: -moz-box !important; 42 | } 43 | .category-badge { 44 | position: relative; /* to show over category icon */ 45 | padding: 0 6px !important; 46 | margin: -34px -50px 16px 0 !important; 47 | } 48 | .category[disabled] { 49 | max-width: 0 !important; 50 | border: 0 !important; 51 | opacity: 0 !important; 52 | padding: 0 !important; 53 | } 54 | .category[selected] { 55 | border-color: #C3CEDF; 56 | border-bottom-color: #E2E9F2; 57 | } 58 | 59 | /* Maximize the size of the viewport when the window is small */ 60 | @media (max-width: 800px) { 61 | .category-icon { 62 | margin-top: 2px !important; 63 | } 64 | .category-name { 65 | display: none !important; 66 | } 67 | .category-badge { 68 | margin: -16px -16px 0 0 !important; 69 | } 70 | } 71 | } -------------------------------------------------------------------------------- /Australis_always_show_forward_button/README.md: -------------------------------------------------------------------------------- 1 | Always show forward button in Australis interface/theme -------------------------------------------------------------------------------- /Australis_always_show_forward_button/australisAlwaysShowForwardButton.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Australis_always_show_forward_button */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("chrome://browser/content/browser.xul") { 5 | /* Australis: always show forward button */ 6 | window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button { 7 | visibility: visible !important; 8 | opacity: 1 !important; 9 | } 10 | window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper { 11 | clip-path: none !important; 12 | } 13 | window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar { 14 | margin-left: 0 !important; 15 | } 16 | /* 17 | window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > #notification-popup-box[hidden] + #identity-box { 18 | -moz-padding-start: 2px !important; 19 | } 20 | window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > #notification-popup-box { 21 | padding-left: 3px !important; 22 | } 23 | */ 24 | #identity-box { 25 | padding: 2px !important; 26 | } 27 | #notification-popup-box { 28 | padding-left: 3px !important; 29 | } 30 | } -------------------------------------------------------------------------------- /Bookmarks/README.md: -------------------------------------------------------------------------------- 1 | Some styles related to bookmarks -------------------------------------------------------------------------------- /Bookmarks/bookmarks.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Bookmarks */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("chrome://browser/content/browser.xul") { 5 | 6 | /* Underline bookmarks like links */ 7 | .bookmark-item:not([container]):not([type="menu"]):hover { 8 | text-decoration: underline !important; 9 | cursor: pointer !important; 10 | } 11 | 12 | /* Remove width limits for RSS-bookmarks */ 13 | [livemark="true"] > menupopup > .bookmark-item { 14 | max-width: none !important; 15 | } 16 | [livemark="true"] > menupopup > .bookmark-item > .menu-accel-container { 17 | display: none !important; 18 | } 19 | [livemark="true"] > menupopup > .bookmark-item > .menu-iconic-text { 20 | -moz-padding-end: 0.6em !important; 21 | } 22 | 23 | /* Scrollbar for very long lists */ 24 | /*menupopup[placespopup="true"] > hbox > arrowscrollbox > */autorepeatbutton[disabled] { 25 | display: none !important; 26 | } 27 | menupopup[placespopup="true"] > hbox > arrowscrollbox > scrollbox { 28 | overflow-y: auto !important; 29 | } 30 | /* ScrapBook */ 31 | menu[ref^="urn:scrapbook:"] > menupopup > arrowscrollbox > scrollbox, 32 | menu[id^="urn:scrapbook:"] > menupopup > arrowscrollbox > scrollbox { 33 | overflow-y: auto !important; 34 | } 35 | 36 | /* Compact Bookmarks Toolbar */ 37 | toolbarbutton.bookmark-item { 38 | max-width: 8.5em !important; 39 | margin: 0 !important; 40 | padding: 0 2px !important; 41 | } 42 | toolbarbutton.bookmark-item > .toolbarbutton-icon[label]:not([label=""]), 43 | toolbarbutton.bookmark-item > .toolbarbutton-icon[type="menu"] { 44 | -moz-margin-start: 0 !important; 45 | -moz-margin-end: 2px !important; 46 | } 47 | toolbarbutton.bookmark-item > .toolbarbutton-menu-dropmarker { 48 | display: none !important; 49 | } 50 | 51 | /* Add icons */ 52 | /* Use ".bookmark-item" twice to increase priority */ 53 | .bookmark-item.bookmark-item[scheme="javascript"]:not([image]) { 54 | list-style-image: url("moz-icon://.js?size=16") !important; 55 | -moz-image-region: auto !important; 56 | } 57 | .bookmark-item.bookmark-item[scheme="chrome"]:not([image]) { 58 | list-style-image: url("moz-icon://.xul?size=16") !important; 59 | -moz-image-region: auto !important; 60 | } 61 | } 62 | 63 | @-moz-document url("chrome://browser/content/browser.xul"), 64 | url("chrome://browser/content/places/places.xul"), 65 | url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 66 | url("chrome://browser/content/history/history-panel.xul") { 67 | /* Restore old default icon */ 68 | .bookmark-item:not([container]):not([type="menu"]), 69 | .sidebar-placesTreechildren::-moz-tree-image(title, leaf), 70 | .placesTree > treechildren::-moz-tree-image(title, leaf), 71 | /*#page-proxy-favicon:not([src]),*/ /* Removed in Firefox 14 */ 72 | .alltabs-item > .menu-iconic-left > .menu-iconic-icon, 73 | .tab-icon-image { 74 | list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; 75 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 76 | } 77 | .ac-site-icon[src="chrome://mozapps/skin/places/defaultFavicon.png"], 78 | menuitem[image="chrome://mozapps/skin/places/defaultFavicon.png"] > .menu-iconic-left > .menu-iconic-icon { 79 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important; 80 | list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; 81 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 82 | } 83 | } 84 | 85 | @-moz-document url-prefix("about:treestyletab-group?") { 86 | .treestyletab-pseudo-tree-favicon[src="chrome://mozapps/skin/places/defaultFavicon.png"] { 87 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important; 88 | list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; 89 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 90 | } 91 | } -------------------------------------------------------------------------------- /Brief_Compact/README.md: -------------------------------------------------------------------------------- 1 | Compact style for Brief Firefox extension -------------------------------------------------------------------------------- /Brief_Compact/brief-custom-style.css: -------------------------------------------------------------------------------- 1 | /* Compact style for Brief 1.6.x Firefox extension 2 | * (c) Infocatcher 2009, 2011-2012 3 | * version 0.3.0b3 - 2012-07-24 4 | * 5 | * Latest version: https://github.com/Infocatcher/UserStyles/tree/master/Brief_Compact 6 | * http://infocatcher.ucoz.net/css/fx_brief/brief-custom-style.css 7 | * Old version: http://infocatcher.ucoz.net/css/fx_brief/brief-custom-style-0.2.6.css 8 | */ 9 | 10 | /*** Special styles ***/ 11 | /* Limits for images size in articles */ 12 | .content img { 13 | height: auto !important; 14 | width: auto !important; 15 | max-height: 170px !important; 16 | max-width: 200px !important; 17 | } 18 | /* Show original size arter mousedown on article */ 19 | .content:active img { 20 | max-height: none !important; 21 | max-width: none !important; 22 | } 23 | 24 | /* Show last article on top (adds empty space after last article) */ 25 | :root { 26 | height: 100% !important 27 | } 28 | #feed-content { 29 | min-height: -moz-calc(200% - 9em) !important 30 | } 31 | #feed-content > article:last-child { 32 | margin-bottom: -moz-calc(100% - 9em) !important; 33 | } 34 | 35 | /* And show separator at the end */ 36 | #feed-content > article:last-child::after { 37 | content: ""; 38 | display: block; 39 | margin: 15px auto; 40 | width: 35%; 41 | height: 0; 42 | box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.6); 43 | } 44 | #feed-content > article.selected:last-child::after { 45 | margin-top: 20px; 46 | } 47 | 48 | 49 | /*** Other styles ***/ 50 | article.full { 51 | max-width: none !important; 52 | margin: 0 auto; 53 | } 54 | 55 | .full-container { 56 | margin: 0px 0 !important; /* The margins are collapsed in full view but are necessary if headlines view */ 57 | } 58 | article.selected > .full-container { 59 | margin: 5px 5px !important; 60 | } 61 | article:first-child > .full-container { 62 | margin-top: 5px !important; 63 | } 64 | article:first-child.selected > .full-container { 65 | margin-top: 10px !important; 66 | } 67 | 68 | .header, 69 | .content { 70 | font: 12px Verdana,Arial,Helvetica,sans-serif !important; 71 | word-wrap: break-word !important; 72 | } 73 | 74 | article.read .title-link { 75 | font-weight: normal !important; 76 | } 77 | 78 | .header { 79 | margin-bottom: 2px !important; 80 | padding: 5px 3px 0 24px !important; 81 | } 82 | .subheader { 83 | margin: 0 10px 0 26px; 84 | font-size: 12px; 85 | font-family: Arial, sans-serif; 86 | line-height: 17px; /* Make the height the same for both Lucida and Verdana */ 87 | } 88 | .controls { 89 | margin: -3px -1px 0 5px !important; 90 | } 91 | .content { 92 | padding: 3px 10px 6px; 93 | } 94 | 95 | .title-link { 96 | font-size: 13px !important; 97 | font-family: Verdana,Arial,Helvetica,sans-serif !important; 98 | border-bottom: 1px dashed #00394f !important; 99 | } 100 | .title-link:hover { 101 | border-bottom: 1px solid #00394f !important; 102 | } 103 | 104 | .content a { 105 | text-decoration: none !important; 106 | border-bottom: 1px dashed #0a1f72 !important; 107 | } 108 | .content a:hover { 109 | border-bottom: 1px solid #0a1f72 !important; 110 | } 111 | .content a:visited { 112 | border-bottom: 1px dashed #444b66 !important; 113 | } 114 | .content a:visited:hover { 115 | border-bottom: 1px solid #444b66 !important; 116 | } 117 | 118 | body.headlines-view > #feed-content { 119 | min-width: 450px !important; 120 | max-width: none !important; 121 | padding-left: 50px !important; 122 | } 123 | .day-header { 124 | text-transform: none !important; 125 | } 126 | .headline-title { 127 | font-size: 13px !important; 128 | line-height: 18px !important; 129 | } 130 | .headline-container, 131 | .headline-header { 132 | height: 24px !important; 133 | } 134 | .headline-container > .bookmark-button { 135 | margin-left: -24px !important; 136 | width: 24px !important; 137 | } 138 | .headline-link { 139 | margin-top: 0 !important; 140 | width: 30px !important; 141 | height: 24px !important; 142 | background: url(chrome://brief/skin/icons/entry-arrow.png) no-repeat 3px -2px !important; 143 | } 144 | article.headline > .full-container { 145 | max-width: none !important; 146 | margin-left: -10px !important; 147 | } 148 | 149 | article.headline.selected > .full-container { 150 | margin-left: -5px !important; 151 | } -------------------------------------------------------------------------------- /Compact_downloads/README.md: -------------------------------------------------------------------------------- 1 | Compact styles for built-in Firefox download panel and other downloads lists 2 |
More: https://github.com/Infocatcher/Download_Panel_Tweaker -------------------------------------------------------------------------------- /Compact_downloads/compactDownloads.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Compact_downloads */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("chrome://browser/content/browser.xul"), 5 | url("chrome://browser/content/places/places.xul"), 6 | url("about:downloads"), 7 | url("chrome://browser/content/downloads/contentAreaDownloadsView.xul") { 8 | #downloadsListBox { 9 | padding: 4px !important; 10 | } 11 | #downloadsSummary, 12 | richlistitem[type="download"], 13 | #downloadsRichListBox > richlistitem.download { 14 | height: auto !important; 15 | } 16 | #downloadsRichListBox > richlistitem.download { 17 | padding: 1px !important; 18 | } 19 | #downloadsSummary { 20 | padding: 2px 35px 2px 8px !important; 21 | } 22 | richlistitem[type="download"] { 23 | padding: 2px !important; 24 | } 25 | #downloadsHistory > .button-box { 26 | margin: 0.5em !important; 27 | } 28 | #downloadsSummaryDescription, 29 | .downloadTarget { 30 | margin: 1px 6px !important; 31 | -moz-margin-end: 5px !important; 32 | } 33 | .downloadDetails { 34 | margin: -1px 6px 1px !important; 35 | -moz-margin-end: 5px !important; 36 | } 37 | .downloadTypeIcon { 38 | margin: 1px !important; 39 | } 40 | .download > .downloadTypeIcon { 41 | margin: 2px !important; 42 | -moz-margin-start: 5px !important; 43 | -moz-margin-end: 1px !important; 44 | } 45 | .downloadButton { 46 | margin: 2px !important; 47 | padding: 5px 3px !important; 48 | } 49 | .downloadProgress { 50 | margin: 1px 4px !important; 51 | } 52 | #downloadsSummaryDetails[value=""][tooltiptext=""] { 53 | height: 0 !important; 54 | } 55 | /* about:downloads page */ 56 | #contentAreaDownloadsView { 57 | padding: 0 !important; 58 | } 59 | #contentAreaDownloadsView #downloadsRichListBox > scrollbox { 60 | padding: 2px !important; 61 | } 62 | 63 | /* Progress bar height */ 64 | .downloadProgress { 65 | min-width: 20px !important; 66 | min-height: 10px !important; 67 | height: 10px !important; 68 | } 69 | .downloadProgress > .progress-bar { 70 | height: auto !important; 71 | min-height: 2px !important; 72 | max-height: 10px !important; 73 | } 74 | 75 | /* Paused downloads */ 76 | .download-state[state="4"] .downloadProgress { 77 | /* Firefox 35 and older */ 78 | filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); 79 | /* Firefox 36+ */ 80 | filter: grayscale(1); 81 | } 82 | .download-state[state="4"] .downloadProgress > .progress-bar, 83 | .download-state[state="4"] .downloadProgress > .progress-remainder { 84 | opacity: 0.85; 85 | } 86 | } -------------------------------------------------------------------------------- /Compact_downloads/compactDownloadsForce.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Compact_downloads */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("chrome://browser/content/browser.xul"), 5 | url("chrome://browser/content/places/places.xul"), 6 | url("about:downloads"), 7 | url("chrome://browser/content/downloads/contentAreaDownloadsView.xul") { 8 | #downloadsListBox { 9 | padding: 3px !important; 10 | } 11 | #downloadsSummary, 12 | richlistitem[type="download"], 13 | #downloadsRichListBox > richlistitem.download { 14 | height: auto !important; 15 | } 16 | #downloadsRichListBox > richlistitem.download { 17 | padding: 1px !important; 18 | } 19 | #downloadsSummary { 20 | padding: 1px 23px 1px 3px !important; 21 | } 22 | richlistitem[type="download"] { 23 | padding: 0 !important; 24 | } 25 | #downloadsHistory > .button-box { 26 | margin: 0.2em !important; 27 | } 28 | #downloadsSummaryDescription, 29 | .downloadTarget { 30 | margin: 0 3px !important; 31 | } 32 | .downloadDetails { 33 | margin: -1px 3px 0 !important; 34 | } 35 | .downloadTypeIcon { 36 | margin: 0 1px !important; 37 | } 38 | .download > .downloadTypeIcon { 39 | margin: 1px !important; 40 | -moz-margin-start: 3px !important; 41 | } 42 | .downloadButton { 43 | margin: 0 !important; 44 | padding: 5px 1px !important; 45 | } 46 | .downloadProgress { 47 | margin: 0 3px !important; 48 | } 49 | #downloadsSummaryDetails[value=""][tooltiptext=""] { 50 | height: 0 !important; 51 | } 52 | /* about:downloads page */ 53 | #contentAreaDownloadsView { 54 | padding: 0 !important; 55 | } 56 | #contentAreaDownloadsView #downloadsRichListBox > scrollbox { 57 | padding: 1px !important; 58 | } 59 | 60 | /* Progress bar height */ 61 | .downloadProgress { 62 | min-width: 20px !important; 63 | min-height: 10px !important; 64 | height: 10px !important; 65 | } 66 | .downloadProgress > .progress-bar { 67 | height: auto !important; 68 | min-height: 2px !important; 69 | max-height: 10px !important; 70 | } 71 | 72 | /* Paused downloads */ 73 | .download-state[state="4"] .downloadProgress { 74 | /* Firefox 35 and older */ 75 | filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); 76 | /* Firefox 36+ */ 77 | filter: grayscale(1); 78 | } 79 | .download-state[state="4"] .downloadProgress > .progress-bar, 80 | .download-state[state="4"] .downloadProgress > .progress-remainder { 81 | opacity: 0.85; 82 | } 83 | } -------------------------------------------------------------------------------- /Download_Panel_Tweaker_hide_items/README.md: -------------------------------------------------------------------------------- 1 | Hide menu items from Download Panel Tweaker extension (example) -------------------------------------------------------------------------------- /Download_Panel_Tweaker_hide_items/dpTweakerHideItems.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Download_Panel_Tweaker_hide_items */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | /* Hide menu items from Download Panel Tweaker, https://addons.mozilla.org/addon/download-panel-tweaker/ */ 5 | /* Comma-separated list of all items */ 6 | @-moz-document url("chrome://browser/content/browser.xul") { 7 | #downloadPanelTweaker-menuItem-removeFile-separator /* Separator before Remove File From Disk */, 8 | #downloadPanelTweaker-menuItem-removeFile /* Remove File From Disk */, 9 | #downloadPanelTweaker-menuItem-copyReferrer /* Copy Download Page Link */, 10 | #downloadPanelTweaker-menuItem-clearDownloads /* Clear Downloads */ { 11 | display: none !important; 12 | } 13 | } -------------------------------------------------------------------------------- /Download_percentage/README.md: -------------------------------------------------------------------------------- 1 | Downloads: show NN% label after each progress bar -------------------------------------------------------------------------------- /Download_percentage/downloadPercentage.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Download_percentage */ 2 | 3 | /* AGENT_SHEET */ 4 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5 | @-moz-document url("chrome://browser/content/browser.xul"), 6 | url("chrome://browser/content/places/places.xul"), 7 | url("about:downloads"), 8 | url("chrome://browser/content/downloads/contentAreaDownloadsView.xul") { 9 | /* Downloads: show NN% label after each progress bar */ 10 | .downloadProgress { 11 | margin-right: 26px !important; /* With of the NN% label */ 12 | } 13 | .downloadProgress::after { 14 | content: attr(value)"%" !important; 15 | font-size: 11px !important; 16 | line-height: 11px !important; 17 | opacity: 0.6 !important; 18 | cursor: default !important; 19 | display: -moz-box !important; 20 | margin-top: -2px !important; /* Correct vertical alignement */ 21 | margin-right: -26px !important; /* With of the NN% label */ 22 | } 23 | } -------------------------------------------------------------------------------- /FindBar_reorder/README.md: -------------------------------------------------------------------------------- 1 | Reorder items inside FindBar in Firefox 25+ -------------------------------------------------------------------------------- /FindBar_reorder/findBarReorder.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/FindBar_reorder */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | /* Reorder items inside FindBar in Firefox 25+ */ 5 | @-moz-document url("chrome://browser/content/browser.xul"), 6 | url("chrome://global/content/viewSource.xul"), 7 | url("chrome://global/content/viewPartialSource.xul"), 8 | url("chrome://stylish/content/edit.xul"), 9 | url("chrome://adblockplus/content/ui/filters.xul") { 10 | findbar { 11 | padding: 2px 4px !important; 12 | } 13 | 14 | /* Swap "^" and "v" buttons */ 15 | .findbar-find-previous { 16 | -moz-box-ordinal-group: 1001 !important; 17 | border-right: 1px solid ThreeDShadow !important; 18 | } 19 | .findbar-find-next { 20 | -moz-box-ordinal-group: 1000 !important; 21 | border-left: none !important; 22 | border-radius: 0 !important; 23 | } 24 | .findbar-find-previous:-moz-locale-dir(ltr) { 25 | border-top-right-radius: 2px !important; 26 | border-bottom-right-radius: 2px !important; 27 | } 28 | .findbar-find-previous:-moz-locale-dir(rtl) { 29 | border-top-left-radius: 2px !important; 30 | border-bottom-left-radius: 2px !important; 31 | } 32 | 33 | /* Reorder: [x][ find field][buttons][ empty space ] */ 34 | .findbar-closebutton { 35 | -moz-box-ordinal-group: 0 !important; 36 | margin: 0 !important; 37 | -moz-margin-end: 4px !important; 38 | } 39 | /* 40 | We don't use :-moz-any() here for performance reasons: 41 | https://developer.mozilla.org/en-US/docs/Web/CSS/:any#Issues_with_performance_and_specificity 42 | */ 43 | .findbar-container > image, 44 | .findbar-container > description, 45 | .findbar-container > label, 46 | .findbar-container > spacer { 47 | -moz-box-ordinal-group: 2 !important; 48 | } 49 | /* Firefox 28+ */ 50 | findbar > .findbar-closebutton { 51 | padding: 2px !important; 52 | } 53 | .findbar-container { 54 | -moz-padding-start: 0 !important; 55 | } 56 | 57 | .findbar-find-status { 58 | margin: 0 !important; 59 | -moz-margin-start: 6px !important; 60 | } 61 | } -------------------------------------------------------------------------------- /Fixes_for_identity_box/README.md: -------------------------------------------------------------------------------- 1 | Some fixes for “identity box” (icon before location bar): 2 | * don't collapse identity box, if user edit text in location bar 3 | * make identity box on empty tab clickable to load URI from clipboard using middle-click (with middlemouse.paste = true) -------------------------------------------------------------------------------- /Fixes_for_identity_box/fixesForIdentityBox.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Fixes_for_identity_box */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | @-moz-document url("chrome://browser/content/browser.xul") { 5 | /* Don't collapse #identity-box, if user edit text in location bar */ 6 | /* See chrome://browser/content/browser.css */ 7 | #urlbar[pageproxystate="invalid"] > #identity-box /*> #identity-box-inner*/ > #identity-icon-labels:not([collapsed="true"]) { 8 | visibility: inherit !important; 9 | color: grayText !important; 10 | opacity: 0.9 !important; 11 | } 12 | #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity, /* Original */ 13 | #urlbar[pageproxystate="invalid"] > #identity-box.verifiedIdentity { 14 | -moz-margin-end: 4px !important; 15 | } 16 | /* Make #identity-box on empty tab clickable to load URI from clipboard using middle-click */ 17 | #urlbar[pageproxystate="invalid"] > #identity-box { 18 | pointer-events: auto !important; 19 | -moz-user-focus: ignore !important; 20 | } 21 | } -------------------------------------------------------------------------------- /HabraHabr.ru_collapse_sidebar/README.md: -------------------------------------------------------------------------------- 1 | Collapse sidebar on habrahabr.ru and show only on hover -------------------------------------------------------------------------------- /HabraHabr.ru_collapse_sidebar/habrCollapseSidebar.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/HabraHabr.ru_collapse_sidebar */ 2 | 3 | /* Collapse sidebar and show only on hover */ 4 | 5 | @namespace url("http://www.w3.org/1999/xhtml"); 6 | @-moz-document 7 | domain("habrahabr.ru"), 8 | domain("geektimes.ru"), 9 | domain("megamozg.ru") { 10 | body { 11 | background: transparent !important; 12 | } 13 | #navbar { 14 | max-width: 6px !important; 15 | overflow: hidden !important; 16 | transition: max-width 80ms ease-in-out 350ms !important; 17 | } 18 | #navbar:hover { 19 | max-width: 72px !important; 20 | transition-delay: 150ms !important; 21 | } 22 | .tab_settings { 23 | position: static !important; 24 | } 25 | #navbar_overlay.show + #navbar:hover { 26 | max-width: 800px !important; 27 | width: 800px !important; 28 | } 29 | #navbar:not(:hover) a { 30 | transition: margin-left 1ms linear 430ms !important; /* sum of delays for #navbar */ 31 | margin-left: 7px !important; /* #navbar width + 1px to hide focus ring */ 32 | } 33 | #layout > .inner { 34 | margin-left: 0 !important; 35 | margin-right: 0 !important; 36 | padding-left: 30px !important; /* 24 + #navbar width */ 37 | padding-right: 24px !important; 38 | } 39 | } -------------------------------------------------------------------------------- /Popup_fix/README.md: -------------------------------------------------------------------------------- 1 | Stylize obsolete <popup> node like <menupopup>, for not yet updated extensions -------------------------------------------------------------------------------- /Popup_fix/popupFix.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Popup_fix */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | /* Stylize obsolete node like , for not yet updated extensions */ 5 | popup { 6 | -moz-appearance: menupopup; 7 | border: 3px solid transparent; 8 | -moz-border-top-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace; 9 | -moz-border-left-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace; 10 | -moz-border-right-colors : ThreeDDarkShadow ThreeDShadow ThreeDFace; 11 | -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow ThreeDFace; 12 | padding: 0px; 13 | min-width: 1px; 14 | background: Menu; 15 | } -------------------------------------------------------------------------------- /Private_Tab_background/README.md: -------------------------------------------------------------------------------- 1 | Changes background color of private tabs: 2 |
Screenshot without gradients

3 |
Or with gradients: 4 |
Screenshot with gradients

-------------------------------------------------------------------------------- /Private_Tab_background/privateTabBackground-SeaMonkey.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_background */ 2 | 3 | /* AGENT_SHEET */ 4 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5 | 6 | @-moz-document url("chrome://navigator/content/navigator.xul") { 7 | /* Change background color of private tabs, https://addons.mozilla.org/addon/private-tab/ */ 8 | /*~ todo: use gradients and override -moz-appearance */ 9 | .tabbrowser-tab[privateTab-isPrivate], 10 | .tabbrowser-tab[privateTab-isPrivate] .tab-middle { 11 | background: #dbb5f0 !important; 12 | } 13 | .tabbrowser-tab[privateTab-isPrivate]:hover, 14 | .tabbrowser-tab[privateTab-isPrivate]:hover .tab-middle { 15 | background: #e1c1f2 !important; 16 | } 17 | .tabbrowser-tab[privateTab-isPrivate][selected], 18 | .tabbrowser-tab[privateTab-isPrivate][selected] .tab-middle { 19 | background: #ecd7f7 !important; 20 | } 21 | } -------------------------------------------------------------------------------- /Private_Tab_background/privateTabBackground-gradient.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_background */ 2 | 3 | /* AGENT_SHEET */ 4 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5 | 6 | @-moz-document url("chrome://browser/content/browser.xul"), 7 | url("chrome://navigator/content/navigator.xul") { 8 | /* Change background color of private tabs, https://addons.mozilla.org/addon/private-tab/ */ 9 | /* Based of Firefox default theme */ 10 | .tabbrowser-tab[privateTab-isPrivate] { 11 | background: 12 | linear-gradient( 13 | to top, 14 | rgba(10%, 10%, 10%, .4) 1px, 15 | transparent 1px 16 | ), 17 | linear-gradient( 18 | transparent, 19 | hsla(0, 0%, 55%, .1) 1px, 20 | hsla(0, 0%, 42%, .15) 80%, 21 | hsla(0, 0%, 0%, .15) 22 | ), 23 | linear-gradient( 24 | rgba(188, 181, 255, 0.6), 25 | rgba(188, 181, 255, 0.6) 26 | ) !important; 27 | 28 | -moz-appearance: none !important; 29 | 30 | background-origin: border-box !important; 31 | background-position: 1px 2px !important; 32 | background-size: calc(100% - 2px) calc(100% - 2px) !important; 33 | background-repeat: no-repeat !important; 34 | 35 | border-width: 4px 3px 0 !important; 36 | border-style: solid !important; 37 | /*border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 0 fill repeat stretch !important;*/ 38 | border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAcCAYAAABYvS47AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNpiFBGXYmJgYABhZihGBn+h+B8LkGAFYhUgVgBiPjSFn4D4ARDfAZmka2Ntpb9t80bO1y+ePkfGIDGQHEgNA9DqkKfPnnn9//9fGIiZgJgBikFsYZAcSA3IRHYpSUmQ8e9AbkGyFsR+B5VjZ4IK/gHi/wyY4D9UDuxbRgbCgHFU4ajCUYU0UggQYADV1D8Ak746KgAAAABJRU5ErkJggg==") 4 3 0 fill repeat stretch !important; 39 | border-radius: 0 !important; 40 | } 41 | .tabbrowser-tab[privateTab-isPrivate]:hover { 42 | background-image: 43 | linear-gradient( 44 | to top, 45 | rgba(10%, 10%, 10%, .4) 1px, 46 | transparent 1px 47 | ), 48 | linear-gradient( 49 | hsla(0, 0%, 100%, .2) 1px, 50 | hsla(0, 0%, 75%, .1) 80%, 51 | hsla(0, 0%, 60%, .1) 52 | ), 53 | linear-gradient( 54 | rgba(188, 181, 255, .5), 55 | rgba(188, 181, 255, .5) 56 | ) !important; 57 | } 58 | .tabbrowser-tab[privateTab-isPrivate][selected] { 59 | background-image: 60 | linear-gradient( 61 | rgba(188, 181, 255, .45), 62 | rgba(188, 181, 255, .35) 50% 63 | ), 64 | linear-gradient( 65 | rgb(240, 240, 240) /*-moz-dialog*/, 66 | rgb(240, 240, 240) /*-moz-dialog*/ 67 | ) !important; 68 | } 69 | #main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[privateTab-isPrivate][selected] { 70 | background-image: 71 | linear-gradient( 72 | to top, 73 | rgba(10%, 10%, 10%, .4) 1px, 74 | transparent 1px 75 | ), 76 | linear-gradient( 77 | rgba(188, 181, 255, .45), 78 | rgba(188, 181, 255, .35) 50% 79 | ), 80 | linear-gradient( 81 | rgb(240, 240, 240) /*-moz-dialog*/, 82 | rgb(240, 240, 240) /*-moz-dialog*/ 83 | ) !important; 84 | } 85 | 86 | /* Override other styles (Tree Style Tab, themes etc.) */ 87 | .tabbrowser-tab[privateTab-isPrivate] * { 88 | background: transparent !important; 89 | } 90 | 91 | /* Remove underline */ 92 | .tabbrowser-tab[privateTab-isPrivate] { 93 | text-decoration: none !important; 94 | } 95 | .tabbrowser-tab[privateTab-isPrivate][pinned] .tab-icon-image, 96 | .tabbrowser-tab[privateTab-isPrivate][pinned] .tab-throbber { 97 | border-bottom: none !important; 98 | } 99 | } -------------------------------------------------------------------------------- /Private_Tab_background/privateTabBackground-gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Private_Tab_background/privateTabBackground-gradient.png -------------------------------------------------------------------------------- /Private_Tab_background/privateTabBackground.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_background */ 2 | 3 | /* AGENT_SHEET */ 4 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5 | 6 | @-moz-document url("chrome://browser/content/browser.xul") { 7 | /* Change background color of private tabs, https://addons.mozilla.org/addon/private-tab/ */ 8 | /*~ todo: use gradients as Firefox itself */ 9 | .tabbrowser-tab[privateTab-isPrivate], 10 | .tabbrowser-tab[privateTab-isPrivate] .tab-content { 11 | background: #dbb5f0 !important; 12 | } 13 | .tabbrowser-tab[privateTab-isPrivate]:hover, 14 | .tabbrowser-tab[privateTab-isPrivate]:hover .tab-content { 15 | background: #e1c1f2 !important; 16 | } 17 | .tabbrowser-tab[privateTab-isPrivate][selected], 18 | .tabbrowser-tab[privateTab-isPrivate][selected] .tab-content { 19 | background: #ecd7f7 !important; 20 | } 21 | } -------------------------------------------------------------------------------- /Private_Tab_background/privateTabBackground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Private_Tab_background/privateTabBackground.png -------------------------------------------------------------------------------- /Private_Tab_hide_items/README.md: -------------------------------------------------------------------------------- 1 | Hide menu items from Private Tab extension (example) -------------------------------------------------------------------------------- /Private_Tab_hide_items/privateTabHideItems.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_hide_items */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | /* Hide menu items from Private Tab extension, https://addons.mozilla.org/addon/private-tab/ */ 5 | /* Comma-separated list of all items */ 6 | #privateTab-menu-openNewPrivateTab /* File - New Private Tab */, 7 | #privateTab-appMenu-openNewPrivateTab /* App menu - New Private Tab */, 8 | #main-window:not([privateTab-isPrivate]) 9 | #privateTab-context-openInNewPrivateTab /* Page context menu - Open Link in New Private Tab */, 10 | #privateTab-places-openInNewPrivateTab /* Bookmarks context menu - Open in a New Private Tab */, 11 | #privateTab-places-openInPrivateTabs /* Selected bookmarks context menu - Open All in Private Tabs */, 12 | #privateTab-places-openContainerInPrivateTabs /* Bookmark folders context menu - Open All in Private Tabs */, 13 | #privateTab-tabContext-toggleTabPrivate /* Tab context menu - Private Tab */ { 14 | display: none !important; 15 | } -------------------------------------------------------------------------------- /Private_Tab_icon/README.md: -------------------------------------------------------------------------------- 1 | Changes icon of private tabs: 2 |
Screenshot

-------------------------------------------------------------------------------- /Private_Tab_icon/privateTabIcon-SeaMonkey.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_icon */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | @-moz-document url("chrome://navigator/content/navigator.xul") { 6 | /* Add icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */ 7 | .tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon, 8 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon { 9 | /* Trick: change binding to break "src" attribute */ 10 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important; 11 | } 12 | .tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon > .toolbarbutton-icon, 13 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-icon { 14 | list-style-image: url("chrome://privatetab/content/privacy-16.png") !important; 15 | display: -moz-box !important; 16 | width: auto !important; 17 | height: auto !important; 18 | margin: 0 !important; 19 | padding: 0 !important; 20 | border: none !important; 21 | } 22 | .tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon > .toolbarbutton-text, 23 | .tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon > .toolbarbutton-multiline-text, 24 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-text, 25 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-multiline-text { 26 | display: none !important; 27 | } 28 | } -------------------------------------------------------------------------------- /Private_Tab_icon/privateTabIcon.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_icon */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | @-moz-document url("chrome://browser/content/browser.xul") { 6 | /* Add icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */ 7 | .tabbrowser-tab[privateTab-isPrivate] .tab-icon-image, 8 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon { 9 | /* Trick: change binding to break "src" attribute */ 10 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important; 11 | } 12 | .tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-icon, 13 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-icon { 14 | /*list-style-image: url("chrome://browser/skin/privatebrowsing/favicon.svg") !important;*/ 15 | list-style-image: url("chrome://privatetab/content/privacy-16.png") !important; 16 | display: -moz-box !important; 17 | width: auto !important; 18 | height: auto !important; 19 | margin: 0 !important; 20 | padding: 0 !important; 21 | border: none !important; 22 | } 23 | .tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-text, 24 | .tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-multiline-text, 25 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-text, 26 | .menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-multiline-text { 27 | display: none !important; 28 | } 29 | /* Always show tab icon (for Australis) */ 30 | .tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon-image { 31 | display: -moz-box !important; 32 | } 33 | } -------------------------------------------------------------------------------- /Private_Tab_icon/privateTabIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Private_Tab_icon/privateTabIcon.png -------------------------------------------------------------------------------- /Private_Tab_menu_icons/README.md: -------------------------------------------------------------------------------- 1 | Adds icons to Private Tab's menu items: 2 |
Screenshot

-------------------------------------------------------------------------------- /Private_Tab_menu_icons/privateTabMenuIcons.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_menu_icons */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | @-moz-document url("chrome://browser/content/browser.xul"), 6 | url("chrome://navigator/content/navigator.xul") { 7 | /* Add icons to Private Tab's menu items https://addons.mozilla.org/addon/private-tab/ */ 8 | #privateTab-menu-openNewPrivateTab, 9 | #privateTab-places-openInNewPrivateTab, 10 | #privateTab-context-openInNewPrivateTab { 11 | -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 12 | list-style-image: url("chrome://privatetab/content/privacy-16.png") !important; 13 | } 14 | #privateTab-menu-openNewPrivateTab > .menu-iconic-left, 15 | #privateTab-places-openInNewPrivateTab > .menu-iconic-left, 16 | #privateTab-context-openInNewPrivateTab > .menu-iconic-left { 17 | -moz-appearance: menuimage !important; 18 | } 19 | /* Tab context menu: use mask icon instead of default checkbox image */ 20 | #privateTab-tabContext-toggleTabPrivate > .menu-iconic-left > .menu-iconic-icon { 21 | display: -moz-box !important; 22 | list-style-image: url("chrome://privatetab/content/privacy-16.png") !important; 23 | -moz-image-region: auto !important; 24 | } 25 | #privateTab-tabContext-toggleTabPrivate > .menu-iconic-left { 26 | -moz-appearance: menuimage !important; 27 | /* Firefox 35 and older */ 28 | filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); 29 | /* Firefox 36+ */ 30 | filter: grayscale(1); 31 | opacity: 0.6 !important; 32 | } 33 | #privateTab-tabContext-toggleTabPrivate[checked] > .menu-iconic-left { 34 | filter: none !important; 35 | opacity: 1 !important; 36 | } 37 | } -------------------------------------------------------------------------------- /Private_Tab_menu_icons/privateTabMenuIcons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Private_Tab_menu_icons/privateTabMenuIcons.png -------------------------------------------------------------------------------- /Private_Tab_overlay_icon/README.md: -------------------------------------------------------------------------------- 1 | Adds overlay icon to private tabs: 2 |
Screenshot

-------------------------------------------------------------------------------- /Private_Tab_overlay_icon/privateTabOverlayIcon-SeaMonkey.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_overlay_icon */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | @-moz-document url("chrome://navigator/content/navigator.xul") { 6 | /* Add overlay icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */ 7 | /* You should correct margins for your theme... */ 8 | .tabbrowser-tab[privateTab-isPrivate] .tab-middle:before { 9 | /* http://www.iconfinder.com/icondetails/11679/16/clock_small_icon */ 10 | content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNpi/P//PwMlgImBQjDwBrCgCwQFBTEwMTEJMTIymgG5ElDhF8CwOvXv379369atw28AUKEQFw9PmE9oaKgQD4+pqoYGw8kzZ05vWb169eePH1cBlbzD64Xfv39bugUEhCtrajptXLOG983Xr7wqWlpOnkFB4SA5gl749euXjIqGhrG0kBDDy5cvGeRFRBj+/PvH8F9T0xgkR9CAHz9+MDMxMjIwMzExvHr1iiEuIoJBQkKCwdnDAyxH0ICfP3++uHHp0kV5CQmbNZs2gcX+ARPb3r17L4LkiHHB4TlTpqhysbIy29jY6IHEjh09emnGpElbQHLo6hnRk7KWlhbDx48fxYH+dQNyFaHC99nY2Hbx8/O/vHbtGn4DRmBeAAgwAJR8fPChrRrjAAAAAElFTkSuQmCC") !important; 11 | display: -moz-box !important; 12 | position: relative !important; 13 | z-index: 2147483647 !important; 14 | /* Theme-specific: */ 15 | /* start + end = -16 (icon width) */ 16 | -moz-margin-start: 8px !important; 17 | -moz-margin-end: -24px !important; 18 | /* top + bottom = 0 */ 19 | margin-top: 4px !important; 20 | margin-bottom: -4px !important; 21 | } 22 | .tabbrowser-tab[privateTab-isPrivate][pinned] .tab-middle:before { 23 | /* Theme-specific: */ 24 | /* start + end = -16 (icon width) */ 25 | -moz-margin-start: 11px !important; 26 | -moz-margin-end: -27px !important; 27 | } 28 | } -------------------------------------------------------------------------------- /Private_Tab_overlay_icon/privateTabOverlayIcon.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_overlay_icon */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | @-moz-document url("chrome://browser/content/browser.xul") { 6 | /* Add overlay icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */ 7 | /* You should correct margins for your theme... */ 8 | .tabbrowser-tab[privateTab-isPrivate] .tab-content:before { 9 | /* http://www.iconfinder.com/icondetails/11679/16/clock_small_icon */ 10 | content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNpi/P//PwMlgImBQjDwBrCgCwQFBTEwMTEJMTIymgG5ElDhF8CwOvXv379369atw28AUKEQFw9PmE9oaKgQD4+pqoYGw8kzZ05vWb169eePH1cBlbzD64Xfv39bugUEhCtrajptXLOG983Xr7wqWlpOnkFB4SA5gl749euXjIqGhrG0kBDDy5cvGeRFRBj+/PvH8F9T0xgkR9CAHz9+MDMxMjIwMzExvHr1iiEuIoJBQkKCwdnDAyxH0ICfP3++uHHp0kV5CQmbNZs2gcX+ARPb3r17L4LkiHHB4TlTpqhysbIy29jY6IHEjh09emnGpElbQHLo6hnRk7KWlhbDx48fxYH+dQNyFaHC99nY2Hbx8/O/vHbtGn4DRmBeAAgwAJR8fPChrRrjAAAAAElFTkSuQmCC") !important; 11 | display: -moz-box !important; 12 | position: relative !important; 13 | z-index: 2147483647 !important; 14 | /* Theme-specific: */ 15 | /* start + end = -16 (icon width) */ 16 | -moz-margin-start: 8px !important; 17 | -moz-margin-end: -24px !important; 18 | /* top + bottom = 0 */ 19 | margin-top: 4px !important; 20 | margin-bottom: -4px !important; 21 | } 22 | .tabbrowser-tab[privateTab-isPrivate][pinned] .tab-content:before { 23 | /* Theme-specific: */ 24 | /* start + end = -16 (icon width) */ 25 | -moz-margin-start: 11px !important; 26 | -moz-margin-end: -27px !important; 27 | } 28 | } -------------------------------------------------------------------------------- /Private_Tab_overlay_icon/privateTabOverlayIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Private_Tab_overlay_icon/privateTabOverlayIcon.png -------------------------------------------------------------------------------- /Private_Tab_underline/README.md: -------------------------------------------------------------------------------- 1 | Changes underline of private tabs: 2 |
Screenshot

-------------------------------------------------------------------------------- /Private_Tab_underline/privateTabUnderline.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Private_Tab_underline */ 2 | 3 | /* AGENT_SHEET */ 4 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5 | 6 | @-moz-document url("chrome://browser/content/browser.xul"), 7 | url("chrome://navigator/content/navigator.xul") { 8 | .tabbrowser-tab[privateTab-isPrivate] { 9 | text-decoration: underline !important; 10 | /* Firefox 35 and older */ 11 | -moz-text-decoration-color: red !important; 12 | -moz-text-decoration-style: dashed !important; 13 | /* Firefox 36+ */ 14 | text-decoration-color: red !important; 15 | text-decoration-style: dashed !important; 16 | } 17 | .tabbrowser-tab[privateTab-isPrivate][pinned] .tab-icon-image, 18 | .tabbrowser-tab[privateTab-isPrivate][pinned] .tab-throbber { 19 | border-bottom: 1px dashed red !important; 20 | } 21 | } -------------------------------------------------------------------------------- /Private_Tab_underline/privateTabUnderline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Private_Tab_underline/privateTabUnderline.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This is some styles to change Firefox (and sometimes SeaMonkey) appearance 2 | 3 | #### Usage 4 | * Put content of *.css file into [userChrome.css](http://kb.mozillazine.org/UserChrome.css) to change browser interface or [userContent.css](http://kb.mozillazine.org/UserContent.css) to change tab contents (but be careful with [@namespace](https://developer.mozilla.org/en-US/docs/Web/CSS/@namespace) entries) 5 | * or just use [Stylish](https://addons.mozilla.org/addon/stylish/) extension 6 | 7 |

77 | 78 | #### Site-specific styles in alphabetical order 79 | 80 | ##### [HabraHabr.ru: collapse sidebar](HabraHabr.ru_collapse_sidebar) 81 | Collapse sidebar on habrahabr.ru and show only on hover -------------------------------------------------------------------------------- /Show_Missing_Images/README.md: -------------------------------------------------------------------------------- 1 | Show placeholders in place of missing and not loaded images -------------------------------------------------------------------------------- /Show_Missing_Images/showMissingImages.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Show_Missing_Images */ 2 | 3 | @namespace url("http://www.w3.org/1999/xhtml"); 4 | @-moz-document url-prefix("http:"), url-prefix("https:"), url-prefix("file:"), url-prefix("data:") { 5 | img:-moz-broken:not([alt=""])[src]:not([src=""]) { 6 | border: 1px solid #000 !important; 7 | border-right-color: #b2b2b2 !important; 8 | border-bottom-color: #b2b2b2 !important; 9 | display: inline-block !important; 10 | min-width: 22px !important; 11 | min-height: 22px !important; 12 | padding: 0 !important; 13 | /*overflow: hidden !important;*/ 14 | } 15 | img:-moz-broken:not([alt=""])[src]:not([src=""]):before { 16 | /* Icon from Firefox 21 */ 17 | content: url("data:image/gif;base64,R0lGODlhDAAOAIMAMe7u7rGxsbKysv///wAAAOXl5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAMAA4AAwQzMMg5gQ0j61DC1dvQARg4lF0JUpIpFvBUiFI3e+RI5vhu/bheDzjieI4tG83Wcm1Y0EAEADs=") !important; 18 | display: inline-block !important; 19 | margin: 2px 0 0 5px !important; 20 | } 21 | img:-moz-broken:not([alt=""])[src]:not([src=""]):after { 22 | content: -moz-alt-content !important; 23 | display: inline-block !important; 24 | margin: 0 4px !important; 25 | } 26 | img:-moz-broken:not([alt])[src]:not([src=""]):after { 27 | margin: 0 !important; 28 | } 29 | img:-moz-broken[src]:not([src=""]):hover { 30 | outline: 1px solid !important; 31 | outline-offset: -1px !important; 32 | } 33 | } -------------------------------------------------------------------------------- /Show_Missing_Images/showMissingImages_testcase.html: -------------------------------------------------------------------------------- 1 | 2 | Missing images testcase 3 | 4 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |

alt:
empty alt:
no alt:
alt + size:
empty alt + size:
no alt + size:
alt + size 2:
empty alt + size 2:
no alt + size 2:

-------------------------------------------------------------------------------- /Source_editor/README.md: -------------------------------------------------------------------------------- 1 | Some tweaks for source editor component (used in Scratchpad and other developer tools) -------------------------------------------------------------------------------- /Source_editor/sourceEditor.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Source_editor */ 2 | 3 | @namespace url("http://www.w3.org/1999/xhtml"); 4 | /* Some tweaks for source editor component (used in Scratchpad and other developer tools) */ 5 | /* (used colors for light theme) */ 6 | /* CodeMirror */ 7 | @-moz-document regexp(".+?chrome://(?:browser|devtools)/[a-z/]+?/codemirror\.css.+") { 8 | .devtools-monospace { 9 | font-family: monospace !important; 10 | } 11 | .CodeMirror { 12 | font-size: 13px !important; 13 | } 14 | .cm-comment { 15 | font-style: italic !important; 16 | color: #696969 !important; 17 | } 18 | .cm-keyword { 19 | font-weight: bold !important; 20 | } 21 | .CodeMirror-nonmatchingbracket { 22 | font-weight: bold !important; 23 | outline: none !important; 24 | color: #f22 !important; 25 | } 26 | .CodeMirror-matchingbracket { 27 | font-weight: bold !important; 28 | outline: none !important; 29 | color: #b7520e !important; 30 | text-decoration: underline !important; 31 | } 32 | } 33 | /* Orion, uncomment for Firefox 26 and older 34 | @-moz-document url("data:text/html;charset=utf8,") { 35 | .token_singleline_comment, 36 | .token_multiline_comment, 37 | .token_doc_comment { 38 | font-style: italic !important; 39 | } 40 | .token_string { 41 | font-style: normal !important; 42 | } 43 | .token_keyword { 44 | font-weight: bold !important; 45 | } 46 | .currentBracket, 47 | .matchingBracket { 48 | font-weight: bold !important; 49 | outline: none !important; 50 | color: #3737ff !important; 51 | } 52 | } 53 | */ -------------------------------------------------------------------------------- /System_style_tabs/README.md: -------------------------------------------------------------------------------- 1 | Use OS styles for tabs -------------------------------------------------------------------------------- /System_style_tabs/systemStyleTabs.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/System_style_tabs */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | @-moz-document url("chrome://browser/content/browser.xul"), 6 | url("chrome://navigator/content/navigator.xul") { 7 | /* Use OS styles for tabs */ 8 | .tabbrowser-tab { 9 | -moz-appearance: tab !important; 10 | margin-left: 0 !important; 11 | margin-right: 0 !important; 12 | } 13 | .tabbrowser-tab, 14 | .tab-content, 15 | .tab-background, 16 | .tab-background-start, 17 | .tab-background-middle, 18 | .tab-background-end { 19 | background: transparent !important; 20 | } 21 | .tabbrowser-tab::before, 22 | .tabbrowser-tab::after, 23 | .tab-background-start::before, 24 | .tab-background-start::after, 25 | .tab-background-end::before, 26 | .tab-background-end::after { 27 | content: none !important; 28 | } 29 | .tabs-newtab-button { 30 | -moz-appearance: tab !important; 31 | margin-left: 0 !important; 32 | margin-right: 0 !important; 33 | max-width: 32px !important; 34 | } 35 | .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { 36 | padding-left: 0 !important; 37 | padding-right: 0 !important; 38 | } 39 | } -------------------------------------------------------------------------------- /Tree_Style_Tab_compact/README.md: -------------------------------------------------------------------------------- 1 | Tree Style Tab: compact tabs on http://userstyles.org/ -------------------------------------------------------------------------------- /Tree_Style_Tab_compact/Tree_Style_Tab_compact.css: -------------------------------------------------------------------------------- 1 | /* http://userstyles.org/styles/71882/tree-style-tab-compact-tabs 2 | * https://github.com/Infocatcher/UserStyles/tree/master/Tree_Style_Tab_compact */ 3 | 4 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5 | 6 | @-moz-document url("chrome://browser/content/browser.xul") { 7 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab, 8 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]) { 9 | min-height: 16px !important; 10 | max-height: none !important; 11 | padding-top: 0 !important; 12 | padding-bottom: 0 !important; 13 | } 14 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tab-stack { 15 | margin-top: 0 !important; 16 | margin-bottom: 0 !important; 17 | min-height: 16px !important; 18 | max-height: none !important; 19 | } 20 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tab-throbber, 21 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tab-icon-image { 22 | margin: -1px 2px 0 0 !important; 23 | } 24 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tab-throbber, 25 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tab-icon-image { 26 | margin: -1px 0 0 2px !important; 27 | } 28 | .tabbrowser-tabs[treestyletab-mode="vertical"]:not([treestyletab-style]) .tab-stack { 29 | margin-top: -2px !important; 30 | margin-bottom: 2px !important; 31 | } 32 | .tabbrowser-tabs[treestyletab-mode="vertical"]:not([treestyletab-style]) .tab-throbber, 33 | .tabbrowser-tabs[treestyletab-mode="vertical"]:not([treestyletab-style]) .tab-icon-image { 34 | margin-top: 0 !important; 35 | } 36 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tab-content { 37 | margin-top: 0 !important; 38 | margin-bottom: 0 !important; 39 | } 40 | .tabbrowser-tabs[treestyletab-mode="vertical"] .treestyletab-counter-container { 41 | margin-top: -1px !important; 42 | -moz-margin-start: 1px !important; 43 | } 44 | .tabbrowser-tabs[treestyletab-mode="vertical"] .tab-close-button { 45 | margin: 0 -1px 0 0 !important; 46 | } 47 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tab-close-button { 48 | margin: 0 0 0 -1px !important; 49 | } 50 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] .tab-close-button { 51 | margin: -1px -5px 0 0 !important; 52 | } 53 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style][treestyletab-tab-contents-inverted="true"] .tab-close-button { 54 | margin: -1px 0 0 -5px !important; 55 | } 56 | /* Twisty */ 57 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-twisty-style^="modern"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 58 | margin: 0 -2px 0 -7px !important; 59 | } 60 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-twisty-style^="modern"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 61 | margin: 0 -7px 0 -2px !important; 62 | } 63 | 64 | /* Metal theme */ 65 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"] .tabbrowser-tab { 66 | margin-top: -3px !important; 67 | margin-bottom: -3px !important; 68 | } 69 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"] .tab-content { 70 | /* Firefox 15+ */ 71 | margin-top: 0 !important; 72 | margin-bottom: 1px !important; 73 | /* For old Firefox 74 | margin-top: -10px !important; 75 | margin-bottom: -10px !important; 76 | */ 77 | } 78 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"] .tab-text { 79 | margin-top: -3px !important; 80 | margin-bottom: -3px !important; 81 | } 82 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"] .tab-close-button { 83 | margin: 0 -3px 0 -2px !important; 84 | padding: 0 !important; 85 | } 86 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"][treestyletab-tab-contents-inverted="true"] .tab-close-button { 87 | margin: 0 -2px 0 -3px !important; 88 | } 89 | /* Twisty */ 90 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"][treestyletab-twisty-style^="modern"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 91 | margin: 0 -2px 0 -6px !important; 92 | } 93 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"][treestyletab-twisty-style^="modern"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 94 | margin: 0 -6px 0 -2px !important; 95 | } 96 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"][treestyletab-twisty-style^="osx"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 97 | margin: 0 -4px 0 -1px !important; 98 | } 99 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="metal"][treestyletab-twisty-style^="osx"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 100 | margin: 0 -1px 0 -4px !important; 101 | } 102 | 103 | /* Sidebar theme */ 104 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"] .tab-throbber, 105 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"] .tab-icon-image { 106 | margin-bottom: -2px !important; 107 | } 108 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"] .treestyletab-counter-container { 109 | margin-top: 0 !important; 110 | margin-bottom: -1px !important; 111 | } 112 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"] .tab-close-button { 113 | margin: 0 -3px 0 0 !important; 114 | } 115 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tab-close-button { 116 | margin: 0 0 0 -3px !important; 117 | } 118 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"][treestyletab-twisty-style^="modern"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 119 | margin: 0 -1px -1px -9px !important; 120 | } 121 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"][treestyletab-twisty-style^="modern"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 122 | margin: 0 -9px -1px -1px !important; 123 | } 124 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"][treestyletab-twisty-style^="osx"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 125 | margin-right: -4px !important; 126 | } 127 | .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style~="sidebar"][treestyletab-twisty-style^="osx"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty { 128 | margin-left: -4px !important; 129 | } 130 | 131 | /* Fix too small tabs height in horizontal tab bar */ 132 | .tabbrowser-tabs[treestyletab-mode="horizontal"] .tabbrowser-tab .tab-content { 133 | padding-top: 3px !important; 134 | padding-bottom: 4px !important; 135 | } 136 | .tabbrowser-tabs[treestyletab-mode="horizontal"] .tabbrowser-tab[treestyletab-parent] .tab-content { 137 | padding-top: 1px !important; 138 | padding-bottom: 2px !important; 139 | } 140 | 141 | /* Default theme and horizontal tab bar, only child tabs */ 142 | .tabbrowser-tabs[treestyletab-mode="horizontal"]:not([treestyletab-style]) .tabbrowser-tab[treestyletab-parent] { 143 | padding-top: 0 !important; 144 | padding-bottom: 1px !important; 145 | } 146 | .tabbrowser-tabs[treestyletab-mode="horizontal"]:not([treestyletab-style]) .tabbrowser-tab[treestyletab-parent] .tab-content { 147 | margin-top: -2px !important; 148 | } 149 | 150 | /* Informational Tab extension */ 151 | :root[informationaltab-thumbnail-enabled="true"][informationaltab-thumbnail-position="1"] .informationaltab-thumbnail-container { 152 | margin-top: -1px !important; 153 | margin-right: 4px !important; 154 | } 155 | } -------------------------------------------------------------------------------- /Tree_Style_Tab_compact/screenshots/after.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Tree_Style_Tab_compact/screenshots/after.png -------------------------------------------------------------------------------- /Tree_Style_Tab_compact/screenshots/before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Infocatcher/UserStyles/56dd320e2cb656c8be25166de2da3d9c21f24170/Tree_Style_Tab_compact/screenshots/before.png -------------------------------------------------------------------------------- /Tree_reduce_row_height/README.md: -------------------------------------------------------------------------------- 1 | Reduce height of XUL tree rows in Firefox 25+ -------------------------------------------------------------------------------- /Tree_reduce_row_height/treeReduceRowHeight.css: -------------------------------------------------------------------------------- 1 | /* https://github.com/Infocatcher/UserStyles/tree/master/Tree_reduce_row_height */ 2 | 3 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | /* Reduce height of XUL tree rows in Firefox 25+ */ 5 | @media (-moz-windows-default-theme) { 6 | treechildren:not(.autocomplete-treebody)::-moz-tree-row { 7 | height: 1.55em !important; 8 | } 9 | } --------------------------------------------------------------------------------