overlay.css (14966B)
1 /* 2 As of Fx36, the built-in Mac styles don't properly handle a menu-button within a combined 3 button, so we need this ungodly mess. 4 */ 5 #zotero-toolbar-buttons[cui-areatype="toolbar"] > separator, 6 #zotero-toolbar-save-button[cui-areatype="toolbar"]:not(:hover) > .toolbarbutton-menubutton-dropmarker::before, 7 #zotero-toolbar-buttons[cui-areatype="toolbar"]:hover > #zotero-toolbar-save-button { 8 box-shadow: none; 9 } 10 11 #zotero-toolbar-save-button[cui-areatype="toolbar"] { 12 border: 0; 13 } 14 15 #zotero-toolbar-main-button[cui-areatype="toolbar"] { 16 margin-right: 0; 17 border-top-right-radius: 0; 18 border-bottom-right-radius: 0; 19 padding-right: 2px; 20 padding-left: 2px; 21 } 22 23 #zotero-toolbar-save-button[cui-areatype="toolbar"] { 24 margin-left: -1px; 25 border-top-left-radius: 0; 26 border-bottom-left-radius: 0; 27 border-left: 0 solid transparent; 28 } 29 30 #zotero-toolbar-save-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button { 31 min-width: 27px; 32 padding-left: 1px; 33 padding-right: 1px; 34 } 35 36 /* 37 * Recreate standard hover effect (except in overflow list) 38 */ 39 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button, 40 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker { 41 border-width: 1px; 42 border-style: solid; 43 border-color: var(--toolbarbutton-hover-bordercolor) !important; 44 box-shadow: var(--toolbarbutton-hover-boxshadow) !important; 45 border-top-left-radius: 0; 46 border-bottom-left-radius: 0; 47 } 48 49 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker::before { 50 background: none; 51 } 52 53 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button { 54 border-right: 1px solid transparent; 55 } 56 57 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker { 58 border-left: 1px solid transparent; 59 } 60 61 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > .toolbarbutton-menubutton-dropmarker { 62 background: inherit; 63 } 64 65 #zotero-toolbar-save-button[cui-areatype="toolbar"]:not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker:hover { 66 background: var(--toolbarbutton-hover-background); 67 } 68 69 #zotero-toolbar-main-button[cui-areatype="toolbar"] { 70 border-right: 1px solid transparent; 71 } 72 #zotero-toolbar-save-button[cui-areatype="toolbar"]:not([overflowedItem=true]):hover { 73 border-left: 0 solid transparent; 74 } 75 #zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button { 76 border-left: 1px solid transparent; 77 } 78 79 /* 80 * Alterations for overflow menu 81 */ 82 #zotero-toolbar-buttons[overflowedItem=true] { 83 margin: 6px 4px 0; 84 } 85 86 #zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button { 87 max-width: 16px; 88 } 89 90 /* End toolbar icons */ 91 92 #zotero-splitter 93 { 94 border-top: none; 95 border-bottom: 1px solid #A3A3A3; 96 min-height: 1px !important; 97 max-height: 1px !important; 98 background-image: none; 99 } 100 101 #zotero-items-toolbar[state=collapsed] 102 { 103 margin-left: -8px !important; 104 } 105 106 #zotero-pane toolbarseparator { 107 margin-left: 7px; 108 } 109 110 #zotero-tb-sync-stop .toolbarbutton-icon, 111 #zotero-tb-sync-error .toolbarbutton-icon { 112 width: 16px; 113 } 114 115 .zotero-tb-button > .toolbarbutton-icon { 116 max-width: 31px; 117 } 118 119 .zotero-tb-button, 120 .zotero-tb-button:first-child, 121 .zotero-tb-button:last-child { 122 -moz-margin-start: 0 !important; 123 -moz-margin-end: 3px !important; 124 -moz-padding-end: 10px !important; 125 background: url("chrome://zotero/skin/mac/menubutton-end.png") right center/auto 24px no-repeat; 126 } 127 128 .zotero-tb-button[type=menu] { 129 -moz-padding-end: 8px !important; 130 } 131 132 .zotero-tb-button > .toolbarbutton-icon { 133 background: url("chrome://zotero/skin/mac/menubutton-start.png") left center/auto 24px no-repeat; 134 padding: 4px 4px 4px 11px; 135 } 136 137 /* For menu buttons, decrease left padding by 1px */ 138 .zotero-tb-button[type=menu] > .toolbarbutton-icon { 139 -moz-padding-start: 9px; 140 max-width: 29px; 141 } 142 143 #zotero-collections-toolbar { 144 padding-left: 0; 145 } 146 147 .zotero-tb-button:-moz-window-inactive { 148 opacity: 0.5; 149 } 150 151 .zotero-tb-button:-moz-window-inactive > .toolbarbutton-icon { 152 background: url("chrome://zotero/skin/mac/menubutton-start-inactive-window.png") left center/auto 24px no-repeat; 153 } 154 155 /* Use a darker background when inactive so the button itself doesn't get too dark at 50% */ 156 .zotero-tb-button:-moz-window-inactive, 157 .zotero-tb-button:-moz-window-inactive:first-child, 158 .zotero-tb-button:-moz-window-inactive:last-child { 159 background: url("chrome://zotero/skin/mac/menubutton-end-inactive-window.png") right center/auto 24px no-repeat; 160 } 161 162 .zotero-tb-button[open="true"], 163 .zotero-tb-button:not([disabled="true"]):hover:active { 164 background: url("chrome://zotero/skin/mac/menubutton-end-pressed.png") right center/auto 24px no-repeat; 165 } 166 167 .zotero-tb-button > menupopup { 168 -moz-margin-start: 2px; 169 margin-top: -4px; 170 } 171 172 #zotero-tb-search-menu-button { 173 margin: -6px 0 -6px -16px; 174 padding: 6px 0 6px 15px; 175 } 176 177 #zotero-tb-sync > .toolbarbutton-icon { 178 -moz-padding-start: 8px; 179 padding-top: 1px; 180 } 181 182 #zotero-tb-sync-error[error=true] 183 { 184 margin-bottom: 2px; 185 } 186 187 .zotero-tb-button[open="true"] > .toolbarbutton-icon, 188 .zotero-tb-button:not([disabled="true"]):hover:active > .toolbarbutton-icon { 189 background: url("chrome://zotero/skin/mac/menubutton-start-pressed.png") left center/auto 24px no-repeat; 190 } 191 192 .zotero-tb-button > .toolbarbutton-text { 193 display: none; 194 } 195 196 #zotero-tb-sync > .toolbarbutton-icon { 197 -moz-binding: none !important; 198 padding: 2px 0px 2px 8px !important; 199 } 200 201 #zotero-close-button { 202 margin: 0px !important; 203 padding: 0px 0px 0px 10px !important; 204 } 205 206 #zotero-tb-sync { 207 margin: 0; 208 } 209 210 #zotero-view-tabbox { 211 background-color: #fff; 212 padding: 0; 213 } 214 215 #zotero-item-pane-content .groupbox-body { 216 -moz-appearance: none; 217 background-color: #ffffff; 218 } 219 220 #zotero-item-pane-message-box description { 221 color: #7f7f7f; 222 } 223 224 #zotero-view-tabbox > tabpanels { 225 margin: 12px 0 0 0; 226 padding: 0; 227 -moz-appearance: none; 228 } 229 230 #zotero-view-tabbox > tabs { 231 -moz-appearance: none; 232 background: -moz-linear-gradient(top, #ededed, #cccccc); 233 border-style: solid; 234 border-width: 0 0 1px 0; 235 border-color: #bdbdbd; 236 padding: 2px 0 2px 0; 237 } 238 239 #zotero-view-tabbox > tabs > tab > hbox { 240 padding: 0; 241 } 242 243 #zotero-view-tabbox > tabs > tab > hbox > .tab-icon { 244 display: none; 245 } 246 247 #zotero-pane #zotero-view-tabbox > tabs > tab { 248 -moz-box-orient: vertical; 249 -moz-box-align: center; 250 -moz-appearance: toolbarbutton; 251 text-align: center; 252 margin: 0; 253 padding: 3px 1px 3px 1px; 254 } 255 256 #zotero-pane #zotero-view-tabbox > tabs > tab > hbox .tab-text { 257 font-size: 11px; 258 font-weight: bold; 259 margin: 2px 7px 2px 9px !important; 260 text-shadow: 0 1px rgba(255, 255, 255, .4); 261 } 262 263 /* This seems to be necessary to center the tabs. Not sure why. */ 264 #zotero-pane #zotero-view-tabbox > tabs > tab:last-of-type > hbox .tab-text { 265 margin: 2px 9px 2px 9px !important; 266 } 267 268 #zotero-pane #zotero-view-tabbox > tabs > tab[selected=true] > hbox .tab-text { 269 color: #FFF !important; 270 text-shadow: rgba(0, 0, 0, 0.4) 0 1px; 271 } 272 273 #zotero-collections-tree { 274 -moz-appearance: none; 275 border: none; 276 margin: 0; 277 padding: 0; 278 min-height: 5.2em; 279 background-color: #d2d8e2; 280 } 281 282 #zotero-collections-tree:-moz-window-inactive { 283 background-color: rgb(232, 232, 232); 284 } 285 286 #zotero-collections-tree treechildren::-moz-tree-row { 287 background-color: transparent; 288 border-color: transparent; 289 } 290 291 #zotero-collections-tree treechildren::-moz-tree-cell(selected) { 292 background: -moz-linear-gradient(top, #A0B0CF, #7386AB) repeat-x; 293 border-top: 1px solid #94A1C0; 294 } 295 296 #zotero-collections-tree:-moz-window-inactive treechildren::-moz-tree-cell(selected) { 297 background: -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x; 298 border-top: 1px solid #979797; 299 } 300 301 #zotero-collections-tree treechildren::-moz-tree-cell(selected, focus) { 302 background: -moz-linear-gradient(top, #6494D4, #2559AC) repeat-x; 303 border-top: 1px solid #5382C5; 304 } 305 306 #zotero-collections-tree treechildren::-moz-tree-cell-text(selected) { 307 font-weight: bold !important; 308 color: #ffffff !important; 309 } 310 311 #zotero-collections-tree treechildren::-moz-tree-twisty(selected) { 312 list-style-image: url("chrome://zotero/skin/mac/twisty-selected.svg"); 313 } 314 315 #zotero-collections-tree treechildren::-moz-tree-twisty(selected, open) { 316 list-style-image: url("chrome://zotero/skin/mac/twisty-selected-open.svg"); 317 } 318 319 #zotero-collections-splitter:not([state=collapsed]), 320 #zotero-items-splitter:not([state=collapsed])[orient=horizontal] 321 { 322 -moz-appearance: none; 323 border-inline-start: 1px solid #bdbdbd; 324 margin-inline-end: -4px; 325 width: 5px !important; 326 min-width: 5px; 327 position: relative; 328 background-image: none; 329 } 330 331 #zotero-items-splitter[orient=vertical] 332 { 333 -moz-border-start: none !important; 334 -moz-border-end: none !important; 335 background-color: #bdbdbd !important; 336 max-height: 1px !important; 337 min-height: 1px !important; 338 height: 1px !important; 339 } 340 341 #zotero-collections-splitter:not([state=collapsed]) > grippy, 342 #zotero-items-splitter:not([state=collapsed]) > grippy 343 { 344 display: none; 345 } 346 347 #zotero-collections-splitter[state=collapsed], #zotero-items-splitter[state=collapsed] { 348 border: 0 solid #d6d6d6 !important; 349 padding: 0; 350 } 351 352 #zotero-collections-splitter[state=collapsed], #zotero-items-splitter[state=collapsed][orient=horizontal] 353 { 354 background-image: url("chrome://zotero/skin/mac/vsplitter.png"); 355 background-repeat: repeat-y; 356 max-width: 8px !important; 357 min-width: 8px !important; 358 width: 8px !important; 359 } 360 361 #zotero-items-splitter[state=collapsed][orient=vertical] 362 { 363 background-image: url("chrome://zotero/skin/mac/hsplitter.png"); 364 background-repeat: repeat-x; 365 max-height: 8px !important; 366 min-height: 8px !important; 367 height: 8px !important; 368 } 369 370 #zotero-collections-splitter[state=collapsed] { 371 border-right-width: 1px !important; 372 } 373 374 #zotero-items-splitter[state=collapsed] { 375 border-left-width: 1px !important; 376 } 377 378 #zotero-collections-splitter[state=collapsed] > grippy, #zotero-items-splitter[state=collapsed] > grippy 379 { 380 -moz-appearance: none; 381 background: url(chrome://zotero/skin/mac/vgrippy.png) center/auto 8px no-repeat; 382 width: 8px; 383 } 384 385 #zotero-tags-splitter 386 { 387 -moz-appearance: none; 388 border-top: 1px; 389 border-bottom: 1px; 390 border-color: #A5A5A5; 391 height: 8px; 392 background-image: url("chrome://zotero/skin/mac/hsplitter.png") !important; 393 background-repeat: repeat-x; 394 padding: 0; 395 } 396 397 #zotero-tags-splitter > grippy 398 { 399 -moz-appearance: none; 400 background: url(chrome://zotero/skin/mac/hgrippy.png) center/auto 8px no-repeat; 401 height: 8px; 402 } 403 404 #zotero-tags-splitter > grippy:hover, #zotero-collections-splitter > grippy:hover, #zotero-items-splitter > grippy:hover 405 { 406 background-color:transparent; 407 } 408 409 #zotero-items-tree 410 { 411 -moz-appearance: none; 412 border: none; 413 margin: 0; 414 padding: 0; 415 } 416 417 #zotero-items-tree treechildren::-moz-tree-cell, 418 #zotero-items-tree treechildren::-moz-tree-column { 419 border-right: 1px solid #d7dad7; 420 } 421 422 treechildren::-moz-tree-twisty { 423 -moz-appearance: none; 424 width: 16px; 425 height: 16px; 426 list-style-image: url("chrome://zotero/skin/mac/twisty.svg"); 427 -moz-padding-start: 5px; 428 -moz-padding-end: 6px; 429 } 430 431 treechildren::-moz-tree-twisty(open) { 432 -moz-appearance: none; 433 width: 16px; 434 height: 16px; 435 list-style-image: url("chrome://zotero/skin/mac/twisty-open.svg"); 436 -moz-padding-start: 4px; 437 -moz-padding-end: 7px; 438 } 439 440 /* How to get active twisty? 441 treechildren::-moz-tree-twisty(active) { 442 -moz-appearance: none; 443 list-style-image: url("chrome://zotero/skin/mac/twisty-active.svg") !important; 444 } 445 446 treechilren::-moz-tree-twisty(active) { 447 -moz-appearance: none; 448 list-style-image: url("chrome://zotero/skin/mac/twisty-active-open.svg"); 449 } 450 */ 451 452 tree:focus treechildren::-moz-tree-twisty(selected) { 453 -moz-appearance: none; 454 list-style-image: url("chrome://zotero/skin/mac/twisty-selected.svg"); 455 } 456 457 tree:focus treechildren::-moz-tree-twisty(selected, open) { 458 -moz-appearance: none; 459 list-style-image: url("chrome://zotero/skin/mac/twisty-selected-open.svg"); 460 } 461 462 treechildren::-moz-tree-image { 463 height: 16px; 464 padding-bottom: 1px; 465 } 466 467 #zotero-tb-advanced-search 468 { 469 list-style-image: url('chrome://zotero/skin/mac/toolbar-advanced-search.png'); 470 } 471 472 #zotero-tb-note-add 473 { 474 list-style-image: url('chrome://zotero/skin/mac/toolbar-note-add.png'); 475 } 476 477 #zotero-tb-actions-menu 478 { 479 list-style-image: url('chrome://zotero/skin/mac/cog.png'); 480 } 481 482 #zotero-collectionmenu > .menuitem-iconic, #zotero-itemmenu > .menuitem-iconic, #zotero-collectionmenu > .menu-iconic, #zotero-itemmenu > .menu-iconic { 483 padding-top: 0px !important; 484 padding-bottom: 2px !important; 485 list-style-image: none !important; 486 } 487 488 #zotero-collectionmenu > .menuitem-iconic > .menu-iconic-left, #zotero-itemmenu > .menuitem-iconic > .menu-iconic-left, #zotero-collectionmenu > .menu-iconic > .menu-iconic-left, #zotero-itemmenu > .menu-iconic > .menu-iconic-left { 489 display: none; 490 } 491 492 493 /* BEGIN 2X BLOCK -- DO NOT EDIT MANUALLY -- USE 2XIZE */ 494 @media (min-resolution: 1.25dppx) { 495 .zotero-tb-button,.zotero-tb-button:first-child,.zotero-tb-button:last-child { background: url("chrome://zotero/skin/mac/menubutton-end@2x.png") right center/auto 24px no-repeat; } 496 .zotero-tb-button > .toolbarbutton-icon { background: url("chrome://zotero/skin/mac/menubutton-start@2x.png") left center/auto 24px no-repeat; } 497 .zotero-tb-button:-moz-window-inactive > .toolbarbutton-icon { background: url("chrome://zotero/skin/mac/menubutton-start-inactive-window@2x.png") left center/auto 24px no-repeat; } 498 .zotero-tb-button:-moz-window-inactive,.zotero-tb-button:-moz-window-inactive:first-child,.zotero-tb-button:-moz-window-inactive:last-child { background: url("chrome://zotero/skin/mac/menubutton-end-inactive-window@2x.png") right center/auto 24px no-repeat; } 499 .zotero-tb-button[open="true"],.zotero-tb-button:not([disabled="true"]):hover:active { background: url("chrome://zotero/skin/mac/menubutton-end-pressed@2x.png") right center/auto 24px no-repeat; } 500 .zotero-tb-button[open="true"] > .toolbarbutton-icon,.zotero-tb-button:not([disabled="true"]):hover:active > .toolbarbutton-icon { background: url("chrome://zotero/skin/mac/menubutton-start-pressed@2x.png") left center/auto 24px no-repeat; } 501 #zotero-collections-splitter[state=collapsed] > grippy, #zotero-items-splitter[state=collapsed] > grippy { background: url(chrome://zotero/skin/mac/vgrippy@2x.png) center/auto 8px no-repeat; } 502 #zotero-tags-splitter > grippy { background: url(chrome://zotero/skin/mac/hgrippy@2x.png) center/auto 8px no-repeat; } 503 #zotero-tb-advanced-search { list-style-image: url('chrome://zotero/skin/mac/toolbar-advanced-search@2x.png'); } 504 #zotero-tb-note-add { list-style-image: url('chrome://zotero/skin/mac/toolbar-note-add@2x.png'); } 505 }