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