suzanne.soy/zotero
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix appearance on FF3.0 for Mac

Browse Source
This commit is contained in:
Simon Kornblith 2009-09-08 22:23:37 +00:00
parent 24ea6dbb5c
commit a611706f86
6 changed files with 85 additions and 84 deletions
chrome
content
zotero-platform/mac
overlay.csstagselector.css
zotero
bindings
itembox.xml
overlay.js
skin/default/zotero
mac
toolbar-background.png
overlay.css

157
chrome/content/zotero-platform/mac/overlay.css
View File

@ -13,7 +13,10 @@
} }
#zotero-pane .toolbar { #zotero-pane .toolbar {
/* This will be ignored on FF <3.5 */
-moz-appearance: -moz-mac-unified-toolbar; -moz-appearance: -moz-mac-unified-toolbar;
/* This will be ignored on FF >=3.5 */
background: url("chrome://zotero/skin/mac/toolbar-background.png") left center repeat-x;
margin-left: -1px; margin-left: -1px;
} }
@ -46,8 +49,12 @@
.zotero-tb-button > .toolbarbutton-icon { .zotero-tb-button > .toolbarbutton-icon {
-moz-binding: url('chrome://zotero-platform/content/zoterotbbutton.xml#zotero-tb-button'); -moz-binding: url('chrome://zotero-platform/content/zoterotbbutton.xml#zotero-tb-button');
background: url("chrome://zotero/skin/mac/menubutton-start.png") left center no-repeat; background: url("chrome://zotero/skin/mac/menubutton-start.png") left center no-repeat;
outline-color: black;
-moz-padding-start: 10px; -moz-padding-start: 10px;
padding-bottom: 2px;
}
#zotero-tb-sync > .toolbarbutton-icon {
-moz-padding-start: 8px;
} }
.zotero-tb-button[open="true"] > .toolbarbutton-icon, .zotero-tb-button[open="true"] > .toolbarbutton-icon,
@ -87,13 +94,17 @@
margin: none; margin: none;
} }
#zotero-view-tabbox { :root:not([moz-version="3.0"]) #zotero-view-tabbox {
background-color: #fff; background-color: #fff;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#zotero-item-pane-content .groupbox-body { :root[moz-version="3.0"] #zotero-view-tabbox {
margin: 2px 0 0 0;
}
:root:not([moz-version="3.0"]) #zotero-item-pane-content .groupbox-body {
-moz-appearance: none; -moz-appearance: none;
background-color: #ffffff; background-color: #ffffff;
} }
@ -102,28 +113,34 @@
color: #7f7f7f; color: #7f7f7f;
} }
#zotero-view-tabbox tabpanels { #zotero-view-tabbox > tabpanels {
margin: 0;
padding: 0;
}
:root:not([moz-version="3.0"]) #zotero-view-tabbox > tabpanels {
margin: 12px 0 0 0;
-moz-appearance: none; -moz-appearance: none;
} }
#zotero-view-tabbox > tabs { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs {
-moz-appearance: -moz-mac-unified-toolbar; -moz-appearance: -moz-mac-unified-toolbar;
padding: 2px; padding: 2px;
} }
#zotero-view-tabbox > tabs > tab > hbox > .tab-icon { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab > hbox > .tab-icon {
display: none; display: none;
} }
#zotero-view-tabbox > tabs > tab > hbox .tab-text { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab > hbox .tab-text {
text-shadow: rgba(255, 255, 255, 0.4) 0 1px !important; text-shadow: rgba(255, 255, 255, 0.4) 0 1px !important;
} }
#zotero-view-tabbox > tabs > tab:active:hover > hbox > .tab-text, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab:active:hover > hbox > .tab-text,
#zotero-view-tabbox > tabs > tab[selected=true] > hbox > .tab-text { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[selected=true] > hbox > .tab-text {
text-shadow: none !important; text-shadow: none !important;
} }
#zotero-view-tabbox > tabs > tab { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab {
-moz-box-orient: vertical; -moz-box-orient: vertical;
-moz-box-align: center; -moz-box-align: center;
-moz-appearance: none; -moz-appearance: none;
@ -135,114 +152,114 @@
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle.png") 0 4 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle.png") 0 4 0 5 repeat stretch;
} }
#zotero-view-tabbox > tabs > tab:active:hover { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab:active:hover {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-down.png") 0 4 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-down.png") 0 4 0 5 repeat stretch;
text-shadow: none !important; text-shadow: none !important;
} }
#zotero-view-tabbox > tabs > tab[selected=true] { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[selected=true] {
color: #FFF !important; color: #FFF !important;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px; text-shadow: rgba(0, 0, 0, 0.4) 0 1px;
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-selected.png") 0 4 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-selected.png") 0 4 0 5 repeat stretch;
} }
#zotero-view-tabbox > tabs > tab[selected=true]:active:hover { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[selected=true]:active:hover {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-selected-down.png") 0 4 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-selected-down.png") 0 4 0 5 repeat stretch;
} }
:root:not([active]) #zotero-view-tabbox > tabs > * { :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > * {
color: #7C7C7C !important; /* remove this when we support click-through */ color: #7C7C7C !important; /* remove this when we support click-through */
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-inactive.png") 0 4 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-inactive.png") 0 4 0 5 repeat stretch;
} }
:root:not([active]) #zotero-view-tabbox > tabs > tab[selected=true] { :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > tab[selected=true] {
color: #C5C5C5 !important; /* remove this when we support click-through */ color: #C5C5C5 !important; /* remove this when we support click-through */
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-selected-inactive.png") 0 4 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-middle-selected-inactive.png") 0 4 0 5 repeat stretch;
} }
#zotero-view-tabbox > tabs > :first-child, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > :first-child,
#zotero-view-tabbox > tabs > [first-visible], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > [first-visible],
#zotero-view-tabbox > tabs[chromedir=rtl] > :last-child, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > :last-child,
#zotero-view-tabbox > tabs[chromedir=rtl] > [last-visible] { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > [last-visible] {
border-width: 0 4px 0 6px; border-width: 0 4px 0 6px;
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left.png") 0 4 0 6 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left.png") 0 4 0 6 repeat stretch;
} }
#zotero-view-tabbox > tabs > :first-child:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > :first-child:active:hover,
#zotero-view-tabbox > tabs > [first-visible]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > [first-visible]:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > :last-child:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > :last-child:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > [last-visible]:active:hover { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > [last-visible]:active:hover {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-down.png") 0 4 0 6 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-down.png") 0 4 0 6 repeat stretch;
} }
#zotero-view-tabbox > tabs > tab:first-child[selected=true], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab:first-child[selected=true],
#zotero-view-tabbox > tabs > tab[first-visible][selected=true], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[first-visible][selected=true],
#zotero-view-tabbox > tabs[chromedir=rtl] > tab:last-child[selected=true], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:last-child[selected=true],
#zotero-view-tabbox > tabs[chromedir=rtl] > tab[last-visible][selected=true] { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[last-visible][selected=true] {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-selected.png") 0 4 0 6 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-selected.png") 0 4 0 6 repeat stretch;
} }
#zotero-view-tabbox > tabs > tab:first-child[selected=true]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab:first-child[selected=true]:active:hover,
#zotero-view-tabbox > tabs > tab[first-visible][selected=true]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[first-visible][selected=true]:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > tab:last-child[selected=true]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:last-child[selected=true]:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > tab[last-visible][selected=true]:active:hover, { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[last-visible][selected=true]:active:hover, {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-selected-down.png") 0 4 0 6 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-selected-down.png") 0 4 0 6 repeat stretch;
} }
:root:not([active]) #zotero-view-tabbox > tabs > :first-child, :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > :first-child,
:root:not([active]) #zotero-view-tabbox > tabs > [first-visible], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > [first-visible],
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > :last-child, :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > :last-child,
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > [last-visible] { :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > [last-visible] {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-inactive.png") 0 4 0 6 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-inactive.png") 0 4 0 6 repeat stretch;
} }
:root:not([active]) #zotero-view-tabbox > tabs > tab:first-child[selected=true], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > tab:first-child[selected=true],
:root:not([active]) #zotero-view-tabbox > tabs > tab[first-visible][selected=true], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > tab[first-visible][selected=true],
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:last-child[selected=true], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:last-child[selected=true],
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[last-visible][selected=true] { :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[last-visible][selected=true] {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-selected-inactive.png") 0 4 0 6 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-left-selected-inactive.png") 0 4 0 6 repeat stretch;
} }
#zotero-view-tabbox > tabs > :last-child, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > :last-child,
#zotero-view-tabbox > tabs > [last-visible], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > [last-visible],
#zotero-view-tabbox > tabs[chromedir=rtl] > :first-child, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > :first-child,
#zotero-view-tabbox > tabs[chromedir=rtl] > [first-visible] { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > [first-visible] {
border-width: 0 6px 0 5px; border-width: 0 6px 0 5px;
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right.png") 0 6 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right.png") 0 6 0 5 repeat stretch;
} }
#zotero-view-tabbox > tabs > :last-child:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > :last-child:active:hover,
#zotero-view-tabbox > tabs > [last-visible]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > [last-visible]:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > :first-child:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > :first-child:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > [first-visible]:active:hover { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > [first-visible]:active:hover {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-down.png") 0 6 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-down.png") 0 6 0 5 repeat stretch;
} }
#zotero-view-tabbox > tabs > tab:last-child[selected=true], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab:last-child[selected=true],
#zotero-view-tabbox > tabs > tab[last-visible][selected=true], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[last-visible][selected=true],
#zotero-view-tabbox > tabs[chromedir=rtl] > tab:first-child[selected=true], :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:first-child[selected=true],
#zotero-view-tabbox > tabs[chromedir=rtl] > tab[first-visible][selected=true] { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[first-visible][selected=true] {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-selected.png") 0 6 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-selected.png") 0 6 0 5 repeat stretch;
} }
#zotero-view-tabbox > tabs > tab:last-child[selected=true]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab:last-child[selected=true]:active:hover,
#zotero-view-tabbox > tabs > tab[last-visible][selected=true]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs > tab[last-visible][selected=true]:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > tab:first-child[selected=true]:active:hover, :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:first-child[selected=true]:active:hover,
#zotero-view-tabbox > tabs[chromedir=rtl] > tab[first-visible][selected=true]:active:hover { :root:not([moz-version="3.0"]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[first-visible][selected=true]:active:hover {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-selected-down.png") 0 6 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-selected-down.png") 0 6 0 5 repeat stretch;
} }
:root:not([active]) #zotero-view-tabbox > tabs > :last-child, :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > :last-child,
:root:not([active]) #zotero-view-tabbox > tabs > [last-visible], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > [last-visible],
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > :first-child, :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > :first-child,
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > [first-visible] { :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > [first-visible] {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-inactive.png") 0 6 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-inactive.png") 0 6 0 5 repeat stretch;
} }
:root:not([active]) #zotero-view-tabbox > tabs > tab:last-child[selected=true], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > tab:last-child[selected=true],
:root:not([active]) #zotero-view-tabbox > tabs > tab[last-visible][selected=true], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs > tab[last-visible][selected=true],
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:first-child[selected=true], :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab:first-child[selected=true],
:root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[first-visible][selected=true] { :root:not([moz-version="3.0"]) :root:not([active]) #zotero-view-tabbox > tabs[chromedir=rtl] > tab[first-visible][selected=true] {
-moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-selected-inactive.png") 0 6 0 5 repeat stretch; -moz-border-image: url("chrome://global/skin/toolbar/viewbutton-right-selected-inactive.png") 0 6 0 5 repeat stretch;
} }
@ -278,20 +295,6 @@
border-top: 1px solid #91a0c0; border-top: 1px solid #91a0c0;
} }
#zotero-collections-tree treechildren::-moz-tree-cell(leaf) ,
#zotero-collections-tree treechildren::-moz-tree-image(leaf) {
cursor: pointer;
}
#zotero-collections-tree treechildren::-moz-tree-cell-text(leaf, hover) {
cursor: pointer;
text-decoration: underline;
}
#zotero-collections-tree treechildren::-moz-tree-cell(separator) {
cursor: default;
}
#zotero-collections-tree treechildren::-moz-tree-cell-text(selected) { #zotero-collections-tree treechildren::-moz-tree-cell-text(selected) {
font-weight: bold !important; font-weight: bold !important;
color: #ffffff !important; color: #ffffff !important;

