e918b430b6
The Quick Format dialog's shape is based on the OS window corners, and that changed on Big Sur, which resulted in whitespace along the bottom edge and a misaligned search results box. The tops of the citation bubbles were also cut off (at least for me) on Catalina.
112 lines
No EOL
3.2 KiB
CSS
112 lines
No EOL
3.2 KiB
CSS
/* Force use of Lucida for Catalina */
|
|
html > body {
|
|
font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, -apple-system, sans-serif !important;
|
|
}
|
|
|
|
body {
|
|
line-height: 1.45em;
|
|
font-size: 15px;
|
|
}
|
|
|
|
body[multiline="true"] {
|
|
line-height: 26px;
|
|
}
|
|
|
|
#quick-format-dialog {
|
|
background: transparent;
|
|
-moz-appearance: none;
|
|
padding: 0;
|
|
width: 800px;
|
|
}
|
|
|
|
#quick-format-dialog.progress-bar #quick-format-deck {
|
|
height: 37px;
|
|
}
|
|
|
|
#quick-format-search {
|
|
background: white;
|
|
-moz-appearance: searchfield;
|
|
}
|
|
|
|
#quick-format-search[multiline="true"] {
|
|
padding: 2px 2px 0 19.5px;
|
|
margin: 2.5px 3.5px;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
#quick-format-search:not([multiline="true"]) {
|
|
padding-top: 3.5px;
|
|
height: 37px !important;
|
|
}
|
|
|
|
#quick-format-entry {
|
|
background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
|
|
padding: 12px;
|
|
}
|
|
|
|
#zotero-icon {
|
|
margin: -2px 0 3px -6px;
|
|
}
|
|
|
|
#quick-format-search[multiline="true"] #zotero-icon {
|
|
margin: 0 0 1px -13px;
|
|
}
|
|
|
|
#citation-properties menulist {
|
|
-moz-appearance: none; color: #fff;
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
|
border-radius: 12px;
|
|
border: 1px solid rgba(0,0,0,.65);
|
|
background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, rgba(50,50,50,.9) 51%, rgba(40,40,40,.9));
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 1px rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
|
background-clip: padding-box;
|
|
background-origin: padding-box;
|
|
padding: 2px 9px;
|
|
border-radius: 3px;
|
|
min-height: 22px;
|
|
-moz-padding-start: 4px;
|
|
-moz-padding-end: 0;
|
|
}
|
|
|
|
#citation-properties menulist:-moz-focusring {
|
|
box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring;
|
|
}
|
|
|
|
#citation-properties menulist[open="true"],
|
|
#citation-properties menulist:hover:active {
|
|
background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
|
|
box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1);
|
|
}
|
|
|
|
#citation-properties menulist > .menulist-dropmarker {
|
|
-moz-appearance: none;
|
|
display: -moz-box;
|
|
background-color: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#citation-properties menulist > .menulist-dropmarker > .dropmarker-icon {
|
|
list-style-image: url("chrome://browser/skin/hud-style-dropmarker-double-arrows.png");
|
|
}
|
|
|
|
panel button {
|
|
-moz-appearance: none; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); border-radius: 12px; border: 1px solid rgba(0,0,0,.65); background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, rgba(50,50,50,.9) 51%, rgba(40,40,40,.9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 1px rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); background-clip: padding-box; background-origin: padding-box; padding: 2px 9px;
|
|
margin: 6px;
|
|
min-height: 22px;
|
|
}
|
|
|
|
panel button:hover:active {
|
|
background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9)); box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1);
|
|
}
|
|
|
|
panel button:-moz-focusring {
|
|
box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring;
|
|
}
|
|
|
|
.quick-format-bubble {
|
|
margin-top: 0;
|
|
padding: 1px 6px 1px 6px;
|
|
} |