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