mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
zotero/chrome/content/zotero-platform/mac/overlay.css

506 lines
15 KiB
CSS
Raw Normal View History

Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
/*
As of Fx36, the built-in Mac styles don't properly handle a menu-button within a combined
button, so we need this ungodly mess.
*/
#zotero-toolbar-buttons[cui-areatype="toolbar"] > separator,
#zotero-toolbar-save-button[cui-areatype="toolbar"]:not(:hover) > .toolbarbutton-menubutton-dropmarker::before,
#zotero-toolbar-buttons[cui-areatype="toolbar"]:hover > #zotero-toolbar-save-button {
box-shadow: none;
}
#zotero-toolbar-save-button[cui-areatype="toolbar"] {
Fix toolbar icons in non-nav-bar toolbars on OS X and Windows ...which only required redoing the entire styling. Not yet done on Linux
2015-07-02 09:46:28 +00:00
border: 0;
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
}
Toolbar icon tweaks on OS X
2015-02-23 07:38:39 +00:00
#zotero-toolbar-main-button[cui-areatype="toolbar"] {
margin-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 2px;
padding-left: 2px;
}
#zotero-toolbar-save-button[cui-areatype="toolbar"] {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0 solid transparent;
}
Decrease right-padding of middle button by 1px on OS X
2015-02-22 09:16:48 +00:00
#zotero-toolbar-save-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button {
Toolbar icon tweaks - Fix spacing on Windows and Linux in latest Firefox versions - Tweak icon colors on Windows and OS X - Adjust Z SVG to take up full height, so Z is a full 16px instead of 14px with slight anti-aliasing - Use generated PNGs instead of SVG for Z toolbar icons, to remove the need for complicated size rules - Add separate platform-specific .svg files that are used by a zotero-build script, make-z-icons, to generate the Z PNGs; the main SVG is still used directly in the menu panel and customization palette, with platform media queries to determine the coloring
2016-02-10 08:20:55 +00:00
min-width: 27px;
Toolbar icon tweaks on OS X
2015-02-23 07:38:39 +00:00
padding-left: 1px;
padding-right: 1px;
Decrease right-padding of middle button by 1px on OS X
2015-02-22 09:16:48 +00:00
}
Fix toolbar icons in non-nav-bar toolbars on OS X and Windows ...which only required redoing the entire styling. Not yet done on Linux
2015-07-02 09:46:28 +00:00
/*
* Recreate standard hover effect (except in overflow list)
*/
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button,
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
border-width: 1px;
border-style: solid;
border-color: var(--toolbarbutton-hover-bordercolor) !important;
box-shadow: var(--toolbarbutton-hover-boxshadow) !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker::before {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
background: none;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
border-right: 1px solid transparent;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-dropmarker {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
border-left: 1px solid transparent;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > .toolbarbutton-menubutton-dropmarker {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
background: inherit;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-save-button[cui-areatype="toolbar"]:not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker:hover {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
background: var(--toolbarbutton-hover-background);
}
#zotero-toolbar-main-button[cui-areatype="toolbar"] {
border-right: 1px solid transparent;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-save-button[cui-areatype="toolbar"]:not([overflowedItem=true]):hover {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
border-left: 0 solid transparent;
}
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[cui-areatype="toolbar"]:not([overflowedItem=true]):hover > #zotero-toolbar-save-button > .toolbarbutton-menubutton-button {
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
border-left: 1px solid transparent;
}
Fix toolbar buttons on Linux Known issues: - The dropmarker segment doesn't get a background highlight color on hover. And now you'll notice. Sorry.
2015-02-22 08:55:52 +00:00
Fix toolbar icons in non-nav-bar toolbars on OS X and Windows ...which only required redoing the entire styling. Not yet done on Linux
2015-07-02 09:46:28 +00:00
/*
* Alterations for overflow menu
*/
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
#zotero-toolbar-buttons[overflowedItem=true] {
Fix toolbar icons in non-nav-bar toolbars on OS X and Windows ...which only required redoing the entire styling. Not yet done on Linux
2015-07-02 09:46:28 +00:00
margin: 6px 4px 0;
Fix #773, Zotero combo icons dispersed under more tools And fix save button hover height on Windows, which somehow got out of whack again. Might need further tweaking on Linux Need to find a better way to do these buttons...
2015-06-29 09:59:19 +00:00
}
Fix toolbar icons in non-nav-bar toolbars on OS X and Windows ...which only required redoing the entire styling. Not yet done on Linux
2015-07-02 09:46:28 +00:00
#zotero-toolbar-buttons[overflowedItem=true] #zotero-toolbar-main-button {
max-width: 16px;
Fix toolbar buttons on Linux Known issues: - The dropmarker segment doesn't get a background highlight color on hover. And now you'll notice. Sorry.
2015-02-22 08:55:52 +00:00
}
Fix toolbar icons in non-nav-bar toolbars on OS X and Windows ...which only required redoing the entire styling. Not yet done on Linux
2015-07-02 09:46:28 +00:00
Toolbar button overhaul The address bar icon now lives in a new combo buttonset containing the main Z, "Save to Zotero", and a dropmarker for the former save-icon right-click menu (which we could conceivably use more heavily going forward now that it's more accessible). There's also a separate dedicated Save to Zotero (+ dropmarker) button, not shown by default, that can be swapped in for people who don't want the Z. The tooltip for the save icon also now shows the keyboard shortcut (though that unfortunately makes for a lot of parentheses). Known issues: - Untested on ESR - Untested on Linux - Might need refinement on Windows - Weird 1px horizontal area at bottom of save button that highlights dropmarker (at least on OS X) - Probably needs a third button option with just the Z icon so that the main button and the save button can be placed separately (e.g., save button in toolbar, Z in panel) - Combo buttonset needs an inactive single-icon state for the palette and either needs a state for the panel (which might need to span all three columns?) or if possible should just move the other two icons in and put itself back in the palette - The absurd amount of time and CSS it took to get the toolbar icons looking right on OS X, since apparently no one has put a menu-button inside a combined toolbar button before
2015-02-21 08:44:13 +00:00
/* End toolbar icons */
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
#zotero-splitter
{
border-top: none;
border-bottom: 1px solid #A3A3A3;
min-height: 1px !important;
max-height: 1px !important;
background-image: none;
}
#zotero-items-toolbar[state=collapsed]
{
margin-left: -8px !important;
}
#zotero-pane toolbarseparator {
margin-left: 7px;
}
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
#zotero-tb-sync-stop .toolbarbutton-icon,
#zotero-tb-sync-error .toolbarbutton-icon {
width: 16px;
Add 2x versions of many icons Courtesy of Pastel SVG (2x famfamfam) I didn't add 2x versions for any composite icons or any Fugue icons. Also: - Removed some unused/redundant images - Switched to shadowless versions for a couple Fugue icons
2015-04-06 20:40:52 +00:00
}
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
.zotero-tb-button > .toolbarbutton-icon {
max-width: 31px;
}
.zotero-tb-button,
.zotero-tb-button:first-child,
.zotero-tb-button:last-child {
Tweak toolbar UI
2012-02-02 03:23:07 +00:00
-moz-margin-start: 0 !important;
-moz-margin-end: 3px !important;
-moz-padding-end: 10px !important;
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
background: url("chrome://zotero/skin/mac/menubutton-end.png") right center/auto 24px no-repeat;
}
.zotero-tb-button[type=menu] {
-moz-padding-end: 8px !important;
}
.zotero-tb-button > .toolbarbutton-icon {
background: url("chrome://zotero/skin/mac/menubutton-start.png") left center/auto 24px no-repeat;
padding: 4px 4px 4px 11px;
}
/* For menu buttons, decrease left padding by 1px */
.zotero-tb-button[type=menu] > .toolbarbutton-icon {
-moz-padding-start: 9px;
max-width: 29px;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
Tweak toolbar UI
2012-02-02 03:23:07 +00:00
#zotero-collections-toolbar {
padding-left: 0;
}
Reduce toolbar button opacity when inactive or disabled
2011-10-02 23:13:18 +00:00
.zotero-tb-button:-moz-window-inactive {
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
opacity: 0.5;
}
.zotero-tb-button:-moz-window-inactive > .toolbarbutton-icon {
background: url("chrome://zotero/skin/mac/menubutton-start-inactive-window.png") left center/auto 24px no-repeat;
}
/* Use a darker background when inactive so the button itself doesn't get too dark at 50% */
.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.png") right center/auto 24px no-repeat;
Reduce toolbar button opacity when inactive or disabled
2011-10-02 23:13:18 +00:00
}
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
.zotero-tb-button[open="true"],
Disable toolbar buttons in collections that cannot be edited
2011-10-02 23:28:38 +00:00
.zotero-tb-button:not([disabled="true"]):hover:active {
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
background: url("chrome://zotero/skin/mac/menubutton-end-pressed.png") right center/auto 24px no-repeat;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
.zotero-tb-button > menupopup {
-moz-margin-start: 2px;
margin-top: -4px;
}
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
#zotero-tb-search-menu-button {
margin: -6px 0 -6px -16px;
padding: 6px 0 6px 15px;
Closes #1004, Add menu to quicksearch bar to change search modes Initial version -- needs additional refinement Not yet tested on Windows/Linux, and won't look right in Fx3.6
2011-04-25 15:27:49 +00:00
}
fix appearance on FF3.0 for Mac
2009-09-08 22:23:37 +00:00
#zotero-tb-sync > .toolbarbutton-icon {
-moz-padding-start: 8px;
- get rid of svg toolbar glow, which wasn't working before anyway - use icons with higher contrast edges in some cases on OS X
2011-02-13 23:51:50 +00:00
padding-top: 1px;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
File sync overhaul - New promise-based architecture - Library-specific file sync queues, allowing other libraries to continue if there's an error in one library - Library-specific sync errors, with error icons next to each library - Changed file uploading in on-demand download mode, which had been missing - On-demand download progress indicator in middle pane - More accurate progress indicator - Various tweaks and bug fixes - Various future tweaks and bug fixes
2012-12-11 20:16:40 +00:00
#zotero-tb-sync-error[error=true]
- Display more helpful message for "(NS_ERROR_FILE_ACCESS_DENIED) [nsIFile.remove]" error when a remotely modified file is in use locally on Windows - Fix a potential NS_ERROR_TARGET_FILE_EXISTS error from a recent commit - Fix alignment of sync error icon
2009-10-01 20:26:31 +00:00
{
margin-bottom: 2px;
}
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
.zotero-tb-button[open="true"] > .toolbarbutton-icon,
Disable toolbar buttons in collections that cannot be edited
2011-10-02 23:28:38 +00:00
.zotero-tb-button:not([disabled="true"]):hover:active > .toolbarbutton-icon {
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
background: url("chrome://zotero/skin/mac/menubutton-start-pressed.png") left center/auto 24px no-repeat;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
.zotero-tb-button > .toolbarbutton-text {
display: none;
}
#zotero-tb-sync > .toolbarbutton-icon {
-moz-binding: none !important;
- get rid of svg toolbar glow, which wasn't working before anyway - use icons with higher contrast edges in some cases on OS X
2011-02-13 23:51:50 +00:00
padding: 2px 0px 2px 8px !important;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
#zotero-close-button {
margin: 0px !important;
padding: 0px 0px 0px 10px !important;
}
#zotero-tb-sync {
Fix CSS parsing errors (which possibly meant the affected rules aren't necessary)
2010-08-27 19:16:29 +00:00
margin: 0;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
Closes #1037, Remove Firefox 2.0/3.0–specific code
2010-07-09 20:10:43 +00:00
#zotero-view-tabbox {
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
background-color: #fff;
padding: 0;
}
Closes #1037, Remove Firefox 2.0/3.0–specific code
2010-07-09 20:10:43 +00:00
#zotero-item-pane-content .groupbox-body {
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
-moz-appearance: none;
background-color: #ffffff;
}
Show intro text for My Publications in middle pane when no items ZoteroPane.setItemsPaneMessage() and setItemPaneMessage() can now optionally take a DOM node instead of a string. Closes #705
2016-03-24 12:55:32 +00:00
#zotero-item-pane-message-box description {
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
color: #7f7f7f;
}
Closes #1037, Remove Firefox 2.0/3.0–specific code
2010-07-09 20:10:43 +00:00
#zotero-view-tabbox > tabpanels {
fix appearance on FF3.0 for Mac
2009-09-08 22:23:37 +00:00
margin: 12px 0 0 0;
Modifications to notes and attachments box appearances: - attachment notes box is now located at bottom, with linked items options above it - notes no longer display the parent item title. I think this is a waste of space, but if someone wants it back, I can do that - notes editor spans entire pane - notes editor does not have gray borders on left or right - metadata display in notes and attachments boxes is consistent with metadata display in item pane
2011-02-13 06:16:06 +00:00
padding: 0;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
-moz-appearance: none;
}
Closes #1037, Remove Firefox 2.0/3.0–specific code
2010-07-09 20:10:43 +00:00
#zotero-view-tabbox > tabs {
Revert to last iteration
2012-01-25 22:42:28 +00:00
-moz-appearance: none;
background: -moz-linear-gradient(top, #ededed, #cccccc);
Flirt with styling the tab bar differently from the toolbar
2012-01-25 08:49:07 +00:00
border-style: solid;
border-width: 0 0 1px 0;
Expand draggable area of splitters on macOS while preserving 1px width (Borrowing a technique from Thunderbird.) This only affects the splitters in standard view. The splitter between the top and bottom panes in stacked view still has a 1px draggable area. We can probably do a similar thing to slim down splitters on Windows, as planned in #367.
2017-01-12 07:16:30 +00:00
border-color: #bdbdbd;
Revert to last iteration
2012-01-25 22:42:28 +00:00
padding: 2px 0 2px 0;
Fix buttons in Nightly
2012-01-25 08:09:49 +00:00
}
#zotero-view-tabbox > tabs > tab > hbox {
padding: 0;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
Closes #1037, Remove Firefox 2.0/3.0–specific code
2010-07-09 20:10:43 +00:00
#zotero-view-tabbox > tabs > tab > hbox > .tab-icon {
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
display: none;
}
Remove antiquated code
2012-02-10 06:38:01 +00:00
#zotero-pane #zotero-view-tabbox > tabs > tab {
Fix buttons in Nightly
2012-01-25 08:09:49 +00:00
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-appearance: toolbarbutton;
text-align: center;
margin: 0;
Add a little more spacing
2012-01-26 07:37:11 +00:00
padding: 3px 1px 3px 1px;
Fix buttons in Nightly
2012-01-25 08:09:49 +00:00
}
Remove antiquated code
2012-02-10 06:38:01 +00:00
#zotero-pane #zotero-view-tabbox > tabs > tab > hbox .tab-text {
Return to 11px bold text
2012-01-25 08:26:10 +00:00
font-size: 11px;
font-weight: bold;
Add a little more spacing
2012-01-26 07:37:11 +00:00
margin: 2px 7px 2px 9px !important;
Fix buttons in Nightly
2012-01-25 08:09:49 +00:00
text-shadow: 0 1px rgba(255, 255, 255, .4);
}
Fix text position
2012-01-25 08:18:17 +00:00
/* This seems to be necessary to center the tabs. Not sure why. */
Remove antiquated code
2012-02-10 06:38:01 +00:00
#zotero-pane #zotero-view-tabbox > tabs > tab:last-of-type > hbox .tab-text {
Add a little more spacing
2012-01-26 07:37:11 +00:00
margin: 2px 9px 2px 9px !important;
Fix text position
2012-01-25 08:18:17 +00:00
}
Remove antiquated code
2012-02-10 06:38:01 +00:00
#zotero-pane #zotero-view-tabbox > tabs > tab[selected=true] > hbox .tab-text {
Fix buttons in Nightly
2012-01-25 08:09:49 +00:00
color: #FFF !important;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px;
}
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
#zotero-collections-tree {
-moz-appearance: none;
border: none;
margin: 0;
padding: 0;
min-height: 5.2em;
background-color: #d2d8e2;
}
fix activated/deactivated appearance in Fx 4
2011-02-12 19:56:13 +00:00
#zotero-collections-tree:-moz-window-inactive {
background-color: rgb(232, 232, 232);
}
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
#zotero-collections-tree treechildren::-moz-tree-row {
- show correct gradients for between focused, selected, and inactive tree items in collections tree on OS X - use -moz-linear-gradient instead of images
2011-06-07 06:26:12 +00:00
background-color: transparent;
border-color: transparent;
}
#zotero-collections-tree treechildren::-moz-tree-cell(selected) {
background: -moz-linear-gradient(top, #A0B0CF, #7386AB) repeat-x;
border-top: 1px solid #94A1C0;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
- show correct gradients for between focused, selected, and inactive tree items in collections tree on OS X - use -moz-linear-gradient instead of images
2011-06-07 06:26:12 +00:00
#zotero-collections-tree:-moz-window-inactive treechildren::-moz-tree-cell(selected) {
background: -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x;
border-top: 1px solid #979797;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
- show correct gradients for between focused, selected, and inactive tree items in collections tree on OS X - use -moz-linear-gradient instead of images
2011-06-07 06:26:12 +00:00
#zotero-collections-tree treechildren::-moz-tree-cell(selected, focus) {
background: -moz-linear-gradient(top, #6494D4, #2559AC) repeat-x;
border-top: 1px solid #5382C5;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
#zotero-collections-tree treechildren::-moz-tree-cell-text(selected) {
font-weight: bold !important;
color: #ffffff !important;
}
- show correct gradients for between focused, selected, and inactive tree items in collections tree on OS X - use -moz-linear-gradient instead of images
2011-06-07 06:26:12 +00:00
#zotero-collections-tree treechildren::-moz-tree-twisty(selected) {
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
list-style-image: url("chrome://zotero/skin/mac/twisty-selected.svg");
- show correct gradients for between focused, selected, and inactive tree items in collections tree on OS X - use -moz-linear-gradient instead of images
2011-06-07 06:26:12 +00:00
}
#zotero-collections-tree treechildren::-moz-tree-twisty(selected, open) {
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
list-style-image: url("chrome://zotero/skin/mac/twisty-selected-open.svg");
- show correct gradients for between focused, selected, and inactive tree items in collections tree on OS X - use -moz-linear-gradient instead of images
2011-06-07 06:26:12 +00:00
}
Expand draggable area of splitters on macOS while preserving 1px width (Borrowing a technique from Thunderbird.) This only affects the splitters in standard view. The splitter between the top and bottom panes in stacked view still has a 1px draggable area. We can probably do a similar thing to slim down splitters on Windows, as planned in #367.
2017-01-12 07:16:30 +00:00
#zotero-collections-splitter:not([state=collapsed]),
#zotero-items-splitter:not([state=collapsed])[orient=horizontal]
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
{
-moz-appearance: none;
Expand draggable area of splitters on macOS while preserving 1px width (Borrowing a technique from Thunderbird.) This only affects the splitters in standard view. The splitter between the top and bottom panes in stacked view still has a 1px draggable area. We can probably do a similar thing to slim down splitters on Windows, as planned in #367.
2017-01-12 07:16:30 +00:00
border-inline-start: 1px solid #bdbdbd;
margin-inline-end: -4px;
width: 5px !important;
min-width: 5px;
position: relative;
background-image: none;
Add a second horizontal layout to Zotero for small screens (#1010)
2016-05-28 00:57:29 +00:00
}
#zotero-items-splitter[orient=vertical]
{
Expand draggable area of splitters on macOS while preserving 1px width (Borrowing a technique from Thunderbird.) This only affects the splitters in standard view. The splitter between the top and bottom panes in stacked view still has a 1px draggable area. We can probably do a similar thing to slim down splitters on Windows, as planned in #367.
2017-01-12 07:16:30 +00:00
-moz-border-start: none !important;
-moz-border-end: none !important;
background-color: #bdbdbd !important;
Add a second horizontal layout to Zotero for small screens (#1010)
2016-05-28 00:57:29 +00:00
max-height: 1px !important;
min-height: 1px !important;
height: 1px !important;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
Expand draggable area of splitters on macOS while preserving 1px width (Borrowing a technique from Thunderbird.) This only affects the splitters in standard view. The splitter between the top and bottom panes in stacked view still has a 1px draggable area. We can probably do a similar thing to slim down splitters on Windows, as planned in #367.
2017-01-12 07:16:30 +00:00
#zotero-collections-splitter:not([state=collapsed]) > grippy,
#zotero-items-splitter:not([state=collapsed]) > grippy
{
display: none;
}
Add borders to collapsed collections/items splitters We can think about making them more wider, etc., but this makes them ever so slightly more visible.
2015-02-24 00:48:28 +00:00
#zotero-collections-splitter[state=collapsed], #zotero-items-splitter[state=collapsed] {
border: 0 solid #d6d6d6 !important;
Add a second horizontal layout to Zotero for small screens (#1010)
2016-05-28 00:57:29 +00:00
padding: 0;
}
#zotero-collections-splitter[state=collapsed], #zotero-items-splitter[state=collapsed][orient=horizontal]
{
background-image: url("chrome://zotero/skin/mac/vsplitter.png");
background-repeat: repeat-y;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
max-width: 8px !important;
min-width: 8px !important;
width: 8px !important;
Add a second horizontal layout to Zotero for small screens (#1010)
2016-05-28 00:57:29 +00:00
}
#zotero-items-splitter[state=collapsed][orient=vertical]
{
background-image: url("chrome://zotero/skin/mac/hsplitter.png");
background-repeat: repeat-x;
max-height: 8px !important;
min-height: 8px !important;
height: 8px !important;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
Add borders to collapsed collections/items splitters We can think about making them more wider, etc., but this makes them ever so slightly more visible.
2015-02-24 00:48:28 +00:00
#zotero-collections-splitter[state=collapsed] {
border-right-width: 1px !important;
}
#zotero-items-splitter[state=collapsed] {
border-left-width: 1px !important;
}
Right pane (item-pane) can be collapsed This belongs to issue #509 and was asked several times in the forum. * Add attribute `collapse="after"` to the splitter and add a grippy element. * To remember its state after restart I copied `zotero-persist="state"`. * Handle zotero-items-splitter the same as zotero-collections-splitter in zotero-platform/mac/overlay.css * Change min-width to 250px for #zotero-item-pane in zotero/overlay.css. * Update the function `updateToolbarPosition` in zotero/zoteroPane.js: * The width of the items-toolbar is corrected if the left pane is collapsed (and the icons are grouped on the left margin together). * If the right pane is collapsed, then the items-toolbar is made flexible while making the item-toolbar unflexible. As a result the search box and locate icon are flushed right to the other icons.
2015-01-04 11:47:41 +00:00
#zotero-collections-splitter[state=collapsed] > grippy, #zotero-items-splitter[state=collapsed] > grippy
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
{
-moz-appearance: none;
2x grippy dimple
2017-12-01 18:09:06 +00:00
background: url(chrome://zotero/skin/mac/vgrippy.png) center/auto 8px no-repeat;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
width: 8px;
}
#zotero-tags-splitter
{
-moz-appearance: none;
border-top: 1px;
border-bottom: 1px;
border-color: #A5A5A5;
height: 8px;
background-image: url("chrome://zotero/skin/mac/hsplitter.png") !important;
background-repeat: repeat-x;
Fix CSS parsing errors (which possibly meant the affected rules aren't necessary)
2010-08-27 19:16:29 +00:00
padding: 0;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
}
#zotero-tags-splitter > grippy
{
-moz-appearance: none;
2x grippy dimple
2017-12-01 18:09:06 +00:00
background: url(chrome://zotero/skin/mac/hgrippy.png) center/auto 8px no-repeat;
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
height: 8px;
}
Right pane (item-pane) can be collapsed This belongs to issue #509 and was asked several times in the forum. * Add attribute `collapse="after"` to the splitter and add a grippy element. * To remember its state after restart I copied `zotero-persist="state"`. * Handle zotero-items-splitter the same as zotero-collections-splitter in zotero-platform/mac/overlay.css * Change min-width to 250px for #zotero-item-pane in zotero/overlay.css. * Update the function `updateToolbarPosition` in zotero/zoteroPane.js: * The width of the items-toolbar is corrected if the left pane is collapsed (and the icons are grouped on the left margin together). * If the right pane is collapsed, then the items-toolbar is made flexible while making the item-toolbar unflexible. As a result the search box and locate icon are flushed right to the other icons.
2015-01-04 11:47:41 +00:00
#zotero-tags-splitter > grippy:hover, #zotero-collections-splitter > grippy:hover, #zotero-items-splitter > grippy:hover
UI improvements on OS X still need to work out the appropriate opacity for the glow on each individual toolbar button, and to make some similar changes for Windows
2009-09-02 08:26:24 +00:00
{
background-color:transparent;
}
#zotero-items-tree
{
-moz-appearance: none;
border: none;
margin: 0;
padding: 0;
}
#zotero-items-tree treechildren::-moz-tree-cell,
#zotero-items-tree treechildren::-moz-tree-column {
border-right: 1px solid #d7dad7;
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
}
treechildren::-moz-tree-twisty {
-moz-appearance: none;
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
width: 16px;
height: 16px;
list-style-image: url("chrome://zotero/skin/mac/twisty.svg");
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
-moz-padding-start: 5px;
-moz-padding-end: 6px;
}
treechildren::-moz-tree-twisty(open) {
-moz-appearance: none;
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
width: 16px;
height: 16px;
list-style-image: url("chrome://zotero/skin/mac/twisty-open.svg");
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
-moz-padding-start: 4px;
-moz-padding-end: 7px;
}
/* How to get active twisty?
treechildren::-moz-tree-twisty(active) {
-moz-appearance: none;
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
list-style-image: url("chrome://zotero/skin/mac/twisty-active.svg") !important;
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
}
treechilren::-moz-tree-twisty(active) {
-moz-appearance: none;
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
list-style-image: url("chrome://zotero/skin/mac/twisty-active-open.svg");
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
}
*/
control selected appearance on clicky based on tree focus, not window focus
2011-02-12 21:22:01 +00:00
tree:focus treechildren::-moz-tree-twisty(selected) {
fix activated/deactivated appearance in Fx 4
2011-02-12 19:56:13 +00:00
-moz-appearance: none;
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
list-style-image: url("chrome://zotero/skin/mac/twisty-selected.svg");
fix activated/deactivated appearance in Fx 4
2011-02-12 19:56:13 +00:00
}
control selected appearance on clicky based on tree focus, not window focus
2011-02-12 21:22:01 +00:00
tree:focus treechildren::-moz-tree-twisty(selected, open) {
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
-moz-appearance: none;
Retina tree twisties for OS X Using separate arrows from treetwisty.svg from Mozilla, since it doesn't seem to be possible to use list-style-position in the tree The reason we still have to do this at all is that coloring of the twisties in the tree still gets messed up as you move around the tree. (This still happens in Places and Thunderbird as well.)
2014-04-28 07:52:18 +00:00
list-style-image: url("chrome://zotero/skin/mac/twisty-selected-open.svg");
- add support for Zotero as a separate tab (currently only via loading chrome://zotero/content/tab.xul) - tweak twisty appearance on OS X (highlight-on-click is gone, but this seems preferable to the previous behavior) - simplify chrome.manifest for standalone
2011-01-24 10:29:36 +00:00
}
treechildren::-moz-tree-image {
height: 16px;
padding-bottom: 1px;
- get rid of svg toolbar glow, which wasn't working before anyway - use icons with higher contrast edges in some cases on OS X
2011-02-13 23:51:50 +00:00
}
#zotero-tb-advanced-search
{
list-style-image: url('chrome://zotero/skin/mac/toolbar-advanced-search.png');
}
#zotero-tb-note-add
{
list-style-image: url('chrome://zotero/skin/mac/toolbar-note-add.png');
}
#zotero-tb-actions-menu
{
list-style-image: url('chrome://zotero/skin/mac/cog.png');
Disable context menu icons on OS X
2013-04-14 05:47:05 +00:00
}
#zotero-collectionmenu > .menuitem-iconic, #zotero-itemmenu > .menuitem-iconic, #zotero-collectionmenu > .menu-iconic, #zotero-itemmenu > .menu-iconic {
padding-top: 0px !important;
padding-bottom: 2px !important;
list-style-image: none !important;
}
#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 {
display: none;
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
}
/* BEGIN 2X BLOCK -- DO NOT EDIT MANUALLY -- USE 2XIZE */
@media (min-resolution: 1.5dppx) {
.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; }
.zotero-tb-button > .toolbarbutton-icon { background: url("chrome://zotero/skin/mac/menubutton-start@2x.png") left center/auto 24px no-repeat; }
.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; }
.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; }
.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; }
.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; }
2x grippy dimple
2017-12-01 18:09:06 +00:00
#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; }
#zotero-tags-splitter > grippy { background: url(chrome://zotero/skin/mac/hgrippy@2x.png) center/auto 8px no-repeat; }
Toolbar button and icon overhaul - New 2x toolbar button shapes and other icons from @johanneskrtek -- this HiDPI-ifies basically all graphics other than a few remaining item type icons - Use the Mac search dropmarker for all menu buttons, since it's wider and more pleasant. Reduce menu button padding slightly to compensate. - Better toolbar button state for inactive window and pressed state - Fix dropmarker overlap in tag selector icon Closes #347, Better/retina-style OS X toolbar icons Closes #1339, Create new button PNGs for macOS
2017-10-18 00:36:49 +00:00
#zotero-tb-advanced-search { list-style-image: url('chrome://zotero/skin/mac/toolbar-advanced-search@2x.png'); }
#zotero-tb-note-add { list-style-image: url('chrome://zotero/skin/mac/toolbar-note-add@2x.png'); }
}
Reference in a new issue Copy permalink