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