d44cc05c3d
On some laptops, scaling settings might cause the DPI to drop between 96 (1x) and 144 (1.5x), and downscaled icons are probably better than upscaled ones.
358 lines
No EOL
11 KiB
CSS
358 lines
No EOL
11 KiB
CSS
:root {
|
|
--theme-border-color: #cecece;
|
|
}
|
|
|
|
/* Hide horrible blue effect for menu bar and toolbar */
|
|
#navigator-toolbox {
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
#zotero-pane #zotero-toolbar {
|
|
-moz-appearance: none !important;
|
|
margin-top: -3px;
|
|
border-bottom-color: var(--theme-border-color);
|
|
}
|
|
|
|
/*
|
|
As of Fx36, the built-in styles don't properly handle a menu-button within combined buttons.
|
|
|
|
On Windows and Linux, the padding and hover effect (border and shading) are applied directly to
|
|
the .toolbarbutton-icon (image) instead of the toolbarbutton, so proper sizing of the SVG depends
|
|
on the total width including border and padding.
|
|
*/
|
|
|
|
/*
|
|
* Nav bar
|
|
*/
|
|
toolbar[id="nav-bar"] #zotero-toolbar-main-button .toolbarbutton-icon {
|
|
width: 30px; /* 16 + 1 + 1 + 6 + 6 */
|
|
padding-left: 6px !important;
|
|
padding-right: 6px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button .toolbarbutton-icon {
|
|
width: 29px; /* 16 + 6 + 6 + 1 */
|
|
padding-left: 6px !important;
|
|
padding-right: 6px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-main-button-single .toolbarbutton-icon {
|
|
width: 32px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button-single .toolbarbutton-icon {
|
|
width: 31px; /* Compensate for border on only one side */
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > separator {
|
|
margin-top: 11px;
|
|
margin-bottom: 11px;
|
|
-moz-margin-start: -1px !important;
|
|
-moz-margin-end: -3px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > separator,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker::before {
|
|
width: 1px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker::before {
|
|
-moz-margin-end: -1px;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > separator,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button:not([disabled]) > .toolbarbutton-menubutton-dropmarker::before {
|
|
background-image: none;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-main-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button:not([disabled]) .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button:not([disabled]) .dropmarker-icon {
|
|
border-color: var(--toolbarbutton-hover-bordercolor) !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-main-button:not(:active) .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover:not([disabled]) > #zotero-toolbar-save-button:not(:active) .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover:not([disabled]) > #zotero-toolbar-save-button:not(:active) .dropmarker-icon {
|
|
background: var(--toolbarbutton-hover-background);
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .dropmarker-icon {
|
|
box-shadow: none;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-main-button .toolbarbutton-icon {
|
|
border-top-right-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-buttons:hover > #zotero-toolbar-save-button .toolbarbutton-icon {
|
|
border-top-left-radius: 0px !important;
|
|
border-bottom-left-radius: 0px !important;
|
|
}
|
|
|
|
/*
|
|
There are two hover effects: when the toolbaritem is hovered over, and when the button is hovered over.
|
|
This applies the latter (and may not be right on different versions of Windows).
|
|
*/
|
|
toolbar[id="nav-bar"] #zotero-toolbar-main-button:hover:not(:active):not([disabled]) > .toolbarbutton-icon,
|
|
/*
|
|
The dropmarker doesn't honor :hover, so instead of showing the hover effect for each segment individually, do the
|
|
menu-button parts together, which at least looks like a choice.
|
|
*/
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover .toolbarbutton-menubutton-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] > #zotero-toolbar-save-button:hover:not(:active):not([disabled]) .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
|
|
background-color: hsla(210,48%,96%,.75) !important;
|
|
}
|
|
toolbar[id="nav-bar"] #zotero-toolbar-main-button:hover > .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover:not([disabled]) .toolbarbutton-menubutton-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover:not([disabled]) .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
|
|
border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4) !important;
|
|
box-shadow: 0 0 1px hsla(210,54%,20%,.03),
|
|
0 0 2px hsla(210,54%,20%,.1) !important;
|
|
}
|
|
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover:active:not([open]):not([disabled]) .toolbarbutton-menubutton-button .toolbarbutton-icon,
|
|
toolbar[id="nav-bar"] #zotero-toolbar-save-button:hover[open]:not([disabled]) .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
|
|
background: var(--toolbarbutton-active-background) !important;
|
|
border-color: var(--toolbarbutton-active-bordercolor) !important;
|
|
box-shadow: var(--toolbarbutton-active-boxshadow) !important;
|
|
transition-duration: 10ms;
|
|
}
|
|
|
|
#zotero-toolbar-save-button[cui-areatype="toolbar"] > menupopup,
|
|
#zotero-toolbar-save-button-single[cui-areatype="toolbar"] > menupopup {
|
|
margin-top: -7px;
|
|
}
|
|
|
|
|
|
/*
|
|
* Alterations for non-nav-bar toolbars
|
|
*/
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button > .toolbarbutton-icon,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button-single > .toolbarbutton-icon,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
|
|
height: 16px;
|
|
width: 16px;
|
|
padding: 0;
|
|
}
|
|
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-main-button-single,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-button,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-button {
|
|
width: 24px;
|
|
}
|
|
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker,
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-save-button-single > .toolbarbutton-menubutton-dropmarker {
|
|
padding-left: 2px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
toolbar:not([id="nav-bar"]) #zotero-toolbar-buttons separator {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/*
|
|
* Alterations for overflow panel
|
|
*/
|
|
#zotero-toolbar-main-button-single[overflowedItem=true] .toolbarbutton-icon,
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button .toolbarbutton-icon,
|
|
#zotero-toolbar-save-button-single[overflowedItem=true] .toolbarbutton-icon,
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button .toolbarbutton-icon {
|
|
height: 16px;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] {
|
|
margin: 6px 0 0 0 !important;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button {
|
|
max-width: 18px;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button toolbarbutton {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-save-button .toolbarbutton-icon {
|
|
margin-left: 8px;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
/* End toolbar buttons */
|
|
|
|
|
|
@media (min-resolution: 1.25dppx) {
|
|
#zotero-toolbar .toolbarbutton-icon {
|
|
width: 16px;
|
|
}
|
|
|
|
#zotero-tb-sync > .toolbarbutton-icon {
|
|
width: 20px;
|
|
}
|
|
}
|
|
|
|
#zotero-tb-search-menu-button {
|
|
margin: 0 -1px 0 -4px;
|
|
padding: 5px 0 5px 5px;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
#zotero-tb-search-menu-button .button-menu-dropmarker {
|
|
display: none;
|
|
}
|
|
|
|
#zotero-tb-search .textbox-search-icon {
|
|
visibility: hidden;
|
|
}
|
|
|
|
#zotero-tb-sync-error {
|
|
margin-right: 4px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#zotero-tb-sync {
|
|
margin-right: 1px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#zotero-view-tabbox tab {
|
|
padding-left: .7em;
|
|
padding-right: .7em;
|
|
}
|
|
|
|
#zotero-toolbar {
|
|
-moz-appearance: toolbox !important;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
#zotero-collections-splitter:not([state=collapsed]),
|
|
#zotero-items-splitter:not([state=collapsed]),
|
|
#zotero-tags-splitter:not([state=collapsed]) {
|
|
border: 0;
|
|
background-color: transparent;
|
|
position: relative;
|
|
/* Positive z-index positions the splitter on top of its siblings and makes
|
|
it clickable on both sides. */
|
|
z-index: 1;
|
|
}
|
|
|
|
#zotero-collections-splitter:not([state=collapsed]),
|
|
#zotero-items-splitter:not([state=collapsed]):not([orient=vertical]),
|
|
#zotero-tags-splitter:not([state=collapsed]) {
|
|
border-inline-end: 1px solid var(--theme-border-color);
|
|
min-width: 0;
|
|
width: 3px;
|
|
margin-inline-start: -3px;
|
|
}
|
|
|
|
#zotero-tags-splitter:not([state=collapsed]),
|
|
#zotero-items-splitter:not([state=collapsed])[orient=vertical] {
|
|
border-block-end: 1px solid var(--theme-border-color);
|
|
min-height: 0;
|
|
height: 3px;
|
|
margin-block-start: -3px;
|
|
}
|
|
|
|
#zotero-collections-splitter > grippy,
|
|
#zotero-items-splitter > grippy,
|
|
#zotero-tags-splitter > grippy {
|
|
border: 0;
|
|
}
|
|
|
|
#zotero-collections-splitter:not([state=collapsed]) > grippy,
|
|
#zotero-items-splitter:not([state=collapsed]) > grippy,
|
|
#zotero-tags-splitter:not([state=collapsed]) > grippy {
|
|
display: none;
|
|
}
|
|
|
|
#zotero-collections-tree, #zotero-items-tree, #zotero-view-item {
|
|
-moz-appearance: none;
|
|
border-style: solid;
|
|
border-color: #818790;
|
|
margin: 0;
|
|
padding: 0;
|
|
-moz-border-top-colors: none;
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-left-colors: none;
|
|
}
|
|
|
|
treechildren::-moz-tree-twisty {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
/* Undo tree row spacing change in Fx25 on Windows */
|
|
#zotero-collections-tree treechildren::-moz-tree-row,
|
|
#zotero-items-tree treechildren::-moz-tree-row,
|
|
#zotero-prefs treechildren::-moz-tree-row {
|
|
height: 1.6em;
|
|
}
|
|
|
|
tree {
|
|
border-width: 0;
|
|
}
|
|
|
|
/* Restore row highlighting on drag over, though I'm not sure how we're losing it to begin with. */
|
|
#zotero-collections-tree treechildren::-moz-tree-row(dropOn) {
|
|
background-color: Highlight;
|
|
}
|
|
|
|
#zotero-tag-selector groupbox {
|
|
-moz-appearance: none;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
#tags-box {
|
|
padding-top: 0.1em;
|
|
padding-left: 0.05em;
|
|
}
|
|
|
|
#tags-box button {
|
|
margin: .04em 0 0 .15em !important;
|
|
}
|
|
|
|
#zotero-editpane-tabs spacer {
|
|
border: 0;
|
|
}
|
|
|
|
#zotero-view-item {
|
|
padding: 0 !important;
|
|
-moz-appearance: none;
|
|
background-color: -moz-field;
|
|
border-width: 1px 0 0 0;
|
|
border-color: var(--theme-border-color);
|
|
}
|
|
|
|
#zotero-view-tabbox > tabs {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#zotero-item-pane-groupbox {
|
|
-moz-appearance: none !important;
|
|
border-width: 0;
|
|
}
|
|
|
|
#zotero-editpane-item-box > scrollbox, #zotero-view-item > tabpanel > vbox,
|
|
#zotero-editpane-tags > scrollbox, #zotero-editpane-related {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#zotero-editpane-tags > scrollbox {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#zotero-view-item > tabpanel > vbox {
|
|
padding-left: 5px;
|
|
} |