Mercurial > repos > other > Adwaita-Dark-Green
annotate gtk-3.20/gtk.css @ 74:123f62e85944
Fix emoji input category icons
Other fonts seem to show up blank
| author | IBBoard <dev@ibboard.co.uk> |
|---|---|
| date | Tue, 20 Mar 2018 20:36:57 +0000 |
| parents | 9521e9919497 |
| children | 84a6e9aa7c8f |
| rev | line source |
|---|---|
|
50
a37b4370a2e5
Fix Nautilus disk usage graph by importing Nautilus CSS
IBBoard <dev@ibboard.co.uk>
parents:
49
diff
changeset
|
1 @import url("./nautilus.css"); |
| 67 | 2 * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #5E7F3E; } |
| 3 | |
| 4 /*************** Base States * */ | |
| 5 .background { color: #161616; background-color: #C6C6C6; } | |
| 6 | |
| 7 .background:backdrop { color: #6e6e6e; background-color: #C6C6C6; text-shadow: none; -gtk-icon-shadow: none; } | |
| 8 | |
| 9 /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ | |
| 10 *:disabled { -gtk-icon-effect: dim; } | |
| 11 | |
| 12 .gtkstyle-fallback { color: #161616; background-color: #C6C6C6; } | |
| 13 | |
| 14 .gtkstyle-fallback:hover { color: #161616; background-color: #e0e0e0; } | |
| 15 | |
| 16 .gtkstyle-fallback:active { color: #161616; background-color: #adadad; } | |
| 17 | |
| 18 .gtkstyle-fallback:disabled { color: #6e6e6e; background-color: #c6c6c6; } | |
| 19 | |
| 20 .gtkstyle-fallback:selected { color: #ffffff; background-color: #5E7F3E; } | |
| 21 | |
| 22 .view, iconview, .view text, iconview text, textview text { color: black; background-color: #C6C6C6; } | |
| 23 | |
| 24 .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #272727; background-color: #c3c3c3; } | |
| 25 | |
| 26 .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #a0a0a0; } | |
| 27 | |
| 28 .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6e6e6e; background-color: #c6c6c6; } | |
| 29 | |
| 30 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } | |
| 31 | |
| 32 textview border { background-color: #c6c6c6; } | |
| 33 | |
| 34 .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #455d2d; background-color: rgba(69, 93, 45, 0.2); } | |
| 35 | |
| 36 flowbox flowboxchild { padding: 3px; } | |
| 37 | |
| 38 flowbox flowboxchild:selected { outline-offset: -2px; } | |
| 39 | |
| 40 .content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } | |
| 41 | |
| 42 .content-view .tile:backdrop { background-color: transparent; } | |
| 43 | |
| 44 .content-view .tile:active, .content-view .tile:selected { background-color: transparent; } | |
| 45 | |
| 46 .content-view .tile:disabled { background-color: transparent; } | |
| 47 | |
| 48 label { caret-color: currentColor; } | |
| 49 | |
| 50 label.separator { color: #161616; } | |
| 51 | |
| 52 label.separator:backdrop { color: #6e6e6e; } | |
| 53 | |
| 54 label selection { background-color: #5E7F3E; color: #ffffff; } | |
| 55 | |
| 56 label:disabled { color: #6e6e6e; } | |
| 57 | |
| 58 label:disabled:backdrop { color: #a0a0a0; } | |
| 59 | |
| 60 label:backdrop { color: #6e6e6e; } | |
| 61 | |
| 62 .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } | |
| 63 | |
| 64 assistant .sidebar { background-color: #C6C6C6; border-top: 1px solid #7a7a7a; } | |
| 65 | |
| 66 assistant .sidebar:backdrop { background-color: #c3c3c3; border-color: #818181; } | |
| 67 | |
| 68 assistant.csd .sidebar { border-top-style: none; } | |
| 69 | |
| 70 assistant .sidebar label { padding: 6px 12px; } | |
| 71 | |
| 72 assistant .sidebar label.highlight { background-color: #a3a3a3; } | |
| 73 | |
| 74 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; background-color: rgba(28, 31, 32, 0.7); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } | |
| 75 | |
| 76 popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } | |
| 77 | |
| 78 /********************* Spinner Animation * */ | |
| 79 @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } | |
| 80 | |
| 81 spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } | |
| 82 | |
| 83 spinner:checked { opacity: 1; animation: spin 1s linear infinite; } | |
| 84 | |
| 85 spinner:checked:disabled { opacity: 0.5; } | |
| 86 | |
| 87 /**************** Text Entries * */ | |
| 88 spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #7a7a7a; background-color: #C6C6C6; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } | |
| 89 | |
| 90 spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } | |
| 91 | |
| 92 spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } | |
| 93 | |
| 94 spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; box-shadow: none; } | |
| 95 | |
| 96 spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; box-shadow: none; } | |
| 97 | |
| 98 spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } | |
| 99 | |
| 100 spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #5E7F3E; border-color: #5E7F3E; } | |
| 101 | |
| 102 spinbutton:disabled:not(.vertical), entry:disabled { color: #6e6e6e; border-color: #7a7a7a; background-color: #c6c6c6; box-shadow: none; } | |
| 103 | |
| 104 spinbutton:backdrop:not(.vertical), entry:backdrop { color: #272727; border-color: #818181; background-color: #c3c3c3; box-shadow: none; transition: 200ms ease-out; } | |
| 105 | |
| 106 spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-color: #c6c6c6; box-shadow: none; } | |
| 107 | |
| 108 spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #cc0000; } | |
| 109 | |
| 110 spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; } | |
| 111 | |
| 112 spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; } | |
| 113 | |
| 114 spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } | |
| 115 | |
| 116 spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; } | |
| 117 | |
| 118 spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } | |
| 119 | |
| 120 spinbutton:not(.vertical) image, entry image { color: #393939; } | |
| 121 | |
| 122 spinbutton:not(.vertical) image:hover, entry image:hover { color: #161616; } | |
| 123 | |
| 124 spinbutton:not(.vertical) image:active, entry image:active { color: #5E7F3E; } | |
| 125 | |
| 126 spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7f7f7f; } | |
| 127 | |
| 128 spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } | |
| 129 | |
| 130 .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } | |
| 131 | |
| 132 .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #5E7F3E; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #5E7F3E; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } | |
| 133 | |
| 134 .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 135 | |
| 136 .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(49, 52, 52, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 137 | |
| 138 spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #5E7F3E; border-style: solid; box-shadow: none; } | |
| 139 | |
| 140 spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } | |
| 141 | |
| 142 .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #5E7F3E; } | |
| 143 | |
| 144 .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; } | |
| 145 | |
| 146 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #afafaf; } | |
| 147 | |
| 148 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #b0b0b0; } | |
| 149 | |
| 150 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #afafaf; } | |
| 151 | |
| 152 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #5E7F3E; } | |
| 153 | |
| 154 .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; } | |
| 155 | |
| 156 .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5E7F3E; } | |
| 157 | |
| 158 .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } | |
| 159 | |
| 160 treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #C6C6C6; transition-property: color, background; } | |
| 161 | |
| 162 treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #C6C6C6; } | |
| 163 | |
| 164 treeview entry.flat:focus, treeview entry:focus { border-color: #5E7F3E; } | |
| 165 | |
| 166 .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #5E7F3E; } | |
| 167 | |
| 168 :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } | |
| 169 | |
| 170 :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } | |
| 171 | |
| 172 .entry-tag:hover { background-color: #77a14f; } | |
| 173 | |
| 174 :backdrop .entry-tag { color: #c3c3c3; background-color: #5E7F3E; } | |
| 175 | |
| 176 .entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); } | |
| 177 | |
| 178 :not(:backdrop) .entry-tag.button:hover { border: 1px solid #5E7F3E; color: #ffffff; } | |
| 179 | |
| 180 :not(:backdrop) .entry-tag.button:active { background-color: #5E7F3E; color: rgba(255, 255, 255, 0.7); } | |
| 181 | |
| 182 /*********** Buttons * */ | |
| 183 @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5E7F3E), to(transparent)); } | |
| 184 to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)); } } | |
| 185 | |
| 186 notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } | |
| 187 | |
| 188 notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } | |
| 189 | |
| 190 notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } | |
| 191 | |
| 192 notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | |
| 193 | |
| 194 notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); -gtk-icon-effect: highlight; } | |
| 195 | |
| 196 notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#b7b7b7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } | |
| 197 | |
| 198 notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } | |
| 199 | |
| 200 notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6e6e6e; } | |
| 201 | |
| 202 notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 203 | |
| 204 notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #6e6e6e; } | |
| 205 | |
| 206 notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 207 | |
| 208 notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #a0a0a0; } | |
| 209 | |
| 210 notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 211 | |
| 212 notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #a0a0a0; } | |
| 213 | |
| 214 notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 215 | |
| 216 notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 217 | |
| 218 notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #6e6e6e; } | |
| 219 | |
| 220 notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #7a7a7a; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 221 | |
| 222 notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #6e6e6e; } | |
| 223 | |
| 224 notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } | |
| 225 | |
| 226 notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { padding-left: 16px; padding-right: 16px; } | |
| 227 | |
| 228 notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } | |
| 229 | |
| 230 notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } | |
| 231 | |
| 232 combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } | |
| 233 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
234 row:selected button { border-color: #2b3a1d; } |
| 67 | 235 |
| 236 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } | |
| 237 | |
| 238 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #c3c3c3; } | |
| 239 | |
| 240 button.osd { min-width: 24px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } | |
| 241 | |
| 242 button.osd.image-button { min-width: 32px; } | |
| 243 | |
| 244 button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } | |
| 245 | |
| 246 button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } | |
| 247 | |
| 248 button.osd:disabled:backdrop, button.osd:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } | |
| 249 | |
| 250 button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } | |
| 251 | |
| 252 .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, .app-notification.frame button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 253 | |
| 254 popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 255 | |
| 256 popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } | |
| 257 | |
| 258 popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 259 | |
| 260 popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 261 | |
| 262 popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } | |
| 263 | |
| 264 popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 265 | |
| 266 popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } | |
| 267 | |
| 268 popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 269 | |
| 270 popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } | |
| 271 | |
| 272 button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } | |
| 273 | |
| 274 .selection-mode button.titlebutton, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; } | |
| 275 | |
| 276 button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } | |
| 277 | |
| 278 button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; background-image: image(#4f6a34); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 279 | |
| 280 .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 281 | |
| 282 .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop { color: #dfe5d8; } | |
| 283 | |
| 284 .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 285 | |
| 286 .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { color: #dee2d9; } | |
| 287 | |
| 288 .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 289 | |
| 290 .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { color: #a0a0a0; } | |
| 291 | |
| 292 .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 293 | |
| 294 .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { color: #93a285; } | |
| 295 | |
| 296 .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(94, 127, 62, 0.8); } | |
| 297 | |
| 298 button.suggested-action:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 299 | |
| 300 button.suggested-action:disabled label, button.suggested-action:disabled { color: #6e6e6e; } | |
| 301 | |
| 302 button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #2b3a1d; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 303 | |
| 304 button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { color: #bdc6b4; } | |
| 305 | |
| 306 .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 307 | |
| 308 .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(94, 127, 62, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 309 | |
| 310 .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#5E7F3E); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } | |
| 311 | |
| 312 .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 313 | |
| 314 .osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 315 | |
| 316 button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; border-bottom-color: #2f0404; background-image: linear-gradient(to bottom, #bd0e0e, #aa0d0d 60%, #8e0b0b); text-shadow: 0 -1px rgba(0, 0, 0, 0.680784); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.680784); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } | |
| 317 | |
| 318 button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #bd0e0e; } | |
| 319 | |
| 320 button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; border-bottom-color: #2f0404; text-shadow: 0 -1px rgba(0, 0, 0, 0.632784); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.632784); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #da1010, #bd0e0e 60%, #aa0d0d); } | |
| 321 | |
| 322 button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: image(#a10c0c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 323 | |
| 324 button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #bd0e0e; background-image: image(#bd0e0e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 325 | |
| 326 button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { color: #f2cfcf; } | |
| 327 | |
| 328 button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { border-color: #9e2323; background-image: image(#9e2323); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 329 | |
| 330 button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { color: #ecd3d3; } | |
| 331 | |
| 332 button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 333 | |
| 334 button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { color: #a0a0a0; } | |
| 335 | |
| 336 button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { border-color: #9e2323; background-image: image(#9e2323); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 337 | |
| 338 button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { color: #c07070; } | |
| 339 | |
| 340 button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(189, 14, 14, 0.8); } | |
| 341 | |
| 342 button.destructive-action:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 343 | |
| 344 button.destructive-action:disabled label, button.destructive-action:disabled { color: #6e6e6e; } | |
| 345 | |
| 346 button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color: #5e0707; background-image: image(#9e2323); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 347 | |
| 348 button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { color: #d8a7a7; } | |
| 349 | |
| 350 .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(189, 14, 14, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 351 | |
| 352 .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(189, 14, 14, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 353 | |
| 354 .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#bd0e0e); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } | |
| 355 | |
| 356 .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 357 | |
| 358 .osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(189, 14, 14, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 359 | |
| 360 .stack-switcher > button { outline-offset: -3px; } | |
| 361 | |
| 362 .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } | |
| 363 | |
| 364 .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } | |
| 365 | |
| 366 .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } | |
| 367 | |
| 368 .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } | |
| 369 | |
| 370 .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } | |
| 371 | |
| 372 button.font separator, button.file separator { background-color: transparent; } | |
| 373 | |
| 374 button.font > box > box > label { font-weight: bold; } | |
| 375 | |
| 376 .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } | |
| 377 | |
| 378 .primary-toolbar button { -gtk-icon-shadow: none; } | |
| 379 | |
| 380 button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background-origin: padding-box, border-box; background-clip: padding-box, border-box; } | |
| 381 | |
| 382 button.circular label { padding: 0; } | |
| 383 | |
| 384 button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad), linear-gradient(to top, #6d6d6d 25%, #7a7a7a 50%); border-color: transparent; } | |
| 385 | |
| 386 button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc), linear-gradient(to top, #6d6d6d 25%, #7a7a7a 50%); border-color: transparent; } | |
| 387 | |
| 388 .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } | |
| 389 | |
| 390 .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } | |
| 391 | |
| 392 .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } | |
| 393 | |
| 394 .inline-toolbar toolbutton > button { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } | |
| 395 | |
| 396 .inline-toolbar toolbutton > button:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); } | |
| 397 | |
| 398 .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#b7b7b7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 399 | |
| 400 .inline-toolbar toolbutton > button:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 401 | |
| 402 .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #6e6e6e; } | |
| 403 | |
| 404 .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #7a7a7a; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 405 | |
| 406 .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #6e6e6e; } | |
| 407 | |
| 408 .inline-toolbar toolbutton > button:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 409 | |
| 410 .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6e6e6e; } | |
| 411 | |
| 412 .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 413 | |
| 414 .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6e6e6e; } | |
| 415 | |
| 416 .inline-toolbar toolbutton > button:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 417 | |
| 418 .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #a0a0a0; } | |
| 419 | |
| 420 .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 421 | |
| 422 .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #a0a0a0; } | |
| 423 | |
| 424 toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } | |
| 425 | |
| 426 .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } | |
| 427 | |
| 428 .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } | |
| 429 | |
| 430 .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } | |
| 431 | |
| 432 .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } | |
| 433 | |
| 434 .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } | |
| 435 | |
| 436 .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } | |
| 437 | |
| 438 .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } | |
| 439 | |
| 440 modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
441 |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
442 /* menu buttons */ |
| 67 | 443 modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } |
| 444 | |
| 445 modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: lightgray; } | |
| 446 | |
| 447 modelbutton.flat arrow { background: none; } | |
| 448 | |
| 449 modelbutton.flat arrow:hover { background: none; } | |
| 450 | |
| 451 modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } | |
| 452 | |
| 453 modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | |
| 454 | |
| 455 button.color { padding: 4px; } | |
| 456 | |
| 457 button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } | |
| 458 | |
| 459 button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } | |
| 460 | |
| 461 .osd button.color colorswatch:only-child { box-shadow: none; } | |
| 462 | |
| 463 .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } | |
| 464 | |
| 465 /********* Links * */ | |
| 466 button:link > label, button:visited > label, *:link, button:link, button:visited { color: #455d2d; } | |
| 467 | |
| 468 button:link > label:visited, button:visited > label:visited, *:link:visited, button:visited { color: #2b3a1d; } | |
| 469 | |
| 470 *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bfccb2; } | |
| 471 | |
| 472 button:link > label:hover, button:visited > label:hover, *:link:hover, button:hover:link, button:hover:visited { color: #5e7f3e; } | |
| 473 | |
| 474 *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eff2ec; } | |
| 475 | |
| 476 button:link > label:active, button:visited > label:active, *:link:active, button:active:link, button:active:visited { color: #455d2d; } | |
| 477 | |
| 478 *:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dfe5d8; } | |
| 479 | |
| 480 button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, button:backdrop:visited { color: #5E7F3E; } | |
| 481 | |
| 482 infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, *:link:selected, button:selected:link, button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dfe5d8; } | |
| 483 | |
| 484 button:link, button:visited { text-shadow: none; } | |
| 485 | |
| 486 button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } | |
| 487 | |
| 488 button:link > label, button:visited > label { text-decoration-line: underline; } | |
| 489 | |
| 490 /***************** GtkSpinButton * */ | |
| 491 spinbutton:not(.vertical) { padding: 0; } | |
| 492 | |
| 493 spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } | |
| 494 | |
| 495 spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } | |
| 496 | |
| 497 spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #282828; background-image: none; border-style: none none none solid; border-color: rgba(122, 122, 122, 0.3); border-radius: 0; box-shadow: none; } | |
| 498 | |
| 499 spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } | |
| 500 | |
| 501 spinbutton:not(.vertical) button:hover { color: #161616; background-color: rgba(46, 52, 54, 0.05); } | |
| 502 | |
| 503 spinbutton:not(.vertical) button:disabled { color: rgba(110, 110, 110, 0.3); background-color: transparent; } | |
| 504 | |
| 505 spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } | |
| 506 | |
| 507 spinbutton:not(.vertical) button:backdrop { color: #777777; background-color: transparent; border-color: rgba(129, 129, 129, 0.3); transition: 200ms ease-out; } | |
| 508 | |
| 509 spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(160, 160, 160, 0.3); background-color: transparent; border-style: none none none solid; } | |
| 510 | |
| 511 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } | |
| 512 | |
| 513 spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; } | |
| 514 | |
| 515 spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } | |
| 516 | |
| 517 .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } | |
| 518 | |
| 519 .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } | |
| 520 | |
| 521 .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; } | |
| 522 | |
| 523 .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } | |
| 524 | |
| 525 .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #858786; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } | |
| 526 | |
| 527 .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; } | |
| 528 | |
| 529 .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } | |
| 530 | |
| 531 spinbutton.vertical:disabled { color: #6e6e6e; } | |
| 532 | |
| 533 spinbutton.vertical:backdrop:disabled { color: #a0a0a0; } | |
| 534 | |
| 535 spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } | |
| 536 | |
| 537 spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } | |
| 538 | |
| 539 spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } | |
| 540 | |
| 541 spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } | |
| 542 | |
| 543 spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } | |
| 544 | |
| 545 .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 546 | |
| 547 .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 548 | |
| 549 .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } | |
| 550 | |
| 551 .osd spinbutton.vertical button:first-child:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 552 | |
| 553 .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 554 | |
| 555 treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } | |
| 556 | |
| 557 treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } | |
| 558 | |
| 559 /************** ComboBoxes * */ | |
| 560 combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } | |
| 561 | |
| 562 combobox:drop(active) { box-shadow: none; } | |
| 563 | |
| 564 /************ Toolbars * */ | |
| 565 toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #C6C6C6; } | |
| 566 | |
| 567 toolbar { padding: 4px 3px 3px 4px; } | |
| 568 | |
| 569 .osd toolbar { background-color: transparent; } | |
| 570 | |
| 571 toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(28, 31, 32, 0.7); } | |
| 572 | |
| 573 toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } | |
| 574 | |
| 575 toolbar.horizontal separator { margin: 0 7px 1px 6px; } | |
| 576 | |
| 577 toolbar.vertical separator { margin: 6px 1px 7px 0; } | |
| 578 | |
| 579 toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, toolbar:not(.inline-toolbar):not(.osd) spinbutton, toolbar:not(.inline-toolbar):not(.osd) button { margin-right: 1px; margin-bottom: 1px; } | |
| 580 | |
| 581 .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; } | |
| 582 | |
| 583 searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; } | |
| 584 | |
| 585 .inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: #7a7a7a; background-color: #afafaf; } | |
| 586 | |
| 587 .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { border-color: #818181; background-color: #aeaeae; box-shadow: none; transition: 200ms ease-out; } | |
| 588 | |
| 589 /*************** Header bars * */ | |
| 590 .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6d6d; border-radius: 0; background: #f4f4f4 linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } | |
| 591 | |
| 592 .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #818181; background-color: #C6C6C6; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); transition: 200ms ease-out; } | |
| 593 | |
| 594 .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } | |
| 595 | |
| 596 .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } | |
| 597 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
598 .selection-mode.titlebar:not(headerbar), headerbar.selection-mode { color: #ffffff; border-color: #2b3a1d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #5E7F3E linear-gradient(to top, #3d5228, #59783b 2px, #5E7F3E 3px); box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); } |
| 67 | 599 |
| 600 .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { background-color: #5E7F3E; background-image: none; box-shadow: inset 0 1px rgba(106, 136, 76, 0.46); } | |
| 601 | |
| 602 .selection-mode.titlebar:not(headerbar) button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } | |
| 603 | |
| 604 .selection-mode.titlebar:not(headerbar) button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 605 | |
| 606 .selection-mode.titlebar:not(headerbar) button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } | |
| 607 | |
| 608 .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; background-image: image(#4f6a34); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 609 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
610 .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #2b3a1d; } |
| 67 | 611 |
| 612 .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #dfe5d8; } | |
| 613 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
614 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 615 |
| 616 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #dee2d9; } | |
| 617 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
618 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #6e8a52; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 619 |
| 620 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #a1b38f; } | |
| 621 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
622 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 623 |
| 624 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { color: #93a285; } | |
| 625 | |
| 626 .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 627 | |
| 628 .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { border-color: #2b3a1d; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 629 | |
| 630 .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { color: #b7c5a9; } | |
| 631 | |
| 632 .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #2b3a1d; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 633 | |
| 634 .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { color: #bdc6b4; } | |
| 635 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
636 .selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); border-color: #2b3a1d; } |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
637 |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
638 .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); border-color: #2b3a1d; } |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
639 |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
640 .selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#b7b7b7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #2b3a1d; } |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
641 |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
642 .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 643 |
| 644 .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color: #6e6e6e; } | |
| 645 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
646 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 647 |
| 648 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6e6e6e; } | |
| 649 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
650 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 651 |
| 652 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #a0a0a0; } | |
| 653 | |
| 654 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(94, 127, 62, 0); background-color: rgba(94, 127, 62, 0); background-image: none; box-shadow: none; padding-left: 10px; padding-right: 10px; } | |
| 655 | |
| 656 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } | |
| 657 | |
| 658 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } | |
| 659 | |
| 660 .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .tiled-top .titlebar:backdrop:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:backdrop:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:backdrop:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:backdrop:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-right headerbar:backdrop, .tiled-right headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .tiled-left headerbar:backdrop, .tiled-left headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { border-radius: 0; } | |
| 661 | |
| 662 .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } | |
| 663 | |
| 664 .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } | |
| 665 | |
| 666 .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } | |
| 667 | |
| 668 headerbar entry, headerbar spinbutton, headerbar separator, headerbar button { margin-top: 6px; margin-bottom: 6px; } | |
| 669 | |
| 670 headerbar switch { margin-top: 9px; margin-bottom: 9px; } | |
| 671 | |
| 672 .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 7px; border-top-right-radius: 7px; } | |
| 673 | |
| 674 .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; } | |
| 675 | |
| 676 window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } | |
| 677 | |
| 678 window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } | |
| 679 | |
| 680 window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } | |
| 681 | |
| 682 window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } | |
| 683 | |
| 684 window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } | |
| 685 | |
| 686 .titlebar:not(headerbar) > separator { background-color: #7a7a7a; } | |
| 687 | |
| 688 /************ Pathbars * */ | |
| 689 .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } | |
| 690 | |
| 691 .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } | |
| 692 | |
| 693 .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } | |
| 694 | |
| 695 .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } | |
| 696 | |
| 697 .path-bar button image { padding-left: 4px; padding-right: 4px; } | |
| 698 | |
| 699 .path-bar button.slider-button { padding-left: 0; padding-right: 0; } | |
| 700 | |
| 701 /************** Tree Views * */ | |
| 702 treeview.view { border-left-color: #6e6e6e; border-top-color: #C6C6C6; } | |
| 703 | |
| 704 * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } | |
| 705 | |
| 706 treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } | |
| 707 | |
| 708 treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #afbf9f; border-top-color: rgba(22, 22, 22, 0.1); } | |
| 709 | |
| 710 treeview.view:disabled { color: #6e6e6e; } | |
| 711 | |
| 712 treeview.view:disabled:selected { color: #9eb28b; } | |
| 713 | |
| 714 treeview.view:disabled:selected:backdrop { color: #8ea578; } | |
| 715 | |
| 716 treeview.view:disabled:backdrop { color: #a0a0a0; } | |
| 717 | |
| 718 treeview.view.separator { min-height: 2px; color: #C6C6C6; } | |
| 719 | |
| 720 treeview.view.separator:backdrop { color: rgba(198, 198, 198, 0.1); } | |
| 721 | |
| 722 treeview.view:backdrop { border-left-color: #9a9a9a; border-top: #C6C6C6; } | |
| 723 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
724 treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #2b3a1d; } |
| 67 | 725 |
| 726 treeview.view:drop(active).after { border-top-style: none; } | |
| 727 | |
| 728 treeview.view:drop(active).before { border-bottom-style: none; } | |
| 729 | |
| 730 treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #3b3b3b; } | |
| 731 | |
| 732 treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | |
| 733 | |
| 734 treeview.view.expander:hover { color: black; } | |
| 735 | |
| 736 treeview.view.expander:selected { color: #cfd9c5; } | |
| 737 | |
| 738 treeview.view.expander:selected:hover { color: #ffffff; } | |
| 739 | |
| 740 treeview.view.expander:selected:backdrop { color: #cfd9c5; } | |
| 741 | |
| 742 treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | |
| 743 | |
| 744 treeview.view.expander:backdrop { color: #888888; } | |
| 745 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
746 treeview.view.progressbar { color: #C6C6C6; border: 1px solid #2b3a1d; border-radius: 4px; background-color: #5E7F3E; background-image: linear-gradient(to bottom, #5E7F3E, #455d2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } |
| 67 | 747 |
| 748 treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; color: #5E7F3E; box-shadow: none; background-image: linear-gradient(to bottom, #C6C6C6, #adadad); } | |
| 749 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
750 treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #5E7F3E; border-color: #2b3a1d; background-color: #c3c3c3; } |
| 67 | 751 |
| 752 treeview.view.progressbar:backdrop { color: #c3c3c3; background-image: none; box-shadow: none; } | |
| 753 | |
| 754 treeview.view.trough { background-color: rgba(22, 22, 22, 0.1); border-radius: 4px; } | |
| 755 | |
| 756 treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); border-radius: 4px; border-width: 1px 0; border-style: solid; border-color: #5E7F3E; } | |
| 757 | |
| 758 treeview.view header button { color: #6e6e6e; background-color: #C6C6C6; font-weight: bold; text-shadow: none; box-shadow: none; } | |
| 759 | |
| 760 treeview.view header button:hover { color: #424242; box-shadow: none; transition: none; } | |
| 761 | |
| 762 treeview.view header button:active { color: #161616; transition: none; } | |
| 763 | |
| 764 treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #C6C6C6; background-image: none; background-color: #5E7F3E; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #C6C6C6; text-shadow: none; transition: none; } | |
| 765 | |
| 766 treeview.view acceleditor > label { background-color: #5E7F3E; } | |
| 767 | |
| 768 treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #C6C6C6; border-radius: 0; text-shadow: none; } | |
| 769 | |
| 770 treeview.view header button:disabled { border-color: #C6C6C6; background-image: none; } | |
| 771 | |
| 772 treeview.view header button:backdrop { color: #9a9a9a; border-color: #C6C6C6; border-style: none solid solid none; background-image: none; background-color: #c3c3c3; } | |
| 773 | |
| 774 treeview.view header button:backdrop:disabled { border-color: #C6C6C6; background-image: none; } | |
| 775 | |
| 776 treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } | |
| 777 | |
| 778 /********* Menus * */ | |
| 779 menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } | |
| 780 | |
| 781 menubar:backdrop, .menubar:backdrop { background-color: #C6C6C6; } | |
| 782 | |
| 783 menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } | |
| 784 | |
| 785 menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #5E7F3E; color: #455d2d; } | |
| 786 | |
| 787 menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6e6e6e; box-shadow: none; } | |
| 788 | |
| 789 menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background-color: #C6C6C6; border: 1px solid #7a7a7a; } | |
| 790 | |
| 791 .csd menu, .csd .menu, .csd .context-menu { border: none; } | |
| 792 | |
| 793 menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #C6C6C6; } | |
| 794 | |
| 795 menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } | |
| 796 | |
| 797 menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #5E7F3E; } | |
| 798 | |
| 799 menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6e6e6e; } | |
| 800 | |
| 801 menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #a0a0a0; } | |
| 802 | |
| 803 menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6e6e6e; background-color: transparent; } | |
| 804 | |
| 805 menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } | |
| 806 | |
| 807 menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } | |
| 808 | |
| 809 menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } | |
| 810 | |
| 811 menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } | |
| 812 | |
| 813 menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #C6C6C6; border-radius: 0; } | |
| 814 | |
| 815 menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #b4b4b4; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } | |
| 816 | |
| 817 menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #b4b4b4; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | |
| 818 | |
| 819 menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #b4b4b4; } | |
| 820 | |
| 821 menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #C6C6C6; } | |
| 822 | |
| 823 menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } | |
| 824 | |
| 825 menuitem accelerator { color: alpha(currentColor,0.55); } | |
| 826 | |
| 827 menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } | |
| 828 | |
| 829 menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } | |
| 830 | |
| 831 menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } | |
| 832 | |
| 833 /*************** Popovers * */ | |
| 834 popover.background { padding: 2px; border-radius: 5px; background-color: #C6C6C6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } | |
| 835 | |
| 836 .csd popover.background, popover.background { border: 1px solid #7a7a7a; } | |
| 837 | |
| 838 popover.background:backdrop { background-color: #C6C6C6; box-shadow: none; } | |
| 839 | |
| 840 popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } | |
| 841 | |
| 842 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } | |
| 843 | |
| 844 popover.background separator { margin: 3px; } | |
| 845 | |
| 846 popover.background list separator { margin: 0px; } | |
| 847 | |
| 848 /************* Notebooks * */ | |
| 849 notebook > header { padding: 1px; border-color: #7a7a7a; border-width: 1px; background-color: #ababab; } | |
| 850 | |
| 851 notebook > header:backdrop { border-color: #818181; background-color: #aeaeae; } | |
| 852 | |
| 853 notebook > header tabs { margin: -1px; } | |
| 854 | |
| 855 notebook > header.top { border-bottom-style: solid; } | |
| 856 | |
| 857 notebook > header.top > tabs { margin-bottom: -2px; } | |
| 858 | |
| 859 notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #7a7a7a; } | |
| 860 | |
| 861 notebook > header.top > tabs > tab:backdrop { box-shadow: none; } | |
| 862 | |
| 863 notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #5E7F3E; } | |
| 864 | |
| 865 notebook > header.bottom { border-top-style: solid; } | |
| 866 | |
| 867 notebook > header.bottom > tabs { margin-top: -2px; } | |
| 868 | |
| 869 notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #7a7a7a; } | |
| 870 | |
| 871 notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } | |
| 872 | |
| 873 notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #5E7F3E; } | |
| 874 | |
| 875 notebook > header.left { border-right-style: solid; } | |
| 876 | |
| 877 notebook > header.left > tabs { margin-right: -2px; } | |
| 878 | |
| 879 notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #7a7a7a; } | |
| 880 | |
| 881 notebook > header.left > tabs > tab:backdrop { box-shadow: none; } | |
| 882 | |
| 883 notebook > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #5E7F3E; } | |
| 884 | |
| 885 notebook > header.right { border-left-style: solid; } | |
| 886 | |
| 887 notebook > header.right > tabs { margin-left: -2px; } | |
| 888 | |
| 889 notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #7a7a7a; } | |
| 890 | |
| 891 notebook > header.right > tabs > tab:backdrop { box-shadow: none; } | |
| 892 | |
| 893 notebook > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #5E7F3E; } | |
| 894 | |
| 895 notebook > header.top > tabs > arrow { border-top-style: none; } | |
| 896 | |
| 897 notebook > header.bottom > tabs > arrow { border-bottom-style: none; } | |
| 898 | |
| 899 notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } | |
| 900 | |
| 901 notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } | |
| 902 | |
| 903 notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | |
| 904 | |
| 905 notebook > header.left > tabs > arrow { border-left-style: none; } | |
| 906 | |
| 907 notebook > header.right > tabs > arrow { border-right-style: none; } | |
| 908 | |
| 909 notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } | |
| 910 | |
| 911 notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } | |
| 912 | |
| 913 notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | |
| 914 | |
| 915 notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } | |
| 916 | |
| 917 notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } | |
| 918 | |
| 919 notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 920 | |
| 921 notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #6e6e6e; font-weight: bold; border-width: 1px; border-color: transparent; } | |
| 922 | |
| 923 notebook > header tab:hover { color: #424242; } | |
| 924 | |
| 925 notebook > header tab:hover.reorderable-page { border-color: rgba(122, 122, 122, 0.3); background-color: rgba(198, 198, 198, 0.2); } | |
| 926 | |
| 927 notebook > header tab:backdrop { color: #919191; } | |
| 928 | |
| 929 notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } | |
| 930 | |
| 931 notebook > header tab:checked { color: #161616; } | |
| 932 | |
| 933 notebook > header tab:checked.reorderable-page { border-color: rgba(122, 122, 122, 0.5); background-color: rgba(198, 198, 198, 0.5); } | |
| 934 | |
| 935 notebook > header tab:checked.reorderable-page:hover { background-color: rgba(198, 198, 198, 0.7); } | |
| 936 | |
| 937 notebook > header tab:backdrop:checked { color: #6e6e6e; } | |
| 938 | |
| 939 notebook > header tab:backdrop:checked.reorderable-page { border-color: #818181; background-color: #C6C6C6; } | |
| 940 | |
| 941 notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } | |
| 942 | |
| 943 notebook > header tab button.flat:hover { color: currentColor; } | |
| 944 | |
| 945 notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } | |
| 946 | |
| 947 notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } | |
| 948 | |
| 949 notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } | |
| 950 | |
| 951 notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } | |
| 952 | |
| 953 notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } | |
| 954 | |
| 955 notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } | |
| 956 | |
| 957 notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } | |
| 958 | |
| 959 notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } | |
| 960 | |
| 961 notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } | |
| 962 | |
| 963 notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } | |
| 964 | |
| 965 notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } | |
| 966 | |
| 967 notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } | |
| 968 | |
| 969 notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } | |
| 970 | |
| 971 notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } | |
| 972 | |
| 973 notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } | |
| 974 | |
| 975 notebook > header.top tab { padding-bottom: 4px; } | |
| 976 | |
| 977 notebook > header.bottom tab { padding-top: 4px; } | |
| 978 | |
| 979 notebook > stack:not(:only-child) { background-color: #C6C6C6; } | |
| 980 | |
| 981 notebook > stack:not(:only-child):backdrop { background-color: #c3c3c3; } | |
| 982 | |
| 983 /************** Scrollbars * */ | |
| 984 scrollbar { background-color: #b4b4b4; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | |
| 985 | |
| 986 * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } | |
| 987 | |
| 988 scrollbar.top { border-bottom: 1px solid #7a7a7a; } | |
| 989 | |
| 990 scrollbar.bottom { border-top: 1px solid #7a7a7a; } | |
| 991 | |
| 992 scrollbar.left { border-right: 1px solid #7a7a7a; } | |
| 993 | |
| 994 scrollbar.right { border-left: 1px solid #7a7a7a; } | |
| 995 | |
| 996 scrollbar:backdrop { background-color: #bebebe; border-color: #818181; transition: 200ms ease-out; } | |
| 997 | |
| 998 scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #787c7d; } | |
| 999 | |
| 1000 scrollbar slider:hover { background-color: #535859; } | |
| 1001 | |
| 1002 scrollbar slider:hover:active { background-color: #5E7F3E; } | |
| 1003 | |
| 1004 scrollbar slider:backdrop { background-color: #9a9a9a; } | |
| 1005 | |
| 1006 scrollbar slider:disabled { background-color: transparent; } | |
| 1007 | |
| 1008 scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } | |
| 1009 | |
| 1010 scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } | |
| 1011 | |
| 1012 scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } | |
| 1013 | |
| 1014 scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } | |
| 1015 | |
| 1016 scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #161616; border: 1px solid white; } | |
| 1017 | |
| 1018 scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #161616; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; } | |
| 1019 | |
| 1020 scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } | |
| 1021 | |
| 1022 scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; } | |
| 1023 | |
| 1024 scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } | |
| 1025 | |
| 1026 scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; } | |
| 1027 | |
| 1028 scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } | |
| 1029 | |
| 1030 scrollbar.horizontal slider { min-width: 40px; } | |
| 1031 | |
| 1032 scrollbar.vertical slider { min-height: 40px; } | |
| 1033 | |
| 1034 scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #787c7d; } | |
| 1035 | |
| 1036 scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #535859; } | |
| 1037 | |
| 1038 scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; } | |
| 1039 | |
| 1040 scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(120, 124, 125, 0.2); } | |
| 1041 | |
| 1042 scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9a9a9a; } | |
| 1043 | |
| 1044 scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(154, 154, 154, 0.2); } | |
| 1045 | |
| 1046 scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | |
| 1047 | |
| 1048 scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } | |
| 1049 | |
| 1050 scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | |
| 1051 | |
| 1052 scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } | |
| 1053 | |
| 1054 treeview ~ scrollbar.vertical { border-top: 1px solid #7a7a7a; margin-top: -1px; } | |
| 1055 | |
| 1056 /********** Switch * */ | |
| 1057 switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #7a7a7a; border-radius: 3px; color: #161616; background-color: #ababab; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } | |
| 1058 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1059 switch:checked { color: #ffffff; border-color: #2b3a1d; background-color: #5E7F3E; text-shadow: 0 1px rgba(43, 58, 29, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } |
| 67 | 1060 |
| 1061 switch:disabled { color: #6e6e6e; border-color: #7a7a7a; background-color: #c6c6c6; text-shadow: none; } | |
| 1062 | |
| 1063 switch:backdrop { color: #6e6e6e; border-color: #818181; background-color: #aeaeae; text-shadow: none; transition: 200ms ease-out; } | |
| 1064 | |
| 1065 switch:backdrop:checked { color: #C6C6C6; border-color: #5E7F3E; background-color: #5E7F3E; } | |
| 1066 | |
| 1067 switch:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-color: #c6c6c6; } | |
| 1068 | |
| 1069 switch slider { margin: -1px; min-width: 44px; min-height: 26px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1); } | |
| 1070 | |
| 1071 switch:hover slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); } | |
| 1072 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1073 switch:checked slider { border: 1px solid #2b3a1d; } |
| 67 | 1074 |
| 1075 switch:disabled slider { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1076 | |
| 1077 switch:disabled slider label, switch:disabled slider { color: #6e6e6e; } | |
| 1078 | |
| 1079 switch:backdrop slider { transition: 200ms ease-out; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1080 | |
| 1081 switch:backdrop slider label, switch:backdrop slider { color: #6e6e6e; } | |
| 1082 | |
| 1083 switch:backdrop:checked slider { border-color: #5E7F3E; } | |
| 1084 | |
| 1085 switch:backdrop:disabled slider { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1086 | |
| 1087 switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #a0a0a0; } | |
| 1088 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1089 row:selected switch { box-shadow: none; border-color: #2b3a1d; } |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1090 |
|
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1091 row:selected switch:backdrop { border-color: #2b3a1d; } |
| 67 | 1092 |
| 1093 row:selected switch slider:dir(rtl) { border-left-color: #7a7a7a; } | |
| 1094 | |
| 1095 row:selected switch slider:dir(ltr) { border-right-color: #7a7a7a; } | |
| 1096 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1097 row:selected switch slider:checked, row:selected switch slider { border-color: #2b3a1d; } |
| 67 | 1098 |
| 1099 /************************* Check and Radio items * */ | |
| 1100 .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1101 | |
| 1102 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1103 | |
| 1104 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1105 | |
| 1106 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1107 | |
| 1108 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1109 | |
| 1110 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1111 | |
| 1112 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1113 | |
| 1114 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } | |
| 1115 | |
| 1116 checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } | |
| 1117 | |
| 1118 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } | |
| 1119 | |
| 1120 checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } | |
| 1121 | |
| 1122 check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1); } | |
| 1123 | |
| 1124 check:only-child, radio:only-child { margin: 0; } | |
| 1125 | |
| 1126 popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } | |
| 1127 | |
| 1128 popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } | |
| 1129 | |
| 1130 check:hover, radio:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); } | |
| 1131 | |
| 1132 check:active, radio:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#b7b7b7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 1133 | |
| 1134 check:disabled, radio:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1135 | |
| 1136 check:disabled label, check:disabled, radio:disabled label, radio:disabled { color: #6e6e6e; } | |
| 1137 | |
| 1138 check:backdrop, radio:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; } | |
| 1139 | |
| 1140 check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #6e6e6e; } | |
| 1141 | |
| 1142 check:backdrop:disabled, radio:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1143 | |
| 1144 check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { color: #a0a0a0; } | |
| 1145 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1146 row:selected check, row:selected radio { border-color: #2b3a1d; } |
| 67 | 1147 |
| 1148 .osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 1149 | |
| 1150 .osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } | |
| 1151 | |
| 1152 .osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } | |
| 1153 | |
| 1154 .osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 1155 | |
| 1156 .osd check:disabled, .osd radio:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 1157 | |
| 1158 menu menuitem check, menu menuitem radio { margin: 0; } | |
| 1159 | |
| 1160 menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; } | |
| 1161 | |
| 1162 check { border-radius: 3px; } | |
| 1163 | |
| 1164 check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } | |
| 1165 | |
| 1166 check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } | |
| 1167 | |
| 1168 treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; } | |
| 1169 | |
| 1170 treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } | |
| 1171 | |
| 1172 treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } | |
| 1173 | |
| 1174 radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } | |
| 1175 | |
| 1176 check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } | |
| 1177 | |
| 1178 radio:active, check:active { -gtk-icon-transform: scale(0, 1); } | |
| 1179 | |
| 1180 radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; } | |
| 1181 | |
| 1182 menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; } | |
| 1183 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1184 treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #161616; border-color: #2b3a1d; } |
| 67 | 1185 |
| 1186 treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #6e6e6e; } | |
| 1187 | |
| 1188 treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color: #a0a0a0; } | |
| 1189 | |
| 1190 treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { color: #6e6e6e; } | |
| 1191 | |
| 1192 /************ GtkScale * */ | |
| 1193 scale trough, scale fill, progressbar trough { border: 1px solid #7a7a7a; border-radius: 3px; background-color: #ababab; } | |
| 1194 | |
| 1195 scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #c6c6c6; } | |
| 1196 | |
| 1197 scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { background-color: #aeaeae; border-color: #818181; transition: 200ms ease-out; } | |
| 1198 | |
| 1199 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #c6c6c6; } | |
| 1200 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1201 row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #2b3a1d; } |
| 67 | 1202 |
| 1203 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } | |
| 1204 | |
| 1205 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(49, 52, 52, 0.5); } | |
| 1206 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1207 scale highlight, progressbar progress { border: 1px solid #2b3a1d; border-radius: 3px; background-color: #5E7F3E; } |
| 67 | 1208 |
| 1209 scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; } | |
| 1210 | |
| 1211 scale highlight:backdrop, progressbar progress:backdrop, progressbar:backdrop progress { border-color: #5E7F3E; } | |
| 1212 | |
| 1213 scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled { background-color: transparent; border-color: transparent; } | |
| 1214 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1215 row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #2b3a1d; } |
| 67 | 1216 |
| 1217 .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: rgba(0, 0, 0, 0.7); } | |
| 1218 | |
| 1219 .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; } | |
| 1220 | |
| 1221 scale { min-height: 10px; min-width: 10px; padding: 12px; } | |
| 1222 | |
| 1223 scale fill, scale highlight { margin: -1px; } | |
| 1224 | |
| 1225 scale slider { min-height: 18px; min-width: 18px; margin: -9px; } | |
| 1226 | |
| 1227 scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } | |
| 1228 | |
| 1229 scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } | |
| 1230 | |
| 1231 scale.fine-tune slider { margin: -6px; } | |
| 1232 | |
| 1233 scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } | |
| 1234 | |
| 1235 scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } | |
| 1236 | |
| 1237 scale fill:backdrop, scale fill { background-color: #7a7a7a; } | |
| 1238 | |
| 1239 scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } | |
| 1240 | |
| 1241 .osd scale fill { background-color: rgba(91, 91, 90, 0.775); } | |
| 1242 | |
| 1243 .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } | |
| 1244 | |
| 1245 scale slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #656565; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } | |
| 1246 | |
| 1247 scale slider:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); } | |
| 1248 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1249 scale slider:active { border-color: #2b3a1d; } |
| 67 | 1250 |
| 1251 scale slider:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1252 | |
| 1253 scale slider:disabled label, scale slider:disabled { color: #6e6e6e; } | |
| 1254 | |
| 1255 scale slider:backdrop { transition: 200ms ease-out; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1256 | |
| 1257 scale slider:backdrop label, scale slider:backdrop { color: #6e6e6e; } | |
| 1258 | |
| 1259 scale slider:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1260 | |
| 1261 scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #a0a0a0; } | |
| 1262 | |
|
69
486bdc94db57
Don't darken selected border colour as much
IBBoard <dev@ibboard.co.uk>
parents:
67
diff
changeset
|
1263 row:selected scale slider:disabled, row:selected scale slider { border-color: #2b3a1d; } |
| 67 | 1264 |
| 1265 .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #1c1f20; } | |
| 1266 | |
| 1267 .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #1c1f20; } | |
| 1268 | |
| 1269 .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #1c1f20; } | |
| 1270 | |
| 1271 .osd scale slider:disabled { color: #858786; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #1c1f20; } | |
| 1272 | |
| 1273 .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #1c1f20; } | |
| 1274 | |
| 1275 .osd scale slider:backdrop:disabled { background-color: #1c1f20; } | |
| 1276 | |
| 1277 scale value { color: alpha(currentColor,0.55); } | |
| 1278 | |
| 1279 scale marks { color: alpha(currentColor,0.55); } | |
| 1280 | |
| 1281 scale marks.top { margin-bottom: 6px; margin-top: -12px; } | |
| 1282 | |
| 1283 scale marks.bottom { margin-top: 6px; margin-bottom: -12px; } | |
| 1284 | |
| 1285 scale marks.top { margin-right: 6px; margin-left: -12px; } | |
| 1286 | |
| 1287 scale marks.bottom { margin-left: 6px; margin-right: -12px; } | |
| 1288 | |
| 1289 scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } | |
| 1290 | |
| 1291 scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } | |
| 1292 | |
| 1293 scale.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } | |
| 1294 | |
| 1295 scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } | |
| 1296 | |
| 1297 scale.horizontal indicator { min-height: 6px; min-width: 1px; } | |
| 1298 | |
| 1299 scale.horizontal.fine-tune indicator { min-height: 3px; } | |
| 1300 | |
| 1301 scale.vertical indicator { min-height: 1px; min-width: 6px; } | |
| 1302 | |
| 1303 scale.vertical.fine-tune indicator { min-width: 3px; } | |
| 1304 | |
| 1305 scale.horizontal.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } | |
| 1306 | |
| 1307 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } | |
| 1308 | |
| 1309 scale.horizontal.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } | |
| 1310 | |
| 1311 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } | |
| 1312 | |
| 1313 scale.horizontal.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } | |
| 1314 | |
| 1315 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } | |
| 1316 | |
| 1317 scale.horizontal.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } | |
| 1318 | |
| 1319 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } | |
| 1320 | |
| 1321 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } | |
| 1322 | |
| 1323 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } | |
| 1324 | |
| 1325 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } | |
| 1326 | |
| 1327 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; } | |
| 1328 | |
| 1329 scale.horizontal.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1330 | |
| 1331 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } | |
| 1332 | |
| 1333 scale.horizontal.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1334 | |
| 1335 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } | |
| 1336 | |
| 1337 scale.horizontal.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1338 | |
| 1339 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } | |
| 1340 | |
| 1341 scale.horizontal.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1342 | |
| 1343 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } | |
| 1344 | |
| 1345 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1346 | |
| 1347 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } | |
| 1348 | |
| 1349 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1350 | |
| 1351 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; } | |
| 1352 | |
| 1353 scale.vertical.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1354 | |
| 1355 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } | |
| 1356 | |
| 1357 scale.vertical.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1358 | |
| 1359 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } | |
| 1360 | |
| 1361 scale.vertical.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1362 | |
| 1363 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } | |
| 1364 | |
| 1365 scale.vertical.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1366 | |
| 1367 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } | |
| 1368 | |
| 1369 scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1370 | |
| 1371 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } | |
| 1372 | |
| 1373 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1374 | |
| 1375 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; } | |
| 1376 | |
| 1377 scale.vertical.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1378 | |
| 1379 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } | |
| 1380 | |
| 1381 scale.vertical.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1382 | |
| 1383 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } | |
| 1384 | |
| 1385 scale.vertical.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1386 | |
| 1387 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } | |
| 1388 | |
| 1389 scale.vertical.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1390 | |
| 1391 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } | |
| 1392 | |
| 1393 scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1394 | |
| 1395 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } | |
| 1396 | |
| 1397 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } | |
| 1398 | |
| 1399 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; } | |
| 1400 | |
| 1401 scale.color { min-height: 0; min-width: 0; } | |
| 1402 | |
| 1403 scale.color trough { background-image: image(#7a7a7a); background-repeat: no-repeat; } | |
| 1404 | |
| 1405 scale.color.horizontal { padding: 0 0 15px 0; } | |
| 1406 | |
| 1407 scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } | |
| 1408 | |
| 1409 scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } | |
| 1410 | |
| 1411 scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } | |
| 1412 | |
| 1413 scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } | |
| 1414 | |
| 1415 scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } | |
| 1416 | |
| 1417 scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } | |
| 1418 | |
| 1419 scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } | |
| 1420 | |
| 1421 scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } | |
| 1422 | |
| 1423 scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } | |
| 1424 | |
| 1425 scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; } | |
| 1426 | |
| 1427 scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; } | |
| 1428 | |
| 1429 scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } | |
| 1430 | |
| 1431 scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } | |
| 1432 | |
| 1433 scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } | |
| 1434 | |
| 1435 scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } | |
| 1436 | |
| 1437 scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } | |
| 1438 | |
| 1439 scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } | |
| 1440 | |
| 1441 /***************** Progress bars * */ | |
| 1442 progressbar { font-size: smaller; color: rgba(22, 22, 22, 0.4); } | |
| 1443 | |
| 1444 progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; } | |
| 1445 | |
| 1446 progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; } | |
| 1447 | |
| 1448 progressbar.horizontal progress { margin: 0 -1px; } | |
| 1449 | |
| 1450 progressbar.vertical progress { margin: -1px 0; } | |
| 1451 | |
| 1452 progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } | |
| 1453 | |
| 1454 progressbar progress { border-radius: 1.5px; } | |
| 1455 | |
| 1456 progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } | |
| 1457 | |
| 1458 progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } | |
| 1459 | |
| 1460 progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; } | |
| 1461 | |
| 1462 progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } | |
| 1463 | |
| 1464 progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } | |
| 1465 | |
| 1466 progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } | |
| 1467 | |
| 1468 progressbar.osd progress { border-style: none; border-radius: 0; } | |
| 1469 | |
| 1470 progressbar trough.empty progress { all: unset; } | |
| 1471 | |
| 1472 /************* Level Bar * */ | |
| 1473 levelbar.horizontal block { min-height: 1px; } | |
| 1474 | |
| 1475 levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } | |
| 1476 | |
| 1477 levelbar.vertical block { min-width: 1px; } | |
| 1478 | |
| 1479 levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } | |
| 1480 | |
| 1481 levelbar:backdrop { transition: 200ms ease-out; } | |
| 1482 | |
| 1483 levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #7a7a7a; background-color: #C6C6C6; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } | |
| 1484 | |
| 1485 levelbar trough:backdrop { color: #272727; border-color: #818181; background-color: #c3c3c3; box-shadow: none; } | |
| 1486 | |
| 1487 levelbar block { border: 1px solid; border-radius: 1px; } | |
| 1488 | |
| 1489 levelbar block.low { border-color: #8f4700; background-color: #f57900; } | |
| 1490 | |
| 1491 levelbar block.low:backdrop { border-color: #f57900; } | |
| 1492 | |
| 1493 levelbar block.high, levelbar block:not(.empty) { border-color: #2b3a1d; background-color: #5E7F3E; } | |
| 1494 | |
| 1495 levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #5E7F3E; } | |
| 1496 | |
| 1497 levelbar block.full { border-color: #40760c; background-color: #73d216; } | |
| 1498 | |
| 1499 levelbar block.full:backdrop { border-color: #73d216; } | |
| 1500 | |
| 1501 levelbar block.empty { background-color: transparent; border-color: rgba(22, 22, 22, 0.2); } | |
| 1502 | |
| 1503 levelbar block.empty:backdrop { border-color: rgba(110, 110, 110, 0.15); } | |
| 1504 | |
| 1505 /**************** Print dialog * */ | |
| 1506 printdialog paper { color: #161616; border: 1px solid #7a7a7a; background: white; padding: 0; } | |
| 1507 | |
| 1508 printdialog paper:backdrop { color: #6e6e6e; border-color: #818181; } | |
| 1509 | |
| 1510 printdialog .dialog-action-box { margin: 12px; } | |
| 1511 | |
| 1512 /********** Frames * */ | |
| 1513 frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #7a7a7a; } | |
| 1514 | |
| 1515 frame > border.flat, .frame.flat { border-style: none; } | |
| 1516 | |
| 1517 frame > border:backdrop, .frame:backdrop { border-color: #818181; } | |
| 1518 | |
| 1519 actionbar > revealer > box { padding: 6px; border-top: 1px solid #7a7a7a; } | |
| 1520 | |
| 1521 actionbar > revealer > box:backdrop { border-color: #818181; } | |
| 1522 | |
| 1523 scrolledwindow viewport.frame { border-style: none; } | |
| 1524 | |
| 1525 scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } | |
| 1526 | |
| 1527 scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } | |
| 1528 | |
| 1529 scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } | |
| 1530 | |
| 1531 scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } | |
| 1532 | |
| 1533 scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } | |
| 1534 | |
| 1535 scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } | |
| 1536 | |
| 1537 scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } | |
| 1538 | |
| 1539 scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } | |
| 1540 | |
| 1541 scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; box-shadow: none; } | |
| 1542 | |
| 1543 scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; box-shadow: none; } | |
| 1544 | |
| 1545 scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; box-shadow: none; } | |
| 1546 | |
| 1547 scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; box-shadow: none; } | |
| 1548 | |
| 1549 scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #7a7a7a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #b4b4b4; } | |
| 1550 | |
| 1551 scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } | |
| 1552 | |
| 1553 scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #818181 1px, transparent 1px); background-color: #bebebe; transition: 200ms ease-out; } | |
| 1554 | |
| 1555 separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } | |
| 1556 | |
| 1557 /********* Lists * */ | |
| 1558 list { color: black; background-color: #C6C6C6; border-color: #7a7a7a; } | |
| 1559 | |
| 1560 list:backdrop { background-color: #c3c3c3; border-color: #818181; } | |
| 1561 | |
| 1562 list row { padding: 2px; } | |
| 1563 | |
| 1564 row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | |
| 1565 | |
| 1566 row:hover { transition: none; } | |
| 1567 | |
| 1568 row:backdrop { transition: 200ms ease-out; } | |
| 1569 | |
| 1570 row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(22, 22, 22, 0.05); } | |
| 1571 | |
| 1572 row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } | |
| 1573 | |
| 1574 row.activatable:backdrop:hover { background-color: transparent; } | |
| 1575 | |
| 1576 row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } | |
| 1577 | |
| 1578 row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #57753a; } | |
| 1579 | |
| 1580 row.activatable:selected:backdrop { background-color: #5E7F3E; } | |
| 1581 | |
| 1582 /********************* App Notifications * */ | |
| 1583 .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(28, 31, 32, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } | |
| 1584 | |
| 1585 .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } | |
| 1586 | |
| 1587 .app-notification border, .app-notification.frame border { border: none; } | |
| 1588 | |
| 1589 /************* Expanders * */ | |
| 1590 expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | |
| 1591 | |
| 1592 expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | |
| 1593 | |
| 1594 expander arrow:hover { color: #636363; } | |
| 1595 | |
| 1596 expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | |
| 1597 | |
| 1598 /************ Calendar * */ | |
| 1599 calendar { color: black; border: 1px solid #7a7a7a; } | |
| 1600 | |
| 1601 calendar:selected { border-radius: 3px; } | |
| 1602 | |
| 1603 calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); } | |
| 1604 | |
| 1605 calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); } | |
| 1606 | |
| 1607 calendar.button { color: rgba(22, 22, 22, 0.45); } | |
| 1608 | |
| 1609 calendar.button:hover { color: #161616; } | |
| 1610 | |
| 1611 calendar.button:backdrop { color: rgba(110, 110, 110, 0.45); } | |
| 1612 | |
| 1613 calendar.button:disabled { color: rgba(110, 110, 110, 0.45); } | |
| 1614 | |
| 1615 calendar.highlight { color: #6e6e6e; } | |
| 1616 | |
| 1617 calendar.highlight:backdrop { color: #a0a0a0; } | |
| 1618 | |
| 1619 calendar:backdrop { color: #272727; border-color: #818181; } | |
| 1620 | |
| 1621 calendar:indeterminate { color: alpha(currentColor,0.1); } | |
| 1622 | |
| 1623 /*********** Dialogs * */ | |
| 1624 messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #C6C6C6; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } | |
| 1625 | |
| 1626 messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } | |
| 1627 | |
| 1628 messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } | |
| 1629 | |
| 1630 messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 5px; } | |
| 1631 | |
| 1632 messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 5px; } | |
| 1633 | |
| 1634 filechooser .dialog-action-box { border-top: 1px solid #7a7a7a; } | |
| 1635 | |
| 1636 filechooser .dialog-action-box:backdrop { border-top-color: #818181; } | |
| 1637 | |
| 1638 filechooser #pathbarbox { border-bottom: 1px solid #C6C6C6; } | |
| 1639 | |
| 1640 filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } | |
| 1641 | |
| 1642 /*********** Sidebar * */ | |
| 1643 .sidebar { border-style: none; background-color: #c6c6c6; } | |
| 1644 | |
| 1645 stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #7a7a7a; border-left-style: none; } | |
| 1646 | |
| 1647 stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #7a7a7a; border-right-style: none; } | |
| 1648 | |
| 1649 .sidebar:backdrop { background-color: #b9b9b9; border-color: #818181; transition: 200ms ease-out; } | |
| 1650 | |
| 1651 .sidebar list { background-color: transparent; } | |
| 1652 | |
| 1653 paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } | |
| 1654 | |
| 1655 stacksidebar row { padding: 10px 4px; } | |
| 1656 | |
| 1657 stacksidebar row > label { padding-left: 6px; padding-right: 6px; } | |
| 1658 | |
| 1659 stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } | |
| 1660 | |
| 1661 /**************** File chooser * */ | |
| 1662 row image.sidebar-icon { opacity: 0.7; } | |
| 1663 | |
| 1664 placessidebar > viewport.frame { border-style: none; } | |
| 1665 | |
| 1666 placessidebar row { min-height: 36px; padding: 0px; } | |
| 1667 | |
| 1668 placessidebar row > revealer { padding: 0 14px; } | |
| 1669 | |
| 1670 placessidebar row:selected { color: #ffffff; } | |
| 1671 | |
| 1672 placessidebar row:disabled { color: #6e6e6e; } | |
| 1673 | |
| 1674 placessidebar row:backdrop { color: #6e6e6e; } | |
| 1675 | |
| 1676 placessidebar row:backdrop:selected { color: #ffffff; } | |
| 1677 | |
| 1678 placessidebar row:backdrop:disabled { color: #a0a0a0; } | |
| 1679 | |
| 1680 placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } | |
| 1681 | |
| 1682 placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } | |
| 1683 | |
| 1684 placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } | |
| 1685 | |
| 1686 placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } | |
| 1687 | |
| 1688 button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } | |
| 1689 | |
| 1690 button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } | |
| 1691 | |
| 1692 placessidebar row:selected:active { box-shadow: none; } | |
| 1693 | |
| 1694 placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; } | |
| 1695 | |
| 1696 placessidebar row.sidebar-new-bookmark-row { color: #5E7F3E; } | |
| 1697 | |
| 1698 placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } | |
| 1699 | |
| 1700 placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; } | |
| 1701 | |
| 1702 placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } | |
| 1703 | |
| 1704 placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } | |
| 1705 | |
| 1706 placesview row.activatable:hover { background-color: transparent; } | |
| 1707 | |
| 1708 placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } | |
| 1709 | |
| 1710 /********* Paned * */ | |
| 1711 paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#7a7a7a); background-size: 1px 1px; } | |
| 1712 | |
| 1713 paned > separator:selected { background-image: image(#5E7F3E); } | |
| 1714 | |
| 1715 paned > separator:backdrop { background-image: image(#818181); } | |
| 1716 | |
| 1717 paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #C6C6C6; background-image: image(#7a7a7a), image(#7a7a7a); background-size: 1px 1px, 1px 1px; } | |
| 1718 | |
| 1719 paned > separator.wide:backdrop { background-color: #C6C6C6; background-image: image(#818181), image(#818181); } | |
| 1720 | |
| 1721 paned.horizontal > separator { background-repeat: repeat-y; } | |
| 1722 | |
| 1723 paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } | |
| 1724 | |
| 1725 paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } | |
| 1726 | |
| 1727 paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } | |
| 1728 | |
| 1729 paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } | |
| 1730 | |
| 1731 paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } | |
| 1732 | |
| 1733 /************** GtkInfoBar * */ | |
| 1734 infobar { border-style: none; } | |
| 1735 | |
| 1736 infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: 0 1px #455d2d; } | |
| 1737 | |
| 1738 infobar.info:backdrop, infobar.info, infobar.question:backdrop, infobar.question, infobar.warning:backdrop, infobar.warning, infobar.error:backdrop, infobar.error { background-color: #5E7F3E; border-color: #455d2d; } | |
| 1739 | |
| 1740 infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.info, infobar.question:backdrop label, infobar.question:backdrop, infobar.question label, infobar.question, infobar.warning:backdrop label, infobar.warning:backdrop, infobar.warning label, infobar.warning, infobar.error:backdrop label, infobar.error:backdrop, infobar.error label, infobar.error { color: #ffffff; } | |
| 1741 | |
| 1742 infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; } | |
| 1743 | |
| 1744 infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } | |
| 1745 | |
| 1746 infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } | |
| 1747 | |
| 1748 infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; background-image: image(#4f6a34); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 1749 | |
| 1750 infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { border-color: #2b3a1d; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1751 | |
| 1752 infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { color: #b7c5a9; } | |
| 1753 | |
| 1754 infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } | |
| 1755 | |
| 1756 infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #dfe5d8; } | |
| 1757 | |
| 1758 infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #6e8a52; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } | |
| 1759 | |
| 1760 infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #a1b38f; } | |
| 1761 | |
| 1762 infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #455d2d; } | |
| 1763 | |
| 1764 /************ Tooltips * */ | |
| 1765 tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } | |
| 1766 | |
| 1767 tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } | |
| 1768 | |
| 1769 tooltip decoration { background-color: transparent; } | |
| 1770 | |
| 1771 tooltip * { padding: 4px; background-color: transparent; color: white; } | |
| 1772 | |
| 1773 /***************** Color Chooser * */ | |
| 1774 colorswatch:drop(active), colorswatch { border-style: none; } | |
| 1775 | |
| 1776 colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } | |
| 1777 | |
| 1778 colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } | |
| 1779 | |
| 1780 colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } | |
| 1781 | |
| 1782 colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } | |
| 1783 | |
| 1784 colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } | |
| 1785 | |
| 1786 colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } | |
| 1787 | |
| 1788 colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } | |
| 1789 | |
| 1790 colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } | |
| 1791 | |
| 1792 colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } | |
| 1793 | |
| 1794 colorswatch.dark overlay { color: white; } | |
| 1795 | |
| 1796 colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } | |
| 1797 | |
| 1798 colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } | |
| 1799 | |
| 1800 colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } | |
| 1801 | |
| 1802 colorswatch.light overlay { color: black; } | |
| 1803 | |
| 1804 colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } | |
| 1805 | |
| 1806 colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } | |
| 1807 | |
| 1808 colorswatch:drop(active) { box-shadow: none; } | |
| 1809 | |
| 1810 colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } | |
| 1811 | |
| 1812 colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } | |
| 1813 | |
| 1814 colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } | |
| 1815 | |
| 1816 colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } | |
| 1817 | |
| 1818 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } | |
| 1819 | |
| 1820 colorswatch#add-color-button { border-radius: 5px 5px 0 0; } | |
| 1821 | |
| 1822 colorswatch#add-color-button:only-child { border-radius: 5px; } | |
| 1823 | |
| 1824 colorswatch#add-color-button overlay { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } | |
| 1825 | |
| 1826 colorswatch#add-color-button overlay:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); } | |
| 1827 | |
| 1828 colorswatch#add-color-button overlay:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 1829 | |
| 1830 colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6e6e6e; } | |
| 1831 | |
| 1832 colorswatch:disabled { opacity: 0.5; } | |
| 1833 | |
| 1834 colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } | |
| 1835 | |
| 1836 row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } | |
| 1837 | |
| 1838 colorswatch#editor-color-sample { border-radius: 4px; } | |
| 1839 | |
| 1840 colorswatch#editor-color-sample overlay { border-radius: 4.5px; } | |
| 1841 | |
| 1842 colorchooser .popover.osd { border-radius: 5px; } | |
| 1843 | |
| 1844 /******** Misc * */ | |
| 1845 .content-view { background-color: #b4b4b4; } | |
| 1846 | |
| 1847 .content-view:hover { -gtk-icon-effect: highlight; } | |
| 1848 | |
| 1849 .content-view:backdrop { background-color: #b4b4b4; } | |
| 1850 | |
| 1851 .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } | |
| 1852 | |
| 1853 .scale-popup button:hover { background-color: rgba(22, 22, 22, 0.1); border-radius: 5px; } | |
| 1854 | |
| 1855 /********************** Window Decorations * */ | |
| 1856 decoration { border-radius: 7px 7px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; } | |
| 1857 | |
| 1858 decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } | |
| 1859 | |
| 1860 .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } | |
| 1861 | |
| 1862 .popup decoration { box-shadow: none; } | |
| 1863 | |
| 1864 .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } | |
| 1865 | |
| 1866 .csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } | |
| 1867 | |
| 1868 tooltip.csd decoration { border-radius: 5px; box-shadow: none; } | |
| 1869 | |
| 1870 messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } | |
| 1871 | |
| 1872 .solid-csd decoration { margin: 0; padding: 4px; background-color: #7a7a7a; border: solid 1px #7a7a7a; border-radius: 0; box-shadow: inset 0 0 0 3px #f4f4f4, inset 0 1px rgba(255, 255, 255, 0.1); } | |
| 1873 | |
| 1874 .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #C6C6C6, inset 0 1px rgba(255, 255, 255, 0.1); } | |
| 1875 | |
| 1876 button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } | |
| 1877 | |
| 1878 button.titlebutton:backdrop { -gtk-icon-shadow: none; } | |
| 1879 | |
| 1880 headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); } | |
| 1881 | |
| 1882 headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } | |
| 1883 | |
| 1884 .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #5E7F3E; } | |
| 1885 | |
| 1886 row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } | |
| 1887 | |
| 1888 row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #afbf9f; } | |
| 1889 | |
| 1890 row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #ffffff; } | |
| 1891 | |
| 1892 row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #8ea578; } | |
| 1893 | |
| 1894 .monospace { font-family: monospace; } | |
| 1895 | |
| 1896 /********************** Touch Copy & Paste * */ | |
| 1897 cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } | |
| 1898 | |
| 1899 cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } | |
| 1900 | |
| 1901 cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } | |
| 1902 | |
| 1903 cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } | |
| 1904 | |
| 1905 cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } | |
| 1906 | |
| 1907 cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } | |
| 1908 | |
| 1909 cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } | |
| 1910 | |
| 1911 cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } | |
| 1912 | |
| 1913 cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } | |
| 1914 | |
| 1915 cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } | |
| 1916 | |
| 1917 .context-menu { font: initial; } | |
| 1918 | |
| 1919 .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #161616; background-color: #C6C6C6; border: 1px solid; border-color: #a0a0a0; border-radius: 5px; box-shadow: inset 0 -3px #c6c6c6; font-size: smaller; } | |
| 1920 | |
| 1921 .keycap:backdrop { background-color: #c3c3c3; color: #6e6e6e; transition: 200ms ease-out; } | |
| 1922 | |
| 1923 :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } | |
| 1924 | |
| 1925 stackswitcher button.text-button { min-width: 100px; } | |
| 1926 | |
| 1927 stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } | |
| 1928 | |
| 1929 /********* Emoji * */ | |
| 1930 popover.emoji-picker { padding-left: 0; padding-right: 0; } | |
| 1931 | |
| 1932 button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; } | |
| 1933 | |
| 1934 button.emoji-section:backdrop:not(:checked) { border-color: transparent; } | |
| 1935 | |
| 1936 button.emoji-section:hover { border-color: #7a7a7a; } | |
| 1937 | |
| 1938 button.emoji-section:checked { border-color: #5E7F3E; } | |
| 1939 | |
| 1940 button.emoji-section label { padding: 0; opacity: 0.55; } | |
| 1941 | |
| 1942 button.emoji-section:hover label { opacity: 0.775; } | |
| 1943 | |
| 1944 button.emoji-section:checked label { opacity: 1; } | |
| 1945 | |
| 1946 .emoji { font-size: x-large; padding: 6px; border-radius: 6px; } | |
| 1947 | |
| 1948 .emoji :hover { background: #5E7F3E; } | |
| 1949 | |
| 1950 /* GTK NAMED COLORS ---------------- use responsibly! */ | |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1951 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1952 widget text/foreground color */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1953 @define-color theme_fg_color #161616; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1954 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1955 text color for entries, views and content in general */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1956 @define-color theme_text_color black; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1957 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1958 widget base background color */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1959 @define-color theme_bg_color #C6C6C6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1960 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1961 text widgets and the like base background color */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1962 @define-color theme_base_color #C6C6C6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1963 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1964 base background color of selections */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1965 @define-color theme_selected_bg_color #5E7F3E; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1966 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1967 text/foreground color of selections */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1968 @define-color theme_selected_fg_color #ffffff; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1969 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1970 base background color of insensitive widgets */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1971 @define-color insensitive_bg_color #c6c6c6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1972 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1973 text foreground color of insensitive widgets */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1974 @define-color insensitive_fg_color #6e6e6e; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1975 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1976 insensitive text widgets and the like base background color */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1977 @define-color insensitive_base_color #C6C6C6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1978 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1979 widget text/foreground color on backdrop windows */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1980 @define-color theme_unfocused_fg_color #6e6e6e; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1981 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1982 text color for entries, views and content in general on backdrop windows */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1983 @define-color theme_unfocused_text_color black; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1984 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1985 widget base background color on backdrop windows */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1986 @define-color theme_unfocused_bg_color #C6C6C6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1987 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1988 text widgets and the like base background color on backdrop windows */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1989 @define-color theme_unfocused_base_color #c3c3c3; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1990 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1991 base background color of selections on backdrop windows */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1992 @define-color theme_unfocused_selected_bg_color #5E7F3E; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1993 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1994 text/foreground color of selections on backdrop windows */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1995 @define-color theme_unfocused_selected_fg_color #ffffff; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
1996 /* |
|
41
d49665775e8b
Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents:
39
diff
changeset
|
1997 insensitive color on backdrop windows*/ |
|
d49665775e8b
Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents:
39
diff
changeset
|
1998 @define-color unfocused_insensitive_color #a0a0a0; |
|
d49665775e8b
Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents:
39
diff
changeset
|
1999 /* |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2000 widgets main borders color */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2001 @define-color borders #7a7a7a; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2002 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2003 widgets main borders color on backdrop windows */ |
| 67 | 2004 @define-color unfocused_borders #818181; |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2005 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2006 these are pretty self explicative */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2007 @define-color warning_color #f57900; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2008 @define-color error_color #cc0000; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2009 @define-color success_color #73d216; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2010 /* |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2011 these colors are exported for the window manager and shouldn't be used in applications, |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2012 read if you used those and something break with a version upgrade you're on your own... */ |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2013 @define-color wm_title shade(#161616, 1.8); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2014 @define-color wm_unfocused_title #6e6e6e; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2015 @define-color wm_highlight rgba(255, 255, 255, 0.1); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2016 @define-color wm_borders_edge rgba(255, 255, 255, 0.1); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2017 @define-color wm_bg_a shade(#C6C6C6, 1.2); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2018 @define-color wm_bg_b #C6C6C6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2019 @define-color wm_shadow alpha(black, 0.35); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2020 @define-color wm_border alpha(black, 0.18); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2021 @define-color wm_button_hover_color_a shade(#C6C6C6, 1.3); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2022 @define-color wm_button_hover_color_b #C6C6C6; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2023 @define-color wm_button_active_color_a shade(#C6C6C6, 0.85); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2024 @define-color wm_button_active_color_b shade(#C6C6C6, 0.89); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2025 @define-color wm_button_active_color_c shade(#C6C6C6, 0.9); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2026 @define-color content_view_bg #C6C6C6; |
| 67 | 2027 @define-color theme_base_color #C6C6C6; |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2028 @define-color wm_title #3D3D3D; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2029 @define-color wm_unfocused_title #3D3D3D; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2030 @define-color wm_highlight shade(#3D3D3D, 1.03); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2031 @define-color wm_borders_edge #3D3D3D; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2032 @define-color wm_bg_a shade(#3D3D3D, 1.2); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2033 @define-color wm_bg_b #3D3D3D; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2034 @define-color wm_button_hover_color_a shade(#3D3D3D, 1.3); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2035 @define-color wm_button_hover_color_b #3D3D3D; |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2036 @define-color wm_button_active_color_a shade(#3D3D3D, 0.85); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2037 @define-color wm_button_active_color_b shade(#3D3D3D, 0.89); |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2038 @define-color wm_button_active_color_c shade(#3D3D3D, 0.9); |
| 59 | 2039 @define-color wm_button_border #303030; |
| 2040 @define-color button_emphasis_a #707070; | |
| 2041 @define-color button_emphasis_b #646464; | |
| 2042 @define-color button_emphasis_c #575757; | |
| 67 | 2043 /************************** Adwaita Dark Overrides * And now do our own * overrides of styling! * */ |
| 2044 *:disabled { -gtk-icon-effect: highlight; } | |
| 2045 | |
| 2046 /*************** Header bars * */ | |
| 2047 .titlebar:not(headerbar), headerbar { color: #fff; background-image: linear-gradient(to bottom, #454545 0%, #3D3D3D 45%); border-color: shade(#3D3D3D, 0.9); border-bottom-width: 0; box-shadow: inset 0 2px #4c4c4c, inset 0 1px #303030; background-color: #3D3D3D; } | |
| 2048 | |
| 2049 .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #dddddd; box-shadow: none; background-color: #3D3D3D; background-image: none; border-bottom-width: 0; border-color: #242424; } | |
| 2050 | |
| 2051 .titlebar:not(headerbar) .title, headerbar .title { color: #fff; } | |
| 2052 | |
| 2053 window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } | |
| 2054 | |
| 2055 .titlebar:not(headerbar) > separator { background-color: #7a7a7a; } | |
| 2056 | |
| 2057 headerbar button, headerbar button label, headerbar button:checked, headerbar button:checked label, headerbar button:backdrop, headerbar button:backdrop label, headerbar button:backdrop:checked, headerbar button:backdrop:checked label { color: #dddddd; } | |
| 2058 | |
| 2059 .titlebar:not(headerbar) headerbar:not(.selection-mode) button, headerbar:not(.selection-mode) button { color: #dddddd; background-image: linear-gradient(to bottom, #575757, #3D3D3D); text-shadow: 0 1px rgba(87, 87, 87, 0.5); -gtk-icon-shadow: 0 1px rgba(87, 87, 87, 0.5); border-color: #303030; outline-color: #575757; box-shadow: inset 0 1px #575757, 0 1px #575757; } | |
| 2060 | |
| 2061 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.flat, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton, headerbar:not(.selection-mode) button.flat, headerbar:not(.selection-mode) button.titlebutton { color: #dddddd; background-image: none; background-color: transparent; border-color: transparent; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } | |
| 2062 | |
| 2063 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.flat:hover, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.flat:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.flat:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.flat:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:hover, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:checked, headerbar:not(.selection-mode) button.flat:hover, headerbar:not(.selection-mode) button.flat:active, headerbar:not(.selection-mode) button.flat:backdrop, headerbar:not(.selection-mode) button.flat:checked, headerbar:not(.selection-mode) button.titlebutton:hover, headerbar:not(.selection-mode) button.titlebutton:active, headerbar:not(.selection-mode) button.titlebutton:backdrop, headerbar:not(.selection-mode) button.titlebutton:checked { color: #fff; } | |
| 2064 | |
| 2065 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.flat:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:backdrop, headerbar:not(.selection-mode) button.flat:backdrop, headerbar:not(.selection-mode) button.titlebutton:backdrop { border-color: transparent; } | |
| 2066 | |
| 2067 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:hover, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:hover, headerbar:not(.selection-mode) button:hover, headerbar:not(.selection-mode) button.titlebutton:hover { color: shade(#dddddd, 1.3); outline-color: #575757; border-color: #303030; background-image: linear-gradient(to bottom, shade(#575757, 1.1), shade(#3D3D3D, 1.1)); text-shadow: 0 1px rgba(87, 87, 87, 0.5); -gtk-icon-shadow: 0 1px rgba(87, 87, 87, 0.5); box-shadow: inset 0 1px #575757, 0 1px #575757; } | |
| 2068 | |
| 2069 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:active:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.titlebutton:checked:backdrop, headerbar:not(.selection-mode) button:active, headerbar:not(.selection-mode) button:checked, headerbar:not(.selection-mode) button.titlebutton:active, headerbar:not(.selection-mode) button.titlebutton:active:backdrop, headerbar:not(.selection-mode) button.titlebutton:checked, headerbar:not(.selection-mode) button.titlebutton:checked:backdrop { color: #fff; outline-color: #575757; border-color: #303030; background-image: linear-gradient(to bottom, #3D3D3D, #303030); text-shadow: 0 1px rgba(87, 87, 87, 0.5); -gtk-icon-shadow: 0 1px rgba(87, 87, 87, 0.5); box-shadow: inset 0 1px rgba(87, 87, 87, 0.3), 0 1px #575757; } | |
| 2070 | |
| 2071 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:backdrop, headerbar:not(.selection-mode) button:backdrop { color: #dddddd; background-image: none; background-color: #3D3D3D; border-color: #303030; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } | |
| 2072 | |
| 2073 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:backdrop:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button:backdrop:checked, headerbar:not(.selection-mode) button:backdrop:active, headerbar:not(.selection-mode) button:backdrop:checked { background-image: none; background-color: #303030; border-color: #303030; } | |
| 2074 | |
| 2075 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button:backdrop.suggested-action:disabled, headerbar:not(.selection-mode) button:backdrop:disabled, headerbar:not(.selection-mode) button:backdrop.suggested-action:disabled { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: none; } | |
| 2076 | |
| 2077 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:disabled, headerbar:not(.selection-mode) button:disabled, headerbar:not(.selection-mode) button.suggested-action:disabled { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: 0 1px #575757; } | |
| 2078 | |
| 2079 .titlebar:not(headerbar) headerbar:not(.selection-mode) button:drop(active), headerbar:not(.selection-mode) button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } | |
| 2080 | |
| 2081 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action, headerbar:not(.selection-mode) button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } | |
| 2082 | |
| 2083 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat, headerbar:not(.selection-mode) button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; } | |
| 2084 | |
| 2085 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:hover, headerbar:not(.selection-mode) button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } | |
| 2086 | |
| 2087 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:checked, headerbar:not(.selection-mode) button.suggested-action:active, headerbar:not(.selection-mode) button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; background-image: image(#4f6a34); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } | |
| 2088 | |
|
70
aa6a1c6e24ad
Reduce jump between focus and backdrop for "suggested action" button
IBBoard <dev@ibboard.co.uk>
parents:
69
diff
changeset
|
2089 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop, headerbar:not(.selection-mode) button.suggested-action:backdrop, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop { border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; } |
| 67 | 2090 |
| 2091 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop, headerbar:not(.selection-mode) button.suggested-action:backdrop label, headerbar:not(.selection-mode) button.suggested-action:backdrop, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop { color: #dfe5d8; } | |
| 2092 | |
| 2093 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked, headerbar:not(.selection-mode) button.suggested-action:backdrop:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:checked, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 2094 | |
| 2095 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked, headerbar:not(.selection-mode) button.suggested-action:backdrop:active label, headerbar:not(.selection-mode) button.suggested-action:backdrop:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:checked label, headerbar:not(.selection-mode) button.suggested-action:backdrop:checked, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:active, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:checked { color: #83877e; } | |
| 2096 | |
| 2097 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: none; } | |
| 2098 | |
| 2099 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } | |
| 2100 | |
| 2101 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active label, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked label, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active label, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked label, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active label, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:active label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled:checked label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:active label, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled label:checked label { color: #93a285; } | |
| 2102 | |
| 2103 .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:disabled, .titlebar:not(headerbar) headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop, headerbar:not(.selection-mode) button.suggested-action.flat:disabled, headerbar:not(.selection-mode) button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(94, 127, 62, 0.8); } | |
| 2104 | |
| 2105 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton, column-header .titlebar button.titlebutton, .titlebar column-header button.titlebutton { color: #161616; background-color: #e0e0e0; } | |
| 2106 | |
| 2107 column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover, column-header .titlebar button.titlebutton:hover, .titlebar column-header button.titlebutton:hover { color: black; } | |
| 2108 | |
| 2109 spinbutton:not(.vertical), entry { background-color: #F0F0F0; } | |
| 2110 | |
| 2111 spinbutton:disabled:not(.vertical), entry:disabled { background-color: #c6c6c6; } | |
| 2112 | |
| 2113 spinbutton:backdrop:not(.vertical), entry:backdrop { background-color: #ededed; } | |
| 2114 | |
| 2115 spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { background-color: #c6c6c6; } | |
| 2116 | |
| 2117 spinbutton:not(.vertical) button:hover { background-color: rgba(198, 198, 198, 0.4); border-top-color: transparent; border-top-style: solid; border-top-width: 1px; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; background-clip: padding-box; } | |
| 2118 | |
| 2119 .view, iconview, .view text, iconview text, iconview, iconview text, textview, textview text, list, list-row, list-row.button { color: black; background-color: #F0F0F0; } | |
| 2120 | |
| 2121 .view:backdrop, iconview:backdrop, .view:backdrop:hover, iconview:backdrop:hover, .view text:backdrop, iconview text:backdrop, .view text:backdrop:hover, iconview text:backdrop:hover, iconview:backdrop, iconview:backdrop:hover, iconview text:backdrop, iconview text:backdrop:hover, textview:backdrop, textview:backdrop:hover, textview text:backdrop, textview text:backdrop:hover, list:backdrop, list:backdrop:hover, list-row:backdrop, list-row:backdrop:hover, list-row.button:backdrop, list-row.button:backdrop:hover { color: #272727; background-color: #ededed; } | |
| 2122 | |
| 2123 .view:selected, iconview:selected, .view text:selected, iconview text:selected, iconview:selected, iconview text:selected, textview:selected, textview text:selected, list:selected, list-row:selected, list-row.button:selected { color: #ffffff; background-color: #5E7F3E; } | |
| 2124 | |
| 2125 .view:hover, iconview:hover, .view text:hover, iconview text:hover, iconview:hover, iconview text:hover, textview:hover, textview text:hover, list:hover, list-row:hover, list-row.button:hover { background-color: #e5e5e5; } | |
| 2126 | |
| 2127 .view:active, iconview:active, .view text:active, iconview text:active, iconview:active, iconview text:active, textview:active, textview text:active, list:active, list-row:active, list-row.button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } | |
| 2128 | |
| 2129 .view:selected:active, iconview:selected:active, .view text:selected:active, iconview text:selected:active, iconview:selected:active, iconview text:selected:active, textview:selected:active, textview text:selected:active, list:selected:active, list-row:selected:active, list-row.button:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } | |
| 2130 | |
| 2131 .view:selected:hover, iconview:selected:hover, .view text:selected:hover, iconview text:selected:hover, iconview:selected:hover, iconview text:selected:hover, textview:selected:hover, textview text:selected:hover, list:selected:hover, list-row:selected:hover, list-row.button:selected:hover { background-color: #57753a; } | |
| 2132 | |
| 2133 .view:selected:backdrop, iconview:selected:backdrop, .view text:selected:backdrop, iconview text:selected:backdrop, iconview:selected:backdrop, iconview text:selected:backdrop, textview:selected:backdrop, textview text:selected:backdrop, list:selected:backdrop, list-row:selected:backdrop, list-row.button:selected:backdrop { background-color: #5E7F3E; } | |
| 2134 | |
| 2135 .sidebar list { background: transparent; } | |
| 2136 | |
| 2137 #pathbarbox { background-color: #C6C6C6; } | |
| 2138 | |
| 2139 list-row.sidebar-item { background-color: #b9b9b9; border-color: #7a7a7a; } | |
| 2140 | |
| 2141 list-row.sidebar-item:backdrop, list-row.sidebar-item:backdrop:hover { background-color: #b9b9b9; border-color: #818181; } | |
| 2142 | |
| 2143 list-row.sidebar-item:hover { background-color: #bdbdbd; } | |
| 2144 | |
| 2145 list-row.sidebar-item:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } | |
| 2146 | |
| 2147 list-row.sidebar-item:selected { background-color: #5E7F3E; } | |
| 2148 | |
| 2149 list-row.sidebar-item:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } | |
| 2150 | |
| 2151 list-row.sidebar-item:selected:hover { background-color: #57753a; } | |
| 2152 | |
| 2153 list-row.sidebar-item:selected:backdrop { background-color: #5E7F3E; } | |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2154 |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2155 /* Fudge the Nautilus icon view background colour in the only way that seems to work */ |
| 67 | 2156 .nautilus-window notebook > stack > box > grid { background-color: #F0F0F0; } |
|
24
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2157 |
|
1b8713fff1e1
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff
changeset
|
2158 /* And make the Nautilus places bar a bit darker, as it used to be */ |
| 67 | 2159 placessidebar list { background-color: #b9b9b9; border-color: #7a7a7a; } |
| 2160 | |
| 2161 placessidebar list:backdrop { background-color: #b9b9b9; border-color: #818181; } | |
| 2162 | |
| 2163 .view.rubberband, iconview.rubberband { background-color: rgba(94, 127, 62, 0.2); } | |
| 2164 | |
| 2165 menubar { background-color: #3D3D3D; color: #cccccc; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } | |
| 2166 | |
| 2167 menubar:backdrop { background-color: #3D3D3D; color: #cccccc; } | |
| 2168 | |
| 2169 menu, .menu, .context-menu { background-color: #3D3D3D; color: #cccccc; border-color: #303030; } | |
| 2170 | |
| 2171 popover.menu, #gtk-combobox-popup-menu { background-color: #C6C6C6; color: #161616; } | |
| 2172 | |
| 2173 menubar > menuitem:hover, menubar > menuitem label:hover, headerbar > menuitem:hover, headerbar > menuitem label:hover { color: #5E7F3E; } | |
| 2174 | |
| 2175 menubar > menuitem:backdrop, menubar > menuitem label:backdrop, headerbar > menuitem:backdrop, headerbar > menuitem label:backdrop { color: #cccccc; } | |
| 2176 | |
| 2177 menubar > menuitem menuitem.check, menubar > menuitem menuitem.radio, menubar > menuitem label menuitem.check, menubar > menuitem label menuitem.radio, headerbar > menuitem menuitem.check, headerbar > menuitem menuitem.radio, headerbar > menuitem label menuitem.check, headerbar > menuitem label menuitem.radio { color: #dddddd; } | |
| 2178 | |
| 2179 .floating-bar { opacity: 0.9; color: black; background-color: #F0F0F0; border: 1px solid #7a7a7a; } | |
| 2180 | |
| 2181 .floating-bar.top.left { border-bottom-right-radius: 3px; border-top-width: 0; border-left-width: 0; } | |
| 2182 | |
| 2183 .floating-bar.top.right { border-bottom-left-radius: 3px; border-top-width: 0; border-right-width: 0; } | |
| 2184 | |
| 2185 .floating-bar.bottom.left { border-top-right-radius: 3px; border-bottom-width: 0; border-left-width: 0; } | |
| 2186 | |
| 2187 .floating-bar.bottom.right { border-top-left-radius: 3px; border-bottom-width: 0; border-right-width: 0; } | |
| 2188 | |
| 2189 treeview.view header button, treeview.view header button:backdrop, treeview.view header button:hover, treeview.view header button:hover:backdrop, treeview.view header button:active, treeview.view header button:active:backdrop, treeview.view header button:disabled, treeview.view header button:disabled:backdrop { border-color: #adadad; } | |
| 2190 | |
| 2191 treeview.view header button:last-child:hover { border-right-width: 0; } | |
| 2192 | |
| 2193 notebook > header tab:checked.reorderable-page { border-color: #7a7a7a; background-color: #C6C6C6; } | |
| 2194 | |
| 2195 notebook > header tab:checked.reorderable-page:hover { background-color: lightgray; } | |
| 2196 | |
| 2197 notebook > header tab:backdrop:checked.reorderable-page { background-color: #C6C6C6; } | |
| 74 | 2198 |
| 2199 .emoji-section label { font-family: "Symbola"; font-weight: bold; font-size: 125%; } |