2
chrome/content/zotero-platform/mac/tagselector.css
View File

@ -10,7 +10,7 @@ groupbox > .groupbox-body
padding: 0; padding: 0;
} }
#tags-toggle *[zoteroFontSize=small] #tags-toggle
{ {
font-size: 10px; font-size: 10px;
} }

2
chrome/content/zotero/bindings/itembox.xml
View File

@ -2178,7 +2178,7 @@
</menu> </menu>
</popup> </popup>
</popupset> </popupset>
<hbox id="go-buttons" align="center"> <hbox id="go-buttons" align="center" hidden="true">
<button id="view-button" <button id="view-button"
onfocus="document.getBindingParent(this).ensureElementIsVisible(this)" onfocus="document.getBindingParent(this).ensureElementIsVisible(this)"
oncommand="document.getBindingParent(this).onViewClick(this, event)" disabled="false"/> oncommand="document.getBindingParent(this).onViewClick(this, event)" disabled="false"/>

3
chrome/content/zotero/overlay.js
View File

@ -115,6 +115,9 @@ var ZoteroPane = new function()
document.getElementById('zotero-pane-stack').setAttribute('platform', 'win'); document.getElementById('zotero-pane-stack').setAttribute('platform', 'win');
} }
if(Zotero.isFx30) document.documentElement.setAttribute("moz-version", "3.0");
if(Zotero.isFx35) document.documentElement.setAttribute("moz-version", "3.5");
//Initialize collections view //Initialize collections view
this.collectionsView = new Zotero.CollectionTreeView(); this.collectionsView = new Zotero.CollectionTreeView();
var collectionsTree = document.getElementById('zotero-collections-tree'); var collectionsTree = document.getElementById('zotero-collections-tree');

BIN
chrome/skin/default/zotero/mac/toolbar-background.png Normal file
View File

Binary file not shown.
Side by Side

After

(image error) Size: 3.4 KiB

5
chrome/skin/default/zotero/overlay.css
View File

@ -45,11 +45,6 @@
background: #FFFF99; background: #FFFF99;
} }
#zotero-collections-tree treechildren::-moz-tree-cell-text(hover) {
text-decoration: none !important;
cursor: auto !important;
}
#zotero-pane splitter #zotero-pane splitter
{ {
border: 0; border: 0;