From 7a6b3b7b6c06f5a433d2c92081aa1bcf9d373ce6 Mon Sep 17 00:00:00 2001 From: Terence Eden Date: Wed, 23 Mar 2022 09:46:48 +0000 Subject: [PATCH] Beautify and fix errors The CSS Validator - https://jigsaw.w3.org/css-validator/validator - picked up a small number of issues. I've fixed those. I've also improved the spacing by passing it through https://beautifytools.com/css-beautifier.php - that should make it easier for others to read and make changes. --- userChrome.css | 550 ++++++++++++++++++++++++++++++------------------- 1 file changed, 333 insertions(+), 217 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6c52e34..9c1469f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,20 +1,39 @@ /*:::::::::::::::::::::::::::::::::::::::::::::::::::: Zotero :::::::::::::::::::::::::::::::::::::::::::::::::::*/ - -* {border: 0 !important; } +* { + border: 0 !important; +} /*change background color and text color of zotero toolbar and menubar*/ -#zotero-tb, #zotero-toolbar, #navigator-toolbox { background: #323234 !important; -color: #FFFFFF !important; } -#zotero-toolbar {border-bottom: 1px solid #1d1d1d !important;} +#zotero-tb, +#zotero-toolbar, +#navigator-toolbox { + background: #323234 !important; + color: #FFFFFF !important; +} +#zotero-toolbar { + border-bottom: 1px solid #1d1d1d !important; +} /*change color of menu items to white*/ -#navigator-toolbox menu { color: white !important } +#navigator-toolbox menu { + color: white !important; +} /*change color of menu items in drop down menus back to black*/ -#manage-attachments-menu label, #developer-menu label, #layout-menu label, #note-font-size-menu label, #font-size-menu label, #debug-output-menu label, #new-item label { color: black !important; } +#manage-attachments-menu label, +#developer-menu label, +#layout-menu label, +#note-font-size-menu label, +#font-size-menu label, +#debug-output-menu label, +#new-item label { + color: black !important; +} /*Fixed New Item showing in white*/ -#navigator-toolbox menu:first-child { color: unset !important; } +#navigator-toolbox menu:first-child { + color: unset !important; +} /*Don't know what it does */ /*#zotero-splitter{ background: red !important; @@ -22,218 +41,305 @@ color: red !important; } */ /*Change color of tags selector below collections tree*/ -#zotero-tag-selector-container { border-bottom: 1px solid #1d1d1d !important; - border-top:1px solid #1d1d1d !important;} - -#zotero-tag-selector-container input { -moz-appearance: none !important; - background: #474749 !important; - border: 1px solid #1d1d1d !important; - color: white !important; } - -.tag-selector-list-container {-moz-appearance: none !important; - background: #474749 !important; - color: white !important; } +#zotero-tag-selector-container { + border-bottom: 1px solid #1d1d1d !important; + border-top: 1px solid #1d1d1d !important; +} +#zotero-tag-selector-container input { + -moz-appearance: none !important; + background: #474749 !important; + border: 1px solid #1d1d1d !important; + color: white !important; +} +.tag-selector-list-container { + -moz-appearance: none !important; + background: #474749 !important; + color: white !important; +} /* for 5.0.97 pre-release*/ -.tag-selector-item:hover { background: #BBCEF1 !important; - color: black !important; } - +.tag-selector-item:hover { + background: #BBCEF1 !important; + color: black !important; +} .tag-selector-item { - background: #474749 !important; -color:white ; } - -#zotero-tb-search { -moz-appearance: none !important; - background-color: #474749 !important; - color: white !important; - border: 1px solid #1d1d1d !important; } - -#zotero-pane { background: #323234 !important; -color: black !important; } + background: #474749 !important; + color: white; +} +#zotero-tb-search { + -moz-appearance: none !important; + background-color: #474749 !important; + color: white !important; + border: 1px solid #1d1d1d !important; +} +#zotero-pane { + background: #323234 !important; + color: black !important; +} /*change background and color of collections and items panes*/ -treechildren { background: #323234 !important; -color: #FFFFFF !important; } +treechildren { + background: #323234 !important; + color: #FFFFFF !important; +} /*for 5.0.97 pre-release*/ -.virtualized-table {background: #323234 !important; color: #FFFFFF !important;} -.virtualized-table .row.selected {background: #474749 !important; border: 0 !important; -border-bottom: 1px solid #1d1d1d !important;} -.virtualized-table:not(:focus) .row.selected {background: #474749 !important; border: 0 !important; -border-bottom: 1px solid #1d1d1d !important;} -.row:hover { background: #7E7E7E !important; -color: #FFFFFF !important; border: 0 !important; } -} - -#zotero-item-pane-content {background: #323234 !important; color: #FFFFFF !important;} - -.tabs {-moz-appearance: none !important; - background: #323234 !important; - color: #FFFFFF !important; -border: 0px solid red !important;} - -.tab {-moz-appearance: none !important; -color: #7E7E7E !important; -background: #323234 !important; -} -.tab:hover { background: #7E7E7E !important; -color: #FFFFFF !important; border: 0 !important; } -} -.tab:not(:focus){ -moz-appearance: none !important; -color: #7E7E7E !important; -background: #323234 !important; -border-top: 0px solid #0a84ff !important; -border-left: 0px solid rgba(127,127,127,0.2) !important; -border-right: 1px solid #1d1d1d !important; -border-radius: 0px !important; -border-bottom-left-radius: 0px !important; -border-bottom-right-radius: 0px !important; } -.tab.selected:not(.highlighted){ color: #FFFFFF !important; - background: #323234 !important; - border-top: 3px solid #0a84ff !important; - border-left: 0px solid rgba(127,127,127,0.2) !important; - border-right: 1px solid #1d1d1d !important; - border-radius: 0px !important; - border-bottom-left-radius: 0px !important; - border-bottom-right-radius: 0px !important; } +.virtualized-table { + background: #323234 !important; + color: #FFFFFF !important; +} +.virtualized-table .row.selected { + background: #474749 !important; + border: 0 !important; + border-bottom: 1px solid #1d1d1d !important; +} +.virtualized-table:not(:focus) .row.selected { + background: #474749 !important; + border: 0 !important; + border-bottom: 1px solid #1d1d1d !important; +} +.row:hover { + background: #7E7E7E !important; + color: #FFFFFF !important; + border: 0 !important; +} +#zotero-item-pane-content { + background: #323234 !important; + color: #FFFFFF !important; +} +.tabs { + -moz-appearance: none !important; + background: #323234 !important; + color: #FFFFFF !important; + border: 0px solid red !important; +} +.tab { + -moz-appearance: none !important; + color: #7E7E7E !important; + background: #323234 !important; +} +.tab:hover { + background: #7E7E7E !important; + color: #FFFFFF !important; + border: 0 !important; +} +.tab:not(:focus) { + -moz-appearance: none !important; + color: #7E7E7E !important; + background: #323234 !important; + border-top: 0px solid #0a84ff !important; + border-left: 0px solid rgba(127, 127, 127, 0.2) !important; + border-right: 1px solid #1d1d1d !important; + border-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} +.tab.selected:not(.highlighted) { + color: #FFFFFF !important; + background: #323234 !important; + border-top: 3px solid #0a84ff !important; + border-left: 0px solid rgba(127, 127, 127, 0.2) !important; + border-right: 1px solid #1d1d1d !important; + border-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} /*increase spacing between rows in collections and items and add a border to separate panes (not working on zotero 6)*/ /*#zotero-collections-tree { border-right: 1px solid #1d1d1d !important; }*/ /*#zotero-collections-tree treechildren::-moz-tree-row { height: 30px !important; } .virtualized-table { rowHeight: 30px !important; } */ /*change background and color of collections when hovering*/ -#zotero-collections-tree treechildren::-moz-tree-row(hover) { background: #7E7E7E !important; -color: #FFFFFF !important; border: 0 !important; } +#zotero-collections-tree treechildren::-moz-tree-row(hover) { + background: #7E7E7E !important; + color: #FFFFFF !important; + border: 0 !important; +} /*change color of selected item in Collections pane (My library or folders) */ -#zotero-collections-tree treechildren::-moz-tree-cell(selected) { background: #474749 !important; border: 0 !important; -border-bottom: 1px solid #1d1d1d !important; } - -#zotero-collections-tree treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; } +#zotero-collections-tree treechildren::-moz-tree-cell(selected) { + background: #474749 !important; + border: 0 !important; + border-bottom: 1px solid #1d1d1d !important; +} +#zotero-collections-tree treechildren::-moz-tree-cell-text(selected) { + color: #FFFFFF !important; +} +#zotero-collections-tree treechildren { + border-right: 1px solid #1d1d1d !important; +} -#zotero-collections-tree treechildren { border-right: 1px solid #1d1d1d !important ; } /*for 5.0.97 pre-release*/ -#zotero-collections-tree .virtualized-table {border-right: 1px solid #1d1d1d !important ; } +#zotero-collections-tree .virtualized-table { + border-right: 1px solid #1d1d1d !important; +} + /*increase spacing between rows in collections and items (-moz-tree-row not working in zotero 6)*/ /*#zotero-items-tree treechildren::-moz-tree-row { height: 30px !important; }*/ -#zotero-items-tree { border-right: 1px solid #1d1d1d !important; -border-bottom: 1px solid #1d1d1d !important; } +#zotero-items-tree { + border-right: 1px solid #1d1d1d !important; + border-bottom: 1px solid #1d1d1d !important; +} /*change background and color of items when hovering*/ -#zotero-items-tree treechildren::-moz-tree-row(hover) { background: #7E7E7E !important; -color: #FFFFFF !important; border: 0 !important; } +#zotero-items-tree treechildren::-moz-tree-row(hover) { + background: #7E7E7E !important; + color: #FFFFFF !important; + border: 0 !important; +} /*change background and color of items when selecting*/ -#zotero-items-tree treechildren::-moz-tree-row(selected) { background: #474749 !important; -color: #FFFFFF !important; border: 0 !important; -border-bottom: 1px solid #1d1d1d !important; } -#zotero-items-tree treechildren::-moz-tree-cell-text(selected) { color: #FFFFFF !important; border: 0 !important; } +#zotero-items-tree treechildren::-moz-tree-row(selected) { + background: #474749 !important; + color: #FFFFFF !important; + border: 0 !important; + border-bottom: 1px solid #1d1d1d !important; +} +#zotero-items-tree treechildren::-moz-tree-cell-text(selected) { + color: #FFFFFF !important; + border: 0 !important; +} /*change background and color of columns field selector*/ -#zotero-items-tree treecol { -moz-appearance: none !important; - background: #474749 !important; -color: #FFFFFF !important; -border-bottom: 1px solid #1d1d1d !important; -border-right: 1px solid #1d1d1d !important; } +#zotero-items-tree treecol { + -moz-appearance: none !important; + background: #474749 !important; + color: #FFFFFF !important; + border-bottom: 1px solid #1d1d1d !important; + border-right: 1px solid #1d1d1d !important; +} /*fix columns field selector for Zotero 6*/ -#zotero-items-tree .virtualized-table-header { -moz-appearance: none !important; - background: #474749 !important; -color: #FFFFFF !important; -border-bottom: 1px solid #1d1d1d !important; -border-right: 1px solid #1d1d1d !important; } - -#zotero-items-tree .virtualized-table-header .cell:hover { background: #7E7E7E !important; -color: #FFFFFF !important;} - - -.treecol-image { -moz-appearance: none !important; - background: #474749 !important; -color: #FFFFFF !important; -border-bottom: 1px solid #1d1d1d !important; } +#zotero-items-tree .virtualized-table-header { + -moz-appearance: none !important; + background: #474749 !important; + color: #FFFFFF !important; + border-bottom: 1px solid #1d1d1d !important; + border-right: 1px solid #1d1d1d !important; +} +#zotero-items-tree .virtualized-table-header .cell:hover { + background: #7E7E7E !important; + color: #FFFFFF !important; +} +.treecol-image { + -moz-appearance: none !important; + background: #474749 !important; + color: #FFFFFF !important; + border-bottom: 1px solid #1d1d1d !important; +} /*Change color of fields in item pane (clicky items) when hovering */ -#zotero-item-pane-content .zotero-clicky:hover -{ color: black !important; - border-radius: 0px !important; } +#zotero-item-pane-content .zotero-clicky:hover { + color: black !important; + border-radius: 0px !important; +} /*change color of buttons, but messes with .zotero-clicky-minus and .zotero-clicky-plus in Tags tab*/ - /*Correct Minus and plus clicky buttons */ -#zotero-item-pane-content .zotero-clicky-minus:hover { color: transparent !important;} -#zotero-item-pane-content .zotero-clicky-plus:hover { color: transparent !important;} +#zotero-item-pane-content .zotero-clicky-minus:hover { + color: transparent !important; +} +#zotero-item-pane-content .zotero-clicky-plus:hover { + color: transparent !important; +} /*tabs in Preferences dialog - well more like all the tabs except the ones I'll specify later*/ -tabpanel { color: black !important; -background: #7E7E7E !important; } - -tab[selected="true"]{ color: black !important; -background: white !important; } - -tab{ -moz-appearance: none !important; -color: #eee !important; -background: #474749 !important; -border-top: 0px solid black !important; -border-left: 0px solid black !important; -border-right: 1px solid #1d1d1d !important; -border-radius: 0px !important; -border-bottom-left-radius: 0px !important; -border-bottom-right-radius: 0px !important; } - -tab:hover{ color: black !important; -background: #E0E8F6 !important; -box-shadow: inset 0px 0px 0px !important; -border-radius: 0px 0px 0 0 !important; } +tabpanel { + color: black !important; + background: #7E7E7E !important; +} +tab[selected="true"] { + color: black !important; + background: white !important; +} +tab { + -moz-appearance: none !important; + color: #eee !important; + background: #474749 !important; + border-top: 0px solid black !important; + border-left: 0px solid black !important; + border-right: 1px solid #1d1d1d !important; + border-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} +tab:hover { + color: black !important; + background: #E0E8F6 !important; + box-shadow: inset 0px 0px 0px !important; + border-radius: 0px 0px 0 0 !important; +} /*change items in item pane besides tabs*/ -#zotero-duplicates-merge-pane > groupbox > .groupbox-body { background: #323234 !important; - color: #FFFFFF !important; - border: 0 !important; } +#zotero-duplicates-merge-pane>groupbox>.groupbox-body { + background: #323234 !important; + color: #FFFFFF !important; + border: 0 !important; +} /*#zotero-item-pane-content > groupbox { border: 0 !important; background: #323234 !important; color: #FFFFFF !important; }*/ - -#zotero-item-pane-content > groupbox > .groupbox-body { border: 0 !important; background: #323234 !important; -color: #FFFFFF !important; } +#zotero-item-pane-content>groupbox>.groupbox-body { + border: 0 !important; + background: #323234 !important; + color: #FFFFFF !important; +} /*change color of retraction details background*/ -#retraction-details { background: #7f0000 !important; } +#retraction-details { + background: #7f0000 !important; +} + /*background of item-pane-content (Zotero 6)*/ -#zotero-item-pane-content { background: #323234 !important; } +#zotero-item-pane-content { + background: #323234 !important; +} + /*tabs in Item pane*/ -#zotero-item-pane-content tabpanel { background: #474749 !important; - color: white !important; } +#zotero-item-pane-content tabpanel { + background: #474749 !important; + color: white !important; +} /*fixed color in drop-down tags: see https://css-tricks.com/solved-with-css-dropdown-menus/*/ -#tags-box-container ul li ul { background: #7E7E7E !important; color: white !important; } -#tags-box-container input { -moz-appearance: none !important; - background-color: #7E7E7E !important; - color: white !important; - border: 1px solid #1d1d1d !important;} +#tags-box-container ul li ul { + background: #7E7E7E !important; + color: white !important; +} +#tags-box-container input { + -moz-appearance: none !important; + background-color: #7E7E7E !important; + color: white !important; + border: 1px solid #1d1d1d !important; +} /*broken /*#zotero-editpane-related, #zotero-editpane-notes { color: white !important; } */ -#zotero-item-pane-content tab[selected="true"]{ background: #474749 !important; -border-top: 3px solid #0a84ff !important;} - -#zotero-item-pane-content tab { -moz-appearance: none !important; -color: #eee !important; -background: #323234 !important; -border-top: 0px solid #0a84ff !important; -border-left: 0px solid rgba(127,127,127,0.2) !important; -border-right: 1px solid #1d1d1d !important; -border-radius: 0px !important; -border-bottom-left-radius: 0px !important; -border-bottom-right-radius: 0px !important; } - -#zotero-item-pane-content tab:hover{ color: #FFFFFF !important; -background: #7E7E7E !important; -box-shadow: inset 0px 0px 0px !important; -border-radius: 0px 0px 0 0 !important; } +#zotero-item-pane-content tab[selected="true"] { + background: #474749 !important; + border-top: 3px solid #0a84ff !important; +} +#zotero-item-pane-content tab { + -moz-appearance: none !important; + color: #eee !important; + background: #323234 !important; + border-top: 0px solid #0a84ff !important; + border-left: 0px solid rgba(127, 127, 127, 0.2) !important; + border-right: 1px solid #1d1d1d !important; + border-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} +#zotero-item-pane-content tab:hover { + color: #FFFFFF !important; + background: #7E7E7E !important; + box-shadow: inset 0px 0px 0px !important; + border-radius: 0px 0px 0 0 !important; +} /*define color of item type field*/ -#item-type-menu -{ +#item-type-menu { -moz-appearance: none; color: white !important; height: 1.5em !important; @@ -244,79 +350,89 @@ border-radius: 0px 0px 0 0 !important; } border: 1px solid transparent; background-color: transparent; } + /*define color of date-field-status*/ -#zotero-date-field-status -{ +#zotero-date-field-status { color: #ffffff !important; padding: 0 10px 0 1px !important; } /*preferences dialog*/ -#zotero-prefpane-general, #zotero-prefpane-sync, #zotero-prefpane-export, #zotero-prefpane-advanced-keys-tab, #wordProcessors, #zotero-quickCopy-format, #sync-reset-form { color: black !important; -background: #7E7E7E !important; } -#zotero-prefpane-general title { background: #474749 !important; -color: #FFFFFF !important; } - -prefwindow { color: black !important; -background: #7E7E7E !important; } - -prefwindow .chromeclass-toolbar { color: #FFFFFF !important; -background: #323234 !important; } +#zotero-prefpane-general, +#zotero-prefpane-sync, +#zotero-prefpane-export, +#zotero-prefpane-advanced-keys-tab, +#wordProcessors, +#zotero-quickCopy-format, +#sync-reset-form { + color: black !important; + background: #7E7E7E !important; +} +#zotero-prefpane-general title { + background: #474749 !important; + color: #FFFFFF !important; +} +prefwindow { + color: black !important; + background: #7E7E7E !important; +} +prefwindow .chromeclass-toolbar { + color: #FFFFFF !important; + background: #323234 !important; +} /*about dialog*/ -#aboutcontent -{ background: #474749 !important; - color: white !important; - padding: 10px; } - -#version -{ color: white !important; } +#aboutcontent { + background: #474749 !important; + color: white !important; + padding: 10px; +} +#version { + color: white !important; +} /*advanced search dialog*/ -#zotero-advanced-search-dialog #zotero-search-box-controls { color: black !important; -background: #7E7E7E !important; } +#zotero-advanced-search-dialog #zotero-search-box-controls { + color: black !important; + background: #7E7E7E !important; +} /*Note editor - ongoing*/ #zotero-note-editor linksbox { -background-color: #474749 !important; -color: white !important; } - + background-color: #474749 !important; + color: white !important; +} #zotero-note-window h1 { -color: white; -font-size: 1.6em; -padding-bottom: none; + color: white; + font-size: 1.6em; + padding-bottom: 0; } - #zotero-note-window h2 { -color: white; -font-size: 1.4em; -font-weight: bold; -padding-bottom: none; -border-bottom: none; + color: white; + font-size: 1.4em; + font-weight: bold; + padding-bottom: 0; + border-bottom: none; } - #zotero-note-window h3 { -color: white; -font-size: 1.2em; + color: white; + font-size: 1.2em; } - #zotero-note-window p { -text-indent: 1.75em; + text-indent: 1.75em; } - #zotero-note-window ul, ol { -padding-left: 1.75em; + padding-left: 1.75em; } - #zotero-note-window blockquote { -margin-top: 0; -margin-bottom: 0; -margin-left: 0; -padding-left: 1.55em; -border-left: 3px solid darkgrey; -color: white (255, 248, 248); + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + padding-left: 1.55em; + border-left: 3px solid darkgrey; + color: rgb(255, 248, 248); } #zotero-note-window blockquote p { -text-indent: 0; + text-indent: 0; }