1@keyframes ripple_effect { 2 to { 3 background-size: 1000% 1000%; 4 } 5} 6 7@keyframes header_ripple_effect { 8 from { 9 background-image: radial-gradient(circle farthest-corner at center, #00CE99 0%, transparent 0%); 10 } 11 to { 12 background-image: radial-gradient(circle farthest-corner at center, #00CE99 100%, transparent 0%); 13 } 14} 15 16* { 17 background-clip: padding-box; 18 -GtkToolButton-icon-spacing: 0; 19 -GtkTextView-error-underline-color: #DD2C00; 20 -GtkScrolledWindow-scrollbar-spacing: 0; 21 -GtkToolItemGroup-expander-size: 11; 22 -GtkWidget-text-handle-width: 24; 23 -GtkWidget-text-handle-height: 24; 24 -GtkDialog-button-spacing: 4; 25 -GtkDialog-action-area-border: 0; 26 outline-style: solid; 27 outline-width: 2px; 28 outline-color: transparent; 29 outline-offset: -4px; 30 -gtk-outline-radius: 6px; 31 -gtk-secondary-caret-color: #00CE99; 32} 33 34switch:focus slider, 35notebook:focus tab, 36*:focus { 37 outline-color: alpha(currentColor, 0.3); 38} 39 40/*************** 41 * Base States * 42 ***************/ 43.background { 44 background-color: rgba(245, 245, 245, 0.999); 45 color: rgba(0, 0, 0, 0.75); 46} 47 48.background.csd { 49 border-radius: 0 0 8px 8px; 50} 51 52.background.maximized, .background.solid-csd { 53 border-radius: 0; 54} 55 56/* 57 These wildcard seems unavoidable, need to investigate. 58 Wildcards are bad and troublesome, use them with care, 59 or better, just don't. 60 Everytime a wildcard is used a kitten dies, painfully. 61*/ 62*:disabled { 63 -gtk-icon-effect: dim; 64} 65 66.gtkstyle-fallback { 67 background-color: #F5F5F5; 68 color: rgba(0, 0, 0, 0.75); 69} 70 71.gtkstyle-fallback:hover { 72 background-color: #e8e8e8; 73 color: rgba(0, 0, 0, 0.75); 74} 75 76.gtkstyle-fallback:active { 77 background-color: gainsboro; 78 color: rgba(0, 0, 0, 0.75); 79} 80 81.gtkstyle-fallback:disabled { 82 background-color: #F5F5F5; 83 color: rgba(0, 0, 0, 0.38); 84} 85 86.gtkstyle-fallback:selected { 87 background-color: #00CE99; 88 color: #FFFFFF; 89} 90 91window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view { 92 background-color: #fcfcfc; 93 color: rgba(0, 0, 0, 0.75); 94} 95 96window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled { 97 color: rgba(0, 0, 0, 0.38); 98} 99 100textview text { 101 background-color: #fcfcfc; 102} 103 104textview border { 105 background-color: #FAFAFA; 106 color: rgba(0, 0, 0, 0.38); 107} 108 109iconview { 110 border-radius: 6px; 111} 112 113.rubberband, 114rubberband, 115XfdesktopIconView.view .rubberband, 116.content-view rubberband, 117.content-view .rubberband, 118treeview.view rubberband, 119flowbox rubberband { 120 border: 1px solid #00CF88; 121 background-color: rgba(0, 207, 136, 0.3); 122} 123 124flowbox flowboxchild { 125 padding: 4px; 126 border-radius: 6px; 127} 128 129.content-view .tile:selected { 130 background-color: transparent; 131 color: inherit; 132} 133 134label { 135 caret-color: currentColor; 136} 137 138label.separator { 139 color: rgba(0, 0, 0, 0.75); 140} 141 142label selection { 143 background-color: #00CE99; 144 color: #FFFFFF; 145} 146 147label:disabled { 148 color: rgba(0, 0, 0, 0.38); 149} 150 151label:disabled selection { 152 color: rgba(255, 255, 255, 0.5); 153} 154 155tab label:disabled, button label:disabled { 156 color: inherit; 157} 158 159.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, 160headerbar .subtitle, label.separator { 161 opacity: 0.6; 162} 163 164assistant .sidebar { 165 padding: 4px 0; 166} 167 168assistant .sidebar label { 169 min-height: 36px; 170 padding: 0 12px; 171 color: rgba(0, 0, 0, 0.38); 172 font-weight: 500; 173} 174 175assistant .sidebar label.highlight { 176 color: rgba(0, 0, 0, 0.75); 177} 178 179.nemo-window .floating-bar, 180.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.touch-selection, popover.magnifier, popover.osd, 181popover.background.touch-selection, 182popover.background.magnifier, 183popover.background.osd, .osd { 184 opacity: 0.9; 185} 186 187/********************* 188 * Spinner Animation * 189 *********************/ 190@keyframes spin { 191 to { 192 -gtk-icon-transform: rotate(1turn); 193 } 194} 195 196spinner { 197 background: none; 198 opacity: 0; 199 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 200} 201 202spinner:checked { 203 opacity: 1; 204 animation: spin 1s linear infinite; 205} 206 207spinner:checked:disabled { 208 opacity: 0.5; 209} 210 211/**************** 212 * Text Entries * 213 ****************/ 214spinbutton:not(.vertical), 215entry { 216 min-height: 36px; 217 padding: 0 8px; 218 border-radius: 6px; 219 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 220 border-image: none; 221 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 222 background-color: #fcfcfc; 223 color: rgba(0, 0, 0, 0.75); 224} 225 226spinbutton:focus:not(.vertical), 227entry:focus { 228 border-image: none; 229 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 230} 231 232spinbutton:disabled:not(.vertical), 233entry:disabled { 234 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 235 background-color: #FAFAFA; 236 color: rgba(0, 0, 0, 0.38); 237} 238 239#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry, 240.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search), 241notebook > stack:not(:only-child) spinbutton:not(.vertical), popover entry, 242popover.background entry, spinbutton.flat:not(.vertical), 243entry.flat { 244 border-radius: 0; 245 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 246 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px; 247 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); 248 background-color: transparent; 249 color: rgba(0, 0, 0, 0.75); 250} 251 252#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus, 253.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search), 254notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover entry:focus, 255popover.background entry:focus, spinbutton.flat:focus:not(.vertical), 256entry.flat:focus { 257 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px; 258 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); 259} 260 261#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled, 262.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search), 263notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover entry:disabled, 264popover.background entry:disabled, spinbutton.flat:disabled:not(.vertical), 265entry.flat:disabled { 266 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); 267 background-color: transparent; 268 color: rgba(0, 0, 0, 0.38); 269} 270 271spinbutton:not(.vertical) image, 272entry image { 273 color: rgba(0, 0, 0, 0.54); 274} 275 276spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, 277entry image:hover, 278entry image:active { 279 color: rgba(0, 0, 0, 0.75); 280} 281 282spinbutton:not(.vertical) image:disabled, 283entry image:disabled { 284 color: rgba(0, 0, 0, 0.38); 285} 286 287spinbutton:not(.vertical) image.left, 288entry image.left { 289 margin-left: 2px; 290 margin-right: 6px; 291} 292 293spinbutton:not(.vertical) image.right, 294entry image.right { 295 margin-left: 6px; 296 margin-right: 2px; 297} 298 299spinbutton:not(.vertical) undershoot.left, 300entry undershoot.left { 301 background-color: transparent; 302 background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); 303 padding-left: 1px; 304 background-size: 1px 12px; 305 background-repeat: repeat-y; 306 background-origin: content-box; 307 background-position: left top; 308} 309 310spinbutton:not(.vertical) undershoot.right, 311entry undershoot.right { 312 background-color: transparent; 313 background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); 314 padding-right: 1px; 315 background-size: 1px 12px; 316 background-repeat: repeat-y; 317 background-origin: content-box; 318 background-position: right top; 319} 320 321spinbutton.error:not(.vertical), 322entry.error { 323 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 324 border-image: none; 325 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 326 background-color: #DD2C00; 327 color: #FFFFFF; 328} 329 330spinbutton.error:focus:not(.vertical), 331entry.error:focus { 332 border-image: none; 333 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 334} 335 336spinbutton.error:disabled:not(.vertical), 337entry.error:disabled { 338 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 339 background-color: #FAFAFA; 340 color: rgba(0, 0, 0, 0.38); 341} 342 343spinbutton.error.flat:not(.vertical), 344entry.error.flat { 345 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 346 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; 347 box-shadow: inset 0 -1px #DD2C00; 348 background-color: transparent; 349 color: rgba(0, 0, 0, 0.75); 350} 351 352spinbutton.error.flat:focus:not(.vertical), 353entry.error.flat:focus { 354 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; 355 box-shadow: inset 0 -1px #DD2C00; 356} 357 358spinbutton.error.flat:disabled:not(.vertical), 359entry.error.flat:disabled { 360 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); 361 background-color: transparent; 362 color: rgba(0, 0, 0, 0.38); 363} 364 365spinbutton.error:not(.vertical) image, 366entry.error image { 367 color: rgba(255, 255, 255, 0.7); 368} 369 370spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, 371entry.error image:hover, 372entry.error image:active { 373 color: #FFFFFF; 374} 375 376spinbutton.error:not(.vertical) image:disabled, 377entry.error image:disabled { 378 color: rgba(255, 255, 255, 0.5); 379} 380 381spinbutton.warning:not(.vertical), 382entry.warning { 383 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 384 border-image: none; 385 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 386 background-color: #FF6D00; 387 color: #FFFFFF; 388} 389 390spinbutton.warning:focus:not(.vertical), 391entry.warning:focus { 392 border-image: none; 393 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 394} 395 396spinbutton.warning:disabled:not(.vertical), 397entry.warning:disabled { 398 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 399 background-color: #FAFAFA; 400 color: rgba(0, 0, 0, 0.38); 401} 402 403spinbutton.warning.flat:not(.vertical), 404entry.warning.flat { 405 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 406 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; 407 box-shadow: inset 0 -1px #FF6D00; 408 background-color: transparent; 409 color: rgba(0, 0, 0, 0.75); 410} 411 412spinbutton.warning.flat:focus:not(.vertical), 413entry.warning.flat:focus { 414 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; 415 box-shadow: inset 0 -1px #FF6D00; 416} 417 418spinbutton.warning.flat:disabled:not(.vertical), 419entry.warning.flat:disabled { 420 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); 421 background-color: transparent; 422 color: rgba(0, 0, 0, 0.38); 423} 424 425spinbutton.warning:not(.vertical) image, 426entry.warning image { 427 color: rgba(255, 255, 255, 0.7); 428} 429 430spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, 431entry.warning image:hover, 432entry.warning image:active { 433 color: #FFFFFF; 434} 435 436spinbutton.warning:not(.vertical) image:disabled, 437entry.warning image:disabled { 438 color: rgba(255, 255, 255, 0.5); 439} 440 441spinbutton:not(.vertical) progress, 442entry progress { 443 margin: 2px -6px; 444 border-bottom: 2px solid #00CE99; 445 background-color: transparent; 446} 447 448.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { 449 border-radius: 0; 450} 451 452treeview entry.flat, treeview entry { 453 min-height: 0; 454 padding: 2px; 455 border-radius: 0; 456 background-color: #fcfcfc; 457} 458 459treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { 460 border-image: none; 461 box-shadow: none; 462} 463 464.entry-tag, .photos-entry-tag, .documents-entry-tag { 465 margin: 6px; 466 border-radius: 9999px; 467 box-shadow: none; 468 background-color: #00CE99; 469 color: #FFFFFF; 470} 471 472.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { 473 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 474} 475 476:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { 477 margin-left: 8px; 478 margin-right: -2px; 479 padding-left: 8px; 480 padding-right: 4px; 481} 482 483:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { 484 margin-left: -2px; 485 margin-right: 8px; 486 padding-left: 4px; 487 padding-right: 8px; 488} 489 490.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { 491 box-shadow: none; 492 background-color: transparent; 493} 494 495.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { 496 color: rgba(255, 255, 255, 0.7); 497} 498 499/*********** 500 * Buttons * 501 ***********/ 502@keyframes needs_attention { 503 from { 504 background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FFAC00), to(transparent)); 505 } 506 to { 507 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FFAC00), to(transparent)); 508 } 509} 510 511 512button { 513 min-height: 24px; 514 min-width: 16px; 515 padding: 6px 10px; 516 border-radius: 6px; 517 font-weight: 500; 518 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); 519 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 0 9999px transparent; 520 background-color: #fcfcfc; 521 background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); 522 background-repeat: no-repeat; 523 background-position: center; 524 background-size: 1000% 1000%; 525 color: rgba(0, 0, 0, 0.62); 526} 527 528 529button:hover { 530 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 9999px transparent; 531 color: rgba(0, 0, 0, 0.75); 532} 533 534 535button:active { 536 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; 537 animation: ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1) forwards; 538 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 9999px alpha(currentColor, 0.15); 539 background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); 540 background-size: 0% 0%; 541 color: rgba(0, 0, 0, 0.75); 542} 543 544 545button:disabled { 546 box-shadow: none; 547 background-color: rgba(0, 0, 0, 0.12); 548 color: rgba(0, 0, 0, 0.26); 549} 550 551 552button:checked { 553 background-color: #00CE99; 554 color: #FFFFFF; 555} 556 557 558button:checked:disabled { 559 background-color: rgba(0, 206, 153, 0.3); 560 color: rgba(0, 206, 153, 0.5); 561} 562 563.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button, 564.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header:not(.top) button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, .nemo-window .floating-bar button, 565.nautilus-window .floating-bar button, button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check, 566radio, scrollbar button, notebook > header > tabs > arrow, popover.menu button, 567popover button.model, 568popover.background.menu button, 569popover.background button.model, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, 570.menuitem.button.flat, .raven stackswitcher.linked > button, .budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, layouttabbar button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, 571headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, 572button.flat { 573 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); 574 box-shadow: inset 0 0 0 9999px transparent; 575 background-color: transparent; 576 background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); 577 background-repeat: no-repeat; 578 background-position: center; 579 background-size: 1000% 1000%; 580 color: rgba(0, 0, 0, 0.54); 581} 582 583.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, 584.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header:not(.top) button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, .nemo-window .floating-bar button:hover, 585.nautilus-window .floating-bar button:hover, button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover, 586radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu button:hover, 587popover button.model:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, 588.menuitem.button.flat:hover, .raven stackswitcher.linked > button:hover, .budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, layouttabbar button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:hover:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, 589headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, 590button.flat:hover { 591 box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); 592 color: rgba(0, 0, 0, 0.75); 593} 594 595.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active, 596.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header:not(.top) button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, .nemo-window .floating-bar button:active, 597.nautilus-window .floating-bar button:active, button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active, 598radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu button:active, 599popover button.model:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, 600.menuitem.button.flat:active, .raven stackswitcher.linked > button:active, .budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, layouttabbar button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:active:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, 601headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, 602button.flat:active { 603 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; 604 animation: ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1) forwards; 605 box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); 606 background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); 607 background-size: 0% 0%; 608 color: rgba(0, 0, 0, 0.75); 609} 610 611.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled, 612.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header:not(.top) button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, .nemo-window .floating-bar button:disabled, 613.nautilus-window .floating-bar button:disabled, button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled, 614radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu button:disabled, 615popover button.model:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, 616.menuitem.button.flat:disabled, .raven stackswitcher.linked > button:disabled, .budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, layouttabbar button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:disabled:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, 617headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, 618button.flat:disabled { 619 box-shadow: none; 620 background-color: transparent; 621 color: rgba(0, 0, 0, 0.26); 622} 623 624.raven stackswitcher.linked > button:checked, .budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, layouttabbar button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:checked:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, 625headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, 626button.flat:checked { 627 background-color: rgba(0, 0, 0, 0.26); 628 color: rgba(0, 0, 0, 0.75); 629} 630 631.raven stackswitcher.linked > button:checked:disabled, .budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, layouttabbar button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:checked:disabled:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, 632headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, 633button.flat:checked:disabled { 634 background-color: rgba(0, 0, 0, 0.12); 635 color: rgba(0, 0, 0, 0.38); 636} 637 638 639button.text-button { 640 padding-left: 16px; 641 padding-right: 16px; 642} 643 644 645button.image-button { 646 min-width: 24px; 647 padding: 6px; 648} 649 650 651button.text-button.image-button label:first-child { 652 margin-left: 10px; 653} 654 655 656button.text-button.image-button label:last-child { 657 margin-right: 10px; 658} 659 660 661button.text-button.image-button image:not(:only-child) { 662 margin: 0 4px; 663} 664 665.linked > button.flat, .linked.vertical > button.flat { 666 border-radius: 6px; 667} 668 669.linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button { 670 border-radius: 6px; 671 -gtk-outline-radius: 6px; 672} 673 674infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { 675 background-color: rgba(255, 255, 255, 0.12); 676 color: rgba(255, 255, 255, 0.3); 677} 678 679infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, row:selected button.flat { 680 color: rgba(255, 255, 255, 0.7); 681} 682 683infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, row:selected button.flat:hover, row:selected button.flat:active { 684 color: #FFFFFF; 685} 686 687infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, row:selected button.flat:disabled { 688 color: rgba(255, 255, 255, 0.3); 689} 690 691infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, row:selected button.flat:checked { 692 background-color: rgba(255, 255, 255, 0.3); 693 color: #FFFFFF; 694} 695 696infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, row:selected button.flat:checked:disabled { 697 background-color: rgba(255, 255, 255, 0.12); 698 color: rgba(255, 255, 255, 0.5); 699} 700 701 702button.osd { 703 padding: 9px 13px; 704} 705 706 707button.osd.image-button { 708 padding: 9px; 709} 710 711 712button.osd:disabled { 713 opacity: 0; 714} 715 716 717button.suggested-action { 718 background-color: #FFAC00; 719 color: #FFFFFF; 720} 721 722 723button.suggested-action:disabled { 724 box-shadow: none; 725 background-color: rgba(0, 0, 0, 0.12); 726 color: rgba(0, 0, 0, 0.38); 727} 728 729 730button.suggested-action:checked { 731 background-color: #ffc54d; 732} 733 734 735button.suggested-action.flat { 736 background-color: transparent; 737 color: #FFAC00; 738} 739 740 741button.suggested-action.flat:disabled { 742 box-shadow: none; 743 background-color: transparent; 744 color: rgba(0, 0, 0, 0.38); 745} 746 747 748button.suggested-action.flat:checked { 749 background-color: rgba(255, 172, 0, 0.3); 750} 751 752 753button.destructive-action { 754 background-color: #FF5252; 755 color: #FFFFFF; 756} 757 758 759button.destructive-action:disabled { 760 box-shadow: none; 761 background-color: rgba(0, 0, 0, 0.12); 762 color: rgba(0, 0, 0, 0.38); 763} 764 765 766button.destructive-action:checked { 767 background-color: #ff8686; 768} 769 770 771button.destructive-action.flat { 772 background-color: transparent; 773 color: #FF5252; 774} 775 776 777button.destructive-action.flat:disabled { 778 box-shadow: none; 779 background-color: transparent; 780 color: rgba(0, 0, 0, 0.38); 781} 782 783 784button.destructive-action.flat:checked { 785 background-color: rgba(255, 82, 82, 0.3); 786} 787 788.stack-switcher > button { 789 outline-offset: -4px; 790} 791 792.stack-switcher > button > label { 793 padding-left: 6px; 794 padding-right: 6px; 795} 796 797.stack-switcher > button > image { 798 padding-left: 6px; 799 padding-right: 6px; 800 padding-top: 3px; 801 padding-bottom: 3px; 802} 803 804.stack-switcher > button.text-button { 805 padding-left: 10px; 806 padding-right: 10px; 807} 808 809.stack-switcher > button.image-button { 810 padding-left: 4px; 811 padding-right: 4px; 812} 813 814.stack-switcher > button.needs-attention:checked > label, 815.stack-switcher > button.needs-attention:checked > image { 816 animation: none; 817 background-image: none; 818} 819 820.primary-toolbar button { 821 -gtk-icon-shadow: none; 822} 823 824.raven .expander-button, .raven .raven-header:not(.top) button.image-button, .nautilus-window headerbar > revealer > button, headerbar button.titlebutton, .csd headerbar button.titlebutton, 825.titlebar button.titlebutton, .csd .titlebar button.titlebutton, check, 826radio, 827button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), 828button.close, 829button.circular { 830 border-radius: 9999px; 831 -gtk-outline-radius: 9999px; 832} 833 834.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nemo-window .floating-bar button, 835.nautilus-window .floating-bar button, button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button { 836 min-height: 24px; 837 min-width: 24px; 838 padding: 0; 839 border-radius: 9999px; 840 -gtk-outline-radius: 9999px; 841} 842 843stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, 844.stack-switcher > button.needs-attention > image { 845 animation: needs_attention 150ms cubic-bezier(0, 0, 0.2, 1) forwards; 846 background-repeat: no-repeat; 847 background-position: right 3px; 848 background-size: 6px 6px; 849} 850 851stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), 852.stack-switcher > button.needs-attention > image:dir(rtl) { 853 background-position: left 3px; 854} 855 856.linked:not(.vertical) > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button { 857 border-radius: 0; 858 -gtk-outline-radius: 6px; 859} 860 861.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child { 862 border-top-left-radius: 6px; 863 border-bottom-left-radius: 6px; 864} 865 866.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child { 867 border-top-right-radius: 6px; 868 border-bottom-right-radius: 6px; 869} 870 871.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child { 872 border-radius: 6px; 873} 874 875.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { 876 border-radius: 0; 877 -gtk-outline-radius: 6px; 878} 879 880.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { 881 border-top-left-radius: 6px; 882 border-top-right-radius: 6px; 883} 884 885.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { 886 border-bottom-left-radius: 6px; 887 border-bottom-right-radius: 6px; 888} 889 890.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { 891 border-radius: 6px; 892} 893 894/* menu buttons */ 895modelbutton.flat, 896.menuitem.button.flat { 897 min-height: 28px; 898 padding: 0 8px; 899 border-radius: 6px; 900 color: inherit; 901} 902 903modelbutton.flat arrow { 904 background: none; 905} 906 907modelbutton.flat arrow:hover { 908 background: none; 909} 910 911modelbutton.flat arrow.left { 912 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 913} 914 915modelbutton.flat arrow.right { 916 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 917} 918 919button.color { 920 min-height: 24px; 921 min-width: 24px; 922 padding: 6px; 923} 924 925/********* 926 * Links * 927 *********/ 928*:link, button:link, 929button:visited { 930 color: #00CE99; 931} 932 933*:link:visited, *:link:visited:hover, *:link:visited:active, 934button:visited { 935 color: #E040FB; 936} 937 938infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, 939headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, 940button:selected:visited, *:selected button:link, 941*:selected button:visited { 942 color: #FFFFFF; 943} 944 945button:link > label, 946button:visited > label { 947 text-decoration-line: underline; 948} 949 950/***************** 951 * GtkSpinButton * 952 *****************/ 953spinbutton:not(.vertical) { 954 padding: 0; 955} 956 957.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled, 958spinbutton:not(.vertical) entry { 959 min-width: 26px; 960 margin: 0; 961 border-image: none; 962 border-radius: 0; 963 box-shadow: none; 964 background-color: transparent; 965} 966 967spinbutton:not(.vertical) button { 968 border: solid 6px transparent; 969} 970 971spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { 972 margin-left: -3px; 973} 974 975spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { 976 margin-right: -3px; 977} 978 979spinbutton.vertical:disabled { 980 color: rgba(0, 0, 0, 0.38); 981} 982 983spinbutton.vertical:drop(active) { 984 box-shadow: none; 985} 986 987spinbutton.vertical entry { 988 min-height: 36px; 989 min-width: 42px; 990 padding: 0; 991} 992 993spinbutton.vertical button { 994 min-height: 36px; 995 min-width: 42px; 996 padding: 0; 997} 998 999spinbutton.vertical button.up { 1000 border-radius: 6px 6px 0 0; 1001} 1002 1003spinbutton.vertical button.down { 1004 border-radius: 0 0 6px 6px; 1005} 1006 1007treeview spinbutton:not(.vertical) { 1008 min-height: 0; 1009 border-style: none; 1010 border-radius: 0; 1011} 1012 1013treeview spinbutton:not(.vertical) entry { 1014 min-height: 0; 1015 padding: 1px 2px; 1016} 1017 1018/************** 1019 * ComboBoxes * 1020 **************/ 1021combobox arrow { 1022 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1023 min-height: 16px; 1024 min-width: 16px; 1025} 1026 1027combobox decoration, 1028combobox button.combo:checked { 1029 transition: none; 1030} 1031 1032combobox button.combo cellview:dir(ltr) { 1033 margin-left: -2px; 1034} 1035 1036combobox button.combo cellview:dir(rtl) { 1037 margin-right: -2px; 1038} 1039 1040combobox #gtk-combobox-popup-menu { 1041 padding: 2px 0; 1042} 1043 1044combobox #gtk-combobox-popup-menu menuitem { 1045 min-height: 32px; 1046 padding: 0 8px; 1047} 1048 1049combobox #gtk-combobox-popup-menu > arrow.top { 1050 margin-top: -2px; 1051} 1052 1053combobox #gtk-combobox-popup-menu > arrow.bottom { 1054 margin-bottom: -6px; 1055} 1056 1057combobox.linked button:nth-child(2):dir(ltr) { 1058 border-top-right-radius: 6px; 1059 border-bottom-right-radius: 6px; 1060} 1061 1062combobox.linked button:nth-child(2):dir(rtl) { 1063 border-top-left-radius: 6px; 1064 border-bottom-left-radius: 6px; 1065} 1066 1067combobox:drop(active) { 1068 box-shadow: none; 1069} 1070 1071.linked:not(.vertical) > combobox:first-child > box > button.combo { 1072 border-top-left-radius: 6px; 1073 border-bottom-left-radius: 6px; 1074} 1075 1076.linked:not(.vertical) > combobox:last-child > box > button.combo { 1077 border-top-right-radius: 6px; 1078 border-bottom-right-radius: 6px; 1079} 1080 1081.linked:not(.vertical) > combobox:only-child > box > button.combo { 1082 border-radius: 6px; 1083} 1084 1085.linked.vertical > combobox:first-child > box > button.combo { 1086 border-top-left-radius: 6px; 1087 border-top-right-radius: 6px; 1088} 1089 1090.linked.vertical > combobox:last-child > box > button.combo { 1091 border-bottom-left-radius: 6px; 1092 border-bottom-right-radius: 6px; 1093} 1094 1095.linked.vertical > combobox:only-child > box > button.combo { 1096 border-radius: 6px; 1097} 1098 1099#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover button.combo, 1100popover.background button.combo { 1101 border-radius: 0; 1102 background-image: none; 1103 font-weight: inherit; 1104 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 1105 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px; 1106 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); 1107 background-color: transparent; 1108 color: rgba(0, 0, 0, 0.75); 1109} 1110 1111#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover button.combo:hover { 1112 box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38); 1113} 1114 1115#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover button.combo:checked { 1116 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px; 1117} 1118 1119#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover button.combo:disabled { 1120 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); 1121 color: rgba(0, 0, 0, 0.38); 1122} 1123 1124/************ 1125 * Toolbars * 1126 ************/ 1127toolbar { 1128 -GtkWidget-window-dragging: true; 1129 padding: 2px; 1130 background-color: #F5F5F5; 1131} 1132 1133.osd toolbar { 1134 background-color: transparent; 1135} 1136 1137frame.documents-dropdown, .app-notification, toolbar.osd { 1138 transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 1139 padding: 6px; 1140 border-radius: 6px; 1141 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4); 1142 background-color: #fcfcfc; 1143} 1144 1145frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { 1146 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); 1147} 1148 1149frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { 1150 border-radius: 0; 1151} 1152 1153toolbar.horizontal > separator { 1154 margin: 2px; 1155} 1156 1157toolbar.vertical > separator { 1158 margin: 2px; 1159} 1160 1161toolbar:not(.inline-toolbar):not(.osd) scale, 1162toolbar:not(.inline-toolbar):not(.osd) entry, 1163toolbar:not(.inline-toolbar):not(.osd) spinbutton, 1164toolbar:not(.inline-toolbar):not(.osd) button { 1165 margin: 2px; 1166} 1167 1168toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), 1169toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), 1170toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { 1171 margin-left: 0; 1172} 1173 1174toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), 1175toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), 1176toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { 1177 margin-right: 0; 1178} 1179 1180toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, 1181toolbar:not(.inline-toolbar):not(.osd) spinbutton button { 1182 margin: 0; 1183} 1184 1185toolbar:not(.inline-toolbar):not(.osd) switch { 1186 margin: 8px 2px; 1187} 1188 1189.inline-toolbar { 1190 padding: 6px; 1191 border-style: solid; 1192 border-width: 0 1px 1px; 1193 border-color: rgba(0, 0, 0, 0.08); 1194 background-color: #FAFAFA; 1195} 1196 1197searchbar, 1198.location-bar { 1199 padding: 6px; 1200 border-style: solid; 1201 border-width: 0 0 1px; 1202 border-color: rgba(0, 0, 0, 0.08); 1203 background-color: #F5F5F5; 1204 background-clip: border-box; 1205} 1206 1207actionbar { 1208 border-radius: 0 0 8px 8px; 1209} 1210 1211/*************** 1212 * Header bars * 1213 ***************/ 1214.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button, 1215.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button, 1216headerbar button:not(.suggested-action):not(.destructive-action) { 1217 border-image: none; 1218 color: rgba(255, 255, 255, 0.7); 1219} 1220 1221.nemo-window toolbar.primary-toolbar > toolitem > box.raised.linked:not(.vertical) > button, 1222headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { 1223 border-radius: 9999px; 1224 -gtk-outline-radius: 9999px; 1225} 1226 1227.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:hover, 1228.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:hover, 1229headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:active, 1230.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:active, 1231headerbar button:active:not(.suggested-action):not(.destructive-action) { 1232 color: #FFFFFF; 1233} 1234 1235.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:disabled, 1236.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:disabled, 1237headerbar button:disabled:not(.suggested-action):not(.destructive-action) { 1238 color: rgba(255, 255, 255, 0.3); 1239} 1240 1241.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked, 1242.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked, 1243headerbar button:checked:not(.suggested-action):not(.destructive-action) { 1244 border-image: none; 1245 background-color: #00CE99; 1246 color: #FFFFFF; 1247} 1248 1249.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked:disabled, 1250headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { 1251 color: rgba(255, 255, 255, 0.5); 1252 background-color: rgba(0, 206, 153, 0.5); 1253} 1254 1255.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop, 1256.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop, 1257headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { 1258 color: rgba(255, 255, 255, 0.5); 1259} 1260 1261.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:hover, 1262headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:active, 1263headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { 1264 color: rgba(255, 255, 255, 0.7); 1265} 1266 1267.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:disabled, 1268headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { 1269 color: rgba(255, 255, 255, 0.3); 1270} 1271 1272.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked, 1273headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { 1274 color: rgba(255, 255, 255, 0.7); 1275} 1276 1277.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked:disabled, 1278headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { 1279 color: rgba(255, 255, 255, 0.3); 1280} 1281 1282.nemo-window toolbar.primary-toolbar .linked.path-bar > button, 1283headerbar .linked:not(.vertical).path-bar > button, 1284headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, 1285headerbar .linked:not(.vertical).path-bar > button.text-button, 1286headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.text-button, 1287headerbar .linked:not(.vertical).path-bar > button.image-button, 1288headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.image-button { 1289 border-radius: 0; 1290 background-color: #00CE99; 1291 color: #FFFFFF; 1292 transition: none; 1293 box-shadow: none; 1294 outline-offset: -6px; 1295 -gtk-outline-radius: 9997px; 1296} 1297 1298.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, 1299headerbar .linked:not(.vertical).path-bar > button:hover, 1300headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover { 1301 color: alpha(#FFFFFF, 0.75); 1302 background-color: #00CE99; 1303 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 1304} 1305 1306.nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked, 1307headerbar .linked:not(.vertical).path-bar > button:checked, 1308headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked { 1309 border-image-source: -gtk-scaled(url("assets/button-checked-circle.png"), url("assets/button-checked-circle@2.png")); 1310 border-image-width: 8px 16px 8px 16px; 1311 border-image-slice: 8 16 8 16; 1312 border-image-repeat: stretch; 1313 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, border-image 0, background-image 0; 1314 animation: none; 1315 color: rgba(255, 255, 255, 0.7); 1316 background-color: #47504e; 1317} 1318 1319.nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked:hover, 1320headerbar .linked:not(.vertical).path-bar > button:checked:hover, 1321headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked:hover { 1322 color: #FFFFFF; 1323} 1324 1325.nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked:disabled, 1326headerbar .linked:not(.vertical).path-bar > button:checked:disabled, 1327headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked:disabled { 1328 color: rgba(255, 255, 255, 0.5); 1329} 1330 1331.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child:checked, 1332headerbar .linked:not(.vertical).path-bar > button:first-child:checked, 1333headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked { 1334 animation: none; 1335 border-image-source: -gtk-scaled(url("assets/firstbutton-checked-circle.png"), url("assets/firstbutton-checked-circle@2.png")); 1336} 1337 1338.nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child:checked, 1339headerbar .linked:not(.vertical).path-bar > button:last-child:checked, 1340headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked { 1341 animation: none; 1342 border-image-source: -gtk-scaled(url("assets/lastbutton-checked-circle.png"), url("assets/lastbutton-checked-circle@2.png")); 1343} 1344 1345.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled, 1346headerbar .linked:not(.vertical).path-bar > button:disabled, 1347headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled { 1348 color: rgba(255, 255, 255, 0.5); 1349} 1350 1351.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop, 1352headerbar .linked:not(.vertical).path-bar > button:backdrop, 1353headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop { 1354 color: rgba(255, 255, 255, 0.7); 1355} 1356 1357.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop:disabled, 1358headerbar .linked:not(.vertical).path-bar > button:backdrop:disabled, 1359headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop:disabled { 1360 color: rgba(255, 255, 255, 0.3); 1361} 1362 1363.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop:checked, 1364headerbar .linked:not(.vertical).path-bar > button:backdrop:checked, 1365headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop:checked { 1366 color: rgba(255, 255, 255, 0.5); 1367} 1368 1369.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop:checked:disabled, 1370headerbar .linked:not(.vertical).path-bar > button:backdrop:checked:disabled, 1371headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop:checked:disabled { 1372 color: rgba(255, 255, 255, 0.3); 1373} 1374 1375.nemo-window toolbar.primary-toolbar .linked.path-bar > button:only-child, 1376headerbar .linked:not(.vertical).path-bar > button:only-child, 1377headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child { 1378 border-radius: 9999px; 1379} 1380 1381.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, 1382headerbar .linked:not(.vertical).path-bar > button:first-child, 1383headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child { 1384 border-radius: 9999px 0 0 9999px; 1385 padding-left: 8px; 1386} 1387 1388.nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child, 1389headerbar .linked:not(.vertical).path-bar > button:last-child, 1390headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child { 1391 border-radius: 0 9999px 9999px 0; 1392 padding-right: 8px; 1393} 1394 1395 1396headerbar { 1397 transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 150ms cubic-bezier(0, 0, 0.2, 1); 1398 min-height: 42px; 1399 padding: 0 6px; 1400 box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1); 1401 background-color: #47504e; 1402 color: #FFFFFF; 1403 border: none; 1404} 1405 1406 1407headerbar:disabled :not(button) > label { 1408 color: rgba(255, 255, 255, 0.5); 1409} 1410 1411 1412headerbar:backdrop { 1413 color: rgba(255, 255, 255, 0.7); 1414} 1415 1416 1417headerbar:backdrop:disabled :not(button) > label { 1418 color: rgba(255, 255, 255, 0.3); 1419} 1420 1421.solid-csd headerbar { 1422 box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06); 1423} 1424 1425 1426headerbar .title { 1427 padding: 0 12px; 1428 font-weight: bold; 1429} 1430 1431 1432headerbar .subtitle { 1433 padding: 0 12px; 1434 font-size: smaller; 1435} 1436 1437 1438headerbar entry { 1439 background-color: #fcfcfc; 1440} 1441 1442 1443headerbar entry:focus { 1444 background-color: white; 1445} 1446 1447 1448headerbar .linked:not(.vertical) > entry:not(.flat) { 1449 border-radius: 6px; 1450} 1451 1452 1453headerbar button.suggested-action:disabled, 1454headerbar button.destructive-action:disabled { 1455 background-color: rgba(255, 255, 255, 0.12); 1456 color: rgba(255, 255, 255, 0.5); 1457} 1458 1459 1460headerbar.selection-mode { 1461 transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0, 0, 0.2, 1); 1462 animation: header_ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1); 1463 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.2); 1464 background-color: #00CE99; 1465 color: #FFFFFF; 1466} 1467 1468 1469headerbar.selection-mode:backdrop { 1470 color: rgba(255, 255, 255, 0.7); 1471} 1472 1473 1474headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { 1475 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; 1476 color: #FFFFFF; 1477} 1478 1479 1480headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { 1481 color: rgba(255, 255, 255, 0.5); 1482} 1483 1484 1485headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover { 1486 color: #FFFFFF; 1487} 1488 1489 1490headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { 1491 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; 1492 color: #FFFFFF; 1493} 1494 1495 1496headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { 1497 color: rgba(255, 255, 255, 0.5); 1498} 1499 1500 1501headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { 1502 color: rgba(255, 255, 255, 0.7); 1503} 1504 1505 1506headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { 1507 color: rgba(255, 255, 255, 0.3); 1508} 1509 1510 1511headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { 1512 color: rgba(255, 255, 255, 0.7); 1513} 1514 1515 1516headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { 1517 color: rgba(255, 255, 255, 0.3); 1518} 1519 1520 1521headerbar.selection-mode .selection-menu { 1522 padding-left: 16px; 1523 padding-right: 16px; 1524} 1525 1526 1527headerbar.selection-mode .selection-menu arrow { 1528 -GtkArrow-arrow-scaling: 1; 1529} 1530 1531 1532headerbar.selection-mode .selection-menu .arrow { 1533 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1534} 1535 1536 1537headerbar .linked:not(.vertical).path-bar > button, 1538headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button { 1539 padding-left: 8px; 1540 padding-right: 8px; 1541} 1542 1543 1544headerbar .linked:not(.vertical).path-bar > button label, 1545headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button label { 1546 padding-left: 8px; 1547 padding-right: 8px; 1548} 1549 1550 1551headerbar .linked:not(.vertical).path-bar > button.text-button.image-button label, 1552headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.text-button.image-button label { 1553 padding-left: 0; 1554 padding-right: 0; 1555} 1556 1557 1558headerbar .linked:not(.vertical).path-bar > button.text-button.image-button image, 1559headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.text-button.image-button image { 1560 padding-left: 0; 1561 padding-right: 0; 1562} 1563 1564.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { 1565 border-radius: 0; 1566 box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06); 1567} 1568 1569 1570headerbar.default-decoration { 1571 min-height: 24px; 1572 padding: 6px 12px; 1573 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 1574} 1575 1576.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { 1577 box-shadow: none; 1578} 1579 1580 1581headerbar.default-decoration button.titlebutton { 1582 min-height: 16px; 1583 min-width: 16px; 1584 margin: 0 2px; 1585 padding: 0; 1586} 1587 1588headerbar entry, 1589headerbar spinbutton, 1590headerbar button { 1591 margin-top: 6px; 1592 margin-bottom: 6px; 1593} 1594 1595headerbar spinbutton button { 1596 margin-top: 0; 1597 margin-bottom: 0; 1598} 1599 1600.titlebar, 1601.titlebar .background { 1602 border-top-left-radius: 8px; 1603 border-top-right-radius: 8px; 1604} 1605 1606.background.tiled .titlebar, 1607.background.tiled-top .titlebar, 1608.background.tiled-right .titlebar, 1609.background.tiled-bottom .titlebar, 1610.background.tiled-left .titlebar, 1611.background.maximized .titlebar, 1612.background.solid-csd .titlebar { 1613 border-top-left-radius: 0; 1614 border-top-right-radius: 0; 1615} 1616 1617window separator:first-child + headerbar, window headerbar:first-child { 1618 border-top-left-radius: 8px; 1619} 1620 1621window headerbar:last-child { 1622 border-top-right-radius: 8px; 1623} 1624 1625window stack headerbar:first-child, window stack headerbar:last-child { 1626 border-top-left-radius: 8px; 1627 border-top-right-radius: 8px; 1628} 1629 1630window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { 1631 border-top-left-radius: 0; 1632 border-top-right-radius: 0; 1633} 1634 1635 1636headerbar separator.titlebutton { 1637 min-width: 0; 1638 min-height: 0; 1639 background-color: transparent; 1640 border: none; 1641} 1642 1643window.csd > .titlebar:not(headerbar) { 1644 padding: 0; 1645 background-color: transparent; 1646 background-image: none; 1647 border: none; 1648 box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0), 0 5px 5px -5px rgba(0, 0, 0, 0); 1649 border-radius: 8px 8px 0 0; 1650} 1651 1652.titlebar:not(headerbar) > separator { 1653 background-color: #47504e; 1654} 1655 1656/************ 1657 * Pathbars * 1658 ************/ 1659.caja-pathbar button, 1660.path-bar button { 1661 padding-left: 6px; 1662 padding-right: 6px; 1663} 1664 1665.caja-pathbar button label:not(:only-child):first-child, 1666.path-bar button label:not(:only-child):first-child { 1667 margin-left: 4px; 1668 padding-left: 8px; 1669} 1670 1671.caja-pathbar button label:not(:only-child):last-child, 1672.path-bar button label:not(:only-child):last-child { 1673 margin-right: 4px; 1674 padding-right: 8px; 1675} 1676 1677.caja-pathbar button.slider-button, 1678.path-bar button.slider-button { 1679 padding-left: 4px; 1680 padding-right: 4px; 1681} 1682 1683:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { 1684 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px; 1685 border-radius: 6px; 1686} 1687 1688:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { 1689 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px; 1690} 1691 1692:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled { 1693 background-color: transparent; 1694} 1695 1696/************** 1697 * Tree Views * 1698 **************/ 1699treeview.view { 1700 border-left-color: rgba(0, 0, 0, 0.26); 1701 border-top-color: rgba(0, 0, 0, 0.08); 1702} 1703 1704* { 1705 -GtkTreeView-horizontal-separator: 4; 1706 -GtkTreeView-grid-line-width: 1; 1707 -GtkTreeView-grid-line-pattern: ''; 1708 -GtkTreeView-tree-line-width: 1; 1709 -GtkTreeView-tree-line-pattern: ''; 1710 -GtkTreeView-expander-size: 16; 1711} 1712 1713treeview.view:selected { 1714 border-left-color: rgba(255, 255, 255, 0.3); 1715} 1716 1717treeview.view:hover, treeview.view:active, treeview.view:selected { 1718 border-radius: 0; 1719} 1720 1721treeview.view.separator { 1722 min-height: 5px; 1723 color: rgba(0, 0, 0, 0.08); 1724} 1725 1726treeview.view:drop(active) { 1727 border-style: solid none; 1728 border-width: 1px; 1729 border-color: #FFAC00; 1730} 1731 1732treeview.view:drop(active).after { 1733 border-top-style: none; 1734} 1735 1736treeview.view:drop(active).before { 1737 border-bottom-style: none; 1738} 1739 1740treeview.view.expander { 1741 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1742 -gtk-icon-transform: rotate(-90deg); 1743 color: rgba(0, 0, 0, 0.54); 1744} 1745 1746treeview.view.expander:dir(rtl) { 1747 -gtk-icon-transform: rotate(90deg); 1748} 1749 1750treeview.view.expander:checked { 1751 -gtk-icon-transform: unset; 1752} 1753 1754treeview.view.expander:hover, treeview.view.expander:active { 1755 color: rgba(0, 0, 0, 0.75); 1756} 1757 1758treeview.view.expander:disabled { 1759 color: rgba(0, 0, 0, 0.26); 1760} 1761 1762treeview.view.expander:selected { 1763 color: rgba(255, 255, 255, 0.7); 1764} 1765 1766treeview.view.expander:selected:hover, treeview.view.expander:selected:active { 1767 color: #FFFFFF; 1768} 1769 1770treeview.view.expander:selected:disabled { 1771 color: rgba(255, 255, 255, 0.3); 1772} 1773 1774treeview.view.progressbar { 1775 border-bottom: 4px solid #00CE99; 1776 box-shadow: none; 1777 background-color: transparent; 1778} 1779 1780treeview.view.progressbar:selected { 1781 border-bottom-color: #FFFFFF; 1782} 1783 1784treeview.view.trough { 1785 border-bottom: 4px solid rgba(0, 206, 153, 0.3); 1786 box-shadow: none; 1787 background-color: transparent; 1788} 1789 1790treeview.view.trough:selected { 1791 border-bottom-color: rgba(255, 255, 255, 0.3); 1792} 1793 1794treeview.view header button { 1795 padding: 2px 6px; 1796 border-style: none solid solid none; 1797 border-width: 1px; 1798 border-color: rgba(0, 0, 0, 0.08); 1799 border-radius: 0; 1800 background-clip: border-box; 1801} 1802 1803treeview.view header button, treeview.view header button:hover, treeview.view header button:active { 1804 box-shadow: none; 1805} 1806 1807treeview.view header button, treeview.view header button:disabled { 1808 background-color: #fcfcfc; 1809} 1810 1811treeview.view header button:last-child { 1812 border-right-style: none; 1813} 1814 1815treeview.view button.dnd, 1816treeview.view header.button.dnd { 1817 padding: 2px 6px; 1818 border-style: none solid solid; 1819 border-width: 1px; 1820 border-color: rgba(0, 0, 0, 0.08); 1821 border-radius: 0; 1822 box-shadow: none; 1823 background-color: #fcfcfc; 1824 background-clip: border-box; 1825 color: #00CE99; 1826} 1827 1828treeview.view acceleditor > label { 1829 background-color: #00CE99; 1830} 1831 1832/********* 1833 * Menus * 1834 *********/ 1835menubar, 1836.menubar { 1837 -GtkWidget-window-dragging: true; 1838 padding: 0; 1839 background-color: #47504e; 1840} 1841 1842menubar > menuitem, 1843.menubar > menuitem { 1844 transition: none; 1845 min-height: 20px; 1846 padding: 4px 8px; 1847 color: rgba(255, 255, 255, 0.7); 1848} 1849 1850menubar > menuitem > window.background.csd.popup > decoration, 1851menubar > menuitem > window.background.csd.popup > menu, 1852.menubar > menuitem > window.background.csd.popup > decoration, 1853.menubar > menuitem > window.background.csd.popup > menu { 1854 border-radius: 0 0 6px 6px; 1855} 1856 1857menubar > menuitem:hover, 1858.menubar > menuitem:hover { 1859 color: #FFFFFF; 1860 box-shadow: inset 0 -3px #00CE99; 1861} 1862 1863menubar > menuitem:disabled, 1864.menubar > menuitem:disabled { 1865 color: rgba(255, 255, 255, 0.3); 1866} 1867 1868menubar > menuitem label:disabled, 1869.menubar > menuitem label:disabled { 1870 color: inherit; 1871} 1872 1873.csd.popup { 1874 background-color: transparent; 1875} 1876 1877menu, 1878.menu, 1879.context-menu { 1880 margin: 4px 0; 1881 padding: 4px 0; 1882 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); 1883 background-color: rgba(255, 255, 255, 0.96); 1884 border: 1px solid rgba(0, 0, 0, 0.08); 1885 border-radius: 6px; 1886} 1887 1888.csd menu, .csd .menu, .csd .context-menu { 1889 border: none; 1890} 1891 1892menu menuitem, 1893.menu menuitem, 1894.context-menu menuitem { 1895 transition: none; 1896 min-height: 20px; 1897 min-width: 40px; 1898 padding: 4px 8px; 1899 font: initial; 1900 text-shadow: none; 1901} 1902 1903menu menuitem:hover, 1904.menu menuitem:hover, 1905.context-menu menuitem:hover { 1906 transition: none; 1907 background-color: #00CE99; 1908 color: #FFFFFF; 1909} 1910 1911menu menuitem:hover accelerator, 1912.menu menuitem:hover accelerator, 1913.context-menu menuitem:hover accelerator { 1914 color: rgba(255, 255, 255, 0.7); 1915} 1916 1917menu menuitem:disabled, 1918.menu menuitem:disabled, 1919.context-menu menuitem:disabled { 1920 color: rgba(0, 0, 0, 0.38); 1921} 1922 1923menu menuitem arrow, 1924.menu menuitem arrow, 1925.context-menu menuitem arrow { 1926 min-height: 16px; 1927 min-width: 16px; 1928} 1929 1930menu menuitem arrow:dir(ltr), 1931.menu menuitem arrow:dir(ltr), 1932.context-menu menuitem arrow:dir(ltr) { 1933 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 1934 margin-left: 8px; 1935} 1936 1937menu menuitem arrow:dir(rtl), 1938.menu menuitem arrow:dir(rtl), 1939.context-menu menuitem arrow:dir(rtl) { 1940 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 1941 margin-right: 8px; 1942} 1943 1944menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), 1945.menu menuitem label:dir(rtl), 1946.menu menuitem label:dir(ltr), 1947.context-menu menuitem label:dir(rtl), 1948.context-menu menuitem label:dir(ltr) { 1949 color: inherit; 1950} 1951 1952menu > arrow, 1953.menu > arrow, 1954.context-menu > arrow { 1955 min-height: 16px; 1956 min-width: 16px; 1957 padding: 4px; 1958 background-color: #fcfcfc; 1959 color: rgba(0, 0, 0, 0.54); 1960} 1961 1962menu > arrow.top, 1963.menu > arrow.top, 1964.context-menu > arrow.top { 1965 margin-top: -4px; 1966 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 1967 border-radius: 6px 6px 0 0; 1968 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 1969} 1970 1971menu > arrow.bottom, 1972.menu > arrow.bottom, 1973.context-menu > arrow.bottom { 1974 margin-bottom: -12px; 1975 border-top: 1px solid rgba(0, 0, 0, 0.08); 1976 border-radius: 0 0 6px 6px; 1977 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1978} 1979 1980menu > arrow:hover, 1981.menu > arrow:hover, 1982.context-menu > arrow:hover { 1983 background-image: image(rgba(0, 0, 0, 0.12)); 1984 color: rgba(0, 0, 0, 0.75); 1985} 1986 1987menu > arrow:disabled, 1988.menu > arrow:disabled, 1989.context-menu > arrow:disabled { 1990 border-color: transparent; 1991 background-color: transparent; 1992 color: transparent; 1993} 1994 1995menu separator, 1996.menu separator, 1997.context-menu separator { 1998 margin: 4px 0; 1999} 2000 2001menuitem accelerator { 2002 color: rgba(0, 0, 0, 0.54); 2003} 2004 2005.popup:not(.csd) menu menuitem { 2006 color: #212121; 2007} 2008 2009.popup:not(.csd) menu menuitem:hover { 2010 background-color: #E0E0E0; 2011} 2012 2013.popup:not(.csd) menu menuitem:disabled { 2014 color: #9E9E9E; 2015} 2016 2017.popup:not(.csd) menu accelerator { 2018 color: #757575; 2019} 2020 2021/************ 2022 * Popovers * 2023 ************/ 2024popover, 2025popover.background { 2026 transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 2027 padding: 2px; 2028 background-color: rgba(255, 255, 255, 0.96); 2029} 2030 2031popover:backdrop, 2032popover.background:backdrop { 2033 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 2034} 2035 2036popover, .csd popover, 2037popover.background, .csd popover.background { 2038 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 2039 border-radius: 7px; 2040} 2041 2042popover > stack, 2043popover.background > stack { 2044 margin: -4px; 2045} 2046 2047popover > toolbar, 2048popover.background > toolbar { 2049 margin: -2px; 2050} 2051 2052popover > list, 2053popover > .view, 2054popover > toolbar, 2055popover.background > list, 2056popover.background > .view, 2057popover.background > toolbar { 2058 border-style: none; 2059 box-shadow: none; 2060 background-color: transparent; 2061} 2062 2063popover button:not(.suggested-action):not(.destructive-action):checked, 2064popover.background button:not(.suggested-action):not(.destructive-action):checked { 2065 background-color: #00CE99; 2066 color: #FFFFFF; 2067} 2068 2069popover checkbutton.text-button, 2070popover radiobutton.text-button, 2071popover.background checkbutton.text-button, 2072popover.background radiobutton.text-button { 2073 outline-style: none; 2074} 2075 2076popover.menu button, 2077popover button.model, 2078popover.background.menu button, 2079popover.background button.model { 2080 min-height: 32px; 2081 padding: 0 8px; 2082 border-radius: 6px; 2083} 2084 2085popover separator, 2086popover.background separator { 2087 margin: 4px 0; 2088} 2089 2090popover list separator, 2091popover.background list separator { 2092 margin: 0; 2093} 2094 2095/************* 2096 * Notebooks * 2097 *************/ 2098notebook > header { 2099 border-width: 1px; 2100 border-color: rgba(0, 0, 0, 0.08); 2101 background-color: #F5F5F5; 2102 background-clip: border-box; 2103} 2104 2105notebook > header.top { 2106 border-bottom-style: solid; 2107} 2108 2109notebook > header.top > tabs { 2110 margin-bottom: -1px; 2111} 2112 2113notebook > header.top > tabs > tab:hover { 2114 box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); 2115} 2116 2117notebook > header.top > tabs > tab:checked { 2118 box-shadow: inset 0 -2px #00CE99; 2119} 2120 2121notebook > header.bottom { 2122 border-top-style: solid; 2123} 2124 2125notebook > header.bottom > tabs { 2126 margin-top: -1px; 2127} 2128 2129notebook > header.bottom > tabs > tab:hover { 2130 box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); 2131} 2132 2133notebook > header.bottom > tabs > tab:checked { 2134 box-shadow: inset 0 2px #00CE99; 2135} 2136 2137notebook > header.left { 2138 border-right-style: solid; 2139} 2140 2141notebook > header.left > tabs { 2142 margin-right: -1px; 2143} 2144 2145notebook > header.left > tabs > tab:hover { 2146 box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); 2147} 2148 2149notebook > header.left > tabs > tab:checked { 2150 box-shadow: inset -2px 0 #00CE99; 2151} 2152 2153notebook > header.right { 2154 border-left-style: solid; 2155} 2156 2157notebook > header.right > tabs { 2158 margin-left: -1px; 2159} 2160 2161notebook > header.right > tabs > tab:hover { 2162 box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); 2163} 2164 2165notebook > header.right > tabs > tab:checked { 2166 box-shadow: inset 2px 0 #00CE99; 2167} 2168 2169notebook > header.top > tabs > arrow { 2170 border-top-style: none; 2171} 2172 2173notebook > header.bottom > tabs > arrow { 2174 border-bottom-style: none; 2175} 2176 2177notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { 2178 padding-left: 4px; 2179 padding-right: 4px; 2180} 2181 2182notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { 2183 margin-left: -8px; 2184 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 2185} 2186 2187notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { 2188 margin-right: -8px; 2189 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2190} 2191 2192notebook > header.left > tabs > arrow { 2193 border-left-style: none; 2194} 2195 2196notebook > header.right > tabs > arrow { 2197 border-right-style: none; 2198} 2199 2200notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { 2201 padding-top: 4px; 2202 padding-bottom: 4px; 2203} 2204 2205notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { 2206 margin-top: -8px; 2207 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 2208} 2209 2210notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { 2211 margin-bottom: -8px; 2212 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2213} 2214 2215notebook > header > tabs > arrow { 2216 min-height: 16px; 2217 min-width: 16px; 2218 border-radius: 0; 2219} 2220 2221notebook > header tab { 2222 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; 2223 min-height: 24px; 2224 min-width: 24px; 2225 padding: 6px 12px; 2226 outline-offset: -6px; 2227 border-width: 1px; 2228 border-color: transparent; 2229 background-image: radial-gradient(circle farthest-corner at center, rgba(0, 0, 0, 0.26) 10%, transparent 0%); 2230 background-repeat: no-repeat; 2231 background-position: center; 2232 background-size: 0% 0%; 2233 color: rgba(0, 0, 0, 0.54); 2234 font-weight: 500; 2235} 2236 2237notebook > header tab:hover { 2238 color: rgba(0, 0, 0, 0.75); 2239} 2240 2241notebook > header tab:hover.reorderable-page { 2242 border-color: rgba(0, 0, 0, 0.08); 2243 background-color: #FAFAFA; 2244} 2245 2246notebook > header tab:disabled { 2247 color: rgba(0, 0, 0, 0.26); 2248} 2249 2250notebook > header tab:checked { 2251 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 150ms cubic-bezier(0, 0, 0.2, 1), background-image 450ms cubic-bezier(0, 0, 0.2, 1); 2252 background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); 2253 background-size: 1000% 1000%; 2254 color: rgba(0, 0, 0, 0.75); 2255} 2256 2257notebook > header tab:checked:disabled { 2258 color: rgba(0, 0, 0, 0.38); 2259} 2260 2261notebook > header tab:checked.reorderable-page { 2262 border-color: rgba(0, 0, 0, 0.08); 2263 background-color: #fcfcfc; 2264} 2265 2266notebook > header tab button.flat { 2267 min-height: 24px; 2268 min-width: 24px; 2269 padding: 0; 2270 margin: 0; 2271} 2272 2273notebook > header.top tabs, notebook > header.bottom tabs { 2274 padding-left: 8px; 2275 padding-right: 8px; 2276} 2277 2278notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { 2279 margin-left: 0; 2280} 2281 2282notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { 2283 margin-right: 0; 2284} 2285 2286notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { 2287 margin: 0 -1px; 2288 border-style: none solid; 2289} 2290 2291notebook > header.left tabs, notebook > header.right tabs { 2292 padding-top: 8px; 2293 padding-bottom: 8px; 2294} 2295 2296notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { 2297 margin-top: 0; 2298} 2299 2300notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { 2301 margin-bottom: 0; 2302} 2303 2304notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { 2305 margin: -1px 0; 2306 border-style: solid none; 2307} 2308 2309notebook > stack:not(:only-child) { 2310 background-color: #fcfcfc; 2311} 2312 2313/************** 2314 * Scrollbars * 2315 **************/ 2316scrollbar { 2317 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2318 background-color: rgba(252, 252, 252, 0.65); 2319 background-clip: padding-box; 2320} 2321 2322* { 2323 -GtkScrollbar-has-backward-stepper: false; 2324 -GtkScrollbar-has-forward-stepper: false; 2325} 2326 2327scrollbar.top { 2328 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 2329} 2330 2331scrollbar.bottom { 2332 border-top: 1px solid rgba(0, 0, 0, 0.08); 2333} 2334 2335scrollbar.left { 2336 border-right: 1px solid rgba(0, 0, 0, 0.08); 2337} 2338 2339scrollbar.right { 2340 border-left: 1px solid rgba(0, 0, 0, 0.08); 2341} 2342 2343scrollbar slider { 2344 transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; 2345 min-width: 8px; 2346 min-height: 8px; 2347 border: 4px solid transparent; 2348 border-radius: 9999px; 2349 background-clip: padding-box; 2350 background-color: rgba(0, 0, 0, 0.38); 2351} 2352 2353scrollbar slider:hover { 2354 background-color: rgba(0, 0, 0, 0.54); 2355} 2356 2357scrollbar slider:active { 2358 background-color: rgba(0, 0, 0, 0.75); 2359} 2360 2361scrollbar slider:disabled { 2362 background-color: rgba(0, 0, 0, 0.26); 2363} 2364 2365scrollbar.fine-tune slider { 2366 transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 2367 min-width: 4px; 2368 min-height: 4px; 2369} 2370 2371scrollbar.fine-tune.horizontal slider { 2372 margin: 2px 0; 2373} 2374 2375scrollbar.fine-tune.vertical slider { 2376 margin: 0 2px; 2377} 2378 2379scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 2380 border-color: transparent; 2381 background-color: transparent; 2382} 2383 2384scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { 2385 min-width: 4px; 2386 min-height: 4px; 2387 margin: 3px; 2388 border: 1px solid rgba(252, 252, 252, 0.3); 2389} 2390 2391scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { 2392 min-width: 4px; 2393 min-height: 4px; 2394 margin: 3px; 2395 border: 1px solid rgba(252, 252, 252, 0.3); 2396 border-radius: 9999px; 2397 background-color: rgba(0, 0, 0, 0.38); 2398 background-clip: padding-box; 2399 -gtk-icon-source: none; 2400} 2401 2402scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { 2403 background-color: rgba(0, 0, 0, 0.26); 2404} 2405 2406scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { 2407 min-width: 24px; 2408} 2409 2410scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { 2411 min-width: 8px; 2412} 2413 2414scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { 2415 min-height: 24px; 2416} 2417 2418scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { 2419 min-height: 8px; 2420} 2421 2422scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { 2423 background-color: rgba(252, 252, 252, 0.9); 2424} 2425 2426scrollbar.horizontal slider { 2427 min-width: 24px; 2428} 2429 2430scrollbar.vertical slider { 2431 min-height: 24px; 2432} 2433 2434scrollbar button { 2435 min-width: 16px; 2436 min-height: 16px; 2437 padding: 0; 2438 border-radius: 0; 2439} 2440 2441scrollbar.vertical button.down { 2442 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2443} 2444 2445scrollbar.vertical button.up { 2446 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 2447} 2448 2449scrollbar.horizontal button.down { 2450 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2451} 2452 2453scrollbar.horizontal button.up { 2454 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 2455} 2456 2457/********** 2458 * Switch * 2459 **********/ 2460switch { 2461 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2462 margin: 6px 0; 2463 padding: 0; 2464 min-width: 32px; 2465 min-height: 17px; 2466 border: 0 solid transparent; 2467 border-radius: 999px; 2468 background-color: rgba(0, 0, 0, 0.26); 2469 background-clip: padding-box; 2470 color: transparent; 2471 font-size: 0; 2472} 2473 2474switch:disabled { 2475 background-color: rgba(0, 0, 0, 0.12); 2476} 2477 2478switch:checked { 2479 background-color: #FFAC00; 2480} 2481 2482switch:checked:disabled { 2483 background-color: rgba(255, 172, 0, 0.5); 2484} 2485 2486switch slider { 2487 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 2488 min-width: 17px; 2489 min-height: 17px; 2490 margin: 3px; 2491 border-radius: 999px; 2492 -gtk-outline-radius: 999px; 2493 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 2494 background-color: #fcfcfc; 2495 color: transparent; 2496} 2497 2498switch:hover slider { 2499 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 2500} 2501 2502switch:checked slider { 2503 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 2504 background-color: #fcfcfc; 2505 color: #FFFFFF; 2506} 2507 2508switch:disabled slider { 2509 background-color: #FAFAFA; 2510} 2511 2512switch:checked:disabled slider { 2513 animation: none; 2514} 2515 2516/************************* 2517 * Check and Radio items * 2518 *************************/ 2519.view.content-view.check:not(list), 2520.content-view .tile check:not(list) { 2521 min-height: 40px; 2522 min-width: 40px; 2523 margin: 0; 2524 padding: 0; 2525 box-shadow: none; 2526 background-color: transparent; 2527 background-image: none; 2528 -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 2529} 2530 2531.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, 2532.content-view .tile check:not(list):hover, 2533.content-view .tile check:not(list):active { 2534 -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 2535} 2536 2537.view.content-view.check:not(list), 2538.content-view .tile check:not(list) { 2539 -gtk-icon-source: -gtk-scaled(url("common-assets/selectionmode-checkbox-unchecked.png"), url("common-assets/selectionmode-checkbox-unchecked@2.png")); 2540} 2541 2542.view.content-view.check:not(list):checked, 2543.content-view .tile check:not(list):checked { 2544 -gtk-icon-source: -gtk-scaled(url("common-assets/selectionmode-checkbox-checked.png"), url("common-assets/selectionmode-checkbox-checked@2.png")); 2545} 2546 2547checkbutton.text-button, 2548radiobutton.text-button { 2549 padding: 2px; 2550 outline-offset: 0; 2551} 2552 2553checkbutton.text-button label:not(:only-child), 2554radiobutton.text-button label:not(:only-child) { 2555 margin: 0 4px; 2556} 2557 2558check, 2559radio { 2560 min-height: 24px; 2561 min-width: 24px; 2562 margin: -9px; 2563 padding: 9px; 2564} 2565 2566check:checked, check:indeterminate, 2567radio:checked, 2568radio:indeterminate { 2569 color: #FFAC00; 2570} 2571 2572check:checked:disabled, check:indeterminate:disabled, 2573radio:checked:disabled, 2574radio:indeterminate:disabled { 2575 color: rgba(255, 172, 0, 0.5); 2576} 2577 2578row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { 2579 color: rgba(255, 255, 255, 0.7); 2580} 2581 2582row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { 2583 color: #FFFFFF; 2584} 2585 2586row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { 2587 color: rgba(255, 255, 255, 0.3); 2588} 2589 2590popover check, popover check:hover, popover check:disabled, popover radio, popover radio:hover, popover radio:disabled { 2591 box-shadow: none; 2592 background-image: none; 2593} 2594 2595popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { 2596 color: rgba(0, 0, 0, 0.54); 2597} 2598 2599popover check.left:dir(rtl), popover radio.left:dir(rtl) { 2600 margin-left: -16px; 2601 margin-right: -8px; 2602} 2603 2604popover check.right:dir(ltr), popover radio.right:dir(ltr) { 2605 margin-left: -8px; 2606 margin-right: -16px; 2607} 2608 2609menu menuitem check, menu menuitem radio { 2610 transition: none; 2611 margin: 0; 2612 padding: 0; 2613} 2614 2615menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { 2616 margin-right: 8px; 2617} 2618 2619menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { 2620 margin-left: 8px; 2621} 2622 2623menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { 2624 color: rgba(0, 0, 0, 0.54); 2625} 2626 2627menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { 2628 box-shadow: none; 2629} 2630 2631 2632check { 2633 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/checkbox-unchecked-symbolic.svg"))); 2634} 2635 2636 2637check:checked { 2638 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/checkbox-checked-symbolic.svg"))); 2639} 2640 2641 2642check:indeterminate { 2643 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/checkbox-mixed-symbolic.svg"))); 2644} 2645 2646 2647radio { 2648 border-image-slice: 21; 2649 border-image-width: 21px; 2650} 2651 2652 2653radio { 2654 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/radio-unchecked-symbolic.svg"))); 2655} 2656 2657 2658radio:indeterminate { 2659 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/radio-mixed-symbolic.svg"))); 2660} 2661 2662 2663radio { 2664 border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FFAC00), to(transparent)); 2665} 2666 2667 2668radio:checked:not(:indeterminate) { 2669 border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.119047619, to(#FFAC00), to(transparent)); 2670} 2671 2672 2673radio:checked:not(:indeterminate):disabled { 2674 border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.119047619, to(rgba(255, 172, 0, 0.5)), to(transparent)); 2675} 2676 2677window.background:not(.csd) > widget > checkbutton > check, 2678menu menuitem check { 2679 min-height: 16px; 2680 min-width: 16px; 2681 border-radius: 6px; 2682 -gtk-outline-radius: 6px; 2683 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-checkbox-unchecked-symbolic.svg"))); 2684} 2685 2686window.background:not(.csd) > widget > checkbutton > check:checked, 2687menu menuitem check:checked { 2688 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-checkbox-checked-symbolic.svg"))); 2689} 2690 2691window.background:not(.csd) > widget > checkbutton > check:indeterminate, 2692menu menuitem check:indeterminate { 2693 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-checkbox-mixed-symbolic.svg"))); 2694} 2695 2696window.background:not(.csd) > widget > radiobutton > radio, 2697menu menuitem radio { 2698 min-height: 16px; 2699 min-width: 16px; 2700 border-image: none; 2701 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-radio-unchecked-symbolic.svg"))); 2702} 2703 2704window.background:not(.csd) > widget > radiobutton > radio:checked, 2705menu menuitem radio:checked { 2706 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-radio-checked-symbolic.svg"))); 2707} 2708 2709window.background:not(.csd) > widget > radiobutton > radio:indeterminate, 2710menu menuitem radio:indeterminate { 2711 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-radio-mixed-symbolic.svg"))); 2712} 2713 2714check:not(:checked):active { 2715 -gtk-icon-transform: rotate(90deg); 2716} 2717 2718check:not(:checked):indeterminate:active, 2719radio:not(:checked):indeterminate:active { 2720 -gtk-icon-transform: scaleX(-1); 2721} 2722 2723check:not(:checked), 2724radio:not(:checked) { 2725 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; 2726} 2727 2728check:not(:checked):active, 2729radio:not(:checked):active { 2730 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; 2731} 2732 2733menu menuitem check:not(:checked), menu menuitem radio:not(:checked) { 2734 transition: none; 2735} 2736 2737treeview.view check, 2738treeview.view radio { 2739 padding: 0; 2740} 2741 2742treeview.view check:hover, 2743treeview.view radio:hover { 2744 box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.75), 0.05); 2745} 2746 2747treeview.view check:hover:disabled, 2748treeview.view radio:hover:disabled { 2749 box-shadow: none; 2750} 2751 2752treeview.view check:hover:selected, 2753treeview.view radio:hover:selected { 2754 box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); 2755} 2756 2757treeview.view check, 2758treeview.view radio { 2759 color: rgba(0, 0, 0, 0.54); 2760} 2761 2762treeview.view check:hover, treeview.view check:active, 2763treeview.view radio:hover, 2764treeview.view radio:active { 2765 color: rgba(0, 0, 0, 0.75); 2766} 2767 2768treeview.view check:disabled, 2769treeview.view radio:disabled { 2770 color: rgba(0, 0, 0, 0.26); 2771} 2772 2773treeview.view check:checked, treeview.view check:indeterminate, 2774treeview.view radio:checked, 2775treeview.view radio:indeterminate { 2776 color: #FFAC00; 2777} 2778 2779treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, 2780treeview.view radio:checked:disabled, 2781treeview.view radio:indeterminate:disabled { 2782 color: rgba(255, 172, 0, 0.5); 2783} 2784 2785treeview.view check:selected, 2786treeview.view radio:selected { 2787 color: rgba(255, 255, 255, 0.7); 2788} 2789 2790treeview.view check:selected:hover, treeview.view check:selected:active, 2791treeview.view radio:selected:hover, 2792treeview.view radio:selected:active { 2793 color: #FFFFFF; 2794} 2795 2796treeview.view check:selected:disabled, 2797treeview.view radio:selected:disabled { 2798 color: rgba(255, 255, 255, 0.3); 2799} 2800 2801treeview.view check:selected:checked, treeview.view check:selected:indeterminate, 2802treeview.view radio:selected:checked, 2803treeview.view radio:selected:indeterminate { 2804 color: #FFAC00; 2805} 2806 2807treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, 2808treeview.view radio:selected:checked:disabled, 2809treeview.view radio:selected:indeterminate:disabled { 2810 color: rgba(255, 172, 0, 0.5); 2811} 2812 2813treeview.view radio:checked { 2814 -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/radio-checked-symbolic.svg"))); 2815 border-image: none; 2816} 2817 2818/************ 2819 * GtkScale * 2820 ************/ 2821scale { 2822 min-height: 12px; 2823 min-width: 12px; 2824 padding: 12px; 2825} 2826 2827scale slider { 2828 min-height: 24px; 2829 min-width: 24px; 2830 margin: -11px; 2831} 2832 2833scale trough { 2834 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2835 outline-offset: 2px; 2836 background-color: rgba(0, 0, 0, 0.26); 2837} 2838 2839scale trough:disabled { 2840 background-color: rgba(0, 0, 0, 0.12); 2841} 2842 2843scale highlight { 2844 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2845 background-color: #FFAC00; 2846} 2847 2848scale highlight:disabled { 2849 background-color: transparent; 2850} 2851 2852scale fill { 2853 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 2854 background-color: rgba(0, 0, 0, 0.26); 2855} 2856 2857scale fill:disabled { 2858 background-color: transparent; 2859} 2860 2861scale slider { 2862 transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); 2863 background-repeat: no-repeat; 2864 background-position: center; 2865 background-size: calc(100% - 10px); 2866} 2867 2868scale slider { 2869 background-image: -gtk-scaled(url("common-assets/scale-slider.png"), url("common-assets/scale-slider@2.png")); 2870} 2871 2872scale slider:disabled { 2873 background-image: -gtk-scaled(url("common-assets/scale-slider-disabled.png"), url("common-assets/scale-slider-disabled@2.png")); 2874} 2875 2876scale slider:hover { 2877 background-size: calc(100% - 8px); 2878} 2879 2880scale slider:active { 2881 background-size: calc(100% - 6px); 2882} 2883 2884scale.fine-tune slider { 2885 background-size: calc(100% - 12px); 2886} 2887 2888scale marks label, 2889scale value { 2890 color: rgba(0, 0, 0, 0.38); 2891} 2892 2893scale marks { 2894 color: rgba(0, 0, 0, 0.26); 2895} 2896 2897scale marks.top { 2898 margin-bottom: 8px; 2899 margin-top: -16px; 2900} 2901 2902scale marks.bottom { 2903 margin-top: 8px; 2904 margin-bottom: -16px; 2905} 2906 2907scale marks.top { 2908 margin-right: 8px; 2909 margin-left: -16px; 2910} 2911 2912scale marks.bottom { 2913 margin-left: 8px; 2914 margin-right: -16px; 2915} 2916 2917scale.horizontal indicator { 2918 min-height: 8px; 2919 min-width: 1px; 2920} 2921 2922scale.vertical indicator { 2923 min-height: 1px; 2924 min-width: 8px; 2925} 2926 2927scale.horizontal.marks-before:not(.marks-after) slider { 2928 min-height: 30px; 2929 min-width: 24px; 2930 margin-top: -17px; 2931 background-position: center calc(100% - 5px); 2932} 2933 2934scale.horizontal.marks-before:not(.marks-after) slider { 2935 background-image: -gtk-scaled(url("common-assets/scale-horz-marks-before-slider.png"), url("common-assets/scale-horz-marks-before-slider@2.png")); 2936} 2937 2938scale.horizontal.marks-before:not(.marks-after) slider:disabled { 2939 background-image: -gtk-scaled(url("common-assets/scale-horz-marks-before-slider-disabled.png"), url("common-assets/scale-horz-marks-before-slider-disabled@2.png")); 2940} 2941 2942scale.horizontal.marks-before:not(.marks-after) slider:hover { 2943 background-position: center calc(100% - 4px); 2944} 2945 2946scale.horizontal.marks-before:not(.marks-after) slider:active { 2947 background-position: center calc(100% - 3px); 2948} 2949 2950scale.horizontal.marks-before:not(.marks-after).fine-tune slider { 2951 background-position: center calc(100% - 6px); 2952} 2953 2954scale.horizontal.marks-after:not(.marks-before) slider { 2955 min-height: 30px; 2956 min-width: 24px; 2957 margin-bottom: -17px; 2958 background-position: center calc(5px); 2959} 2960 2961scale.horizontal.marks-after:not(.marks-before) slider { 2962 background-image: -gtk-scaled(url("common-assets/scale-horz-marks-after-slider.png"), url("common-assets/scale-horz-marks-after-slider@2.png")); 2963} 2964 2965scale.horizontal.marks-after:not(.marks-before) slider:disabled { 2966 background-image: -gtk-scaled(url("common-assets/scale-horz-marks-after-slider-disabled.png"), url("common-assets/scale-horz-marks-after-slider-disabled@2.png")); 2967} 2968 2969scale.horizontal.marks-after:not(.marks-before) slider:hover { 2970 background-position: center calc(4px); 2971} 2972 2973scale.horizontal.marks-after:not(.marks-before) slider:active { 2974 background-position: center calc(3px); 2975} 2976 2977scale.horizontal.marks-after:not(.marks-before).fine-tune slider { 2978 background-position: center calc(6px); 2979} 2980 2981scale.vertical.marks-before:not(.marks-after) slider { 2982 min-height: 24px; 2983 min-width: 30px; 2984 margin-left: -17px; 2985 background-position: calc(5px) center; 2986} 2987 2988scale.vertical.marks-before:not(.marks-after) slider { 2989 background-image: -gtk-scaled(url("common-assets/scale-vert-marks-before-slider.png"), url("common-assets/scale-vert-marks-before-slider@2.png")); 2990} 2991 2992scale.vertical.marks-before:not(.marks-after) slider:disabled { 2993 background-image: -gtk-scaled(url("common-assets/scale-vert-marks-before-slider-disabled.png"), url("common-assets/scale-vert-marks-before-slider-disabled@2.png")); 2994} 2995 2996scale.vertical.marks-before:not(.marks-after) slider:hover { 2997 background-position: calc(4px) center; 2998} 2999 3000scale.vertical.marks-before:not(.marks-after) slider:active { 3001 background-position: calc(3px) center; 3002} 3003 3004scale.vertical.marks-before:not(.marks-after).fine-tune slider { 3005 background-position: calc(6px) center; 3006} 3007 3008scale.vertical.marks-after:not(.marks-before) slider { 3009 min-height: 24px; 3010 min-width: 30px; 3011 margin-right: -17px; 3012 background-position: calc(100% - 5px) center; 3013} 3014 3015scale.vertical.marks-after:not(.marks-before) slider { 3016 background-image: -gtk-scaled(url("common-assets/scale-vert-marks-after-slider.png"), url("common-assets/scale-vert-marks-after-slider@2.png")); 3017} 3018 3019scale.vertical.marks-after:not(.marks-before) slider:disabled { 3020 background-image: -gtk-scaled(url("common-assets/scale-vert-marks-after-slider-disabled.png"), url("common-assets/scale-vert-marks-after-slider-disabled@2.png")); 3021} 3022 3023scale.vertical.marks-after:not(.marks-before) slider:hover { 3024 background-position: calc(100% - 4px) center; 3025} 3026 3027scale.vertical.marks-after:not(.marks-before) slider:active { 3028 background-position: calc(100% - 3px) center; 3029} 3030 3031scale.vertical.marks-after:not(.marks-before).fine-tune slider { 3032 background-position: calc(100% - 6px) center; 3033} 3034 3035scale.color { 3036 min-height: 0; 3037 min-width: 0; 3038} 3039 3040scale.color.horizontal { 3041 padding: 0 0 12px 0; 3042} 3043 3044scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { 3045 margin-bottom: -12px; 3046 margin-top: -2px; 3047} 3048 3049scale.color.vertical:dir(ltr) { 3050 padding: 0 0 0 12px; 3051} 3052 3053scale.color.vertical:dir(ltr) slider { 3054 margin-left: -12px; 3055 margin-right: -2px; 3056} 3057 3058scale.color.vertical:dir(rtl) { 3059 padding: 0 12px 0 0; 3060} 3061 3062scale.color.vertical:dir(rtl) slider { 3063 margin-right: -12px; 3064 margin-left: -2px; 3065} 3066 3067/***************** 3068 * Progress bars * 3069 *****************/ 3070progressbar { 3071 color: rgba(0, 0, 0, 0.38); 3072 font-size: smaller; 3073} 3074 3075progressbar.horizontal trough, 3076progressbar.horizontal progress { 3077 min-height: 4px; 3078} 3079 3080progressbar.vertical trough, 3081progressbar.vertical progress { 3082 min-width: 4px; 3083} 3084 3085progressbar trough { 3086 background-color: rgba(0, 206, 153, 0.3); 3087} 3088 3089progressbar progress { 3090 background-color: #00CE99; 3091} 3092 3093progressbar trough.empty progress { 3094 all: unset; 3095} 3096 3097/************* 3098 * Level Bar * 3099 *************/ 3100levelbar.horizontal block { 3101 min-height: 4px; 3102} 3103 3104levelbar.horizontal.discrete block { 3105 min-width: 36px; 3106} 3107 3108levelbar.horizontal.discrete block:not(:last-child) { 3109 margin-right: 2px; 3110} 3111 3112levelbar.vertical block { 3113 min-width: 4px; 3114} 3115 3116levelbar.vertical.discrete block { 3117 min-height: 36px; 3118} 3119 3120levelbar.vertical.discrete block:not(:last-child) { 3121 margin-bottom: 2px; 3122} 3123 3124levelbar trough { 3125 padding: 2px; 3126 border-radius: 6px; 3127 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 3128 background-color: #fcfcfc; 3129} 3130 3131levelbar trough:disabled { 3132 background-color: #FAFAFA; 3133} 3134 3135levelbar block.low { 3136 background-color: #FF6D00; 3137} 3138 3139levelbar block.high, levelbar block:not(.empty) { 3140 background-color: #00CE99; 3141} 3142 3143levelbar block.full { 3144 background-color: #00C853; 3145} 3146 3147levelbar block.empty { 3148 background-color: rgba(0, 0, 0, 0.12); 3149} 3150 3151/**************** 3152 * Print dialog * 3153*****************/ 3154printdialog paper { 3155 padding: 0; 3156 border: 1px solid rgba(0, 0, 0, 0.08); 3157 background-color: #fcfcfc; 3158 color: rgba(0, 0, 0, 0.75); 3159} 3160 3161printdialog .dialog-action-box { 3162 margin: 12px; 3163} 3164 3165/********** 3166 * Frames * 3167 **********/ 3168frame > border, 3169.frame { 3170 margin: 0; 3171 padding: 0; 3172 border: 1px solid rgba(0, 0, 0, 0.08); 3173 border-radius: 0; 3174 box-shadow: none; 3175} 3176 3177frame > border.flat, 3178.frame.flat { 3179 border-style: none; 3180} 3181 3182frame.flat > border { 3183 border-style: none; 3184} 3185 3186actionbar > revealer > box { 3187 padding: 6px; 3188 border-top: 1px solid rgba(0, 0, 0, 0.08); 3189} 3190 3191scrolledwindow viewport.frame { 3192 border-style: none; 3193} 3194 3195overshoot.top { 3196 background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent)); 3197 background-repeat: no-repeat; 3198 background-position: center top; 3199 background-color: transparent; 3200 border: none; 3201 box-shadow: none; 3202} 3203 3204overshoot.bottom { 3205 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent)); 3206 background-repeat: no-repeat; 3207 background-position: center bottom; 3208 background-color: transparent; 3209 border: none; 3210 box-shadow: none; 3211} 3212 3213overshoot.left { 3214 background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent)); 3215 background-repeat: no-repeat; 3216 background-position: left center; 3217 background-color: transparent; 3218 border: none; 3219 box-shadow: none; 3220} 3221 3222overshoot.right { 3223 background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent)); 3224 background-repeat: no-repeat; 3225 background-position: right center; 3226 background-color: transparent; 3227 border: none; 3228 box-shadow: none; 3229} 3230 3231undershoot.top { 3232 background-color: transparent; 3233 background-image: linear-gradient(to left, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); 3234 padding-top: 1px; 3235 background-size: 12px 1px; 3236 background-repeat: repeat-x; 3237 background-origin: content-box; 3238 background-position: left top; 3239} 3240 3241undershoot.bottom { 3242 background-color: transparent; 3243 background-image: linear-gradient(to left, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); 3244 padding-bottom: 1px; 3245 background-size: 12px 1px; 3246 background-repeat: repeat-x; 3247 background-origin: content-box; 3248 background-position: left bottom; 3249} 3250 3251undershoot.left { 3252 background-color: transparent; 3253 background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); 3254 padding-left: 1px; 3255 background-size: 1px 12px; 3256 background-repeat: repeat-y; 3257 background-origin: content-box; 3258 background-position: left top; 3259} 3260 3261undershoot.right { 3262 background-color: transparent; 3263 background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); 3264 padding-right: 1px; 3265 background-size: 1px 12px; 3266 background-repeat: repeat-y; 3267 background-origin: content-box; 3268 background-position: right top; 3269} 3270 3271junction { 3272 border-style: solid none none solid; 3273 border-width: 1px; 3274 border-color: rgba(0, 0, 0, 0.08); 3275 background-color: #fcfcfc; 3276} 3277 3278junction:dir(rtl) { 3279 border-style: solid solid none none; 3280} 3281 3282separator { 3283 min-width: 1px; 3284 min-height: 1px; 3285 background-color: rgba(0, 0, 0, 0.08); 3286} 3287 3288.tweak-categories separator, preferences stacksidebar.sidebar list separator, 3289button.font separator, 3290button.file separator { 3291 min-width: 0; 3292 min-height: 0; 3293 background-color: transparent; 3294} 3295 3296/********* 3297 * Lists * 3298 *********/ 3299list { 3300 border-color: rgba(0, 0, 0, 0.08); 3301 background-color: #fcfcfc; 3302} 3303 3304list row { 3305 padding: 2px; 3306} 3307 3308.budgie-menu button, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable { 3309 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); 3310 box-shadow: inset 0 0 0 9999px transparent; 3311 background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); 3312 background-repeat: no-repeat; 3313 background-position: center; 3314 background-size: 1000% 1000%; 3315} 3316 3317.budgie-menu button:hover, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover { 3318 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1); 3319 box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); 3320} 3321 3322.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { 3323 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0; 3324 animation: ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1) forwards; 3325 box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); 3326 background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); 3327 background-size: 0% 0%; 3328} 3329 3330row button.circular { 3331 margin: 0 4px; 3332} 3333 3334/********************* 3335 * App Notifications * 3336 *********************/ 3337.app-notification { 3338 margin: 8px; 3339} 3340 3341.app-notification.frame, 3342.app-notification border { 3343 border-style: none; 3344} 3345 3346/************* 3347 * Expanders * 3348 *************/ 3349expander title > arrow { 3350 transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); 3351 min-width: 16px; 3352 min-height: 16px; 3353 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 3354 -gtk-icon-transform: rotate(-90deg); 3355 color: rgba(0, 0, 0, 0.54); 3356} 3357 3358expander title > arrow:dir(rtl) { 3359 -gtk-icon-transform: rotate(90deg); 3360} 3361 3362expander title > arrow:checked { 3363 -gtk-icon-transform: unset; 3364} 3365 3366expander title > arrow:hover, expander title > arrow:active { 3367 color: rgba(0, 0, 0, 0.75); 3368} 3369 3370expander title > arrow:disabled { 3371 color: rgba(0, 0, 0, 0.26); 3372} 3373 3374expander title > arrow:selected { 3375 color: rgba(255, 255, 255, 0.7); 3376} 3377 3378expander title > arrow:selected:hover, expander title > arrow:selected:active { 3379 color: #FFFFFF; 3380} 3381 3382expander title > arrow:selected:disabled { 3383 color: rgba(255, 255, 255, 0.3); 3384} 3385 3386/************ 3387 * Calendar * 3388 ************/ 3389calendar { 3390 padding: 2px 6px; 3391 border: 1px solid rgba(0, 0, 0, 0.08); 3392 color: rgba(0, 0, 0, 0.75); 3393} 3394 3395calendar:disabled { 3396 color: rgba(0, 0, 0, 0.38); 3397} 3398 3399calendar:selected { 3400 border-radius: 7px; 3401} 3402 3403calendar.header { 3404 border-style: none none solid; 3405 border-radius: 0; 3406} 3407 3408calendar.highlight { 3409 color: rgba(0, 0, 0, 0.54); 3410 font-weight: 500; 3411} 3412 3413calendar:indeterminate { 3414 color: rgba(0, 0, 0, 0.26); 3415} 3416 3417/*********** 3418 * Dialogs * 3419 ***********/ 3420messagedialog.background { 3421 background-color: #F5F5F5; 3422} 3423 3424messagedialog .titlebar { 3425 min-height: 24px; 3426 border-style: none; 3427 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); 3428 background-color: #F5F5F5; 3429 color: rgba(0, 0, 0, 0.75); 3430} 3431 3432messagedialog .titlebar:backdrop { 3433 color: rgba(0, 0, 0, 0.54); 3434} 3435 3436messagedialog .dialog-action-area button { 3437 padding: 4px 12px; 3438 border-top: 1px solid rgba(0, 0, 0, 0.08); 3439 border-radius: 0; 3440} 3441 3442messagedialog .dialog-action-area button:first-child { 3443 border-bottom-left-radius: 0; 3444 border-top-left-radius: 0; 3445} 3446 3447messagedialog .dialog-action-area button:last-child { 3448 border-bottom-right-radius: 0; 3449 border-top-right-radius: 0; 3450} 3451 3452messagedialog.csd.background { 3453 border-bottom-left-radius: 8px; 3454 border-bottom-right-radius: 8px; 3455} 3456 3457messagedialog.csd .dialog-action-area button { 3458 padding: 8px 16px; 3459 border-top: 1px solid rgba(0, 0, 0, 0.08); 3460 border-radius: 0; 3461} 3462 3463messagedialog.csd .dialog-action-area button:first-child { 3464 border-bottom-left-radius: 8px; 3465 border-top-left-radius: 0; 3466} 3467 3468messagedialog.csd .dialog-action-area button:last-child { 3469 border-bottom-right-radius: 8px; 3470 border-top-right-radius: 0; 3471} 3472 3473filechooser .dialog-action-box { 3474 border-top: 1px solid rgba(0, 0, 0, 0.08); 3475} 3476 3477filechooser #pathbarbox { 3478 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 3479 background-color: #F5F5F5; 3480} 3481 3482filechooser stack.view { 3483 background-color: transparent; 3484} 3485 3486filechooser stack.view scrolledwindow { 3487 background-color: #fcfcfc; 3488 border-radius: 0 0 8px 8px; 3489} 3490 3491filechooser stack.view scrolledwindow treeview.view { 3492 background-color: transparent; 3493} 3494 3495.csd filechooser placessidebar { 3496 background: none; 3497 border-bottom-left-radius: 8px; 3498} 3499 3500filechooserbutton:drop(active) { 3501 box-shadow: none; 3502} 3503 3504/*********** 3505 * Sidebar * 3506 ***********/ 3507.sidebar { 3508 border-style: none; 3509 background-color: #F5F5F5; 3510} 3511 3512stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { 3513 border-right: 1px solid gainsboro; 3514 border-left-style: none; 3515} 3516 3517stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { 3518 border-left: 1px solid gainsboro; 3519 border-right-style: none; 3520} 3521 3522.sidebar list { 3523 background-color: transparent; 3524} 3525 3526paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { 3527 border-style: none; 3528} 3529 3530stacksidebar row { 3531 padding: 10px 4px; 3532} 3533 3534stacksidebar row > label { 3535 padding-left: 6px; 3536 padding-right: 6px; 3537} 3538 3539/**************** 3540 * File chooser * 3541 ****************/ 3542row image.sidebar-icon { 3543 color: rgba(0, 0, 0, 0.54); 3544} 3545 3546row:selected image.sidebar-icon { 3547 color: rgba(255, 255, 255, 0.7); 3548} 3549 3550placessidebar > viewport.frame { 3551 border-style: none; 3552} 3553 3554placessidebar list { 3555 padding: 1px 0 4px; 3556} 3557 3558placessidebar row { 3559 min-height: 32px; 3560 margin: -1px 0; 3561 padding: 0; 3562} 3563 3564placessidebar row > revealer { 3565 padding: 0 12px; 3566} 3567 3568placessidebar row:selected { 3569 color: #FFFFFF; 3570} 3571 3572placessidebar row:disabled { 3573 color: rgba(0, 0, 0, 0.38); 3574} 3575 3576placessidebar row image.sidebar-icon:dir(ltr) { 3577 padding-right: 8px; 3578} 3579 3580placessidebar row image.sidebar-icon:dir(rtl) { 3581 padding-left: 8px; 3582} 3583 3584placessidebar row label.sidebar-label:dir(ltr) { 3585 padding-right: 2px; 3586} 3587 3588placessidebar row label.sidebar-label:dir(rtl) { 3589 padding-left: 2px; 3590} 3591 3592row:selected button.sidebar-button { 3593 color: rgba(255, 255, 255, 0.7); 3594} 3595 3596row:selected button.sidebar-button:hover, row:selected button.sidebar-button:active { 3597 color: #FFFFFF; 3598} 3599 3600row:selected button.sidebar-button:disabled { 3601 color: rgba(255, 255, 255, 0.3); 3602} 3603 3604row:selected button.sidebar-button:checked { 3605 background-color: rgba(255, 255, 255, 0.3); 3606 color: #FFFFFF; 3607} 3608 3609row:selected button.sidebar-button:checked:disabled { 3610 background-color: rgba(255, 255, 255, 0.12); 3611 color: rgba(255, 255, 255, 0.5); 3612} 3613 3614placessidebar row.sidebar-placeholder-row { 3615 min-height: 2px; 3616 padding: 0 8px; 3617 background-image: image(#FFAC00); 3618 background-clip: content-box; 3619} 3620 3621placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { 3622 color: #FFAC00; 3623} 3624 3625placessidebar row:drop(active):not(:disabled) { 3626 box-shadow: inset 0 0 0 2px #FFAC00; 3627} 3628 3629placesview .server-list-button > image { 3630 -gtk-icon-transform: rotate(0turn); 3631} 3632 3633placesview .server-list-button:checked > image { 3634 -gtk-icon-transform: rotate(-0.5turn); 3635} 3636 3637placesview > actionbar > revealer > box > label { 3638 padding-left: 8px; 3639 padding-right: 8px; 3640} 3641 3642/********* 3643 * Paned * 3644 *********/ 3645paned > separator { 3646 min-width: 1px; 3647 min-height: 1px; 3648 -gtk-icon-source: none; 3649 border-style: none; 3650 background-color: transparent; 3651 background-image: image(rgba(0, 0, 0, 0.08)); 3652 background-size: 1px 1px; 3653 background-clip: content-box; 3654} 3655 3656paned > separator.wide { 3657 min-width: 6px; 3658 min-height: 6px; 3659 background-color: #F5F5F5; 3660 background-image: image(rgba(0, 0, 0, 0.08)), image(rgba(0, 0, 0, 0.08)); 3661 background-size: 1px 1px, 1px 1px; 3662} 3663 3664paned.horizontal > separator { 3665 background-repeat: repeat-y; 3666} 3667 3668paned.horizontal > separator:dir(ltr) { 3669 margin: 0 -8px 0 0; 3670 padding: 0 8px 0 0; 3671 background-position: left; 3672} 3673 3674paned.horizontal > separator:dir(rtl) { 3675 margin: 0 0 0 -8px; 3676 padding: 0 0 0 8px; 3677 background-position: right; 3678} 3679 3680paned.horizontal > separator.wide { 3681 margin: 0; 3682 padding: 0; 3683 background-repeat: repeat-y, repeat-y; 3684 background-position: left, right; 3685} 3686 3687paned.vertical > separator { 3688 margin: 0 0 -8px 0; 3689 padding: 0 0 8px 0; 3690 background-repeat: repeat-x; 3691 background-position: top; 3692} 3693 3694paned.vertical > separator.wide { 3695 margin: 0; 3696 padding: 0; 3697 background-repeat: repeat-x, repeat-x; 3698 background-position: bottom, top; 3699} 3700 3701/************** 3702 * GtkInfoBar * 3703 **************/ 3704infobar { 3705 border-style: none; 3706} 3707 3708infobar.info { 3709 background-color: #66BB6A; 3710} 3711 3712infobar.question { 3713 background-color: #42A5F5; 3714} 3715 3716infobar.warning { 3717 background-color: #FFA726; 3718} 3719 3720infobar.error { 3721 background-color: #EF5350; 3722} 3723 3724infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { 3725 color: #FFFFFF; 3726} 3727 3728/************ 3729 * Tooltips * 3730 ************/ 3731tooltip { 3732 border-radius: 8px; 3733 box-shadow: none; 3734} 3735 3736tooltip.background, tooltip.background.csd { 3737 border-radius: 8px; 3738 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); 3739 background-color: rgba(252, 252, 252, 0.9); 3740} 3741 3742tooltip:not(.csd):not(.unity-csd) { 3743 border: 1px solid rgba(0, 0, 0, 0.08); 3744 border-radius: 8px; 3745 background-clip: padding-box; 3746} 3747 3748tooltip decoration { 3749 background-color: transparent; 3750} 3751 3752tooltip label { 3753 min-height: 20px; 3754 padding: 0 2px; 3755} 3756 3757/***************** 3758 * Color Chooser * 3759 *****************/ 3760colorswatch.top { 3761 border-top-left-radius: 3.5px; 3762 border-top-right-radius: 3.5px; 3763} 3764 3765colorswatch.top overlay { 3766 border-top-left-radius: 3px; 3767 border-top-right-radius: 3px; 3768} 3769 3770colorswatch.bottom { 3771 border-bottom-left-radius: 3.5px; 3772 border-bottom-right-radius: 3.5px; 3773} 3774 3775colorswatch.bottom overlay { 3776 border-bottom-left-radius: 3px; 3777 border-bottom-right-radius: 3px; 3778} 3779 3780colorswatch.left, colorswatch:first-child:not(.top) { 3781 border-top-left-radius: 3.5px; 3782 border-bottom-left-radius: 3.5px; 3783} 3784 3785colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { 3786 border-top-left-radius: 3px; 3787 border-bottom-left-radius: 3px; 3788} 3789 3790colorswatch.right, colorswatch:last-child:not(.bottom) { 3791 border-top-right-radius: 3.5px; 3792 border-bottom-right-radius: 3.5px; 3793} 3794 3795colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { 3796 border-top-right-radius: 3px; 3797 border-bottom-right-radius: 3px; 3798} 3799 3800colorswatch.dark { 3801 color: #FFFFFF; 3802} 3803 3804colorswatch.light { 3805 color: rgba(0, 0, 0, 0.87); 3806} 3807 3808colorswatch:drop(active) { 3809 box-shadow: none; 3810} 3811 3812colorswatch:drop(active).light overlay { 3813 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 2px #FFAC00; 3814} 3815 3816colorswatch:drop(active).dark overlay { 3817 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 2px #FFAC00; 3818} 3819 3820colorswatch overlay { 3821 transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 3822 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 3823} 3824 3825colorswatch overlay:hover { 3826 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 3827} 3828 3829colorswatch#add-color-button { 3830 border-radius: 3px 3px 0 0; 3831 color: #FFFFFF; 3832} 3833 3834colorswatch#add-color-button:only-child { 3835 border-radius: 3px; 3836} 3837 3838colorswatch#add-color-button overlay { 3839 background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); 3840} 3841 3842colorswatch:disabled { 3843 opacity: 0.5; 3844} 3845 3846colorswatch:disabled overlay { 3847 box-shadow: none; 3848} 3849 3850colorswatch#editor-color-sample { 3851 border-radius: 3.5px; 3852} 3853 3854colorswatch#editor-color-sample overlay { 3855 border-radius: 3px; 3856} 3857 3858colorchooser .popover.osd { 3859 transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 3860 border-radius: 6px; 3861 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4); 3862 background-color: #fcfcfc; 3863} 3864 3865colorchooser .popover.osd:backdrop { 3866 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); 3867} 3868 3869/******** 3870 * Misc * 3871 ********/ 3872.content-view { 3873 background-color: #F5F5F5; 3874} 3875 3876/********************** 3877 * Window Decorations * 3878 **********************/ 3879decoration { 3880 transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); 3881 border-radius: 8px; 3882 box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; 3883 margin: 8px; 3884} 3885 3886decoration:backdrop { 3887 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), 0 16px 16px transparent; 3888} 3889 3890.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { 3891 border-radius: 0; 3892} 3893 3894.popup decoration { 3895 box-shadow: none; 3896} 3897 3898.ssd decoration { 3899 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); 3900} 3901 3902.csd.popup decoration { 3903 border-radius: 8px; 3904 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 3905} 3906 3907tooltip.csd decoration { 3908 border-radius: 8px; 3909 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 3910} 3911 3912messagedialog.csd decoration { 3913 border-radius: 8px; 3914} 3915 3916.solid-csd decoration { 3917 margin: 0; 3918 padding: 0; 3919 border-radius: 0; 3920 border: solid 1px #d7d7d7; 3921 box-shadow: none; 3922 background-color: #47504e; 3923} 3924 3925/***************** 3926 * Title buttons * 3927 *****************/ 3928#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .csd headerbar.default-decoration button.close.titlebutton, .csd .titlebar.default-decoration button.close.titlebutton, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .csd headerbar.default-decoration button.maximize.titlebutton, .csd .titlebar.default-decoration button.maximize.titlebutton, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .csd headerbar.default-decoration button.minimize.titlebutton, .csd .titlebar.default-decoration button.minimize.titlebutton { 3929 margin: 0 2px; 3930 padding: 0; 3931 min-width: 16px; 3932 min-height: 16px; 3933 animation: none; 3934 box-shadow: none; 3935 color: transparent; 3936 background-color: transparent; 3937 background-position: center; 3938 background-repeat: no-repeat; 3939 background-size: 16px 16px; 3940} 3941 3942#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton:backdrop, .csd headerbar.default-decoration button.titlebutton:backdrop, .csd .titlebar.default-decoration button.titlebutton:backdrop { 3943 background-image: none; 3944 background-color: rgba(255, 255, 255, 0.12); 3945} 3946 3947#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .csd headerbar.default-decoration button.close.titlebutton, .csd .titlebar.default-decoration button.close.titlebutton { 3948 background-image: -gtk-scaled(url("common-assets/titlebutton-close.png"), url("common-assets/titlebutton-close@2.png")); 3949} 3950 3951#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:backdrop, .csd headerbar.default-decoration button.close.titlebutton:backdrop, .csd .titlebar.default-decoration button.close.titlebutton:backdrop { 3952 background-image: -gtk-scaled(url("common-assets/titlebutton-close-backdrop.png"), url("common-assets/titlebutton-close-backdrop@2.png")); 3953} 3954 3955#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .csd headerbar.default-decoration button.close.titlebutton:hover, .csd .titlebar.default-decoration button.close.titlebutton:hover { 3956 background-image: -gtk-scaled(url("common-assets/titlebutton-close-hover.png"), url("common-assets/titlebutton-close-hover@2.png")); 3957} 3958 3959#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .csd headerbar.default-decoration button.close.titlebutton:active, .csd .titlebar.default-decoration button.close.titlebutton:active { 3960 background-image: -gtk-scaled(url("common-assets/titlebutton-close-active.png"), url("common-assets/titlebutton-close-active@2.png")); 3961} 3962 3963#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .csd headerbar.default-decoration button.maximize.titlebutton, .csd .titlebar.default-decoration button.maximize.titlebutton { 3964 background-image: -gtk-scaled(url("common-assets/titlebutton-maximize.png"), url("common-assets/titlebutton-maximize@2.png")); 3965} 3966 3967#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:backdrop, .csd headerbar.default-decoration button.maximize.titlebutton:backdrop, .csd .titlebar.default-decoration button.maximize.titlebutton:backdrop { 3968 background-image: -gtk-scaled(url("common-assets/titlebutton-maximize-backdrop.png"), url("common-assets/titlebutton-maximize-backdrop@2.png")); 3969} 3970 3971#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .csd headerbar.default-decoration button.maximize.titlebutton:hover, .csd .titlebar.default-decoration button.maximize.titlebutton:hover { 3972 background-image: -gtk-scaled(url("common-assets/titlebutton-maximize-hover.png"), url("common-assets/titlebutton-maximize-hover@2.png")); 3973} 3974 3975#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .csd headerbar.default-decoration button.maximize.titlebutton:active, .csd .titlebar.default-decoration button.maximize.titlebutton:active { 3976 background-image: -gtk-scaled(url("common-assets/titlebutton-maximize-active.png"), url("common-assets/titlebutton-maximize-active@2.png")); 3977} 3978 3979#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .csd headerbar.default-decoration button.minimize.titlebutton, .csd .titlebar.default-decoration button.minimize.titlebutton { 3980 background-image: -gtk-scaled(url("common-assets/titlebutton-minimize.png"), url("common-assets/titlebutton-minimize@2.png")); 3981} 3982 3983#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:backdrop, .csd headerbar.default-decoration button.minimize.titlebutton:backdrop, .csd .titlebar.default-decoration button.minimize.titlebutton:backdrop { 3984 background-image: -gtk-scaled(url("common-assets/titlebutton-minimize-backdrop.png"), url("common-assets/titlebutton-minimize-backdrop@2.png")); 3985} 3986 3987#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .csd headerbar.default-decoration button.minimize.titlebutton:hover, .csd .titlebar.default-decoration button.minimize.titlebutton:hover { 3988 background-image: -gtk-scaled(url("common-assets/titlebutton-minimize-hover.png"), url("common-assets/titlebutton-minimize-hover@2.png")); 3989} 3990 3991#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .csd headerbar.default-decoration button.minimize.titlebutton:active, .csd .titlebar.default-decoration button.minimize.titlebutton:active { 3992 background-image: -gtk-scaled(url("common-assets/titlebutton-minimize-active.png"), url("common-assets/titlebutton-minimize-active@2.png")); 3993} 3994 3995#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton, .csd headerbar.default-decoration button.restore.titlebutton, .csd .titlebar.default-decoration button.restore.titlebutton { 3996 background-image: -gtk-scaled(url("common-assets/titlebutton-restore.png"), url("common-assets/titlebutton-restore@2.png")); 3997} 3998 3999#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton:backdrop, .csd headerbar.default-decoration button.restore.titlebutton:backdrop, .csd .titlebar.default-decoration button.restore.titlebutton:backdrop { 4000 background-image: -gtk-scaled(url("common-assets/titlebutton-restore-backdrop.png"), url("common-assets/titlebutton-restore-backdrop@2.png")); 4001} 4002 4003#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton:hover, .csd headerbar.default-decoration button.restore.titlebutton:hover, .csd .titlebar.default-decoration button.restore.titlebutton:hover { 4004 background-image: -gtk-scaled(url("common-assets/titlebutton-restore-hover.png"), url("common-assets/titlebutton-restore-hover@2.png")); 4005} 4006 4007#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton:active, .csd headerbar.default-decoration button.restore.titlebutton:active, .csd .titlebar.default-decoration button.restore.titlebutton:active { 4008 background-image: -gtk-scaled(url("common-assets/titlebutton-restore-active.png"), url("common-assets/titlebutton-restore-active@2.png")); 4009} 4010 4011.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize { 4012 background-image: -gtk-scaled(url("common-assets/titlebutton-restore.png"), url("common-assets/titlebutton-restore@2.png")); 4013} 4014 4015.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:backdrop, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:backdrop, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:backdrop, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:backdrop, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:backdrop, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:backdrop { 4016 background-image: -gtk-scaled(url("common-assets/titlebutton-restore-backdrop.png"), url("common-assets/titlebutton-restore-backdrop@2.png")); 4017} 4018 4019.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:hover, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:hover, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:hover, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:hover, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:hover, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:hover { 4020 background-image: -gtk-scaled(url("common-assets/titlebutton-restore-hover.png"), url("common-assets/titlebutton-restore-hover@2.png")); 4021} 4022 4023.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:active, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:active, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:active, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:active, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:active, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:active { 4024 background-image: -gtk-scaled(url("common-assets/titlebutton-restore-active.png"), url("common-assets/titlebutton-restore-active@2.png")); 4025} 4026 4027headerbar, 4028.titlebar { 4029 padding: 0 14px; 4030} 4031 4032.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, 4033.titlebar button.titlebutton.close, 4034.titlebar button.titlebutton.maximize, 4035.titlebar button.titlebutton.minimize { 4036 min-width: 12px; 4037 min-height: 12px; 4038 padding: 0; 4039 margin: 0 2px; 4040 color: transparent; 4041 background-color: rgba(255, 255, 255, 0.3); 4042} 4043 4044.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover, .csd headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:backdrop:hover, .csd headerbar button.titlebutton.maximize:hover, .csd headerbar button.titlebutton.maximize:backdrop:hover, .csd headerbar button.titlebutton.minimize:hover, .csd headerbar button.titlebutton.minimize:backdrop:hover, 4045.titlebar button.titlebutton.close:hover, 4046.titlebar button.titlebutton.close:backdrop:hover, 4047.titlebar button.titlebutton.maximize:hover, 4048.titlebar button.titlebutton.maximize:backdrop:hover, 4049.titlebar button.titlebutton.minimize:hover, 4050.titlebar button.titlebutton.minimize:backdrop:hover, .csd .titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:backdrop:hover, .csd .titlebar button.titlebutton.maximize:hover, .csd .titlebar button.titlebutton.maximize:backdrop:hover, .csd .titlebar button.titlebutton.minimize:hover, .csd .titlebar button.titlebutton.minimize:backdrop:hover { 4051 color: rgba(255, 255, 255, 0.7); 4052} 4053 4054.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:backdrop:active, .csd headerbar button.titlebutton.close:backdrop:checked, .csd headerbar button.titlebutton.maximize:active, .csd headerbar button.titlebutton.maximize:checked, .csd headerbar button.titlebutton.maximize:backdrop:active, .csd headerbar button.titlebutton.maximize:backdrop:checked, .csd headerbar button.titlebutton.minimize:active, .csd headerbar button.titlebutton.minimize:checked, .csd headerbar button.titlebutton.minimize:backdrop:active, .csd headerbar button.titlebutton.minimize:backdrop:checked, 4055.titlebar button.titlebutton.close:active, 4056.titlebar button.titlebutton.close:checked, 4057.titlebar button.titlebutton.close:backdrop:active, 4058.titlebar button.titlebutton.close:backdrop:checked, 4059.titlebar button.titlebutton.maximize:active, 4060.titlebar button.titlebutton.maximize:checked, 4061.titlebar button.titlebutton.maximize:backdrop:active, 4062.titlebar button.titlebutton.maximize:backdrop:checked, 4063.titlebar button.titlebutton.minimize:active, 4064.titlebar button.titlebutton.minimize:checked, 4065.titlebar button.titlebutton.minimize:backdrop:active, 4066.titlebar button.titlebutton.minimize:backdrop:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:backdrop:active, .csd .titlebar button.titlebutton.close:backdrop:checked, .csd .titlebar button.titlebutton.maximize:active, .csd .titlebar button.titlebutton.maximize:checked, .csd .titlebar button.titlebutton.maximize:backdrop:active, .csd .titlebar button.titlebutton.maximize:backdrop:checked, .csd .titlebar button.titlebutton.minimize:active, .csd .titlebar button.titlebutton.minimize:checked, .csd .titlebar button.titlebutton.minimize:backdrop:active, .csd .titlebar button.titlebutton.minimize:backdrop:checked { 4067 color: #FFFFFF; 4068} 4069 4070.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .csd headerbar button.titlebutton.close:backdrop, .csd headerbar button.titlebutton.maximize:backdrop, .csd headerbar button.titlebutton.minimize:backdrop, 4071.titlebar button.titlebutton.close:backdrop, 4072.titlebar button.titlebutton.maximize:backdrop, 4073.titlebar button.titlebutton.minimize:backdrop, .csd .titlebar button.titlebutton.close:backdrop, .csd .titlebar button.titlebutton.maximize:backdrop, .csd .titlebar button.titlebutton.minimize:backdrop { 4074 color: transparent; 4075 background-color: rgba(255, 255, 255, 0.12); 4076} 4077 4078.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close, 4079.titlebar button.titlebutton.close { 4080 background-color: #FFAC00; 4081} 4082 4083.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:hover, 4084.titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:hover { 4085 color: #FFFFFF; 4086 background-color: rgba(255, 172, 0, 0.85); 4087} 4088 4089.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, 4090.titlebar button.titlebutton.close:active, 4091.titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked { 4092 background-color: #f0a200; 4093} 4094 4095.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, 4096entry selection, modelbutton.flat:selected, 4097.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, popover.menu button:checked, 4098popover button.model:checked, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected { 4099 background-color: #00CE99; 4100} 4101 4102row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, 4103entry selection, modelbutton.flat:selected, 4104.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, popover.menu button:checked, 4105popover button.model:checked, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected { 4106 color: #FFFFFF; 4107} 4108 4109row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, 4110entry selection:disabled, modelbutton.flat:disabled:selected, 4111.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, popover.menu button:disabled:checked, 4112popover button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled { 4113 color: rgba(255, 255, 255, 0.5); 4114} 4115 4116.monospace { 4117 font-family: monospace; 4118} 4119 4120/********************** 4121 * Touch Copy & Paste * 4122 **********************/ 4123cursor-handle { 4124 border-radius: 9999px; 4125 background-color: #FFAC00; 4126 background-image: none; 4127} 4128 4129cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { 4130 padding-left: 6px; 4131 border-top-right-radius: 0; 4132} 4133 4134cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { 4135 padding-right: 6px; 4136 border-top-left-radius: 0; 4137} 4138 4139cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { 4140 -GtkWidget-text-handle-width: 24; 4141 -GtkWidget-text-handle-height: 30; 4142 -gtk-icon-source: -gtk-scaled(url("common-assets/scale-horz-marks-before-slider.png"), url("common-assets/scale-horz-marks-before-slider@2.png")); 4143} 4144 4145.context-menu { 4146 font: initial; 4147} 4148 4149.keycap { 4150 min-width: 12px; 4151 min-height: 26px; 4152 margin-top: 2px; 4153 padding-bottom: 2px; 4154 padding-left: 8px; 4155 padding-right: 8px; 4156 border: solid 1px rgba(0, 0, 0, 0.08); 4157 border-radius: 7px; 4158 box-shadow: inset 0 -2px rgba(0, 0, 0, 0.08); 4159 background-color: #fcfcfc; 4160 color: rgba(0, 0, 0, 0.75); 4161 font-size: smaller; 4162} 4163 4164:not(decoration):not(window):drop(active) { 4165 transition: all 150ms cubic-bezier(0, 0, 0.2, 1); 4166 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 0 2px #FFAC00; 4167 caret-color: #FFAC00; 4168} 4169 4170stackswitcher button.text-button { 4171 min-width: 100px; 4172} 4173 4174stackswitcher button.circular, 4175stackswitcher button.text-button.circular { 4176 min-width: 36px; 4177 min-height: 36px; 4178 padding: 0; 4179} 4180 4181/********* 4182 * Emoji * 4183 *********/ 4184popover.emoji-picker { 4185 padding: 0; 4186} 4187 4188popover.emoji-picker entry { 4189 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 4190 border-bottom-left-radius: 0; 4191 border-bottom-right-radius: 0; 4192 box-shadow: none; 4193} 4194 4195popover.emoji-picker scrolledwindow { 4196 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 4197} 4198 4199button.emoji-section { 4200 margin-top: -1px; 4201 padding: 0 8px; 4202 min-width: 24px; 4203 min-height: 36px; 4204 border-radius: 0; 4205 outline-offset: -6px; 4206 box-shadow: none; 4207} 4208 4209button.emoji-section:hover { 4210 box-shadow: inset 0 2px rgba(0, 0, 0, 0.26); 4211} 4212 4213button.emoji-section:active { 4214 box-shadow: inset 0 2px #00CE99; 4215 background-image: radial-gradient(circle farthest-corner at center, rgba(0, 206, 153, 0.7) 10%, transparent 0%); 4216} 4217 4218button.emoji-section:checked { 4219 box-shadow: inset 0 2px #00CE99; 4220 background-color: transparent; 4221} 4222 4223button.emoji-section:first-child { 4224 margin-left: 4px; 4225} 4226 4227button.emoji-section:last-child { 4228 margin-right: 4px; 4229} 4230 4231.emoji { 4232 min-width: 3em; 4233 min-height: 3em; 4234 padding: 0; 4235} 4236 4237.emoji widget { 4238 transition: all 100ms cubic-bezier(0, 0, 0.2, 1); 4239} 4240 4241.emoji widget:hover { 4242 font-size: larger; 4243} 4244 4245/************ 4246 * Nautilus * 4247 ************/ 4248.nautilus-window, 4249.nautilus-window notebook, 4250.nautilus-window notebook > stack { 4251 background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); 4252 background-repeat: no-repeat; 4253 background-position: top right; 4254} 4255 4256.nautilus-window headerbar { 4257 background-image: -gtk-scaled(url("assets/background-img-top-dark.png"), url("assets/background-img-top-dark@2.png")); 4258 background-repeat: no-repeat; 4259 background-position: bottom right; 4260} 4261 4262.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle, 4263.nautilus-window headerbar .path-bar-box button.flat.image-button.text-button.toggle { 4264 background-color: #00CE99; 4265 color: #FFFFFF; 4266 box-shadow: none; 4267 border-radius: 0; 4268 outline-offset: -6px; 4269 -gtk-outline-radius: 9997px; 4270} 4271 4272.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:hover, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:hover { 4273 color: #FFFFFF; 4274 background-color: #00dda4; 4275} 4276 4277.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:active, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:active { 4278 color: #FFFFFF; 4279 background-color: rgba(0, 206, 153, 0.85); 4280} 4281 4282.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):first-child, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:not(:only-child):first-child { 4283 border-radius: 9999px 0 0 9999px; 4284} 4285 4286.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:not(:only-child):last-child { 4287 border-radius: 0 9999px 9999px 0; 4288} 4289 4290.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:only-child, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:only-child { 4291 border-radius: 9999px; 4292} 4293 4294.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:disabled, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:disabled { 4295 color: rgba(255, 255, 255, 0.5); 4296} 4297 4298.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:backdrop, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:backdrop { 4299 color: rgba(255, 255, 255, 0.7); 4300} 4301 4302.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:backdrop:disabled, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:backdrop:disabled { 4303 color: rgba(255, 255, 255, 0.3); 4304} 4305 4306.nautilus-window, 4307.nautilus-window notebook, 4308.nautilus-window notebook > stack { 4309 background-color: #fcfcfc; 4310 border-radius: 0 0 8px 8px; 4311} 4312 4313.nautilus-window headerbar .path-bar-box { 4314 margin: 6px 0; 4315 color: #FFFFFF; 4316 background-color: transparent; 4317} 4318 4319.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button { 4320 margin-top: 0; 4321 margin-bottom: 0; 4322} 4323 4324.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button.image-button.text-button { 4325 padding-left: 12px; 4326} 4327 4328.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { 4329 border-radius: 0 9999px 9999px 0; 4330 border-image-width: 8px 16px 8px 16px; 4331 border-image-slice: 8 16 8 16; 4332 border-image-repeat: stretch; 4333 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, border-image 0; 4334 color: rgba(255, 255, 255, 0.7); 4335 background-color: #47504e; 4336 box-shadow: none; 4337 background-image: none; 4338 border-image-source: -gtk-scaled(url("assets/lastbutton-checked-circle.png"), url("assets/lastbutton-checked-circle@2.png")); 4339} 4340 4341.nautilus-window headerbar .path-bar-box.background.frame { 4342 border: none; 4343 background-color: transparent; 4344} 4345 4346.nautilus-window.maximized, 4347.nautilus-window.maximized notebook, 4348.nautilus-window.maximized notebook > stack { 4349 border-radius: 0; 4350} 4351 4352.nautilus-canvas-item { 4353 border-radius: 3px; 4354} 4355 4356.nautilus-canvas-item.dim-label, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, label.nautilus-canvas-item.separator, 4357headerbar .nautilus-canvas-item.subtitle, 4358.nautilus-list-dim-label { 4359 color: rgba(153, 153, 153, 0.875); 4360} 4361 4362.nautilus-canvas-item.dim-label:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected, label.nautilus-canvas-item.separator:selected, 4363headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, 4364.nautilus-list-dim-label:selected, 4365.nautilus-list-dim-label:selected:focus { 4366 color: #ccf5eb; 4367} 4368 4369.caja-desktop.caja-canvas-item, 4370.nautilus-desktop.nautilus-canvas-item:not(:selected) { 4371 color: #FFFFFF; 4372 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 4373 border-radius: 3px; 4374} 4375 4376@keyframes needs_attention_keyframes { 4377 to { 4378 background-color: alpha(currentColor, 0.3); 4379 } 4380} 4381 4382.nautilus-operations-button-needs-attention { 4383 animation: needs_attention_keyframes 150ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; 4384} 4385 4386.nautilus-operations-button-needs-attention-multiple { 4387 animation: needs_attention_keyframes 150ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; 4388} 4389 4390.nemo-window .floating-bar, 4391.nautilus-window .floating-bar { 4392 min-height: 32px; 4393 padding: 0; 4394 border-style: solid solid none; 4395 border-width: 1px; 4396 border-color: rgba(0, 0, 0, 0.08); 4397 border-radius: 8px 8px 0 0; 4398 background-color: #fcfcfc; 4399 background-clip: padding-box; 4400 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), border-width 0; 4401} 4402 4403.nemo-window .floating-bar.bottom.left, 4404.nautilus-window .floating-bar.bottom.left { 4405 border-left-style: none; 4406 border-top-left-radius: 0; 4407 border-bottom-left-radius: 8px; 4408} 4409 4410.nemo-window .floating-bar.bottom.right, 4411.nautilus-window .floating-bar.bottom.right { 4412 border-right-style: none; 4413 border-top-right-radius: 0; 4414 border-bottom-right-radius: 8px; 4415} 4416 4417.nemo-window .floating-bar button, 4418.nautilus-window .floating-bar button { 4419 margin: 8px; 4420} 4421 4422.nautilus-window.maximized .floating-bar { 4423 border-bottom-right-radius: 0; 4424 border-bottom-left-radius: 0; 4425} 4426 4427.disk-space-display.unknown { 4428 background-color: #FF6D00; 4429} 4430 4431.disk-space-display.used { 4432 background-color: #00CE99; 4433} 4434 4435.disk-space-display.free { 4436 background-color: rgba(0, 0, 0, 0.12); 4437} 4438 4439.nautilus-window searchbar { 4440 border-top: 1px solid rgba(0, 0, 0, 0.08); 4441 background-color: rgba(245, 245, 245, 0.65); 4442} 4443 4444.nautilus-window .searchbar-container { 4445 margin-top: -1px; 4446} 4447 4448.conflict-row:not(:selected) { 4449 background-color: #fdd1b1; 4450} 4451 4452.nautilus-window flowboxchild > widget > .icon-item-background { 4453 padding: 4px; 4454 border-radius: 3px; 4455} 4456 4457.nautilus-window flowboxchild:selected { 4458 background-color: transparent; 4459} 4460 4461.nautilus-window flowboxchild:selected > widget > .icon-item-background { 4462 background-color: #00CE99; 4463} 4464 4465dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { 4466 border-style: none; 4467} 4468 4469dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { 4470 margin: -6px 0 0 -6px; 4471 border-top: 1px solid rgba(0, 0, 0, 0.08); 4472} 4473 4474dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { 4475 margin: 0 8px; 4476} 4477 4478dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { 4479 border-radius: 0; 4480} 4481 4482.nautilus-window > popover.menu:not(:last-child) { 4483 padding: 3px; 4484} 4485 4486.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { 4487 margin-top: -6px; 4488} 4489 4490.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { 4491 margin-bottom: -6px; 4492} 4493 4494.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { 4495 margin-top: 1px; 4496} 4497 4498.nautilus-window > popover.menu:not(:last-child) separator { 4499 margin-bottom: -2px; 4500} 4501 4502.nautilus-menu-sort-heading { 4503 margin: 1px 3px; 4504 font-weight: 500; 4505} 4506 4507.nautilus-menu-sort-heading:disabled { 4508 color: rgba(0, 0, 0, 0.38); 4509} 4510 4511.nautilus-window paned > separator { 4512 background-color: #F5F5F5; 4513} 4514 4515filechooser.csd.background, filechooser placessidebar list, 4516.nautilus-window.csd.background, 4517.nautilus-window placessidebar list { 4518 background-color: transparent; 4519} 4520 4521filechooser.csd.background, filechooser placessidebar, 4522.nautilus-window.csd.background, 4523.nautilus-window placessidebar { 4524 background-color: rgba(245, 245, 245, 0.97); 4525 border-radius: 0 0 8px 8px; 4526} 4527 4528filechooser.maximized placessidebar, 4529.nautilus-window.maximized placessidebar { 4530 border-radius: 0; 4531} 4532 4533filechooser.maximized placessidebar.sidebar, 4534.nautilus-window.maximized placessidebar.sidebar { 4535 background-color: #F5F5F5; 4536} 4537 4538filechooser placessidebar.sidebar, 4539.nautilus-window placessidebar.sidebar { 4540 background-color: transparent; 4541} 4542 4543filechooser placessidebar.sidebar row.sidebar-row, 4544.nautilus-window placessidebar.sidebar row.sidebar-row { 4545 transition: none; 4546} 4547 4548filechooser placessidebar.sidebar row.sidebar-row:hover, 4549.nautilus-window placessidebar.sidebar row.sidebar-row:hover { 4550 color: #00CE99; 4551 background-color: rgba(0, 0, 0, 0.03); 4552 box-shadow: inset 3px 0 #00CE99; 4553} 4554 4555filechooser placessidebar.sidebar row.sidebar-row:hover image.sidebar-icon, 4556.nautilus-window placessidebar.sidebar row.sidebar-row:hover image.sidebar-icon { 4557 color: #00CE99; 4558} 4559 4560filechooser placessidebar.sidebar row.sidebar-row:active, 4561.nautilus-window placessidebar.sidebar row.sidebar-row:active { 4562 box-shadow: inset 3px 0 #00CE99; 4563} 4564 4565filechooser placessidebar.sidebar row.sidebar-row:backdrop, 4566.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { 4567 opacity: 0.85; 4568} 4569 4570filechooser placessidebar.sidebar row.sidebar-row:selected image.sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image.sidebar-icon, 4571.nautilus-window placessidebar.sidebar row.sidebar-row:selected image.sidebar-icon, 4572.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image.sidebar-icon { 4573 color: #FFFFFF; 4574} 4575 4576filechooser placessidebar.sidebar row.sidebar-row:selected:active, 4577.nautilus-window placessidebar.sidebar row.sidebar-row:selected:active { 4578 box-shadow: none; 4579} 4580 4581filechooser placessidebar.sidebar row.sidebar-row:selected:hover, 4582.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { 4583 box-shadow: none; 4584 color: #FFFFFF; 4585 background-color: rgba(0, 206, 153, 0.8); 4586} 4587 4588.nautilus-window.csd.background notebook { 4589 background-color: transparent; 4590 border-radius: 0 0 8px 8px; 4591} 4592 4593.nautilus-window.csd.background notebook > stack { 4594 background-color: #fcfcfc; 4595 border-radius: 0 0 8px 8px; 4596} 4597 4598.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected):not(:checked) { 4599 background-color: transparent; 4600} 4601 4602.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected):not(:checked) header button:not(:hover):not(:active):not(:checked) { 4603 background-color: transparent; 4604} 4605 4606.nautilus-window.csd.background notebook scrolledwindow .view:not(:selected):not(:checked):hover { 4607 background-color: rgba(0, 0, 0, 0.15); 4608} 4609 4610/********* 4611 * gedit * 4612 *********/ 4613.open-document-selector-path-label { 4614 color: rgba(0, 0, 0, 0.54); 4615 font-size: smaller; 4616} 4617 4618.open-document-selector-path-label:selected { 4619 color: rgba(255, 255, 255, 0.7); 4620} 4621 4622.gedit-document-panel { 4623 background-color: #F5F5F5; 4624} 4625 4626.gedit-document-panel row button.flat { 4627 margin: 8px; 4628} 4629 4630.gedit-document-panel-group-row:not(:first-child) { 4631 border-top: 1px solid rgba(0, 0, 0, 0.08); 4632} 4633 4634.gedit-side-panel-paned statusbar { 4635 border-top: 1px solid rgba(0, 0, 0, 0.08); 4636} 4637 4638.gedit-search-slider { 4639 margin: 4px 4px 8px; 4640} 4641 4642.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { 4643 border-radius: 6px; 4644} 4645 4646.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { 4647 all: unset; 4648 color: rgba(0, 0, 0, 0.38); 4649} 4650 4651.gedit-search-slider entry:dir(ltr) { 4652 margin-right: -66px; 4653 padding-right: 66px; 4654} 4655 4656.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { 4657 margin-left: 6px; 4658} 4659 4660.gedit-search-slider entry:dir(ltr) image.right { 4661 margin-right: 0; 4662} 4663 4664.gedit-search-slider entry:dir(rtl) { 4665 margin-left: -66px; 4666 padding-left: 66px; 4667} 4668 4669.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { 4670 margin-right: 6px; 4671} 4672 4673.gedit-search-slider entry:dir(rtl) image.left { 4674 margin-left: 0; 4675} 4676 4677.gedit-search-slider entry.error ~ button { 4678 color: rgba(255, 255, 255, 0.7); 4679} 4680 4681.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { 4682 color: #FFFFFF; 4683} 4684 4685.gedit-search-slider entry.error ~ button:disabled { 4686 color: rgba(255, 255, 255, 0.3); 4687} 4688 4689.gedit-search-slider button { 4690 border: solid 6px transparent; 4691} 4692 4693.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { 4694 margin-left: -3px; 4695} 4696 4697.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) { 4698 margin-right: -3px; 4699} 4700 4701frame.gedit-map-frame > border:dir(ltr) { 4702 border-style: none none none solid; 4703} 4704 4705frame.gedit-map-frame > border:dir(rtl) { 4706 border-style: none solid none none; 4707} 4708 4709paned.titlebar.horizontal headerbar { 4710 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.1); 4711} 4712 4713.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal { 4714 padding: 3px 3px 0; 4715} 4716 4717.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { 4718 margin: 0 0 2px; 4719} 4720 4721.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button { 4722 padding: 4px; 4723 border-radius: 6px; 4724 -gtk-outline-radius: 6px; 4725} 4726 4727.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle { 4728 padding: 4px; 4729} 4730 4731.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { 4732 margin: 2px 6px 6px; 4733 border-radius: 6px; 4734 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); 4735} 4736 4737.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable { 4738 padding: 3px; 4739} 4740 4741/*********** 4742 * Builder * 4743 ***********/ 4744layouttabbar { 4745 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 4746 background-color: #F5F5F5; 4747} 4748 4749layouttabbar > box > button { 4750 margin: 2px 0; 4751} 4752 4753layouttab { 4754 margin: 0 8px; 4755 border-style: none solid; 4756 border-width: 1px; 4757 border-color: rgba(0, 0, 0, 0.08); 4758 box-shadow: inset 0 -2px #00CE99; 4759 background-color: #fcfcfc; 4760} 4761 4762layouttab separator.vertical { 4763 margin: 8px 4px; 4764} 4765 4766layouttab button.text-button, layouttab button.image-button, layouttab button { 4767 margin-top: 8px; 4768 margin-bottom: 8px; 4769 padding: 0 4px; 4770} 4771 4772layout { 4773 border: 1px solid rgba(0, 0, 0, 0.08); 4774 -PnlDockBin-handle-size: 1; 4775} 4776 4777entry.search-missing { 4778 background-color: #DD2C00; 4779 color: #FFFFFF; 4780} 4781 4782window.workbench treeview.image { 4783 color: rgba(0, 0, 0, 0.54); 4784} 4785 4786window.workbench treeview.image:selected { 4787 color: rgba(255, 255, 255, 0.7); 4788} 4789 4790popover.popover-selector list { 4791 padding: 6px; 4792} 4793 4794popover.popover-selector list row { 4795 border-radius: 6px; 4796} 4797 4798popover.popover-selector list row image:dir(ltr) { 4799 margin-right: 6px; 4800} 4801 4802popover.popover-selector list row image:dir(rtl) { 4803 margin-left: 6px; 4804} 4805 4806popover.popover-selector list row .accel:dir(ltr) { 4807 margin-left: 6px; 4808} 4809 4810popover.popover-selector list row .accel:dir(rtl) { 4811 margin-right: 6px; 4812} 4813 4814omnibar.linked:not(.vertical) entry { 4815 border-radius: 6px; 4816} 4817 4818omnibar:not(:hover):not(:active) entry { 4819 color: rgba(0, 0, 0, 0.54); 4820} 4821 4822popover.omnibar list row:not(:last-child) { 4823 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 4824} 4825 4826entry.preferences-search { 4827 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); 4828 background-color: #fcfcfc; 4829} 4830 4831preferences stacksidebar.sidebar list { 4832 background-color: #F5F5F5; 4833} 4834 4835preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { 4836 border-style: none; 4837} 4838 4839preferences > box > box:dir(ltr) { 4840 border-right: 1px solid rgba(0, 0, 0, 0.08); 4841} 4842 4843preferences > box > box:dir(rtl) { 4844 border-left: 1px solid rgba(0, 0, 0, 0.08); 4845} 4846 4847popover.messagepopover.background { 4848 padding: 0; 4849} 4850 4851popover.messagepopover .popover-action-area button { 4852 padding: 8px 16px; 4853 border-top: 1px solid rgba(0, 0, 0, 0.08); 4854 border-radius: 0; 4855} 4856 4857popover.messagepopover .popover-action-area button:first-child { 4858 border-bottom-left-radius: 6px; 4859} 4860 4861popover.messagepopover .popover-action-area button:last-child { 4862 border-bottom-right-radius: 6px; 4863} 4864 4865popover.messagepopover .popover-content-area { 4866 margin: 16px; 4867} 4868 4869popover.transfers list { 4870 background-color: transparent; 4871} 4872 4873popover.transfers list row:not(:first-child) { 4874 border-top: 1px solid rgba(0, 0, 0, 0.08); 4875} 4876 4877popover.transfers list row > box { 4878 padding: 10px; 4879} 4880 4881dockbin { 4882 border: 1px solid rgba(0, 0, 0, 0.08); 4883 -PnlDockBin-handle-size: 1; 4884} 4885 4886dockpaned { 4887 border: 1px solid rgba(0, 0, 0, 0.08); 4888} 4889 4890eggsearchbar box.search-bar { 4891 padding: 0 8px; 4892 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 4893 background-color: #F5F5F5; 4894} 4895 4896docktabstrip { 4897 padding: 0 8px; 4898 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 4899 background-color: #F5F5F5; 4900} 4901 4902docktab { 4903 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; 4904 min-height: 24px; 4905 min-width: 24px; 4906 margin-bottom: -1px; 4907 padding: 6px 6px; 4908 outline-offset: -6px; 4909 border-width: 1px; 4910 border-color: transparent; 4911 background-image: radial-gradient(circle farthest-corner at center, #00CE99 10%, transparent 0%); 4912 background-repeat: no-repeat; 4913 background-position: center; 4914 background-size: 0% 0%; 4915 color: rgba(0, 0, 0, 0.54); 4916 font-weight: 500; 4917} 4918 4919docktab:hover { 4920 box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); 4921 color: rgba(0, 0, 0, 0.75); 4922} 4923 4924docktab:checked { 4925 transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 150ms cubic-bezier(0, 0, 0.2, 1), background-image 450ms cubic-bezier(0, 0, 0.2, 1); 4926 box-shadow: inset 0 -2px #00CE99; 4927 background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); 4928 background-size: 1000% 1000%; 4929 color: rgba(0, 0, 0, 0.75); 4930} 4931 4932dockoverlayedge { 4933 background-color: #F5F5F5; 4934} 4935 4936dockoverlayedge docktabstrip { 4937 padding: 0; 4938 border: none; 4939} 4940 4941dockoverlayedge.left-edge docktab:hover { 4942 box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); 4943} 4944 4945dockoverlayedge.left-edge docktab:checked { 4946 box-shadow: inset -2px 0 #00CE99; 4947} 4948 4949dockoverlayedge.right-edge docktab:hover { 4950 box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); 4951} 4952 4953dockoverlayedge.right-edge docktab:checked { 4954 box-shadow: inset 2px 0 #00CE99; 4955} 4956 4957pillbox { 4958 background-color: #F5F5F5; 4959 border-radius: 6px; 4960} 4961 4962layoutpane entry.search { 4963 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); 4964 background-color: #fcfcfc; 4965} 4966 4967editortweak entry.search { 4968 margin-bottom: -1px; 4969 box-shadow: none; 4970} 4971 4972.gb-search-entry-occurrences-tag { 4973 box-shadow: none; 4974 background-color: transparent; 4975} 4976 4977docktabstrip { 4978 min-height: 39px; 4979} 4980 4981window.workbench preferences preferencesgroup list entry { 4982 padding-top: 8px; 4983 padding-bottom: 8px; 4984} 4985 4986button.run-arrow-button { 4987 padding-left: 10px; 4988 padding-right: 10px; 4989} 4990 4991button.dzlmenubutton image { 4992 min-width: 30px; 4993} 4994 4995button.dzlmenubutton image.arrow { 4996 min-width: 27px; 4997} 4998 4999button.dzlmenubuttonitem { 5000 color: rgba(0, 0, 0, 0.75); 5001 font-weight: normal; 5002} 5003 5004button.dzlmenubuttonitem:disabled { 5005 color: rgba(0, 0, 0, 0.38); 5006} 5007 5008idelayoutstackheader { 5009 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 5010} 5011 5012idelayoutstackheader button:checked { 5013 color: rgba(0, 0, 0, 0.75); 5014} 5015 5016ideeditorutilities > dzldockpaned > box > stackswitcher { 5017 padding: 8px 0; 5018 background-color: #F5F5F5; 5019} 5020 5021ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { 5022 border-right: 1px solid rgba(0, 0, 0, 0.08); 5023} 5024 5025ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { 5026 border-left: 1px solid rgba(0, 0, 0, 0.08); 5027} 5028 5029ideeditorutilities > dzldockpaned > box > stackswitcher button { 5030 border-radius: 0; 5031 outline-offset: -6px; 5032 box-shadow: none; 5033 background-color: transparent; 5034} 5035 5036ideeditorutilities > dzldockpaned > box > stackswitcher button:active { 5037 background-image: radial-gradient(circle farthest-corner at center, rgba(0, 206, 153, 0.7) 10%, transparent 0%); 5038} 5039 5040ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { 5041 background-color: transparent; 5042 color: rgba(0, 0, 0, 0.75); 5043} 5044 5045ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { 5046 margin-right: -1px; 5047} 5048 5049ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { 5050 box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); 5051} 5052 5053ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { 5054 box-shadow: inset -2px 0 #00CE99; 5055} 5056 5057ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { 5058 margin-left: -1px; 5059} 5060 5061ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { 5062 box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); 5063} 5064 5065ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { 5066 box-shadow: inset 2px 0 #00CE99; 5067} 5068 5069ideeditorsidebar notebook header { 5070 background: transparent; 5071} 5072 5073popover.messagepopover list { 5074 border: 1px solid rgba(0, 0, 0, 0.08); 5075} 5076 5077popover.messagepopover list row:not(:last-child) { 5078 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 5079} 5080 5081/********** 5082 * Photos * 5083 **********/ 5084GdMainIconView.content-view { 5085 -GdMainIconView-icon-size: 48; 5086} 5087 5088.documents-counter { 5089 margin: 8px; 5090 border-radius: 9999px; 5091 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 5092 background-color: #FFAC00; 5093 color: #FFFFFF; 5094 font-weight: bold; 5095} 5096 5097.documents-scrolledwin.frame { 5098 border-style: none; 5099} 5100 5101.documents-scrolledwin.frame frame.content-view > border { 5102 border-style: none; 5103} 5104 5105.photos-fade-in { 5106 opacity: 1; 5107 transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); 5108} 5109 5110.photos-fade-out { 5111 opacity: 0; 5112 transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); 5113} 5114 5115overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { 5116 border-style: none none none solid; 5117} 5118 5119overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { 5120 border-style: none solid none none; 5121} 5122 5123/********* 5124 * Music * 5125 *********/ 5126.side-panel:dir(ltr) { 5127 border-style: solid; 5128 border-color: rgba(0, 0, 0, 0.08); 5129} 5130 5131.side-panel:dir(rtl) { 5132 border-style: solid; 5133 border-color: rgba(0, 0, 0, 0.08); 5134} 5135 5136.side-panel .view { 5137 background-image: image(#F5F5F5); 5138} 5139 5140.side-panel .view:hover { 5141 background-image: image(rgba(238, 238, 238, 0.9875)); 5142} 5143 5144.side-panel .view:selected { 5145 background-image: image(#00CE99); 5146} 5147 5148.side-panel .view:selected:hover { 5149 background-image: image(#0dd09e); 5150} 5151 5152.songs-list:hover { 5153 background-image: image(alpha(currentColor, 0.05)); 5154} 5155 5156frame.documents-dropdown { 5157 margin: 8px; 5158} 5159 5160frame.documents-dropdown > border { 5161 border: none; 5162} 5163 5164box.vertical > revealer > toolbar.search-bar { 5165 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 5166 background-clip: border-box; 5167} 5168 5169box.vertical > revealer > toolbar.search-bar button > widget { 5170 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 5171} 5172 5173/************** 5174 * Gnome-Logs * 5175 **************/ 5176headerbar > button.flat.popup.title-menu-button.toggle > grid .title { 5177 margin: -3px 0; 5178 padding: 2px 4px 0; 5179 font-size: 90%; 5180} 5181 5182headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle { 5183 margin: -3px 0; 5184 padding: 0 4px 2px; 5185 font-size: 80%; 5186} 5187 5188window.background > box.vertical box.horizontal list.categories { 5189 border-radius: 0 0 0 8px; 5190} 5191 5192window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator { 5193 background-color: transparent; 5194} 5195 5196window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator { 5197 background-image: image(#fcfcfc); 5198} 5199 5200window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { 5201 background-image: image(#FFAC00); 5202 color: #FFFFFF; 5203 font-weight: 700; 5204} 5205 5206window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { 5207 background-image: image(#ededed); 5208 color: rgba(0, 0, 0, 0.75); 5209} 5210 5211window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { 5212 background-image: image(rgba(238, 238, 238, 0.9875)); 5213 color: rgba(0, 0, 0, 0.75); 5214} 5215 5216window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { 5217 background-image: image(rgba(230, 230, 230, 0.975)); 5218 color: rgba(0, 0, 0, 0.75); 5219 animation: none; 5220} 5221 5222window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { 5223 background-color: #00CE99; 5224 color: #FFFFFF; 5225} 5226 5227window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { 5228 background-image: image(#fcfcfc); 5229 background-color: #fcfcfc; 5230 color: #00CE99; 5231 transition: none; 5232 animation: none; 5233} 5234 5235window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { 5236 background-color: rgba(0, 0, 0, 0.12); 5237 color: #00CE99; 5238} 5239 5240window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus { 5241 background-color: rgba(0, 0, 0, 0.26); 5242 background-image: image(#fcfcfc); 5243} 5244 5245window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { 5246 background-image: image(#00CE99); 5247 color: #FFFFFF; 5248} 5249 5250/********************** 5251 * Gnome Tweaks * 5252 **********************/ 5253.tweak-titlebar-right > switch, 5254dialog.csd > headerbar.titlebar > switch { 5255 margin: 12px 0; 5256} 5257 5258.tweak-categories { 5259 background-image: image(#F5F5F5); 5260 border-radius: 0 0 0 8px; 5261} 5262 5263.tweak { 5264 padding: 3px; 5265} 5266 5267.tweak.title:hover { 5268 box-shadow: none; 5269} 5270 5271.tweak-group-white, 5272.tweak-white, 5273.tweak-white:hover { 5274 background-image: image(#fcfcfc); 5275} 5276 5277.tweak-startup, 5278.tweak-startup:hover { 5279 background-image: image(#fcfcfc); 5280} 5281 5282.tweak-group-startup { 5283 background-image: image(#fcfcfc); 5284 border: 1px solid rgba(0, 0, 0, 0.08); 5285} 5286 5287row#Focus, 5288row#StaticWorkspaceTweak, 5289row#dynamic-workspaces, 5290row#PrimaryWorkspaceTweak, 5291row#workspaces-only-on-primary { 5292 padding: 0; 5293 border: 1px solid rgba(0, 0, 0, 0.08); 5294} 5295 5296row#Focus row:not(:last-child), 5297row#StaticWorkspaceTweak row:not(:last-child), 5298row#dynamic-workspaces row:not(:last-child), 5299row#PrimaryWorkspaceTweak row:not(:last-child), 5300row#workspaces-only-on-primary row:not(:last-child) { 5301 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 5302} 5303 5304row#Focus.tweak > list, 5305row#StaticWorkspaceTweak.tweak > list, 5306row#dynamic-workspaces.tweak > list, 5307row#PrimaryWorkspaceTweak.tweak > list, 5308row#workspaces-only-on-primary.tweak > list { 5309 margin-top: -3px; 5310} 5311 5312row#Focus, 5313row#PrimaryWorkspaceTweak, 5314row#workspaces-only-on-primary { 5315 margin-top: 4px; 5316} 5317 5318hdyleaflet > headerbar { 5319 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08); 5320} 5321 5322window.maximized hdyleaflet > headerbar { 5323 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08); 5324} 5325 5326/************************ 5327 * Gnome Control Center * 5328 ************************/ 5329box.horizontal.titlebar > headerbar > stack > box.vertical > .title { 5330 margin: 0; 5331} 5332 5333box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { 5334 margin: -3px 0; 5335} 5336 5337dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { 5338 font-weight: 700; 5339} 5340 5341window.background.csd > stack { 5342 border-radius: 0 0 8px 8px; 5343} 5344 5345stack.background { 5346 background: none; 5347} 5348 5349window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, 5350window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar { 5351 border-right-style: none; 5352 background: none; 5353 min-width: 0; 5354} 5355 5356window.background.csd > box.horizontal > separator.sidebar, 5357window.background.csd > hdyleaflet > separator.sidebar { 5358 background: none; 5359 min-width: 0; 5360} 5361 5362.background.csd scrolledwindow.view { 5363 background-color: #fcfcfc; 5364 border-bottom-left-radius: 8px; 5365} 5366 5367.background.csd scrolledwindow.view > viewport.frame > stack { 5368 background-color: transparent; 5369} 5370 5371.background.csd scrolledwindow.view > viewport.frame > stack > list { 5372 background-color: transparent; 5373} 5374 5375.background.csd scrolledwindow.view > viewport.frame > stack > list > row.activatable:not(:hover):not(:active):not(:selected) { 5376 background-color: transparent; 5377} 5378 5379/************************ 5380 * Gnome system monitor * 5381 ************************/ 5382window#gnome-system-monitor.background.csd stack { 5383 background-color: #fcfcfc; 5384 border-radius: 0 0 8px 8px; 5385} 5386 5387window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view { 5388 background-color: transparent; 5389} 5390 5391/****************** 5392 * Gnome terminal * 5393 ******************/ 5394terminal-window > box.vertical > notebook.terminal-notebook > terminal-screen-container > box.horizontal > vte-terminal.terminal-screen { 5395 padding: 0; 5396 border-radius: 0 0 8px 8px; 5397} 5398 5399terminal-window.background.csd.maximized { 5400 border-radius: 0 0 8px 8px; 5401} 5402 5403/********* 5404 * To Do * 5405 *********/ 5406taskrow { 5407 transition: all 100ms cubic-bezier(0, 0, 0.2, 1); 5408 margin: 0 -8px; 5409} 5410 5411taskrow:hover { 5412 transition: none; 5413} 5414 5415taskrow label { 5416 margin: 0 8px; 5417} 5418 5419taskrow image { 5420 min-width: 16px; 5421} 5422 5423task-list-view > box > revealer > box > button { 5424 margin: -6px; 5425} 5426 5427/******* 5428 * eog * 5429 *******/ 5430#eog-thumb-nav scrolledwindow { 5431 border-top: none; 5432} 5433 5434#eog-thumb-nav button { 5435 -gtk-outline-radius: 6px; 5436} 5437 5438/************* 5439 * Evolution * 5440 *************/ 5441frame.taskbar > border { 5442 border-style: solid none none; 5443} 5444 5445box.vertical > paned.horizontal notebook widget .frame { 5446 border-style: none; 5447} 5448 5449/******** 5450 * gitg * 5451 ********/ 5452frame.commit-frame > border { 5453 border-style: solid none none; 5454} 5455 5456/************** 5457 * Characters * 5458 **************/ 5459box.dialog-vbox scrolledwindow.related { 5460 border: 1px solid rgba(0, 0, 0, 0.08); 5461} 5462 5463list.categories { 5464 background-image: image(#F5F5F5); 5465} 5466 5467/********* 5468 * Boxes * 5469 *********/ 5470.transparent-bg + stack overlay > label { 5471 min-height: 24px; 5472 padding: 0 4px; 5473 border-radius: 3px; 5474 background-color: rgba(0, 0, 0, 0.3); 5475 color: #FFFFFF; 5476} 5477 5478/************** 5479 * Calculator * 5480 **************/ 5481button.title label { 5482 min-height: 36px; 5483} 5484 5485/********* 5486 * Geary * 5487 *********/ 5488.documents-scrolledwin { 5489 background-color: transparent; 5490} 5491 5492.documents-scrolledwin .content-view { 5493 background-color: transparent; 5494 border-radius: 0 0 8px 8px; 5495} 5496 5497.documents-scrolledwin viewport.frame { 5498 background-color: transparent; 5499} 5500 5501.documents-scrolledwin viewport.frame widget > frame.content-view { 5502 background-color: transparent; 5503 border-radius: 0 0 8px 8px; 5504} 5505 5506.documents-scrolledwin viewport.frame widget > frame.content-view border { 5507 border: none; 5508} 5509 5510dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { 5511 border-radius: 0 0 0 8px; 5512} 5513 5514dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { 5515 border-radius: 0 0 8px 0; 5516} 5517 5518dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, 5519dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { 5520 border-radius: 0 0 8px 8px; 5521 background-color: #fcfcfc; 5522} 5523 5524dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), 5525dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { 5526 background-color: transparent; 5527} 5528 5529dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { 5530 border-radius: 0 0 8px 8px; 5531} 5532 5533dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { 5534 background-color: transparent; 5535} 5536 5537dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { 5538 background-color: transparent; 5539} 5540 5541dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { 5542 border-radius: 0 0 8px 8px; 5543} 5544 5545dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { 5546 border-radius: 0 0 8px 8px; 5547} 5548 5549.nemo-window .nemo-places-sidebar { 5550 background-color: #F5F5F5; 5551} 5552 5553.nemo-window .nemo-places-sidebar.frame { 5554 border-width: 0; 5555} 5556 5557.nemo-window .nemo-places-sidebar .places-treeview:not(:hover):not(:selected) { 5558 background-color: transparent; 5559} 5560 5561.nemo-window .nemo-window-pane widget.entry { 5562 border-radius: 3px; 5563 padding: 3px 10px; 5564 border: 2px solid #00CE99; 5565 background-color: rgba(0, 206, 153, 0.1); 5566} 5567 5568.nemo-window toolbar.primary-toolbar { 5569 transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 150ms cubic-bezier(0, 0, 0.2, 1); 5570 padding: 0 6px; 5571 box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06); 5572 background-color: #47504e; 5573 color: #FFFFFF; 5574 border: none; 5575} 5576 5577.nemo-window toolbar.primary-toolbar:backdrop { 5578 color: rgba(255, 255, 255, 0.7); 5579} 5580 5581.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button, 5582.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button { 5583 min-height: 36px; 5584 min-width: 36px; 5585 margin: 4px 2px; 5586 padding: 0 0; 5587} 5588 5589.nemo-window toolbar.primary-toolbar .linked.path-bar > button { 5590 min-height: 0; 5591 margin: 4px 0; 5592 padding: 0 10px; 5593} 5594 5595.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child { 5596 padding: 0 6px; 5597} 5598 5599.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label { 5600 padding-left: 0; 5601 padding-right: 0; 5602} 5603 5604.nemo-window .sidebar scrolledwindow.frame { 5605 border: none; 5606} 5607 5608/********* 5609 * Tilix * 5610 *********/ 5611overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { 5612 border-style: none; 5613 box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); 5614} 5615 5616overlay > revealer.left > scrolledwindow.frame { 5617 margin-right: 32px; 5618} 5619 5620overlay > revealer.right > scrolledwindow.frame { 5621 margin-left: 32px; 5622} 5623 5624.terminix-session-sidebar, 5625.tilix-session-sidebar { 5626 background-image: image(#F5F5F5); 5627} 5628 5629button.image-button.session-new-button { 5630 min-width: 32px; 5631} 5632 5633/*********** 5634 * Eclipse * 5635 ***********/ 5636window.background > box.vertical > scrolledwindow > widget toolbar { 5637 padding: 2px; 5638} 5639 5640window.background > box.vertical > scrolledwindow > widget toolbar separator, 5641window.background > box.vertical > scrolledwindow > widget toolbar button { 5642 margin: 2px; 5643} 5644 5645window.background > box.vertical > scrolledwindow > widget toolbar button { 5646 border-radius: 6px; 5647} 5648 5649/************ 5650 * Chromium * 5651 ************/ 5652window.background.chromium { 5653 background-color: #F5F5F5; 5654} 5655 5656window.background.chromium entry, 5657window.background.chromium > button:not(.suggested-action):not(.destructive-action) { 5658 border: 1px solid #cfcfcf; 5659} 5660 5661window.background.chromium > button { 5662 box-shadow: none; 5663 background-size: auto; 5664} 5665 5666window.background.chromium > button:hover { 5667 background-image: image(rgba(0, 0, 0, 0.12)); 5668} 5669 5670window.background.chromium > button:active { 5671 background-image: image(rgba(0, 0, 0, 0.26)); 5672} 5673 5674window.background.chromium headerbar button:active { 5675 background-size: 1000% 1000%; 5676} 5677 5678window.background.chromium spinner { 5679 color: #00CE99; 5680} 5681 5682window.background.chromium textview { 5683 background-color: #FFFFFF; 5684} 5685 5686tooltip.background.chromium { 5687 background-color: #fcfcfc; 5688} 5689 5690/*********** 5691 * Firefox * 5692 ***********/ 5693window.background:not(.csd) > widget > separator { 5694 color: #cfcfcf; 5695} 5696 5697window.background:not(.csd) > widget > scrollbar { 5698 background-clip: border-box; 5699} 5700 5701window.background:not(.csd) > widget > scrollbar, 5702window.background:not(.csd) > widget > frame > border { 5703 border-color: #cfcfcf; 5704} 5705 5706window.background:not(.csd) > widget > entry, 5707window.background:not(.csd) > widget > button > button { 5708 border: 1px solid #cfcfcf; 5709 border-radius: 7px; 5710 box-shadow: none; 5711} 5712 5713window.background:not(.csd) > widget > entry { 5714 min-height: 30px; 5715} 5716 5717window.background:not(.csd) > widget > entry:focus { 5718 border-color: #00CE99; 5719} 5720 5721window.background:not(.csd) > widget > button > button { 5722 padding: 4px 8px; 5723 background-size: auto; 5724} 5725 5726window.background:not(.csd) > widget > button > button:hover { 5727 background-image: image(alpha(currentColor, 0.05)); 5728} 5729 5730window.background:not(.csd) > widget > button > button:active { 5731 background-image: image(alpha(currentColor, 0.1)); 5732} 5733 5734window.background:not(.csd) > widget > checkbutton > check:not(:checked), 5735window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { 5736 color: #757575; 5737} 5738 5739window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, 5740window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, 5741window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { 5742 color: #212121; 5743} 5744 5745window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, 5746window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { 5747 color: rgba(117, 117, 117, 0.5); 5748} 5749 5750window.background:not(.csd) > menu, 5751window.background:not(.csd) > menu > menu { 5752 border-radius: 0; 5753} 5754 5755window.background:not(.csd) > window > menu, 5756window.background:not(.csd) > menu > menu { 5757 border: none; 5758} 5759 5760window.background:not(.csd) > widget > menubar { 5761 color: rgba(255, 255, 255, 0.7); 5762} 5763 5764window.background:not(.csd) > widget > menubar:hover { 5765 color: #FFFFFF; 5766} 5767 5768window.background:not(.csd) > widget > menubar:disabled { 5769 color: rgba(255, 255, 255, 0.3); 5770} 5771 5772window.background:not(.csd) > widget > frame { 5773 color: #cfcfcf; 5774} 5775 5776window.background:not(.csd) > widget > checkbutton > check, 5777window.background:not(.csd) > widget > radiobutton > radio { 5778 margin: 0; 5779 padding: 0; 5780} 5781 5782window.background:not(.csd) > window.background > menu > separator { 5783 color: gainsboro; 5784} 5785 5786#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration { 5787 border-radius: 2px 2px 0 0; 5788} 5789 5790#MozillaGtkWidget.background headerbar.titlebar { 5791 border-radius: 2px 2px 0 0; 5792 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 5793} 5794 5795/************* 5796 * RhythmBox * 5797 *************/ 5798.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { 5799 box-shadow: inset 0 1px rgba(0, 0, 0, 0.08); 5800} 5801 5802window.csd > box.vertical > box.vertical > toolbar.horizontal, 5803window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { 5804 margin: -1px 0; 5805 border-top: 1px solid rgba(0, 0, 0, 0.08); 5806 box-shadow: none; 5807 background-color: transparent; 5808} 5809 5810window.csd > box.vertical > box.vertical > toolbar.horizontal button, 5811window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button { 5812 min-height: 36px; 5813 min-width: 36px; 5814 padding: 0; 5815 margin-top: 8px; 5816 margin-bottom: 8px; 5817 border-radius: 100px; 5818 -gtk-outline-radius: 100px; 5819} 5820 5821window.csd > box.vertical > box.vertical > frame, 5822window.solid-csd > box.vertical > box.vertical > frame { 5823 margin: -1px 0; 5824 padding: 0; 5825} 5826 5827window.csd > box.vertical > box.vertical > frame > border, 5828window.solid-csd > box.vertical > box.vertical > frame > border { 5829 border: none; 5830} 5831 5832window.background > box.vertical > box.vertical > toolbar button, 5833window.background > box.vertical > box.vertical > toolbar .linked > button { 5834 min-width: 52px; 5835 min-height: 52px; 5836 padding: 0; 5837 margin: 0; 5838 border-radius: 100px; 5839 -gtk-outline-radius: 100px; 5840} 5841 5842window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised { 5843 min-width: 52px; 5844 min-height: 52px; 5845 margin: 0; 5846 padding: 0; 5847 border-radius: 100px; 5848 -gtk-outline-radius: 100px; 5849} 5850 5851window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image { 5852 padding: 0; 5853} 5854 5855window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised { 5856 min-height: 36px; 5857 min-width: 36px; 5858 padding: 0; 5859 border-radius: 100px; 5860 -gtk-outline-radius: 100px; 5861} 5862 5863window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale { 5864 min-height: 36px; 5865 min-width: 36px; 5866 padding: 0; 5867 margin-top: 12px; 5868 margin-bottom: 12px; 5869 border-radius: 100px; 5870 -gtk-outline-radius: 100px; 5871} 5872 5873/*********** 5874 * Geary * 5875 ***********/ 5876.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border { 5877 border-width: 0; 5878} 5879 5880.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) { 5881 border: none; 5882} 5883 5884.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) { 5885 border: none; 5886} 5887 5888.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left { 5889 border-radius: 0; 5890 box-shadow: none; 5891} 5892 5893.geary-titlebar-right separator, 5894.geary-titlebar-left separator { 5895 opacity: 0; 5896} 5897 5898stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame { 5899 border: none; 5900} 5901 5902window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical { 5903 border-bottom-left-radius: 8px; 5904} 5905 5906window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar { 5907 border-bottom-left-radius: 8px; 5908} 5909 5910window#GearyMainWindow.background.csd stack#conversation_viewer { 5911 border-bottom-right-radius: 8px; 5912} 5913 5914window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { 5915 background: none; 5916 border-bottom-right-radius: 8px; 5917} 5918 5919/************ 5920 * Inkscape * 5921 ************/ 5922#ToolboxCommon > #AuxToolbox #StyleSwatch { 5923 font-size: smaller; 5924} 5925 5926#ToolboxCommon > #AuxToolbox #Kludge { 5927 padding: 0; 5928} 5929 5930#ToolboxCommon > #AuxToolbox spinbutton, 5931#ToolboxCommon > #AuxToolbox entry { 5932 min-height: 32px; 5933} 5934 5935#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { 5936 min-height: 24px; 5937 min-width: 16px; 5938 padding: 4px 8px; 5939 border-radius: 6px; 5940 -gtk-outline-radius: 6px; 5941} 5942 5943#ToolboxCommon > #AuxToolbox spinbutton button { 5944 border-width: 4px; 5945} 5946 5947#ToolboxCommon > toolbar.vertical { 5948 margin-top: -4px; 5949} 5950 5951#ToolboxCommon > toolbar.vertical button { 5952 min-height: 24px; 5953 min-width: 24px; 5954 padding: 4px; 5955 border-radius: 6px; 5956 -gtk-outline-radius: 6px; 5957} 5958 5959#CanvasTable button { 5960 min-height: 16px; 5961 min-width: 16px; 5962 padding: 0; 5963} 5964 5965#CanvasTable #HorizontalScrollbar { 5966 border-top: 1px solid rgba(0, 0, 0, 0.08); 5967} 5968 5969#CanvasTable #VerticalScrollbar:dir(ltr) { 5970 border-left: 1px solid rgba(0, 0, 0, 0.08); 5971} 5972 5973#CanvasTable #VerticalScrollbar:dir(rtl) { 5974 border-right: 1px solid rgba(0, 0, 0, 0.08); 5975} 5976 5977#Canvas_and_Dock frame > border { 5978 border: none; 5979} 5980 5981#Canvas_and_Dock widget > widget > button.flat { 5982 min-height: 16px; 5983 min-width: 16px; 5984 padding: 4px; 5985} 5986 5987#Canvas_and_Dock widget > widget > box.horizontal image { 5988 padding: 4px; 5989} 5990 5991#Canvas_and_Dock box.horizontal > box.vertical > button.flat { 5992 min-height: 16px; 5993 min-width: 24px; 5994 padding: 8px 4px; 5995} 5996 5997/*********** 5998 * Synapse * 5999 ***********/ 6000box.vertical > widget > widget:selected { 6001 background-color: #00CE99; 6002} 6003 6004.xfce4-panel button, .xfce4-panel button.flat { 6005 color: rgba(255, 255, 255, 0.68); 6006 border-radius: 0; 6007 border: none; 6008 box-shadow: none; 6009 background-color: transparent; 6010} 6011 6012.xfce4-panel button:hover:not(:active):not(:checked) { 6013 color: rgba(255, 255, 255, 0.8); 6014 box-shadow: inset 0 -2px rgba(255, 172, 0, 0.5); 6015} 6016 6017.xfce4-panel button:checked, .xfce4-panel button:active { 6018 color: rgba(255, 255, 255, 0.8); 6019 box-shadow: inset 0 -2px #FFAC00; 6020} 6021 6022.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image { 6023 color: inherit; 6024} 6025 6026.XfceHeading { 6027 border: 0 none transparent; 6028 background-color: #F5F5F5; 6029 color: rgba(0, 0, 0, 0.75); 6030} 6031 6032.xfce4-panel { 6033 background-color: #272a2a; 6034 color: rgba(255, 255, 255, 0.68); 6035 font-weight: 700; 6036 text-shadow: none; 6037 -gtk-icon-shadow: none; 6038} 6039 6040.xfce4-panel, 6041.xfce4-panel frame > border { 6042 border: none; 6043} 6044 6045.xfce4-panel#XfcePanelWindow { 6046 border: none; 6047} 6048 6049.xfce4-panel button { 6050 font-weight: 700; 6051} 6052 6053.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { 6054 box-shadow: none; 6055} 6056 6057.xfce4-panel button#launcher-arrow + button.toggle:checked { 6058 color: #FFAC00; 6059 box-shadow: none; 6060} 6061 6062.xfce4-panel button#xfce4-notification-plugin { 6063 padding: 0 1px; 6064} 6065 6066.xfce4-panel menu { 6067 font-weight: 400; 6068 text-shadow: none; 6069 -gtk-icon-effect: none; 6070} 6071 6072.xfce4-panel widget.tasklist > button.toggle { 6073 font-weight: 400; 6074} 6075 6076XfdesktopIconView.view { 6077 border-radius: 2px; 6078 background: transparent; 6079 color: #FFFFFF; 6080 text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); 6081} 6082 6083XfdesktopIconView.view:active, XfdesktopIconView.view:checked { 6084 background-color: #00CE99; 6085 text-shadow: none; 6086} 6087 6088window#whiskermenu-window { 6089 background-color: #fcfcfc; 6090} 6091 6092window#whiskermenu-window > frame > border { 6093 border-radius: 0; 6094} 6095 6096window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) { 6097 border-radius: 3px; 6098} 6099 6100window#whiskermenu-window scrolledwindow > viewport button.radio:hover { 6101 background-color: rgba(0, 0, 0, 0.12); 6102} 6103 6104window#whiskermenu-window scrolledwindow > viewport button.radio:checked { 6105 background-color: #00CE99; 6106 color: #FFFFFF; 6107} 6108 6109window#whiskermenu-window scrolledwindow treeview.view:selected:hover { 6110 background-color: alpha(currentColor, 0.05); 6111 color: rgba(0, 0, 0, 0.75); 6112} 6113 6114window.thunar toolbar#location-toolbar { 6115 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 6116} 6117 6118window.thunar toolbar#location-toolbar entry { 6119 min-height: 0; 6120} 6121 6122window.thunar notebook stack > scrolledwindow.frame.standard-view { 6123 border-top-width: 0; 6124 border-right-width: 0; 6125} 6126 6127window.thunar notebook header.top tab.reorderable-page > box > label { 6128 min-height: 0; 6129} 6130 6131/********* 6132 * Unity * 6133 *********/ 6134UnityDecoration { 6135 -UnityDecoration-extents: 28px 0 0 0; 6136 -UnityDecoration-input-extents: 8px; 6137 -UnityDecoration-shadow-offset-x: 0; 6138 -UnityDecoration-shadow-offset-y: 3px; 6139 -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); 6140 -UnityDecoration-active-shadow-radius: 18px; 6141 -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); 6142 -UnityDecoration-inactive-shadow-radius: 6px; 6143 -UnityDecoration-glow-size: 8px; 6144 -UnityDecoration-glow-color: #00CE99; 6145 -UnityDecoration-title-indent: 4px; 6146 -UnityDecoration-title-fade: 32px; 6147 -UnityDecoration-title-alignment: 0.0; 6148} 6149 6150UnityDecoration .top { 6151 padding: 0 2px; 6152 border-style: none; 6153 border-radius: 8px 8px 0 0; 6154 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 6155 background-color: rgba(39, 42, 42, 0.85); 6156 color: rgba(255, 255, 255, 0.68); 6157} 6158 6159UnityDecoration .top:backdrop { 6160 color: rgba(255, 255, 255, 0.5); 6161} 6162 6163UnityDecoration .menuitem { 6164 color: rgba(255, 255, 255, 0.68); 6165} 6166 6167UnityDecoration .menuitem:hover { 6168 box-shadow: inset 0 -2px #00CE99; 6169 background-color: transparent; 6170 color: rgba(255, 255, 255, 0.8); 6171} 6172 6173UnityPanelWidget, 6174.unity-panel { 6175 background-color: #272a2a; 6176 color: rgba(255, 255, 255, 0.68); 6177} 6178 6179UnityPanelWidget:backdrop, 6180.unity-panel:backdrop { 6181 color: rgba(255, 255, 255, 0.5); 6182} 6183 6184.unity-panel.menuitem, 6185.unity-panel .menuitem { 6186 color: rgba(255, 255, 255, 0.7); 6187} 6188 6189.unity-panel.menubar.menuitem:hover, 6190.unity-panel.menubar .menuitem *:hover { 6191 box-shadow: inset 0 -2px #00CE99; 6192 background-color: transparent; 6193 color: rgba(255, 255, 255, 0.8); 6194} 6195 6196.menu IdoPlaybackMenuItem.menuitem:active { 6197 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 6198 animation: spin 1s linear infinite; 6199 color: #00CE99; 6200} 6201 6202/************** 6203 * Mate-Panel * 6204 **************/ 6205.mate-panel-menu-bar menubar, 6206#PanelApplet-window-menu-applet-button { 6207 background-color: transparent; 6208} 6209 6210.mate-panel-menu-bar { 6211 background-color: #272a2a; 6212 font-weight: 500; 6213} 6214 6215.mate-panel-menu-bar:not(.popup) { 6216 color: rgba(255, 255, 255, 0.68); 6217} 6218 6219.mate-panel-menu-bar button { 6220 min-height: 16px; 6221 min-width: 16px; 6222 padding: 0; 6223 border-radius: 0; 6224} 6225 6226PanelToplevel.horizontal > grid > button { 6227 min-width: 24px; 6228} 6229 6230PanelToplevel.vertical > grid > button { 6231 min-height: 24px; 6232} 6233 6234PanelSeparator { 6235 color: rgba(0, 0, 0, 0.12); 6236} 6237 6238MatePanelAppletFrameDBus { 6239 border-style: solid; 6240 border-color: transparent; 6241} 6242 6243.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { 6244 border-width: 0 1px; 6245} 6246 6247.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { 6248 border-width: 1px 0; 6249} 6250 6251.mate-panel-menu-bar menubar > menuitem { 6252 color: rgba(255, 255, 255, 0.68); 6253} 6254 6255.mate-panel-menu-bar menubar > menuitem:hover { 6256 background-color: rgba(255, 255, 255, 0.12); 6257 color: rgba(255, 255, 255, 0.8); 6258} 6259 6260.mate-panel-menu-bar menubar > menuitem:disabled { 6261 color: rgba(255, 255, 255, 0.5); 6262} 6263 6264.mate-panel-menu-bar.horizontal menubar > menuitem { 6265 padding: 0 8px; 6266} 6267 6268.mate-panel-menu-bar.vertical menubar > menuitem { 6269 padding: 8px 0; 6270} 6271 6272.mate-panel-menu-bar menubar menu > menuitem { 6273 min-height: 28px; 6274 padding: 0 6px; 6275} 6276 6277.mate-panel-menu-bar #PanelApplet button { 6278 -GtkWidget-window-dragging: true; 6279} 6280 6281.mate-panel-menu-bar #tasklist-button { 6282 color: rgba(255, 255, 255, 0.7); 6283 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px; 6284} 6285 6286.mate-panel-menu-bar #tasklist-button:checked { 6287 color: #FFFFFF; 6288 background-color: rgba(255, 255, 255, 0.12); 6289 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px; 6290} 6291 6292.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) { 6293 padding-left: 4px; 6294} 6295 6296.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) { 6297 padding-right: 4px; 6298} 6299 6300.mate-panel-menu-bar.vertical #tasklist-button { 6301 min-height: 32px; 6302} 6303 6304.mate-panel-menu-bar.horizontal #showdesktop-button image { 6305 min-width: 24px; 6306 padding: 0 4px; 6307} 6308 6309.mate-panel-menu-bar.vertical #showdesktop-button image { 6310 min-height: 24px; 6311 padding: 4px 0; 6312} 6313 6314PanelApplet.wnck-applet .wnck-pager { 6315 background-color: transparent; 6316 color: #00CF88; 6317} 6318 6319PanelApplet.wnck-applet .wnck-pager:hover { 6320 background-color: rgba(255, 255, 255, 0.12); 6321} 6322 6323PanelApplet.wnck-applet .wnck-pager:active { 6324 background-color: rgba(255, 255, 255, 0.3); 6325} 6326 6327PanelApplet.wnck-applet .wnck-pager:selected { 6328 background-color: #00CE99; 6329} 6330 6331#clock-applet-button { 6332 color: rgba(255, 255, 255, 0.68); 6333} 6334 6335.mate-panel-menu-bar.horizontal #clock-applet-button label { 6336 padding: 0 8px; 6337} 6338 6339.mate-panel-menu-bar.vertical #clock-applet-button label { 6340 padding: 8px 0; 6341} 6342 6343#MatePanelPopupWindow { 6344 border: 1px solid rgba(0, 0, 0, 0.08); 6345 border-radius: 4px; 6346 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); 6347} 6348 6349#MatePanelPopupWindow frame > border { 6350 border-style: none; 6351} 6352 6353#MatePanelPopupWindow button { 6354 padding: 4px 16px; 6355} 6356 6357#MatePanelPopupWindow ClockMap { 6358 border: 1px solid rgba(0, 0, 0, 0.08); 6359} 6360 6361#MatePanelPopupWindow widget { 6362 color: rgba(0, 0, 0, 0.08); 6363} 6364 6365na-tray-applet { 6366 -NaTrayApplet-icon-padding: 3px; 6367 -NaTrayApplet-icon-size: 16; 6368} 6369 6370.mate-panel-menu-bar { 6371 -PanelMenuBar-icon-visible: true; 6372} 6373 6374.mate-panel-applet-slider { 6375 border: 1px solid rgba(0, 0, 0, 0.08); 6376 border-radius: 4px; 6377 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); 6378 background-color: #F5F5F5; 6379} 6380 6381.mate-panel-applet-slider frame > border { 6382 border-style: none; 6383} 6384 6385#PanelApplet:not(:selected) > box { 6386 transition: all 100ms cubic-bezier(0, 0, 0.2, 1); 6387} 6388 6389#PanelApplet:selected > box { 6390 background-color: rgba(255, 255, 255, 0.12); 6391 color: #FFFFFF; 6392} 6393 6394#mate-menu { 6395 border: 1px solid rgba(0, 0, 0, 0.08); 6396} 6397 6398#mate-menu button { 6399 min-height: 24px; 6400 min-width: 24px; 6401 padding: 4px 0; 6402 color: rgba(0, 0, 0, 0.75); 6403 font-weight: normal; 6404} 6405 6406#mate-menu button label:not(:first-child) { 6407 color: rgba(0, 0, 0, 0.54); 6408} 6409 6410#mate-menu entry { 6411 margin: 0 0 8px; 6412} 6413 6414#mate-menu entry image { 6415 margin: 0; 6416} 6417 6418#mate-menu entry + button { 6419 margin: 0 4px 8px; 6420 padding: 6px; 6421} 6422 6423/********************* 6424 * CAJA File manager * 6425 *********************/ 6426.caja-navigation-window button.toggle.image-button { 6427 border-radius: 3px; 6428} 6429 6430.caja-pathbar button { 6431 margin: 0 -1px 0 -2px; 6432} 6433 6434.caja-pathbar button > widget { 6435 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 6436 -GtkArrow-arrow-scaling: 1; 6437} 6438 6439.caja-side-pane notebook viewport.frame, 6440.caja-side-pane notebook widget .vertical { 6441 background-color: #fcfcfc; 6442} 6443 6444.caja-side-pane notebook, 6445.caja-notebook { 6446 border-top: 1px solid rgba(0, 0, 0, 0.08); 6447} 6448 6449.caja-side-pane notebook .frame, 6450.caja-notebook .frame { 6451 border-style: none; 6452} 6453 6454.caja-navigation-window statusbar { 6455 margin: 0 -10px; 6456 padding: 0 4px; 6457 border-top: 1px solid rgba(0, 0, 0, 0.08); 6458} 6459 6460.caja-notebook frame > border { 6461 border-style: none; 6462} 6463 6464#caja-extra-view-widget { 6465 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 6466 background-color: #F5F5F5; 6467} 6468 6469#caja-extra-view-widget > box > box > label { 6470 font-weight: bold; 6471} 6472 6473/********* 6474 * Pluma * 6475 *********/ 6476.pluma-window statusbar { 6477 margin: 0 -10px; 6478 padding: 0 4px; 6479 border-top: 1px solid rgba(0, 0, 0, 0.08); 6480} 6481 6482.pluma-window statusbar frame > border { 6483 border-style: none; 6484} 6485 6486.pluma-window statusbar frame button.flat { 6487 padding: 0 4px; 6488 border-radius: 0; 6489} 6490 6491.pluma-window statusbar frame button.flat widget { 6492 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 6493 -GtkArrow-arrow-scaling: 1; 6494} 6495 6496.pluma-print-preview toolbar { 6497 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 6498} 6499 6500.pluma-window paned.horizontal box.vertical box.horizontal button.flat { 6501 margin: 1px; 6502} 6503 6504.pluma-window paned.horizontal box.vertical .frame { 6505 border-style: none; 6506} 6507 6508.pluma-window paned.horizontal box.vertical notebook.frame { 6509 margin-top: -1px; 6510 border-top: 1px solid rgba(0, 0, 0, 0.08); 6511} 6512 6513.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { 6514 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 6515} 6516 6517/********* 6518 * Atril * 6519 *********/ 6520.atril-window paned.horizontal box.vertical .frame { 6521 border-style: none; 6522} 6523 6524.atril-window paned.horizontal box.vertical notebook .frame { 6525 border-top: 1px solid rgba(0, 0, 0, 0.08); 6526} 6527 6528/* mate-screensaver lock dialog */ 6529.lock-dialog { 6530 border-radius: 3px; 6531 box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); 6532} 6533 6534.lock-dialog frame > border { 6535 border-style: none; 6536} 6537 6538/****************** 6539 * Budgie Desktop * 6540 ******************/ 6541box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button { 6542 color: rgba(0, 0, 0, 0.54); 6543 background-color: transparent; 6544 box-shadow: none; 6545} 6546 6547box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover { 6548 color: rgba(0, 0, 0, 0.75); 6549 background-color: rgba(0, 0, 0, 0.1); 6550 box-shadow: none; 6551} 6552 6553box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled { 6554 color: rgba(0, 0, 0, 0.38); 6555 background-color: transparent; 6556} 6557 6558box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked { 6559 background-color: rgba(0, 0, 0, 0.15); 6560 color: rgba(0, 0, 0, 0.75); 6561 box-shadow: none; 6562} 6563 6564box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active { 6565 background-color: rgba(0, 0, 0, 0.12); 6566 color: rgba(0, 0, 0, 0.75); 6567 box-shadow: none; 6568} 6569 6570box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled { 6571 background-color: rgba(0, 0, 0, 0.08); 6572 color: rgba(0, 0, 0, 0.65); 6573 box-shadow: none; 6574} 6575 6576.budgie-container { 6577 background-color: transparent; 6578} 6579 6580.budgie-settings-window buttonbox.inline-toolbar { 6581 border-style: none none solid; 6582 padding: 0 2px; 6583 margin: 0; 6584} 6585 6586.budgie-settings-window buttonbox.inline-toolbar button { 6587 margin: 4px 2px; 6588 min-height: 16px; 6589 border-radius: 6px; 6590 -gtk-outline-radius: 6px; 6591} 6592 6593.budgie-settings-window list.sidebar { 6594 border-radius: 0 0 0 8px; 6595} 6596 6597.budgie-popover { 6598 border-color: rgba(245, 245, 245, 0.95); 6599 border-radius: 4px; 6600 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15); 6601 background-color: rgba(245, 245, 245, 0.95); 6602} 6603 6604.budgie-popover frame.container { 6605 padding: 2px; 6606} 6607 6608.budgie-popover frame.container > box.vertical > grid.horizontal label { 6609 padding-left: 6px; 6610} 6611 6612.budgie-popover border { 6613 border: none; 6614} 6615 6616.budgie-popover list { 6617 background-color: transparent; 6618} 6619 6620.budgie-popover row { 6621 padding: 0; 6622} 6623 6624.budgie-popover row:hover { 6625 box-shadow: none; 6626} 6627 6628.budgie-popover switch { 6629 margin-left: 56px; 6630 margin-right: 6px; 6631} 6632 6633.budgie-popover button:checked { 6634 color: white; 6635 background-color: #00CE99; 6636} 6637 6638.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child { 6639 border-radius: 0; 6640} 6641 6642.budgie-popover .linked:not(.vertical) > combobox > box > button.combo { 6643 border-radius: 0; 6644} 6645 6646.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo { 6647 border-radius: 0; 6648} 6649 6650.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo { 6651 border-radius: 0; 6652} 6653 6654.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo { 6655 border-radius: 0; 6656} 6657 6658.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { 6659 min-height: 28px; 6660 padding: 0 8px; 6661 color: rgba(0, 0, 0, 0.75); 6662 font-weight: normal; 6663} 6664 6665.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { 6666 color: rgba(0, 0, 0, 0.38); 6667} 6668 6669.budgie-popover.budgie-menu .container { 6670 padding: 0; 6671} 6672 6673.budgie-popover.user-menu .container { 6674 padding: 8px; 6675} 6676 6677.budgie-popover.user-menu separator { 6678 margin: 4px 0; 6679} 6680 6681.budgie-popover.sound-popover separator { 6682 margin: 3px 0; 6683} 6684 6685.budgie-popover.night-light-indicator .container { 6686 padding: 8px; 6687} 6688 6689.budgie-popover.places-menu .container { 6690 padding: 8px; 6691} 6692 6693.budgie-popover.places-menu .places-list:not(.always-expand) { 6694 margin-top: 4px; 6695 padding-top: 4px; 6696 border-top: 1px solid rgba(0, 0, 0, 0.08); 6697} 6698 6699.budgie-popover.places-menu .alternative-label { 6700 padding: 3px; 6701 font-size: 15px; 6702} 6703 6704.budgie-popover.workspace-popover .container { 6705 padding: 2px 8px 8px; 6706} 6707 6708.budgie-popover.workspace-popover separator { 6709 margin: 4px 0; 6710} 6711 6712.budgie-popover.workspace-popover flowboxchild { 6713 padding: 0; 6714} 6715 6716window.budgie-popover:not(.csd) > frame.container { 6717 margin: 0 -1px -1px; 6718} 6719 6720.bottom window.budgie-popover:not(.csd) > frame.container { 6721 padding: 2px 0 2px; 6722} 6723 6724window.budgie-popover:not(.csd) > frame.container, window.budgie-popover:not(.csd) > frame.container > border { 6725 border-style: none; 6726} 6727 6728.workspace-switcher .workspace-layout { 6729 border: 0 solid rgba(255, 255, 255, 0.12); 6730} 6731 6732.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { 6733 border-left-width: 1px; 6734} 6735 6736.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { 6737 border-right-width: 1px; 6738} 6739 6740.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { 6741 border-top-width: 1px; 6742} 6743 6744.workspace-switcher .workspace-item, 6745.workspace-switcher .workspace-add-button { 6746 border: 0 solid rgba(255, 255, 255, 0.12); 6747} 6748 6749.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { 6750 border-right-width: 1px; 6751} 6752 6753.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { 6754 border-left-width: 1px; 6755} 6756 6757.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { 6758 border-bottom-width: 1px; 6759} 6760 6761.workspace-switcher .workspace-item { 6762 transition: all 100ms cubic-bezier(0, 0, 0.2, 1); 6763} 6764 6765.workspace-switcher .workspace-item.current-workspace { 6766 background-color: rgba(255, 255, 255, 0.12); 6767} 6768 6769.workspace-switcher .workspace-add-button:hover { 6770 box-shadow: none; 6771} 6772 6773.workspace-switcher .workspace-add-button:active { 6774 background-image: none; 6775} 6776 6777.workspace-switcher .workspace-add-button:active image { 6778 margin: 1px 0 -1px; 6779} 6780 6781.budgie-panel .workspace-switcher .workspace-icon-button { 6782 min-height: 24px; 6783 min-width: 24px; 6784 padding: 0; 6785 border-radius: 6px; 6786} 6787 6788.budgie-menu.background { 6789 padding: 0; 6790 background-color: #fcfcfc; 6791} 6792 6793.budgie-menu scrollbar, 6794.budgie-menu entry.search { 6795 background-color: transparent; 6796} 6797 6798.budgie-menu entry.search { 6799 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 6800 border-radius: 0; 6801 box-shadow: none; 6802 font-size: 120%; 6803} 6804 6805.budgie-menu .categories:dir(ltr) { 6806 border-bottom-left-radius: 3px; 6807} 6808 6809.budgie-menu .categories:dir(rtl) { 6810 border-bottom-right-radius: 3px; 6811} 6812 6813.budgie-menu button { 6814 min-height: 32px; 6815 padding: 0 8px; 6816 border-radius: 0; 6817 color: rgba(0, 0, 0, 0.75); 6818 font-weight: normal; 6819} 6820 6821.budgie-menu button:disabled { 6822 color: rgba(0, 0, 0, 0.38); 6823} 6824 6825.budgie-menu button:checked:disabled { 6826 background-color: #00CE99; 6827} 6828 6829.budgie-menu row { 6830 padding: 0; 6831} 6832 6833.budgie-menu row:hover { 6834 box-shadow: none; 6835} 6836 6837popover.background.user-menu { 6838 padding: 8px; 6839} 6840 6841popover.background.user-menu .content-box { 6842 background-color: transparent; 6843} 6844 6845popover.background.user-menu separator { 6846 margin: 4px 0; 6847} 6848 6849popover.background.user-menu row { 6850 padding: 0; 6851 box-shadow: none; 6852 background-image: none; 6853} 6854 6855popover.background.places-menu { 6856 padding: 8px; 6857} 6858 6859popover.background.places-menu .name-button.text-button { 6860 padding-left: 8px; 6861 padding-right: 8px; 6862} 6863 6864popover.background.places-menu .name-button.text-button image:dir(ltr) { 6865 margin-right: 3px; 6866} 6867 6868popover.background.places-menu .name-button.text-button image:dir(rtl) { 6869 margin-left: 3px; 6870} 6871 6872popover.background.places-menu .places-section-header > image:dir(ltr) { 6873 margin: 0 -2px 0 5px; 6874} 6875 6876popover.background.places-menu .places-section-header > image:dir(rtl) { 6877 margin: 0 5px 0 -2px; 6878} 6879 6880popover.background.places-menu .places-list { 6881 margin-top: 4px; 6882 padding-top: 4px; 6883 border-top: 1px solid rgba(0, 0, 0, 0.08); 6884 background-color: transparent; 6885} 6886 6887popover.background.places-menu row { 6888 padding: 0; 6889 box-shadow: none; 6890 background-image: none; 6891} 6892 6893.budgie-panel { 6894 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1); 6895 background-color: #272a2a; 6896 color: rgba(255, 255, 255, 0.68); 6897 font-weight: 500; 6898} 6899 6900.budgie-panel.transparent { 6901 background-color: rgba(39, 42, 42, 0.85); 6902} 6903 6904.bottom .budgie-panel { 6905 border-radius: 8px 8px 0 0; 6906} 6907 6908.bottom .budgie-panel.dock-mode { 6909 border-radius: 0 0 0 0; 6910} 6911 6912.budgie-panel button { 6913 min-height: 16px; 6914 min-width: 16px; 6915 padding: 0; 6916 border-radius: 0; 6917 color: rgba(255, 255, 255, 0.68); 6918} 6919 6920.budgie-panel button:hover { 6921 color: rgba(255, 255, 255, 0.8); 6922} 6923 6924.budgie-panel button:checked { 6925 background-color: rgba(255, 255, 255, 0.12); 6926 color: rgba(255, 255, 255, 0.8); 6927} 6928 6929.budgie-panel.horizontal button { 6930 padding: 0 4px; 6931} 6932 6933.budgie-panel.vertical button { 6934 padding: 4px 0; 6935} 6936 6937.budgie-panel separator { 6938 background-color: rgba(255, 255, 255, 0.3); 6939} 6940 6941.budgie-panel menubar > menuitem, 6942.budgie-panel .menubar > menuitem { 6943 color: rgba(255, 255, 255, 0.68); 6944} 6945 6946.budgie-panel menubar > menuitem:hover, 6947.budgie-panel .menubar > menuitem:hover { 6948 color: rgba(255, 255, 255, 0.8); 6949} 6950 6951.budgie-panel menubar > menuitem:disabled, 6952.budgie-panel .menubar > menuitem:disabled { 6953 color: rgba(255, 255, 255, 0.3); 6954} 6955 6956.budgie-panel menubar > menuitem > window.background.popup > decoration, 6957.budgie-panel menubar > menuitem > window.background.popup > menu, 6958.budgie-panel .menubar > menuitem > window.background.popup > decoration, 6959.budgie-panel .menubar > menuitem > window.background.popup > menu { 6960 border-radius: 0 0 6px 6px; 6961} 6962 6963.budgie-panel .alert { 6964 color: #66BB6A; 6965} 6966 6967.budgie-panel #tasklist-button { 6968 padding: 0 4px; 6969} 6970 6971.budgie-panel.vertical #tasklist-button { 6972 min-height: 32px; 6973} 6974 6975.budgie-panel button.flat.launcher { 6976 padding: 0; 6977} 6978 6979.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active { 6980 background-color: rgba(255, 255, 255, 0.15); 6981 color: rgba(255, 255, 255, 0.8); 6982 transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1); 6983} 6984 6985.budgie-panel button.flat.launcher:not(:checked) { 6986 color: rgba(255, 255, 255, 0.5); 6987} 6988 6989.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { 6990 color: rgba(255, 255, 255, 0.68); 6991} 6992 6993.budgie-panel button.flat.launcher:not(:checked):disabled { 6994 color: rgba(255, 255, 255, 0.3); 6995} 6996 6997.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { 6998 border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; 6999} 7000 7001.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { 7002 border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 3 0 0 0/3px 0 0 0; 7003} 7004 7005.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { 7006 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; 7007} 7008 7009.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { 7010 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 3 0/0 0 3px 0; 7011} 7012 7013.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { 7014 border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; 7015} 7016 7017.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { 7018 border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 3/0 0 0 3px; 7019} 7020 7021.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { 7022 border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; 7023} 7024 7025.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { 7026 border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 3 0 0/0 3px 0 0; 7027} 7028 7029 7030button.flat.launcher { 7031 min-width: 16px; 7032 min-height: 16px; 7033 padding: 0; 7034 border-radius: 0; 7035 background-position: center center; 7036} 7037 7038 7039button.flat.launcher > image { 7040 opacity: 0.87; 7041} 7042 7043 7044button.flat.launcher:hover { 7045 -gtk-icon-effect: highlight; 7046} 7047 7048 7049button.flat.launcher:hover > image { 7050 opacity: 1.0; 7051} 7052 7053 7054button.flat.launcher:active > image { 7055 opacity: 1.0; 7056} 7057 7058 7059button.flat.launcher:checked { 7060 background-color: transparent; 7061} 7062 7063 7064button.flat.launcher:checked:hover { 7065 -gtk-icon-effect: highlight; 7066} 7067 7068 7069button.flat.launcher:checked > image { 7070 opacity: 1.0; 7071} 7072 7073 7074.unpinned button.flat.launcher:hover, 7075.pinned button.flat.launcher.running:hover, 7076.pinned button.launcher.running.sidebar-button:hover { 7077 -gtk-icon-effect: highlight; 7078} 7079 7080 7081.unpinned button.flat.launcher > image, 7082.pinned button.flat.launcher.running > image, 7083.pinned button.launcher.running.sidebar-button > image { 7084 background-repeat: no-repeat; 7085 opacity: 1.0; 7086} 7087 7088 7089.unpinned button.flat.launcher:checked > image, 7090.pinned button.flat.launcher.running:checked > image, 7091.pinned button.launcher.running.sidebar-button:checked > image { 7092 background-image: none; 7093} 7094 7095.top .budgie-panel .unpinned button.flat.launcher > image, 7096.top .budgie-panel .pinned button.flat.launcher.running > image, 7097.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { 7098 background-image: image(#FFAC00); 7099 background-size: 6px 3px; 7100 background-position: top center; 7101} 7102 7103.top .budgie-panel .unpinned button.flat.launcher:checked, 7104.top .budgie-panel .pinned button.flat.launcher.running:checked, 7105.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked { 7106 background-color: rgba(255, 255, 255, 0.15); 7107 color: rgba(255, 255, 255, 0.8); 7108} 7109 7110.top .budgie-panel .unpinned button.flat.launcher:checked:hover, 7111.top .budgie-panel .pinned button.flat.launcher.running:checked:hover, 7112.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { 7113 transition: none; 7114} 7115 7116.top .budgie-panel .unpinned button.flat.launcher:checked > image, 7117.top .budgie-panel .pinned button.flat.launcher.running:checked > image, 7118.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { 7119 background-image: none; 7120} 7121 7122.bottom .budgie-panel .unpinned button.flat.launcher > image, 7123.bottom .budgie-panel .pinned button.flat.launcher.running > image, 7124.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { 7125 background-image: image(#FFAC00); 7126 background-size: 6px 3px; 7127 background-position: bottom center; 7128} 7129 7130.bottom .budgie-panel .unpinned button.flat.launcher:checked, 7131.bottom .budgie-panel .pinned button.flat.launcher.running:checked, 7132.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked { 7133 background-color: rgba(255, 255, 255, 0.15); 7134 color: rgba(255, 255, 255, 0.8); 7135} 7136 7137.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover, 7138.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover, 7139.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { 7140 transition: none; 7141} 7142 7143.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, 7144.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, 7145.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { 7146 background-image: none; 7147} 7148 7149.left .budgie-panel .unpinned button.flat.launcher > image, 7150.left .budgie-panel .pinned button.flat.launcher.running > image, 7151.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { 7152 background-image: image(#FFAC00); 7153 background-size: 3px 6px; 7154 background-position: left center; 7155} 7156 7157.left .budgie-panel .unpinned button.flat.launcher:checked, 7158.left .budgie-panel .pinned button.flat.launcher.running:checked, 7159.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked { 7160 background-color: rgba(255, 255, 255, 0.15); 7161 color: rgba(255, 255, 255, 0.8); 7162} 7163 7164.left .budgie-panel .unpinned button.flat.launcher:checked:hover, 7165.left .budgie-panel .pinned button.flat.launcher.running:checked:hover, 7166.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { 7167 transition: none; 7168} 7169 7170.left .budgie-panel .unpinned button.flat.launcher:checked > image, 7171.left .budgie-panel .pinned button.flat.launcher.running:checked > image, 7172.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { 7173 background-image: none; 7174} 7175 7176.right .budgie-panel .unpinned button.flat.launcher > image, 7177.right .budgie-panel .pinned button.flat.launcher.running > image, 7178.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { 7179 background-image: image(#FFAC00); 7180 background-size: 3px 6px; 7181 background-position: right center; 7182} 7183 7184.right .budgie-panel .unpinned button.flat.launcher:checked, 7185.right .budgie-panel .pinned button.flat.launcher.running:checked, 7186.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked { 7187 background-color: rgba(255, 255, 255, 0.15); 7188 color: rgba(255, 255, 255, 0.8); 7189} 7190 7191.right .budgie-panel .unpinned button.flat.launcher:checked:hover, 7192.right .budgie-panel .pinned button.flat.launcher.running:checked:hover, 7193.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover { 7194 transition: none; 7195} 7196 7197.right .budgie-panel .unpinned button.flat.launcher:checked > image, 7198.right .budgie-panel .pinned button.flat.launcher.running:checked > image, 7199.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { 7200 background-image: none; 7201} 7202 7203box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked { 7204 border-image: none; 7205} 7206 7207widget.icon-tasklist > box:drop(active), 7208box.pinned:drop(active) { 7209 border: none; 7210 border-radius: 0; 7211 background-color: rgba(255, 167, 38, 0.2); 7212 box-shadow: inset 0 0 0 1px #FFA726; 7213} 7214 7215*:drop(active):focus, 7216*:drop(active) { 7217 box-shadow: inset 0 0 0 1px #FFA726; 7218} 7219 7220frame.raven-frame > border { 7221 border-style: none; 7222 box-shadow: none; 7223} 7224 7225.top .shadow-block { 7226 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); 7227} 7228 7229.left .shadow-block { 7230 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); 7231} 7232 7233.right .shadow-block { 7234 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); 7235} 7236 7237.raven { 7238 background-color: rgba(245, 245, 245, 0.95); 7239} 7240 7241.raven > box { 7242 margin-bottom: -10px; 7243} 7244 7245.raven > stack { 7246 margin-bottom: -10px; 7247} 7248 7249.raven stackswitcher.linked > button { 7250 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px; 7251 border-radius: 0; 7252} 7253 7254.raven stackswitcher.linked > button:checked { 7255 border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px; 7256 background-color: transparent; 7257} 7258 7259.raven .raven-header { 7260 min-height: 36px; 7261 padding: 3px; 7262} 7263 7264.raven .raven-header:not(.top) { 7265 margin-top: -6px; 7266} 7267 7268.raven .raven-header.top { 7269 padding: 2px 0; 7270 background-color: #fcfcfc; 7271 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 7272} 7273 7274.raven .raven-header.top stackswitcher button { 7275 margin: -6px 0; 7276 min-height: 36px; 7277} 7278 7279.raven .raven-header.top button.image-button:dir(ltr) { 7280 margin-right: 2px; 7281} 7282 7283.raven .raven-header.top button.image-button:dir(rtl) { 7284 margin-left: 2px; 7285} 7286 7287.raven .raven-header.top > image { 7288 margin: 0 8px; 7289} 7290 7291.raven .raven-header.top > label { 7292 margin: 0 -8px; 7293 font-weight: bold; 7294} 7295 7296.raven .raven-header.bottom { 7297 border-top: 1px solid rgba(0, 0, 0, 0.08); 7298} 7299 7300.raven viewport.frame .raven-header { 7301 margin-top: -8px; 7302} 7303 7304.raven .raven-background { 7305 border-style: solid none; 7306 border-width: 1px; 7307 border-color: rgba(0, 0, 0, 0.08); 7308 background-color: #fcfcfc; 7309} 7310 7311.raven .raven-background.frame { 7312 border-style: solid none; 7313} 7314 7315.raven .raven-background > overlay > widget > image { 7316 color: rgba(0, 0, 0, 0.12); 7317} 7318 7319.raven .raven-background grid > label:first-child { 7320 min-height: 36px; 7321} 7322 7323.raven scrolledwindow.raven-background { 7324 border-bottom-style: none; 7325} 7326 7327.raven .raven-header.top + .raven-background { 7328 border-style: none; 7329 background-color: #00CE99; 7330 color: #FFFFFF; 7331} 7332 7333.raven .raven-header.top + .raven-background stackswitcher button { 7334 margin: -4px 0; 7335} 7336 7337.raven .powerstrip button { 7338 margin: 2px 0 1px; 7339 padding: 9px; 7340} 7341 7342.raven .option-subtitle { 7343 font-size: smaller; 7344} 7345 7346.raven .audio-widget scale.marks-after { 7347 padding-top: 0; 7348 padding-bottom: 0; 7349} 7350 7351.raven .audio-widget scale.marks-after label { 7352 font-size: 90%; 7353 padding: 0; 7354 margin: -10px 0 0 6px; 7355} 7356 7357.raven .audio-widget button.flat.expander-button { 7358 margin-top: 4px; 7359 margin-bottom: 4px; 7360} 7361 7362.raven .audio-widget list.devices-list.sound-devices > row.activatable label { 7363 padding-left: 12px; 7364} 7365 7366calendar.raven-calendar { 7367 border-style: none; 7368 background-color: transparent; 7369} 7370 7371calendar.raven-calendar:selected { 7372 border-radius: 6px; 7373 background-color: #00CE99; 7374} 7375 7376.raven-mpris { 7377 background-color: rgba(0, 0, 0, 0.6); 7378 color: #FFFFFF; 7379} 7380 7381.raven-mpris label { 7382 min-height: 24px; 7383} 7384 7385.raven-mpris button.image-button { 7386 padding: 9px; 7387 color: rgba(255, 255, 255, 0.7); 7388} 7389 7390.raven-mpris button.image-button:hover, .raven-mpris button.image-button:active { 7391 color: #FFFFFF; 7392} 7393 7394.raven-mpris button.image-button:disabled { 7395 color: rgba(255, 255, 255, 0.3); 7396} 7397 7398.raven-mpris button.image-button:checked { 7399 background-color: rgba(255, 255, 255, 0.3); 7400 color: #FFFFFF; 7401} 7402 7403.raven-mpris button.image-button:checked:disabled { 7404 background-color: rgba(255, 255, 255, 0.12); 7405 color: rgba(255, 255, 255, 0.5); 7406} 7407 7408box.vertical > stack > box.vertical .raven-background > viewport.frame { 7409 padding: 0; 7410} 7411 7412box.vertical > stack > box.vertical .raven-background > viewport.frame list { 7413 background-color: transparent; 7414} 7415 7416box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable { 7417 margin-left: -8px; 7418 margin-right: -2px; 7419 background-color: transparent; 7420} 7421 7422box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *, 7423box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * { 7424 color: rgba(0, 0, 0, 0.75); 7425} 7426 7427box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image { 7428 padding-left: 8px; 7429} 7430 7431box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button { 7432 min-height: 32px; 7433 min-width: 32px; 7434 margin: 8px; 7435} 7436 7437box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image { 7438 padding: 0; 7439} 7440 7441box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list { 7442 border-radius: 2px; 7443 border-top: 1px solid rgba(0, 0, 0, 0.08); 7444 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 7445} 7446 7447box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable { 7448 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 7449} 7450 7451box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child { 7452 border-bottom: none; 7453} 7454 7455box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:selected { 7456 background-color: rgba(0, 0, 0, 0.06); 7457} 7458 7459box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label { 7460 padding: 0 16px; 7461} 7462 7463box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button { 7464 min-height: 24px; 7465 min-width: 24px; 7466} 7467 7468box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image { 7469 padding: 0; 7470} 7471 7472box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked { 7473 box-shadow: 0 0 100px rgba(0, 0, 0, 0.06); 7474} 7475 7476box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected { 7477 background-color: rgba(0, 206, 153, 0.75); 7478} 7479 7480box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *, 7481box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * { 7482 color: white; 7483} 7484 7485box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button { 7486 border: none; 7487} 7488 7489box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:hover { 7490 background-color: rgba(255, 255, 255, 0.25); 7491} 7492 7493box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:checked { 7494 background-color: rgba(255, 255, 255, 0.35); 7495} 7496 7497box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list { 7498 border: 1px solid rgba(255, 255, 255, 0.12); 7499} 7500 7501box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable { 7502 border-bottom: 1px solid rgba(255, 255, 255, 0.12); 7503} 7504 7505box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child { 7506 border-bottom: none; 7507} 7508 7509box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected { 7510 background-color: rgba(0, 206, 153, 0.65); 7511} 7512 7513.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { 7514 background-color: transparent; 7515} 7516 7517.budgie-notification .notification-title, .budgie-switcher .notification-title { 7518 font-size: 120%; 7519} 7520 7521.budgie-osd .budgie-osd-text { 7522 font-size: 120%; 7523} 7524 7525.drop-shadow { 7526 margin: 5px 9px; 7527 padding: 3px; 7528 border-radius: 6px; 7529 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4); 7530 background-color: rgba(245, 245, 245, 0.95); 7531} 7532 7533.drop-shadow .linked > button { 7534 border-radius: 6px; 7535} 7536 7537.budgie-run-dialog, .budgie-polkit-dialog, 7538.budgie-session-dialog { 7539 border-radius: 6px; 7540 background-color: #F5F5F5; 7541} 7542 7543.budgie-run-dialog decoration, .budgie-polkit-dialog decoration, 7544.budgie-session-dialog decoration { 7545 border-radius: 6px; 7546} 7547 7548.background.budgie-run-dialog, .background.budgie-polkit-dialog, 7549.background.budgie-session-dialog { 7550 border-radius: 6px; 7551} 7552 7553.budgie-polkit-dialog label:not(:last-child), 7554.budgie-polkit-dialog .dialog-title, 7555.budgie-session-dialog label:not(:last-child), 7556.budgie-session-dialog .dialog-title { 7557 font-size: 120%; 7558} 7559 7560.budgie-polkit-dialog .linked.horizontal > button, 7561.budgie-session-dialog .linked.horizontal > button { 7562 padding: 8px 16px; 7563 border-top: 1px solid rgba(0, 0, 0, 0.08); 7564 border-radius: 0; 7565} 7566 7567.budgie-polkit-dialog .linked.horizontal > button:first-child, 7568.budgie-session-dialog .linked.horizontal > button:first-child { 7569 border-bottom-left-radius: 6px; 7570} 7571 7572.budgie-polkit-dialog .linked.horizontal > button:last-child, 7573.budgie-session-dialog .linked.horizontal > button:last-child { 7574 border-bottom-right-radius: 6px; 7575} 7576 7577.budgie-polkit-dialog .message { 7578 color: rgba(0, 0, 0, 0.38); 7579} 7580 7581.budgie-polkit-dialog .failure { 7582 color: #FF5252; 7583} 7584 7585.budgie-run-dialog { 7586 background-color: #fcfcfc; 7587} 7588 7589.budgie-run-dialog entry.search { 7590 font-size: 120%; 7591 padding: 6px 14px; 7592 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); 7593 background-color: transparent; 7594} 7595 7596.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, 7597.budgie-run-dialog list headerbar .subtitle, 7598headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { 7599 opacity: 1; 7600} 7601 7602.budgie-run-dialog scrolledwindow { 7603 border-top: 1px solid rgba(0, 0, 0, 0.08); 7604} 7605 7606.budgie-panel box.titlebar { 7607 min-width: 16px; 7608 min-height: 16px; 7609 border-radius: 0; 7610 background: unset; 7611 box-shadow: none; 7612 border: none; 7613} 7614 7615.budgie-panel box.titlebar > widget > label { 7616 color: rgba(255, 255, 255, 0.7); 7617} 7618 7619.budgie-panel box.titlebar > button.image-button.titlebutton { 7620 min-width: 16px; 7621 min-height: 16px; 7622 padding: 0; 7623 margin: 0; 7624 background: none; 7625 box-shadow: none; 7626 border: none; 7627 color: rgba(255, 255, 255, 0.68); 7628} 7629 7630.budgie-panel box.titlebar > button.image-button.titlebutton image { 7631 border-radius: 100px; 7632 background-size: 16px 16px; 7633 background-position: center center; 7634 background-repeat: no-repeat; 7635} 7636 7637.budgie-panel box.titlebar > button.image-button.titlebutton:hover { 7638 color: rgba(255, 255, 255, 0.8); 7639} 7640 7641.budgie-panel box.titlebar > button.image-button.titlebutton:hover image { 7642 background-image: image(rgba(255, 255, 255, 0.12)); 7643} 7644 7645.budgie-panel box.titlebar > button.image-button.titlebutton:active { 7646 color: rgba(255, 255, 255, 0.8); 7647} 7648 7649.budgie-panel box.titlebar > button.image-button.titlebutton:active image { 7650 background-image: image(rgba(255, 255, 255, 0.3)); 7651} 7652 7653.budgie-panel box.titlebar > button.image-button.titlebutton.close { 7654 padding: 0; 7655 margin: 0; 7656 box-shadow: none; 7657} 7658 7659.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover { 7660 color: rgba(255, 255, 255, 0.8); 7661} 7662 7663.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image { 7664 background-image: image(#FFAC00); 7665} 7666 7667.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image { 7668 background-image: image(#e69b00); 7669} 7670 7671.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image { 7672 opacity: 0; 7673} 7674 7675.budgie-panel box.titlebar.horizontal { 7676 padding: 0 3px; 7677} 7678 7679.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { 7680 padding-right: 3px; 7681} 7682 7683.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { 7684 padding-left: 3px; 7685} 7686 7687.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { 7688 padding: 0 3px; 7689} 7690 7691menubar.-vala-panel-appmenu-private { 7692 background: none; 7693} 7694 7695menubar.-vala-panel-appmenu-private > menuitem { 7696 color: rgba(255, 255, 255, 0.68); 7697} 7698 7699menubar.-vala-panel-appmenu-private > menuitem:hover { 7700 color: rgba(255, 255, 255, 0.8); 7701} 7702 7703menubar.-vala-panel-appmenu-private > menuitem:disabled { 7704 color: rgba(255, 255, 255, 0.3); 7705} 7706 7707menubar.-vala-panel-appmenu-private > menuitem > window.background.popup > decoration, 7708menubar.-vala-panel-appmenu-private > menuitem > window.background.popup > menu { 7709 border-radius: 0 0 6px 6px; 7710} 7711 7712/************************ 7713 * LightDM GTK+ Greeter * 7714 ************************/ 7715#panel_window { 7716 background-color: rgba(59, 67, 66, 0.85); 7717 color: rgba(255, 255, 255, 0.68); 7718} 7719 7720#panel_window menubar, 7721#panel_window separator { 7722 background-color: transparent; 7723} 7724 7725#panel_window separator { 7726 padding: 0 4px; 7727} 7728 7729#panel_window separator:first-child { 7730 padding: 0 8px; 7731} 7732 7733#panel_window menubar > menuitem { 7734 color: rgba(255, 255, 255, 0.68); 7735} 7736 7737#panel_window menubar > menuitem:hover { 7738 color: rgba(255, 255, 255, 0.8); 7739} 7740 7741#panel_window menubar > menuitem:disabled label { 7742 color: rgba(255, 255, 255, 0.3); 7743} 7744 7745#login_window, 7746#shutdown_dialog, 7747#restart_dialog { 7748 margin: 8px; 7749 border-radius: 6px; 7750 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4); 7751 background-color: #F5F5F5; 7752} 7753 7754#content_frame { 7755 padding-bottom: 20px; 7756 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 7757} 7758 7759#buttonbox_frame { 7760 padding-top: 24px; 7761} 7762 7763#buttonbox_frame button { 7764 margin: -16px; 7765} 7766 7767#greeter_infobar { 7768 margin-top: -1px; 7769} 7770 7771/* GTK NAMED COLORS 7772 ---------------- 7773 use responsibly! */ 7774/* 7775widget text/foreground color */ 7776@define-color theme_fg_color rgba(0, 0, 0, 0.75); 7777/* 7778text color for entries, views and content in general */ 7779@define-color theme_text_color rgba(0, 0, 0, 0.75); 7780/* 7781widget base background color */ 7782@define-color theme_bg_color #F5F5F5; 7783/* 7784text widgets and the like base background color */ 7785@define-color theme_base_color #fcfcfc; 7786/* 7787base background color of selections */ 7788@define-color theme_selected_bg_color #00CE99; 7789/* 7790text/foreground color of selections */ 7791@define-color theme_selected_fg_color #FFFFFF; 7792/* 7793base background color of insensitive widgets */ 7794@define-color insensitive_bg_color #F5F5F5; 7795/* 7796text foreground color of insensitive widgets */ 7797@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); 7798/* 7799insensitive text widgets and the like base background color */ 7800@define-color insensitive_base_color #FAFAFA; 7801/* 7802widget text/foreground color on backdrop windows */ 7803@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.75); 7804/* 7805text color for entries, views and content in general on backdrop windows */ 7806@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.75); 7807/* 7808widget base background color on backdrop windows */ 7809@define-color theme_unfocused_bg_color #F5F5F5; 7810/* 7811text widgets and the like base background color on backdrop windows */ 7812@define-color theme_unfocused_base_color #fcfcfc; 7813/* 7814base background color of selections on backdrop windows */ 7815@define-color theme_unfocused_selected_bg_color #00CE99; 7816/* 7817text/foreground color of selections on backdrop windows */ 7818@define-color theme_unfocused_selected_fg_color #FFFFFF; 7819/* 7820insensitive color on backdrop windows */ 7821@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); 7822/* 7823widgets main borders color */ 7824@define-color borders rgba(0, 0, 0, 0.08); 7825/* 7826widgets main borders color on backdrop windows */ 7827@define-color unfocused_borders rgba(0, 0, 0, 0.08); 7828/* 7829these are pretty self explicative */ 7830@define-color warning_color #FF6D00; 7831@define-color error_color #DD2C00; 7832@define-color success_color #00C853; 7833/* 7834FIXME this is really an API */ 7835@define-color content_view_bg #fcfcfc; 7836@define-color placeholder_text_color #747474; 7837@define-color budgie_tasklist_indicator_color #FFAC00; 7838@define-color budgie_tasklist_indicator_color_active #FFAC00; 7839@define-color budgie_tasklist_indicator_color_active_window rgba(172, 122, 16, 0.931); 7840@define-color budgie_tasklist_indicator_color_attention #FF6D00; 7841