gtk-dark.css
ASCII text, with very long lines (560)
1@keyframes ripple_effect { 2from { 3background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(transparent); } 4to { 5background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } } 6@keyframes flat_ripple_effect { 7from { 8background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(transparent); } 9to { 10background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(transparent); } } 11@keyframes tab_ripple_effect { 12from { 13background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); } 1450% { 15background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 100%, transparent 0%); } 16to { 17background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%); } } 18@keyframes header_ripple_effect { 19from { 20background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%); } 21to { 22background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%); } } 23* { 24padding: 0; 25background-clip: padding-box; 26-GtkToolButton-icon-spacing: 4; 27-GtkTextView-error-underline-color: #DD2C00; 28-GtkScrolledWindow-scrollbar-spacing: 0; 29-GtkToolItemGroup-expander-size: 11; 30-GtkWidget-text-handle-width: 24; 31-GtkWidget-text-handle-height: 24; 32-GtkDialog-button-spacing: 4; 33-GtkDialog-action-area-border: 0; 34outline-style: solid; 35outline-width: 2px; 36outline-color: alpha(currentColor, 0.3); 37outline-offset: -4px; 38-gtk-outline-radius: 2px; 39-gtk-secondary-caret-color: #42A5F5; } 40 41/*************** 42* Base States * 43***************/ 44.background { 45background-color: #455A64; 46color: #FFFFFF; } 47 48/* 49These wildcard seems unavoidable, need to investigate. 50Wildcards are bad and troublesome, use them with care, 51or better, just don't. 52Everytime a wildcard is used a kitten dies, painfully. 53*/ 54*:disabled { 55-gtk-icon-effect: dim; } 56 57.gtkstyle-fallback { 58background-color: #455A64; 59color: #FFFFFF; } 60.gtkstyle-fallback:hover { 61background-color: #3b4c55; 62color: #FFFFFF; } 63.gtkstyle-fallback:active { 64background-color: #303f46; 65color: #FFFFFF; } 66.gtkstyle-fallback:disabled { 67background-color: #455A64; 68color: rgba(255, 255, 255, 0.4); } 69.gtkstyle-fallback:selected { 70background-color: #42A5F5; 71color: #FFFFFF; } 72 73.view, iconview { 74background-color: #546E7A; 75color: #FFFFFF; } 76.view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected { 77border-radius: 2px; } 78.view:disabled, iconview:disabled { 79color: rgba(255, 255, 255, 0.4); } 80 81.view text, iconview text, 82textview text { 83background-color: #546E7A; 84color: #FFFFFF; } 85.view text:disabled, iconview text:disabled, 86textview text:disabled { 87color: rgba(255, 255, 255, 0.4); } 88 89textview border { 90background-color: #4d646f; 91color: rgba(255, 255, 255, 0.6); } 92 93.rubberband, 94rubberband, 95flowbox rubberband, 96treeview.view rubberband, 97.content-view rubberband { 98border: 1px solid #40C4FF; 99background-color: rgba(64, 196, 255, 0.3); } 100 101flowbox flowboxchild { 102outline-offset: -2px; 103padding: 4px; 104border-radius: 2px; } 105 106label { 107caret-color: currentColor; } 108label.separator { 109color: #FFFFFF; } 110label selection { 111background-color: #42A5F5; 112color: #FFFFFF; } 113label:disabled { 114color: rgba(255, 255, 255, 0.4); } 115tab label:disabled, button label:disabled, menuitem label:disabled { 116color: inherit; } 117 118.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, 119headerbar .subtitle, .budgie-notification .notification-body { 120opacity: 0.6; } 121 122assistant .sidebar { 123padding: 4px 0; } 124assistant .sidebar label { 125min-height: 36px; 126padding: 0 12px; 127color: rgba(255, 255, 255, 0.6); 128font-weight: 500; } 129assistant .sidebar label.highlight { 130color: #FFFFFF; } 131 132popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { 133opacity: 0.9; } 134 135/********************* 136* Spinner Animation * 137*********************/ 138@keyframes spin { 139to { 140-gtk-icon-transform: rotate(1turn); } } 141@keyframes spin_colors { 1421% { 143color: #66BB6A; } 14425% { 145color: #66BB6A; } 14626% { 147color: #42A5F5; } 14850% { 149color: #42A5F5; } 15051% { 151color: #FFA726; } 15275% { 153color: #FFA726; } 15476% { 155color: #EF5350; } 156100% { 157color: #EF5350; } } 158spinner { 159background: none; 160opacity: 0; 161-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } 162spinner:checked { 163opacity: 1; 164animation: spin 1s linear infinite, spin_colors 4s linear infinite; } 165spinner:checked:disabled { 166opacity: 0.4; } 167 168/**************** 169* Text Entries * 170****************/ 171spinbutton:not(.vertical), 172entry { 173min-height: 36px; 174padding: 0 8px; 175border-radius: 2px; 176transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 177border-image: none; 178box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 179background-color: #546E7A; 180color: #FFFFFF; } 181spinbutton:focus:not(.vertical), 182entry:focus { 183border-image: none; 184box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 185spinbutton:disabled:not(.vertical), 186entry:disabled { 187box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 188background-color: #4d646f; 189color: rgba(255, 255, 255, 0.4); } 190spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), 191notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry, 192entry.flat { 193border-radius: 0; 194transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 195border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px; 196box-shadow: inset 0 -1px alpha(currentColor, 0.3); 197background-color: transparent; 198color: #FFFFFF; } 199spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), 200notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, 201entry.flat:focus { 202border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; 203box-shadow: inset 0 -1px alpha(currentColor, 0.3); } 204spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), 205notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, 206entry.flat:disabled { 207box-shadow: inset 0 -1px alpha(currentColor, 0.3); 208background-color: transparent; 209color: rgba(255, 255, 255, 0.4); } 210spinbutton:not(.vertical) image, 211entry image { 212min-height: 24px; 213min-width: 24px; 214border-radius: 9999px; 215-gtk-outline-radius: 9999px; 216color: alpha(currentColor, 0.75); } 217spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, 218entry image:hover, 219entry image:active { 220color: currentColor; } 221spinbutton:not(.vertical) image:disabled, 222entry image:disabled { 223color: alpha(currentColor, 0.6); } 224spinbutton:not(.vertical) image.left, 225entry image.left { 226margin-left: -2px; 227margin-right: 2px; } 228spinbutton:not(.vertical) image.right, 229entry image.right { 230margin-left: 2px; 231margin-right: -2px; } 232spinbutton:not(.vertical) undershoot.left, 233entry undershoot.left { 234background-color: transparent; 235background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); 236padding-left: 1px; 237background-size: 1px 12px; 238background-repeat: repeat-y; 239background-origin: content-box; 240background-position: left top; } 241spinbutton:not(.vertical) undershoot.right, 242entry undershoot.right { 243background-color: transparent; 244background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); 245padding-right: 1px; 246background-size: 1px 12px; 247background-repeat: repeat-y; 248background-origin: content-box; 249background-position: right top; } 250spinbutton.error:not(.vertical), 251entry.error { 252transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 253border-image: none; 254box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 255background-color: #DD2C00; 256color: #FFFFFF; } 257spinbutton.error:focus:not(.vertical), 258entry.error:focus { 259border-image: none; 260box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 261spinbutton.error:disabled:not(.vertical), 262entry.error:disabled { 263box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 264background-color: #4d646f; 265color: rgba(255, 255, 255, 0.4); } 266spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), 267notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, 268entry.error.flat { 269transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 270border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; 271box-shadow: inset 0 -1px #DD2C00; 272background-color: transparent; 273color: #FFFFFF; } 274spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), 275notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, 276entry.error.flat:focus { 277border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; 278box-shadow: inset 0 -1px #DD2C00; } 279spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), 280notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, 281entry.error.flat:disabled { 282box-shadow: inset 0 -1px alpha(currentColor, 0.3); 283background-color: transparent; 284color: rgba(255, 255, 255, 0.4); } 285spinbutton.warning:not(.vertical), 286entry.warning { 287transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 288border-image: none; 289box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 290background-color: #FF6D00; 291color: #FFFFFF; } 292spinbutton.warning:focus:not(.vertical), 293entry.warning:focus { 294border-image: none; 295box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 296spinbutton.warning:disabled:not(.vertical), 297entry.warning:disabled { 298box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 299background-color: #4d646f; 300color: rgba(255, 255, 255, 0.4); } 301spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), 302notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, 303entry.warning.flat { 304transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 305border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; 306box-shadow: inset 0 -1px #FF6D00; 307background-color: transparent; 308color: #FFFFFF; } 309spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), 310notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, 311entry.warning.flat:focus { 312border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; 313box-shadow: inset 0 -1px #FF6D00; } 314spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), 315notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, 316entry.warning.flat:disabled { 317box-shadow: inset 0 -1px alpha(currentColor, 0.3); 318background-color: transparent; 319color: rgba(255, 255, 255, 0.4); } 320spinbutton:not(.vertical) progress, 321entry progress { 322margin: 2px -6px; 323border-style: none none solid; 324border-width: 2px; 325border-color: #42A5F5; 326background-color: transparent; } 327.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), 328notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), 329notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > 330entry.flat, .linked.vertical > 331entry.flat { 332border-radius: 0; } 333 334treeview entry.flat, treeview entry { 335min-height: 0; 336padding: 2px; 337border-radius: 0; 338background-color: #546E7A; } 339treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { 340border-image: none; 341box-shadow: none; } 342 343/*********** 344* Buttons * 345***********/ 346@keyframes needs_attention { 347from { 348background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); } 349to { 350background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent)); } } 351button { 352min-height: 24px; 353min-width: 16px; 354padding: 6px 10px; 355border-radius: 2px; 356font-weight: 500; 357transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0.6s cubic-bezier(0, 0, 0.2, 1); 358box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 359background-color: #607D8B; 360background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%), image(transparent); 361color: rgba(255, 255, 255, 0.75); } 362button:hover { 363box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); 364color: #FFFFFF; } 365button:active { 366transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0; 367animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; 368box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); 369color: #FFFFFF; } 370button:disabled { 371box-shadow: none; 372background-color: alpha(currentColor, 0.3); 373color: rgba(255, 255, 255, 0.3); } 374button:checked { 375background-color: #42A5F5; 376color: #FFFFFF; } 377button:checked:disabled { 378background-color: alpha(currentColor, 0.3); 379color: rgba(66, 165, 245, 0.4); } 380modelbutton.flat, 381.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, 382popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, 383radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) 384.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), 385headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, 386button.flat { 387transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.6s cubic-bezier(0, 0, 0.2, 1); 388box-shadow: inset 0 0 0 9999px transparent; 389background-color: transparent; 390background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%), image(transparent); 391color: alpha(currentColor, 0.75); } 392modelbutton.flat:hover, 393.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, 394popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, 395radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) 396.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), 397headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, 398button.flat:hover { 399box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); 400color: currentColor; } 401modelbutton.flat:active, 402.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, 403popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, 404radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) 405.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), 406headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, 407button.flat:active { 408transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0; 409animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; 410box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); 411color: currentColor; } 412modelbutton.flat:disabled, 413.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, 414popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, 415radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) 416.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), 417headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, 418button.flat:disabled { 419box-shadow: none; 420background-color: transparent; 421color: alpha(currentColor, 0.3); } 422:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) 423.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), 424headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, 425button.flat:checked { 426background-color: alpha(currentColor, 0.3); 427color: currentColor; } 428:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) 429.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), 430headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, 431button.flat:checked:disabled { 432background-color: alpha(currentColor, 0.3); 433color: alpha(currentColor, 0.4); } 434button.text-button { 435padding-left: 16px; 436padding-right: 16px; } 437button.image-button { 438min-width: 24px; 439padding: 6px; 440border-radius: 9999px; 441-gtk-outline-radius: 9999px; } 442button.text-button.image-button { 443border-radius: 2px; 444-gtk-outline-radius: 2px; } 445button.text-button.image-button label:first-child { 446margin-left: 10px; 447margin-right: 2px; } 448button.text-button.image-button label:last-child { 449margin-left: 2px; 450margin-right: 10px; } 451button.text-button.image-button label:only-child { 452margin-left: 10px; 453margin-right: 10px; } 454button.text-button.image-button image:not(:only-child):first-child { 455margin-left: 4px; } 456button.text-button.image-button image:not(:only-child):last-child { 457margin-right: 4px; } 458toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), 459headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), 460headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked > 461button.flat, .linked.vertical > 462button.flat { 463border-radius: 2px; } 464toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), 465headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, .titlebar:not(headerbar) .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), 466headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.image-button, .linked > 467button.flat.image-button, .linked.vertical > 468button.flat.image-button { 469border-radius: 9999px; 470-gtk-outline-radius: 9999px; } 471toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), 472headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), 473headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked > 474button.flat.text-button.image-button, .linked.vertical > 475button.flat.text-button.image-button { 476border-radius: 2px; 477-gtk-outline-radius: 2px; } 478infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected 479button:disabled { 480color: rgba(255, 255, 255, 0.3); } 481button.osd { 482padding: 12px 16px; } 483button.osd.image-button { 484padding: 12px; } 485button.osd:disabled { 486opacity: 0; } 487button.suggested-action { 488background-color: #FF4081; 489color: #FFFFFF; } 490button.suggested-action:disabled { 491box-shadow: none; 492background-color: alpha(currentColor, 0.3); 493color: rgba(255, 255, 255, 0.3); } 494button.suggested-action:checked { 495background-color: #ff79a7; } 496button.suggested-action.flat { 497background-color: transparent; 498color: #FF4081; } 499button.suggested-action.flat:disabled { 500box-shadow: none; 501background-color: transparent; 502color: alpha(currentColor, 0.3); } 503button.destructive-action { 504background-color: #FF5252; 505color: #FFFFFF; } 506button.destructive-action:disabled { 507box-shadow: none; 508background-color: alpha(currentColor, 0.3); 509color: rgba(255, 255, 255, 0.3); } 510button.destructive-action:checked { 511background-color: #ff8686; } 512button.destructive-action.flat { 513background-color: transparent; 514color: #FF5252; } 515button.destructive-action.flat:disabled { 516box-shadow: none; 517background-color: transparent; 518color: alpha(currentColor, 0.3); } 519.stack-switcher > 520button { 521outline-offset: -4px; } 522.stack-switcher > 523button > label { 524padding-left: 6px; 525padding-right: 6px; } 526.stack-switcher > 527button > image { 528padding-left: 6px; 529padding-right: 6px; 530padding-top: 3px; 531padding-bottom: 3px; } 532.stack-switcher > 533button.text-button { 534padding-left: 10px; 535padding-right: 10px; } 536.stack-switcher > 537button.image-button { 538padding-left: 4px; 539padding-right: 4px; } 540.stack-switcher > 541button.needs-attention:checked > label, 542.stack-switcher > 543button.needs-attention:checked > image { 544animation: none; 545background-image: none; } 546button separator { 547min-width: 0; 548min-height: 0; 549background: transparent; } 550.primary-toolbar 551button { 552-gtk-icon-shadow: none; } 553 554.stack-switcher > 555button.needs-attention > label, 556.stack-switcher > 557button.needs-attention > image, stacksidebar row.needs-attention > label { 558animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; 559background-repeat: no-repeat; 560background-position: right 3px; 561background-size: 6px 6px; } 562.stack-switcher > 563button.needs-attention > label:dir(rtl), 564.stack-switcher > 565button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { 566background-position: left 3px; } 567 568.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > 569entry, .linked > 570button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { 571border-radius: 0; 572-gtk-outline-radius: 2px; } 573 574.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > 575entry:first-child, .linked > 576button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { 577border-top-left-radius: 2px; 578border-bottom-left-radius: 2px; } 579.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > 580entry:last-child, .linked > 581button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { 582border-top-right-radius: 2px; 583border-bottom-right-radius: 2px; } 584.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > 585entry:only-child, .linked > 586button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { 587border-radius: 2px; } 588 589.linked.vertical > spinbutton:not(.vertical), .linked.vertical > 590entry, .linked.vertical > 591button, .linked.vertical > combobox > box > button.combo { 592border-radius: 0; 593-gtk-outline-radius: 2px; } 594 595.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > 596entry:first-child, .linked.vertical > 597button:first-child, .linked.vertical > combobox:first-child > box > button.combo { 598border-top-left-radius: 2px; 599border-top-right-radius: 2px; } 600.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > 601entry:last-child, .linked.vertical > 602button:last-child, .linked.vertical > combobox:last-child > box > button.combo { 603border-bottom-left-radius: 2px; 604border-bottom-right-radius: 2px; } 605.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > 606entry:only-child, .linked.vertical > 607button:only-child, .linked.vertical > combobox:only-child > box > button.combo { 608border-radius: 2px; } 609 610/* menu buttons */ 611modelbutton.flat, 612.menuitem.button.flat { 613min-height: 28px; 614padding: 0 8px; 615border-radius: 2px; 616color: inherit; } 617modelbutton.flat check:not(:checked):not(:indeterminate), 618modelbutton.flat radio:not(:checked):not(:indeterminate), 619.menuitem.button.flat check:not(:checked):not(:indeterminate), 620.menuitem.button.flat radio:not(:checked):not(:indeterminate) { 621color: alpha(currentColor, 0.6); } 622modelbutton.flat check, modelbutton.flat check:hover, 623modelbutton.flat radio, 624modelbutton.flat radio:hover, 625.menuitem.button.flat check, 626.menuitem.button.flat check:hover, 627.menuitem.button.flat radio, 628.menuitem.button.flat radio:hover { 629box-shadow: none; } 630modelbutton.flat check:active, 631modelbutton.flat radio:active, 632.menuitem.button.flat check:active, 633.menuitem.button.flat radio:active { 634animation: none; } 635modelbutton.flat check:last-child, 636modelbutton.flat radio:last-child, 637.menuitem.button.flat check:last-child, 638.menuitem.button.flat radio:last-child { 639margin-left: -8px; 640margin-right: -16px; } 641modelbutton.flat check:first-child, 642modelbutton.flat radio:first-child, 643.menuitem.button.flat check:first-child, 644.menuitem.button.flat radio:first-child { 645margin-left: -16px; 646margin-right: -8px; } 647 648modelbutton.flat arrow { 649background: none; } 650modelbutton.flat arrow:hover { 651background: none; } 652modelbutton.flat arrow.left { 653-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } 654modelbutton.flat arrow.right { 655-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } 656 657button.color { 658min-height: 24px; 659min-width: 24px; 660padding: 6px; } 661 662/********* 663* Links * 664*********/ 665*:link, button:link, 666button:visited, *:link:hover, button:hover:link, 667button:hover:visited, *:link:active, button:active:link, 668button:active:visited { 669color: #42A5F5; } 670*:link:visited, 671button:visited, *:link:visited:hover, 672button:visited:hover, *:link:visited:active, 673button:visited:active { 674color: #E040FB; } 675infobar.info *:link, infobar.info button:link, 676infobar.info button:visited, infobar.question *:link, infobar.question button:link, 677infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, 678infobar.warning button:visited, infobar.error *:link, infobar.error button:link, 679infobar.error button:visited, *:link:selected, button:selected:link, 680button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, 681headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, 682*:selected button:visited { 683color: #FFFFFF; } 684 685button:link > label, 686button:visited > label { 687text-decoration-line: underline; } 688 689/***************** 690* GtkSpinButton * 691*****************/ 692spinbutton:not(.vertical) { 693padding: 0; } 694notebook > 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, 695spinbutton:not(.vertical) entry { 696min-width: 32px; 697margin: 0; 698border-image: none; 699border-radius: 0; 700box-shadow: none; 701background-color: transparent; } 702spinbutton:not(.vertical) button { 703border: solid 6px transparent; } 704spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { 705margin-left: -3px; } 706spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { 707margin-right: -3px; } 708spinbutton.vertical:disabled { 709color: rgba(255, 255, 255, 0.4); } 710spinbutton.vertical:drop(active) { 711box-shadow: none; } 712spinbutton.vertical entry { 713min-height: 36px; 714min-width: 48px; 715padding: 0; } 716spinbutton.vertical button { 717min-height: 36px; 718min-width: 48px; 719padding: 0; } 720spinbutton.vertical button.up { 721border-radius: 2px 2px 0 0; } 722spinbutton.vertical button.down { 723border-radius: 0 0 2px 2px; } 724treeview spinbutton:not(.vertical) { 725min-height: 0; 726border-style: none; 727border-radius: 0; } 728treeview spinbutton:not(.vertical) entry { 729min-height: 0; 730padding: 1px 2px; } 731 732/************** 733* ComboBoxes * 734**************/ 735combobox arrow { 736-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 737min-height: 16px; 738min-width: 16px; } 739combobox button.combo:checked { 740transition: none; } 741combobox button.combo cellview:dir(ltr) { 742margin-left: -2px; } 743combobox button.combo cellview:dir(rtl) { 744margin-right: -2px; } 745combobox #gtk-combobox-popup-menu { 746padding: 2px 0; } 747combobox #gtk-combobox-popup-menu menuitem { 748min-height: 32px; 749padding: 0 8px; } 750combobox:drop(active) { 751box-shadow: none; } 752 753notebook > stack:not(:only-child) button.combo, #login_window #user_combobox button { 754border-radius: 0; 755background-image: none; 756font-weight: inherit; 757transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 758border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px; 759box-shadow: inset 0 -1px alpha(currentColor, 0.3); 760background-color: transparent; 761color: #FFFFFF; } 762notebook > stack:not(:only-child) button.combo:hover, #login_window #user_combobox button:hover { 763box-shadow: inset 0 -2px alpha(currentColor, 0.3); } 764notebook > stack:not(:only-child) button.combo:checked, #login_window #user_combobox button:checked { 765border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; } 766notebook > stack:not(:only-child) button.combo:disabled, #login_window #user_combobox button:disabled { 767color: rgba(255, 255, 255, 0.4); } 768 769/************ 770* Toolbars * 771************/ 772toolbar { 773-GtkWidget-window-dragging: true; 774padding: 3px; 775background-color: #455A64; } 776.osd toolbar { 777background-color: transparent; } 778toolbar.osd, .app-notification, frame.documents-dropdown { 779transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 780padding: 6px; 781border-radius: 2px; 782box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); 783background-color: #546E7A; } 784toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { 785box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } 786toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { 787border-radius: 0; } 788toolbar.horizontal separator { 789margin: 3px; } 790toolbar.vertical separator { 791margin: 3px; } 792toolbar:not(.inline-toolbar):not(.osd) scale, 793toolbar:not(.inline-toolbar):not(.osd) entry, 794toolbar:not(.inline-toolbar):not(.osd) spinbutton, 795toolbar:not(.inline-toolbar):not(.osd) button { 796margin: 3px; } 797toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), 798toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), 799toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { 800margin-left: 0; } 801toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), 802toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), 803toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { 804margin-right: 0; } 805toolbar:not(.inline-toolbar):not(.osd) switch { 806margin: 9px 3px; } 807 808.inline-toolbar { 809padding: 6px; 810border-style: solid; 811border-width: 0 1px 1px; 812border-color: rgba(0, 0, 0, 0.2); 813background-color: #4d646f; } 814 815searchbar, 816.location-bar { 817padding: 6px; 818border-style: solid; 819border-width: 0 0 1px; 820border-color: rgba(0, 0, 0, 0.2); 821background-color: #455A64; 822background-clip: border-box; } 823 824/*************** 825* Header bars * 826***************/ 827.titlebar:not(headerbar), 828headerbar { 829transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); 830min-height: 48px; 831padding: 0 6px; 832box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); 833background-color: #37474F; 834color: #FFFFFF; } 835.titlebar:disabled:not(headerbar) :not(button) > label, 836headerbar:disabled :not(button) > label { 837color: rgba(255, 255, 255, 0.4); } 838.titlebar:backdrop:not(headerbar), 839headerbar:backdrop { 840color: rgba(255, 255, 255, 0.75); } 841.titlebar:backdrop:disabled:not(headerbar) :not(button) > label, 842headerbar:backdrop:disabled :not(button) > label { 843color: rgba(255, 255, 255, 0.3); } 844.titlebar:not(headerbar) .title, 845headerbar .title { 846transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 847padding: 0 12px; 848font-weight: bold; } 849.titlebar:not(headerbar) .subtitle, 850headerbar .subtitle { 851transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 852padding: 0 12px; 853font-size: smaller; } 854.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), 855headerbar button:not(.suggested-action):not(.destructive-action) { 856border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } 857.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, 858headerbar button:not(.suggested-action):not(.destructive-action):checked { 859border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } 860.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, 861headerbar button:not(.suggested-action):not(.destructive-action):checked, 862headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { 863background-color: transparent; } 864.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, 865headerbar button.suggested-action:disabled, 866headerbar button.destructive-action:disabled { 867color: alpha(currentColor, 0.4); } 868.selection-mode.titlebar:not(headerbar), 869headerbar.selection-mode { 870transition: background-color 0 0.3s; 871animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); 872box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); 873background-color: #42A5F5; 874color: #FFFFFF; } 875.selection-mode.titlebar:backdrop:not(headerbar), 876headerbar.selection-mode:backdrop { 877color: rgba(255, 255, 255, 0.75); } 878.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), 879headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { 880border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; 881color: currentColor; } 882.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, 883headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { 884color: alpha(currentColor, 0.4); } 885.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, 886headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { 887border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; 888color: currentColor; } 889.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, 890headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { 891color: alpha(currentColor, 0.4); } 892.selection-mode.titlebar:not(headerbar) .selection-menu, 893headerbar.selection-mode .selection-menu { 894padding-left: 16px; 895padding-right: 16px; } 896.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, 897headerbar.selection-mode .selection-menu GtkArrow { 898-GtkArrow-arrow-scaling: 1; } 899.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, 900headerbar.selection-mode .selection-menu .arrow { 901-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 902.fullscreen .titlebar:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen 903headerbar, .tiled 904headerbar, .maximized 905headerbar { 906border-radius: 0; 907box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 908.default-decoration.titlebar:not(headerbar), 909headerbar.default-decoration { 910min-height: 24px; 911padding: 6px; 912border-width: 0; } 913.default-decoration.titlebar:not(headerbar) button.titlebutton, 914headerbar.default-decoration button.titlebutton { 915min-height: 24px; 916min-width: 24px; 917margin: 0; 918padding: 0; } 919.default-decoration.titlebar:not(headerbar) button.titlebutton:active, 920headerbar.default-decoration button.titlebutton:active { 921background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } 922.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd 923headerbar:dir(rtl), .solid-csd 924headerbar:dir(ltr) { 925margin-left: -2px; 926margin-right: -2px; 927margin-top: -2px; 928box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } 929 930headerbar entry, 931headerbar spinbutton, 932headerbar button { 933margin-top: 6px; 934margin-bottom: 6px; } 935headerbar switch { 936margin-top: 12px; 937margin-bottom: 12px; } 938 939.background:not(.tiled):not(.maximized):not(.fullscreen) .titlebar { 940border-top-left-radius: 2px; 941border-top-right-radius: 2px; } 942 943window:not(.tiled):not(.maximized):not(.fullscreen) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.fullscreen) headerbar:first-child { 944border-top-left-radius: 2px; } 945window:not(.tiled):not(.maximized):not(.fullscreen) headerbar:last-child { 946border-top-right-radius: 2px; } 947 948window.csd > .titlebar:not(headerbar) { 949padding: 0; 950background-color: transparent; 951background-image: none; 952border-style: none; 953box-shadow: none; } 954.titlebar:not(headerbar) > separator { 955background-color: #37474F; 956background-image: image(rgba(0, 0, 0, 0.2)); } 957 958/************ 959* Pathbars * 960************/ 961.caja-pathbar button, 962.path-bar button { 963padding-left: 6px; 964padding-right: 6px; } 965.caja-pathbar button label:not(:only-child):first-child, 966.path-bar button label:not(:only-child):first-child { 967margin-left: 4px; } 968.caja-pathbar button label:not(:only-child):last-child, 969.path-bar button label:not(:only-child):last-child { 970margin-right: 4px; } 971.caja-pathbar button.slider-button, 972.path-bar button.slider-button { 973padding-left: 4px; 974padding-right: 4px; } 975:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) 976.path-bar button { 977border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px; 978border-radius: 2px; } 979:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) 980.path-bar button:checked { 981border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; } 982:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) 983.path-bar button:checked, :not(headerbar) 984.path-bar button:checked:disabled { 985background-color: transparent; } 986 987/************** 988* Tree Views * 989**************/ 990treeview.view { 991border-left-color: alpha(currentColor, 0.3); 992border-top-color: rgba(0, 0, 0, 0.2); } 993* { 994-GtkTreeView-horizontal-separator: 4; 995-GtkTreeView-grid-line-width: 1; 996-GtkTreeView-grid-line-pattern: ''; 997-GtkTreeView-tree-line-width: 1; 998-GtkTreeView-tree-line-pattern: ''; 999-GtkTreeView-expander-size: 16; } 1000treeview.view:hover, treeview.view:active, treeview.view:selected { 1001border-radius: 0; } 1002treeview.view.separator { 1003min-height: 5px; 1004color: rgba(0, 0, 0, 0.2); } 1005treeview.view:drop(active) { 1006border-style: solid none; 1007border-width: 1px; 1008border-color: #FF4081; } 1009treeview.view:drop(active).after { 1010border-top-style: none; } 1011treeview.view:drop(active).before { 1012border-bottom-style: none; } 1013treeview.view.expander { 1014-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 1015-gtk-icon-transform: rotate(-90deg); 1016color: rgba(255, 255, 255, 0.75); } 1017treeview.view.expander:dir(rtl) { 1018-gtk-icon-transform: rotate(90deg); } 1019treeview.view.expander:checked { 1020-gtk-icon-transform: unset; } 1021treeview.view.expander:hover, treeview.view.expander:active { 1022color: #FFFFFF; } 1023treeview.view.expander:disabled { 1024color: rgba(255, 255, 255, 0.3); } 1025treeview.view.expander:selected { 1026color: rgba(255, 255, 255, 0.75); } 1027treeview.view.expander:selected:hover, treeview.view.expander:selected:active { 1028color: #FFFFFF; } 1029treeview.view.expander:selected:disabled { 1030color: rgba(255, 255, 255, 0.3); } 1031treeview.view.progressbar { 1032border-style: none none solid; 1033border-width: 4px; 1034border-color: #42A5F5; 1035box-shadow: none; 1036background-color: transparent; } 1037treeview.view.progressbar:selected { 1038border-color: currentColor; } 1039treeview.view.trough { 1040border-style: none none solid; 1041border-width: 4px; 1042border-color: rgba(66, 165, 245, 0.3); 1043box-shadow: none; 1044background-color: transparent; } 1045treeview.view.trough:selected { 1046border-color: alpha(currentColor, 0.3); } 1047treeview.view header button { 1048padding: 2px 6px; 1049border-style: none solid solid none; 1050border-width: 1px; 1051border-color: rgba(0, 0, 0, 0.2); 1052border-radius: 0; 1053background-clip: border-box; } 1054treeview.view header button, treeview.view header button:hover, treeview.view header button:active { 1055box-shadow: none; } 1056treeview.view header button, treeview.view header button:disabled { 1057background-color: #546E7A; } 1058treeview.view header button:last-child { 1059border-right-style: none; } 1060treeview.view button.dnd, 1061treeview.view header.button.dnd { 1062padding: 2px 6px; 1063border-style: none solid solid; 1064border-width: 1px; 1065border-color: rgba(0, 0, 0, 0.2); 1066border-radius: 0; 1067box-shadow: none; 1068background-color: #546E7A; 1069background-clip: border-box; 1070color: #42A5F5; } 1071treeview.view acceleditor > label { 1072background-color: #42A5F5; } 1073 1074/********* 1075* Menus * 1076*********/ 1077menubar, 1078.menubar { 1079-GtkWidget-window-dragging: true; 1080padding: 0; 1081background-color: #37474F; } 1082menubar > menuitem, 1083.menubar > menuitem { 1084transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); 1085min-height: 20px; 1086padding: 4px 8px; 1087color: rgba(255, 255, 255, 0.75); } 1088menubar > menuitem:hover, 1089.menubar > menuitem:hover { 1090transition: none; 1091background-color: alpha(currentColor, 0.15); 1092color: #FFFFFF; } 1093menubar > menuitem:disabled, 1094.menubar > menuitem:disabled { 1095color: rgba(255, 255, 255, 0.3); } 1096 1097.csd.popup { 1098border-radius: 2px; } 1099 1100menu, 1101.menu, 1102.context-menu { 1103margin: 4px 0; 1104padding: 4px 0; 1105box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 1106background-color: #546E7A; 1107border: 1px solid rgba(0, 0, 0, 0.2); } 1108.csd menu, .csd 1109.menu, .csd 1110.context-menu { 1111border: none; 1112border-radius: 2px; } 1113menu menuitem, 1114.menu menuitem, 1115.context-menu menuitem { 1116transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); 1117min-height: 20px; 1118min-width: 40px; 1119padding: 4px 8px; 1120font: initial; 1121text-shadow: none; } 1122menu menuitem:hover, 1123.menu menuitem:hover, 1124.context-menu menuitem:hover { 1125transition: none; 1126background-color: alpha(currentColor, 0.15); } 1127menu menuitem:disabled, 1128.menu menuitem:disabled, 1129.context-menu menuitem:disabled { 1130color: rgba(255, 255, 255, 0.4); } 1131menu menuitem arrow, 1132.menu menuitem arrow, 1133.context-menu menuitem arrow { 1134min-height: 16px; 1135min-width: 16px; } 1136menu menuitem arrow:dir(ltr), 1137.menu menuitem arrow:dir(ltr), 1138.context-menu menuitem arrow:dir(ltr) { 1139-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 1140margin-left: 8px; } 1141menu menuitem arrow:dir(rtl), 1142.menu menuitem arrow:dir(rtl), 1143.context-menu menuitem arrow:dir(rtl) { 1144-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 1145margin-right: 8px; } 1146menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), 1147.menu menuitem label:dir(rtl), 1148.menu menuitem label:dir(ltr), 1149.context-menu menuitem label:dir(rtl), 1150.context-menu menuitem label:dir(ltr) { 1151color: inherit; } 1152menu > arrow, 1153.menu > arrow, 1154.context-menu > arrow { 1155min-height: 16px; 1156min-width: 16px; 1157padding: 4px; 1158border-radius: 0; 1159background-color: #546E7A; 1160color: rgba(255, 255, 255, 0.75); } 1161menu > arrow.top, 1162.menu > arrow.top, 1163.context-menu > arrow.top { 1164margin-top: -4px; 1165border-bottom: 1px solid rgba(0, 0, 0, 0.2); 1166-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } 1167menu > arrow.bottom, 1168.menu > arrow.bottom, 1169.context-menu > arrow.bottom { 1170margin-bottom: -4px; 1171border-top: 1px solid rgba(0, 0, 0, 0.2); 1172-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 1173menu > arrow:hover, 1174.menu > arrow:hover, 1175.context-menu > arrow:hover { 1176background-image: image(alpha(currentColor, 0.15)); 1177color: #FFFFFF; } 1178menu > arrow:disabled, 1179.menu > arrow:disabled, 1180.context-menu > arrow:disabled { 1181border-color: transparent; 1182background-color: transparent; 1183color: transparent; } 1184menu separator, 1185.menu separator, 1186.context-menu separator { 1187margin: 4px 0; } 1188 1189menuitem accelerator { 1190color: alpha(currentColor, 0.6); } 1191menuitem check:dir(ltr), 1192menuitem radio:dir(ltr) { 1193margin-right: -8px; 1194margin-left: -16px; } 1195menuitem check:dir(rtl), 1196menuitem radio:dir(rtl) { 1197margin-right: -16px; 1198margin-left: -8px; } 1199 1200/*************** 1201* Popovers * 1202***************/ 1203popover.background { 1204transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 1205padding: 2px; 1206box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); 1207background-color: #607D8B; } 1208popover.background:backdrop { 1209box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 1210popover.background, .csd popover.background { 1211border-style: solid; 1212border-width: 1px; 1213border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); 1214border-radius: 3px; } 1215popover.background > stack { 1216margin: -4px; } 1217popover.background > toolbar { 1218margin: -2px; } 1219popover.background > list, 1220popover.background > .view, 1221popover.background > iconview, 1222popover.background > toolbar { 1223border-style: none; 1224box-shadow: none; 1225background-color: transparent; } 1226popover.background.menu button, 1227popover.background button.model { 1228min-height: 32px; 1229padding: 0 8px; 1230border-radius: 2px; } 1231popover.background separator { 1232margin: 4px 0; } 1233popover.background list separator { 1234margin: 0; } 1235 1236/************* 1237* Notebooks * 1238*************/ 1239notebook > header { 1240border-width: 1px; 1241border-color: rgba(0, 0, 0, 0.2); 1242background-color: #455A64; 1243background-clip: border-box; } 1244notebook > header.top { 1245border-bottom-style: solid; } 1246notebook > header.top > tabs { 1247margin-bottom: -1px; } 1248notebook > header.top > tabs > tab:hover { 1249box-shadow: inset 0 -2px alpha(currentColor, 0.3); } 1250notebook > header.top > tabs > tab:checked { 1251box-shadow: inset 0 -2px #42A5F5; } 1252notebook > header.bottom { 1253border-top-style: solid; } 1254notebook > header.bottom > tabs { 1255margin-top: -1px; } 1256notebook > header.bottom > tabs > tab:hover { 1257box-shadow: inset 0 2px alpha(currentColor, 0.3); } 1258notebook > header.bottom > tabs > tab:checked { 1259box-shadow: inset 0 2px #42A5F5; } 1260notebook > header.left { 1261border-right-style: solid; } 1262notebook > header.left > tabs { 1263margin-right: -1px; } 1264notebook > header.left > tabs > tab:hover { 1265box-shadow: inset -2px 0 alpha(currentColor, 0.3); } 1266notebook > header.left > tabs > tab:checked { 1267box-shadow: inset -2px 0 #42A5F5; } 1268notebook > header.right { 1269border-left-style: solid; } 1270notebook > header.right > tabs { 1271margin-left: -1px; } 1272notebook > header.right > tabs > tab:hover { 1273box-shadow: inset 2px 0 alpha(currentColor, 0.3); } 1274notebook > header.right > tabs > tab:checked { 1275box-shadow: inset 2px 0 #42A5F5; } 1276notebook > header.top > tabs > arrow { 1277border-top-style: none; } 1278notebook > header.bottom > tabs > arrow { 1279border-bottom-style: none; } 1280notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { 1281padding-left: 4px; 1282padding-right: 4px; } 1283notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { 1284margin-left: -8px; 1285-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } 1286notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { 1287margin-right: -8px; 1288-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } 1289notebook > header.left > tabs > arrow { 1290border-left-style: none; } 1291notebook > header.right > tabs > arrow { 1292border-right-style: none; } 1293notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { 1294padding-top: 4px; 1295padding-bottom: 4px; } 1296notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { 1297margin-top: -8px; 1298-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } 1299notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { 1300margin-bottom: -8px; 1301-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 1302notebook > header > tabs > arrow { 1303min-height: 16px; 1304min-width: 16px; 1305border-radius: 0; } 1306notebook > header tab { 1307transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 1308min-height: 24px; 1309min-width: 24px; 1310padding: 6px 12px; 1311outline-offset: -6px; 1312border-width: 1px; 1313border-color: transparent; 1314color: rgba(255, 255, 255, 0.75); 1315font-weight: 500; } 1316notebook > header tab:hover { 1317color: #FFFFFF; } 1318notebook > header tab:hover.reorderable-page { 1319border-color: rgba(0, 0, 0, 0.2); 1320background-color: #4d646f; } 1321notebook > header tab:disabled { 1322color: rgba(255, 255, 255, 0.3); } 1323notebook > header tab:checked { 1324animation: tab_ripple_effect 0.9s cubic-bezier(0, 0, 0.2, 1); 1325color: #FFFFFF; } 1326notebook > header tab:checked:disabled { 1327color: rgba(255, 255, 255, 0.4); } 1328notebook > header tab:checked.reorderable-page { 1329border-color: rgba(0, 0, 0, 0.2); 1330background-color: #546E7A; } 1331notebook > header tab button.flat:last-child { 1332margin-left: 6px; 1333margin-right: -6px; } 1334notebook > header tab button.flat:first-child { 1335margin-left: -6px; 1336margin-right: 6px; } 1337notebook > header.top tabs, notebook > header.bottom tabs { 1338padding-left: 8px; 1339padding-right: 8px; } 1340notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { 1341margin-left: 0; } 1342notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { 1343margin-right: 0; } 1344notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { 1345margin: 0 -1px; 1346border-style: none solid; } 1347notebook > header.left tabs, notebook > header.right tabs { 1348padding-top: 8px; 1349padding-bottom: 8px; } 1350notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { 1351margin-top: 0; } 1352notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { 1353margin-bottom: 0; } 1354notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { 1355margin: -1px 0; 1356border-style: solid none; } 1357notebook > stack:not(:only-child) { 1358background-color: #546E7A; } 1359 1360/************** 1361* Scrollbars * 1362**************/ 1363scrollbar { 1364transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 1365background-color: #546E7A; 1366background-clip: border-box; } 1367* { 1368-GtkScrollbar-has-backward-stepper: false; 1369-GtkScrollbar-has-forward-stepper: false; } 1370scrollbar.top { 1371border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 1372scrollbar.bottom { 1373border-top: 1px solid rgba(0, 0, 0, 0.2); } 1374scrollbar.left { 1375border-right: 1px solid rgba(0, 0, 0, 0.2); } 1376scrollbar.right { 1377border-left: 1px solid rgba(0, 0, 0, 0.2); } 1378scrollbar slider { 1379transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; 1380min-width: 8px; 1381min-height: 8px; 1382border: 4px solid transparent; 1383border-radius: 9999px; 1384background-clip: padding-box; 1385background-color: rgba(255, 255, 255, 0.6); } 1386scrollbar slider:hover { 1387background-color: rgba(255, 255, 255, 0.75); } 1388scrollbar slider:active { 1389background-color: #FFFFFF; } 1390scrollbar slider:disabled { 1391background-color: rgba(255, 255, 255, 0.24); } 1392scrollbar.fine-tune slider { 1393transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; 1394min-width: 4px; 1395min-height: 4px; } 1396scrollbar.fine-tune.horizontal slider { 1397margin: 2px 0; } 1398scrollbar.fine-tune.vertical slider { 1399margin: 0 2px; } 1400scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 1401border-color: transparent; 1402background-color: transparent; } 1403scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { 1404min-width: 4px; 1405min-height: 4px; 1406margin: 3px; 1407border: 1px solid rgba(84, 110, 122, 0.3); } 1408scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { 1409min-width: 4px; 1410min-height: 4px; 1411margin: 3px; 1412border: 1px solid rgba(84, 110, 122, 0.3); 1413border-radius: 9999px; 1414background-color: rgba(255, 255, 255, 0.6); 1415background-clip: padding-box; 1416-gtk-icon-source: none; } 1417scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { 1418background-color: rgba(255, 255, 255, 0.24); } 1419scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { 1420min-width: 24px; } 1421scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { 1422min-width: 8px; } 1423scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { 1424min-height: 24px; } 1425scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { 1426min-height: 8px; } 1427scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { 1428background-color: rgba(84, 110, 122, 0.9); } 1429scrollbar.horizontal slider { 1430min-width: 24px; } 1431scrollbar.vertical slider { 1432min-height: 24px; } 1433scrollbar button { 1434min-width: 16px; 1435min-height: 16px; 1436padding: 0; 1437border-radius: 0; } 1438scrollbar.vertical button.down { 1439-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 1440scrollbar.vertical button.up { 1441-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } 1442scrollbar.horizontal button.down { 1443-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } 1444scrollbar.horizontal button.up { 1445-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } 1446 1447/********** 1448* Switch * 1449**********/ 1450switch { 1451transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 1452margin: 6px 0; 1453border: 4px solid transparent; 1454border-radius: 9999px; 1455background-color: alpha(currentColor, 0.3); 1456background-clip: padding-box; 1457font-size: 0; } 1458switch:disabled { 1459color: alpha(currentColor, 0.4); } 1460switch:checked { 1461background-color: rgba(255, 64, 129, 0.5); } 1462switch:checked:disabled { 1463background-color: rgba(255, 64, 129, 0.2); 1464color: rgba(255, 255, 255, 0.4); } 1465switch slider { 1466transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 1467border-image: none; 1468box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1469background-color: #546E7A; 1470color: #FFFFFF; 1471transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; 1472min-width: 24px; 1473min-height: 24px; 1474margin: -4px 0 -4px -4px; 1475border-radius: 9999px; 1476-gtk-outline-radius: 9999px; } 1477switch:hover slider { 1478border-image: none; 1479box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 1480switch:checked slider { 1481transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, background-image 0, background-color 0 0.3s; 1482animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1); 1483margin: -4px -4px -4px 0; 1484background-color: #FF4081; 1485color: #FFFFFF; } 1486switch:disabled slider { 1487box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1488background-color: #4d646f; 1489color: rgba(255, 255, 255, 0.4); } 1490switch:checked:disabled slider { 1491animation: none; } 1492 1493/************************* 1494* Check and Radio items * 1495*************************/ 1496.view.content-view.check:not(list), iconview.content-view.check:not(list) { 1497-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1498-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); 1499margin: 8px; 1500background-color: transparent; } 1501 1502.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { 1503-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1504-gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode-dark.png"), url("assets/checkbox-hover-selectionmode-dark@2.png")); 1505margin: 8px; 1506background-color: transparent; } 1507 1508.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { 1509-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1510-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); 1511margin: 8px; 1512background-color: transparent; } 1513 1514.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { 1515-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1516-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode-dark.png"), url("assets/checkbox-checked-hover-selectionmode-dark@2.png")); 1517margin: 8px; 1518background-color: transparent; } 1519 1520checkbutton.text-button, 1521radiobutton.text-button { 1522padding: 2px; 1523outline-offset: 0; } 1524checkbutton.text-button label:not(:only-child), 1525radiobutton.text-button label:not(:only-child) { 1526margin: 0 4px; } 1527 1528check, 1529radio { 1530min-height: 24px; 1531min-width: 24px; 1532margin: -12px; 1533padding: 12px; } 1534check:checked, check:indeterminate, 1535radio:checked, 1536radio:indeterminate { 1537color: #FF4081; } 1538check:checked:disabled, check:indeterminate:disabled, 1539radio:checked:disabled, 1540radio:indeterminate:disabled { 1541color: rgba(255, 64, 129, 0.4); } 1542row check:not(:checked):not(:indeterminate), row 1543radio:not(:checked):not(:indeterminate) { 1544color: alpha(currentColor, 0.75); } 1545row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row 1546radio:not(:checked):not(:indeterminate):hover, row 1547radio:not(:checked):not(:indeterminate):active { 1548color: currentColor; } 1549row check:not(:checked):not(:indeterminate):disabled, row 1550radio:not(:checked):not(:indeterminate):disabled { 1551color: alpha(currentColor, 0.3); } 1552menu menuitem check, menu menuitem 1553radio { 1554transition: none; 1555margin: -16px; } 1556menu menuitem check:not(:checked):not(:indeterminate), menu menuitem 1557radio:not(:checked):not(:indeterminate) { 1558color: alpha(currentColor, 0.6); } 1559menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem 1560radio, menu menuitem 1561radio:hover, menu menuitem 1562radio:disabled { 1563box-shadow: none; } 1564 1565check { 1566-gtk-icon-source: image(-gtk-recolor(url("assets/check-unchecked-symbolic.svg")), -gtk-recolor(url("assets/check-unchecked-symbolic.png"))); } 1567check:checked { 1568-gtk-icon-source: image(-gtk-recolor(url("assets/check-checked-symbolic.svg")), -gtk-recolor(url("assets/check-checked-symbolic.png"))); } 1569check:indeterminate { 1570-gtk-icon-source: image(-gtk-recolor(url("assets/check-dash-symbolic.svg")), -gtk-recolor(url("assets/check-dash-symbolic.png"))); } 1571 1572radio { 1573border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; } 1574radio { 1575-gtk-icon-source: image(-gtk-recolor(url("assets/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/radio-unchecked-symbolic.png"))); } 1576radio:indeterminate { 1577-gtk-icon-source: image(-gtk-recolor(url("assets/radio-dash-symbolic.svg")), -gtk-recolor(url("assets/radio-dash-symbolic.png"))); } 1578radio:checked { 1579border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } 1580radio:checked:disabled { 1581border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent)) 24/24px; } 1582radio:indeterminate:checked { 1583border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; } 1584 1585@keyframes check_check { 1586from { 1587-gtk-icon-transform: rotate(90deg); } 1588to { 1589-gtk-icon-transform: unset; } } 1590@keyframes check_radio { 1591from { 1592border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; } 1593to { 1594border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } } 1595@keyframes check_indeterminate { 1596from { 1597-gtk-icon-transform: unset; } 159850% { 1599-gtk-icon-transform: scale(0, 1); } 1600to { 1601-gtk-icon-transform: unset; } } 1602modelbutton.flat check:not(:indeterminate):checked, 1603.menuitem.button.flat check:not(:indeterminate):checked, 1604check:not(:indeterminate):checked { 1605animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); } 1606 1607check:not(:indeterminate):checked:active { 1608animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; } 1609 1610modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked, 1611.menuitem.button.flat check:indeterminate:checked, 1612.menuitem.button.flat radio:indeterminate:checked, 1613check:indeterminate:checked, radio:indeterminate:checked { 1614animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); } 1615 1616check:indeterminate:checked:active, radio:indeterminate:checked:active { 1617animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; } 1618 1619menu menuitem check:not(:indeterminate):checked, 1620menu menuitem radio:not(:indeterminate):checked, 1621menu menuitem check:indeterminate:checked, 1622menu menuitem radio:indeterminate:checked { 1623animation: none; } 1624 1625treeview.view check, 1626treeview.view radio { 1627padding: 0; } 1628treeview.view check:hover, 1629treeview.view radio:hover { 1630box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } 1631treeview.view check:hover:disabled, 1632treeview.view radio:hover:disabled { 1633box-shadow: none; } 1634treeview.view check:hover:selected, 1635treeview.view radio:hover:selected { 1636box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); } 1637treeview.view check, 1638treeview.view radio { 1639color: rgba(255, 255, 255, 0.75); } 1640treeview.view check:hover, treeview.view check:active, 1641treeview.view radio:hover, 1642treeview.view radio:active { 1643color: #FFFFFF; } 1644treeview.view check:disabled, 1645treeview.view radio:disabled { 1646color: rgba(255, 255, 255, 0.3); } 1647treeview.view check:checked, treeview.view check:indeterminate, 1648treeview.view radio:checked, 1649treeview.view radio:indeterminate { 1650color: #FF4081; } 1651treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, 1652treeview.view radio:checked:disabled, 1653treeview.view radio:indeterminate:disabled { 1654color: rgba(255, 64, 129, 0.4); } 1655treeview.view check:selected, 1656treeview.view radio:selected { 1657color: rgba(255, 255, 255, 0.75); } 1658treeview.view check:selected:hover, treeview.view check:selected:active, 1659treeview.view radio:selected:hover, 1660treeview.view radio:selected:active { 1661color: #FFFFFF; } 1662treeview.view check:selected:disabled, 1663treeview.view radio:selected:disabled { 1664color: rgba(255, 255, 255, 0.3); } 1665treeview.view check:selected:checked, treeview.view check:selected:indeterminate, 1666treeview.view radio:selected:checked, 1667treeview.view radio:selected:indeterminate { 1668color: #FF4081; } 1669treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, 1670treeview.view radio:selected:checked:disabled, 1671treeview.view radio:selected:indeterminate:disabled { 1672color: rgba(255, 64, 129, 0.4); } 1673 1674treeview.view radio:checked { 1675-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic.png"))); 1676border-image: none; } 1677 1678/************ 1679* GtkScale * 1680************/ 1681scale { 1682min-height: 12px; 1683min-width: 12px; 1684padding: 12px; } 1685scale * { 1686transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); } 1687scale slider { 1688min-height: 24px; 1689min-width: 24px; 1690margin: -10px; } 1691scale trough { 1692outline-offset: 2px; 1693background-color: alpha(currentColor, 0.3); } 1694scale trough:disabled { 1695color: rgba(255, 255, 255, 0.4); } 1696scale highlight { 1697background-color: #FF4081; } 1698scale highlight:disabled { 1699background-color: transparent; } 1700scale fill { 1701background-color: alpha(currentColor, 0.3); } 1702scale fill:disabled { 1703background-color: transparent; } 1704scale slider { 1705transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); 1706background-repeat: no-repeat; 1707background-position: center; 1708background-size: calc(100% - 8px); } 1709scale slider { 1710background-image: -gtk-scaled(url("assets/slider-dark.png"), url("assets/slider-dark@2.png")); } 1711scale slider:disabled { 1712background-image: -gtk-scaled(url("assets/slider-insensitive-dark.png"), url("assets/slider-insensitive-dark@2.png")); } 1713scale slider:hover { 1714background-size: calc(100% - 4px); } 1715scale slider:active { 1716background-size: calc(100% - 0px); } 1717scale.fine-tune slider { 1718background-size: calc(100% - 12px); } 1719scale value { 1720color: alpha(currentColor, 0.6); } 1721scale marks { 1722color: alpha(currentColor, 0.3); } 1723scale marks.top { 1724margin-bottom: 8px; 1725margin-top: -16px; } 1726scale marks.bottom { 1727margin-top: 8px; 1728margin-bottom: -16px; } 1729scale marks.top { 1730margin-right: 8px; 1731margin-left: -16px; } 1732scale marks.bottom { 1733margin-left: 8px; 1734margin-right: -16px; } 1735scale.horizontal indicator { 1736min-height: 8px; 1737min-width: 1px; } 1738scale.vertical indicator { 1739min-height: 1px; 1740min-width: 8px; } 1741scale.horizontal.marks-before:not(.marks-after) slider { 1742min-height: 30px; 1743min-width: 24px; 1744margin-top: -16px; 1745background-position: center calc(100% - 4px); } 1746scale.horizontal.marks-before:not(.marks-after) slider { 1747background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } 1748scale.horizontal.marks-before:not(.marks-after) slider:disabled { 1749background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); } 1750scale.horizontal.marks-before:not(.marks-after) slider:hover { 1751background-position: center calc(100% - 2px); } 1752scale.horizontal.marks-before:not(.marks-after) slider:active { 1753background-position: center calc(100% - 0px); } 1754scale.horizontal.marks-before:not(.marks-after).fine-tune slider { 1755background-position: center calc(100% - 6px); } 1756scale.horizontal.marks-after:not(.marks-before) slider { 1757min-height: 30px; 1758min-width: 24px; 1759margin-bottom: -16px; 1760background-position: center calc(4px); } 1761scale.horizontal.marks-after:not(.marks-before) slider { 1762background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); } 1763scale.horizontal.marks-after:not(.marks-before) slider:disabled { 1764background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); } 1765scale.horizontal.marks-after:not(.marks-before) slider:hover { 1766background-position: center calc(2px); } 1767scale.horizontal.marks-after:not(.marks-before) slider:active { 1768background-position: center calc(0px); } 1769scale.horizontal.marks-after:not(.marks-before).fine-tune slider { 1770background-position: center calc(6px); } 1771scale.vertical.marks-before:not(.marks-after) slider { 1772min-height: 24px; 1773min-width: 30px; 1774margin-left: -16px; 1775background-position: calc(4px) center; } 1776scale.vertical.marks-before:not(.marks-after) slider { 1777background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); } 1778scale.vertical.marks-before:not(.marks-after) slider:disabled { 1779background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); } 1780scale.vertical.marks-before:not(.marks-after) slider:hover { 1781background-position: calc(2px) center; } 1782scale.vertical.marks-before:not(.marks-after) slider:active { 1783background-position: calc(0px) center; } 1784scale.vertical.marks-before:not(.marks-after).fine-tune slider { 1785background-position: calc(6px) center; } 1786scale.vertical.marks-after:not(.marks-before) slider { 1787min-height: 24px; 1788min-width: 30px; 1789margin-right: -16px; 1790background-position: calc(100% - 4px) center; } 1791scale.vertical.marks-after:not(.marks-before) slider { 1792background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); } 1793scale.vertical.marks-after:not(.marks-before) slider:disabled { 1794background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); } 1795scale.vertical.marks-after:not(.marks-before) slider:hover { 1796background-position: calc(100% - 2px) center; } 1797scale.vertical.marks-after:not(.marks-before) slider:active { 1798background-position: calc(100% - 0px) center; } 1799scale.vertical.marks-after:not(.marks-before).fine-tune slider { 1800background-position: calc(100% - 6px) center; } 1801scale.color { 1802min-height: 0; 1803min-width: 0; } 1804scale.color.horizontal { 1805padding: 0 0 12px 0; } 1806scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { 1807margin-bottom: -12px; 1808margin-top: -2px; } 1809scale.color.vertical:dir(ltr) { 1810padding: 0 0 0 12px; } 1811scale.color.vertical:dir(ltr) slider { 1812margin-left: -12px; 1813margin-right: -2px; } 1814scale.color.vertical:dir(rtl) { 1815padding: 0 12px 0 0; } 1816scale.color.vertical:dir(rtl) slider { 1817margin-right: -12px; 1818margin-left: -2px; } 1819 1820/***************** 1821* Progress bars * 1822*****************/ 1823progressbar { 1824color: rgba(255, 255, 255, 0.6); 1825font-size: smaller; } 1826progressbar.horizontal trough, 1827progressbar.horizontal progress { 1828min-height: 4px; } 1829progressbar.vertical trough, 1830progressbar.vertical progress { 1831min-width: 4px; } 1832progressbar trough { 1833background-color: rgba(66, 165, 245, 0.3); } 1834progressbar progress { 1835background-color: #42A5F5; } 1836 1837/************* 1838* Level Bar * 1839*************/ 1840levelbar block { 1841min-width: 36px; 1842min-height: 4px; } 1843levelbar.vertical block { 1844min-width: 4px; 1845min-height: 36px; } 1846levelbar trough { 1847padding: 2px; 1848border-radius: 2px; 1849transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 1850border-image: none; 1851box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1852background-color: #546E7A; 1853color: #FFFFFF; } 1854levelbar trough:disabled { 1855box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); 1856background-color: #4d646f; 1857color: rgba(255, 255, 255, 0.4); } 1858levelbar.horizontal.discrete block { 1859margin: 0 1px; } 1860levelbar.vertical.discrete block { 1861margin: 1px 0; } 1862levelbar.horizontal.discrete trough { 1863padding: 2px 1px; } 1864levelbar.vertical.discrete trough { 1865padding: 1px 2px; } 1866levelbar block.low { 1867background-color: #FF6D00; } 1868levelbar block.high, levelbar block:not(.empty) { 1869background-color: #42A5F5; } 1870levelbar block.full { 1871background-color: #00C853; } 1872levelbar block.empty { 1873background-color: alpha(currentColor, 0.3); 1874color: rgba(255, 255, 255, 0.4); } 1875 1876/**************** 1877* Print dialog * 1878*****************/ 1879printdialog paper { 1880padding: 0; 1881border: 1px solid rgba(0, 0, 0, 0.2); 1882background: #546E7A; 1883color: #FFFFFF; } 1884printdialog .dialog-action-box { 1885margin: 12px; } 1886 1887/********** 1888* Frames * 1889**********/ 1890frame > border, 1891.frame { 1892margin: 0; 1893padding: 0; 1894border: 1px solid rgba(0, 0, 0, 0.2); 1895border-radius: 0; 1896box-shadow: none; } 1897frame > border.flat, 1898.frame.flat { 1899border-style: none; } 1900 1901actionbar > revealer > box { 1902padding: 6px; 1903border-top: 1px solid rgba(0, 0, 0, 0.2); } 1904 1905scrolledwindow viewport.frame { 1906border-style: none; } 1907overshoot.top { 1908background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); 1909background-repeat: no-repeat; 1910background-position: center top; 1911background-color: transparent; 1912border: none; 1913box-shadow: none; } 1914overshoot.bottom { 1915background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); 1916background-repeat: no-repeat; 1917background-position: center bottom; 1918background-color: transparent; 1919border: none; 1920box-shadow: none; } 1921overshoot.left { 1922background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); 1923background-repeat: no-repeat; 1924background-position: left center; 1925background-color: transparent; 1926border: none; 1927box-shadow: none; } 1928overshoot.right { 1929background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); 1930background-repeat: no-repeat; 1931background-position: right center; 1932background-color: transparent; 1933border: none; 1934box-shadow: none; } 1935undershoot.top { 1936background-color: transparent; 1937background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); 1938padding-top: 1px; 1939background-size: 12px 1px; 1940background-repeat: repeat-x; 1941background-origin: content-box; 1942background-position: left top; } 1943undershoot.bottom { 1944background-color: transparent; 1945background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); 1946padding-bottom: 1px; 1947background-size: 12px 1px; 1948background-repeat: repeat-x; 1949background-origin: content-box; 1950background-position: left bottom; } 1951undershoot.left { 1952background-color: transparent; 1953background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); 1954padding-left: 1px; 1955background-size: 1px 12px; 1956background-repeat: repeat-y; 1957background-origin: content-box; 1958background-position: left top; } 1959undershoot.right { 1960background-color: transparent; 1961background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); 1962padding-right: 1px; 1963background-size: 1px 12px; 1964background-repeat: repeat-y; 1965background-origin: content-box; 1966background-position: right top; } 1967junction { 1968border-style: solid none none solid; 1969border-width: 1px; 1970border-color: rgba(0, 0, 0, 0.2); 1971background-color: #546E7A; } 1972junction:dir(rtl) { 1973border-style: solid solid none none; } 1974 1975separator { 1976min-width: 1px; 1977min-height: 1px; 1978background: rgba(0, 0, 0, 0.2); } 1979 1980/********* 1981* Lists * 1982*********/ 1983list { 1984border-color: rgba(0, 0, 0, 0.2); 1985background-color: #546E7A; } 1986list row { 1987padding: 2px; } 1988 1989row.activatable, .view, iconview, treeview.view header button, .budgie-menu button { 1990transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0.6s cubic-bezier(0, 0, 0.2, 1); 1991box-shadow: inset 0 0 0 9999px transparent; 1992background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%), image(transparent); } 1993row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover, .budgie-menu button:hover { 1994transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-image 0.6s cubic-bezier(0, 0, 0.2, 1); 1995box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); } 1996row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active, .budgie-menu button:active { 1997transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0; 1998animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; 1999box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); } 2000 2001/********************* 2002* App Notifications * 2003*********************/ 2004.app-notification { 2005margin: 8px; } 2006.app-notification.frame, 2007.app-notification border { 2008border-style: none; } 2009 2010/************* 2011* Expanders * 2012*************/ 2013expander arrow { 2014transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); 2015min-width: 16px; 2016min-height: 16px; 2017-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 2018-gtk-icon-transform: rotate(-90deg); 2019color: rgba(255, 255, 255, 0.75); } 2020expander arrow:dir(rtl) { 2021-gtk-icon-transform: rotate(90deg); } 2022expander arrow:checked { 2023-gtk-icon-transform: unset; } 2024expander arrow:hover, expander arrow:active { 2025color: #FFFFFF; } 2026expander arrow:disabled { 2027color: rgba(255, 255, 255, 0.3); } 2028expander arrow:selected { 2029color: rgba(255, 255, 255, 0.75); } 2030expander arrow:selected:hover, expander arrow:selected:active { 2031color: #FFFFFF; } 2032expander arrow:selected:disabled { 2033color: rgba(255, 255, 255, 0.3); } 2034 2035/************ 2036* Calendar * 2037***********/ 2038calendar { 2039padding: 1px; 2040border: 1px solid rgba(0, 0, 0, 0.2); 2041color: #FFFFFF; } 2042calendar:disabled { 2043color: rgba(255, 255, 255, 0.4); } 2044calendar:selected { 2045border-radius: 3px; } 2046calendar.header { 2047border-style: none none solid; 2048border-radius: 0; } 2049calendar.highlight { 2050color: alpha(currentColor, 0.6); 2051font-weight: 500; } 2052calendar:indeterminate { 2053color: alpha(currentColor, 0.4); } 2054 2055/*********** 2056* Dialogs * 2057***********/ 2058messagedialog.background { 2059background-color: #607D8B; } 2060messagedialog .titlebar { 2061min-height: 24px; 2062border-style: none; 2063box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 2064background-color: #607D8B; 2065color: #FFFFFF; } 2066messagedialog .titlebar:backdrop { 2067color: rgba(255, 255, 255, 0.75); } 2068messagedialog.csd.background { 2069border-bottom-left-radius: 2px; 2070border-bottom-right-radius: 2px; } 2071messagedialog.csd .dialog-action-area button { 2072padding: 8px 16px; 2073border-top: 1px solid rgba(0, 0, 0, 0.2); 2074border-radius: 0; } 2075messagedialog.csd .dialog-action-area button:first-child { 2076border-bottom-left-radius: 2px; } 2077messagedialog.csd .dialog-action-area button:last-child { 2078border-bottom-right-radius: 2px; } 2079 2080filechooser .dialog-action-box { 2081border-top: 1px solid rgba(0, 0, 0, 0.2); } 2082filechooser #pathbarbox { 2083border-bottom: 1px solid rgba(0, 0, 0, 0.2); 2084background-color: #455A64; } 2085 2086filechooserbutton:drop(active) { 2087box-shadow: none; } 2088 2089/*********** 2090* Sidebar * 2091***********/ 2092.sidebar { 2093border-style: none; 2094background-color: #607D8B; } 2095stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { 2096border-right: 1px solid rgba(0, 0, 0, 0.2); 2097border-left-style: none; } 2098stacksidebar.sidebar:dir(rtl) list 2099.sidebar:dir(rtl), stacksidebar.sidebar.right list 2100.sidebar:dir(rtl), .sidebar.right { 2101border-left: 1px solid rgba(0, 0, 0, 0.2); 2102border-right-style: none; } 2103.sidebar list { 2104background-color: transparent; } 2105paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { 2106border-style: none; } 2107 2108stacksidebar row { 2109padding: 10px 4px; } 2110stacksidebar row > label { 2111padding-left: 6px; 2112padding-right: 6px; } 2113 2114/**************** 2115* File chooser * 2116****************/ 2117placessidebar > viewport.frame { 2118border-style: none; } 2119placessidebar list { 2120padding: 1px 0 4px; } 2121placessidebar row { 2122min-height: 32px; 2123margin: -1px 0; 2124padding: 0; } 2125placessidebar row > revealer { 2126padding: 0 12px; } 2127placessidebar row:selected { 2128color: #FFFFFF; } 2129placessidebar row:disabled { 2130color: rgba(255, 255, 255, 0.4); } 2131placessidebar row image.sidebar-icon { 2132opacity: 0.6; } 2133placessidebar row image.sidebar-icon:dir(ltr) { 2134padding-right: 8px; } 2135placessidebar row image.sidebar-icon:dir(rtl) { 2136padding-left: 8px; } 2137placessidebar row label.sidebar-label:dir(ltr) { 2138padding-right: 2px; } 2139placessidebar row label.sidebar-label:dir(rtl) { 2140padding-left: 2px; } 2141placessidebar row.sidebar-placeholder-row { 2142min-height: 2px; 2143padding: 0 8px; 2144background-image: image(#FF4081); 2145background-clip: content-box; } 2146placessidebar row.sidebar-new-bookmark-row { 2147color: #FF4081; } 2148placessidebar row:drop(active):not(:disabled) { 2149box-shadow: inset 0 0 0 2px #FF4081; } 2150 2151placesview .server-list-button > image { 2152-gtk-icon-transform: rotate(0turn); } 2153placesview .server-list-button:checked > image { 2154-gtk-icon-transform: rotate(-0.5turn); } 2155placesview > actionbar > revealer > box > label { 2156padding-left: 8px; 2157padding-right: 8px; } 2158 2159/********* 2160* Paned * 2161*********/ 2162paned > separator { 2163min-width: 1px; 2164min-height: 1px; 2165-gtk-icon-source: none; 2166border-style: none; 2167background-color: transparent; 2168background-image: image(rgba(0, 0, 0, 0.2)); 2169background-size: 1px 1px; } 2170paned > separator.wide { 2171min-width: 6px; 2172min-height: 6px; 2173background-color: #455A64; 2174background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2)); 2175background-size: 1px 1px, 1px 1px; } 2176paned.horizontal > separator { 2177background-repeat: repeat-y; } 2178paned.horizontal > separator:dir(ltr) { 2179margin: 0 -8px 0 0; 2180padding: 0 8px 0 0; 2181background-position: left; } 2182paned.horizontal > separator:dir(rtl) { 2183margin: 0 0 0 -8px; 2184padding: 0 0 0 8px; 2185background-position: right; } 2186paned.horizontal > separator.wide { 2187margin: 0; 2188padding: 0; 2189background-repeat: repeat-y, repeat-y; 2190background-position: left, right; } 2191paned.vertical > separator { 2192margin: 0 0 -8px 0; 2193padding: 0 0 8px 0; 2194background-repeat: repeat-x; 2195background-position: top; } 2196paned.vertical > separator.wide { 2197margin: 0; 2198padding: 0; 2199background-repeat: repeat-x, repeat-x; 2200background-position: bottom, top; } 2201 2202/************** 2203* GtkInfoBar * 2204**************/ 2205infobar { 2206border-style: none; } 2207infobar.info { 2208background-color: #66BB6A; } 2209infobar.question { 2210background-color: #42A5F5; } 2211infobar.warning { 2212background-color: #FFA726; } 2213infobar.error { 2214background-color: #EF5350; } 2215infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { 2216color: #FFFFFF; } 2217 2218/************ 2219* Tooltips * 2220************/ 2221tooltip { 2222border-radius: 2px; 2223box-shadow: none; } 2224tooltip.background { 2225box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 2226background-color: rgba(84, 110, 122, 0.9); } 2227tooltip:not(.csd) { 2228border: 1px solid rgba(0, 0, 0, 0.2); 2229border-radius: 3px; 2230background-clip: border-box; } 2231tooltip decoration { 2232background-color: transparent; } 2233tooltip label { 2234min-height: 20px; 2235padding: 0 2px; } 2236 2237/***************** 2238* Color Chooser * 2239*****************/ 2240colorswatch.top { 2241border-top-left-radius: 2.5px; 2242border-top-right-radius: 2.5px; } 2243colorswatch.top overlay { 2244border-top-left-radius: 2px; 2245border-top-right-radius: 2px; } 2246colorswatch.bottom { 2247border-bottom-left-radius: 2.5px; 2248border-bottom-right-radius: 2.5px; } 2249colorswatch.bottom overlay { 2250border-bottom-left-radius: 2px; 2251border-bottom-right-radius: 2px; } 2252colorswatch.left, colorswatch:first-child:not(.top) { 2253border-top-left-radius: 2.5px; 2254border-bottom-left-radius: 2.5px; } 2255colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { 2256border-top-left-radius: 2px; 2257border-bottom-left-radius: 2px; } 2258colorswatch.right, colorswatch:last-child:not(.bottom) { 2259border-top-right-radius: 2.5px; 2260border-bottom-right-radius: 2.5px; } 2261colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { 2262border-top-right-radius: 2px; 2263border-bottom-right-radius: 2px; } 2264colorswatch.dark overlay { 2265color: #FFFFFF; } 2266colorswatch.light overlay { 2267color: rgba(0, 0, 0, 0.8); } 2268colorswatch.dark { 2269color: #FFFFFF; } 2270colorswatch.light { 2271color: rgba(0, 0, 0, 0.8); } 2272colorswatch:drop(active) { 2273box-shadow: none; } 2274colorswatch:drop(active).light overlay { 2275box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081; } 2276colorswatch:drop(active).dark overlay { 2277box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081; } 2278colorswatch overlay { 2279transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 2280box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 2281colorswatch overlay:hover { 2282box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 2283colorswatch#add-color-button { 2284border-radius: 2px 2px 0 0; 2285color: #FFFFFF; } 2286colorswatch#add-color-button:only-child { 2287border-radius: 2px; } 2288colorswatch#add-color-button overlay { 2289background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); 2290color: #FFFFFF; } 2291colorswatch:disabled { 2292opacity: 0.4; } 2293colorswatch:disabled overlay { 2294box-shadow: none; } 2295colorswatch#editor-color-sample { 2296border-radius: 2.5px; } 2297colorswatch#editor-color-sample overlay { 2298border-radius: 2px; } 2299 2300colorchooser .popover.osd { 2301transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 2302border-radius: 2px; 2303box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); 2304background-color: #546E7A; } 2305colorchooser .popover.osd:backdrop { 2306box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); } 2307 2308/******** 2309* Misc * 2310********/ 2311.content-view { 2312background-color: #455A64; } 2313 2314/********************** 2315* Window Decorations * 2316*********************/ 2317decoration { 2318transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); 2319border-radius: 2px 2px 0 0; 2320box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; 2321margin: 8px; } 2322decoration:backdrop { 2323box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; } 2324.maximized decoration, .fullscreen decoration, .tiled decoration { 2325border-radius: 0; } 2326.popup decoration { 2327box-shadow: none; } 2328.ssd decoration { 2329box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } 2330.csd.popup decoration { 2331border-radius: 2px; 2332box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 2333tooltip.csd decoration { 2334border-radius: 2px; 2335box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } 2336messagedialog.csd decoration { 2337border-radius: 2px; } 2338.solid-csd decoration { 2339margin: 0; 2340padding: 4px; 2341box-shadow: inset 0 0 0 4px #37474F; } 2342 2343.view:selected, iconview:selected, .view text selection, iconview text selection, 2344textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, 2345entry selection, modelbutton.flat:selected, 2346.menuitem.button.flat:selected, popover.background.menu button:checked, 2347popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked { 2348background-color: #42A5F5; } 2349row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection, 2350textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, 2351entry selection, modelbutton.flat:selected, 2352.menuitem.button.flat:selected, popover.background.menu button:checked, 2353popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked { 2354color: #FFFFFF; } 2355row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled, 2356textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, 2357entry selection:disabled, modelbutton.flat:disabled:selected, 2358.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, 2359popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked { 2360color: rgba(255, 255, 255, 0.4); } 2361 2362.monospace { 2363font-family: monospace; } 2364 2365/********************** 2366* Touch Copy & Paste * 2367*********************/ 2368cursor-handle { 2369border-radius: 9999px; 2370background-color: #FF4081; 2371background-image: none; } 2372cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { 2373padding-left: 6px; 2374border-top-right-radius: 0; } 2375cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { 2376padding-right: 6px; 2377border-top-left-radius: 0; } 2378cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { 2379-GtkWidget-text-handle-width: 24; 2380-GtkWidget-text-handle-height: 30; 2381-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } 2382 2383.context-menu { 2384font: initial; } 2385 2386.inline-toolbar 2387button:not(.text-button), check, 2388radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .expander-button, 2389button.close, 2390button.circular { 2391border-radius: 9999px; 2392-gtk-outline-radius: 9999px; } 2393 2394spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat { 2395min-height: 24px; 2396min-width: 24px; 2397padding: 0; 2398border-radius: 9999px; 2399-gtk-outline-radius: 9999px; } 2400 2401.keycap { 2402min-width: 12px; 2403min-height: 26px; 2404margin-top: 2px; 2405padding-bottom: 2px; 2406padding-left: 8px; 2407padding-right: 8px; 2408border: solid 1px rgba(0, 0, 0, 0.2); 2409border-radius: 3px; 2410box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); 2411background-color: #546E7A; 2412color: #FFFFFF; 2413font-size: smaller; } 2414 2415*:drop(active) { 2416transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 2417box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #FF4081; 2418caret-color: #FF4081; } 2419 2420stackswitcher button.text-button { 2421min-width: 100px; } 2422 2423stackswitcher button.circular, 2424stackswitcher button.text-button.circular { 2425min-width: 36px; 2426min-height: 36px; 2427padding: 0; } 2428 2429/************ 2430* Nautilus * 2431************/ 2432.nautilus-window, 2433.nautilus-window notebook, 2434.nautilus-window notebook > stack { 2435background: #546E7A; } 2436 2437.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item { 2438color: #FFFFFF; 2439text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 2440 2441.nautilus-desktop.nautilus-canvas-item:selected, .caja-desktop.caja-canvas-item:selected { 2442text-shadow: none; } 2443 2444@keyframes needs_attention_keyframes { 2445from { 2446background-color: transparent; } 2447to { 2448background-color: alpha(currentColor, 0.3); } } 2449.nautilus-operations-button-needs-attention { 2450color: #FF4081; 2451animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } 2452 2453.nautilus-operations-button-needs-attention-multiple { 2454color: #FF4081; 2455animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; } 2456 2457.nautilus-window .floating-bar { 2458min-height: 32px; 2459padding: 0; 2460border-style: solid solid none; 2461border-width: 1px; 2462border-color: rgba(0, 0, 0, 0.2); 2463border-radius: 3px 3px 0 0; 2464background-color: #546E7A; 2465background-clip: border-box; 2466transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0; } 2467.nautilus-window .floating-bar.bottom.left { 2468margin-right: 7px; 2469border-left-style: none; 2470border-top-left-radius: 0; } 2471.nautilus-window .floating-bar.bottom.right { 2472margin-left: 7px; 2473border-right-style: none; 2474border-top-right-radius: 0; } 2475.nautilus-window .floating-bar button { 2476margin: 4px; } 2477 2478.disk-space-display.unknown { 2479background-color: #FF6D00; } 2480 2481.disk-space-display.used { 2482background-color: #42A5F5; } 2483 2484.disk-space-display.free { 2485background-color: alpha(currentColor, 0.3); 2486color: rgba(255, 255, 255, 0.4); } 2487 2488.documents-entry-tag, .photos-entry-tag { 2489margin: 3px -2px 3px 8px; 2490padding: 0 8px; 2491border-radius: 9999px; 2492box-shadow: none; 2493background-color: #42A5F5; 2494color: #FFFFFF; } 2495.documents-entry-tag:hover, .photos-entry-tag:hover { 2496box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } 2497 2498.documents-entry-tag.button, .button.photos-entry-tag { 2499margin: 0 -2px; 2500padding: 4px; 2501border-radius: 9999px; 2502box-shadow: none; 2503color: rgba(255, 255, 255, 0.75); } 2504.documents-entry-tag.button:hover, .button.photos-entry-tag:hover, .documents-entry-tag.button:active, .button.photos-entry-tag:active { 2505color: #FFFFFF; } 2506 2507.nautilus-window searchbar { 2508border-top: 1px solid rgba(0, 0, 0, 0.2); } 2509 2510.nautilus-window .searchbar-container { 2511margin-top: -1px; } 2512 2513.conflict-row:not(:selected) { 2514background-color: #876e55; } 2515 2516dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { 2517border-style: none; } 2518dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { 2519margin: -6px 0 0 -6px; 2520border-top: 1px solid rgba(0, 0, 0, 0.2); } 2521dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { 2522margin: 0 8px; } 2523dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { 2524border-radius: 0; } 2525 2526.nautilus-menu-sort-heading { 2527margin: 1px 3px; 2528font-weight: 500; } 2529.nautilus-menu-sort-heading:disabled { 2530color: rgba(255, 255, 255, 0.6); } 2531 2532.nautilus-window > popover.menu { 2533padding: 3px; } 2534.nautilus-window > popover.menu > stack > box > box > box { 2535margin-top: -6px; } 2536.nautilus-window > popover.menu > stack > box > box > box > box { 2537margin-bottom: -6px; } 2538.nautilus-window > popover.menu > stack > box > box > box > box.linked { 2539margin-top: 1px; } 2540.nautilus-window > popover.menu separator { 2541margin-bottom: -2px; } 2542 2543/********* 2544* gedit * 2545*********/ 2546.open-document-selector-name-label { 2547font-weight: bold; } 2548 2549.open-document-selector-path-label { 2550color: alpha(currentColor, 0.6); 2551font-size: smaller; } 2552 2553.gedit-document-panel { 2554background-color: #607D8B; } 2555 2556.gedit-document-panel-group-row { 2557border-top: 1px solid rgba(0, 0, 0, 0.2); } 2558 2559.gedit-document-panel-group-row:first-child { 2560border-top: none; } 2561 2562.gedit-document-panel row button.flat { 2563margin-top: 8px; 2564margin-bottom: 8px; } 2565 2566.gedit-side-panel-paned statusbar { 2567border-top: 1px solid rgba(0, 0, 0, 0.2); } 2568 2569.gedit-search-slider { 2570margin: 4px 4px 8px; } 2571.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) { 2572border-radius: 2px; } 2573.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { 2574all: unset; 2575color: alpha(currentColor, 0.6); } 2576.gedit-search-slider entry:dir(ltr) { 2577margin-right: -66px; 2578padding-right: 66px; } 2579.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag { 2580margin-left: 6px; } 2581.gedit-search-slider entry:dir(ltr) image.right { 2582margin-right: 0; } 2583.gedit-search-slider entry:dir(rtl) { 2584margin-left: -66px; 2585padding-left: 66px; } 2586.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { 2587margin-right: 6px; } 2588.gedit-search-slider entry:dir(rtl) image.left { 2589margin-left: 0; } 2590.gedit-search-slider entry.error ~ button { 2591color: rgba(255, 255, 255, 0.75); } 2592.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { 2593color: #FFFFFF; } 2594.gedit-search-slider entry.error ~ button:disabled { 2595color: rgba(255, 255, 255, 0.3); } 2596.gedit-search-slider button { 2597border: solid 6px transparent; } 2598.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) { 2599margin-left: -3px; } 2600.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) { 2601margin-right: -3px; } 2602 2603frame.gedit-map-frame > border:dir(ltr) { 2604border-style: none none none solid; } 2605frame.gedit-map-frame > border:dir(rtl) { 2606border-style: none solid none none; } 2607 2608/************** 2609* Tweak Tool * 2610**************/ 2611.tweak-categories { 2612background-image: image(#607D8B); } 2613.tweak-categories separator { 2614min-width: 0; 2615min-height: 0; 2616background: transparent; } 2617 2618.tweak { 2619padding: 3px; } 2620.tweak.title:hover { 2621box-shadow: none; } 2622 2623.tweak-group-white, 2624.tweak-white, 2625.tweak-white:hover { 2626background-image: image(#546E7A); } 2627 2628.tweak-startup, 2629.tweak-startup:hover { 2630background-image: image(#546E7A); } 2631 2632.tweak-group-startup { 2633background-image: image(#546E7A); 2634border: 1px solid rgba(0, 0, 0, 0.2); } 2635 2636/*********** 2637* Builder * 2638***********/ 2639workbench stack.titlebar { 2640padding: 0; } 2641 2642workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { 2643border-radius: 2px 2px 0 0; } 2644 2645layouttabbar { 2646border-bottom: 1px solid rgba(0, 0, 0, 0.2); 2647background-color: #455A64; } 2648 2649layouttabbar > box > button { 2650margin: 2px 0; } 2651 2652layouttab { 2653margin: 0 8px; 2654border-style: none solid; 2655border-width: 1px; 2656border-color: rgba(0, 0, 0, 0.2); 2657box-shadow: inset 0 -2px #42A5F5; 2658background-color: #546E7A; } 2659 2660layouttab separator.vertical { 2661margin: 8px 4px; } 2662 2663layouttab button.text-button, layouttab button.image-button, layouttab button { 2664margin-top: 8px; 2665margin-bottom: 8px; 2666padding: 0 4px; } 2667 2668layouttab > box > button.close { 2669border-radius: 9999px; } 2670 2671layout { 2672border: 1px solid rgba(0, 0, 0, 0.2); 2673-PnlDockBin-handle-size: 1; } 2674 2675entry.search-missing { 2676background-color: #DD2C00; 2677color: #FFFFFF; } 2678 2679workbench treeview.image { 2680color: alpha(currentColor, 0.6); } 2681 2682workbench treeview.image:selected { 2683color: rgba(255, 255, 255, 0.6); } 2684 2685popover.popover-selector list { 2686padding: 6px; } 2687 2688popover.popover-selector list row { 2689border-radius: 2px; } 2690 2691popover.popover-selector list row image:dir(ltr) { 2692margin-right: 6px; } 2693popover.popover-selector list row image:dir(rtl) { 2694margin-left: 6px; } 2695 2696omnibar.linked:not(.vertical) entry { 2697border-radius: 2px; } 2698omnibar:not(:hover):not(:active) entry { 2699color: rgba(255, 255, 255, 0.75); } 2700 2701popover.omnibar list row:not(:last-child) { 2702border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 2703 2704entry.preferences-search { 2705box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); 2706background-color: #546E7A; } 2707 2708preferences stacksidebar.sidebar list { 2709background-color: #607D8B; } 2710 2711preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { 2712border-style: none; } 2713 2714preferences stacksidebar list separator { 2715min-width: 0; 2716min-height: 0; 2717background: transparent; } 2718 2719preferences > box > box:dir(ltr) { 2720border-right: 1px solid rgba(0, 0, 0, 0.2); } 2721preferences > box > box:dir(rtl) { 2722border-left: 1px solid rgba(0, 0, 0, 0.2); } 2723 2724popover.messagepopover.background { 2725padding: 0; } 2726 2727popover.messagepopover .popover-action-area button { 2728padding: 8px 16px; 2729border-top: 1px solid rgba(0, 0, 0, 0.2); 2730border-radius: 0; } 2731 2732popover.messagepopover .popover-action-area button:first-child { 2733border-bottom-left-radius: 2px; } 2734 2735popover.messagepopover .popover-action-area button:last-child { 2736border-bottom-right-radius: 2px; } 2737 2738popover.messagepopover .popover-content-area { 2739margin: 16px; } 2740 2741popover.transfers list { 2742background-color: transparent; } 2743 2744popover.transfers list row:not(:first-child) { 2745border-top: 1px solid rgba(0, 0, 0, 0.2); } 2746 2747popover.transfers list row > box { 2748padding: 10px; } 2749 2750dockbin { 2751border: 1px solid rgba(0, 0, 0, 0.2); 2752-PnlDockBin-handle-size: 1; } 2753 2754dockpaned { 2755border: 1px solid rgba(0, 0, 0, 0.2); } 2756 2757eggsearchbar box.search-bar { 2758padding: 0 8px; 2759border-bottom: 1px solid rgba(0, 0, 0, 0.2); 2760background-color: #455A64; } 2761 2762docktabstrip { 2763padding: 0 8px; 2764border-bottom: 1px solid rgba(0, 0, 0, 0.2); 2765background-color: #455A64; } 2766 2767docktab { 2768transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); 2769min-height: 24px; 2770min-width: 24px; 2771margin-bottom: -1px; 2772padding: 6px 6px; 2773outline-offset: -6px; 2774border-width: 1px; 2775border-color: transparent; 2776color: rgba(255, 255, 255, 0.75); 2777font-weight: 500; } 2778docktab:hover { 2779box-shadow: inset 0 -2px alpha(currentColor, 0.3); 2780color: #FFFFFF; } 2781docktab:checked { 2782animation: tab_ripple_effect 0.9s cubic-bezier(0, 0, 0.2, 1); 2783box-shadow: inset 0 -2px #42A5F5; 2784color: #FFFFFF; } 2785 2786dockoverlayedge { 2787background-color: #455A64; } 2788 2789dockoverlayedge docktabstrip { 2790padding: 0; 2791border: none; } 2792 2793dockoverlayedge.left-edge docktab:hover { 2794box-shadow: inset -2px 0 alpha(currentColor, 0.3); } 2795dockoverlayedge.left-edge docktab:checked { 2796box-shadow: inset -2px 0 #42A5F5; } 2797 2798dockoverlayedge.right-edge docktab:hover { 2799box-shadow: inset 2px 0 alpha(currentColor, 0.3); } 2800dockoverlayedge.right-edge docktab:checked { 2801box-shadow: inset 2px 0 #42A5F5; } 2802 2803pillbox { 2804background-color: #455A64; 2805border-radius: 2px; } 2806 2807layoutpane entry.search { 2808box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); 2809background-color: #546E7A; } 2810 2811editortweak entry.search { 2812margin-bottom: -1px; 2813box-shadow: none; } 2814 2815.gb-search-entry-occurrences-tag { 2816box-shadow: none; 2817background-color: transparent; } 2818 2819docktabstrip { 2820min-height: 39px; } 2821 2822workbench preferences preferencesgroup list entry { 2823padding-top: 8px; 2824padding-bottom: 8px; } 2825 2826button.run-arrow-button { 2827padding-left: 10px; 2828padding-right: 10px; } 2829 2830/********** 2831* Photos * 2832**********/ 2833GdMainIconView.content-view { 2834-GdMainIconView-icon-size: 48; } 2835 2836.documents-counter { 2837margin: 8px; 2838border-radius: 9999px; 2839box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); 2840background-color: #FF4081; 2841color: #FFFFFF; 2842font-weight: bold; } 2843 2844.documents-scrolledwin.frame { 2845border-style: none; } 2846 2847.photos-fade-in { 2848opacity: 1; 2849transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); } 2850 2851.photos-fade-out { 2852opacity: 0; 2853transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); } 2854 2855overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { 2856border-style: none none none solid; } 2857overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { 2858border-style: none solid none none; } 2859 2860/********* 2861* Music * 2862*********/ 2863.side-panel:dir(ltr) { 2864border-style: solid; 2865border-color: rgba(0, 0, 0, 0.2); } 2866 2867.side-panel:dir(rtl) { 2868border-style: solid; 2869border-color: rgba(0, 0, 0, 0.2); } 2870 2871.side-panel .view, .side-panel iconview { 2872background-image: image(#607D8B); } 2873.side-panel .view:hover, .side-panel iconview:hover { 2874background-image: image(#688491); } 2875 2876.side-panel .view:selected, .side-panel iconview:selected { 2877background-image: image(#42A5F5); } 2878.side-panel .view:selected:hover, .side-panel iconview:selected:hover { 2879background-image: image(#4baaf6); } 2880 2881.songs-list:hover { 2882background-image: image(alpha(currentColor, 0.05)); } 2883 2884frame.documents-dropdown { 2885margin: 8px; } 2886frame.documents-dropdown > border { 2887border: none; } 2888 2889box.vertical:not(.titlebar) > revealer > toolbar.search-bar { 2890border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 2891box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { 2892-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 2893 2894/********* 2895* To Do * 2896*********/ 2897task-row { 2898transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); 2899margin: 0 -4px; } 2900task-row:hover { 2901transition: none; } 2902task-row label { 2903margin: 0 8px; } 2904task-row image { 2905margin: 0 4px; } 2906 2907task-list-view > box > revealer > box > button { 2908min-height: 36px; 2909margin: -4px; 2910padding: 0 12px; } 2911task-list-view > box > revealer > box > button label { 2912margin: 0 8px; } 2913task-list-view > box > revealer > box > button image { 2914margin: 0 4px; } 2915 2916/******* 2917* eog * 2918*******/ 2919#eog-thumb-nav scrolledwindow { 2920border-top: none; } 2921#eog-thumb-nav button { 2922-gtk-outline-radius: 2px; } 2923 2924/************* 2925* Evolution * 2926*************/ 2927frame.taskbar > border { 2928border-style: solid none none; } 2929 2930box.vertical > paned.horizontal notebook widget .frame { 2931border-style: none; } 2932 2933/******** 2934* gitg * 2935********/ 2936frame.commit-frame > border { 2937border-style: solid none none; } 2938 2939/************** 2940* Characters * 2941**************/ 2942box.dialog-vbox scrolledwindow.related { 2943border: 1px solid rgba(0, 0, 0, 0.2); } 2944 2945list.categories { 2946background-image: image(#607D8B); } 2947 2948/************** 2949* Calculator * 2950**************/ 2951button.title label { 2952min-height: 36px; } 2953 2954/************ 2955* Terminix * 2956************/ 2957.terminix-background box.vertical > widget > box.horizontal { 2958padding: 3px 0 2px; } 2959.terminix-background box.vertical > widget > box.horizontal button { 2960padding: 4px 8px; } 2961.terminix-background box.vertical > widget > box.horizontal button.image-button { 2962padding: 4px; } 2963 2964.terminix-background revealer > frame > border { 2965border-style: none; } 2966 2967button.image-button.session-new-button { 2968min-width: 32px; } 2969 2970overlay > revealer.left > scrolledwindow.frame, 2971overlay > revealer.right > scrolledwindow.frame { 2972border-style: none; 2973box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 2974 2975overlay > revealer.left > scrolledwindow.frame { 2976margin-right: 32px; } 2977 2978overlay > revealer.right > scrolledwindow.frame { 2979margin-left: 32px; } 2980 2981.terminix-session-sidebar { 2982background-image: image(#607D8B); } 2983 2984/*********** 2985* Eclipse * 2986***********/ 2987window.background > box.vertical > scrolledwindow > widget toolbar { 2988padding: 2px; } 2989window.background > box.vertical > scrolledwindow > widget toolbar separator, 2990window.background > box.vertical > scrolledwindow > widget toolbar button { 2991margin: 2px; } 2992window.background > box.vertical > scrolledwindow > widget toolbar button { 2993border-radius: 2px; } 2994 2995/*********** 2996* Firefox * 2997***********/ 2998window.background > widget > menubar { 2999color: rgba(255, 255, 255, 0.75); } 3000window.background > widget > menubar:hover { 3001color: #FFFFFF; } 3002window.background > widget > menubar:disabled { 3003color: rgba(255, 255, 255, 0.3); } 3004 3005window.background > menu > menuitem > label:disabled { 3006color: rgba(255, 255, 255, 0.4); } 3007 3008window.background > window.background > menu > separator { 3009color: rgba(0, 0, 0, 0.2); } 3010 3011window.background > widget > frame { 3012color: rgba(0, 0, 0, 0.2); } 3013 3014window.background > widget > checkbutton > check, 3015window.background > widget > radiobutton > radio { 3016margin: 0; 3017padding: 0; } 3018 3019window.background > widget > radiobutton > radio:checked { 3020-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic.png"))); 3021border-image: none; } 3022 3023/*********** 3024* Synapse * 3025***********/ 3026window.background > box.vertical > widget > widget:selected { 3027background-color: #42A5F5; } 3028 3029/********* 3030* Unity * 3031*********/ 3032UnityDecoration { 3033-UnityDecoration-extents: 28px 0 0 0; 3034-UnityDecoration-input-extents: 8px; 3035-UnityDecoration-shadow-offset-x: 0; 3036-UnityDecoration-shadow-offset-y: 3px; 3037-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48); 3038-UnityDecoration-active-shadow-radius: 18px; 3039-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); 3040-UnityDecoration-inactive-shadow-radius: 6px; 3041-UnityDecoration-glow-size: 8px; 3042-UnityDecoration-glow-color: #42A5F5; 3043-UnityDecoration-title-indent: 4px; 3044-UnityDecoration-title-fade: 32px; 3045-UnityDecoration-title-alignment: 0.0; } 3046 3047UnityDecoration.top { 3048padding: 0 2px; 3049border-style: none; 3050border-radius: 2px 2px 0 0; 3051box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 3052background-color: #37474F; 3053color: #FFFFFF; } 3054 3055UnityDecoration.top:backdrop { 3056color: rgba(255, 255, 255, 0.75); } 3057 3058UnityDecoration.menuitem, 3059UnityDecoration .menuitem { 3060color: alpha(currentColor, 0.75); } 3061 3062UnityDecoration.menubar.menuitem:hover, 3063UnityDecoration.menubar .menuitem *:hover { 3064box-shadow: inset 0 -2px currentColor; 3065background-color: transparent; 3066color: currentColor; } 3067 3068.background:not(.csd) headerbar:not(.titlebar) { 3069border-radius: 0; 3070box-shadow: none; } 3071.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { 3072border-style: none; } 3073 3074UnityPanelWidget, 3075.unity-panel { 3076background-color: #263238; 3077background-image: image(#263238); 3078color: #FFFFFF; } 3079 3080UnityPanelWidget:backdrop, 3081.unity-panel:backdrop { 3082color: rgba(255, 255, 255, 0.75); } 3083 3084.unity-panel.menuitem, 3085.unity-panel .menuitem { 3086color: alpha(currentColor, 0.75); } 3087 3088.unity-panel.menubar.menuitem:hover, 3089.unity-panel.menubar .menuitem *:hover { 3090box-shadow: inset 0 -2px currentColor; 3091background-color: transparent; 3092color: currentColor; } 3093 3094@keyframes playbackmenuitem_spinner { 3095to { 3096-gtk-icon-transform: rotate(1turn); } } 3097.menu IdoPlaybackMenuItem.menuitem:active { 3098-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 3099animation: playbackmenuitem_spinner 1s infinite linear; 3100color: #42A5F5; } 3101 3102/************** 3103* Mate-Panel * 3104**************/ 3105.mate-panel-menu-bar menubar, 3106#PanelApplet-window-menu-applet-button { 3107background-color: transparent; } 3108 3109#PanelPlug, 3110PanelToplevel.background { 3111background-color: #263238; 3112color: #FFFFFF; 3113font-weight: 500; } 3114 3115PanelToplevel > widget > button { 3116padding: 0 4px; 3117border-radius: 0; } 3118 3119PanelSeparator { 3120color: rgba(0, 0, 0, 0.2); } 3121 3122MatePanelAppletFrameDBus { 3123border-style: solid; 3124border-width: 0 1px; 3125border-color: rgba(0, 0, 0, 0.2); } 3126 3127.mate-panel-menu-bar menubar menuitem { 3128padding: 4px; } 3129 3130.mate-panel-menu-bar menubar menu menuitem { 3131padding: 6px; } 3132 3133.mate-panel-menu-bar #PanelApplet button { 3134-GtkWidget-window-dragging: true; 3135padding: 4px; 3136border-radius: 0; } 3137 3138PanelApplet.wnck-applet .wnck-pager { 3139background-color: transparent; 3140color: #40C4FF; } 3141PanelApplet.wnck-applet .wnck-pager:hover { 3142background-color: alpha(currentColor, 0.15); } 3143PanelApplet.wnck-applet .wnck-pager:active { 3144background-color: alpha(currentColor, 0.3); } 3145PanelApplet.wnck-applet .wnck-pager:selected { 3146background-color: #42A5F5; } 3147 3148#MatePanelPopupWindow { 3149border: 1px solid rgba(0, 0, 0, 0.2); 3150border-radius: 3px; 3151box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } 3152#MatePanelPopupWindow frame > border { 3153border-style: none; } 3154#MatePanelPopupWindow ClockMap { 3155border: 1px solid rgba(0, 0, 0, 0.2); } 3156 3157na-tray-applet { 3158-NaTrayApplet-icon-padding: 3px; 3159-NaTrayApplet-icon-size: 16; } 3160 3161.mate-panel-menu-bar { 3162-PanelMenuBar-icon-visible: true; } 3163 3164.mate-panel-applet-slider { 3165background: transparent; } 3166.mate-panel-applet-slider frame { 3167border: 1px solid rgba(0, 0, 0, 0.2); 3168border-radius: 3px; 3169box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 3170background-color: #455A64; } 3171.mate-panel-applet-slider frame frame { 3172all: unset; } 3173.mate-panel-applet-slider frame > border { 3174border-style: none; } 3175 3176/********************* 3177* CAJA File manager * 3178*********************/ 3179.caja-navigation-window button.toggle.image-button { 3180border-radius: 2px; } 3181 3182.caja-pathbar button { 3183margin: 0 -1px 0 -2px; } 3184 3185.caja-pathbar button > widget { 3186-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 3187-GtkArrow-arrow-scaling: 1; } 3188 3189.caja-side-pane notebook viewport.frame, 3190.caja-side-pane notebook widget .vertical { 3191background-color: #546E7A; } 3192 3193.caja-side-pane notebook .frame, 3194.caja-notebook .frame { 3195border-style: none; } 3196 3197.caja-side-pane notebook, 3198.caja-notebook { 3199border-top: 1px solid rgba(0, 0, 0, 0.2); } 3200 3201.caja-navigation-window statusbar { 3202margin: 0 -10px; 3203padding: 0 4px; 3204border-top: 1px solid rgba(0, 0, 0, 0.2); } 3205 3206.caja-notebook frame > border { 3207border-style: none; } 3208 3209#caja-extra-view-widget { 3210border-bottom: 1px solid rgba(0, 0, 0, 0.2); 3211background-color: #455A64; } 3212#caja-extra-view-widget > box > box > label { 3213font-weight: bold; } 3214 3215/********* 3216* Pluma * 3217*********/ 3218.pluma-window statusbar { 3219margin: 0 -10px; 3220padding: 0 4px; 3221border-top: 1px solid rgba(0, 0, 0, 0.2); } 3222 3223.pluma-window statusbar frame > border { 3224border-style: none; } 3225 3226.pluma-window statusbar frame button.flat { 3227padding: 0 4px; 3228border-radius: 0; } 3229 3230.pluma-window statusbar frame button.flat widget { 3231-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 3232-GtkArrow-arrow-scaling: 1; } 3233 3234.pluma-print-preview toolbar { 3235border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 3236 3237.pluma-window paned.horizontal box.vertical box.horizontal button.flat { 3238margin: 1px; } 3239 3240.pluma-window paned.horizontal box.vertical .frame { 3241border-style: none; } 3242 3243.pluma-window paned.horizontal box.vertical notebook.frame { 3244margin-top: -1px; 3245border-top: 1px solid rgba(0, 0, 0, 0.2); } 3246 3247.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { 3248border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 3249 3250/********* 3251* Atril * 3252*********/ 3253.atril-window paned.horizontal box.vertical .frame { 3254border-style: none; } 3255 3256.atril-window paned.horizontal box.vertical notebook .frame { 3257border-top: 1px solid rgba(0, 0, 0, 0.2); } 3258 3259/* mate-screensaver lock dialog */ 3260.lock-dialog { 3261border-radius: 2px; 3262box-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.1); } 3263.lock-dialog frame > border { 3264border-style: none; } 3265 3266/****************** 3267* Budgie Desktop * 3268******************/ 3269.budgie-container { 3270background-color: transparent; } 3271 3272.budgie-menu.background { 3273padding: 0; } 3274.budgie-menu scrolledwindow:not(.categories) { 3275background-color: #546E7A; } 3276.budgie-menu entry.search { 3277border-bottom: 1px solid rgba(0, 0, 0, 0.2); 3278border-radius: 2px 2px 0 0; 3279box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 3280font-size: 120%; } 3281.budgie-menu button { 3282min-height: 32px; 3283padding: 0 8px; 3284border-radius: 0; 3285color: #FFFFFF; 3286font-weight: normal; } 3287.budgie-menu button:disabled { 3288color: rgba(255, 255, 255, 0.4); } 3289.budgie-menu row { 3290all: unset; } 3291 3292button.budgie-menu-launcher { 3293padding: 0 2px; } 3294 3295.user-menu { 3296padding: 10px; } 3297 3298button.raven-trigger { 3299padding-left: 2px; 3300padding-right: 2px; } 3301 3302.budgie-panel { 3303background-color: #263238; 3304color: #FFFFFF; 3305font-weight: 500; } 3306.budgie-panel button { 3307border-radius: 0; } 3308.budgie-panel separator { 3309background-color: alpha(currentColor, 0.3); } 3310.budgie-panel .alert { 3311color: #FF5252; } 3312.budgie-panel .end-region { 3313border-radius: 2px; 3314background-color: rgba(0, 0, 0, 0.2); } 3315 3316.budgie-panel #tasklist-button { 3317padding: 0 4px; } 3318 3319.budgie-panel button.flat.launcher { 3320padding-top: 0; 3321padding-bottom: 0; } 3322 3323.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { 3324border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0/0px 0 0; } 3325.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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, 3326.top .budgie-panel .pinned button.flat.launcher.running, 3327.budgie-panel .pinned .top button.flat.launcher.running { 3328border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0/2px 0 0; } 3329.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { 3330border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; } 3331.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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, 3332.bottom .budgie-panel .pinned button.flat.launcher.running, 3333.budgie-panel .pinned .bottom button.flat.launcher.running { 3334border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; } 3335.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { 3336border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0px 0 0; } 3337.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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, 3338.left .budgie-panel .pinned button.flat.launcher.running, 3339.budgie-panel .pinned .left button.flat.launcher.running { 3340border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } 3341.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { 3342border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0px; } 3343.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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, 3344.right .budgie-panel .pinned button.flat.launcher.running, 3345.budgie-panel .pinned .right button.flat.launcher.running { 3346border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } 3347 3348frame.raven-frame > border { 3349border-style: none; 3350box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); } 3351 3352.top frame.raven-frame > border { 3353margin-bottom: 32px; } 3354 3355.bottom frame.raven-frame > border { 3356margin-top: 32px; } 3357 3358.left frame.raven-frame > border { 3359margin-right: 32px; } 3360 3361.right frame.raven-frame > border { 3362margin-left: 32px; } 3363 3364.raven { 3365background-color: #546E7A; } 3366.raven stackswitcher.linked > button { 3367border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; 3368border-radius: 0; } 3369.raven stackswitcher.linked > button:checked { 3370border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; 3371background-color: transparent; } 3372.raven .raven-header { 3373min-height: 36px; 3374padding: 3px; 3375border-style: none none solid; 3376border-width: 1px; 3377border-color: rgba(0, 0, 0, 0.2); } 3378.raven .raven-header:not(.top) { 3379margin-top: -6px; } 3380.raven .raven-header:not(.top) button.image-button { 3381border-radius: 9999px; 3382-gtk-outline-radius: 9999px; } 3383.raven .raven-header.top { 3384padding: 2px 0; 3385border-style: none; 3386background-color: #42A5F5; 3387color: #FFFFFF; } 3388.raven .raven-header.top stackswitcher button { 3389margin: -6px 0; 3390min-height: 36px; } 3391.raven .raven-header.top button.image-button:dir(ltr) { 3392margin-right: 2px; } 3393.raven .raven-header.top button.image-button:dir(rtl) { 3394margin-left: 2px; } 3395.raven .raven-header.top > image { 3396margin: 0 8px; } 3397.raven .raven-header.top > label { 3398margin: 0 -8px; 3399font-weight: bold; } 3400.raven .raven-header.bottom { 3401border-style: solid none none; } 3402.raven viewport.frame .raven-header { 3403margin-top: -8px; } 3404.raven .raven-background { 3405border-bottom: 1px solid rgba(0, 0, 0, 0.2); 3406background-color: #607D8B; } 3407.raven .raven-background.frame { 3408border-style: none none solid; } 3409.raven .raven-background > overlay > image { 3410color: alpha(currentColor, 0.3); } 3411.raven scrolledwindow.raven-background { 3412border-bottom-style: none; } 3413.raven > stack > box > .raven-background { 3414border-bottom-style: none; 3415background-color: #42A5F5; 3416color: #FFFFFF; } 3417.raven > stack > box > .raven-background stackswitcher button { 3418margin: -4px 0; } 3419.raven .powerstrip button { 3420margin: 2px 0 1px; 3421padding: 12px; } 3422.raven .option-subtitle { 3423font-size: smaller; } 3424 3425calendar.raven-calendar { 3426border-style: none; 3427background-color: transparent; } 3428calendar.raven-calendar:selected { 3429border-radius: 2px; 3430background-color: #42A5F5; } 3431 3432.raven-mpris { 3433color: white; 3434background-color: rgba(0, 0, 0, 0.6); } 3435.raven-mpris label { 3436min-height: 24px; } 3437.raven-mpris button.image-button { 3438padding: 12px; } 3439 3440.budgie-notification-window, .budgie-osd-window { 3441background-color: transparent; } 3442 3443.budgie-notification .notification-title { 3444font-size: 120%; } 3445 3446.budgie-osd .budgie-osd-text { 3447font-size: 120%; } 3448 3449.drop-shadow { 3450margin: 5px 9px; 3451padding: 3px; 3452border-radius: 2px; 3453box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); 3454background-color: #607D8B; } 3455.drop-shadow .linked > button { 3456border-radius: 2px; } 3457 3458.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { 3459border-radius: 2px; 3460background-color: #607D8B; } 3461.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { 3462border-radius: 2px; } 3463 3464.budgie-session-dialog label:not(:last-child), 3465.budgie-session-dialog .dialog-title { 3466font-size: 120%; } 3467.budgie-session-dialog .linked.horizontal > button { 3468padding: 8px 16px; 3469border-top: 1px solid rgba(0, 0, 0, 0.2); 3470border-radius: 0; } 3471.budgie-session-dialog .linked.horizontal > button:first-child { 3472border-bottom-left-radius: 2px; } 3473.budgie-session-dialog .linked.horizontal > button:last-child { 3474border-bottom-right-radius: 2px; } 3475 3476.budgie-polkit-dialog .message { 3477color: rgba(255, 255, 255, 0.6); } 3478.budgie-polkit-dialog .failure { 3479color: #FF5252; } 3480 3481.budgie-run-dialog { 3482background-color: #546E7A; } 3483.budgie-run-dialog entry.search { 3484font-size: 120%; 3485padding: 6px 14px; 3486box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 3487background-color: transparent; } 3488.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, 3489.budgie-run-dialog list headerbar .subtitle, 3490headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body { 3491opacity: 1; } 3492.budgie-run-dialog scrolledwindow { 3493border-top: 1px solid rgba(0, 0, 0, 0.2); } 3494 3495/************************ 3496* LightDM GTK+ Greeter * 3497************************/ 3498#panel_window { 3499background-color: rgba(0, 0, 0, 0.3); } 3500 3501#panel_window menubar, 3502#panel_window separator { 3503background-color: transparent; } 3504 3505#panel_window menubar > menuitem { 3506color: rgba(255, 255, 255, 0.75); } 3507#panel_window menubar > menuitem:hover { 3508color: #FFFFFF; } 3509#panel_window menubar > menuitem:disabled { 3510color: rgba(255, 255, 255, 0.3); } 3511 3512#login_window, 3513#shutdown_dialog, 3514#restart_dialog { 3515margin: 8px; 3516border-radius: 2px; 3517box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); 3518background-color: #607D8B; } 3519 3520#content_frame { 3521padding-bottom: 20px; 3522border-bottom: 1px solid rgba(0, 0, 0, 0.2); } 3523 3524#buttonbox_frame { 3525padding-top: 24px; } 3526#buttonbox_frame button { 3527margin: -16px; } 3528 3529#greeter_infobar { 3530margin-top: -1px; } 3531 3532/* GTK NAMED COLORS 3533---------------- 3534use responsibly! */ 3535/* 3536widget text/foreground color */ 3537@define-color theme_fg_color #FFFFFF; 3538/* 3539text color for entries, views and content in general */ 3540@define-color theme_text_color #FFFFFF; 3541/* 3542widget base background color */ 3543@define-color theme_bg_color #455A64; 3544/* 3545text widgets and the like base background color */ 3546@define-color theme_base_color #546E7A; 3547/* 3548base background color of selections */ 3549@define-color theme_selected_bg_color #42A5F5; 3550/* 3551text/foreground color of selections */ 3552@define-color theme_selected_fg_color #FFFFFF; 3553/* 3554base background color of insensitive widgets */ 3555@define-color insensitive_bg_color #455A64; 3556/* 3557text foreground color of insensitive widgets */ 3558@define-color insensitive_fg_color rgba(255, 255, 255, 0.4); 3559/* 3560insensitive text widgets and the like base background color */ 3561@define-color insensitive_base_color #4d646f; 3562/* 3563widget text/foreground color on backdrop windows */ 3564@define-color theme_unfocused_fg_color #FFFFFF; 3565/* 3566text color for entries, views and content in general on backdrop windows */ 3567@define-color theme_unfocused_text_color #FFFFFF; 3568/* 3569widget base background color on backdrop windows */ 3570@define-color theme_unfocused_bg_color #455A64; 3571/* 3572text widgets and the like base background color on backdrop windows */ 3573@define-color theme_unfocused_base_color #546E7A; 3574/* 3575base background color of selections on backdrop windows */ 3576@define-color theme_unfocused_selected_bg_color #42A5F5; 3577/* 3578text/foreground color of selections on backdrop windows */ 3579@define-color theme_unfocused_selected_fg_color #FFFFFF; 3580/* 3581insensitive color on backdrop windows*/ 3582@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.4); 3583/* 3584widgets main borders color */ 3585@define-color borders rgba(0, 0, 0, 0.2); 3586/* 3587widgets main borders color on backdrop windows */ 3588@define-color unfocused_borders rgba(0, 0, 0, 0.2); 3589/* 3590these are pretty self explicative */ 3591@define-color warning_color #FF6D00; 3592@define-color error_color #DD2C00; 3593@define-color success_color #00C853; 3594@define-color content_view_bg #546E7A; 3595@define-color placeholder_text_color #bbc5ca; 3596