Changeset View
Changeset View
Standalone View
Standalone View
Breeze-gtk/gtk-3.0/gtk.css
- This file was moved from Breeze-gtk/gtk-3.18/gtk.css.
1 | /* GTK NAMED COLORS | 1 | /* GTK NAMED COLORS | ||
---|---|---|---|---|---|
2 | ---------------- | 2 | ---------------- | ||
3 | use responsibly! */ | 3 | use responsibly! */ | ||
4 | /* | 4 | /* | ||
5 | widget text/foreground color */ | 5 | widget text/foreground color */ | ||
6 | @define-color theme_fg_color #31363b; | 6 | @define-color theme_fg_color #232627; | ||
7 | /* | 7 | /* | ||
8 | text color for entries, views and content in general */ | 8 | text color for entries, views and content in general */ | ||
9 | @define-color theme_text_color #31363b; | 9 | @define-color theme_text_color #232627; | ||
10 | /* | 10 | /* | ||
11 | widget base background color */ | 11 | widget base background color */ | ||
12 | @define-color theme_bg_color #eff0f1; | 12 | @define-color theme_bg_color #eff0f1; | ||
13 | /* | 13 | /* | ||
14 | text widgets and the like base background color */ | 14 | text widgets and the like base background color */ | ||
15 | @define-color theme_base_color #fcfcfc; | 15 | @define-color theme_base_color #fcfcfc; | ||
16 | /* | 16 | /* | ||
17 | base background color of selections */ | 17 | base background color of selections */ | ||
18 | @define-color theme_selected_bg_color #3daee9; | 18 | @define-color theme_selected_bg_color #3daee9; | ||
19 | /* | 19 | /* | ||
20 | text/foreground color of selections */ | 20 | text/foreground color of selections */ | ||
21 | @define-color theme_selected_fg_color #eff0f1; | 21 | @define-color theme_selected_fg_color #fcfcfc; | ||
22 | /* | 22 | /* | ||
23 | base background color of insensitive widgets */ | 23 | base background color of insensitive widgets */ | ||
24 | @define-color insensitive_bg_color rgba(216, 218, 221, 0.35); | 24 | @define-color insensitive_bg_color #d8dadd; | ||
25 | /* | 25 | /* | ||
26 | text foreground color of insensitive widgets */ | 26 | text foreground color of insensitive widgets */ | ||
27 | @define-color insensitive_fg_color rgba(45, 49, 54, 0.35); | 27 | @define-color insensitive_fg_color rgba(32, 35, 35, 0.35); | ||
28 | /* | 28 | /* | ||
29 | insensitive text widgets and the like base background color */ | 29 | insensitive text widgets and the like base background color */ | ||
30 | @define-color insensitive_base_color rgba(45, 49, 54, 0.35); | 30 | @define-color insensitive_base_color rgba(32, 35, 35, 0.35); | ||
31 | /* | 31 | /* | ||
32 | widget text/foreground color on backdrop windows */ | 32 | widget text/foreground color on backdrop windows */ | ||
33 | @define-color theme_unfocused_fg_color #31363b; | 33 | @define-color theme_unfocused_fg_color #232627; | ||
34 | /* | 34 | /* | ||
35 | text color for entries, views and content in general on backdrop windows */ | 35 | text color for entries, views and content in general on backdrop windows */ | ||
36 | @define-color theme_unfocused_text_color #31363b; | 36 | @define-color theme_unfocused_text_color #232627; | ||
37 | /* | 37 | /* | ||
38 | widget base background color on backdrop windows */ | 38 | widget base background color on backdrop windows */ | ||
39 | @define-color theme_unfocused_bg_color #eff0f1; | 39 | @define-color theme_unfocused_bg_color #eff0f1; | ||
40 | /* | 40 | /* | ||
41 | text widgets and the like base background color on backdrop windows */ | 41 | text widgets and the like base background color on backdrop windows */ | ||
42 | @define-color theme_unfocused_base_color #fcfcfc; | 42 | @define-color theme_unfocused_base_color #fcfcfc; | ||
43 | /* | 43 | /* | ||
44 | base background color of selections on backdrop windows */ | 44 | base background color of selections on backdrop windows */ | ||
45 | @define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); | 45 | @define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); | ||
46 | /* | 46 | /* | ||
47 | text/foreground color of selections on backdrop windows */ | 47 | text/foreground color of selections on backdrop windows */ | ||
48 | @define-color theme_unfocused_selected_fg_color #eff0f1; | 48 | @define-color theme_unfocused_selected_fg_color #fcfcfc; | ||
49 | /* | 49 | /* | ||
50 | widgets main borders color */ | 50 | widgets main borders color */ | ||
51 | @define-color borders #c0c2c4; | 51 | @define-color borders #bcbebf; | ||
52 | /* | 52 | /* | ||
53 | widgets main borders color on backdrop windows */ | 53 | widgets main borders color on backdrop windows */ | ||
54 | @define-color unfocused_borders #c0c2c4; | 54 | @define-color unfocused_borders #bcbebf; | ||
55 | /* | 55 | /* | ||
56 | widgets main borders color insensitive */ | 56 | widgets main borders color insensitive */ | ||
57 | @define-color insensitive_borders rgba(174, 176, 179, 0.35); | 57 | @define-color insensitive_borders rgba(170, 173, 174, 0.35); | ||
58 | /* | 58 | /* | ||
59 | these are pretty self explicative */ | 59 | these are pretty self explicative */ | ||
60 | @define-color warning_color #f67400; | 60 | @define-color warning_color #f67400; | ||
61 | @define-color error_color #da4453; | 61 | @define-color error_color #da4453; | ||
62 | @define-color success_color #27ae60; | 62 | @define-color success_color #27ae60; | ||
63 | @define-color content_view_bg #fcfcfc; | 63 | @define-color content_view_bg #fcfcfc; | ||
64 | * { | 64 | * { | ||
65 | padding: 0; | 65 | padding: 0; | ||
Show All 21 Lines | |||||
87 | -GtkDialog-action-area-border: 0; | 87 | -GtkDialog-action-area-border: 0; | ||
88 | -GtkStatusbar-shadow-type: none; | 88 | -GtkStatusbar-shadow-type: none; | ||
89 | outline-width: 0px; } | 89 | outline-width: 0px; } | ||
90 | 90 | | |||
91 | /*************** | 91 | /*************** | ||
92 | * Base States * | 92 | * Base States * | ||
93 | ***************/ | 93 | ***************/ | ||
94 | .background { | 94 | .background { | ||
95 | color: #31363b; | 95 | color: #232627; | ||
96 | background-color: #eff0f1; } | 96 | background-color: #eff0f1; } | ||
97 | .background:backdrop { | 97 | .background:backdrop { | ||
98 | text-shadow: none; | 98 | text-shadow: none; | ||
99 | icon-shadow: none; | 99 | icon-shadow: none; | ||
100 | color: #31363b; | 100 | color: #232627; | ||
101 | background-color: #eff0f1; } | 101 | background-color: #eff0f1; } | ||
102 | 102 | | |||
103 | /* | 103 | /* | ||
104 | These wildcard seems unavoidable, need to investigate. | 104 | These wildcard seems unavoidable, need to investigate. | ||
105 | Wildcards are bad and troublesome, use them with care, | 105 | Wildcards are bad and troublesome, use them with care, | ||
106 | or better, just don't. | 106 | or better, just don't. | ||
107 | Everytime a wildcard is used a kitten dies, painfully. | 107 | Everytime a wildcard is used a kitten dies, painfully. | ||
108 | */ | 108 | */ | ||
109 | *:insensitive { | 109 | *:insensitive { | ||
110 | -gtk-image-effect: dim; } | 110 | -gtk-image-effect: dim; } | ||
111 | 111 | | |||
112 | .gtkstyle-fallback { | 112 | .gtkstyle-fallback { | ||
113 | background-color: #eff0f1; | 113 | background-color: #eff0f1; | ||
114 | color: #31363b; } | 114 | color: #232627; } | ||
115 | .gtkstyle-fallback:prelight { | 115 | .gtkstyle-fallback:prelight { | ||
116 | background-color: white; | 116 | background-color: white; | ||
117 | color: #31363b; } | 117 | color: #232627; } | ||
118 | .gtkstyle-fallback:active { | 118 | .gtkstyle-fallback:active { | ||
119 | background-color: #d4d7d9; | 119 | background-color: #d4d7d9; | ||
120 | color: #31363b; } | 120 | color: #232627; } | ||
121 | .gtkstyle-fallback:insensitive { | 121 | .gtkstyle-fallback:insensitive { | ||
122 | background-color: rgba(216, 218, 221, 0.35); | 122 | background-color: #d8dadd; | ||
123 | color: rgba(45, 49, 54, 0.35); } | 123 | color: rgba(32, 35, 35, 0.35); } | ||
124 | .gtkstyle-fallback:selected { | 124 | .gtkstyle-fallback:selected { | ||
125 | background-color: #3daee9; | 125 | background-color: #3daee9; | ||
126 | color: #eff0f1; } | 126 | color: #fcfcfc; } | ||
127 | 127 | | |||
128 | .view { | 128 | .view { | ||
129 | color: #31363b; | 129 | color: #232627; | ||
130 | background-color: #fcfcfc; } | 130 | background-color: #fcfcfc; } | ||
131 | .view:backdrop { | 131 | .view:backdrop { | ||
132 | color: #31363b; | 132 | color: #232627; | ||
133 | background-color: #fcfcfc; } | 133 | background-color: #fcfcfc; } | ||
134 | .view:selected { | 134 | .view:selected { | ||
135 | border-radius: 3px; } | 135 | border-radius: 3px; } | ||
136 | .view:insensitive { | ||||
137 | color: rgba(32, 35, 35, 0.35); } | ||||
136 | 138 | | |||
137 | .rubberband { | 139 | .rubberband { | ||
138 | border: 1px solid #3daee9; | 140 | border: 1px solid #3daee9; | ||
139 | background-color: rgba(61, 174, 233, 0.2); } | 141 | background-color: rgba(61, 174, 233, 0.2); } | ||
140 | .rubberband:backdrop { | 142 | .rubberband:backdrop { | ||
141 | border-color: #3daee9; | 143 | border-color: #3daee9; | ||
142 | background-color: rgba(61, 174, 233, 0.2); } | 144 | background-color: rgba(61, 174, 233, 0.2); } | ||
143 | 145 | | |||
144 | .label.separator, GtkPlacesSidebar.sidebar .view .label.separator { | 146 | .label.separator, GtkPlacesSidebar.sidebar .view .label.separator { | ||
145 | color: #31363b; } | 147 | color: #232627; } | ||
146 | .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { | 148 | .label.separator:backdrop, | ||
147 | color: #31363b; } | 149 | GtkPlacesSidebar.sidebar .view .label.separator:backdrop { | ||
150 | color: #232627; } | ||||
151 | | ||||
148 | .label:insensitive { | 152 | .label:insensitive { | ||
149 | color: rgba(45, 49, 54, 0.35); } | 153 | color: rgba(32, 35, 35, 0.35); } | ||
150 | .label:insensitive:backdrop { | 154 | .label:insensitive:backdrop { | ||
151 | color: rgba(45, 49, 54, 0.35); } | 155 | color: rgba(32, 35, 35, 0.35); } | ||
152 | 156 | | |||
153 | .dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, | 157 | .dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, | ||
154 | .header-bar .subtitle { | 158 | .header-bar .subtitle { | ||
155 | opacity: 0.5; | 159 | opacity: 0.5; | ||
156 | text-shadow: none; } | 160 | text-shadow: none; } | ||
157 | 161 | | |||
158 | GtkAssistant .sidebar { | 162 | GtkAssistant .sidebar { | ||
159 | background-color: #31363b; | 163 | background-color: #232627; | ||
160 | border-top: 1px solid #c0c2c4; } | 164 | border-top: 1px solid #bcbebf; } | ||
161 | GtkAssistant .sidebar:dir(ltr) { | 165 | GtkAssistant .sidebar:dir(ltr) { | ||
162 | border-right: 1px solid #c0c2c4; } | 166 | border-right: 1px solid #bcbebf; } | ||
163 | GtkAssistant .sidebar:dir(rtl) { | 167 | GtkAssistant .sidebar:dir(rtl) { | ||
164 | border-left: 1px solid #c0c2c4; } | 168 | border-left: 1px solid #bcbebf; } | ||
165 | GtkAssistant .sidebar:backdrop { | 169 | GtkAssistant .sidebar:backdrop { | ||
166 | background-color: #31363b; | 170 | background-color: #232627; | ||
167 | border-color: #c0c2c4; } | 171 | border-color: #bcbebf; } | ||
172 | | ||||
168 | GtkAssistant.csd .sidebar { | 173 | GtkAssistant.csd .sidebar { | ||
169 | border-top-style: none; } | 174 | border-top-style: none; } | ||
175 | | ||||
170 | GtkAssistant .sidebar .label { | 176 | GtkAssistant .sidebar .label { | ||
171 | padding: 6px 12px; } | 177 | padding: 6px 12px; } | ||
178 | | ||||
172 | GtkAssistant .sidebar .label.highlight { | 179 | GtkAssistant .sidebar .label.highlight { | ||
173 | background-color: #d3d4d5; } | 180 | background-color: #d1d1d1; } | ||
174 | 181 | | |||
175 | GtkTextView { | 182 | GtkTextView { | ||
176 | background-color: #f6f6f7; } | 183 | background-color: #f6f6f7; } | ||
177 | GtkTextView:backdrop { | 184 | GtkTextView:backdrop { | ||
178 | background-color: #f6f6f7; } | 185 | background-color: #f6f6f7; } | ||
186 | GtkTextView:insensitive { | ||||
187 | color: rgba(32, 35, 35, 0.35); } | ||||
179 | 188 | | |||
180 | .grid-child { | 189 | .grid-child { | ||
181 | padding: 3px; | 190 | padding: 3px; | ||
182 | border-radius: 3px; } | 191 | border-radius: 3px; } | ||
183 | 192 | | |||
184 | .app-notification, | 193 | .app-notification, | ||
185 | .app-notification.frame, .popover.osd, .osd { | 194 | .app-notification.frame, .popover.osd, .osd { | ||
186 | color: #31363b; | 195 | color: #232627; | ||
187 | border: 1px solid #eff0f1; | 196 | border: 1px solid #eff0f1; | ||
188 | background-color: rgba(239, 240, 241, 0.8); | 197 | background-color: rgba(239, 240, 241, 0.8); | ||
189 | background-clip: padding-box; | 198 | background-clip: padding-box; | ||
190 | box-shadow: none; | 199 | box-shadow: none; | ||
191 | text-shadow: none; | 200 | text-shadow: none; | ||
192 | icon-shadow: none; } | 201 | icon-shadow: none; } | ||
193 | .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { | 202 | .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { | ||
194 | color: #31363b; | 203 | color: #232627; | ||
195 | background-color: rgba(239, 240, 241, 0.8); } | 204 | background-color: rgba(239, 240, 241, 0.8); } | ||
196 | 205 | | |||
197 | .view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, | 206 | .view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, | ||
198 | .sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { | 207 | .sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { | ||
199 | background-color: #3daee9; | 208 | background-color: #3daee9; | ||
200 | color: #eff0f1; } | 209 | color: #fcfcfc; } | ||
201 | .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { | 210 | .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { | ||
202 | background-color: rgba(61, 174, 233, 0.5); | 211 | background-color: rgba(61, 174, 233, 0.5); | ||
203 | color: #fcfcfc; } | 212 | color: #fcfcfc; } | ||
204 | 213 | | |||
205 | /*********** | 214 | /*********** | ||
206 | * Buttons * | 215 | * Buttons * | ||
207 | ***********/ | 216 | ***********/ | ||
208 | @keyframes needs_attention { | 217 | @keyframes needs_attention { | ||
209 | from { | 218 | from { | ||
210 | background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } | 219 | background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } | ||
211 | to { | 220 | to { | ||
212 | background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } | 221 | background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } | ||
222 | | ||||
213 | .button, .button.osd, .osd .button { | 223 | .button, .button.osd, .osd .button { | ||
214 | border: 1px solid; | 224 | border: 1px solid; | ||
215 | border-radius: 3px; | 225 | border-radius: 3px; | ||
216 | padding: 6px; | 226 | padding: 6px; | ||
217 | background-clip: border-box; | 227 | background-clip: border-box; | ||
218 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | 228 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | ||
219 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 229 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
220 | text-shadow: none; | 230 | text-shadow: none; | ||
221 | icon-shadow: none; | 231 | icon-shadow: none; | ||
222 | color: #31363b; | 232 | color: #232627; | ||
223 | border-color: #c0c2c4; | 233 | border-color: #bcbebf; | ||
224 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 234 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
225 | .flat.button { | 235 | .flat.button { | ||
226 | border-color: rgba(255, 255, 255, 0); | 236 | border-color: rgba(255, 255, 255, 0); | ||
227 | background-color: transparent; | 237 | background-color: transparent; | ||
228 | background-image: none; | 238 | background-image: none; | ||
229 | box-shadow: none; | 239 | box-shadow: none; | ||
230 | color: #31363b; | 240 | color: #232627; | ||
231 | text-shadow: none; | 241 | text-shadow: none; | ||
232 | icon-shadow: none; | 242 | icon-shadow: none; | ||
233 | transition: none; } | 243 | transition: none; } | ||
234 | .flat.button:hover { | 244 | .flat.button:hover { | ||
235 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | 245 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | ||
236 | transition-duration: 500ms; } | 246 | transition-duration: 500ms; } | ||
237 | .flat.button:hover:active { | 247 | .flat.button:hover:active { | ||
238 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | 248 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | ||
239 | .flat.button:checked { | 249 | .flat.button:checked { | ||
240 | background-color: #c0c2c4; } | 250 | background-color: #bcbebf; } | ||
241 | .button:hover { | 251 | .button:hover { | ||
242 | color: #31363b; | 252 | color: #232627; | ||
243 | border-color: #93cee9; | 253 | border-color: #93cee9; | ||
244 | -gtk-image-effect: highlight; } | 254 | -gtk-image-effect: highlight; } | ||
245 | .button:active, .button:checked { | 255 | .button:active, .button:checked { | ||
246 | color: #eff0f1; | 256 | color: #fcfcfc; | ||
247 | border-color: #3daee9; | 257 | border-color: #3daee9; | ||
248 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); | 258 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); | ||
249 | transition-duration: 50ms; } | 259 | transition-duration: 50ms; } | ||
250 | .button:active:hover, .button:checked:hover { | 260 | .button:active:hover, .button:checked:hover { | ||
251 | color: #31363b; | 261 | color: #232627; | ||
252 | border-color: #93cee9; | 262 | border-color: #93cee9; | ||
253 | background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } | 263 | background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } | ||
254 | .button:backdrop { | 264 | .button:backdrop { | ||
255 | color: #31363b; | 265 | color: #232627; | ||
256 | border-color: #c0c2c4; | 266 | border-color: #bcbebf; | ||
257 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); | 267 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); | ||
258 | -gtk-image-effect: none; } | 268 | -gtk-image-effect: none; } | ||
259 | .button:backdrop:active, .button:backdrop:checked { | 269 | .button:backdrop:active, .button:backdrop:checked { | ||
260 | color: #eff0f1; | 270 | color: #fcfcfc; | ||
261 | border-color: #3daee9; | 271 | border-color: #3daee9; | ||
262 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 272 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
263 | .button:backdrop:insensitive { | 273 | .button:backdrop:insensitive { | ||
264 | color: rgba(45, 49, 54, 0.35); | 274 | color: rgba(32, 35, 35, 0.35); | ||
265 | border-color: rgba(174, 176, 179, 0.35); | 275 | border-color: rgba(170, 173, 174, 0.35); | ||
266 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 276 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
267 | .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { | 277 | .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { | ||
268 | color: inherit; } | 278 | color: inherit; } | ||
269 | .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { | 279 | .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { | ||
270 | color: rgba(216, 218, 221, 0.35); | 280 | color: #e5e5e5; | ||
271 | border-color: rgba(37, 164, 230, 0.35); | 281 | border-color: rgba(37, 164, 230, 0.35); | ||
272 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 282 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
273 | .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { | 283 | .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { | ||
274 | color: inherit; } | 284 | color: inherit; } | ||
275 | .flat.button:backdrop { | 285 | .flat.button:backdrop { | ||
276 | -gtk-image-effect: none; | 286 | -gtk-image-effect: none; | ||
277 | border-color: rgba(255, 255, 255, 0); | 287 | border-color: rgba(255, 255, 255, 0); | ||
278 | background-color: transparent; | 288 | background-color: transparent; | ||
279 | background-image: none; | 289 | background-image: none; | ||
280 | box-shadow: none; | 290 | box-shadow: none; | ||
281 | color: #31363b; | 291 | color: #232627; | ||
282 | text-shadow: none; | 292 | text-shadow: none; | ||
283 | icon-shadow: none; | 293 | icon-shadow: none; | ||
284 | color: #31363b; } | 294 | color: #232627; } | ||
285 | .flat.button:insensitive { | 295 | .flat.button:insensitive { | ||
286 | border-color: rgba(255, 255, 255, 0); | 296 | border-color: rgba(255, 255, 255, 0); | ||
287 | background-color: transparent; | 297 | background-color: transparent; | ||
288 | background-image: none; | 298 | background-image: none; | ||
289 | box-shadow: none; | 299 | box-shadow: none; | ||
290 | color: #31363b; | 300 | color: #232627; | ||
291 | text-shadow: none; | 301 | text-shadow: none; | ||
292 | icon-shadow: none; | 302 | icon-shadow: none; | ||
293 | color: rgba(45, 49, 54, 0.35); } | 303 | color: rgba(32, 35, 35, 0.35); } | ||
294 | .flat.button:backdrop:insensitive { | 304 | .flat.button:backdrop:insensitive { | ||
295 | border-color: rgba(255, 255, 255, 0); | 305 | border-color: rgba(255, 255, 255, 0); | ||
296 | background-color: transparent; | 306 | background-color: transparent; | ||
297 | background-image: none; | 307 | background-image: none; | ||
298 | box-shadow: none; | 308 | box-shadow: none; | ||
299 | color: #31363b; | 309 | color: #232627; | ||
300 | text-shadow: none; | 310 | text-shadow: none; | ||
301 | icon-shadow: none; | 311 | icon-shadow: none; | ||
302 | color: rgba(45, 49, 54, 0.35); } | 312 | color: rgba(32, 35, 35, 0.35); } | ||
303 | .button:insensitive { | 313 | .button:insensitive { | ||
304 | color: rgba(45, 49, 54, 0.35); | 314 | color: rgba(32, 35, 35, 0.35); | ||
305 | border-color: rgba(174, 176, 179, 0.35); | 315 | border-color: rgba(170, 173, 174, 0.35); | ||
306 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 316 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
307 | .button:insensitive > .label, .osd .button:insensitive > .label { | 317 | .button:insensitive > .label, .osd .button:insensitive > .label { | ||
308 | color: inherit; } | 318 | color: inherit; } | ||
309 | .button:insensitive:active, .button:insensitive:checked { | 319 | .button:insensitive:active, .button:insensitive:checked { | ||
310 | color: rgba(216, 218, 221, 0.35); | 320 | color: #e5e5e5; | ||
311 | border-color: rgba(37, 164, 230, 0.35); | 321 | border-color: rgba(37, 164, 230, 0.35); | ||
312 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 322 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
313 | .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { | 323 | .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { | ||
314 | color: inherit; } | 324 | color: inherit; } | ||
315 | 325 | | |||
316 | .button.suggested-action, .button.suggested-action.osd .button { | 326 | .button.suggested-action, | ||
327 | .button.suggested-action.osd .button { | ||||
317 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 328 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
318 | text-shadow: none; | 329 | text-shadow: none; | ||
319 | icon-shadow: none; | 330 | icon-shadow: none; | ||
320 | color: #eff0f1; | 331 | color: #fcfcfc; | ||
321 | border-color: #3daee9; | 332 | border-color: #3daee9; | ||
322 | background-image: linear-gradient(to bottom, #40afe9, #35abe8); } | 333 | background-image: linear-gradient(to bottom, #40afe9, #35abe8); } | ||
323 | .button.suggested-action.flat, .button.suggested-action.osd .button.flat { | 334 | .button.suggested-action.flat, | ||
335 | .button.suggested-action.osd .button.flat { | ||||
324 | border-color: rgba(255, 255, 255, 0); | 336 | border-color: rgba(255, 255, 255, 0); | ||
325 | background-color: transparent; | 337 | background-color: transparent; | ||
326 | background-image: none; | 338 | background-image: none; | ||
327 | box-shadow: none; | 339 | box-shadow: none; | ||
328 | color: #31363b; | 340 | color: #232627; | ||
329 | text-shadow: none; | 341 | text-shadow: none; | ||
330 | icon-shadow: none; | 342 | icon-shadow: none; | ||
331 | color: #3daee9; } | 343 | color: #3daee9; } | ||
332 | .button.suggested-action:hover, .button.suggested-action.osd .button:hover { | 344 | .button.suggested-action:hover, | ||
345 | .button.suggested-action.osd .button:hover { | ||||
333 | color: white; | 346 | color: white; | ||
334 | border-color: #3daee9; } | 347 | border-color: #3daee9; } | ||
335 | .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { | 348 | .button.suggested-action:active, .button.suggested-action:checked, | ||
349 | .button.suggested-action.osd .button:active, | ||||
350 | .button.suggested-action.osd .button:checked { | ||||
336 | color: white; | 351 | color: white; | ||
337 | border-color: #3daee9; | 352 | border-color: #3daee9; | ||
338 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 353 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
339 | .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { | 354 | .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, | ||
355 | .button.suggested-action.osd .button:backdrop, | ||||
356 | .button.suggested-action.osd .button.flat:backdrop { | ||||
340 | color: white; | 357 | color: white; | ||
341 | border-color: #c0c2c4; | 358 | border-color: #bcbebf; | ||
342 | background-image: linear-gradient(to bottom, #40afe9, #35abe8); } | 359 | background-image: linear-gradient(to bottom, #40afe9, #35abe8); } | ||
343 | .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, .button.suggested-action.osd .button:backdrop:active, .button.suggested-action.osd .button:backdrop:checked, .button.suggested-action.osd .button.flat:backdrop:active, .button.suggested-action.osd .button.flat:backdrop:checked { | 360 | .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, | ||
361 | .button.suggested-action.osd .button:backdrop:active, | ||||
362 | .button.suggested-action.osd .button:backdrop:checked, | ||||
363 | .button.suggested-action.osd .button.flat:backdrop:active, | ||||
364 | .button.suggested-action.osd .button.flat:backdrop:checked { | ||||
344 | color: white; | 365 | color: white; | ||
345 | border-color: #3daee9; | 366 | border-color: #3daee9; | ||
346 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 367 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
347 | .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { | 368 | .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, | ||
348 | color: rgba(45, 49, 54, 0.35); | 369 | .button.suggested-action.osd .button:backdrop:insensitive, | ||
349 | border-color: rgba(174, 176, 179, 0.35); | 370 | .button.suggested-action.osd .button.flat:backdrop:insensitive { | ||
350 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 371 | color: rgba(32, 35, 35, 0.35); | ||
351 | .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { | 372 | border-color: rgba(170, 173, 174, 0.35); | ||
352 | color: inherit; } | 373 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
353 | .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { | 374 | .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, | ||
375 | .button.suggested-action.osd .button:backdrop:insensitive > .label, | ||||
376 | .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { | ||||
377 | color: inherit; } | ||||
378 | .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, | ||||
379 | .button.suggested-action.osd .button:backdrop:insensitive:active, | ||||
380 | .button.suggested-action.osd .button:backdrop:insensitive:checked, | ||||
381 | .button.suggested-action.osd .button.flat:backdrop:insensitive:active, | ||||
382 | .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { | ||||
354 | color: #e8e8e8; | 383 | color: #e8e8e8; | ||
355 | border-color: rgba(37, 164, 230, 0.35); | 384 | border-color: rgba(37, 164, 230, 0.35); | ||
356 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 385 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
357 | .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { | 386 | .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, | ||
358 | color: inherit; } | 387 | .button.suggested-action.osd .button:backdrop:insensitive:active > .label, | ||
359 | .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { | 388 | .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, | ||
389 | .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, | ||||
390 | .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { | ||||
391 | color: inherit; } | ||||
392 | .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, | ||||
393 | .button.suggested-action.osd .button.flat:backdrop, | ||||
394 | .button.suggested-action.osd .button.flat:insensitive, | ||||
395 | .button.suggested-action.osd .button.flat:backdrop:insensitive { | ||||
360 | border-color: rgba(255, 255, 255, 0); | 396 | border-color: rgba(255, 255, 255, 0); | ||
361 | background-color: transparent; | 397 | background-color: transparent; | ||
362 | background-image: none; | 398 | background-image: none; | ||
363 | box-shadow: none; | 399 | box-shadow: none; | ||
364 | color: #31363b; | 400 | color: #232627; | ||
365 | text-shadow: none; | 401 | text-shadow: none; | ||
366 | icon-shadow: none; | 402 | icon-shadow: none; | ||
367 | color: rgba(61, 174, 233, 0.8); } | 403 | color: rgba(61, 174, 233, 0.8); } | ||
368 | .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { | 404 | .button.suggested-action:insensitive, | ||
369 | color: rgba(45, 49, 54, 0.35); | 405 | .button.suggested-action.osd .button:insensitive { | ||
370 | border-color: rgba(174, 176, 179, 0.35); | 406 | color: rgba(32, 35, 35, 0.35); | ||
371 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 407 | border-color: rgba(170, 173, 174, 0.35); | ||
372 | .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { | 408 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
373 | color: inherit; } | 409 | .button.suggested-action:insensitive > .label, | ||
374 | .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { | 410 | .button.suggested-action.osd .button:insensitive > .label { | ||
411 | color: inherit; } | ||||
412 | .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, | ||||
413 | .button.suggested-action.osd .button:insensitive:active, | ||||
414 | .button.suggested-action.osd .button:insensitive:checked { | ||||
375 | color: #e8e8e8; | 415 | color: #e8e8e8; | ||
376 | border-color: rgba(37, 164, 230, 0.35); | 416 | border-color: rgba(37, 164, 230, 0.35); | ||
377 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 417 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
378 | .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { | 418 | .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, | ||
419 | .button.suggested-action.osd .button:insensitive:active > .label, | ||||
420 | .button.suggested-action.osd .button:insensitive:checked > .label { | ||||
379 | color: inherit; } | 421 | color: inherit; } | ||
380 | .button.destructive-action, .button.destructive-action.osd .button { | 422 | | ||
423 | .button.destructive-action, | ||||
424 | .button.destructive-action.osd .button { | ||||
381 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 425 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
382 | text-shadow: none; | 426 | text-shadow: none; | ||
383 | icon-shadow: none; | 427 | icon-shadow: none; | ||
384 | color: #eff0f1; | 428 | color: #fcfcfc; | ||
385 | border-color: #da4453; | 429 | border-color: #da4453; | ||
386 | background-image: linear-gradient(to bottom, #da4655, #d93d4d); } | 430 | background-image: linear-gradient(to bottom, #da4655, #d93d4d); } | ||
387 | .button.destructive-action.flat, .button.destructive-action.osd .button.flat { | 431 | .button.destructive-action.flat, | ||
432 | .button.destructive-action.osd .button.flat { | ||||
388 | border-color: rgba(255, 255, 255, 0); | 433 | border-color: rgba(255, 255, 255, 0); | ||
389 | background-color: transparent; | 434 | background-color: transparent; | ||
390 | background-image: none; | 435 | background-image: none; | ||
391 | box-shadow: none; | 436 | box-shadow: none; | ||
392 | color: #31363b; | 437 | color: #232627; | ||
393 | text-shadow: none; | 438 | text-shadow: none; | ||
394 | icon-shadow: none; | 439 | icon-shadow: none; | ||
395 | color: #da4453; } | 440 | color: #da4453; } | ||
396 | .button.destructive-action:hover, .button.destructive-action.osd .button:hover { | 441 | .button.destructive-action:hover, | ||
442 | .button.destructive-action.osd .button:hover { | ||||
397 | color: white; | 443 | color: white; | ||
398 | border-color: #da4453; } | 444 | border-color: #da4453; } | ||
399 | .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { | 445 | .button.destructive-action:active, .button.destructive-action:checked, | ||
446 | .button.destructive-action.osd .button:active, | ||||
447 | .button.destructive-action.osd .button:checked { | ||||
400 | color: white; | 448 | color: white; | ||
401 | border-color: #da4453; | 449 | border-color: #da4453; | ||
402 | background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } | 450 | background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } | ||
403 | .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { | 451 | .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, | ||
452 | .button.destructive-action.osd .button:backdrop, | ||||
453 | .button.destructive-action.osd .button.flat:backdrop { | ||||
404 | color: white; | 454 | color: white; | ||
405 | border-color: #c0c2c4; | 455 | border-color: #bcbebf; | ||
406 | background-image: linear-gradient(to bottom, #da4655, #d93d4d); } | 456 | background-image: linear-gradient(to bottom, #da4655, #d93d4d); } | ||
407 | .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { | 457 | .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, | ||
458 | .button.destructive-action.osd .button:backdrop:active, | ||||
459 | .button.destructive-action.osd .button:backdrop:checked, | ||||
460 | .button.destructive-action.osd .button.flat:backdrop:active, | ||||
461 | .button.destructive-action.osd .button.flat:backdrop:checked { | ||||
408 | color: white; | 462 | color: white; | ||
409 | border-color: #da4453; | 463 | border-color: #da4453; | ||
410 | background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } | 464 | background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } | ||
411 | .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { | 465 | .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, | ||
412 | color: rgba(45, 49, 54, 0.35); | 466 | .button.destructive-action.osd .button:backdrop:insensitive, | ||
413 | border-color: rgba(174, 176, 179, 0.35); | 467 | .button.destructive-action.osd .button.flat:backdrop:insensitive { | ||
414 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 468 | color: rgba(32, 35, 35, 0.35); | ||
415 | .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { | 469 | border-color: rgba(170, 173, 174, 0.35); | ||
416 | color: inherit; } | 470 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
417 | .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { | 471 | .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, | ||
472 | .button.destructive-action.osd .button:backdrop:insensitive > .label, | ||||
473 | .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { | ||||
474 | color: inherit; } | ||||
475 | .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, | ||||
476 | .button.destructive-action.osd .button:backdrop:insensitive:active, | ||||
477 | .button.destructive-action.osd .button:backdrop:insensitive:checked, | ||||
478 | .button.destructive-action.osd .button.flat:backdrop:insensitive:active, | ||||
479 | .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { | ||||
418 | color: #e8e8e8; | 480 | color: #e8e8e8; | ||
419 | border-color: rgba(214, 46, 63, 0.35); | 481 | border-color: rgba(214, 46, 63, 0.35); | ||
420 | background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } | 482 | background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } | ||
421 | .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { | 483 | .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, | ||
422 | color: inherit; } | 484 | .button.destructive-action.osd .button:backdrop:insensitive:active > .label, | ||
423 | .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { | 485 | .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, | ||
486 | .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, | ||||
487 | .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { | ||||
488 | color: inherit; } | ||||
489 | .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, | ||||
490 | .button.destructive-action.osd .button.flat:backdrop, | ||||
491 | .button.destructive-action.osd .button.flat:insensitive, | ||||
492 | .button.destructive-action.osd .button.flat:backdrop:insensitive { | ||||
424 | border-color: rgba(255, 255, 255, 0); | 493 | border-color: rgba(255, 255, 255, 0); | ||
425 | background-color: transparent; | 494 | background-color: transparent; | ||
426 | background-image: none; | 495 | background-image: none; | ||
427 | box-shadow: none; | 496 | box-shadow: none; | ||
428 | color: #31363b; | 497 | color: #232627; | ||
429 | text-shadow: none; | 498 | text-shadow: none; | ||
430 | icon-shadow: none; | 499 | icon-shadow: none; | ||
431 | color: rgba(218, 68, 83, 0.8); } | 500 | color: rgba(218, 68, 83, 0.8); } | ||
432 | .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { | 501 | .button.destructive-action:insensitive, | ||
433 | color: rgba(45, 49, 54, 0.35); | 502 | .button.destructive-action.osd .button:insensitive { | ||
434 | border-color: rgba(174, 176, 179, 0.35); | 503 | color: rgba(32, 35, 35, 0.35); | ||
435 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 504 | border-color: rgba(170, 173, 174, 0.35); | ||
436 | .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { | 505 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
437 | color: inherit; } | 506 | .button.destructive-action:insensitive > .label, | ||
438 | .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { | 507 | .button.destructive-action.osd .button:insensitive > .label { | ||
508 | color: inherit; } | ||||
509 | .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, | ||||
510 | .button.destructive-action.osd .button:insensitive:active, | ||||
511 | .button.destructive-action.osd .button:insensitive:checked { | ||||
439 | color: #e8e8e8; | 512 | color: #e8e8e8; | ||
440 | border-color: rgba(37, 164, 230, 0.35); | 513 | border-color: rgba(37, 164, 230, 0.35); | ||
441 | background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } | 514 | background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } | ||
442 | .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { | 515 | .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, | ||
516 | .button.destructive-action.osd .button:insensitive:active > .label, | ||||
517 | .button.destructive-action.osd .button:insensitive:checked > .label { | ||||
443 | color: inherit; } | 518 | color: inherit; } | ||
519 | | ||||
444 | .button.image-button { | 520 | .button.image-button { | ||
445 | padding: 6px; } | 521 | padding: 6px; } | ||
522 | | ||||
446 | .button.text-button { | 523 | .button.text-button { | ||
447 | padding: 6px; } | 524 | padding: 6px; } | ||
525 | | ||||
448 | .button.text-button.image-button { | 526 | .button.text-button.image-button { | ||
449 | padding: 6px; } | 527 | padding: 6px; } | ||
450 | .button.text-button.image-button .label:first-child { | 528 | .button.text-button.image-button .label:first-child { | ||
451 | padding-left: 8px; } | 529 | padding-left: 8px; } | ||
452 | .button.text-button.image-button .label:last-child { | 530 | .button.text-button.image-button .label:last-child { | ||
453 | padding-right: 8px; } | 531 | padding-right: 8px; } | ||
532 | | ||||
454 | .stack-switcher > .button > .label { | 533 | .stack-switcher > .button > .label { | ||
455 | padding-left: 6px; | 534 | padding-left: 6px; | ||
456 | padding-right: 6px; } | 535 | padding-right: 6px; } | ||
536 | | ||||
457 | .stack-switcher > .button > GtkImage { | 537 | .stack-switcher > .button > GtkImage { | ||
458 | padding-left: 6px; | 538 | padding-left: 6px; | ||
459 | padding-right: 6px; | 539 | padding-right: 6px; | ||
460 | padding-top: 3px; | 540 | padding-top: 3px; | ||
461 | padding-bottom: 3px; } | 541 | padding-bottom: 3px; } | ||
542 | | ||||
462 | .stack-switcher > .button.text-button { | 543 | .stack-switcher > .button.text-button { | ||
463 | padding: 6px; } | 544 | padding: 6px; } | ||
545 | | ||||
464 | .stack-switcher > .button.image-button { | 546 | .stack-switcher > .button.image-button { | ||
465 | padding: 3px 0px; } | 547 | padding: 3px 0px; } | ||
466 | .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { | 548 | | ||
549 | .stack-switcher > .button.needs-attention:active > .label, | ||||
550 | .stack-switcher > .button.needs-attention:active > GtkImage, | ||||
551 | .stack-switcher > .button.needs-attention:checked > .label, | ||||
552 | .stack-switcher > .button.needs-attention:checked > GtkImage { | ||||
467 | animation: none; | 553 | animation: none; | ||
468 | background-image: none; } | 554 | background-image: none; } | ||
555 | | ||||
469 | .inline-toolbar .button, .inline-toolbar .button:backdrop { | 556 | .inline-toolbar .button, .inline-toolbar .button:backdrop { | ||
470 | border-radius: 3px; | 557 | border-radius: 3px; | ||
471 | border-width: 1px; } | 558 | border-width: 1px; } | ||
559 | | ||||
472 | .primary-toolbar .button { | 560 | .primary-toolbar .button { | ||
473 | icon-shadow: none; } | 561 | icon-shadow: none; } | ||
474 | 562 | | |||
475 | /************** | 563 | /************** | ||
476 | * ComboBoxes * | 564 | * ComboBoxes * | ||
477 | **************/ | 565 | **************/ | ||
478 | GtkComboBox { | 566 | GtkComboBox { | ||
479 | -GtkComboBox-arrow-scaling: 0.5; | 567 | -GtkComboBox-arrow-scaling: 0.5; | ||
480 | -GtkComboBox-shadow-type: none; } | 568 | -GtkComboBox-shadow-type: none; } | ||
481 | GtkComboBox > .button { | 569 | GtkComboBox > .button { | ||
482 | padding: 5px 4px; } | 570 | padding: 5px 4px; } | ||
483 | GtkComboBox:insensitive { | 571 | GtkComboBox:insensitive { | ||
484 | color: rgba(45, 49, 54, 0.35); | 572 | color: rgba(32, 35, 35, 0.35); | ||
485 | text-shadow: none; | 573 | text-shadow: none; | ||
486 | icon-shadow: none; } | 574 | icon-shadow: none; } | ||
487 | GtkComboBox:backdrop { | 575 | GtkComboBox:backdrop { | ||
488 | color: #31363b; | 576 | color: #232627; | ||
489 | text-shadow: none; | 577 | text-shadow: none; | ||
490 | icon-shadow: none; } | 578 | icon-shadow: none; } | ||
491 | GtkComboBox:backdrop:insensitive { | 579 | GtkComboBox:backdrop:insensitive { | ||
492 | color: rgba(45, 49, 54, 0.35); } | 580 | color: rgba(32, 35, 35, 0.35); } | ||
493 | GtkComboBox .menuitem { | 581 | GtkComboBox .menuitem { | ||
494 | text-shadow: none; } | 582 | text-shadow: none; } | ||
495 | GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { | 583 | GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { | ||
496 | -GtkWidget-wide-separators: true; } | 584 | -GtkWidget-wide-separators: true; } | ||
497 | 585 | | |||
498 | .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { | 586 | .stack-switcher > .button.needs-attention > .label, | ||
587 | .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { | ||||
499 | animation: needs_attention 150ms ease-in; | 588 | animation: needs_attention 150ms ease-in; | ||
500 | background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#31363b), to(transparent)); | 589 | background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#232627), to(transparent)); | ||
501 | background-size: 6px 6px, 6px 6px; | 590 | background-size: 6px 6px, 6px 6px; | ||
502 | background-repeat: no-repeat; | 591 | background-repeat: no-repeat; | ||
503 | background-position: right 3px, right 4px; } | 592 | background-position: right 3px, right 4px; } | ||
504 | .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { | 593 | .stack-switcher > .button.needs-attention > .label:backdrop, | ||
594 | .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { | ||||
505 | background-size: 6px 6px, 0 0; } | 595 | background-size: 6px 6px, 0 0; } | ||
506 | .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { | 596 | .stack-switcher > .button.needs-attention > .label:dir(rtl), | ||
597 | .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { | ||||
507 | background-position: left 3px, left 4px; } | 598 | background-position: left 3px, left 4px; } | ||
508 | 599 | | |||
509 | .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { | 600 | .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, | ||
601 | .linked > .button:hover, | ||||
602 | .linked > .button:active, | ||||
603 | .linked > .button:checked, | ||||
604 | .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { | ||||
510 | border-radius: 3px; } | 605 | border-radius: 3px; } | ||
511 | .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { | 606 | .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), | ||
607 | .linked > .button:dir(rtl):hover, | ||||
608 | .linked > .button:dir(rtl):active, | ||||
609 | .linked > .button:dir(rtl):checked, | ||||
610 | .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { | ||||
512 | border-radius: 3px; } | 611 | border-radius: 3px; } | ||
513 | 612 | | |||
514 | .inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { | 613 | .inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { | ||
515 | border-radius: 3px; | 614 | border-radius: 3px; | ||
516 | border-style: solid; } | 615 | border-style: solid; } | ||
616 | | ||||
517 | .inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { | 617 | .inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { | ||
518 | border-radius: 3px; } | 618 | border-radius: 3px; } | ||
619 | | ||||
519 | .inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { | 620 | .inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { | ||
520 | border-radius: 3px; | 621 | border-radius: 3px; | ||
521 | border-style: solid; } | 622 | border-style: solid; } | ||
522 | 623 | | |||
523 | .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop { | 624 | .linked.vertical > .button, | ||
625 | .linked.vertical > .button:hover, | ||||
626 | .linked.vertical > .button:active, | ||||
627 | .linked.vertical > .button:checked, | ||||
628 | .linked.vertical > .button:backdrop { | ||||
524 | border-style: solid; | 629 | border-style: solid; | ||
525 | border-radius: 3px; } | 630 | border-radius: 3px; } | ||
526 | 631 | | |||
527 | .linked.vertical > .button:first-child { | 632 | .linked.vertical > .button:first-child { | ||
528 | border-radius: 3px; } | 633 | border-radius: 3px; } | ||
634 | | ||||
529 | .linked.vertical > .button:last-child { | 635 | .linked.vertical > .button:last-child { | ||
530 | border-radius: 3px; | 636 | border-radius: 3px; | ||
531 | border-style: solid; } | 637 | border-style: solid; } | ||
638 | | ||||
532 | .linked.vertical > .button:only-child { | 639 | .linked.vertical > .button:only-child { | ||
533 | border-radius: 3px; | 640 | border-radius: 3px; | ||
534 | border-style: solid; } | 641 | border-style: solid; } | ||
535 | 642 | | |||
536 | .app-notification .button.flat, | 643 | .app-notification .button.flat, | ||
537 | .app-notification.frame .button.flat, .app-notification .button.flat:hover, | 644 | .app-notification.frame .button.flat, .app-notification .button.flat:hover, | ||
538 | .app-notification.frame .button.flat:hover, .app-notification .button.flat:active, | 645 | .app-notification.frame .button.flat:hover, .app-notification .button.flat:active, | ||
539 | .app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, | 646 | .app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, | ||
Show All 27 Lines | |||||
567 | /**************** | 674 | /**************** | ||
568 | * Text Entries * | 675 | * Text Entries * | ||
569 | ****************/ | 676 | ****************/ | ||
570 | .entry { | 677 | .entry { | ||
571 | border: 1px solid; | 678 | border: 1px solid; | ||
572 | padding: 5px 8px 5px; | 679 | padding: 5px 8px 5px; | ||
573 | border-radius: 3px; | 680 | border-radius: 3px; | ||
574 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | 681 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | ||
575 | color: #31363b; | 682 | color: #232627; | ||
576 | border-color: #c0c2c4; | 683 | border-color: #bcbebf; | ||
577 | background-color: #fcfcfc; | 684 | background-color: #fcfcfc; | ||
578 | box-shadow: none; } | 685 | box-shadow: none; } | ||
579 | .entry.image.left { | 686 | .entry.image.left { | ||
580 | padding-left: 0; } | 687 | padding-left: 0; } | ||
581 | .entry.image.right { | 688 | .entry.image.right { | ||
582 | padding-right: 0; } | 689 | padding-right: 0; } | ||
583 | .entry.flat, .entry.flat:focus { | 690 | .entry.flat, .entry.flat:focus { | ||
584 | padding: 2px; | 691 | padding: 2px; | ||
585 | color: #31363b; | 692 | color: #232627; | ||
586 | border-color: #c0c2c4; | 693 | border-color: #bcbebf; | ||
587 | background-color: #fcfcfc; | 694 | background-color: #fcfcfc; | ||
588 | box-shadow: none; | 695 | box-shadow: none; | ||
589 | border: none; | 696 | border: none; | ||
590 | border-radius: 0; } | 697 | border-radius: 0; } | ||
591 | .entry:focus { | 698 | .entry:focus { | ||
592 | border-color: #3daee9; } | 699 | border-color: #3daee9; } | ||
593 | .entry:insensitive { | 700 | .entry:insensitive { | ||
594 | color: rgba(45, 49, 54, 0.35); | 701 | color: rgba(32, 35, 35, 0.35); | ||
595 | border-color: rgba(174, 176, 179, 0.35); | 702 | border-color: rgba(170, 173, 174, 0.35); | ||
596 | background-color: #e5e5e5; } | 703 | background-color: #e5e5e5; } | ||
597 | .entry:backdrop { | 704 | .entry:backdrop { | ||
598 | color: #31363b; | 705 | color: #232627; | ||
599 | border-color: #c0c2c4; | 706 | border-color: #bcbebf; | ||
600 | background-color: #fcfcfc; } | 707 | background-color: #fcfcfc; } | ||
601 | .entry:backdrop:insensitive { | 708 | .entry:backdrop:insensitive { | ||
602 | color: rgba(45, 49, 54, 0.35); | 709 | color: rgba(32, 35, 35, 0.35); | ||
603 | border-color: rgba(174, 176, 179, 0.35); | 710 | border-color: rgba(170, 173, 174, 0.35); | ||
604 | background-color: #e5e5e5; } | 711 | background-color: #e5e5e5; } | ||
605 | .entry.progressbar { | 712 | .entry.progressbar { | ||
606 | margin: 1px; | 713 | margin: 1px; | ||
607 | border-radius: 0; | 714 | border-radius: 0; | ||
608 | border-width: 0 0 2px; | 715 | border-width: 0 0 2px; | ||
609 | border-color: #3daee9; | 716 | border-color: #3daee9; | ||
610 | border-style: solid; | 717 | border-style: solid; | ||
611 | background-image: none; | 718 | background-image: none; | ||
Show All 24 Lines | 741 | .entry.warning:focus { | |||
636 | background-color: rgba(246, 116, 0, 0.5); } | 743 | background-color: rgba(246, 116, 0, 0.5); } | ||
637 | .entry.warning:selected, .entry.warning:selected:focus { | 744 | .entry.warning:selected, .entry.warning:selected:focus { | ||
638 | background-color: #f67400; } | 745 | background-color: #f67400; } | ||
639 | .entry.warning:backdrop { | 746 | .entry.warning:backdrop { | ||
640 | color: #f67400; | 747 | color: #f67400; | ||
641 | border-color: #f67400; | 748 | border-color: #f67400; | ||
642 | background-color: rgba(246, 116, 0, 0.5); } | 749 | background-color: rgba(246, 116, 0, 0.5); } | ||
643 | .entry.image { | 750 | .entry.image { | ||
644 | color: #31363b; } | 751 | color: #232627; } | ||
645 | .entry.image:hover { | 752 | .entry.image:hover { | ||
646 | color: #93cee9; } | 753 | color: #93cee9; } | ||
647 | .entry.image:active { | 754 | .entry.image:active { | ||
648 | color: #3daee9; } | 755 | color: #3daee9; } | ||
649 | .entry.image:backdrop { | 756 | .entry.image:backdrop { | ||
650 | color: #31363b; } | 757 | color: #232627; } | ||
651 | 758 | | |||
652 | /********************* | 759 | /********************* | ||
653 | * App Notifications * | 760 | * App Notifications * | ||
654 | *********************/ | 761 | *********************/ | ||
655 | .app-notification, | 762 | .app-notification, | ||
656 | .app-notification.frame { | 763 | .app-notification.frame { | ||
657 | padding: 10px; | 764 | padding: 10px; | ||
658 | border-top-width: 0px; | 765 | border-top-width: 0px; | ||
659 | border-radius: 0px 0px 3px 3px; } | 766 | border-radius: 0px 0px 3px 3px; } | ||
660 | .app-notification:backdrop, | 767 | .app-notification:backdrop, | ||
661 | .app-notification.frame:backdrop { | 768 | .app-notification.frame:backdrop { | ||
662 | background-image: none; } | 769 | background-image: none; } | ||
663 | .app-notification .button, | 770 | .app-notification .button, | ||
664 | .app-notification.frame .button { | 771 | .app-notification.frame .button { | ||
665 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 772 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
666 | text-shadow: none; | 773 | text-shadow: none; | ||
667 | icon-shadow: none; | 774 | icon-shadow: none; | ||
668 | color: #31363b; | 775 | color: #232627; | ||
669 | border-color: #c0c2c4; | 776 | border-color: #bcbebf; | ||
670 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 777 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
671 | .app-notification .button.flat, | 778 | .app-notification .button.flat, | ||
672 | .app-notification.frame .button.flat { | 779 | .app-notification.frame .button.flat { | ||
673 | icon-shadow: none; | 780 | icon-shadow: none; | ||
674 | text-shadow: none; } | 781 | text-shadow: none; } | ||
675 | .app-notification .button.flat:hover, | 782 | .app-notification .button.flat:hover, | ||
676 | .app-notification.frame .button.flat:hover { | 783 | .app-notification.frame .button.flat:hover { | ||
677 | color: #93cee9; } | 784 | color: #93cee9; } | ||
678 | .app-notification .button.flat:active, | 785 | .app-notification .button.flat:active, | ||
679 | .app-notification.frame .button.flat:active { | 786 | .app-notification.frame .button.flat:active { | ||
680 | color: #3daee9; } | 787 | color: #3daee9; } | ||
681 | .app-notification .button:hover, | 788 | .app-notification .button:hover, | ||
682 | .app-notification.frame .button:hover { | 789 | .app-notification.frame .button:hover { | ||
683 | color: #31363b; | 790 | color: #232627; | ||
684 | border-color: #93cee9; } | 791 | border-color: #93cee9; } | ||
685 | .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, | 792 | .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, | ||
686 | .app-notification.frame .button:active, | 793 | .app-notification.frame .button:active, | ||
687 | .app-notification.frame .button:checked, | 794 | .app-notification.frame .button:checked, | ||
688 | .app-notification.frame .button:backdrop:active, | 795 | .app-notification.frame .button:backdrop:active, | ||
689 | .app-notification.frame .button:backdrop:checked { | 796 | .app-notification.frame .button:backdrop:checked { | ||
690 | color: #eff0f1; | 797 | color: #fcfcfc; | ||
691 | border-color: #3daee9; | 798 | border-color: #3daee9; | ||
692 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 799 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
693 | .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, | 800 | .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, | ||
694 | .app-notification.frame .button:insensitive, | 801 | .app-notification.frame .button:insensitive, | ||
695 | .app-notification.frame .button:backdrop:insensitive { | 802 | .app-notification.frame .button:backdrop:insensitive { | ||
696 | color: rgba(45, 49, 54, 0.35); | 803 | color: rgba(32, 35, 35, 0.35); | ||
697 | border-color: rgba(174, 176, 179, 0.35); | 804 | border-color: rgba(170, 173, 174, 0.35); | ||
698 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 805 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
699 | .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, | 806 | .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, | ||
700 | .app-notification.frame .button:insensitive > .label, | 807 | .app-notification.frame .button:insensitive > .label, | ||
701 | .app-notification.frame .button:backdrop:insensitive > .label { | 808 | .app-notification.frame .button:backdrop:insensitive > .label { | ||
702 | color: inherit; } | 809 | color: inherit; } | ||
703 | .app-notification .button:backdrop, | 810 | .app-notification .button:backdrop, | ||
704 | .app-notification.frame .button:backdrop { | 811 | .app-notification.frame .button:backdrop { | ||
705 | color: #31363b; | 812 | color: #232627; | ||
706 | border-color: #c0c2c4; | 813 | border-color: #bcbebf; | ||
707 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 814 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
708 | 815 | | |||
709 | /************ | 816 | /************ | ||
710 | * Calendar * | 817 | * Calendar * | ||
711 | ***********/ | 818 | ***********/ | ||
712 | GtkCalendar { | 819 | GtkCalendar { | ||
713 | color: #31363b; | 820 | color: #232627; | ||
714 | border: 1px solid #c0c2c4; | 821 | border: 1px solid #bcbebf; | ||
715 | background-color: #fcfcfc; } | 822 | background-color: #fcfcfc; } | ||
716 | GtkCalendar:selected { | 823 | GtkCalendar:selected { | ||
717 | background-color: #c0c2c4; } | 824 | background-color: #bcbebf; } | ||
825 | GtkCalendar:insensitive { | ||||
826 | color: rgba(32, 35, 35, 0.35); } | ||||
718 | GtkCalendar.header { | 827 | GtkCalendar.header { | ||
719 | border: 1px solid #c0c2c4; | 828 | border: 1px solid #bcbebf; | ||
720 | border-radius: 0; | 829 | border-radius: 0; | ||
721 | color: #31363b; } | 830 | color: #232627; } | ||
722 | GtkCalendar.header:backdrop { | 831 | GtkCalendar.header:backdrop { | ||
723 | color: #31363b; | 832 | color: #232627; | ||
724 | border-color: #c0c2c4; } | 833 | border-color: #bcbebf; } | ||
834 | GtkCalendar.header:insensitive { | ||||
835 | color: rgba(32, 35, 35, 0.35); } | ||||
725 | GtkCalendar.button { | 836 | GtkCalendar.button { | ||
726 | color: #31363b; } | 837 | color: #232627; } | ||
727 | GtkCalendar.button:hover { | 838 | GtkCalendar.button:hover { | ||
728 | color: #93cee9; } | 839 | color: #93cee9; } | ||
729 | GtkCalendar.button:active { | 840 | GtkCalendar.button:active { | ||
730 | color: #3daee9; } | 841 | color: #3daee9; } | ||
731 | GtkCalendar.button:backdrop { | 842 | GtkCalendar.button:backdrop { | ||
732 | color: #31363b; } | 843 | color: #232627; } | ||
733 | GtkCalendar:inconsistent, GtkCalendar.highlight { | 844 | GtkCalendar:inconsistent, GtkCalendar.highlight { | ||
734 | color: rgba(49, 54, 59, 0.5); } | 845 | color: rgba(35, 38, 39, 0.5); } | ||
735 | GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { | 846 | GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { | ||
736 | color: rgba(49, 54, 59, 0.5); } | 847 | color: rgba(35, 38, 39, 0.5); } | ||
737 | GtkCalendar:backdrop { | 848 | GtkCalendar:backdrop { | ||
738 | color: #31363b; | 849 | color: #232627; | ||
739 | border-color: #c0c2c4; | 850 | border-color: #bcbebf; | ||
740 | background-color: #fcfcfc; } | 851 | background-color: #fcfcfc; } | ||
741 | 852 | | |||
742 | /************************* | 853 | /************************* | ||
743 | * Check and Radio items * | 854 | * Check and Radio items * | ||
744 | *************************/ | 855 | *************************/ | ||
745 | .check { | 856 | .check { | ||
746 | -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); | 857 | -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); | ||
747 | icon-shadow: none; } | 858 | icon-shadow: none; } | ||
▲ Show 20 Lines • Show All 217 Lines • ▼ Show 20 Line(s) | 1075 | .view.content-view.check:backdrop:checked { | |||
965 | icon-shadow: none; | 1076 | icon-shadow: none; | ||
966 | -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); | 1077 | -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); | ||
967 | background-color: transparent; } | 1078 | background-color: transparent; } | ||
968 | 1079 | | |||
969 | GtkCheckButton.text-button, GtkRadioButton.text-button { | 1080 | GtkCheckButton.text-button, GtkRadioButton.text-button { | ||
970 | padding: 1px 2px 4px; | 1081 | padding: 1px 2px 4px; | ||
971 | outline-offset: 0; } | 1082 | outline-offset: 0; } | ||
972 | GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { | 1083 | GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { | ||
973 | color: rgba(45, 49, 54, 0.35); } | 1084 | color: rgba(32, 35, 35, 0.35); } | ||
974 | GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { | 1085 | GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { | ||
975 | color: rgba(45, 49, 54, 0.35); } | 1086 | color: rgba(32, 35, 35, 0.35); } | ||
976 | 1087 | | |||
977 | /***************** | 1088 | /***************** | ||
978 | * Color Chooser * | 1089 | * Color Chooser * | ||
979 | *****************/ | 1090 | *****************/ | ||
980 | :selected GtkColorSwatch { | 1091 | :selected GtkColorSwatch { | ||
981 | box-shadow: none; } | 1092 | box-shadow: none; } | ||
982 | :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { | 1093 | :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { | ||
983 | border-color: #eff0f1; } | 1094 | border-color: #fcfcfc; } | ||
1095 | | ||||
984 | GtkColorSwatch:selected { | 1096 | GtkColorSwatch:selected { | ||
985 | box-shadow: none; } | 1097 | box-shadow: none; } | ||
986 | GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { | 1098 | | ||
1099 | GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), | ||||
1100 | GtkColorSwatch.top > .overlay, | ||||
1101 | GtkColorSwatch.bottom > .overlay, | ||||
1102 | GtkColorSwatch:first-child:not(.top) > .overlay, | ||||
1103 | GtkColorSwatch:last-child:not(.bottom) > .overlay, | ||||
1104 | GtkColorSwatch:only-child > .overlay { | ||||
987 | border-radius: 3px; } | 1105 | border-radius: 3px; } | ||
1106 | | ||||
988 | GtkColorSwatch:hover, GtkColorSwatch:hover:selected { | 1107 | GtkColorSwatch:hover, GtkColorSwatch:hover:selected { | ||
989 | background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); | 1108 | background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); | ||
990 | box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } | 1109 | box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } | ||
991 | GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { | 1110 | GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { | ||
992 | background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } | 1111 | background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } | ||
993 | GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected | 1112 | | ||
994 | GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { | 1113 | GtkColorSwatch:backdrop, | ||
1114 | GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { | ||||
995 | background-image: none; | 1115 | background-image: none; | ||
996 | box-shadow: none; } | 1116 | box-shadow: none; } | ||
1117 | | ||||
997 | GtkColorEditor GtkColorSwatch { | 1118 | GtkColorEditor GtkColorSwatch { | ||
998 | border-radius: 3px; } | 1119 | border-radius: 3px; } | ||
999 | GtkColorEditor GtkColorSwatch:hover { | 1120 | GtkColorEditor GtkColorSwatch:hover { | ||
1000 | background-image: none; | 1121 | background-image: none; | ||
1001 | box-shadow: none; } | 1122 | box-shadow: none; } | ||
1002 | GtkColorEditor GtkColorSwatch:backdrop { | 1123 | GtkColorEditor GtkColorSwatch:backdrop { | ||
1003 | box-shadow: none; } | 1124 | box-shadow: none; } | ||
1125 | | ||||
1004 | GtkColorSwatch.color-dark { | 1126 | GtkColorSwatch.color-dark { | ||
1005 | color: white; | 1127 | color: white; | ||
1006 | outline-color: rgba(0, 0, 0, 0.3); } | 1128 | outline-color: rgba(0, 0, 0, 0.3); } | ||
1007 | GtkColorSwatch.color-dark:backdrop { | 1129 | GtkColorSwatch.color-dark:backdrop { | ||
1008 | color: rgba(255, 255, 255, 0.3); } | 1130 | color: rgba(255, 255, 255, 0.3); } | ||
1131 | | ||||
1009 | GtkColorSwatch.color-light { | 1132 | GtkColorSwatch.color-light { | ||
1010 | color: black; | 1133 | color: black; | ||
1011 | outline-color: rgba(255, 255, 255, 0.5); } | 1134 | outline-color: rgba(255, 255, 255, 0.5); } | ||
1012 | GtkColorSwatch.color-light:backdrop { | 1135 | GtkColorSwatch.color-light:backdrop { | ||
1013 | color: rgba(0, 0, 0, 0.3); } | 1136 | color: rgba(0, 0, 0, 0.3); } | ||
1137 | | ||||
1014 | GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { | 1138 | GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { | ||
1015 | border: 1px solid #c0c2c4; } | 1139 | border: 1px solid #bcbebf; } | ||
1016 | GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { | 1140 | GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { | ||
1017 | border-color: #93cee9; } | 1141 | border-color: #93cee9; } | ||
1142 | | ||||
1018 | GtkColorSwatch#add-color-button { | 1143 | GtkColorSwatch#add-color-button { | ||
1019 | border-style: solid; | 1144 | border-style: solid; | ||
1020 | border-width: 1px; | 1145 | border-width: 1px; | ||
1021 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 1146 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
1022 | text-shadow: none; | 1147 | text-shadow: none; | ||
1023 | icon-shadow: none; | 1148 | icon-shadow: none; | ||
1024 | color: #31363b; | 1149 | color: #232627; | ||
1025 | border-color: #c0c2c4; | 1150 | border-color: #bcbebf; | ||
1026 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 1151 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
1027 | GtkColorSwatch#add-color-button:hover { | 1152 | GtkColorSwatch#add-color-button:hover { | ||
1028 | color: #31363b; | 1153 | color: #232627; | ||
1029 | border-color: #93cee9; } | 1154 | border-color: #93cee9; } | ||
1030 | GtkColorSwatch#add-color-button:backdrop { | 1155 | GtkColorSwatch#add-color-button:backdrop { | ||
1031 | color: #31363b; | 1156 | color: #232627; | ||
1032 | border-color: #c0c2c4; | 1157 | border-color: #bcbebf; | ||
1033 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 1158 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
1034 | GtkColorSwatch#add-color-button .overlay { | 1159 | GtkColorSwatch#add-color-button .overlay { | ||
1035 | border-color: rgba(255, 255, 255, 0); | 1160 | border-color: rgba(255, 255, 255, 0); | ||
1036 | background-color: transparent; | 1161 | background-color: transparent; | ||
1037 | background-image: none; | 1162 | background-image: none; | ||
1038 | box-shadow: none; | 1163 | box-shadow: none; | ||
1039 | color: #31363b; | 1164 | color: #232627; | ||
1040 | text-shadow: none; | 1165 | text-shadow: none; | ||
1041 | icon-shadow: none; } | 1166 | icon-shadow: none; } | ||
1042 | 1167 | | |||
1043 | GtkColorButton.button { | 1168 | GtkColorButton.button { | ||
1044 | padding: 5px; } | 1169 | padding: 5px; } | ||
1045 | GtkColorButton.button GtkColorSwatch:first-child:last-child { | 1170 | GtkColorButton.button GtkColorSwatch:first-child:last-child { | ||
1046 | border-radius: 0; | 1171 | border-radius: 0; | ||
1047 | box-shadow: none; } | 1172 | box-shadow: none; } | ||
Show All 15 Lines | |||||
1063 | 1188 | | |||
1064 | GtkFileChooserDialog .search-bar { | 1189 | GtkFileChooserDialog .search-bar { | ||
1065 | background-color: #eff0f1; | 1190 | background-color: #eff0f1; | ||
1066 | border-color: #eff0f1; | 1191 | border-color: #eff0f1; | ||
1067 | box-shadow: none; } | 1192 | box-shadow: none; } | ||
1068 | GtkFileChooserDialog .search-bar:backdrop { | 1193 | GtkFileChooserDialog .search-bar:backdrop { | ||
1069 | background-color: #eff0f1; | 1194 | background-color: #eff0f1; | ||
1070 | border-color: #eff0f1; | 1195 | border-color: #eff0f1; | ||
1071 | color: #31363b; } | 1196 | color: #232627; } | ||
1197 | | ||||
1072 | GtkFileChooserDialog .dialog-action-box { | 1198 | GtkFileChooserDialog .dialog-action-box { | ||
1073 | border-top: 1px solid #c0c2c4; } | 1199 | border-top: 1px solid #bcbebf; } | ||
1074 | GtkFileChooserDialog .dialog-action-box:backdrop { | 1200 | GtkFileChooserDialog .dialog-action-box:backdrop { | ||
1075 | border-top-color: #c0c2c4; } | 1201 | border-top-color: #bcbebf; } | ||
1076 | 1202 | | |||
1077 | /*************** | 1203 | /*************** | ||
1078 | * Header bars * | 1204 | * Header bars * | ||
1079 | ***************/ | 1205 | ***************/ | ||
1080 | .titlebar, | 1206 | .titlebar, | ||
1081 | .header-bar { | 1207 | .header-bar { | ||
1082 | transition: none; | 1208 | transition: none; | ||
1083 | padding: 4px 6px; | 1209 | padding: 4px 6px; | ||
1084 | border-width: 0px 0px 1px 0px; | 1210 | border-width: 0px 0px 1px 0px; | ||
1085 | border-radius: 3px 3px 0px 0px; | 1211 | border-radius: 3px 3px 0px 0px; | ||
1086 | border-style: solid; | 1212 | border-style: solid; | ||
1087 | border-color: #3daee9; | 1213 | border-color: #bcbebf; | ||
1088 | color: #eff0f1; | 1214 | color: #232627; | ||
1089 | background-image: linear-gradient(to bottom, #556068, #475057); } | 1215 | background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); } | ||
1090 | .titlebar:backdrop, | 1216 | .titlebar:backdrop, | ||
1091 | .header-bar:backdrop { | 1217 | .header-bar:backdrop { | ||
1092 | border-color: transparent; | 1218 | border-color: transparent; | ||
1093 | background-image: none; | 1219 | background-image: none; | ||
1094 | background-color: #eff0f1; | 1220 | background-color: #eff0f1; | ||
1095 | color: #bdc3c7; | 1221 | color: #bdc3c7; | ||
1096 | box-shadow: none; } | 1222 | box-shadow: none; } | ||
1097 | .titlebar .path-bar .button, | 1223 | .titlebar .path-bar .button, | ||
1098 | .header-bar .path-bar .button { | 1224 | .header-bar .path-bar .button { | ||
1099 | color: #eff0f1; } | 1225 | color: #232627; } | ||
1100 | .titlebar .button, | 1226 | .titlebar .button, | ||
1101 | .header-bar .button { | 1227 | .header-bar .button { | ||
1102 | transition: none; | 1228 | transition: none; | ||
1103 | border-color: rgba(255, 255, 255, 0); | 1229 | border-color: rgba(255, 255, 255, 0); | ||
1104 | background-color: transparent; | 1230 | background-color: transparent; | ||
1105 | background-image: none; | 1231 | background-image: none; | ||
1106 | box-shadow: none; | 1232 | box-shadow: none; | ||
1107 | color: #eff0f1; | 1233 | color: #232627; | ||
1108 | text-shadow: none; | 1234 | text-shadow: none; | ||
1109 | icon-shadow: none; } | 1235 | icon-shadow: none; } | ||
1110 | .titlebar .button.flat, | 1236 | .titlebar .button.flat, | ||
1111 | .header-bar .button.flat { | 1237 | .header-bar .button.flat { | ||
1112 | border-color: rgba(255, 255, 255, 0); | 1238 | border-color: rgba(255, 255, 255, 0); | ||
1113 | background-color: transparent; | 1239 | background-color: transparent; | ||
1114 | background-image: none; | 1240 | background-image: none; | ||
1115 | box-shadow: none; | 1241 | box-shadow: none; | ||
1116 | color: #eff0f1; | 1242 | color: #232627; | ||
1117 | text-shadow: none; | 1243 | text-shadow: none; | ||
1118 | icon-shadow: none; } | 1244 | icon-shadow: none; } | ||
1119 | .titlebar .button:hover, | 1245 | .titlebar .button:hover, | ||
1120 | .header-bar .button:hover { | 1246 | .header-bar .button:hover { | ||
1121 | color: #eff0f1; | 1247 | color: #232627; | ||
1122 | border-color: #93cee9; } | 1248 | border-color: #93cee9; } | ||
1123 | .titlebar .button:hover:backdrop, | 1249 | .titlebar .button:hover:backdrop, | ||
1124 | .header-bar .button:hover:backdrop { | 1250 | .header-bar .button:hover:backdrop { | ||
1125 | border-color: #eff0f1; } | 1251 | border-color: #eff0f1; } | ||
1126 | .titlebar .button:active, .titlebar .button:checked, | 1252 | .titlebar .button:active, .titlebar .button:checked, | ||
1127 | .header-bar .button:active, | 1253 | .header-bar .button:active, | ||
1128 | .header-bar .button:checked { | 1254 | .header-bar .button:checked { | ||
1129 | color: #eff0f1; | 1255 | color: #fcfcfc; | ||
1130 | border-color: #3daee9; | 1256 | border-color: #3daee9; | ||
1131 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 1257 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
1132 | .titlebar .button:active:hover, .titlebar .button:checked:hover, | 1258 | .titlebar .button:active:hover, .titlebar .button:checked:hover, | ||
1133 | .header-bar .button:active:hover, | 1259 | .header-bar .button:active:hover, | ||
1134 | .header-bar .button:checked:hover { | 1260 | .header-bar .button:checked:hover { | ||
1135 | color: #31363b; | 1261 | color: #232627; | ||
1136 | border-color: #93cee9; | 1262 | border-color: #93cee9; | ||
1137 | background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } | 1263 | background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } | ||
1138 | .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, | 1264 | .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, | ||
1139 | .header-bar .button:active:backdrop, | 1265 | .header-bar .button:active:backdrop, | ||
1140 | .header-bar .button:checked:backdrop { | 1266 | .header-bar .button:checked:backdrop { | ||
1141 | background-image: none; | 1267 | background-image: none; | ||
1142 | background-color: #eff0f1; | 1268 | background-color: #eff0f1; | ||
1143 | border-color: #eff0f1; | 1269 | border-color: #eff0f1; | ||
1144 | color: #bdc3c7; } | 1270 | color: #bdc3c7; } | ||
1145 | .titlebar .button:backdrop, | 1271 | .titlebar .button:backdrop, | ||
1146 | .header-bar .button:backdrop { | 1272 | .header-bar .button:backdrop { | ||
1147 | background-color: #eff0f1; | 1273 | background-color: #eff0f1; | ||
1148 | color: #bdc3c7; } | 1274 | color: #bdc3c7; } | ||
1149 | .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, | 1275 | .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, | ||
1150 | .header-bar .button.flat:backdrop, | 1276 | .header-bar .button.flat:backdrop, | ||
1151 | .header-bar .button.flat:backdrop:insensitive, | 1277 | .header-bar .button.flat:backdrop:insensitive, | ||
1152 | .header-bar .button:insensitive:backdrop { | 1278 | .header-bar .button:insensitive:backdrop { | ||
1153 | background-image: none; | 1279 | background-image: none; | ||
1154 | background-color: #eff0f1; | 1280 | background-color: #eff0f1; | ||
1155 | color: #bdc3c7; | 1281 | color: #bdc3c7; | ||
1156 | border-color: transparent; } | 1282 | border-color: transparent; } | ||
1157 | .titlebar .button.flat:insensitive, | 1283 | .titlebar .button.flat:insensitive, | ||
1158 | .header-bar .button.flat:insensitive { | 1284 | .header-bar .button.flat:insensitive { | ||
1159 | color: rgba(216, 218, 221, 0.35); } | 1285 | color: rgba(32, 35, 35, 0.35); } | ||
1160 | .titlebar .button:insensitive, | 1286 | .titlebar .button:insensitive, | ||
1161 | .header-bar .button:insensitive { | 1287 | .header-bar .button:insensitive { | ||
1162 | background-color: transparent; | 1288 | background-color: transparent; | ||
1163 | background-image: none; | 1289 | background-image: none; | ||
1164 | color: rgba(216, 218, 221, 0.35); } | 1290 | color: rgba(32, 35, 35, 0.35); } | ||
1165 | .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, | 1291 | .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, | ||
1166 | .header-bar .button:insensitive:active, | 1292 | .header-bar .button:insensitive:active, | ||
1167 | .header-bar .button:insensitive:checked { | 1293 | .header-bar .button:insensitive:checked { | ||
1168 | color: rgba(216, 218, 221, 0.35); | 1294 | color: #e5e5e5; | ||
1169 | border-color: rgba(37, 164, 230, 0.35); | 1295 | border-color: rgba(37, 164, 230, 0.35); | ||
1170 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 1296 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
1171 | .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, | 1297 | .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, | ||
1172 | .header-bar .button:insensitive:active > .label, | 1298 | .header-bar .button:insensitive:active > .label, | ||
1173 | .header-bar .button:insensitive:checked > .label { | 1299 | .header-bar .button:insensitive:checked > .label { | ||
1174 | color: inherit; } | 1300 | color: inherit; } | ||
1175 | .titlebar .title, | 1301 | .titlebar .title, | ||
1176 | .header-bar .title { | 1302 | .header-bar .title { | ||
1177 | font-weight: normal; | 1303 | font-weight: normal; | ||
1178 | padding: 0px 12px; } | 1304 | padding: 0px 12px; } | ||
1179 | .titlebar .subtitle, | 1305 | .titlebar .subtitle, | ||
1180 | .header-bar .subtitle { | 1306 | .header-bar .subtitle { | ||
1181 | font-size: smaller; | 1307 | font-size: smaller; | ||
1182 | padding: 0 12px; } | 1308 | padding: 0 12px; } | ||
1183 | .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, | 1309 | .titlebar .header-bar-separator, | ||
1184 | GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, | 1310 | .titlebar > GtkBox > .separator.vertical, | ||
1311 | GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, | ||||
1185 | .header-bar .header-bar-separator, | 1312 | .header-bar .header-bar-separator, | ||
1186 | .header-bar > GtkBox > .separator.vertical, | 1313 | .header-bar > GtkBox > .separator.vertical, | ||
1187 | GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { | 1314 | GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { | ||
1188 | -GtkWidget-wide-separators: true; | 1315 | -GtkWidget-wide-separators: true; | ||
1189 | -GtkWidget-separator-width: 1px; | 1316 | -GtkWidget-separator-width: 1px; | ||
1190 | border-width: 0px; | 1317 | border-width: 0px; | ||
1191 | background-color: #475057; | 1318 | background-color: #eff0f1; | ||
1192 | border-color: #475057; } | 1319 | border-color: #eff0f1; } | ||
1193 | .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, | 1320 | .titlebar .header-bar-separator:backdrop, | ||
1321 | .titlebar > GtkBox > .separator.vertical:backdrop, | ||||
1322 | GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, | ||||
1194 | .header-bar .header-bar-separator:backdrop, | 1323 | .header-bar .header-bar-separator:backdrop, | ||
1195 | .header-bar > GtkBox > .separator.vertical:backdrop { | 1324 | .header-bar > GtkBox > .separator.vertical:backdrop, | ||
1325 | GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { | ||||
1196 | background-color: #eff0f1; | 1326 | background-color: #eff0f1; | ||
1197 | border-color: #eff0f1; } | 1327 | border-color: #eff0f1; } | ||
1198 | .titlebar.selection-mode .selection-menu, | 1328 | .titlebar.selection-mode .selection-menu, | ||
1199 | .header-bar.selection-mode .selection-menu { | 1329 | .header-bar.selection-mode .selection-menu { | ||
1200 | padding-left: 10px; | 1330 | padding-left: 10px; | ||
1201 | padding-right: 10px; } | 1331 | padding-right: 10px; } | ||
1202 | .titlebar.selection-mode .selection-menu GtkArrow, | 1332 | .titlebar.selection-mode .selection-menu GtkArrow, | ||
1203 | .header-bar.selection-mode .selection-menu GtkArrow { | 1333 | .header-bar.selection-mode .selection-menu GtkArrow { | ||
Show All 17 Lines | |||||
1221 | .header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, | 1351 | .header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, | ||
1222 | .header-bar.selection-mode.suggested-action { | 1352 | .header-bar.selection-mode.suggested-action { | ||
1223 | background-image: none; | 1353 | background-image: none; | ||
1224 | background-color: #3daee9; } | 1354 | background-color: #3daee9; } | ||
1225 | .titlebar .button.suggested-action:hover, | 1355 | .titlebar .button.suggested-action:hover, | ||
1226 | .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, | 1356 | .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, | ||
1227 | .header-bar.selection-mode.suggested-action:hover { | 1357 | .header-bar.selection-mode.suggested-action:hover { | ||
1228 | background-color: #93cee9; | 1358 | background-color: #93cee9; | ||
1229 | color: #31363b; } | 1359 | color: #232627; } | ||
1230 | .titlebar .button.suggested-action:insensitive, | 1360 | .titlebar .button.suggested-action:insensitive, | ||
1231 | .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, | 1361 | .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, | ||
1232 | .header-bar.selection-mode.suggested-action:insensitive { | 1362 | .header-bar.selection-mode.suggested-action:insensitive { | ||
1233 | background-color: transparent; | 1363 | background-color: transparent; | ||
1234 | background-image: none; | 1364 | background-image: none; | ||
1235 | color: rgba(216, 218, 221, 0.35); } | 1365 | color: rgba(32, 35, 35, 0.35); } | ||
1236 | .titlebar .button.suggested-action:insensitive:active, | 1366 | .titlebar .button.suggested-action:insensitive:active, | ||
1237 | .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, | 1367 | .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, | ||
1238 | .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, | 1368 | .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, | ||
1239 | .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, | 1369 | .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, | ||
1240 | .header-bar.selection-mode.suggested-action:insensitive:checked { | 1370 | .header-bar.selection-mode.suggested-action:insensitive:checked { | ||
1241 | color: rgba(216, 218, 221, 0.35); | 1371 | color: #e5e5e5; | ||
1242 | border-color: rgba(37, 164, 230, 0.35); | 1372 | border-color: rgba(37, 164, 230, 0.35); | ||
1243 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 1373 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
1244 | .titlebar .button.suggested-action:insensitive:active > .label, | 1374 | .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { | ||
1245 | .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, | | |||
1246 | .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, | | |||
1247 | .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, | | |||
1248 | .header-bar.selection-mode.suggested-action:insensitive:checked > .label { | | |||
1249 | color: inherit; } | 1375 | color: inherit; } | ||
1250 | .titlebar .button.suggested-action:backdrop, | 1376 | .titlebar .button.suggested-action:backdrop, | ||
1251 | .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, | 1377 | .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, | ||
1252 | .header-bar.selection-mode.suggested-action:backdrop { | 1378 | .header-bar.selection-mode.suggested-action:backdrop { | ||
1253 | background-color: #eff0f1; | 1379 | background-color: #eff0f1; | ||
1254 | border-color: transparent; | 1380 | border-color: transparent; | ||
1255 | color: #bdc3c7; } | 1381 | color: #bdc3c7; } | ||
1256 | .titlebar .button.suggested-action:backdrop:insensitive, | 1382 | .titlebar .button.suggested-action:backdrop:insensitive, | ||
1257 | .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, | 1383 | .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, | ||
1258 | .header-bar.selection-mode.suggested-action:backdrop:insensitive { | 1384 | .header-bar.selection-mode.suggested-action:backdrop:insensitive { | ||
1259 | color: rgba(170, 178, 183, 0.35); } | 1385 | color: rgba(170, 178, 183, 0.35); } | ||
1260 | 1386 | | |||
1261 | /************** | 1387 | /************** | ||
1262 | * GtkInfoBar * | 1388 | * GtkInfoBar * | ||
1263 | **************/ | 1389 | **************/ | ||
1264 | GtkInfoBar { | 1390 | GtkInfoBar { | ||
1265 | border-style: none; | 1391 | border-style: none; | ||
1266 | border-bottom: 1px solid #c0c2c4; | 1392 | border-bottom: 1px solid #bcbebf; | ||
1267 | background-color: #eff0f1; | 1393 | background-color: #eff0f1; | ||
1268 | background-image: none; } | 1394 | background-image: none; } | ||
1269 | GtkInfoBar:backdrop { | 1395 | GtkInfoBar:backdrop { | ||
1270 | border-bottom: 1px solid #c0c2c4; } | 1396 | border-bottom: 1px solid #bcbebf; } | ||
1271 | 1397 | | |||
1272 | .info, .titlebar.selection-mode, | 1398 | .info, .titlebar.selection-mode, | ||
1273 | .header-bar.selection-mode, | 1399 | .header-bar.selection-mode, | ||
1274 | .question, | 1400 | .question, | ||
1275 | .warning, | 1401 | .warning, | ||
1276 | .error { | 1402 | .error { | ||
1277 | background-color: #eff0f1; | 1403 | background-color: #eff0f1; | ||
1278 | background-image: none; | 1404 | background-image: none; | ||
1279 | color: #f67400; | 1405 | color: #f67400; | ||
1280 | text-shadow: none; } | 1406 | text-shadow: none; } | ||
1281 | .info:backdrop, .titlebar.selection-mode:backdrop, | 1407 | .info:backdrop, .titlebar.selection-mode:backdrop, | ||
1282 | .header-bar.selection-mode:backdrop, | 1408 | .header-bar.selection-mode:backdrop, | ||
1283 | .question:backdrop, | 1409 | .question:backdrop, | ||
1284 | .warning:backdrop, | 1410 | .warning:backdrop, | ||
1285 | .error:backdrop { | 1411 | .error:backdrop { | ||
1286 | background-color: #eff0f1; | 1412 | background-color: #eff0f1; | ||
1287 | color: #f67400; } | 1413 | color: #f67400; } | ||
1288 | .info .button, .titlebar.selection-mode .button, | 1414 | .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, | ||
1289 | .header-bar.selection-mode .button, | | |||
1290 | .question .button, | 1415 | .question .button, | ||
1291 | .warning .button, | 1416 | .warning .button, | ||
1292 | .error .button { | 1417 | .error .button { | ||
1293 | box-shadow: none; | 1418 | box-shadow: none; | ||
1294 | background-image: none; | 1419 | background-image: none; | ||
1295 | background-color: rgba(246, 116, 0, 0.5); | 1420 | background-color: rgba(246, 116, 0, 0.5); | ||
1296 | border-color: rgba(246, 116, 0, 0.5); | 1421 | border-color: rgba(246, 116, 0, 0.5); | ||
1297 | color: #31363b; } | 1422 | color: #232627; } | ||
1298 | .info .button:hover, .titlebar.selection-mode .button:hover, | 1423 | .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, | ||
1299 | .header-bar.selection-mode .button:hover, | | |||
1300 | .question .button:hover, | 1424 | .question .button:hover, | ||
1301 | .warning .button:hover, | 1425 | .warning .button:hover, | ||
1302 | .error .button:hover { | 1426 | .error .button:hover { | ||
1303 | background-color: rgba(246, 116, 0, 0.25); | 1427 | background-color: rgba(246, 116, 0, 0.25); | ||
1304 | border-color: #f67400; } | 1428 | border-color: #f67400; } | ||
1305 | .info .button:active, .titlebar.selection-mode .button:active, | 1429 | .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, | ||
1306 | .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, | | |||
1307 | .header-bar.selection-mode .button:checked, | | |||
1308 | .question .button:active, | 1430 | .question .button:active, | ||
1309 | .question .button:checked, | 1431 | .question .button:checked, | ||
1310 | .warning .button:active, | 1432 | .warning .button:active, | ||
1311 | .warning .button:checked, | 1433 | .warning .button:checked, | ||
1312 | .error .button:active, | 1434 | .error .button:active, | ||
1313 | .error .button:checked { | 1435 | .error .button:checked { | ||
1314 | background-image: linear-gradient(to bottom, #f87500, #ef7100); | 1436 | background-image: linear-gradient(to bottom, #f87500, #ef7100); | ||
1315 | color: #eff0f1; | 1437 | color: #eff0f1; | ||
1316 | border-color: #f67400; } | 1438 | border-color: #f67400; } | ||
1317 | .info .button:insensitive, .titlebar.selection-mode .button:insensitive, | 1439 | .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, | ||
1318 | .header-bar.selection-mode .button:insensitive, | | |||
1319 | .question .button:insensitive, | 1440 | .question .button:insensitive, | ||
1320 | .warning .button:insensitive, | 1441 | .warning .button:insensitive, | ||
1321 | .error .button:insensitive { | 1442 | .error .button:insensitive { | ||
1322 | background-color: rgba(224, 105, 0, 0); | 1443 | background-color: rgba(224, 105, 0, 0); | ||
1323 | border-color: rgba(224, 105, 0, 0); | 1444 | border-color: rgba(224, 105, 0, 0); | ||
1324 | color: rgba(45, 49, 54, 0.35); } | 1445 | color: rgba(32, 35, 35, 0.35); } | ||
1325 | .info .button:backdrop, .titlebar.selection-mode .button:backdrop, | 1446 | .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, | ||
1326 | .header-bar.selection-mode .button:backdrop, | | |||
1327 | .question .button:backdrop, | 1447 | .question .button:backdrop, | ||
1328 | .warning .button:backdrop, | 1448 | .warning .button:backdrop, | ||
1329 | .error .button:backdrop { | 1449 | .error .button:backdrop { | ||
1330 | background-color: rgba(246, 116, 0, 0.5); | 1450 | background-color: rgba(246, 116, 0, 0.5); | ||
1331 | border-color: rgba(246, 116, 0, 0.5); | 1451 | border-color: rgba(246, 116, 0, 0.5); | ||
1332 | color: #31363b; } | 1452 | color: #232627; } | ||
1333 | .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, | 1453 | .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, | ||
1334 | .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, | | |||
1335 | .header-bar.selection-mode .button:backdrop:checked, | | |||
1336 | .question .button:backdrop:active, | 1454 | .question .button:backdrop:active, | ||
1337 | .question .button:backdrop:checked, | 1455 | .question .button:backdrop:checked, | ||
1338 | .warning .button:backdrop:active, | 1456 | .warning .button:backdrop:active, | ||
1339 | .warning .button:backdrop:checked, | 1457 | .warning .button:backdrop:checked, | ||
1340 | .error .button:backdrop:active, | 1458 | .error .button:backdrop:active, | ||
1341 | .error .button:backdrop:checked { | 1459 | .error .button:backdrop:checked { | ||
1342 | background-image: linear-gradient(to bottom, #f87500, #ef7100); | 1460 | background-image: linear-gradient(to bottom, #f87500, #ef7100); | ||
1343 | color: #eff0f1; | 1461 | color: #eff0f1; | ||
1344 | border-color: #f67400; } | 1462 | border-color: #f67400; } | ||
1345 | .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, | 1463 | .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, | ||
1346 | .header-bar.selection-mode .button:backdrop:insensitive, | | |||
1347 | .question .button:backdrop:insensitive, | 1464 | .question .button:backdrop:insensitive, | ||
1348 | .warning .button:backdrop:insensitive, | 1465 | .warning .button:backdrop:insensitive, | ||
1349 | .error .button:backdrop:insensitive { | 1466 | .error .button:backdrop:insensitive { | ||
1350 | background-color: rgba(224, 105, 0, 0); | 1467 | background-color: rgba(224, 105, 0, 0); | ||
1351 | border-color: rgba(224, 105, 0, 0); | 1468 | border-color: rgba(224, 105, 0, 0); | ||
1352 | color: rgba(45, 49, 54, 0.35); } | 1469 | color: rgba(32, 35, 35, 0.35); } | ||
1353 | .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, | 1470 | .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, | ||
1354 | .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, | | |||
1355 | .header-bar.selection-mode .button:backdrop:insensitive:checked, | | |||
1356 | .question .button:backdrop:insensitive:active, | 1471 | .question .button:backdrop:insensitive:active, | ||
1357 | .question .button:backdrop:insensitive:checked, | 1472 | .question .button:backdrop:insensitive:checked, | ||
1358 | .warning .button:backdrop:insensitive:active, | 1473 | .warning .button:backdrop:insensitive:active, | ||
1359 | .warning .button:backdrop:insensitive:checked, | 1474 | .warning .button:backdrop:insensitive:checked, | ||
1360 | .error .button:backdrop:insensitive:active, | 1475 | .error .button:backdrop:insensitive:active, | ||
1361 | .error .button:backdrop:insensitive:checked { | 1476 | .error .button:backdrop:insensitive:checked { | ||
1362 | background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); | 1477 | background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); | ||
1363 | color: rgba(216, 218, 221, 0.35); | 1478 | color: #d8dadd; | ||
1364 | border-color: rgba(224, 105, 0, 0.35); } | 1479 | border-color: rgba(224, 105, 0, 0.35); } | ||
1365 | 1480 | | |||
1366 | /********* | 1481 | /********* | ||
1367 | * Links * | 1482 | * Links * | ||
1368 | *********/ | 1483 | *********/ | ||
1369 | *:link, .button:link, .button:visited { | 1484 | *:link, .button:link, .button:visited { | ||
1370 | color: #2980b9; } | 1485 | color: #2980b9; } | ||
1371 | *:link:visited, .button:visited { | 1486 | *:link:visited, .button:visited { | ||
1372 | color: #7f8c8d; } | 1487 | color: #7f8c8d; } | ||
1373 | *:selected *:link:visited, *:selected .button:visited { | 1488 | *:selected *:link:visited, *:selected .button:visited { | ||
1374 | color: #a8d6ee; } | 1489 | color: #b0ddf4; } | ||
1375 | *:link:hover, .button:hover:link, .button:hover:visited { | 1490 | *:link:hover, .button:hover:link, .button:hover:visited { | ||
1376 | color: #409ad5; } | 1491 | color: #409ad5; } | ||
1377 | *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { | 1492 | *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { | ||
1378 | color: #dde9f0; } | 1493 | color: #e9f4fa; } | ||
1379 | *:link:active, .button:active:link, .button:active:visited { | 1494 | *:link:active, .button:active:link, .button:active:visited { | ||
1380 | color: #2980b9; } | 1495 | color: #2980b9; } | ||
1381 | *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { | 1496 | *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { | ||
1382 | color: #cbe3ef; } | 1497 | color: #d6ecf8; } | ||
1383 | *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, | 1498 | *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, | ||
1384 | .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { | 1499 | .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { | ||
1385 | color: rgba(61, 174, 233, 0.5); } | 1500 | color: rgba(61, 174, 233, 0.5); } | ||
1386 | *:link:selected, .titlebar.selection-mode .subtitle:link, | 1501 | *:link:selected, .titlebar.selection-mode .subtitle:link, | ||
1387 | .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { | 1502 | .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { | ||
1388 | color: #cbe3ef; } | 1503 | color: #d6ecf8; } | ||
1389 | 1504 | | |||
1390 | .button:link, .button:visited { | 1505 | .button:link, .button:visited { | ||
1391 | text-shadow: none; } | 1506 | text-shadow: none; } | ||
1392 | .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { | 1507 | .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { | ||
1393 | text-shadow: none; } | 1508 | text-shadow: none; } | ||
1394 | 1509 | | |||
1395 | /********* | 1510 | /********* | ||
1396 | * Lists * | 1511 | * Lists * | ||
1397 | *********/ | 1512 | *********/ | ||
1398 | .list, .list-row { | 1513 | .list, .list-row { | ||
1399 | background-color: #eff0f1; | 1514 | background-color: #eff0f1; | ||
1400 | color: #31363b; | 1515 | color: #232627; | ||
1401 | border-width: 0px; } | 1516 | border-width: 0px; } | ||
1402 | .list:backdrop, .list-row:backdrop { | 1517 | .list:backdrop, .list-row:backdrop { | ||
1403 | background-color: #eff0f1; | 1518 | background-color: #eff0f1; | ||
1404 | color: #31363b; } | 1519 | color: #232627; } | ||
1405 | 1520 | | |||
1406 | .list-row, | 1521 | .list-row, | ||
1407 | .grid-child { | 1522 | .grid-child { | ||
1408 | padding: 0px 2px; | 1523 | padding: 0px 2px; | ||
1409 | border-style: solid; | 1524 | border-style: solid; | ||
1410 | border-width: 0px; | 1525 | border-width: 0px; | ||
1411 | border-color: #eff0f1; } | 1526 | border-color: #eff0f1; } | ||
1412 | 1527 | | |||
Show All 18 Lines | 1542 | .list-row.button { | |||
1431 | .list-row.button:active { | 1546 | .list-row.button:active { | ||
1432 | background-color: #3daee9; | 1547 | background-color: #3daee9; | ||
1433 | box-shadow: none; } | 1548 | box-shadow: none; } | ||
1434 | .list-row.button:selected { | 1549 | .list-row.button:selected { | ||
1435 | background-color: #3daee9; } | 1550 | background-color: #3daee9; } | ||
1436 | .list-row.button:selected:active { | 1551 | .list-row.button:selected:active { | ||
1437 | box-shadow: none; } | 1552 | box-shadow: none; } | ||
1438 | .list-row.button:selected:hover { | 1553 | .list-row.button:selected:hover { | ||
1439 | color: #31363b; | 1554 | color: #232627; | ||
1440 | border-color: #93cee9; | 1555 | border-color: #93cee9; | ||
1441 | background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } | 1556 | background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } | ||
1442 | .list-row.button:selected:backdrop { | 1557 | .list-row.button:selected:backdrop { | ||
1443 | background-color: rgba(61, 174, 233, 0.5); } | 1558 | background-color: rgba(61, 174, 233, 0.5); } | ||
1444 | .list-row.button:backdrop { | 1559 | .list-row.button:backdrop { | ||
1445 | background-color: #eff0f1; } | 1560 | background-color: #eff0f1; } | ||
1446 | 1561 | | |||
1447 | .list-row:selected .button { | 1562 | .list-row:selected .button { | ||
1448 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 1563 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
1449 | text-shadow: none; | 1564 | text-shadow: none; | ||
1450 | icon-shadow: none; | 1565 | icon-shadow: none; | ||
1451 | color: #31363b; | 1566 | color: #232627; | ||
1452 | border-color: #c0c2c4; | 1567 | border-color: #bcbebf; | ||
1453 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 1568 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
1454 | .list-row:selected .button.flat { | 1569 | .list-row:selected .button.flat { | ||
1455 | border-color: rgba(255, 255, 255, 0); | 1570 | border-color: rgba(255, 255, 255, 0); | ||
1456 | background-color: transparent; | 1571 | background-color: transparent; | ||
1457 | background-image: none; | 1572 | background-image: none; | ||
1458 | box-shadow: none; | 1573 | box-shadow: none; | ||
1459 | color: #31363b; | 1574 | color: #232627; | ||
1460 | text-shadow: none; | 1575 | text-shadow: none; | ||
1461 | icon-shadow: none; } | 1576 | icon-shadow: none; } | ||
1462 | .list-row:selected .button:hover { | 1577 | .list-row:selected .button:hover { | ||
1463 | color: #31363b; | 1578 | color: #232627; | ||
1464 | border-color: #93cee9; } | 1579 | border-color: #93cee9; } | ||
1465 | .list-row:selected .button:active, .list-row:selected .button:checked { | 1580 | .list-row:selected .button:active, .list-row:selected .button:checked { | ||
1466 | color: #eff0f1; | 1581 | color: #fcfcfc; | ||
1467 | border-color: #3daee9; | 1582 | border-color: #3daee9; | ||
1468 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 1583 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
1469 | .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { | 1584 | .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { | ||
1470 | color: #31363b; | 1585 | color: #232627; | ||
1471 | border-color: #c0c2c4; | 1586 | border-color: #bcbebf; | ||
1472 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 1587 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
1473 | .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { | 1588 | .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { | ||
1474 | color: #eff0f1; | 1589 | color: #fcfcfc; | ||
1475 | border-color: #3daee9; | 1590 | border-color: #3daee9; | ||
1476 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 1591 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
1477 | .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { | 1592 | .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { | ||
1478 | color: rgba(45, 49, 54, 0.35); | 1593 | color: rgba(32, 35, 35, 0.35); | ||
1479 | border-color: rgba(174, 176, 179, 0.35); | 1594 | border-color: rgba(170, 173, 174, 0.35); | ||
1480 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 1595 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
1481 | .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { | 1596 | .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { | ||
1482 | color: inherit; } | 1597 | color: inherit; } | ||
1483 | .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { | 1598 | .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { | ||
1484 | color: rgba(216, 218, 221, 0.35); | 1599 | color: #e5e5e5; | ||
1485 | border-color: rgba(37, 164, 230, 0.35); | 1600 | border-color: rgba(37, 164, 230, 0.35); | ||
1486 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 1601 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
1487 | .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { | 1602 | .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { | ||
1488 | color: inherit; } | 1603 | color: inherit; } | ||
1489 | .list-row:selected .button.flat:backdrop { | 1604 | .list-row:selected .button.flat:backdrop { | ||
1490 | background-color: #eff0f1; | 1605 | background-color: #eff0f1; | ||
1491 | color: #31363b; | 1606 | color: #232627; | ||
1492 | border-color: transparent; } | 1607 | border-color: transparent; } | ||
1493 | .list-row:selected .button:insensitive { | 1608 | .list-row:selected .button:insensitive { | ||
1494 | color: rgba(45, 49, 54, 0.35); | 1609 | color: rgba(32, 35, 35, 0.35); | ||
1495 | border-color: rgba(174, 176, 179, 0.35); | 1610 | border-color: rgba(170, 173, 174, 0.35); | ||
1496 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 1611 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
1497 | .list-row:selected .button:insensitive > .label { | 1612 | .list-row:selected .button:insensitive > .label { | ||
1498 | color: inherit; } | 1613 | color: inherit; } | ||
1499 | .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { | 1614 | .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { | ||
1500 | color: rgba(216, 218, 221, 0.35); | 1615 | color: #e5e5e5; | ||
1501 | border-color: rgba(37, 164, 230, 0.35); | 1616 | border-color: rgba(37, 164, 230, 0.35); | ||
1502 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | 1617 | background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } | ||
1503 | .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { | 1618 | .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { | ||
1504 | color: inherit; } | 1619 | color: inherit; } | ||
1505 | 1620 | | |||
1506 | .list-row, list-row.button { | 1621 | .list-row, list-row.button { | ||
1507 | transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | 1622 | transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } | ||
1508 | .list-row:hover, list-row.button:hover { | 1623 | .list-row:hover, list-row.button:hover { | ||
1509 | transition: none; } | 1624 | transition: none; } | ||
1510 | 1625 | | |||
1511 | /********* | 1626 | /********* | ||
1512 | * Menus * | 1627 | * Menus * | ||
1513 | *********/ | 1628 | *********/ | ||
1514 | /* menu buttons */ | 1629 | /* menu buttons */ | ||
1515 | .menuitem.button.flat { | 1630 | .menuitem.button.flat { | ||
1516 | color: #31363b; } | 1631 | color: #232627; } | ||
1517 | .menuitem.button.flat:hover { | 1632 | .menuitem.button.flat:hover { | ||
1518 | background-color: #93cee9; } | 1633 | background-color: #93cee9; } | ||
1519 | .menuitem.button.flat:selected { | 1634 | .menuitem.button.flat:selected { | ||
1520 | background-color: #3daee9; | 1635 | background-color: #3daee9; | ||
1521 | color: #eff0f1; } | 1636 | color: #fcfcfc; } | ||
1522 | .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { | 1637 | .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { | ||
1523 | color: #31363b; } | 1638 | color: #232627; } | ||
1524 | 1639 | | |||
1525 | .menubar { | 1640 | .menubar { | ||
1526 | -GtkWidget-window-dragging: true; | 1641 | -GtkWidget-window-dragging: true; | ||
1527 | padding: 0px; | 1642 | padding: 0px; | ||
1528 | box-shadow: none; | 1643 | box-shadow: none; | ||
1529 | background-color: #eff0f1; } | 1644 | background-color: #eff0f1; } | ||
1530 | .menubar:backdrop { | 1645 | .menubar:backdrop { | ||
1531 | background-color: #eff0f1; } | 1646 | background-color: #eff0f1; } | ||
1532 | .menubar > .menuitem { | 1647 | .menubar > .menuitem { | ||
1533 | padding: 6px 8px; | 1648 | padding: 6px 8px; | ||
1534 | border: 1px solid #eff0f1; } | 1649 | border: 1px solid #eff0f1; } | ||
1535 | .menubar > .menuitem:hover { | 1650 | .menubar > .menuitem:hover { | ||
1536 | background-color: #3daee9; | 1651 | background-color: #3daee9; | ||
1537 | color: #eff0f1; } | 1652 | color: #fcfcfc; } | ||
1538 | .menubar > .menuitem:insensitive { | 1653 | .menubar > .menuitem:insensitive { | ||
1539 | color: rgba(45, 49, 54, 0.35); | 1654 | color: rgba(32, 35, 35, 0.35); | ||
1540 | box-shadow: none; } | 1655 | box-shadow: none; } | ||
1541 | .menubar > .menuitem:insensitive:backdrop { | 1656 | .menubar > .menuitem:insensitive:backdrop { | ||
1542 | background-color: #eff0f1; | 1657 | background-color: #eff0f1; | ||
1543 | color: rgba(45, 49, 54, 0.35); } | 1658 | color: rgba(32, 35, 35, 0.35); } | ||
1544 | .menubar > .menuitem:backdrop { | 1659 | .menubar > .menuitem:backdrop { | ||
1545 | background-color: #eff0f1; | 1660 | background-color: #eff0f1; | ||
1546 | border-color: #eff0f1; | 1661 | border-color: #eff0f1; | ||
1547 | color: #31363b; } | 1662 | color: #232627; } | ||
1548 | 1663 | | |||
1549 | .menu { | 1664 | .menu { | ||
1550 | padding: 0px; | 1665 | padding: 0px; | ||
1551 | background-color: #eff0f1; | 1666 | background-color: #eff0f1; | ||
1552 | border: 1px solid #c0c2c4; | 1667 | border: 1px solid #bcbebf; | ||
1553 | border-radius: 3px; } | 1668 | border-radius: 3px; } | ||
1554 | .csd .menu { | 1669 | .csd .menu { | ||
1555 | border: 1px solid #c0c2c4; } | 1670 | border: 1px solid #bcbebf; } | ||
1556 | .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { | 1671 | .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { | ||
1557 | color: #c0c2c4; } | 1672 | color: #bcbebf; } | ||
1558 | .menu .menuitem { | 1673 | .menu .menuitem { | ||
1559 | text-shadow: none; | 1674 | text-shadow: none; | ||
1560 | padding: 4px 4px; } | 1675 | padding: 4px 4px; } | ||
1561 | .menu .menuitem:hover { | 1676 | .menu .menuitem:hover { | ||
1562 | color: #eff0f1; | 1677 | color: #fcfcfc; | ||
1563 | background-color: #3daee9; } | 1678 | background-color: #3daee9; } | ||
1564 | .menu .menuitem:insensitive { | 1679 | .menu .menuitem:insensitive { | ||
1565 | color: rgba(45, 49, 54, 0.35); } | 1680 | color: rgba(32, 35, 35, 0.35); } | ||
1566 | .menu .menuitem:insensitive:backdrop { | 1681 | .menu .menuitem:insensitive:backdrop { | ||
1567 | color: rgba(45, 49, 54, 0.35); } | 1682 | color: rgba(32, 35, 35, 0.35); } | ||
1568 | .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { | 1683 | .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { | ||
1569 | color: #31363b; | 1684 | color: #232627; | ||
1570 | background-color: #eff0f1; } | 1685 | background-color: #eff0f1; } | ||
1571 | .menu .menuitem.arrow { | 1686 | .menu .menuitem.arrow { | ||
1572 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | 1687 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | ||
1573 | .menu .menuitem.arrow:dir(rtl) { | 1688 | .menu .menuitem.arrow:dir(rtl) { | ||
1574 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | 1689 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | ||
1575 | 1690 | | |||
1576 | .menuitem .accelerator { | 1691 | .menuitem .accelerator { | ||
1577 | color: alpha(currentColor,0.5); } | 1692 | color: alpha(currentColor,0.5); } | ||
1578 | 1693 | | |||
1579 | /*************** | 1694 | /*************** | ||
1580 | * Popovers * | 1695 | * Popovers * | ||
1581 | ***************/ | 1696 | ***************/ | ||
1582 | .popover { | 1697 | .popover { | ||
1583 | margin: 10px; | 1698 | margin: 10px; | ||
1584 | padding: 0px; | 1699 | padding: 0px; | ||
1585 | border: 1px solid #c0c2c4; | 1700 | border: 1px solid #bcbebf; | ||
1586 | border-radius: 3px; | 1701 | border-radius: 3px; | ||
1587 | background-color: #eff0f1; | 1702 | background-color: #eff0f1; | ||
1588 | box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } | 1703 | box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } | ||
1589 | .popover:backdrop { | 1704 | .popover:backdrop { | ||
1590 | box-shadow: none; } | 1705 | box-shadow: none; } | ||
1591 | .popover > .list, | 1706 | .popover > .list, | ||
1592 | .popover > .view, | 1707 | .popover > .view, | ||
1593 | .popover > .toolbar, | 1708 | .popover > .toolbar, | ||
1594 | .popover > .inline-toolbar, | 1709 | .popover > .inline-toolbar, | ||
1595 | .popover > .search-bar, | 1710 | .popover > .search-bar, | ||
1596 | .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { | 1711 | .popover > .location-bar, | ||
1712 | .popover.osd > .toolbar, | ||||
1713 | .popover.osd > .inline-toolbar, | ||||
1714 | .popover.osd > .search-bar, | ||||
1715 | .popover.osd > .location-bar { | ||||
1597 | border-style: none; | 1716 | border-style: none; | ||
1598 | background-color: transparent; } | 1717 | background-color: transparent; } | ||
1599 | .popover .button.flat { | 1718 | .popover .button.flat { | ||
1600 | border-radius: 0px; | 1719 | border-radius: 0px; | ||
1601 | color: #31363b; } | 1720 | color: #232627; } | ||
1602 | .popover .button.flat .label { | 1721 | .popover .button.flat .label { | ||
1603 | padding: 4px 0px; } | 1722 | padding: 4px 0px; } | ||
1604 | .popover .button.flat:hover, .popover .button.flat:checked:hover { | 1723 | .popover .button.flat:hover, .popover .button.flat:checked:hover { | ||
1605 | background-image: none; | 1724 | background-image: none; | ||
1606 | background-color: #3daee9; | 1725 | background-color: #3daee9; | ||
1607 | color: #eff0f1; | 1726 | color: #fcfcfc; | ||
1608 | transition: none; } | 1727 | transition: none; } | ||
1609 | .popover .button.flat:backdrop { | 1728 | .popover .button.flat:backdrop { | ||
1610 | background-color: transparent; | 1729 | background-color: transparent; | ||
1611 | color: #31363b; } | 1730 | color: #232627; } | ||
1612 | 1731 | | |||
1613 | .entry.cursor-handle, | 1732 | .entry.cursor-handle, | ||
1614 | .cursor-handle { | 1733 | .cursor-handle { | ||
1615 | background-color: transparent; | 1734 | background-color: transparent; | ||
1616 | background-image: none; | 1735 | background-image: none; | ||
1617 | box-shadow: none; | 1736 | box-shadow: none; | ||
1618 | border-style: none; } | 1737 | border-style: none; } | ||
1619 | .entry.cursor-handle.top, | 1738 | .entry.cursor-handle.top, | ||
1620 | .cursor-handle.top { | 1739 | .cursor-handle.top { | ||
1621 | -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } | 1740 | -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } | ||
1622 | .entry.cursor-handle.bottom, | 1741 | .entry.cursor-handle.bottom, | ||
1623 | .cursor-handle.bottom { | 1742 | .cursor-handle.bottom { | ||
1624 | -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } | 1743 | -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } | ||
1625 | 1744 | | |||
1626 | .scale-popup .button, | 1745 | .scale-popup .button, | ||
1627 | .scale-popup .button.flat { | 1746 | .scale-popup .button.flat { | ||
1628 | background-color: transparent; | 1747 | background-color: transparent; | ||
1629 | padding: 5px; | 1748 | padding: 5px; | ||
1630 | color: #31363b; } | 1749 | color: #232627; } | ||
1631 | .scale-popup .button:hover, | 1750 | .scale-popup .button:hover, | ||
1632 | .scale-popup .button.flat:hover { | 1751 | .scale-popup .button.flat:hover { | ||
1633 | color: #93cee9; } | 1752 | color: #93cee9; } | ||
1634 | .scale-popup .button:active, | 1753 | .scale-popup .button:active, | ||
1635 | .scale-popup .button.flat:active { | 1754 | .scale-popup .button.flat:active { | ||
1636 | color: #3daee9; } | 1755 | color: #3daee9; } | ||
1637 | .scale-popup .button:insensitive, | 1756 | .scale-popup .button:insensitive, | ||
1638 | .scale-popup .button.flat:insensitive { | 1757 | .scale-popup .button.flat:insensitive { | ||
1639 | color: rgba(45, 49, 54, 0.35); } | 1758 | color: rgba(32, 35, 35, 0.35); } | ||
1640 | .scale-popup .button:backdrop, | 1759 | .scale-popup .button:backdrop, | ||
1641 | .scale-popup .button.flat:backdrop { | 1760 | .scale-popup .button.flat:backdrop { | ||
1642 | color: #31363b; } | 1761 | color: #232627; } | ||
1643 | .scale-popup .button:backdrop:insensitive, | 1762 | .scale-popup .button:backdrop:insensitive, | ||
1644 | .scale-popup .button.flat:backdrop:insensitive { | 1763 | .scale-popup .button.flat:backdrop:insensitive { | ||
1645 | color: rgba(45, 49, 54, 0.35); } | 1764 | color: rgba(32, 35, 35, 0.35); } | ||
1646 | 1765 | | |||
1647 | GtkVolumeButton.button { | 1766 | GtkVolumeButton.button { | ||
1648 | padding: 5px; } | 1767 | padding: 5px; } | ||
1649 | 1768 | | |||
1650 | /******** | 1769 | /******** | ||
1651 | * Misc * | 1770 | * Misc * | ||
1652 | ********/ | 1771 | ********/ | ||
1653 | /********** | 1772 | /********** | ||
1654 | * Frames * | 1773 | * Frames * | ||
1655 | **********/ | 1774 | **********/ | ||
1656 | .frame { | 1775 | .frame { | ||
1657 | border: 1px solid #c0c2c4; | 1776 | border: 1px solid #bcbebf; | ||
1658 | padding: 0; } | 1777 | padding: 0; } | ||
1659 | .frame.flat { | 1778 | .frame.flat { | ||
1660 | border-style: none; } | 1779 | border-style: none; } | ||
1661 | .frame.action-bar { | 1780 | .frame.action-bar { | ||
1662 | padding: 6px; | 1781 | padding: 6px; | ||
1663 | border-width: 1px 0 0; } | 1782 | border-width: 1px 0 0; } | ||
1664 | .frame.action-bar:backdrop { | 1783 | .frame.action-bar:backdrop { | ||
1665 | border-color: #c0c2c4; } | 1784 | border-color: #bcbebf; } | ||
1666 | .frame:backdrop { | 1785 | .frame:backdrop { | ||
1667 | border-color: #c0c2c4; } | 1786 | border-color: #bcbebf; } | ||
1668 | 1787 | | |||
1669 | GtkScrolledWindow GtkViewport.frame { | 1788 | GtkScrolledWindow GtkViewport.frame { | ||
1670 | border-style: none; } | 1789 | border-style: none; } | ||
1671 | 1790 | | |||
1672 | .separator, GtkPlacesSidebar.sidebar .view .separator, | 1791 | .separator, GtkPlacesSidebar.sidebar .view .separator, | ||
1673 | GtkPlacesSidebar.sidebar .view .separator:backdrop { | 1792 | GtkPlacesSidebar.sidebar .view .separator:backdrop { | ||
1674 | color: transparent; } | 1793 | color: transparent; } | ||
1675 | .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { | 1794 | .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { | ||
1676 | color: #c0c2c4; } | 1795 | color: #bcbebf; } | ||
1677 | .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { | 1796 | .separator.vertical:backdrop, | ||
1678 | color: #c0c2c4; } | 1797 | GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { | ||
1679 | GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { | 1798 | color: #bcbebf; } | ||
1799 | GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, | ||||
1800 | GtkFontButton .separator.vertical, | ||||
1801 | GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, | ||||
1802 | GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { | ||||
1680 | -GtkWidget-wide-separators: true; } | 1803 | -GtkWidget-wide-separators: true; } | ||
1681 | 1804 | | |||
1682 | /************* | 1805 | /************* | ||
1683 | * Expanders * | 1806 | * Expanders * | ||
1684 | *************/ | 1807 | *************/ | ||
1685 | .expander { | 1808 | .expander { | ||
1686 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | 1809 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } | ||
1687 | .expander:dir(rtl) { | 1810 | .expander:dir(rtl) { | ||
1688 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | 1811 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | ||
1689 | .expander:hover { | 1812 | .expander:hover { | ||
1690 | color: #77838e; } | 1813 | color: #6b7578; } | ||
1691 | .expander:checked { | 1814 | .expander:checked { | ||
1692 | -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | 1815 | -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | ||
1693 | 1816 | | |||
1694 | /********* | 1817 | /********* | ||
1695 | * Paned * | 1818 | * Paned * | ||
1696 | *********/ | 1819 | *********/ | ||
1697 | GtkPaned { | 1820 | GtkPaned { | ||
1698 | -GtkPaned-handle-size: 1; | 1821 | -GtkPaned-handle-size: 1; | ||
1699 | -gtk-icon-source: none; | 1822 | -gtk-icon-source: none; | ||
1700 | margin: 0 8px 8px 0; } | 1823 | margin: 0 8px 8px 0; } | ||
1701 | GtkPaned:dir(rtl) { | 1824 | GtkPaned:dir(rtl) { | ||
1702 | margin-right: 0; | 1825 | margin-right: 0; | ||
1703 | margin-left: 8px; } | 1826 | margin-left: 8px; } | ||
1704 | GtkPaned .pane-separator { | 1827 | GtkPaned .pane-separator { | ||
1705 | background-color: #c0c2c4; } | 1828 | background-color: #bcbebf; } | ||
1706 | GtkPaned .pane-separator:backdrop { | 1829 | GtkPaned .pane-separator:backdrop { | ||
1707 | background-color: #c0c2c4; } | 1830 | background-color: #bcbebf; } | ||
1708 | 1831 | | |||
1709 | GtkPaned.wide { | 1832 | GtkPaned.wide { | ||
1710 | -GtkPaned-handle-size: 5; | 1833 | -GtkPaned-handle-size: 5; | ||
1711 | margin: 0; } | 1834 | margin: 0; } | ||
1712 | GtkPaned.wide .pane-separator { | 1835 | GtkPaned.wide .pane-separator { | ||
1713 | background-color: transparent; | 1836 | background-color: transparent; | ||
1714 | border-style: none; } | 1837 | border-style: none; } | ||
1715 | GtkPaned.wide.vertical .pane-separator { | 1838 | GtkPaned.wide.vertical .pane-separator { | ||
1716 | border-style: none; } | 1839 | border-style: none; } | ||
1717 | GtkPaned.wide .pane-separator:backdrop { | 1840 | GtkPaned.wide .pane-separator:backdrop { | ||
1718 | border-color: transparent; } | 1841 | border-color: transparent; } | ||
1719 | 1842 | | |||
1720 | /********************* | 1843 | /********************* | ||
1721 | * Spinner Animation * | 1844 | * Spinner Animation * | ||
1722 | *********************/ | 1845 | *********************/ | ||
1723 | @keyframes spin { | 1846 | @keyframes spin { | ||
1724 | to { | 1847 | to { | ||
1725 | -gtk-icon-transform: rotate(1turn); } } | 1848 | -gtk-icon-transform: rotate(1turn); } } | ||
1849 | | ||||
1726 | .spinner { | 1850 | .spinner { | ||
1727 | background-image: none; | 1851 | background-image: none; | ||
1728 | background-color: blue; | 1852 | background-color: blue; | ||
1729 | opacity: 0; | 1853 | opacity: 0; | ||
1730 | -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } | 1854 | -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } | ||
1731 | .spinner:active { | 1855 | .spinner:active { | ||
1732 | opacity: 1; | 1856 | opacity: 1; | ||
1733 | animation: spin 1s linear infinite; } | 1857 | animation: spin 1s linear infinite; } | ||
Show All 12 Lines | 1865 | .notebook { | |||
1746 | -GtkNotebook-has-tab-gap: false; | 1870 | -GtkNotebook-has-tab-gap: false; | ||
1747 | -GtkWidget-focus-padding: 0; | 1871 | -GtkWidget-focus-padding: 0; | ||
1748 | -GtkWidget-focus-line-width: 0; | 1872 | -GtkWidget-focus-line-width: 0; | ||
1749 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | 1873 | transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); | ||
1750 | background-color: #eff0f1; } | 1874 | background-color: #eff0f1; } | ||
1751 | .notebook:backdrop { | 1875 | .notebook:backdrop { | ||
1752 | background-color: #eff0f1; } | 1876 | background-color: #eff0f1; } | ||
1753 | .notebook.frame { | 1877 | .notebook.frame { | ||
1754 | border: 1px solid #c0c2c4; } | 1878 | border: 1px solid #bcbebf; } | ||
1755 | .notebook.frame.top { | 1879 | .notebook.frame.top { | ||
1756 | border-top-width: 0; } | 1880 | border-top-width: 0; } | ||
1757 | .notebook.frame.bottom { | 1881 | .notebook.frame.bottom { | ||
1758 | border-bottom-width: 0; } | 1882 | border-bottom-width: 0; } | ||
1759 | .notebook.frame.right { | 1883 | .notebook.frame.right { | ||
1760 | border-right-width: 0; } | 1884 | border-right-width: 0; } | ||
1761 | .notebook.frame.left { | 1885 | .notebook.frame.left { | ||
1762 | border-left-width: 0; } | 1886 | border-left-width: 0; } | ||
1763 | .notebook.frame:backdrop { | 1887 | .notebook.frame:backdrop { | ||
1764 | border-color: #c0c2c4; } | 1888 | border-color: #bcbebf; } | ||
1765 | .notebook.header { | 1889 | .notebook.header { | ||
1766 | background-color: #eff0f1; | 1890 | background-color: #eff0f1; | ||
1767 | padding-top: 4px; } | 1891 | padding-top: 4px; } | ||
1768 | .notebook.header.frame { | 1892 | .notebook.header.frame { | ||
1769 | border-style: none; } | 1893 | border-style: none; } | ||
1770 | .notebook.header.top { | 1894 | .notebook.header.top { | ||
1771 | box-shadow: inset 0 -1px #c0c2c4; } | 1895 | box-shadow: inset 0 -1px #bcbebf; } | ||
1772 | .notebook.header.top:backdrop { | 1896 | .notebook.header.top:backdrop { | ||
1773 | box-shadow: inset 0 -1px #c0c2c4; } | 1897 | box-shadow: inset 0 -1px #bcbebf; } | ||
1774 | .notebook.header.bottom { | 1898 | .notebook.header.bottom { | ||
1775 | box-shadow: inset 0 1px #c0c2c4; } | 1899 | box-shadow: inset 0 1px #bcbebf; } | ||
1776 | .notebook.header.bottom:backdrop { | 1900 | .notebook.header.bottom:backdrop { | ||
1777 | box-shadow: inset 0 1px #c0c2c4; } | 1901 | box-shadow: inset 0 1px #bcbebf; } | ||
1778 | .notebook.header.right { | 1902 | .notebook.header.right { | ||
1779 | box-shadow: inset 1px 0 #c0c2c4; } | 1903 | box-shadow: inset 1px 0 #bcbebf; } | ||
1780 | .notebook.header.right:backdrop { | 1904 | .notebook.header.right:backdrop { | ||
1781 | box-shadow: inset 1px 0 #c0c2c4; } | 1905 | box-shadow: inset 1px 0 #bcbebf; } | ||
1782 | .notebook.header.left { | 1906 | .notebook.header.left { | ||
1783 | box-shadow: inset -1px 0 #c0c2c4; } | 1907 | box-shadow: inset -1px 0 #bcbebf; } | ||
1784 | .notebook.header.left:backdrop { | 1908 | .notebook.header.left:backdrop { | ||
1785 | box-shadow: inset -1px 0 #c0c2c4; } | 1909 | box-shadow: inset -1px 0 #bcbebf; } | ||
1786 | .notebook.header:backdrop { | 1910 | .notebook.header:backdrop { | ||
1787 | background-color: #eff0f1; } | 1911 | background-color: #eff0f1; } | ||
1788 | .notebook tab { | 1912 | .notebook tab { | ||
1789 | border: 1px solid rgba(49, 54, 59, 0.2); | 1913 | border: 1px solid rgba(35, 38, 39, 0.2); | ||
1790 | background-color: rgba(49, 54, 59, 0.2); | 1914 | background-color: rgba(35, 38, 39, 0.2); | ||
1791 | background-clip: padding-box; | 1915 | background-clip: padding-box; | ||
1792 | padding: 8px; } | 1916 | padding: 8px; } | ||
1793 | .notebook tab:backdrop { | 1917 | .notebook tab:backdrop { | ||
1794 | background-color: rgba(49, 54, 59, 0.2); } | 1918 | background-color: rgba(35, 38, 39, 0.2); } | ||
1795 | .notebook tab.reorderable-page { | 1919 | .notebook tab.reorderable-page { | ||
1796 | background-color: #eff0f1; } | 1920 | background-color: #eff0f1; } | ||
1797 | .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { | 1921 | .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { | ||
1798 | padding-left: 12px; | 1922 | padding-left: 12px; | ||
1799 | padding-right: 6px; | 1923 | padding-right: 6px; | ||
1800 | padding-bottom: 8px; } | 1924 | padding-bottom: 8px; } | ||
1801 | .notebook tab.top { | 1925 | .notebook tab.top { | ||
1802 | border-radius: 3px 3px 0px 0px; | 1926 | border-radius: 3px 3px 0px 0px; | ||
1803 | border-bottom-color: transparent; } | 1927 | border-bottom-color: transparent; } | ||
1804 | .notebook tab.top:active, .notebook tab.top.active-page { | 1928 | .notebook tab.top:active, .notebook tab.top.active-page { | ||
1805 | border-color: #c0c2c4; | 1929 | border-color: #bcbebf; | ||
1806 | border-bottom-color: #eff0f1; | 1930 | border-bottom-color: #eff0f1; | ||
1807 | background-color: #eff0f1; } | 1931 | background-color: #eff0f1; } | ||
1808 | .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { | 1932 | .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { | ||
1809 | border-color: #c0c2c4; | 1933 | border-color: #bcbebf; | ||
1810 | border-bottom-color: #eff0f1; | 1934 | border-bottom-color: #eff0f1; | ||
1811 | background-color: #eff0f1; } | 1935 | background-color: #eff0f1; } | ||
1812 | .notebook tab.bottom { | 1936 | .notebook tab.bottom { | ||
1813 | border-radius: 0px 0px 3px 3px; | 1937 | border-radius: 0px 0px 3px 3px; | ||
1814 | border-top-color: transparent; } | 1938 | border-top-color: transparent; } | ||
1815 | .notebook tab.bottom:active, .notebook tab.bottom.active-page { | 1939 | .notebook tab.bottom:active, .notebook tab.bottom.active-page { | ||
1816 | border-color: #c0c2c4; | 1940 | border-color: #bcbebf; | ||
1817 | border-top-color: #eff0f1; | 1941 | border-top-color: #eff0f1; | ||
1818 | background-color: #eff0f1; } | 1942 | background-color: #eff0f1; } | ||
1819 | .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { | 1943 | .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { | ||
1820 | border-color: #c0c2c4; | 1944 | border-color: #bcbebf; | ||
1821 | border-top-color: #eff0f1; | 1945 | border-top-color: #eff0f1; | ||
1822 | background-color: #eff0f1; } | 1946 | background-color: #eff0f1; } | ||
1823 | .notebook tab.left { | 1947 | .notebook tab.left { | ||
1824 | border-radius: 3px 0px 0px 3px; | 1948 | border-radius: 3px 0px 0px 3px; | ||
1825 | border-right-color: transparent; } | 1949 | border-right-color: transparent; } | ||
1826 | .notebook tab.left:active, .notebook tab.left.active-page { | 1950 | .notebook tab.left:active, .notebook tab.left.active-page { | ||
1827 | border-color: #c0c2c4; | 1951 | border-color: #bcbebf; | ||
1828 | border-right-color: #eff0f1; | 1952 | border-right-color: #eff0f1; | ||
1829 | background-color: #eff0f1; } | 1953 | background-color: #eff0f1; } | ||
1830 | .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { | 1954 | .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { | ||
1831 | border-color: #c0c2c4; | 1955 | border-color: #bcbebf; | ||
1832 | border-right-color: #eff0f1; | 1956 | border-right-color: #eff0f1; | ||
1833 | background-color: #eff0f1; } | 1957 | background-color: #eff0f1; } | ||
1834 | .notebook tab.right { | 1958 | .notebook tab.right { | ||
1835 | border-radius: 0px 3px 3px 0px; | 1959 | border-radius: 0px 3px 3px 0px; | ||
1836 | border-left-color: transparent; } | 1960 | border-left-color: transparent; } | ||
1837 | .notebook tab.right:active, .notebook tab.right.active-page { | 1961 | .notebook tab.right:active, .notebook tab.right.active-page { | ||
1838 | border-color: #c0c2c4; | 1962 | border-color: #bcbebf; | ||
1839 | border-left-color: #eff0f1; | 1963 | border-left-color: #eff0f1; | ||
1840 | background-color: #eff0f1; } | 1964 | background-color: #eff0f1; } | ||
1841 | .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { | 1965 | .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { | ||
1842 | border-color: #c0c2c4; | 1966 | border-color: #bcbebf; | ||
1843 | border-left-color: #eff0f1; | 1967 | border-left-color: #eff0f1; | ||
1844 | background-color: #eff0f1; } | 1968 | background-color: #eff0f1; } | ||
1845 | .notebook tab:hover, .notebook tab.prelight-page { | 1969 | .notebook tab:hover, .notebook tab.prelight-page { | ||
1846 | background-color: rgba(61, 174, 233, 0.2); | 1970 | background-color: rgba(61, 174, 233, 0.2); | ||
1847 | border-color: rgba(61, 174, 233, 0.2); } | 1971 | border-color: rgba(61, 174, 233, 0.2); } | ||
1848 | .notebook tab.reorderable-page.top { | 1972 | .notebook tab.reorderable-page.top { | ||
1849 | border-width: 3px; | 1973 | border-width: 3px; | ||
1850 | border-style: solid; | 1974 | border-style: solid; | ||
1851 | border-color: transparent; | 1975 | border-color: transparent; | ||
1852 | background-color: #eff0f1; | 1976 | background-color: #eff0f1; | ||
1853 | background-clip: padding-box; | 1977 | background-clip: padding-box; | ||
1854 | border-right-width: 1px; | 1978 | border-right-width: 1px; | ||
1855 | border-right-color: #c0c2c4; | 1979 | border-right-color: #bcbebf; | ||
1856 | box-shadow: inset -3px 0px 0px 0px #eff0f1; } | 1980 | box-shadow: inset -3px 0px 0px 0px #eff0f1; } | ||
1857 | .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { | 1981 | .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { | ||
1858 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } | 1982 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } | ||
1859 | .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { | 1983 | .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { | ||
1860 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } | 1984 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } | ||
1861 | .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { | 1985 | .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { | ||
1862 | background-color: #eff0f1; | 1986 | background-color: #eff0f1; | ||
1863 | border-color: transparent; | 1987 | border-color: transparent; | ||
1864 | border-right-color: #c0c2c4; | 1988 | border-right-color: #bcbebf; | ||
1865 | box-shadow: none; } | 1989 | box-shadow: none; } | ||
1866 | .notebook tab.reorderable-page.top:backdrop { | 1990 | .notebook tab.reorderable-page.top:backdrop { | ||
1867 | background-color: #eff0f1; | 1991 | background-color: #eff0f1; | ||
1868 | border-right-color: #c0c2c4; | 1992 | border-right-color: #bcbebf; | ||
1869 | box-shadow: none; } | 1993 | box-shadow: none; } | ||
1870 | .notebook tab.reorderable-page.bottom { | 1994 | .notebook tab.reorderable-page.bottom { | ||
1871 | border-width: 3px; | 1995 | border-width: 3px; | ||
1872 | border-style: solid; | 1996 | border-style: solid; | ||
1873 | border-color: transparent; | 1997 | border-color: transparent; | ||
1874 | background-color: #eff0f1; | 1998 | background-color: #eff0f1; | ||
1875 | background-clip: padding-box; | 1999 | background-clip: padding-box; | ||
1876 | border-right-width: 1px; | 2000 | border-right-width: 1px; | ||
1877 | border-right-color: #c0c2c4; | 2001 | border-right-color: #bcbebf; | ||
1878 | box-shadow: inset -3px 0px 0px 0px #eff0f1; } | 2002 | box-shadow: inset -3px 0px 0px 0px #eff0f1; } | ||
1879 | .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { | 2003 | .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { | ||
1880 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } | 2004 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } | ||
1881 | .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { | 2005 | .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { | ||
1882 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } | 2006 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } | ||
1883 | .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { | 2007 | .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { | ||
1884 | background-color: #eff0f1; | 2008 | background-color: #eff0f1; | ||
1885 | border-color: transparent; | 2009 | border-color: transparent; | ||
1886 | border-right-color: #c0c2c4; | 2010 | border-right-color: #bcbebf; | ||
1887 | box-shadow: none; } | 2011 | box-shadow: none; } | ||
1888 | .notebook tab.reorderable-page.bottom:backdrop { | 2012 | .notebook tab.reorderable-page.bottom:backdrop { | ||
1889 | background-color: #eff0f1; | 2013 | background-color: #eff0f1; | ||
1890 | border-right-color: #c0c2c4; | 2014 | border-right-color: #bcbebf; | ||
1891 | box-shadow: none; } | 2015 | box-shadow: none; } | ||
1892 | .notebook tab.reorderable-page.left { | 2016 | .notebook tab.reorderable-page.left { | ||
1893 | border-width: 3px; | 2017 | border-width: 3px; | ||
1894 | border-style: solid; | 2018 | border-style: solid; | ||
1895 | border-color: transparent; | 2019 | border-color: transparent; | ||
1896 | background-color: #eff0f1; | 2020 | background-color: #eff0f1; | ||
1897 | background-clip: padding-box; | 2021 | background-clip: padding-box; | ||
1898 | border-bottom-width: 1px; | 2022 | border-bottom-width: 1px; | ||
1899 | border-bottom-color: #c0c2c4; | 2023 | border-bottom-color: #bcbebf; | ||
1900 | box-shadow: inset 0px -3px 0px 0px #eff0f1; } | 2024 | box-shadow: inset 0px -3px 0px 0px #eff0f1; } | ||
1901 | .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { | 2025 | .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { | ||
1902 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } | 2026 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } | ||
1903 | .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { | 2027 | .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { | ||
1904 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } | 2028 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } | ||
1905 | .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { | 2029 | .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { | ||
1906 | background-color: #eff0f1; | 2030 | background-color: #eff0f1; | ||
1907 | border-color: transparent; | 2031 | border-color: transparent; | ||
1908 | border-bottom-color: #c0c2c4; | 2032 | border-bottom-color: #bcbebf; | ||
1909 | box-shadow: none; } | 2033 | box-shadow: none; } | ||
1910 | .notebook tab.reorderable-page.left:backdrop { | 2034 | .notebook tab.reorderable-page.left:backdrop { | ||
1911 | background-color: #eff0f1; | 2035 | background-color: #eff0f1; | ||
1912 | border-bottom-color: #c0c2c4; | 2036 | border-bottom-color: #bcbebf; | ||
1913 | box-shadow: none; } | 2037 | box-shadow: none; } | ||
1914 | .notebook tab.reorderable-page.right { | 2038 | .notebook tab.reorderable-page.right { | ||
1915 | border-width: 3px; | 2039 | border-width: 3px; | ||
1916 | border-style: solid; | 2040 | border-style: solid; | ||
1917 | border-color: transparent; | 2041 | border-color: transparent; | ||
1918 | background-color: #eff0f1; | 2042 | background-color: #eff0f1; | ||
1919 | background-clip: padding-box; | 2043 | background-clip: padding-box; | ||
1920 | border-bottom-width: 1px; | 2044 | border-bottom-width: 1px; | ||
1921 | border-bottom-color: #c0c2c4; | 2045 | border-bottom-color: #bcbebf; | ||
1922 | box-shadow: inset 0px -3px 0px 0px #eff0f1; } | 2046 | box-shadow: inset 0px -3px 0px 0px #eff0f1; } | ||
1923 | .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { | 2047 | .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { | ||
1924 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } | 2048 | box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } | ||
1925 | .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { | 2049 | .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { | ||
1926 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } | 2050 | box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } | ||
1927 | .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { | 2051 | .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { | ||
1928 | background-color: #eff0f1; | 2052 | background-color: #eff0f1; | ||
1929 | border-color: transparent; | 2053 | border-color: transparent; | ||
1930 | border-bottom-color: #c0c2c4; | 2054 | border-bottom-color: #bcbebf; | ||
1931 | box-shadow: none; } | 2055 | box-shadow: none; } | ||
1932 | .notebook tab.reorderable-page.right:backdrop { | 2056 | .notebook tab.reorderable-page.right:backdrop { | ||
1933 | background-color: #eff0f1; | 2057 | background-color: #eff0f1; | ||
1934 | border-bottom-color: #c0c2c4; | 2058 | border-bottom-color: #bcbebf; | ||
1935 | box-shadow: none; } | 2059 | box-shadow: none; } | ||
1936 | .notebook tab .label { | 2060 | .notebook tab .label { | ||
1937 | padding: 0 2px; | 2061 | padding: 0 2px; | ||
1938 | color: #31363b; } | 2062 | color: #232627; } | ||
1939 | .notebook tab .label:backdrop { | 2063 | .notebook tab .label:backdrop { | ||
1940 | color: #31363b; } | 2064 | color: #232627; } | ||
2065 | .notebook tab .label:insensitive { | ||||
2066 | color: rgba(32, 35, 35, 0.35); } | ||||
1941 | .notebook tab .button { | 2067 | .notebook tab .button { | ||
1942 | padding: 0px; | 2068 | padding: 0px; | ||
1943 | border: 1px solid transparent; | 2069 | border: 1px solid transparent; | ||
1944 | border-radius: 50%; | 2070 | border-radius: 50%; | ||
1945 | background-image: none; | 2071 | background-image: none; | ||
1946 | background-color: #c0c2c4; | 2072 | background-color: #bcbebf; | ||
1947 | box-shadow: none; | 2073 | box-shadow: none; | ||
1948 | icon-shadow: none; | 2074 | icon-shadow: none; | ||
1949 | transition: none; | 2075 | transition: none; | ||
1950 | color: #eff0f1; } | 2076 | color: #eff0f1; } | ||
1951 | .notebook tab .button:hover { | 2077 | .notebook tab .button:hover { | ||
1952 | background-color: #da4453; | 2078 | background-color: #da4453; | ||
1953 | border-color: transparent; | 2079 | border-color: transparent; | ||
1954 | background-image: none; | 2080 | background-image: none; | ||
1955 | box-shadow: none; } | 2081 | box-shadow: none; } | ||
1956 | .notebook tab .button:active { | 2082 | .notebook tab .button:active { | ||
1957 | color: #eff0f1; | 2083 | color: #eff0f1; | ||
1958 | border-color: transparent; | 2084 | border-color: transparent; | ||
1959 | background-image: none; | 2085 | background-image: none; | ||
1960 | box-shadow: none; } | 2086 | box-shadow: none; } | ||
1961 | .notebook tab .button:backdrop { | 2087 | .notebook tab .button:backdrop { | ||
1962 | color: #eff0f1; | 2088 | color: #eff0f1; | ||
1963 | background-color: #c0c2c4; } | 2089 | background-color: #bcbebf; } | ||
1964 | .notebook tab .button > GtkImage { | 2090 | .notebook tab .button > GtkImage { | ||
1965 | padding: 0px; } | 2091 | padding: 0px; } | ||
1966 | .notebook tab .button .active-page, .notebook tab .button.active-page { | 2092 | .notebook tab .button .active-page, .notebook tab .button.active-page { | ||
1967 | background-color: #da4453; } | 2093 | background-color: #da4453; } | ||
1968 | .notebook.arrow { | 2094 | .notebook.arrow { | ||
1969 | color: #31363b; } | 2095 | color: #232627; } | ||
1970 | .notebook.arrow:hover { | 2096 | .notebook.arrow:hover { | ||
1971 | color: #93cee9; } | 2097 | color: #93cee9; } | ||
1972 | .notebook.arrow:active { | 2098 | .notebook.arrow:active { | ||
1973 | color: #3daee9; } | 2099 | color: #3daee9; } | ||
1974 | .notebook.arrow:insensitive { | 2100 | .notebook.arrow:insensitive { | ||
1975 | color: rgba(45, 49, 54, 0.35); } | 2101 | color: rgba(32, 35, 35, 0.35); } | ||
1976 | .notebook.arrow:backdrop { | 2102 | .notebook.arrow:backdrop { | ||
1977 | color: #31363b; } | 2103 | color: #232627; } | ||
1978 | .notebook.arrow:backdrop:insensitive { | 2104 | .notebook.arrow:backdrop:insensitive { | ||
1979 | color: rgba(45, 49, 54, 0.35); } | 2105 | color: rgba(32, 35, 35, 0.35); } | ||
1980 | 2106 | | |||
1981 | /* Decouple the font of context menus from their entry/textview */ | 2107 | /* Decouple the font of context menus from their entry/textview */ | ||
1982 | .touch-selection, | 2108 | .touch-selection, | ||
1983 | .context-menu { | 2109 | .context-menu { | ||
1984 | font: initial; } | 2110 | font: initial; } | ||
1985 | 2111 | | |||
1986 | .monospace { | 2112 | .monospace { | ||
1987 | font: Monospace; } | 2113 | font: Monospace; } | ||
1988 | 2114 | | |||
1989 | .overshoot.top { | 2115 | .overshoot.top { | ||
1990 | background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); | 2116 | background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); | ||
1991 | background-size: 100% 5%, 100% 100%; | 2117 | background-size: 100% 5%, 100% 100%; | ||
1992 | background-repeat: no-repeat; | 2118 | background-repeat: no-repeat; | ||
1993 | background-position: center top; | 2119 | background-position: center top; | ||
1994 | background-color: transparent; | 2120 | background-color: transparent; | ||
1995 | border: none; | 2121 | border: none; | ||
1996 | box-shadow: none; } | 2122 | box-shadow: none; } | ||
1997 | .overshoot.top:backdrop { | 2123 | .overshoot.top:backdrop { | ||
1998 | background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); | 2124 | background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); | ||
1999 | background-size: 100% 5%; | 2125 | background-size: 100% 5%; | ||
2000 | background-repeat: no-repeat; | 2126 | background-repeat: no-repeat; | ||
2001 | background-position: center top; | 2127 | background-position: center top; | ||
2002 | background-color: transparent; | 2128 | background-color: transparent; | ||
2003 | border: none; | 2129 | border: none; | ||
2004 | box-shadow: none; } | 2130 | box-shadow: none; } | ||
2131 | | ||||
2005 | .overshoot.bottom { | 2132 | .overshoot.bottom { | ||
2006 | background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); | 2133 | background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); | ||
2007 | background-size: 100% 5%, 100% 100%; | 2134 | background-size: 100% 5%, 100% 100%; | ||
2008 | background-repeat: no-repeat; | 2135 | background-repeat: no-repeat; | ||
2009 | background-position: center bottom; | 2136 | background-position: center bottom; | ||
2010 | background-color: transparent; | 2137 | background-color: transparent; | ||
2011 | border: none; | 2138 | border: none; | ||
2012 | box-shadow: none; } | 2139 | box-shadow: none; } | ||
2013 | .overshoot.bottom:backdrop { | 2140 | .overshoot.bottom:backdrop { | ||
2014 | background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); | 2141 | background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); | ||
2015 | background-size: 100% 5%; | 2142 | background-size: 100% 5%; | ||
2016 | background-repeat: no-repeat; | 2143 | background-repeat: no-repeat; | ||
2017 | background-position: center bottom; | 2144 | background-position: center bottom; | ||
2018 | background-color: transparent; | 2145 | background-color: transparent; | ||
2019 | border: none; | 2146 | border: none; | ||
2020 | box-shadow: none; } | 2147 | box-shadow: none; } | ||
2148 | | ||||
2021 | .overshoot.left { | 2149 | .overshoot.left { | ||
2022 | background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); | 2150 | background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); | ||
2023 | background-size: 5% 100%, 100% 100%; | 2151 | background-size: 5% 100%, 100% 100%; | ||
2024 | background-repeat: no-repeat; | 2152 | background-repeat: no-repeat; | ||
2025 | background-position: left center; | 2153 | background-position: left center; | ||
2026 | background-color: transparent; | 2154 | background-color: transparent; | ||
2027 | border: none; | 2155 | border: none; | ||
2028 | box-shadow: none; } | 2156 | box-shadow: none; } | ||
2029 | .overshoot.left:backdrop { | 2157 | .overshoot.left:backdrop { | ||
2030 | background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); | 2158 | background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); | ||
2031 | background-size: 5% 100%; | 2159 | background-size: 5% 100%; | ||
2032 | background-repeat: no-repeat; | 2160 | background-repeat: no-repeat; | ||
2033 | background-position: left center; | 2161 | background-position: left center; | ||
2034 | background-color: transparent; | 2162 | background-color: transparent; | ||
2035 | border: none; | 2163 | border: none; | ||
2036 | box-shadow: none; } | 2164 | box-shadow: none; } | ||
2165 | | ||||
2037 | .overshoot.right { | 2166 | .overshoot.right { | ||
2038 | background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); | 2167 | background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); | ||
2039 | background-size: 5% 100%, 100% 100%; | 2168 | background-size: 5% 100%, 100% 100%; | ||
2040 | background-repeat: no-repeat; | 2169 | background-repeat: no-repeat; | ||
2041 | background-position: right center; | 2170 | background-position: right center; | ||
2042 | background-color: transparent; | 2171 | background-color: transparent; | ||
2043 | border: none; | 2172 | border: none; | ||
2044 | box-shadow: none; } | 2173 | box-shadow: none; } | ||
2045 | .overshoot.right:backdrop { | 2174 | .overshoot.right:backdrop { | ||
2046 | background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); | 2175 | background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); | ||
2047 | background-size: 5% 100%; | 2176 | background-size: 5% 100%; | ||
2048 | background-repeat: no-repeat; | 2177 | background-repeat: no-repeat; | ||
2049 | background-position: right center; | 2178 | background-position: right center; | ||
2050 | background-color: transparent; | 2179 | background-color: transparent; | ||
2051 | border: none; | 2180 | border: none; | ||
2052 | box-shadow: none; } | 2181 | box-shadow: none; } | ||
2053 | 2182 | | |||
2054 | /************ | 2183 | /************ | ||
2055 | * Pathbars * | 2184 | * Pathbars * | ||
2056 | ************/ | 2185 | ************/ | ||
2057 | .path-bar .button { | 2186 | .path-bar .button { | ||
2058 | border-color: rgba(255, 255, 255, 0); | 2187 | border-color: rgba(255, 255, 255, 0); | ||
2059 | background-color: transparent; | 2188 | background-color: transparent; | ||
2060 | background-image: none; | 2189 | background-image: none; | ||
2061 | box-shadow: none; | 2190 | box-shadow: none; | ||
2062 | color: #31363b; | 2191 | color: #232627; | ||
2063 | text-shadow: none; | 2192 | text-shadow: none; | ||
2064 | icon-shadow: none; | 2193 | icon-shadow: none; | ||
2065 | padding: 4px 8px; | 2194 | padding: 4px 8px; | ||
2066 | color: #31363b; } | 2195 | color: #232627; } | ||
2067 | .path-bar .button:hover { | 2196 | .path-bar .button:hover { | ||
2068 | border-color: #93cee9; } | 2197 | border-color: #93cee9; } | ||
2069 | .path-bar .button:active, .path-bar .button:checked { | 2198 | .path-bar .button:active, .path-bar .button:checked { | ||
2070 | background-color: #c0c2c4; } | 2199 | background-color: #bcbebf; } | ||
2071 | .path-bar .button:first-child { | 2200 | .path-bar .button:first-child { | ||
2072 | padding-left: 8px; } | 2201 | padding-left: 8px; } | ||
2073 | .path-bar .button:last-child { | 2202 | .path-bar .button:last-child { | ||
2074 | padding-right: 8px; } | 2203 | padding-right: 8px; } | ||
2075 | .path-bar .button:only-child { | 2204 | .path-bar .button:only-child { | ||
2076 | padding-left: 12px; | 2205 | padding-left: 12px; | ||
2077 | padding-right: 12px; } | 2206 | padding-right: 12px; } | ||
2078 | .path-bar .button .label:last-child { | 2207 | .path-bar .button .label:last-child { | ||
2079 | padding-left: 2px; } | 2208 | padding-left: 2px; } | ||
2080 | .path-bar .button .label:first-child { | 2209 | .path-bar .button .label:first-child { | ||
2081 | padding-right: 2px; } | 2210 | padding-right: 2px; } | ||
2082 | .path-bar .button .label:only-child { | 2211 | .path-bar .button .label:only-child { | ||
2083 | padding-right: 0; | 2212 | padding-right: 0; | ||
2084 | padding-left: 0; } | 2213 | padding-left: 0; } | ||
2085 | .path-bar .button GtkImage { | 2214 | .path-bar .button GtkImage { | ||
2086 | padding-top: 1px; } | 2215 | padding-top: 1px; } | ||
2087 | 2216 | | |||
2088 | /***************** | 2217 | /***************** | ||
2089 | * Progress bars * | 2218 | * Progress bars * | ||
2090 | *****************/ | 2219 | *****************/ | ||
2091 | GtkProgressBar { | 2220 | GtkProgressBar { | ||
2092 | padding: 0; | 2221 | padding: 0; | ||
2093 | font-size: smaller; | 2222 | font-size: smaller; | ||
2094 | color: rgba(49, 54, 59, 0.3); | 2223 | color: rgba(35, 38, 39, 0.3); | ||
2095 | box-shadow: none; } | 2224 | box-shadow: none; } | ||
2096 | GtkProgressBar:backdrop { | 2225 | GtkProgressBar:backdrop { | ||
2097 | color: rgba(49, 54, 59, 0.3); } | 2226 | color: rgba(35, 38, 39, 0.3); } | ||
2098 | GtkProgressBar.osd { | 2227 | GtkProgressBar.osd { | ||
2099 | -GtkProgressBar-xspacing: 0; | 2228 | -GtkProgressBar-xspacing: 0; | ||
2100 | -GtkProgressBar-yspacing: 0; | 2229 | -GtkProgressBar-yspacing: 0; | ||
2101 | -GtkProgressBar-min-horizontal-bar-height: 3; } | 2230 | -GtkProgressBar-min-horizontal-bar-height: 3; } | ||
2102 | GtkProgressBar.trough { | 2231 | GtkProgressBar.trough { | ||
2103 | border: 1px solid transparent; | 2232 | border: 1px solid transparent; | ||
2104 | border-radius: 3px; | 2233 | border-radius: 3px; | ||
2105 | background-color: rgba(49, 54, 59, 0.3); } | 2234 | background-color: rgba(35, 38, 39, 0.3); } | ||
2106 | GtkProgressBar.trough.osd { | 2235 | GtkProgressBar.trough.osd { | ||
2107 | border: 1px solid transparent; | 2236 | border: 1px solid transparent; | ||
2108 | border-radius: 3px; | 2237 | border-radius: 3px; | ||
2109 | background-color: rgba(49, 54, 59, 0.3); } | 2238 | background-color: rgba(35, 38, 39, 0.3); } | ||
2110 | GtkProgressBar.trough.osd:backdrop { | 2239 | GtkProgressBar.trough.osd:backdrop { | ||
2111 | background-color: rgba(49, 54, 59, 0.3); } | 2240 | background-color: rgba(35, 38, 39, 0.3); } | ||
2112 | GtkProgressBar.trough:backdrop { | 2241 | GtkProgressBar.trough:backdrop { | ||
2113 | background-color: rgba(49, 54, 59, 0.3); } | 2242 | background-color: rgba(35, 38, 39, 0.3); } | ||
2114 | 2243 | | |||
2115 | .progressbar { | 2244 | .progressbar { | ||
2116 | background-color: #3daee9; | 2245 | background-color: #3daee9; | ||
2117 | border: 1px solid #3daee9; | 2246 | border: 1px solid #3daee9; | ||
2118 | border-radius: 0px; | 2247 | border-radius: 0px; | ||
2119 | box-shadow: none; } | 2248 | box-shadow: none; } | ||
2120 | .progressbar.left { | 2249 | .progressbar.left { | ||
2121 | border-top-left-radius: 3px; | 2250 | border-top-left-radius: 3px; | ||
▲ Show 20 Lines • Show All 58 Lines • ▼ Show 20 Line(s) | 2307 | .level-bar.fill-block.level-high:backdrop { | |||
2180 | border-color: #27ae60; } | 2309 | border-color: #27ae60; } | ||
2181 | .level-bar.fill-block.level-low { | 2310 | .level-bar.fill-block.level-low { | ||
2182 | border-color: #f67400; | 2311 | border-color: #f67400; | ||
2183 | background-color: #f67400; } | 2312 | background-color: #f67400; } | ||
2184 | .level-bar.fill-block.level-low:backdrop { | 2313 | .level-bar.fill-block.level-low:backdrop { | ||
2185 | background-color: #f67400; | 2314 | background-color: #f67400; | ||
2186 | border-color: #f67400; } | 2315 | border-color: #f67400; } | ||
2187 | .level-bar.fill-block.empty-fill-block { | 2316 | .level-bar.fill-block.empty-fill-block { | ||
2188 | background-color: rgba(49, 54, 59, 0.3); | 2317 | background-color: rgba(35, 38, 39, 0.3); | ||
2189 | border-color: transparent; | 2318 | border-color: transparent; | ||
2190 | box-shadow: none; } | 2319 | box-shadow: none; } | ||
2191 | .level-bar.fill-block:backdrop { | 2320 | .level-bar.fill-block:backdrop { | ||
2192 | border-color: rgba(61, 174, 233, 0.5); | 2321 | border-color: rgba(61, 174, 233, 0.5); | ||
2193 | background-color: rgba(61, 174, 233, 0.5); } | 2322 | background-color: rgba(61, 174, 233, 0.5); } | ||
2194 | 2323 | | |||
2195 | /************ | 2324 | /************ | ||
2196 | * GtkScale * | 2325 | * GtkScale * | ||
2197 | ************/ | 2326 | ************/ | ||
2198 | .scale, | 2327 | .scale, | ||
2199 | .scale.scale-has-marks-above.scale-has-marks-below, | 2328 | .scale.scale-has-marks-above.scale-has-marks-below, | ||
2200 | .scale.vertical.scale-has-marks-above.scale-has-marks-below { | 2329 | .scale.vertical.scale-has-marks-above.scale-has-marks-below { | ||
2201 | -GtkScale-slider-length: 18; | 2330 | -GtkScale-slider-length: 18; | ||
2202 | -GtkRange-slider-width: 18; | 2331 | -GtkRange-slider-width: 18; | ||
2203 | -GtkRange-trough-border: 2; } | 2332 | -GtkRange-trough-border: 2; } | ||
2204 | .scale.fine-tune.trough, | 2333 | .scale.fine-tune.trough, | ||
2205 | .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, | 2334 | .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, | ||
2206 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { | 2335 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { | ||
2207 | margin: 8px; | 2336 | margin: 8px; | ||
2208 | border-radius: 3px; } | 2337 | border-radius: 3px; } | ||
2209 | .scale.slider, | 2338 | .scale.slider, | ||
2210 | .scale.scale-has-marks-above.scale-has-marks-below.slider, | 2339 | .scale.scale-has-marks-above.scale-has-marks-below.slider, | ||
2211 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { | 2340 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { | ||
2212 | background-color: #eff0f1; | 2341 | background-color: #eff0f1; | ||
2213 | border: 1px solid #c0c2c4; | 2342 | border: 1px solid #bcbebf; | ||
2214 | border-radius: 50%; | 2343 | border-radius: 50%; | ||
2215 | box-shadow: none; } | 2344 | box-shadow: none; } | ||
2216 | .scale.slider:hover, | 2345 | .scale.slider:hover, | ||
2217 | .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, | 2346 | .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, | ||
2218 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { | 2347 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { | ||
2219 | border-style: solid; | 2348 | border-style: solid; | ||
2220 | border-width: 2px; | 2349 | border-width: 2px; | ||
2221 | border-color: #93cee9; | 2350 | border-color: #93cee9; | ||
2222 | border-radius: 50%; } | 2351 | border-radius: 50%; } | ||
2223 | .scale.slider:hover:backdrop, | 2352 | .scale.slider:hover:backdrop, | ||
2224 | .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, | 2353 | .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, | ||
2225 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { | 2354 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { | ||
2226 | background-color: #eff0f1; | 2355 | background-color: #eff0f1; | ||
2227 | border-color: #93cee9; } | 2356 | border-color: #93cee9; } | ||
2228 | .scale.slider:insensitive, | 2357 | .scale.slider:insensitive, | ||
2229 | .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, | 2358 | .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, | ||
2230 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { | 2359 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { | ||
2231 | border-style: solid; | 2360 | border-style: solid; | ||
2232 | border-radius: 50%; | 2361 | border-radius: 50%; | ||
2233 | background-color: rgba(216, 218, 221, 0.35); | 2362 | background-color: #d8dadd; | ||
2234 | border-color: rgba(174, 176, 179, 0.35); } | 2363 | border-color: rgba(170, 173, 174, 0.35); } | ||
2235 | .scale.slider:insensitive:backdrop, | 2364 | .scale.slider:insensitive:backdrop, | ||
2236 | .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, | 2365 | .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, | ||
2237 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { | 2366 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { | ||
2238 | background-color: rgba(216, 218, 221, 0.35); | 2367 | background-color: #d8dadd; | ||
2239 | border-color: rgba(174, 176, 179, 0.35); } | 2368 | border-color: rgba(170, 173, 174, 0.35); } | ||
2240 | .scale.slider:active, | 2369 | .scale.slider:active, | ||
2241 | .scale.scale-has-marks-above.scale-has-marks-below.slider:active, | 2370 | .scale.scale-has-marks-above.scale-has-marks-below.slider:active, | ||
2242 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { | 2371 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { | ||
2243 | border: 2px solid #3daee9; } | 2372 | border: 2px solid #3daee9; } | ||
2244 | .scale.slider:active:backdrop, | 2373 | .scale.slider:active:backdrop, | ||
2245 | .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, | 2374 | .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, | ||
2246 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { | 2375 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { | ||
2247 | background-color: #eff0f1; | 2376 | background-color: #eff0f1; | ||
2248 | border-color: #3daee9; } | 2377 | border-color: #3daee9; } | ||
2249 | .scale.slider:backdrop, | 2378 | .scale.slider:backdrop, | ||
2250 | .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, | 2379 | .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, | ||
2251 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { | 2380 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { | ||
2252 | background-color: #eff0f1; | 2381 | background-color: #eff0f1; | ||
2253 | border-color: #c0c2c4; } | 2382 | border-color: #bcbebf; } | ||
2254 | .scale.trough, | 2383 | .scale.trough, | ||
2255 | .scale.scale-has-marks-above.scale-has-marks-below.trough, | 2384 | .scale.scale-has-marks-above.scale-has-marks-below.trough, | ||
2256 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { | 2385 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { | ||
2257 | margin: 9px; | 2386 | margin: 9px; | ||
2258 | border: 1px solid rgba(49, 54, 59, 0.3); | 2387 | border: 1px solid rgba(35, 38, 39, 0.3); | ||
2259 | border-radius: 3px; | 2388 | border-radius: 3px; | ||
2260 | background-color: rgba(49, 54, 59, 0.3); | 2389 | background-color: rgba(35, 38, 39, 0.3); | ||
2261 | box-shadow: none; } | 2390 | box-shadow: none; } | ||
2262 | .scale.trough.highlight, | 2391 | .scale.trough.highlight, | ||
2263 | .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, | 2392 | .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, | ||
2264 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { | 2393 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { | ||
2265 | background-color: #3daee9; | 2394 | background-color: #3daee9; | ||
2266 | border-color: #3daee9; } | 2395 | border-color: #3daee9; } | ||
2267 | .scale.trough.highlight.vertical, | 2396 | .scale.trough.highlight.vertical, | ||
2268 | .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, | 2397 | .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, | ||
2269 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { | 2398 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { | ||
2270 | background-color: #3daee9; | 2399 | background-color: #3daee9; | ||
2271 | border-color: #3daee9; } | 2400 | border-color: #3daee9; } | ||
2272 | .scale.trough.highlight:backdrop, | 2401 | .scale.trough.highlight:backdrop, | ||
2273 | .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, | 2402 | .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, | ||
2274 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { | 2403 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { | ||
2275 | background-color: rgba(61, 174, 233, 0.5); | 2404 | background-color: rgba(61, 174, 233, 0.5); | ||
2276 | border-color: rgba(61, 174, 233, 0.5); } | 2405 | border-color: rgba(61, 174, 233, 0.5); } | ||
2277 | .scale.trough:insensitive, .scale.trough.vertical:insensitive, | 2406 | .scale.trough:insensitive, .scale.trough.vertical:insensitive, | ||
2278 | .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, | 2407 | .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, | ||
2279 | .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, | 2408 | .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, | ||
2280 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, | 2409 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, | ||
2281 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { | 2410 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { | ||
2282 | border-color: rgba(45, 49, 54, 0); | 2411 | border-color: rgba(170, 172, 173, 0.545); | ||
2283 | background-color: rgba(45, 49, 54, 0); | 2412 | background-color: rgba(170, 172, 173, 0.545); | ||
2284 | box-shadow: none; } | 2413 | box-shadow: none; } | ||
2285 | .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, | 2414 | .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, | ||
2286 | .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, | 2415 | .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, | ||
2287 | .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, | 2416 | .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, | ||
2288 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, | 2417 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, | ||
2289 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { | 2418 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { | ||
2290 | background-color: rgba(45, 49, 54, 0); | 2419 | background-color: rgba(170, 172, 173, 0.545); | ||
2291 | border-color: rgba(45, 49, 54, 0); } | 2420 | border-color: rgba(170, 172, 173, 0.545); } | ||
2292 | .scale.trough:backdrop, | 2421 | .scale.trough:backdrop, | ||
2293 | .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, | 2422 | .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, | ||
2294 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { | 2423 | .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { | ||
2295 | background-color: rgba(49, 54, 59, 0.3); | 2424 | background-color: rgba(35, 38, 39, 0.3); | ||
2296 | border-color: rgba(49, 54, 59, 0.3); } | 2425 | border-color: rgba(35, 38, 39, 0.3); } | ||
2297 | 2426 | | |||
2298 | /************** | 2427 | /************** | ||
2299 | * Scrollbars * | 2428 | * Scrollbars * | ||
2300 | **************/ | 2429 | **************/ | ||
2301 | .scrollbar { | 2430 | .scrollbar { | ||
2302 | -GtkRange-trough-border: 0; | 2431 | -GtkRange-trough-border: 0; | ||
2303 | -GtkScrollbar-has-backward-stepper: true; | 2432 | -GtkScrollbar-has-backward-stepper: false; | ||
2304 | -GtkScrollbar-has-forward-stepper: true; | 2433 | -GtkScrollbar-has-forward-stepper: false; | ||
2305 | -GtkRange-slider-width: 20; | 2434 | -GtkRange-slider-width: 10px; | ||
2306 | -GtkScrollbar-min-slider-length: 64; | 2435 | -GtkScrollbar-min-slider-length: 64; | ||
2307 | -GtkRange-stepper-spacing: 0; | 2436 | -GtkRange-stepper-spacing: 0; | ||
2308 | -GtkRange-trough-under-steppers: 1; } | 2437 | -GtkRange-trough-under-steppers: 1; } | ||
2309 | .scrollbar .button { | 2438 | .scrollbar .button { | ||
2310 | color: #31363b; } | 2439 | color: #232627; } | ||
2311 | .scrollbar .button:hover { | 2440 | .scrollbar .button:hover { | ||
2312 | color: #93cee9; } | 2441 | color: #93cee9; } | ||
2313 | .scrollbar .button:insensitive { | 2442 | .scrollbar .button:insensitive { | ||
2314 | color: rgba(45, 49, 54, 0.35); } | 2443 | color: rgba(32, 35, 35, 0.35); } | ||
2315 | .scrollbar .button:backdrop { | 2444 | .scrollbar .button:backdrop { | ||
2316 | color: #31363b; } | 2445 | color: #232627; } | ||
2317 | .scrollbar .button:backdrop:insensitive { | 2446 | .scrollbar .button:backdrop:insensitive { | ||
2318 | color: rgba(45, 49, 54, 0.35); } | 2447 | color: rgba(32, 35, 35, 0.35); } | ||
2319 | .scrollbar.dragging, .scrollbar.hovering { | 2448 | .scrollbar.dragging, .scrollbar.hovering { | ||
2320 | opacity: 0.9910; } | 2449 | opacity: 0.9910; } | ||
2321 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { | 2450 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { | ||
2322 | opacity: 0.999; } | 2451 | opacity: 0.999; } | ||
2323 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { | 2452 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { | ||
2324 | -GtkRange-slider-width: 8px; | 2453 | -GtkRange-slider-width: 10px; | ||
2325 | -GtkScrollbar-has-backward-stepper: false; | 2454 | -GtkScrollbar-has-backward-stepper: false; | ||
2326 | -GtkScrollbar-has-forward-stepper: false; } | 2455 | -GtkScrollbar-has-forward-stepper: false; } | ||
2327 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { | 2456 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { | ||
2328 | margin: 2px; | 2457 | margin: 2px; | ||
2329 | border: 2px solid transparent; | 2458 | border: 5px solid transparent; | ||
2330 | border-radius: 2px; | 2459 | border-radius: 8px; | ||
2331 | background-color: rgba(49, 54, 59, 0.5); } | 2460 | background-color: rgba(35, 38, 39, 0.5); } | ||
2332 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { | 2461 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { | ||
2333 | background-color: rgba(49, 54, 59, 0.5); } | 2462 | background-color: rgba(35, 38, 39, 0.5); } | ||
2334 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { | 2463 | .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { | ||
2335 | border: none; | 2464 | border: none; | ||
2336 | background: none; } | 2465 | background: none; } | ||
2337 | .scrollbar.trough { | 2466 | .scrollbar.trough { | ||
2338 | border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; | 2467 | margin: 2px; | ||
2339 | border-width: 23px 10px 23px 10px; | 2468 | border: 5px solid transparent; | ||
2340 | border-style: solid; | 2469 | border-radius: 8px; | ||
2341 | border-color: transparent; } | 2470 | background-color: rgba(35, 38, 39, 0.3); } | ||
2342 | .scrollbar.trough.horizontal { | | |||
2343 | border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; | | |||
2344 | border-width: 10px 23px 10px 23px; | | |||
2345 | border-style: solid; | | |||
2346 | border-color: transparent; } | | |||
2347 | .scrollbar.trough:backdrop { | 2471 | .scrollbar.trough:backdrop { | ||
2348 | border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; | 2472 | background-color: rgba(35, 38, 39, 0.3); } | ||
2349 | border-width: 23px 10px 23px 10px; | | |||
2350 | border-style: solid; | | |||
2351 | border-color: transparent; } | | |||
2352 | .scrollbar.trough:backdrop.horizontal { | | |||
2353 | border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; | | |||
2354 | border-width: 10px 23px 10px 23px; | | |||
2355 | border-style: solid; | | |||
2356 | border-color: transparent; } | | |||
2357 | .scrollbar.slider { | 2473 | .scrollbar.slider { | ||
2358 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | 2474 | margin: 2px; | ||
2359 | border-width: 10px 10px 10px 10px; | 2475 | border: 5px solid transparent; | ||
2360 | border-style: solid; | 2476 | border-radius: 8px; | ||
2361 | border-color: transparent; } | 2477 | background-color: rgba(35, 38, 39, 0.5); } | ||
2362 | .scrollbar.slider.horizontal { | | |||
2363 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | | |||
2364 | border-width: 10px 10px 10px 10px; | | |||
2365 | border-style: solid; | | |||
2366 | border-color: transparent; } | | |||
2367 | .scrollbar.slider:hover { | 2478 | .scrollbar.slider:hover { | ||
2368 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | 2479 | background-color: #93cee9; } | ||
2369 | border-width: 10px 10px 10px 10px; | | |||
2370 | border-style: solid; | | |||
2371 | border-color: transparent; } | | |||
2372 | .scrollbar.slider:hover.horizontal { | | |||
2373 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | | |||
2374 | border-width: 10px 10px 10px 10px; | | |||
2375 | border-style: solid; | | |||
2376 | border-color: transparent; } | | |||
2377 | .scrollbar.slider:active { | 2480 | .scrollbar.slider:active { | ||
2378 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | 2481 | background-color: #3daee9; } | ||
2379 | border-width: 10px 10px 10px 10px; | | |||
2380 | border-style: solid; | | |||
2381 | border-color: transparent; } | | |||
2382 | .scrollbar.slider:active.horizontal { | | |||
2383 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | | |||
2384 | border-width: 10px 10px 10px 10px; | | |||
2385 | border-style: solid; | | |||
2386 | border-color: transparent; } | | |||
2387 | .scrollbar.slider:insensitive { | 2482 | .scrollbar.slider:insensitive { | ||
2388 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | 2483 | background-color: rgba(32, 35, 35, 0); } | ||
2389 | border-width: 10px 10px 10px 10px; | | |||
2390 | border-style: solid; | | |||
2391 | border-color: transparent; } | | |||
2392 | .scrollbar.slider:insensitive.horizontal { | | |||
2393 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | | |||
2394 | border-width: 10px 10px 10px 10px; | | |||
2395 | border-style: solid; | | |||
2396 | border-color: transparent; } | | |||
2397 | .scrollbar.slider:backdrop { | 2484 | .scrollbar.slider:backdrop { | ||
2398 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | 2485 | background-color: rgba(35, 38, 39, 0.3); } | ||
2399 | border-width: 10px 10px 10px 10px; | 2486 | .scrollbar.slider:backdrop:insensitive { | ||
2400 | border-style: solid; | 2487 | background-color: rgba(32, 35, 35, 0); } | ||
2401 | border-color: transparent; } | | |||
2402 | .scrollbar.slider:backdrop.horizontal { | | |||
2403 | border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; | | |||
2404 | border-width: 10px 10px 10px 10px; | | |||
2405 | border-style: solid; | | |||
2406 | border-color: transparent; } | | |||
2407 | 2488 | | |||
2408 | .scrollbars-junction, | 2489 | .scrollbars-junction, | ||
2409 | .scrollbars-junction.frame { | 2490 | .scrollbars-junction.frame { | ||
2410 | border-color: transparent; | 2491 | border-color: transparent; | ||
2411 | background-color: transparent; | 2492 | background-color: transparent; | ||
2412 | border-image: none; } | 2493 | border-image: none; } | ||
2413 | 2494 | | |||
2414 | /*********** | 2495 | /*********** | ||
2415 | * Sidebar * | 2496 | * Sidebar * | ||
2416 | ***********/ | 2497 | ***********/ | ||
2417 | .sidebar, | 2498 | .sidebar, | ||
2418 | .sidebar .view { | 2499 | .sidebar .view { | ||
2419 | border: none; | 2500 | border: none; | ||
2420 | background-color: #eff0f1; } | 2501 | background-color: #eff0f1; } | ||
2421 | .sidebar:backdrop, | 2502 | .sidebar:backdrop, | ||
2422 | .sidebar .view:backdrop { | 2503 | .sidebar .view:backdrop { | ||
2423 | background-color: #eff0f1; } | 2504 | background-color: #eff0f1; } | ||
2424 | 2505 | | |||
2425 | GtkSidebarRow.list-row { | 2506 | GtkSidebarRow.list-row { | ||
2426 | padding: 0px; } | 2507 | padding: 0px; } | ||
2508 | | ||||
2427 | GtkSidebarRow .sidebar-revealer { | 2509 | GtkSidebarRow .sidebar-revealer { | ||
2428 | padding: 4px 14px 4px 12px; } | 2510 | padding: 4px 14px 4px 12px; } | ||
2511 | | ||||
2429 | GtkSidebarRow .sidebar-icon:dir(ltr) { | 2512 | GtkSidebarRow .sidebar-icon:dir(ltr) { | ||
2430 | padding-right: 8px; } | 2513 | padding-right: 8px; } | ||
2514 | | ||||
2431 | GtkSidebarRow .sidebar-icon:dir(rtl) { | 2515 | GtkSidebarRow .sidebar-icon:dir(rtl) { | ||
2432 | padding-left: 8px; } | 2516 | padding-left: 8px; } | ||
2517 | | ||||
2433 | GtkSidebarRow .sidebar-label:dir(ltr) { | 2518 | GtkSidebarRow .sidebar-label:dir(ltr) { | ||
2434 | padding-right: 2px; } | 2519 | padding-right: 2px; } | ||
2520 | | ||||
2435 | GtkSidebarRow .sidebar-label:dir(rtl) { | 2521 | GtkSidebarRow .sidebar-label:dir(rtl) { | ||
2436 | padding-left: 2px; } | 2522 | padding-left: 2px; } | ||
2437 | 2523 | | |||
2438 | GtkPlacesSidebar.sidebar .view:insensitive { | 2524 | GtkPlacesSidebar.sidebar .view:insensitive { | ||
2439 | color: rgba(45, 49, 54, 0.35); } | 2525 | color: rgba(32, 35, 35, 0.35); } | ||
2526 | | ||||
2440 | GtkPlacesSidebar.sidebar .view:backdrop { | 2527 | GtkPlacesSidebar.sidebar .view:backdrop { | ||
2441 | color: #31363b; } | 2528 | color: #232627; } | ||
2442 | GtkPlacesSidebar.sidebar .view:backdrop:insensitive { | 2529 | GtkPlacesSidebar.sidebar .view:backdrop:insensitive { | ||
2443 | color: rgba(45, 49, 54, 0.35); } | 2530 | color: rgba(32, 35, 35, 0.35); } | ||
2531 | | ||||
2444 | GtkPlacesSidebar.sidebar .view .image { | 2532 | GtkPlacesSidebar.sidebar .view .image { | ||
2445 | color: #31363b; } | 2533 | color: #232627; } | ||
2446 | GtkPlacesSidebar.sidebar .view .image:selected { | 2534 | GtkPlacesSidebar.sidebar .view .image:selected { | ||
2447 | color: #eff0f1; } | 2535 | color: #fcfcfc; } | ||
2448 | GtkPlacesSidebar.sidebar .view .image:selected:backdrop { | 2536 | GtkPlacesSidebar.sidebar .view .image:selected:backdrop { | ||
2449 | color: #31363b; } | 2537 | color: #232627; } | ||
2450 | GtkPlacesSidebar.sidebar .view .image:insensitive { | 2538 | GtkPlacesSidebar.sidebar .view .image:insensitive { | ||
2451 | color: rgba(45, 49, 54, 0.35); } | 2539 | color: rgba(32, 35, 35, 0.35); } | ||
2452 | GtkPlacesSidebar.sidebar .view .image:backdrop { | 2540 | GtkPlacesSidebar.sidebar .view .image:backdrop { | ||
2453 | color: #31363b; } | 2541 | color: #232627; } | ||
2454 | GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { | 2542 | GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { | ||
2455 | color: rgba(45, 49, 54, 0.35); } | 2543 | color: rgba(32, 35, 35, 0.35); } | ||
2456 | 2544 | | |||
2457 | .sidebar-item { | 2545 | .sidebar-item { | ||
2458 | padding: 10px 4px; } | 2546 | padding: 10px 4px; } | ||
2459 | .sidebar-item > .label { | 2547 | .sidebar-item > .label { | ||
2460 | padding-left: 6px; | 2548 | padding-left: 6px; | ||
2461 | padding-right: 6px; } | 2549 | padding-right: 6px; } | ||
2462 | .sidebar-item.needs-attention > .label { | 2550 | .sidebar-item.needs-attention > .label { | ||
2463 | background-size: 6px 6px, 0 0; } | 2551 | background-size: 6px 6px, 0 0; } | ||
2464 | 2552 | | |||
2465 | /***************** | 2553 | /***************** | ||
2466 | * GtkSpinButton * | 2554 | * GtkSpinButton * | ||
2467 | *****************/ | 2555 | *****************/ | ||
2468 | .osd .spinbutton .button:last-child { | 2556 | .osd .spinbutton .button:last-child { | ||
2469 | border-radius: 0 3px 3px 0; } | 2557 | border-radius: 0 3px 3px 0; } | ||
2558 | | ||||
2470 | .osd .spinbutton .button:dir(rtl):first-child { | 2559 | .osd .spinbutton .button:dir(rtl):first-child { | ||
2471 | border-radius: 3px 0 0 3px; } | 2560 | border-radius: 3px 0 0 3px; } | ||
2561 | | ||||
2472 | .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { | 2562 | .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { | ||
2473 | padding-top: 5px; | 2563 | padding-top: 5px; | ||
2474 | padding-bottom: 5px; } | 2564 | padding-bottom: 5px; } | ||
2475 | .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { | 2565 | .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { | ||
2476 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 2566 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
2477 | text-shadow: none; | 2567 | text-shadow: none; | ||
2478 | icon-shadow: none; | 2568 | icon-shadow: none; | ||
2479 | color: #31363b; | 2569 | color: #232627; | ||
2480 | border-color: #c0c2c4; | 2570 | border-color: #bcbebf; | ||
2481 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 2571 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
2482 | .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { | 2572 | .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { | ||
2483 | color: #eff0f1; | 2573 | color: #fcfcfc; | ||
2484 | border-color: #3daee9; | 2574 | border-color: #3daee9; | ||
2485 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 2575 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
2486 | .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { | 2576 | .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { | ||
2487 | color: #31363b; | 2577 | color: #232627; | ||
2488 | border-color: #93cee9; } | 2578 | border-color: #93cee9; } | ||
2489 | .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { | 2579 | .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { | ||
2490 | color: rgba(45, 49, 54, 0.35); | 2580 | color: rgba(32, 35, 35, 0.35); | ||
2491 | border-color: rgba(174, 176, 179, 0.35); | 2581 | border-color: rgba(170, 173, 174, 0.35); | ||
2492 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 2582 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
2493 | .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { | 2583 | .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { | ||
2494 | color: inherit; } | 2584 | color: inherit; } | ||
2495 | .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { | 2585 | .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { | ||
2496 | color: #31363b; | 2586 | color: #232627; | ||
2497 | border-color: #c0c2c4; | 2587 | border-color: #bcbebf; | ||
2498 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 2588 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
2499 | .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { | 2589 | .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { | ||
2500 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | 2590 | box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | ||
2501 | text-shadow: none; | 2591 | text-shadow: none; | ||
2502 | icon-shadow: none; | 2592 | icon-shadow: none; | ||
2503 | color: #31363b; | 2593 | color: #232627; | ||
2504 | border-color: #c0c2c4; | 2594 | border-color: #bcbebf; | ||
2505 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 2595 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
2506 | .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { | 2596 | .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { | ||
2507 | color: #eff0f1; | 2597 | color: #fcfcfc; | ||
2508 | border-color: #3daee9; | 2598 | border-color: #3daee9; | ||
2509 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | 2599 | background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } | ||
2510 | .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { | 2600 | .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { | ||
2511 | color: #31363b; | 2601 | color: #232627; | ||
2512 | border-color: #93cee9; } | 2602 | border-color: #93cee9; } | ||
2513 | .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { | 2603 | .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { | ||
2514 | color: rgba(45, 49, 54, 0.35); | 2604 | color: rgba(32, 35, 35, 0.35); | ||
2515 | border-color: rgba(174, 176, 179, 0.35); | 2605 | border-color: rgba(170, 173, 174, 0.35); | ||
2516 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 2606 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
2517 | .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { | 2607 | .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { | ||
2518 | color: inherit; } | 2608 | color: inherit; } | ||
2519 | .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { | 2609 | .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { | ||
2520 | color: #31363b; | 2610 | color: #232627; | ||
2521 | border-color: #c0c2c4; | 2611 | border-color: #bcbebf; | ||
2522 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | 2612 | background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } | ||
2523 | .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { | 2613 | .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { | ||
2524 | color: rgba(45, 49, 54, 0.35); | 2614 | color: rgba(32, 35, 35, 0.35); | ||
2525 | border-color: rgba(174, 176, 179, 0.35); | 2615 | border-color: rgba(170, 173, 174, 0.35); | ||
2526 | background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } | 2616 | background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } | ||
2527 | .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { | 2617 | .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { | ||
2528 | color: inherit; } | 2618 | color: inherit; } | ||
2619 | | ||||
2529 | .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { | 2620 | .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { | ||
2530 | border-radius: 0px; | 2621 | border-radius: 0px; | ||
2531 | padding-left: 0px; | 2622 | padding-left: 0px; | ||
2532 | padding-right: 0px; } | 2623 | padding-right: 0px; } | ||
2533 | .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { | 2624 | .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { | ||
2534 | background-color: #e5e5e5; } | 2625 | background-color: #e5e5e5; } | ||
2626 | | ||||
2535 | GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { | 2627 | GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { | ||
2536 | padding: 1px; | 2628 | padding: 1px; | ||
2537 | border-width: 1px 0; | 2629 | border-width: 1px 0; | ||
2538 | border-color: #3daee9; | 2630 | border-color: #3daee9; | ||
2539 | border-radius: 0; | 2631 | border-radius: 0; | ||
2540 | box-shadow: none; } | 2632 | box-shadow: none; } | ||
2541 | 2633 | | |||
2542 | .spinbutton .button, .osd .spinbutton .button { | 2634 | .spinbutton .button, .osd .spinbutton .button { | ||
2543 | background-image: none; | 2635 | background-image: none; | ||
2544 | background-color: transparent; | 2636 | background-color: transparent; | ||
2545 | border-style: none none none solid; | 2637 | border-style: none none none solid; | ||
2546 | border-color: rgba(192, 194, 196, 0.3); | 2638 | border-color: rgba(188, 190, 191, 0.3); | ||
2547 | color: #31363b; | 2639 | color: #232627; | ||
2548 | border-radius: 0; | 2640 | border-radius: 0; | ||
2549 | box-shadow: none; } | 2641 | box-shadow: none; } | ||
2550 | .spinbutton .button:dir(rtl) { | 2642 | .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { | ||
2551 | border-style: none solid none none; } | 2643 | border-style: none solid none none; } | ||
2552 | .spinbutton .button:hover { | 2644 | .spinbutton .button:hover { | ||
2553 | color: #93cee9; } | 2645 | color: #93cee9; } | ||
2554 | .spinbutton .button:insensitive { | 2646 | .spinbutton .button:insensitive { | ||
2555 | color: rgba(45, 49, 54, 0.35); | 2647 | color: rgba(32, 35, 35, 0.35); | ||
2556 | border-color: rgba(174, 176, 179, 0); } | 2648 | border-color: rgba(170, 173, 174, 0); } | ||
2557 | .spinbutton .button:active { | 2649 | .spinbutton .button:active { | ||
2558 | color: #3daee9; } | 2650 | color: #3daee9; } | ||
2559 | .spinbutton .button:backdrop { | 2651 | .spinbutton .button:backdrop { | ||
2560 | color: #31363b; | 2652 | color: #232627; | ||
2561 | border-color: rgba(192, 194, 196, 0.3); | 2653 | border-color: rgba(188, 190, 191, 0.3); | ||
2562 | background-color: transparent; } | 2654 | background-color: transparent; } | ||
2563 | .spinbutton .button:backdrop:insensitive { | 2655 | .spinbutton .button:backdrop:insensitive { | ||
2564 | background-image: none; | 2656 | background-image: none; | ||
2565 | color: rgba(45, 49, 54, 0.35); | 2657 | color: rgba(32, 35, 35, 0.35); | ||
2566 | border-style: none none none solid; | 2658 | border-style: none none none solid; | ||
2567 | border-color: rgba(174, 176, 179, 0); } | 2659 | border-color: rgba(170, 173, 174, 0); } | ||
2568 | .spinbutton .button:backdrop:insensitive:dir(rtl) { | 2660 | .spinbutton .button:backdrop:insensitive:dir(rtl) { | ||
2569 | border-style: none solid none none; } | 2661 | border-style: none solid none none; } | ||
2570 | 2662 | | |||
2571 | .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { | 2663 | .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { | ||
2572 | border-radius: 3px 3px 0 0; | 2664 | border-radius: 3px 3px 0 0; | ||
2573 | border-style: solid solid none solid; } | 2665 | border-style: solid solid none solid; } | ||
2574 | 2666 | | |||
2575 | .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { | 2667 | .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { | ||
Show All 10 Lines | 2674 | GtkSwitch { | |||
2586 | font-size: smaller; | 2678 | font-size: smaller; | ||
2587 | outline-offset: 0px; | 2679 | outline-offset: 0px; | ||
2588 | color: transparent; | 2680 | color: transparent; | ||
2589 | box-shadow: none; } | 2681 | box-shadow: none; } | ||
2590 | GtkSwitch.trough { | 2682 | GtkSwitch.trough { | ||
2591 | border: 0px solid; | 2683 | border: 0px solid; | ||
2592 | border-radius: 12px; | 2684 | border-radius: 12px; | ||
2593 | background-image: none; | 2685 | background-image: none; | ||
2594 | background-color: rgba(49, 54, 59, 0.3); | 2686 | background-color: rgba(35, 38, 39, 0.3); | ||
2595 | text-shadow: none; } | 2687 | text-shadow: none; } | ||
2596 | GtkSwitch.trough:active { | 2688 | GtkSwitch.trough:active { | ||
2597 | background-color: #3daee9; | 2689 | background-color: #3daee9; | ||
2598 | box-shadow: none; | 2690 | box-shadow: none; | ||
2599 | text-shadow: none; } | 2691 | text-shadow: none; } | ||
2600 | GtkSwitch.trough:backdrop { | 2692 | GtkSwitch.trough:backdrop { | ||
2601 | background-color: rgba(49, 54, 59, 0.3); } | 2693 | background-color: rgba(35, 38, 39, 0.3); } | ||
2602 | GtkSwitch.slider { | 2694 | GtkSwitch.slider { | ||
2603 | border: 1px solid; | 2695 | border: 1px solid; | ||
2604 | border-radius: 11px; | 2696 | border-radius: 11px; | ||
2605 | background-color: #eff0f1; | 2697 | background-color: #eff0f1; | ||
2606 | border-color: #c0c2c4; } | 2698 | border-color: #bcbebf; } | ||
2607 | GtkSwitch.slider:hover { | 2699 | GtkSwitch.slider:hover { | ||
2608 | box-shadow: none; | 2700 | box-shadow: none; | ||
2609 | border-color: #93cee9; | 2701 | border-color: #93cee9; | ||
2610 | background-color: #eff0f1; } | 2702 | background-color: #eff0f1; } | ||
2611 | GtkSwitch.slider:active { | 2703 | GtkSwitch.slider:active { | ||
2612 | border-color: #3daee9; } | 2704 | border-color: #3daee9; } | ||
2613 | GtkSwitch.slider:active:hover { | 2705 | GtkSwitch.slider:active:hover { | ||
2614 | border-color: #93cee9; } | 2706 | border-color: #93cee9; } | ||
2615 | GtkSwitch.slider:insensitive { | 2707 | GtkSwitch.slider:insensitive { | ||
2616 | background-color: rgba(216, 218, 221, 0.35); } | 2708 | background-color: #d8dadd; } | ||
2617 | GtkSwitch.slider:backdrop { | 2709 | GtkSwitch.slider:backdrop { | ||
2618 | background-color: #eff0f1; } | 2710 | background-color: #eff0f1; } | ||
2619 | GtkSwitch.slider:backdrop:insensitive { | 2711 | GtkSwitch.slider:backdrop:insensitive { | ||
2620 | background-color: rgba(216, 218, 221, 0.35); } | 2712 | background-color: #d8dadd; } | ||
2621 | .header-bar GtkSwitch.trough:backdrop { | 2713 | .header-bar GtkSwitch.trough:backdrop { | ||
2622 | background-color: transparent; } | 2714 | background-color: transparent; } | ||
2623 | .header-bar GtkSwitch.slider:backdrop { | 2715 | .header-bar GtkSwitch.slider:backdrop { | ||
2624 | background-color: #bdc3c7; } | 2716 | background-color: #bdc3c7; } | ||
2625 | 2717 | | |||
2626 | /************ | 2718 | /************ | ||
2627 | * Toolbars * | 2719 | * Toolbars * | ||
2628 | ************/ | 2720 | ************/ | ||
Show All 11 Lines | 2722 | .primary-toolbar { | |||
2640 | .primary-toolbar.osd { | 2732 | .primary-toolbar.osd { | ||
2641 | padding: 13px; | 2733 | padding: 13px; | ||
2642 | border: none; | 2734 | border: none; | ||
2643 | border-radius: 3px; | 2735 | border-radius: 3px; | ||
2644 | background-color: #eff0f1; } | 2736 | background-color: #eff0f1; } | ||
2645 | .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd | 2737 | .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd | ||
2646 | .primary-toolbar:backdrop, | 2738 | .primary-toolbar:backdrop, | ||
2647 | .primary-toolbar.osd:backdrop { | 2739 | .primary-toolbar.osd:backdrop { | ||
2648 | border-color: #c0c2c4; | 2740 | border-color: #bcbebf; | ||
2649 | background-color: #eff0f1; | 2741 | background-color: #eff0f1; | ||
2650 | box-shadow: none; } | 2742 | box-shadow: none; } | ||
2651 | 2743 | | |||
2652 | .inline-toolbar { | 2744 | .inline-toolbar { | ||
2653 | border-width: 0px 0px 1px 0px; | 2745 | border-width: 0px 0px 1px 0px; | ||
2654 | padding: 3px; | 2746 | padding: 3px; | ||
2655 | border-radius: 0; } | 2747 | border-radius: 0; } | ||
2656 | 2748 | | |||
2657 | .search-bar, .location-bar { | 2749 | .search-bar, .location-bar { | ||
2658 | border-width: 0px 0px 1px 0px; | 2750 | border-width: 0px 0px 1px 0px; | ||
2659 | padding: 3px; } | 2751 | padding: 3px; } | ||
2660 | 2752 | | |||
2661 | .inline-toolbar, .search-bar, .location-bar { | 2753 | .inline-toolbar, .search-bar, .location-bar { | ||
2662 | border-style: solid; | 2754 | border-style: solid; | ||
2663 | border-color: #c0c2c4; | 2755 | border-color: #bcbebf; | ||
2664 | text-shadow: none; | 2756 | text-shadow: none; | ||
2665 | background-color: #eff0f1; } | 2757 | background-color: #eff0f1; } | ||
2666 | 2758 | | |||
2667 | /************ | 2759 | /************ | ||
2668 | * Tooltips * | 2760 | * Tooltips * | ||
2669 | ************/ | 2761 | ************/ | ||
2670 | .tooltip { | 2762 | .tooltip { | ||
2671 | color: #eff0f1; | 2763 | color: #fcfcfc; | ||
2672 | padding: 4px; | 2764 | padding: 4px; | ||
2673 | /* not working */ | 2765 | /* not working */ | ||
2674 | border-radius: 5px; | 2766 | border-radius: 5px; | ||
2675 | box-shadow: none; | 2767 | box-shadow: none; | ||
2676 | text-shadow: none; } | 2768 | text-shadow: none; | ||
2769 | border: 1px solid #595c5c; } | ||||
2677 | .tooltip.background { | 2770 | .tooltip.background { | ||
2678 | background-color: #31363b; | 2771 | background-color: #232627; | ||
2679 | background-clip: padding-box; } | 2772 | background-clip: padding-box; } | ||
2680 | .tooltip.window-frame.csd { | 2773 | .tooltip.window-frame.csd { | ||
2681 | background-color: transparent; } | 2774 | background-color: transparent; } | ||
2682 | 2775 | | |||
2683 | .tooltip * { | 2776 | .tooltip * { | ||
2684 | padding: 4px; | 2777 | padding: 4px; | ||
2685 | background-color: transparent; | 2778 | background-color: transparent; | ||
2686 | color: inherit; } | 2779 | color: inherit; } | ||
2687 | 2780 | | |||
2688 | /************** | 2781 | /************** | ||
2689 | * Tree Views * | 2782 | * Tree Views * | ||
2690 | **************/ | 2783 | **************/ | ||
2691 | GtkTreeView.view { | 2784 | GtkTreeView.view { | ||
2692 | -GtkTreeView-grid-line-width: 0; | 2785 | -GtkTreeView-grid-line-width: 0; | ||
2693 | -GtkTreeView-grid-line-pattern: ''; | 2786 | -GtkTreeView-grid-line-pattern: ''; | ||
2694 | -GtkTreeView-tree-line-width: 1; | 2787 | -GtkTreeView-tree-line-width: 1; | ||
2695 | -GtkTreeView-tree-line-pattern: ''; | 2788 | -GtkTreeView-tree-line-pattern: ''; | ||
2696 | -GtkTreeView-expander-size: 16; | 2789 | -GtkTreeView-expander-size: 16; | ||
2697 | border-left-color: #c0c2c4; | 2790 | border-left-color: #bcbebf; | ||
2698 | border-top-color: transparent; } | 2791 | border-top-color: transparent; } | ||
2699 | GtkTreeView.view:selected { | 2792 | GtkTreeView.view:selected { | ||
2700 | border-radius: 0; } | 2793 | border-radius: 0; } | ||
2701 | GtkTreeView.view:selected { | 2794 | GtkTreeView.view:selected { | ||
2702 | background-color: #3daee9; | 2795 | background-color: #3daee9; | ||
2703 | border-left-color: #eff0f1; | 2796 | border-left-color: #fcfcfc; | ||
2704 | border-top-color: #eff0f1; } | 2797 | border-top-color: #fcfcfc; } | ||
2705 | GtkTreeView.view:backdrop:selected { | 2798 | GtkTreeView.view:backdrop:selected { | ||
2706 | background-color: rgba(61, 174, 233, 0.5); | 2799 | background-color: rgba(61, 174, 233, 0.5); | ||
2707 | border-left-color: #eff0f1; | 2800 | border-left-color: #fcfcfc; | ||
2708 | border-top-color: #eff0f1; } | 2801 | border-top-color: #fcfcfc; } | ||
2709 | GtkTreeView.view:insensitive { | 2802 | GtkTreeView.view:insensitive { | ||
2710 | color: rgba(174, 176, 179, 0.35); } | 2803 | color: rgba(170, 173, 174, 0.35); } | ||
2711 | GtkTreeView.view:insensitive:selected { | 2804 | GtkTreeView.view:insensitive:selected { | ||
2712 | color: rgba(216, 218, 221, 0.35); } | 2805 | color: #e5e5e5; } | ||
2713 | GtkTreeView.view:insensitive:selected:backdrop { | 2806 | GtkTreeView.view:insensitive:selected:backdrop { | ||
2714 | color: rgba(216, 218, 221, 0.35); } | 2807 | color: #e5e5e5; } | ||
2715 | GtkTreeView.view:insensitive:backdrop { | 2808 | GtkTreeView.view:insensitive:backdrop { | ||
2716 | color: rgba(174, 176, 179, 0.35); } | 2809 | color: rgba(170, 173, 174, 0.35); } | ||
2717 | GtkTreeView.view.separator { | 2810 | GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { | ||
2718 | color: #c0c2c4; } | 2811 | color: #bcbebf; } | ||
2719 | GtkTreeView.view.separator:backdrop { | 2812 | GtkTreeView.view.separator:backdrop, | ||
2720 | color: #c0c2c4; } | 2813 | GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { | ||
2814 | color: #bcbebf; } | ||||
2721 | GtkTreeView.view:backdrop { | 2815 | GtkTreeView.view:backdrop { | ||
2722 | border-left-color: #c0c2c4; } | 2816 | border-left-color: #bcbebf; } | ||
2723 | GtkTreeView.view.dnd { | 2817 | GtkTreeView.view.dnd { | ||
2724 | border-style: solid none; | 2818 | border-style: solid none; | ||
2725 | border-width: 1px; | 2819 | border-width: 1px; | ||
2726 | border-color: #93cee9; } | 2820 | border-color: #93cee9; } | ||
2727 | GtkTreeView.view.expander { | 2821 | GtkTreeView.view.expander { | ||
2728 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); | 2822 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); | ||
2729 | color: #31363b; } | 2823 | color: #232627; } | ||
2730 | GtkTreeView.view.expander:dir(rtl) { | 2824 | GtkTreeView.view.expander:dir(rtl) { | ||
2731 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | 2825 | -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } | ||
2732 | GtkTreeView.view.expander:hover { | 2826 | GtkTreeView.view.expander:hover { | ||
2733 | color: #93cee9; } | 2827 | color: #93cee9; } | ||
2734 | GtkTreeView.view.expander:selected { | 2828 | GtkTreeView.view.expander:selected { | ||
2735 | color: #eff0f1; } | 2829 | color: #fcfcfc; } | ||
2736 | GtkTreeView.view.expander:checked { | 2830 | GtkTreeView.view.expander:checked { | ||
2737 | -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | 2831 | -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } | ||
2738 | GtkTreeView.view.expander:checked:selected { | 2832 | GtkTreeView.view.expander:checked:selected { | ||
2739 | color: #eff0f1; } | 2833 | color: #fcfcfc; } | ||
2740 | GtkTreeView.view.expander:checked:backdrop { | 2834 | GtkTreeView.view.expander:checked:backdrop { | ||
2741 | color: #fcfcfc; } | 2835 | color: #fcfcfc; } | ||
2742 | GtkTreeView.view.expander:backdrop { | 2836 | GtkTreeView.view.expander:backdrop { | ||
2743 | color: #fcfcfc; } | 2837 | color: #232627; } | ||
2744 | 2838 | | |||
2745 | column-header .button { | 2839 | column-header .button { | ||
2746 | color: #31363b; | 2840 | color: #232627; | ||
2747 | background-color: #eff0f1; | 2841 | background-color: #eff0f1; | ||
2748 | text-shadow: none; | 2842 | text-shadow: none; | ||
2749 | box-shadow: none; } | 2843 | box-shadow: none; } | ||
2750 | column-header .button:hover { | 2844 | column-header .button:hover { | ||
2751 | color: #31363b; | 2845 | color: #232627; | ||
2752 | background-color: rgba(147, 206, 233, 0.5); | 2846 | background-color: rgba(147, 206, 233, 0.5); | ||
2753 | box-shadow: none; | 2847 | box-shadow: none; | ||
2754 | transition: none; } | 2848 | transition: none; } | ||
2755 | column-header .button:active { | 2849 | column-header .button:active { | ||
2756 | color: #31363b; | 2850 | color: #232627; | ||
2757 | background-color: rgba(147, 206, 233, 0.5); | 2851 | background-color: rgba(147, 206, 233, 0.5); | ||
2758 | transition: none; } | 2852 | transition: none; } | ||
2759 | column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { | 2853 | | ||
2854 | column-header:last-child .button, | ||||
2855 | column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { | ||||
2760 | border-right-style: none; } | 2856 | border-right-style: none; } | ||
2761 | 2857 | | |||
2762 | column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { | 2858 | column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { | ||
2763 | transition: none; | 2859 | transition: none; | ||
2764 | color: #3daee9; | 2860 | color: #3daee9; | ||
2765 | box-shadow: none; } | 2861 | box-shadow: none; } | ||
2766 | 2862 | | |||
2767 | column-header .button, column-header .button:hover, column-header .button:active { | 2863 | column-header .button, column-header .button:hover, column-header .button:active { | ||
2768 | padding: 6px; | 2864 | padding: 6px; | ||
2769 | border-style: none solid solid none; | 2865 | border-style: none solid solid none; | ||
2770 | border-radius: 0; | 2866 | border-radius: 0; | ||
2771 | background-image: none; | 2867 | background-image: none; | ||
2772 | border-color: #c0c2c4; | 2868 | border-color: #bcbebf; | ||
2773 | text-shadow: none; } | 2869 | text-shadow: none; } | ||
2774 | column-header .button:insensitive { | 2870 | column-header .button:insensitive { | ||
2775 | border-color: rgba(174, 176, 179, 0.35); | 2871 | border-color: rgba(170, 173, 174, 0.35); | ||
2776 | color: rgba(45, 49, 54, 0.35); | 2872 | color: rgba(32, 35, 35, 0.35); | ||
2777 | background-color: rgba(216, 218, 221, 0.35); | 2873 | background-color: #d8dadd; | ||
2778 | background-image: none; } | 2874 | background-image: none; } | ||
2779 | column-header .button:backdrop { | 2875 | column-header .button:backdrop { | ||
2780 | border-color: #c0c2c4; | 2876 | border-color: #bcbebf; | ||
2781 | border-style: none solid solid none; | 2877 | border-style: none solid solid none; | ||
2782 | color: #31363b; | 2878 | color: #232627; | ||
2783 | background-image: none; | 2879 | background-image: none; | ||
2784 | background-color: #eff0f1; } | 2880 | background-color: #eff0f1; } | ||
2785 | column-header .button:backdrop:insensitive { | 2881 | column-header .button:backdrop:insensitive { | ||
2786 | border-color: rgba(174, 176, 179, 0.35); | 2882 | border-color: rgba(170, 173, 174, 0.35); | ||
2787 | background-image: none; | 2883 | background-image: none; | ||
2788 | background-color: rgba(216, 218, 221, 0.35); | 2884 | background-color: #d8dadd; | ||
2789 | color: rgba(45, 49, 54, 0.35); } | 2885 | color: rgba(32, 35, 35, 0.35); } | ||
2790 | 2886 | | |||
2791 | /********************** | 2887 | /********************** | ||
2792 | * Window Decorations * | 2888 | * Window Decorations * | ||
2793 | *********************/ | 2889 | *********************/ | ||
2794 | .window-frame { | 2890 | .window-frame { | ||
2795 | border-radius: 3px; | 2891 | border-radius: 3px; | ||
2796 | box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); | 2892 | box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); | ||
2797 | /* this is used for the resize cursor area */ | 2893 | /* this is used for the resize cursor area */ | ||
Show All 13 Lines | 2906 | .window-frame.csd.popup { | |||
2811 | box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } | 2907 | box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } | ||
2812 | .window-frame.csd.tooltip { | 2908 | .window-frame.csd.tooltip { | ||
2813 | box-shadow: none; } | 2909 | box-shadow: none; } | ||
2814 | .window-frame.csd.message-dialog { | 2910 | .window-frame.csd.message-dialog { | ||
2815 | box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } | 2911 | box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } | ||
2816 | .window-frame.solid-csd { | 2912 | .window-frame.solid-csd { | ||
2817 | border-radius: 0; | 2913 | border-radius: 0; | ||
2818 | margin: 0px; | 2914 | margin: 0px; | ||
2819 | background-color: #556068; | 2915 | background-color: #eff0f1; | ||
2820 | border: none; | 2916 | border: none; | ||
2821 | box-shadow: none; } | 2917 | box-shadow: none; } | ||
2822 | 2918 | | |||
2823 | .header-bar .button.titlebutton, | 2919 | .header-bar .button.titlebutton, | ||
2824 | .titlebar .button.titlebutton { | 2920 | .titlebar .button.titlebutton { | ||
2825 | padding: 0px; } | 2921 | padding: 0px; } | ||
2826 | .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, | 2922 | .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, | ||
2827 | .titlebar .button.titlebutton:hover, | 2923 | .titlebar .button.titlebutton:hover, | ||
▲ Show 20 Lines • Show All 79 Lines • ▼ Show 20 Line(s) | |||||
2907 | .titlebar .button.titlebutton.maximize { | 3003 | .titlebar .button.titlebutton.maximize { | ||
2908 | padding: 1px; | 3004 | padding: 1px; | ||
2909 | color: transparent; | 3005 | color: transparent; | ||
2910 | border-image: none; | 3006 | border-image: none; | ||
2911 | box-shadow: none; | 3007 | box-shadow: none; | ||
2912 | background-position: center; | 3008 | background-position: center; | ||
2913 | background-repeat: no-repeat; | 3009 | background-repeat: no-repeat; | ||
2914 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } | 3010 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } | ||
3011 | | ||||
2915 | .maximized .header-bar .button.titlebutton.maximize:hover, .maximized | 3012 | .maximized .header-bar .button.titlebutton.maximize:hover, .maximized | ||
2916 | .titlebar .button.titlebutton.maximize:hover { | 3013 | .titlebar .button.titlebutton.maximize:hover { | ||
2917 | border-color: transparent; | 3014 | border-color: transparent; | ||
2918 | background-color: transparent; | 3015 | background-color: transparent; | ||
2919 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } | 3016 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } | ||
3017 | | ||||
2920 | .maximized .header-bar .button.titlebutton.maximize:active, .maximized | 3018 | .maximized .header-bar .button.titlebutton.maximize:active, .maximized | ||
2921 | .titlebar .button.titlebutton.maximize:active { | 3019 | .titlebar .button.titlebutton.maximize:active { | ||
2922 | border-color: transparent; | 3020 | border-color: transparent; | ||
2923 | background-color: transparent; | 3021 | background-color: transparent; | ||
2924 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } | 3022 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } | ||
3023 | | ||||
2925 | .maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized | 3024 | .maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized | ||
2926 | .titlebar .button.titlebutton.maximize:backdrop { | 3025 | .titlebar .button.titlebutton.maximize:backdrop { | ||
2927 | border-color: transparent; | 3026 | border-color: transparent; | ||
2928 | background-color: transparent; | 3027 | background-color: transparent; | ||
2929 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } | 3028 | background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } | ||
2930 | 3029 | | |||
2931 | .header-bar.selection-mode .button.titlebutton, | 3030 | .header-bar.selection-mode .button.titlebutton, | ||
2932 | .titlebar.selection-mode .button.titlebutton { | 3031 | .titlebar.selection-mode .button.titlebutton { | ||
2933 | text-shadow: none; } | 3032 | text-shadow: none; } | ||
2934 | .header-bar.selection-mode .button.titlebutton:backdrop, | 3033 | .header-bar.selection-mode .button.titlebutton:backdrop, | ||
2935 | .titlebar.selection-mode .button.titlebutton:backdrop { | 3034 | .titlebar.selection-mode .button.titlebutton:backdrop { | ||
2936 | icon-shadow: none; } | 3035 | icon-shadow: none; } |