overlay.css (7820B)
1 /* 2 As of Fx36, the built-in styles don't properly handle a menu-button within combined buttons. 3 4 On Windows and Linux, the padding and hover effect (border and shading) are applied directly to 5 the .toolbarbutton-icon (image) instead of the toolbarbutton, so proper sizing of the SVG depends 6 on the total width including border and padding. 7 */ 8 9 /* 10 * Nav bar 11 */ 12 toolbar[id="nav-bar"] #zotero-toolbar-main-button .toolbarbutton-icon { 13 width: 28px; 14 } 15 16 toolbar[id="nav-bar"] #zotero-toolbar-save-button .toolbarbutton-icon { 17 width: 30px; 18 } 19 20 toolbar[id="nav-bar"] #zotero-toolbar-buttons #zotero-toolbar-main-button { 21 margin-right: -1px; 22 padding: 0; /* avoid shift on :active */ 23 } 24 25 toolbar[id="nav-bar"] #zotero-toolbar-main-button .toolbarbutton-icon { 26 margin-left: 2px; 27 padding-left: 5px !important; 28 padding-right: 5px !important; 29 } 30 31 toolbar[id="nav-bar"] #zotero-toolbar-save-button > .toolbarbutton-menubutton-button { 32 padding-left: 0; 33 } 34 35 toolbar[id="nav-bar"] #zotero-toolbar-save-button > .toolbarbutton-menubutton-button .toolbarbutton-icon { 36 padding-left: 6px !important; 37 padding-right: 6px !important; 38 } 39 40 toolbar[id="nav-bar"] #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker { 41 width: 18px !important; 42 margin-top: 6px; 43 margin-bottom: 6px; 44 } 45 46 toolbar[id="nav-bar"] #zotero-toolbar-buttons #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker .dropmarker-icon { 47 padding-left: 14px !important; 48 padding-right: 3px !important; 49 } 50 51 toolbar[id="nav-bar"] #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { 52 margin-top: 3px; 53 margin-bottom: 3px; 54 padding-left: 8px !important; 55 padding-right: 8px !important; 56 } 57 58 toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 59 toolbar[id="nav-bar"] #zotero-toolbar-save-button[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { 60 margin-top: 0; 61 margin-bottom: 0; 62 } 63 64 toolbar[id="nav-bar"] #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { 65 margin-top: 3px; 66 margin-bottom: 3px; 67 } 68 69 toolbar[id="nav-bar"] #zotero-toolbar-buttons > separator { 70 /* Copied from .toolbarbutton-menubutton-dropmarker::before */ 71 display: -moz-box; 72 width: 1px; 73 height: 18px; 74 -moz-margin-end: -1px; 75 background-clip: padding-box; 76 background-position: center; 77 background-repeat: no-repeat; 78 background-size: 1px 18px; 79 box-shadow: var(--toolbarbutton-combined-boxshadow); 80 } 81 82 toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-main-button .toolbarbutton-icon, 83 toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .toolbarbutton-icon, 84 toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .dropmarker-icon { 85 border-color: var(--toolbarbutton-hover-bordercolor) !important; 86 } 87 88 toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover:not(:active) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 89 toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { 90 background: inherit; 91 } 92 93 toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button:hover:not(:active) > .toolbarbutton-icon, 94 /* This selector doesn't work, so the dropmarker doesn't get a hover effect. :hover doesn't seem 95 to have an effect on either part of the dropmarker */ 96 toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker:hover > .dropmarker-icon { 97 background: var(--toolbarbutton-hover-background) !important; 98 } 99 100 toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover:active:not([open]):not([disabled]) .toolbarbutton-menubutton-button .toolbarbutton-icon, 101 toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button:hover[open]:not([disabled]) .toolbarbutton-menubutton-dropmarker .dropmarker-icon { 102 background: var(--toolbarbutton-active-background); 103 border-color: var(--toolbarbutton-active-bordercolor); 104 box-shadow: var(--toolbarbutton-active-boxshadow); 105 transition-duration: 10ms; 106 } 107 108 109 /* 110 * Alterations for non-nav-bar toolbars 111 */ 112 toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button > .toolbarbutton-icon, 113 toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button-single > .toolbarbutton-icon, 114 toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 115 toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-button > .toolbarbutton-icon { 116 height: 16px; 117 width: 16px; 118 padding: 0; 119 } 120 121 toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker, 122 toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker { 123 margin-left: -1px; 124 } 125 126 toolbar:not([id="nav-bar"]) #zotero-toolbar-buttons separator { 127 display: none; 128 } 129 130 131 /* Alterations for overflow panel */ 132 #zotero-toolbar-main-button-single[overflowedItem=true] .toolbarbutton-icon, 133 #zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button .toolbarbutton-icon, 134 #zotero-toolbar-save-button-single[overflowedItem=true] .toolbarbutton-icon, 135 #zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button .toolbarbutton-icon { 136 width: 16px; 137 } 138 139 #zotero-toolbar-buttons[overflowedItem=true] { 140 margin-left: 0 !important; 141 margin-bottom: 0 !important; 142 margin-right: 0 !important; 143 padding: 0 !important; 144 } 145 146 #zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button { 147 max-width: 28px !important; 148 margin: 0 4px 0 0 !important; 149 } 150 151 #zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button .toolbarbutton-menubutton-button { 152 margin-left: 8px; 153 } 154 /* End toolbar buttons */ 155 156 157 /* 158 Override selected, unfocused tree row highlight color, which is too similar to the alternating 159 row color by default 160 */ 161 #zotero-collections-tree treechildren::-moz-tree-row(selected), 162 #zotero-items-tree treechildren::-moz-tree-row(selected) { 163 background-color: #D4D4D4; 164 } 165 166 #zotero-collections-tree treechildren::-moz-tree-row(selected, focus), 167 #zotero-items-tree treechildren::-moz-tree-row(selected, focus) { 168 background-color: Highlight; 169 } 170 171 #zotero-collections-tree treechildren::-moz-tree-row { 172 height: 1.3em; 173 } 174 175 176 @media (min-resolution: 1.25dppx) { 177 #zotero-pane .toolbarbutton-icon { 178 width: 16px; 179 } 180 181 #zotero-tb-sync > .toolbarbutton-icon { 182 width: 20px; 183 } 184 } 185 186 /* Dropmarker added automatically on Linux */ 187 .toolbarbutton-menu-dropmarker, #zotero-tb-search-menu-button { 188 list-style-image: none; 189 } 190 191 .zotero-tb-button:not([type=menu]) { 192 margin-right: 4px; 193 } 194 195 #zotero-tb-search-menu-button { 196 -moz-appearance: toolbarbutton-dropdown !important; 197 width: 12px; 198 height: 12px; 199 } 200 201 #zotero-tb-search-menu-button .button-menu-dropmarker { 202 display: none; 203 } 204 205 #zotero-tb-search .textbox-search-icon { 206 visibility: hidden; 207 } 208 209 /* Fixes tabs missing styling on (GTK 3.20) Ubuntu 16.10. See https://bugzilla.mozilla.org/show_bug.cgi?id=1306425 */ 210 tabpanels { 211 -moz-appearance: none; 212 border: 1px solid hsla(0, 0%, 0%, 0.2); 213 214 } 215 tab { 216 -moz-appearance: none; 217 border-top: 1px solid hsla(0, 0%, 0%, 0.2); 218 border-right: 1px solid hsla(0, 0%, 0%, 0.2); 219 border-left: 1px solid hsla(0, 0%, 0%, 0.2); 220 -moz-border-top-colors: none; 221 -moz-border-right-colors: none; 222 -moz-border-left-colors: none; 223 } 224 /* Fixes misc Ubuntu 16.10 rendering issue fixes. */ 225 #zotero-prefs menulist dropmarker{ 226 width: 30px; 227 } 228 #zotero-prefs .numberbox-input-box{ 229 -moz-appearance: textfield; 230 } 231 232 #zotero-prefs #noteFontSize { 233 min-width: 3.8em; 234 } 235 236 #zotero-pane splitter { 237 border: 0; 238 width: 6px; 239 background-color: transparent; 240 background-image: none; 241 }