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