/****************** * Ripple effects * ******************/ @keyframes ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } @keyframes flat_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } @keyframes list_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } } * { transition-property: opacity, border-color, border-image, background-color, background-image, box-shadow, icon-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.2s; } /***************** * Common States * *****************/ * { padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #F44336; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #E8E8E8; -GtkWidget-visited-link-color: #9C27B0; -GtkWidget-text-handle-width: 16; -GtkWidget-text-handle-height: 16; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-style: solid; outline-width: 2px; outline-color: alpha(currentColor, 0.2); outline-offset: -4px; outline-radius: 2px; text-shadow: none; icon-shadow: none; } /*************** * Base States * ***************/ .background { background-color: #FFFFFF; color: #263238; } *:insensitive { -gtk-image-effect: dim; } .titlebar *:backdrop, .header-bar *:backdrop { opacity: 0.75; transition: 0.2s; } .gtkstyle-fallback { background-color: #FFFFFF; color: #263238; } .gtkstyle-fallback:prelight { background-color: #eaeef2; color: #263238; } .gtkstyle-fallback:active { background-color: #dae2e9; color: #263238; } .gtkstyle-fallback:insensitive { background-color: #FFFFFF; color: rgba(38, 50, 56, 0.3); } .gtkstyle-fallback:selected { background-color: #E8E8E8; color: #FFFFFF; } .view { background-color: #FFFFFF; color: #263238; } .view:hover, .view:active, .view:selected { border-radius: 2px; } .view:insensitive { color: rgba(38, 50, 56, 0.3); } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #4DD0E1; background-color: rgba(77, 208, 225, 0.2); } .label.separator { color: #263238; } .label:insensitive { color: rgba(38, 50, 56, 0.3); } .label.kudo-label { color: #263238; } .dim-label, .label.separator, .titlebar .title:backdrop, .header-bar .title:backdrop, .titlebar .subtitle, .header-bar .subtitle, .titlebar .subtitle:backdrop, .header-bar .subtitle:backdrop { opacity: 0.55; } GtkAssistant .sidebar { padding: 0.5em 0; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.09); } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.09); } GtkAssistant .sidebar .label { padding: 0.7em 1em 0.8em; color: rgba(38, 50, 56, 0.75); font-weight: 500; } GtkAssistant .sidebar .label.highlight { color: #E8E8E8; } GtkAssistant .header-bar .button.flat:not(:last-child), GtkAssistant .header-bar .button.osd.image-button:not(:last-child), GtkAssistant .header-bar .inline-toolbar .button:not(:last-child), .inline-toolbar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .action-bar .button:not(:last-child), .action-bar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .inline-toolbar .linked > .button.image-button:not(:last-child):not(.text-button), .inline-toolbar GtkAssistant .header-bar .linked > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .inline-toolbar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), .inline-toolbar GtkAssistant .header-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .action-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), .action-bar GtkAssistant .header-bar .stack-switcher > .button.image-button:not(:last-child):not(.text-button), GtkAssistant .header-bar .app-notification .button:not(:last-child), .app-notification GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child), GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .toolbar .button:not(:last-child), .toolbar GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .button:not(:last-child):not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child), .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .sidebar-button.button:not(:last-child), GtkAssistant .header-bar .info .button:not(:last-child), .info GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .question .button:not(:last-child), .question GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .warning .button:not(:last-child), .warning GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar .error .button:not(:last-child), .error GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GtkScaleButton.button:not(:last-child), GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child), GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child), GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child), GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):last-child, GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child), GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child), GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):not(.flat):not(.titlebutton) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #FFFFFF; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.75); background-color: #E8E8E8; color: rgba(255, 255, 255, 0.85); } GtkAssistant .header-bar .button.flat:not(:last-child):hover, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):hover, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):hover, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .action-bar .button:not(:last-child):hover, .action-bar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .app-notification .button:not(:last-child):hover, .app-notification GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):hover, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .toolbar .button:not(:last-child):hover, .toolbar GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .button:not(:last-child):hover:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):hover, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):hover, GtkAssistant .header-bar .info .button:not(:last-child):hover, .info GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .question .button:not(:last-child):hover, .question GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .warning .button:not(:last-child):hover, .warning GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar .error .button:not(:last-child):hover, .error GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):hover, GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):hover, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):hover:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):hover:last-child, GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):hover, GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):hover, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):hover:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):hover:not(.flat):not(.titlebutton) { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; color: #FFFFFF; } GtkAssistant .header-bar .button.flat:not(:last-child):active, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):active, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):active, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .action-bar .button:not(:last-child):active, .action-bar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .app-notification .button:not(:last-child):active, .app-notification GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):active, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .toolbar .button:not(:last-child):active, .toolbar GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .button:not(:last-child):active:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):active, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):active, GtkAssistant .header-bar .info .button:not(:last-child):active, .info GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .question .button:not(:last-child):active, .question GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .warning .button:not(:last-child):active, .warning GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar .error .button:not(:last-child):active, .error GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):active, GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):active, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):active:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):active:last-child, GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):active, GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):active, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):active:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):active:not(.flat):not(.titlebutton) { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); color: #263238; transition-duration: 0; animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; color: #FFFFFF; background-color: #E8E8E8; } GtkAssistant .header-bar .button.flat:not(:last-child):checked, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):checked, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):checked, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .action-bar .button:not(:last-child):checked, .action-bar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .app-notification .button:not(:last-child):checked, .app-notification GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):checked, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .toolbar .button:not(:last-child):checked, .toolbar GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .button:not(:last-child):checked:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):checked, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):checked, GtkAssistant .header-bar .info .button:not(:last-child):checked, .info GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .question .button:not(:last-child):checked, .question GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .warning .button:not(:last-child):checked, .warning GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar .error .button:not(:last-child):checked, .error GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):checked, GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):checked, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):checked:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):checked:last-child, GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):checked, GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):checked, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):checked:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):checked:not(.flat):not(.titlebutton) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #E8E8E8; color: #FFFFFF; background-color: #33aba0; color: #FFFFFF; } GtkAssistant .header-bar .button.flat:not(:last-child):insensitive, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):insensitive, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):insensitive, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .action-bar .button:not(:last-child):insensitive, .action-bar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .app-notification .button:not(:last-child):insensitive, .app-notification GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):insensitive, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .toolbar .button:not(:last-child):insensitive, .toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action), GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):insensitive, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):insensitive, GtkAssistant .header-bar .info .button:not(:last-child):insensitive, .info GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .question .button:not(:last-child):insensitive, .question GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .warning .button:not(:last-child):insensitive, .warning GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar .error .button:not(:last-child):insensitive, .error GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):insensitive, GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):insensitive, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:first-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:first-child, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:last-child, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:last-child, GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):insensitive, GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(38, 50, 56, 0.225); } GtkAssistant .header-bar .button.flat:not(:last-child):insensitive > .label, GtkAssistant .header-bar .button.osd.image-button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .linked > .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .linked > .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .inline-toolbar .stack-switcher > .button:not(:last-child):insensitive > .label, .inline-toolbar GtkAssistant .header-bar .stack-switcher > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .action-bar .stack-switcher > .button:not(:last-child):insensitive > .label, .action-bar GtkAssistant .header-bar .stack-switcher > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .app-notification .button:not(:last-child):insensitive > .label, .app-notification GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GeditViewFrame .gedit-search-slider .button:not(:last-child):insensitive > .label, GeditViewFrame .gedit-search-slider GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .toolbar .button:not(:last-child):insensitive > .label, .toolbar GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .titlebar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action) > .label, GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.suggested-action):not(.destructive-action) > .label, GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .button:not(:last-child):insensitive > .label, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .message-dialog.csd .dialog-action-area .linked > .button:not(:last-child):insensitive > .label, .message-dialog.csd .dialog-action-area GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .sidebar-button.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .info .button:not(:last-child):insensitive > .label, .info GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .question .button:not(:last-child):insensitive > .label, .question GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .warning .button:not(:last-child):insensitive > .label, .warning GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar .error .button:not(:last-child):insensitive > .label, .error GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GtkScaleButton.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GtkVolumeButton.button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:first-child > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:first-child > .label, GtkAssistant .header-bar GfCandidatePopup .button:not(:last-child):insensitive:last-child > .label, GfCandidatePopup GtkAssistant .header-bar .button:not(:last-child):insensitive:last-child > .label, GtkAssistant .header-bar GfCandidatePopup .linked > .button:not(:last-child):insensitive > .label, GfCandidatePopup GtkAssistant .header-bar .linked > .button:not(:last-child):insensitive > .label, GtkAssistant .header-bar MathWindow :not(.titlebar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.titlebar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, GtkAssistant .header-bar MathWindow :not(.header-bar) .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.header-bar) GtkAssistant .header-bar .button:not(:last-child):insensitive:not(.flat):not(.titlebutton) > .label { color: inherit; } GtkTextView { background-color: #FFFFFF; } .grid-child { padding: 4px; border-radius: 2px; } .popover.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .floating-bar, .osd { opacity: 0.9; } /********************* * Spinner Animation * *********************/ @keyframes colorful_bar { 0% { -gtk-icon-source: url("assets/bar-red.svg"); -gtk-icon-transform: scale(0, 1); } 24.9% { -gtk-icon-source: url("assets/bar-red.svg"); -gtk-icon-transform: scale(1, 1); } 25% { -gtk-icon-source: url("assets/bar-yellow.svg"); -gtk-icon-transform: scale(1, 1); } 49.9% { -gtk-icon-source: url("assets/bar-yellow.svg"); -gtk-icon-transform: scale(0, 1); } 50% { -gtk-icon-source: url("assets/bar-green.svg"); -gtk-icon-transform: scale(0, 1); } 74.9% { -gtk-icon-source: url("assets/bar-green.svg"); -gtk-icon-transform: scale(1, 1); } 75% { -gtk-icon-source: url("assets/bar-blue.svg"); -gtk-icon-transform: scale(1, 1); } 99.9% { -gtk-icon-source: url("assets/bar-blue.svg"); -gtk-icon-transform: scale(0, 1); } 100% { -gtk-icon-source: url("assets/bar-red.svg"); -gtk-icon-transform: scale(0, 1); } } .spinner { background-color: blue; background-image: none; opacity: 0; -gtk-icon-source: url("assets/bar-red.svg"); } .spinner:active { opacity: 1.0; animation: colorful_bar 2s linear infinite; } .spinner:active:insensitive { opacity: 0.4; } .spinner:active:backdrop { opacity: 1.0; } .spinner:backdrop { opacity: 0; } /**************** * Text Entries * ****************/ .entry { padding: 0.75em 1em 0.8em; border-radius: 0; outline-radius: 0; border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .entry:focus { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; color: #263238; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } .entry:insensitive { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.3); } .entry.flat, .linked > .entry:not(.flat), .linked.vertical > .entry:not(.flat), .notebook:not(.reorderable-page) > .entry { border-radius: 0; outline-radius: 0; border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .entry.flat:focus, .linked > .entry:focus:not(.flat), .notebook:not(.reorderable-page) > .entry:focus { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; color: #263238; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } .entry.flat:insensitive, .linked > .entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .entry:insensitive { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; color: rgba(38, 50, 56, 0.3); } .entry.image.left { padding-left: 0.1em; } .entry.image.right { padding-right: 0.1em; } .linked > .entry:not(.flat), .linked.vertical > .entry:not(.flat) { border-radius: 0; outline-radius: 0; } .entry.error { border-radius: 0; outline-radius: 0; border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .entry.error:focus { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; color: #263238; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } .entry.error:insensitive { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.3); } .entry.error.flat, .linked > .error.entry:not(.flat), .notebook:not(.reorderable-page) > .error.entry { border-radius: 0; outline-radius: 0; border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .entry.error.flat:focus, .linked > .error.entry:focus:not(.flat), .notebook:not(.reorderable-page) > .error.entry:focus { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#F44336), to(transparent)) 0 0 2/0 0 2px; color: #263238; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } .entry.error.flat:insensitive, .linked > .error.entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .error.entry:insensitive { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; color: rgba(38, 50, 56, 0.3); } .entry.warning { border-radius: 0; outline-radius: 0; border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .entry.warning:focus { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; color: #263238; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } .entry.warning:insensitive { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.3); } .entry.warning.flat, .linked > .warning.entry:not(.flat), .notebook:not(.reorderable-page) > .warning.entry { border-radius: 0; outline-radius: 0; border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .entry.warning.flat:focus, .linked > .warning.entry:focus:not(.flat), .notebook:not(.reorderable-page) > .warning.entry:focus { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF9800), to(transparent)) 0 0 2/0 0 2px; color: #263238; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; } .entry.warning.flat:insensitive, .linked > .warning.entry:insensitive:not(.flat), .notebook:not(.reorderable-page) > .warning.entry:insensitive { border-color: #E5E9EC; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; color: rgba(38, 50, 56, 0.3); } .entry.image:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .entry.image:active { color: #E8E8E8; } .entry.image:insensitive { color: alpha(currentColor, 0.6); } GtkTreeView .entry.flat:focus, GtkTreeView .linked > .entry:focus:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:focus { padding: 1px; border-radius: 0; border-image: none; background-color: #FFFFFF; color: #263238; box-shadow: none; transition: none; } GtkTreeView .entry:insensitive, GtkTreeView .entry.flat:insensitive, GtkTreeView .linked > .entry:insensitive:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:insensitive { color: rgba(38, 50, 56, 0.3); } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E8E8E8), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E8E8E8), to(transparent)); } } .button { padding: 0.7em 1em 0.8em; border-radius: 2px; background-repeat: no-repeat; background-position: center, center; background-size: 7.5em 7.5em, auto; font-weight: 500; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #FFFFFF; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.75); } .button:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; } .button:active { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); color: #263238; transition-duration: 0; animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(38, 50, 56, 0.225); } .button:insensitive > .label { color: inherit; } .button:checked { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #E8E8E8; color: #FFFFFF; } .button:checked:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(0, 188, 212, 0.4); } .button:checked:insensitive > .label { color: inherit; } .button.flat, .button.osd.image-button, .inline-toolbar .button, .inline-toolbar .button.image-button:not(.text-button), .action-bar .button, .action-bar .button.image-button:not(.text-button), .inline-toolbar .linked > .button, .inline-toolbar .linked > .button.image-button:not(.text-button), .action-bar .linked > .button, .action-bar .linked > .button.image-button:not(.text-button), .inline-toolbar .stack-switcher > .button, .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .action-bar .stack-switcher > .button, .action-bar .stack-switcher > .button.image-button:not(.text-button), .osd .toolbar .button, .toolbar.osd .button, .app-notification .button, .app-notification.frame .button, GeditViewFrame .gedit-search-slider .button, .toolbar .button, .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .linked > .button, .sidebar-button.button, .info .button, .question .button, .warning .button, .error .button, GtkScaleButton.button, GtkVolumeButton.button, GfCandidatePopup .button, GfCandidatePopup .button:first-child, GfCandidatePopup .button:last-child, GfCandidatePopup .linked > .button, GfCandidatePopup .linked > .button:first-child, GfCandidatePopup .linked > .button:last-child, MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), .action-bar .linked > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } .button.flat:hover, .button.osd.image-button:hover, .inline-toolbar .button:hover, .inline-toolbar .button.image-button:hover:not(.text-button), .action-bar .button:hover, .action-bar .button.image-button:hover:not(.text-button), .app-notification .button:hover, GeditViewFrame .gedit-search-slider .button:hover, .toolbar .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .info .button:hover, .question .button:hover, .warning .button:hover, .error .button:hover, GtkScaleButton.button:hover, GtkVolumeButton.button:hover, GfCandidatePopup .button:hover, GfCandidatePopup .linked > .button:hover:first-child, GfCandidatePopup .linked > .button:hover:last-child, MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), .action-bar .linked > .button.image-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .button.flat:active, .button.osd.image-button:active, .inline-toolbar .button:active, .inline-toolbar .button.image-button:active:not(.text-button), .action-bar .button:active, .action-bar .button.image-button:active:not(.text-button), .app-notification .button:active, GeditViewFrame .gedit-search-slider .button:active, .toolbar .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .info .button:active, .question .button:active, .warning .button:active, .error .button:active, GtkScaleButton.button:active, GtkVolumeButton.button:active, GfCandidatePopup .button:active, GfCandidatePopup .linked > .button:active:first-child, GfCandidatePopup .linked > .button:active:last-child, MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), .action-bar .linked > .button.image-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .button.flat:insensitive, .button.osd.image-button:insensitive, .inline-toolbar .button:insensitive, .inline-toolbar .button.image-button:insensitive:not(.text-button), .action-bar .button:insensitive, .action-bar .button.image-button:insensitive:not(.text-button), .app-notification .button:insensitive, GeditViewFrame .gedit-search-slider .button:insensitive, .toolbar .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .info .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive, GtkScaleButton.button:insensitive, GtkVolumeButton.button:insensitive, GfCandidatePopup .button:insensitive, GfCandidatePopup .linked > .button:insensitive:first-child, GfCandidatePopup .linked > .button:insensitive:last-child, MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), .action-bar .linked > .button.image-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:insensitive { box-shadow: none; background-color: transparent; } .button.flat:checked, .button.osd.image-button:checked, .inline-toolbar .button:checked, .inline-toolbar .button.image-button:checked:not(.text-button), .action-bar .button:checked, .action-bar .button.image-button:checked:not(.text-button), .app-notification .button:checked, GeditViewFrame .gedit-search-slider .button:checked, .toolbar .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action), .header-bar .button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:checked, .sidebar-button.button:checked, .info .button:checked, .question .button:checked, .warning .button:checked, .error .button:checked, GtkScaleButton.button:checked, GtkVolumeButton.button:checked, GfCandidatePopup .button:checked, GfCandidatePopup .linked > .button:checked:first-child, GfCandidatePopup .linked > .button:checked:last-child, MathWindow :not(.titlebar) .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:checked:not(.flat):not(.titlebutton), .action-bar .linked > .button.image-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked { background-color: alpha(currentColor, 0.2); color: #263238; } .button.flat:checked:insensitive > .label, .button.osd.image-button:checked:insensitive > .label, .inline-toolbar .button:checked:insensitive > .label, .action-bar .button:checked:insensitive > .label, .inline-toolbar .linked > .button:checked:insensitive > .label, .action-bar .linked > .button:checked:insensitive > .label, .inline-toolbar .stack-switcher > .button:checked:insensitive > .label, .action-bar .stack-switcher > .button:checked:insensitive > .label, .app-notification .button:checked:insensitive > .label, GeditViewFrame .gedit-search-slider .button:checked:insensitive > .label, .toolbar .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .message-dialog.csd .dialog-action-area .button:checked:insensitive > .label, .message-dialog.csd .dialog-action-area .linked > .button:checked:insensitive > .label, .sidebar-button.button:checked:insensitive > .label, .info .button:checked:insensitive > .label, .question .button:checked:insensitive > .label, .warning .button:checked:insensitive > .label, .error .button:checked:insensitive > .label, GtkScaleButton.button:checked:insensitive > .label, GtkVolumeButton.button:checked:insensitive > .label, GfCandidatePopup .button:checked:insensitive > .label, GfCandidatePopup .button:checked:insensitive:first-child > .label, GfCandidatePopup .button:checked:insensitive:last-child > .label, GfCandidatePopup .linked > .button:checked:insensitive > .label, MathWindow :not(.titlebar) .button:checked:insensitive:not(.flat):not(.titlebutton) > .label, MathWindow :not(.header-bar) .button:checked:insensitive:not(.flat):not(.titlebutton) > .label { color: inherit; } .linked > .button.flat, .linked > .button.osd.image-button, .inline-toolbar .linked > .button, .inline-toolbar .linked > .button.image-button:not(.text-button), .action-bar .linked > .button, .action-bar .linked > .button.image-button:not(.text-button), .app-notification .linked > .button, GeditViewFrame .gedit-search-slider .linked > .button, .toolbar .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .linked > .button, .linked > .sidebar-button.button, .info .linked > .button, .question .linked > .button, .warning .linked > .button, .error .linked > .button, .linked > GtkScaleButton.button, .linked > GtkVolumeButton.button, GfCandidatePopup .linked > .button, GfCandidatePopup .linked > .button:first-child, GfCandidatePopup .linked > .button:last-child, MathWindow :not(.titlebar) .linked > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .linked > .button:not(.flat):not(.titlebutton), .action-bar .linked > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .linked > .button.image-button { border-radius: 2px; } .linked > .button.flat.image-button, .linked > .image-button.button.osd, .inline-toolbar .linked > .image-button.button, .inline-toolbar .linked > .image-button.button:not(.text-button), .action-bar .linked > .image-button.button, .action-bar .linked > .image-button.button:not(.text-button), .app-notification .linked > .image-button.button, GeditViewFrame .gedit-search-slider .linked > .image-button.button, .toolbar .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .linked > .image-button.button, .linked > .image-button.sidebar-button.button, .info .linked > .image-button.button, .question .linked > .image-button.button, .warning .linked > .image-button.button, .error .linked > .image-button.button, .linked > GtkScaleButton.image-button.button, .linked > GtkVolumeButton.image-button.button, GfCandidatePopup .linked > .image-button.button, MathWindow :not(.titlebar) .linked > .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .linked > .image-button.button:not(.flat):not(.titlebutton) { outline-radius: 100px; border-radius: 100px; } .button.osd.image-button { padding: 1.3em; background-color: #FFFFFF; } .button.osd.image-button:not(:active):not(:insensitive):not(hover) { color: #E8E8E8; } .button.osd.image-button:hover { color: #E8E8E8; background-color: rgba(42, 55, 62, 0.7); background-image: linear-gradient(to bottom, alpha(currentColor, 0.2)); } .button.osd.image-button:active { color: #E8E8E8; background-color: rgba(42, 55, 62, 0.7); background-image: linear-gradient(to bottom, rgba(236, 239, 241, 0.1)); } .button.osd:insensitive { opacity: 0; } .button.suggested-action, .raven .raven-header > .button.text-button { background-color: #E8E8E8; color: rgba(255, 255, 255, 0.85); } .button.suggested-action:hover, .raven .raven-header > .button.text-button:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; background-color: #E8E8E8; color: #FFFFFF; } .button.suggested-action:active, .raven .raven-header > .button.text-button:active { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); color: #263238; transition-duration: 0; animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: #E8E8E8; color: #FFFFFF; } .button.suggested-action:checked, .raven .raven-header > .button.text-button:checked { background-color: #33aba0; } .button.suggested-action:insensitive, .raven .raven-header > .button.text-button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(38, 50, 56, 0.3); } .button.suggested-action:insensitive > .label, .raven .raven-header > .button.text-button:insensitive > .label { color: inherit; } .button.suggested-action.flat, .suggested-action.button.osd.image-button, .raven .raven-header > .osd.image-button.button.text-button, .inline-toolbar .suggested-action.button, .inline-toolbar .raven .raven-header > .button.text-button, .raven .inline-toolbar .raven-header > .button.text-button, .inline-toolbar .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:not(.text-button), .action-bar .suggested-action.button, .action-bar .raven .raven-header > .button.text-button, .raven .action-bar .raven-header > .button.text-button, .action-bar .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:not(.text-button), .inline-toolbar .linked > .suggested-action.button, .inline-toolbar .raven .raven-header.linked > .button.text-button, .raven .inline-toolbar .raven-header.linked > .button.text-button, .inline-toolbar .linked > .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:not(.text-button), .action-bar .linked > .suggested-action.button, .action-bar .raven .raven-header.linked > .button.text-button, .raven .action-bar .raven-header.linked > .button.text-button, .action-bar .linked > .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .action-bar .stack-switcher > .suggested-action.button, .action-bar .raven .raven-header.stack-switcher > .button.text-button, .raven .action-bar .raven-header.stack-switcher > .button.text-button, .action-bar .stack-switcher > .suggested-action.button.image-button:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:not(.text-button), .osd .toolbar .suggested-action.button, .osd .toolbar .raven .raven-header > .button.text-button, .raven .osd .toolbar .raven-header > .button.text-button, .toolbar.osd .suggested-action.button, .app-notification .suggested-action.button, GeditViewFrame .gedit-search-slider .suggested-action.button, .toolbar.osd .raven .raven-header > .button.text-button, .raven .toolbar.osd .raven-header > .button.text-button, .app-notification .raven .raven-header > .button.text-button, .raven .app-notification .raven-header > .button.text-button, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button, .toolbar .suggested-action.button, .toolbar .raven .raven-header > .button.text-button, .raven .toolbar .raven-header > .button.text-button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .header-bar .raven .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .raven .header-bar .raven-header > .button.text-button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button, .message-dialog.csd .dialog-action-area .linked > .suggested-action.button, .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button, .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button, .suggested-action.sidebar-button.button, .raven .raven-header > .sidebar-button.button.text-button, .info .suggested-action.button, .info .raven .raven-header > .button.text-button, .raven .info .raven-header > .button.text-button, .question .suggested-action.button, .question .raven .raven-header > .button.text-button, .raven .question .raven-header > .button.text-button, .warning .suggested-action.button, .warning .raven .raven-header > .button.text-button, .raven .warning .raven-header > .button.text-button, .error .suggested-action.button, .error .raven .raven-header > .button.text-button, .raven .error .raven-header > .button.text-button, GtkScaleButton.suggested-action.button, .raven .raven-header > GtkScaleButton.button.text-button, GtkVolumeButton.suggested-action.button, .raven .raven-header > GtkVolumeButton.button.text-button, GfCandidatePopup .suggested-action.button, GfCandidatePopup .raven .raven-header > .button.text-button, .raven GfCandidatePopup .raven-header > .button.text-button, GfCandidatePopup .suggested-action.button:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:first-child, GfCandidatePopup .suggested-action.button:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:last-child, GfCandidatePopup .linked > .suggested-action.button, GfCandidatePopup .raven .raven-header.linked > .button.text-button, .raven GfCandidatePopup .raven-header.linked > .button.text-button, GfCandidatePopup .linked > .suggested-action.button:first-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:first-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:first-child, GfCandidatePopup .linked > .suggested-action.button:last-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:last-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:last-child, MathWindow :not(.titlebar) .suggested-action.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), .action-bar .linked > .suggested-action.button.image-button, .action-bar .raven .raven-header.linked > .image-button.button.text-button, .raven .action-bar .raven-header.linked > .image-button.button.text-button, .raven .raven-header > .flat.button.text-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button { background-color: transparent; color: #E8E8E8; } .button.suggested-action.flat:hover, .suggested-action.button.osd.image-button:hover, .raven .raven-header > .osd.image-button.button.text-button:hover, .inline-toolbar .suggested-action.button:hover, .inline-toolbar .raven .raven-header > .button.text-button:hover, .raven .inline-toolbar .raven-header > .button.text-button:hover, .inline-toolbar .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:hover:not(.text-button), .action-bar .suggested-action.button:hover, .action-bar .raven .raven-header > .button.text-button:hover, .raven .action-bar .raven-header > .button.text-button:hover, .action-bar .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:hover:not(.text-button), .inline-toolbar .linked > .suggested-action.button:hover, .inline-toolbar .raven .raven-header.linked > .button.text-button:hover, .raven .inline-toolbar .raven-header.linked > .button.text-button:hover, .inline-toolbar .linked > .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .action-bar .linked > .suggested-action.button:hover, .action-bar .raven .raven-header.linked > .button.text-button:hover, .raven .action-bar .raven-header.linked > .button.text-button:hover, .action-bar .linked > .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:hover:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:hover, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:hover, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:hover, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:hover:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:hover, .action-bar .raven .raven-header.stack-switcher > .button.text-button:hover, .raven .action-bar .raven-header.stack-switcher > .button.text-button:hover, .action-bar .stack-switcher > .suggested-action.button.image-button:hover:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:hover:not(.text-button), .osd .toolbar .suggested-action.button:hover, .osd .toolbar .raven .raven-header > .button.text-button:hover, .raven .osd .toolbar .raven-header > .button.text-button:hover, .toolbar.osd .suggested-action.button:hover, .app-notification .suggested-action.button:hover, GeditViewFrame .gedit-search-slider .suggested-action.button:hover, .toolbar.osd .raven .raven-header > .button.text-button:hover, .raven .toolbar.osd .raven-header > .button.text-button:hover, .app-notification .raven .raven-header > .button.text-button:hover, .raven .app-notification .raven-header > .button.text-button:hover, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:hover, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:hover, .toolbar .suggested-action.button:hover, .toolbar .raven .raven-header > .button.text-button:hover, .raven .toolbar .raven-header > .button.text-button:hover, .titlebar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), .header-bar .raven .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .raven .header-bar .raven-header > .button.text-button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:hover, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:hover, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:hover, .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:hover, .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:hover, .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:hover, .suggested-action.sidebar-button.button:hover, .raven .raven-header > .sidebar-button.button.text-button:hover, .info .suggested-action.button:hover, .info .raven .raven-header > .button.text-button:hover, .raven .info .raven-header > .button.text-button:hover, .question .suggested-action.button:hover, .question .raven .raven-header > .button.text-button:hover, .raven .question .raven-header > .button.text-button:hover, .warning .suggested-action.button:hover, .warning .raven .raven-header > .button.text-button:hover, .raven .warning .raven-header > .button.text-button:hover, .error .suggested-action.button:hover, .error .raven .raven-header > .button.text-button:hover, .raven .error .raven-header > .button.text-button:hover, GtkScaleButton.suggested-action.button:hover, .raven .raven-header > GtkScaleButton.button.text-button:hover, GtkVolumeButton.suggested-action.button:hover, .raven .raven-header > GtkVolumeButton.button.text-button:hover, GfCandidatePopup .suggested-action.button:hover, GfCandidatePopup .raven .raven-header > .button.text-button:hover, .raven GfCandidatePopup .raven-header > .button.text-button:hover, GfCandidatePopup .suggested-action.button:hover:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:hover:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:hover:first-child, GfCandidatePopup .suggested-action.button:hover:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:hover:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:hover:last-child, GfCandidatePopup .linked > .suggested-action.button:hover, GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover, .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover, GfCandidatePopup .linked > .suggested-action.button:hover:first-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover:first-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover:first-child, GfCandidatePopup .linked > .suggested-action.button:hover:last-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:hover:last-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:hover:last-child, MathWindow :not(.titlebar) .suggested-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:hover:not(.flat):not(.titlebutton), .action-bar .linked > .suggested-action.button.image-button:hover, .action-bar .raven .raven-header.linked > .image-button.button.text-button:hover, .raven .action-bar .raven-header.linked > .image-button.button.text-button:hover, .raven .raven-header > .flat.button.text-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:hover, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:hover, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .button.suggested-action.flat:active, .suggested-action.button.osd.image-button:active, .raven .raven-header > .osd.image-button.button.text-button:active, .inline-toolbar .suggested-action.button:active, .inline-toolbar .raven .raven-header > .button.text-button:active, .raven .inline-toolbar .raven-header > .button.text-button:active, .inline-toolbar .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:active:not(.text-button), .action-bar .suggested-action.button:active, .action-bar .raven .raven-header > .button.text-button:active, .raven .action-bar .raven-header > .button.text-button:active, .action-bar .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:active:not(.text-button), .inline-toolbar .linked > .suggested-action.button:active, .inline-toolbar .raven .raven-header.linked > .button.text-button:active, .raven .inline-toolbar .raven-header.linked > .button.text-button:active, .inline-toolbar .linked > .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .action-bar .linked > .suggested-action.button:active, .action-bar .raven .raven-header.linked > .button.text-button:active, .raven .action-bar .raven-header.linked > .button.text-button:active, .action-bar .linked > .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:active:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:active, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:active, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:active, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:active:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:active, .action-bar .raven .raven-header.stack-switcher > .button.text-button:active, .raven .action-bar .raven-header.stack-switcher > .button.text-button:active, .action-bar .stack-switcher > .suggested-action.button.image-button:active:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:active:not(.text-button), .osd .toolbar .suggested-action.button:active, .osd .toolbar .raven .raven-header > .button.text-button:active, .raven .osd .toolbar .raven-header > .button.text-button:active, .toolbar.osd .suggested-action.button:active, .app-notification .suggested-action.button:active, GeditViewFrame .gedit-search-slider .suggested-action.button:active, .toolbar.osd .raven .raven-header > .button.text-button:active, .raven .toolbar.osd .raven-header > .button.text-button:active, .app-notification .raven .raven-header > .button.text-button:active, .raven .app-notification .raven-header > .button.text-button:active, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:active, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:active, .toolbar .suggested-action.button:active, .toolbar .raven .raven-header > .button.text-button:active, .raven .toolbar .raven-header > .button.text-button:active, .titlebar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), .header-bar .raven .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .raven .header-bar .raven-header > .button.text-button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:active, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:active, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:active, .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:active, .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:active, .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:active, .suggested-action.sidebar-button.button:active, .raven .raven-header > .sidebar-button.button.text-button:active, .info .suggested-action.button:active, .info .raven .raven-header > .button.text-button:active, .raven .info .raven-header > .button.text-button:active, .question .suggested-action.button:active, .question .raven .raven-header > .button.text-button:active, .raven .question .raven-header > .button.text-button:active, .warning .suggested-action.button:active, .warning .raven .raven-header > .button.text-button:active, .raven .warning .raven-header > .button.text-button:active, .error .suggested-action.button:active, .error .raven .raven-header > .button.text-button:active, .raven .error .raven-header > .button.text-button:active, GtkScaleButton.suggested-action.button:active, .raven .raven-header > GtkScaleButton.button.text-button:active, GtkVolumeButton.suggested-action.button:active, .raven .raven-header > GtkVolumeButton.button.text-button:active, GfCandidatePopup .suggested-action.button:active, GfCandidatePopup .raven .raven-header > .button.text-button:active, .raven GfCandidatePopup .raven-header > .button.text-button:active, GfCandidatePopup .suggested-action.button:active:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:active:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:active:first-child, GfCandidatePopup .suggested-action.button:active:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:active:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:active:last-child, GfCandidatePopup .linked > .suggested-action.button:active, GfCandidatePopup .raven .raven-header.linked > .button.text-button:active, .raven GfCandidatePopup .raven-header.linked > .button.text-button:active, GfCandidatePopup .linked > .suggested-action.button:active:first-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:active:first-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:active:first-child, GfCandidatePopup .linked > .suggested-action.button:active:last-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:active:last-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:active:last-child, MathWindow :not(.titlebar) .suggested-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:active:not(.flat):not(.titlebutton), .action-bar .linked > .suggested-action.button.image-button:active, .action-bar .raven .raven-header.linked > .image-button.button.text-button:active, .raven .action-bar .raven-header.linked > .image-button.button.text-button:active, .raven .raven-header > .flat.button.text-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:active, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:active, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: alpha(#E8E8E8, 0.2); color: #E8E8E8; } .button.suggested-action.flat:checked, .suggested-action.button.osd.image-button:checked, .raven .raven-header > .osd.image-button.button.text-button:checked, .inline-toolbar .suggested-action.button:checked, .inline-toolbar .raven .raven-header > .button.text-button:checked, .raven .inline-toolbar .raven-header > .button.text-button:checked, .inline-toolbar .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:checked:not(.text-button), .action-bar .suggested-action.button:checked, .action-bar .raven .raven-header > .button.text-button:checked, .raven .action-bar .raven-header > .button.text-button:checked, .action-bar .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:checked:not(.text-button), .inline-toolbar .linked > .suggested-action.button:checked, .inline-toolbar .raven .raven-header.linked > .button.text-button:checked, .raven .inline-toolbar .raven-header.linked > .button.text-button:checked, .inline-toolbar .linked > .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .action-bar .linked > .suggested-action.button:checked, .action-bar .raven .raven-header.linked > .button.text-button:checked, .raven .action-bar .raven-header.linked > .button.text-button:checked, .action-bar .linked > .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:checked:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:checked, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:checked, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:checked, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:checked:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:checked, .action-bar .raven .raven-header.stack-switcher > .button.text-button:checked, .raven .action-bar .raven-header.stack-switcher > .button.text-button:checked, .action-bar .stack-switcher > .suggested-action.button.image-button:checked:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:checked:not(.text-button), .osd .toolbar .suggested-action.button:checked, .osd .toolbar .raven .raven-header > .button.text-button:checked, .raven .osd .toolbar .raven-header > .button.text-button:checked, .toolbar.osd .suggested-action.button:checked, .app-notification .suggested-action.button:checked, GeditViewFrame .gedit-search-slider .suggested-action.button:checked, .toolbar.osd .raven .raven-header > .button.text-button:checked, .raven .toolbar.osd .raven-header > .button.text-button:checked, .app-notification .raven .raven-header > .button.text-button:checked, .raven .app-notification .raven-header > .button.text-button:checked, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:checked, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:checked, .toolbar .suggested-action.button:checked, .toolbar .raven .raven-header > .button.text-button:checked, .raven .toolbar .raven-header > .button.text-button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .raven .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .raven .header-bar .raven-header > .button.text-button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:checked, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:checked, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:checked, .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:checked, .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:checked, .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:checked, .suggested-action.sidebar-button.button:checked, .raven .raven-header > .sidebar-button.button.text-button:checked, .info .suggested-action.button:checked, .info .raven .raven-header > .button.text-button:checked, .raven .info .raven-header > .button.text-button:checked, .question .suggested-action.button:checked, .question .raven .raven-header > .button.text-button:checked, .raven .question .raven-header > .button.text-button:checked, .warning .suggested-action.button:checked, .warning .raven .raven-header > .button.text-button:checked, .raven .warning .raven-header > .button.text-button:checked, .error .suggested-action.button:checked, .error .raven .raven-header > .button.text-button:checked, .raven .error .raven-header > .button.text-button:checked, GtkScaleButton.suggested-action.button:checked, .raven .raven-header > GtkScaleButton.button.text-button:checked, GtkVolumeButton.suggested-action.button:checked, .raven .raven-header > GtkVolumeButton.button.text-button:checked, GfCandidatePopup .suggested-action.button:checked, GfCandidatePopup .raven .raven-header > .button.text-button:checked, .raven GfCandidatePopup .raven-header > .button.text-button:checked, GfCandidatePopup .suggested-action.button:checked:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:checked:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:checked:first-child, GfCandidatePopup .suggested-action.button:checked:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:checked:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:checked:last-child, GfCandidatePopup .linked > .suggested-action.button:checked, GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked, .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked, GfCandidatePopup .linked > .suggested-action.button:checked:first-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked:first-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked:first-child, GfCandidatePopup .linked > .suggested-action.button:checked:last-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:checked:last-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:checked:last-child, MathWindow :not(.titlebar) .suggested-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:checked:not(.flat):not(.titlebutton), .action-bar .linked > .suggested-action.button.image-button:checked, .action-bar .raven .raven-header.linked > .image-button.button.text-button:checked, .raven .action-bar .raven-header.linked > .image-button.button.text-button:checked, .raven .raven-header > .flat.button.text-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:checked, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:checked, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:checked { background-color: alpha(currentColor, 0.2); color: #263238; } .button.suggested-action.flat:insensitive, .suggested-action.button.osd.image-button:insensitive, .raven .raven-header > .osd.image-button.button.text-button:insensitive, .inline-toolbar .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header > .button.text-button:insensitive, .raven .inline-toolbar .raven-header > .button.text-button:insensitive, .inline-toolbar .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .suggested-action.button:insensitive, .action-bar .raven .raven-header > .button.text-button:insensitive, .raven .action-bar .raven-header > .button.text-button:insensitive, .action-bar .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header > .image-button.button.text-button:insensitive:not(.text-button), .inline-toolbar .linked > .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header.linked > .button.text-button:insensitive, .raven .inline-toolbar .raven-header.linked > .button.text-button:insensitive, .inline-toolbar .linked > .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .linked > .suggested-action.button:insensitive, .action-bar .raven .raven-header.linked > .button.text-button:insensitive, .raven .action-bar .raven-header.linked > .button.text-button:insensitive, .action-bar .linked > .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header.linked > .image-button.button.text-button:insensitive:not(.text-button), .inline-toolbar .stack-switcher > .suggested-action.button:insensitive, .inline-toolbar .raven .raven-header.stack-switcher > .button.text-button:insensitive, .raven .inline-toolbar .raven-header.stack-switcher > .button.text-button:insensitive, .inline-toolbar .stack-switcher > .suggested-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .raven .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .raven .inline-toolbar .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .action-bar .stack-switcher > .suggested-action.button:insensitive, .action-bar .raven .raven-header.stack-switcher > .button.text-button:insensitive, .raven .action-bar .raven-header.stack-switcher > .button.text-button:insensitive, .action-bar .stack-switcher > .suggested-action.button.image-button:insensitive:not(.text-button), .action-bar .raven .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .raven .action-bar .raven-header.stack-switcher > .image-button.button.text-button:insensitive:not(.text-button), .osd .toolbar .suggested-action.button:insensitive, .osd .toolbar .raven .raven-header > .button.text-button:insensitive, .raven .osd .toolbar .raven-header > .button.text-button:insensitive, .toolbar.osd .suggested-action.button:insensitive, .app-notification .suggested-action.button:insensitive, GeditViewFrame .gedit-search-slider .suggested-action.button:insensitive, .toolbar.osd .raven .raven-header > .button.text-button:insensitive, .raven .toolbar.osd .raven-header > .button.text-button:insensitive, .app-notification .raven .raven-header > .button.text-button:insensitive, .raven .app-notification .raven-header > .button.text-button:insensitive, GeditViewFrame .gedit-search-slider .raven .raven-header > .button.text-button:insensitive, .raven GeditViewFrame .gedit-search-slider .raven-header > .button.text-button:insensitive, .toolbar .suggested-action.button:insensitive, .toolbar .raven .raven-header > .button.text-button:insensitive, .raven .toolbar .raven-header > .button.text-button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .raven .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .raven .titlebar .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .raven .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .raven .header-bar .raven-header > .button.text-button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:insensitive, .message-dialog.csd .dialog-action-area .raven .raven-header > .button.text-button:insensitive, .raven .message-dialog.csd .dialog-action-area .raven-header > .button.text-button:insensitive, .message-dialog.csd .dialog-action-area .linked > .suggested-action.button:insensitive, .message-dialog.csd .dialog-action-area .raven .raven-header.linked > .button.text-button:insensitive, .raven .message-dialog.csd .dialog-action-area .raven-header.linked > .button.text-button:insensitive, .suggested-action.sidebar-button.button:insensitive, .raven .raven-header > .sidebar-button.button.text-button:insensitive, .info .suggested-action.button:insensitive, .info .raven .raven-header > .button.text-button:insensitive, .raven .info .raven-header > .button.text-button:insensitive, .question .suggested-action.button:insensitive, .question .raven .raven-header > .button.text-button:insensitive, .raven .question .raven-header > .button.text-button:insensitive, .warning .suggested-action.button:insensitive, .warning .raven .raven-header > .button.text-button:insensitive, .raven .warning .raven-header > .button.text-button:insensitive, .error .suggested-action.button:insensitive, .error .raven .raven-header > .button.text-button:insensitive, .raven .error .raven-header > .button.text-button:insensitive, GtkScaleButton.suggested-action.button:insensitive, .raven .raven-header > GtkScaleButton.button.text-button:insensitive, GtkVolumeButton.suggested-action.button:insensitive, .raven .raven-header > GtkVolumeButton.button.text-button:insensitive, GfCandidatePopup .suggested-action.button:insensitive, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive, GfCandidatePopup .suggested-action.button:insensitive:first-child, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive:first-child, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive:first-child, GfCandidatePopup .suggested-action.button:insensitive:last-child, GfCandidatePopup .raven .raven-header > .button.text-button:insensitive:last-child, .raven GfCandidatePopup .raven-header > .button.text-button:insensitive:last-child, GfCandidatePopup .linked > .suggested-action.button:insensitive, GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive, .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive, GfCandidatePopup .linked > .suggested-action.button:insensitive:first-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive:first-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive:first-child, GfCandidatePopup .linked > .suggested-action.button:insensitive:last-child, GfCandidatePopup .raven .raven-header.linked > .button.text-button:insensitive:last-child, .raven GfCandidatePopup .raven-header.linked > .button.text-button:insensitive:last-child, MathWindow :not(.titlebar) .suggested-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .suggested-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:insensitive:not(.flat):not(.titlebutton), .action-bar .linked > .suggested-action.button.image-button:insensitive, .action-bar .raven .raven-header.linked > .image-button.button.text-button:insensitive, .raven .action-bar .raven-header.linked > .image-button.button.text-button:insensitive, .raven .raven-header > .flat.button.text-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .suggested-action.button.image-button:insensitive, NemoWindow GtkGrid > GtkEventBox > .toolbar .raven .raven-header > .image-button.button.text-button:insensitive, .raven NemoWindow GtkGrid > GtkEventBox > .toolbar .raven-header > .image-button.button.text-button:insensitive { box-shadow: none; background-color: transparent; } .button.destructive-action { background-color: #FF5252; color: rgba(255, 255, 255, 0.85); } .button.destructive-action:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; background-color: #FF5252; color: #FFFFFF; } .button.destructive-action:active { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); color: #263238; transition-duration: 0; animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: #E8E8E8; color: #FFFFFF; } .button.destructive-action:checked { background-color: #ff7575; } .button.destructive-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(38, 50, 56, 0.3); } .button.destructive-action:insensitive > .label { color: inherit; } .button.destructive-action.flat, .destructive-action.button.osd.image-button, .inline-toolbar .destructive-action.button, .inline-toolbar .destructive-action.button.image-button:not(.text-button), .action-bar .destructive-action.button, .action-bar .destructive-action.button.image-button:not(.text-button), .app-notification .destructive-action.button, GeditViewFrame .gedit-search-slider .destructive-action.button, .toolbar .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button, .destructive-action.sidebar-button.button, .info .destructive-action.button, .question .destructive-action.button, .warning .destructive-action.button, .error .destructive-action.button, GtkScaleButton.destructive-action.button, GtkVolumeButton.destructive-action.button, GfCandidatePopup .destructive-action.button, GfCandidatePopup .linked > .destructive-action.button:first-child, GfCandidatePopup .linked > .destructive-action.button:last-child, MathWindow :not(.titlebar) .destructive-action.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:not(.flat):not(.titlebutton), .action-bar .linked > .destructive-action.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .destructive-action.button.image-button { background-color: transparent; color: #FF5252; } .button.destructive-action.flat:hover, .destructive-action.button.osd.image-button:hover, .inline-toolbar .destructive-action.button:hover, .action-bar .destructive-action.button:hover, .inline-toolbar .linked > .destructive-action.button.image-button:hover:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:hover:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:hover:not(.text-button), .app-notification .destructive-action.button:hover, GeditViewFrame .gedit-search-slider .destructive-action.button:hover, .toolbar .destructive-action.button:hover, .titlebar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:hover, .destructive-action.sidebar-button.button:hover, .info .destructive-action.button:hover, .question .destructive-action.button:hover, .warning .destructive-action.button:hover, .error .destructive-action.button:hover, GtkScaleButton.destructive-action.button:hover, GtkVolumeButton.destructive-action.button:hover, GfCandidatePopup .destructive-action.button:hover, MathWindow :not(.titlebar) .destructive-action.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:hover:not(.flat):not(.titlebutton) { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .button.destructive-action.flat:active, .destructive-action.button.osd.image-button:active, .inline-toolbar .destructive-action.button:active, .action-bar .destructive-action.button:active, .inline-toolbar .linked > .destructive-action.button.image-button:active:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:active:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:active:not(.text-button), .app-notification .destructive-action.button:active, GeditViewFrame .gedit-search-slider .destructive-action.button:active, .toolbar .destructive-action.button:active, .titlebar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:active, .destructive-action.sidebar-button.button:active, .info .destructive-action.button:active, .question .destructive-action.button:active, .warning .destructive-action.button:active, .error .destructive-action.button:active, GtkScaleButton.destructive-action.button:active, GtkVolumeButton.destructive-action.button:active, GfCandidatePopup .destructive-action.button:active, MathWindow :not(.titlebar) .destructive-action.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:active:not(.flat):not(.titlebutton) { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: alpha(#E8E8E8, 0.2); color: #E8E8E8; } .button.destructive-action.flat:checked, .destructive-action.button.osd.image-button:checked, .inline-toolbar .destructive-action.button:checked, .action-bar .destructive-action.button:checked, .inline-toolbar .linked > .destructive-action.button.image-button:checked:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:checked:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:checked:not(.text-button), .app-notification .destructive-action.button:checked, GeditViewFrame .gedit-search-slider .destructive-action.button:checked, .toolbar .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:checked, .destructive-action.sidebar-button.button:checked, .info .destructive-action.button:checked, .question .destructive-action.button:checked, .warning .destructive-action.button:checked, .error .destructive-action.button:checked, GtkScaleButton.destructive-action.button:checked, GtkVolumeButton.destructive-action.button:checked, GfCandidatePopup .destructive-action.button:checked, MathWindow :not(.titlebar) .destructive-action.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:checked:not(.flat):not(.titlebutton) { background-color: alpha(currentColor, 0.2); color: #263238; } .button.destructive-action.flat:insensitive, .destructive-action.button.osd.image-button:insensitive, .inline-toolbar .destructive-action.button:insensitive, .action-bar .destructive-action.button:insensitive, .inline-toolbar .linked > .destructive-action.button.image-button:insensitive:not(.text-button), .inline-toolbar .stack-switcher > .destructive-action.button.image-button:insensitive:not(.text-button), .action-bar .stack-switcher > .destructive-action.button.image-button:insensitive:not(.text-button), .app-notification .destructive-action.button:insensitive, GeditViewFrame .gedit-search-slider .destructive-action.button:insensitive, .toolbar .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:insensitive, .destructive-action.sidebar-button.button:insensitive, .info .destructive-action.button:insensitive, .question .destructive-action.button:insensitive, .warning .destructive-action.button:insensitive, .error .destructive-action.button:insensitive, GtkScaleButton.destructive-action.button:insensitive, GtkVolumeButton.destructive-action.button:insensitive, GfCandidatePopup .destructive-action.button:insensitive, MathWindow :not(.titlebar) .destructive-action.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .destructive-action.button:insensitive:not(.flat):not(.titlebutton) { box-shadow: none; background-color: transparent; } .button.text-button { padding-left: 1.2em; padding-right: 1.2em; font-weight: 700; } .button.text-button.image-button { padding: 0.7em 1em 0.8em; outline-radius: 2px; border-radius: 2px; background-size: 7.5em 7.5em, auto; } .button.text-button.image-button .label:first-child { padding-left: 0.5em; } .button.text-button.image-button .label:last-child { padding-right: 0.5em; } .stack-switcher > .button { outline-offset: -0.2em; } .stack-switcher > .button > .label { padding-left: 0.5em; padding-right: 0.5em; } .stack-switcher > .button > GtkImage { padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; } .stack-switcher > .button.text-button { padding: 0.7em 1em 0.8em; } .stack-switcher > .button.image-button { padding: 0.5em 0.3em; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .inline-toolbar .button, .inline-toolbar .button:not(.text-button).image-button, .action-bar .button, .action-bar .button:not(.text-button).image-button, .inline-toolbar .linked > .button, .inline-toolbar .linked > .button:not(.text-button).image-button, .action-bar .linked > .button, .action-bar .linked > .button:not(.text-button).image-button { padding: 0.75em; border-radius: 100px; outline-radius: 100px; } .inline-toolbar .button.text-button, .action-bar .button.text-button, .inline-toolbar .linked > .button.text-button, .action-bar .linked > .button.text-button { border-radius: 2px; outline-radius: 2px; } .inline-toolbar .stack-switcher > .button, .inline-toolbar .stack-switcher > .button:not(.text-button).image-button, .action-bar .stack-switcher > .button, .action-bar .stack-switcher > .button:not(.text-button).image-button { padding: 0.5em 0.25em; border-radius: 100px; outline-radius: 100px; } .primary-toolbar .button { icon-shadow: none; } .linked > .button, .linked > .button .image-button, .linked > .button .text-button, GtkComboBox .button, .toolbar .linked > .button.text-button:not(.image-button), .popover .linked > .button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); border-radius: 0; outline-radius: 0; color: rgba(38, 50, 56, 0.75); border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } .linked > .button:hover, .linked > .button .image-button:hover, .linked > .button .text-button:hover, GtkComboBox .button:hover, .toolbar .linked > .button.text-button:hover:not(.image-button), .popover .linked > .button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); border-radius: 0; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 2/0 0 2px; } .linked > .button:active, .linked > .button .image-button:active, .linked > .button .text-button:active, GtkComboBox .button:active, GtkComboBox .button:hover, GtkComboBox .button:checked, .toolbar .linked > .button.text-button:active:not(.image-button), .popover .linked > .button:active, .linked > .button:checked, .linked > .button .image-button:checked, .linked > .button .text-button:checked, GtkComboBox .button:checked, .toolbar .linked > .button.text-button:checked:not(.image-button), .popover .linked > .button:checked { background-color: alpha(currentColor, 0.2); color: #263238; border-radius: 0; color: #263238; background-color: transparent; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; } .linked > .button:active:hover, .linked > .button .image-button:active:hover, .linked > .button .text-button:active:hover, GtkComboBox .button:hover, .toolbar .linked > .button.text-button:active:hover:not(.image-button), .popover .linked > .button:active:hover, .linked > .button:checked:hover, .linked > .button .image-button:checked:hover, .linked > .button .text-button:checked:hover, GtkComboBox .button:checked:hover, .toolbar .linked > .button.text-button:checked:hover:not(.image-button), .popover .linked > .button:checked:hover { background-color: alpha(rgba(38, 50, 56, 0.75), 0.1); } .linked > .button:active:insensitive, .linked > .button .image-button:active:insensitive, .linked > .button .text-button:active:insensitive, GtkComboBox .button:active:insensitive, GtkComboBox .button:insensitive:hover, GtkComboBox .button:insensitive:checked, .toolbar .linked > .button.text-button:active:insensitive:not(.image-button), .popover .linked > .button:active:insensitive, .linked > .button:checked:insensitive, .linked > .button .image-button:checked:insensitive, .linked > .button .text-button:checked:insensitive, GtkComboBox .button:checked:insensitive, .toolbar .linked > .button.text-button:checked:insensitive:not(.image-button), .popover .linked > .button:checked:insensitive { color: rgba(38, 50, 56, 0.3); background-color: transparent; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 188, 212, 0.2)), to(transparent)) 0 0 2/0 0 2px; } .linked > .button:active:insensitive > .label, .linked > .button .image-button:active:insensitive > .label, .linked > .button .text-button:active:insensitive > .label, GtkComboBox .button:active:insensitive > .label, GtkComboBox .button:insensitive:hover > .label, GtkComboBox .button:insensitive:checked > .label, .linked > .button:checked:insensitive > .label, .linked > .button .image-button:checked:insensitive > .label, .linked > .button .text-button:checked:insensitive > .label, GtkComboBox .button:checked:insensitive > .label { color: inherit; } .linked > .button:active:insensitive > .label, .linked > .button .image-button:active:insensitive > .label, .linked > .button .text-button:active:insensitive > .label, GtkComboBox .button:active:insensitive > .label, GtkComboBox .button:insensitive:hover > .label, GtkComboBox .button:insensitive:checked > .label, .linked > .button:checked:insensitive > .label, .linked > .button .image-button:checked:insensitive > .label, .linked > .button .text-button:checked:insensitive > .label, GtkComboBox .button:checked:insensitive > .label { color: inherit; } .linked > .button:insensitive, .linked > .button .image-button:insensitive, .linked > .button .text-button:insensitive, GtkComboBox .button:insensitive, .toolbar .linked > .button.text-button:insensitive:not(.image-button), .popover .linked > .button:insensitive { box-shadow: none; background-color: transparent; border-radius: 0; color: rgba(38, 50, 56, 0.3); background-color: transparent; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 1/0 0 1px; } .linked.vertical > .button, .linked.vertical > .button .image-button, .linked.vertical > .button .text-button, .linked.vertical > GtkComboBox .button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); border-image: none; border-width: 0; outline-radius: 0; color: rgba(38, 50, 56, 0.75); } .linked.vertical > .button:hover, .linked.vertical > .button .image-button:hover, .linked.vertical > .button .text-button:hover, .linked.vertical > GtkComboBox .button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .linked.vertical > .button:hover:dir(ltr), .linked.vertical > .button .image-button:hover:dir(ltr), .linked.vertical > .button .text-button:hover:dir(ltr), .linked.vertical > GtkComboBox .button:hover:dir(ltr) { box-shadow: inset 2px 0 alpha(currentColor, 0.2); } .linked.vertical > .button:hover:dir(rtl), .linked.vertical > .button .image-button:hover:dir(rtl), .linked.vertical > .button .text-button:hover:dir(rtl), .linked.vertical > GtkComboBox .button:hover:dir(rtl) { box-shadow: inset -2px 0 alpha(currentColor, 0.2); } .linked.vertical > .button:active, .linked.vertical > .button .image-button:active, .linked.vertical > .button .text-button:active, .linked.vertical > GtkComboBox .button:active, .linked.vertical > .button:checked, .linked.vertical > .button .image-button:checked, .linked.vertical > .button .text-button:checked, .linked.vertical > GtkComboBox .button:checked { background-color: alpha(currentColor, 0.2); color: #263238; color: #263238; background-color: transparent; } .linked.vertical > .button:active:dir(ltr), .linked.vertical > .button .image-button:active:dir(ltr), .linked.vertical > .button .text-button:active:dir(ltr), .linked.vertical > GtkComboBox .button:active:dir(ltr), .linked.vertical > .button:checked:dir(ltr), .linked.vertical > .button .image-button:checked:dir(ltr), .linked.vertical > .button .text-button:checked:dir(ltr), .linked.vertical > GtkComboBox .button:checked:dir(ltr) { box-shadow: inset 2px 0 #E8E8E8; } .linked.vertical > .button:active:dir(rtl), .linked.vertical > .button .image-button:active:dir(rtl), .linked.vertical > .button .text-button:active:dir(rtl), .linked.vertical > GtkComboBox .button:active:dir(rtl), .linked.vertical > .button:checked:dir(rtl), .linked.vertical > .button .image-button:checked:dir(rtl), .linked.vertical > .button .text-button:checked:dir(rtl), .linked.vertical > GtkComboBox .button:checked:dir(rtl) { box-shadow: inset -2px 0 #E8E8E8; } .linked.vertical > .button:active:hover, .linked.vertical > .button .image-button:active:hover, .linked.vertical > .button .text-button:active:hover, .linked.vertical > GtkComboBox .button:active:hover, .linked.vertical > .button:checked:hover, .linked.vertical > .button .image-button:checked:hover, .linked.vertical > .button .text-button:checked:hover, .linked.vertical > GtkComboBox .button:checked:hover { background-color: alpha(currentColor, 0.1); } .linked.vertical > .button:active:insensitive, .linked.vertical > .button .image-button:active:insensitive, .linked.vertical > .button .text-button:active:insensitive, .linked.vertical > GtkComboBox .button:active:insensitive, .linked.vertical > .button:checked:insensitive, .linked.vertical > .button .image-button:checked:insensitive, .linked.vertical > .button .text-button:checked:insensitive, .linked.vertical > GtkComboBox .button:checked:insensitive { color: rgba(38, 50, 56, 0.3); background-color: transparent; } .linked.vertical > .button:active:insensitive > .label, .linked.vertical > .button .image-button:active:insensitive > .label, .linked.vertical > .button .text-button:active:insensitive > .label, .linked.vertical > GtkComboBox .button:active:insensitive > .label, .linked.vertical > .button:checked:insensitive > .label, .linked.vertical > .button .image-button:checked:insensitive > .label, .linked.vertical > .button .text-button:checked:insensitive > .label, .linked.vertical > GtkComboBox .button:checked:insensitive > .label { color: inherit; } .linked.vertical > .button:active:insensitive:dir(ltr), .linked.vertical > .button .image-button:active:insensitive:dir(ltr), .linked.vertical > .button .text-button:active:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:active:insensitive:dir(ltr), .linked.vertical > .button:checked:insensitive:dir(ltr), .linked.vertical > .button .image-button:checked:insensitive:dir(ltr), .linked.vertical > .button .text-button:checked:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:checked:insensitive:dir(ltr) { box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2); } .linked.vertical > .button:active:insensitive:dir(ltr), .linked.vertical > .button .image-button:active:insensitive:dir(ltr), .linked.vertical > .button .text-button:active:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:active:insensitive:dir(ltr), .linked.vertical > .button:checked:insensitive:dir(ltr), .linked.vertical > .button .image-button:checked:insensitive:dir(ltr), .linked.vertical > .button .text-button:checked:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:checked:insensitive:dir(ltr) { box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2); } .linked.vertical > .button:active:insensitive > .label, .linked.vertical > .button .image-button:active:insensitive > .label, .linked.vertical > .button .text-button:active:insensitive > .label, .linked.vertical > GtkComboBox .button:active:insensitive > .label, .linked.vertical > .button:checked:insensitive > .label, .linked.vertical > .button .image-button:checked:insensitive > .label, .linked.vertical > .button .text-button:checked:insensitive > .label, .linked.vertical > GtkComboBox .button:checked:insensitive > .label { color: inherit; } .linked.vertical > .button:insensitive, .linked.vertical > .button .image-button:insensitive, .linked.vertical > .button .text-button:insensitive, .linked.vertical > GtkComboBox .button:insensitive { box-shadow: none; background-color: transparent; color: rgba(38, 50, 56, 0.3); background-color: transparent; } .linked.vertical > .button:insensitive:dir(ltr), .linked.vertical > .button .image-button:insensitive:dir(ltr), .linked.vertical > .button .text-button:insensitive:dir(ltr), .linked.vertical > GtkComboBox .button:insensitive:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor, 0.2); } .linked.vertical > .button:insensitive:dir(rtl), .linked.vertical > .button .image-button:insensitive:dir(rtl), .linked.vertical > .button .text-button:insensitive:dir(rtl), .linked.vertical > GtkComboBox .button:insensitive:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor, 0.2); } .linked.vertical > .button:dir(ltr), .linked.vertical > .button .image-button:dir(ltr), .linked.vertical > .button .text-button:dir(ltr), .linked.vertical > GtkComboBox .button:dir(ltr) { box-shadow: inset 1px 0 alpha(currentColor, 0.2); } .linked.vertical > .button:dir(rtl), .linked.vertical > .button .image-button:dir(rtl), .linked.vertical > .button .text-button:dir(rtl), .linked.vertical > GtkComboBox .button:dir(rtl) { box-shadow: inset -1px 0 alpha(currentColor, 0.2); } .button.osd.image-button, .button.image-button, .notebook tab .button, GtkScaleButton.button, GtkVolumeButton.button, .csd .header-bar .button.titlebutton, .csd .header-bar.selection-mode .button.titlebutton, .csd .titlebar .button.titlebutton, .csd .titlebar.selection-mode .button.titlebutton { padding: 1em; outline-radius: 100px; border-radius: 100px; background-size: 3.75em 3.75em, auto; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { background-repeat: no-repeat; background-position: right 3px; background-size: 0.4em 0.4em; animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; transition: none; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px; } .inline-toolbar GtkToolButton > .button { outline-radius: 100px; border-radius: 100px; } .linked > .button:not(.flat):not(:only-child), .linked > .button, .linked > .button .image-button, .linked > .button .text-button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { border-radius: 0; } .linked.vertical > .button:not(:only-child), .linked.vertical > .button, .linked.vertical > .button .image-button, .linked.vertical > .button .text-button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 0; } .menuitem.button.flat, .menuitem.button.osd.image-button, .inline-toolbar .menuitem.button, .inline-toolbar .menuitem.button.image-button:not(.text-button), .action-bar .menuitem.button, .action-bar .menuitem.button.image-button:not(.text-button), .app-notification .menuitem.button, GeditViewFrame .gedit-search-slider .menuitem.button, .toolbar .menuitem.button, .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action), .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button, .menuitem.sidebar-button.button, .info .menuitem.button, .question .menuitem.button, .warning .menuitem.button, .error .menuitem.button, GtkScaleButton.menuitem.button, GtkVolumeButton.menuitem.button, GfCandidatePopup .menuitem.button, GfCandidatePopup .linked > .menuitem.button:first-child, GfCandidatePopup .linked > .menuitem.button:last-child, MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton), .action-bar .linked > .menuitem.button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .menuitem.button.image-button { transition: none; } GtkColorButton.button { padding: 0.4em 0.6em 0.5em; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } GtkColorButton.button:insensitive, GtkColorButton.button GtkColorSwatch:insensitive { box-shadow: none; opacity: 0.4; } GtkButtonBox > .button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #E8E8E8; font-weight: 700; } GtkButtonBox > .button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); color: #E8E8E8; } GtkButtonBox > .button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; color: #E8E8E8; } GtkButtonBox > .button:insensitive { box-shadow: none; background-color: transparent; } GtkButtonBox > .button:checked { background-color: alpha(currentColor, 0.2); color: #263238; color: #E8E8E8; } GtkButtonBox > .button:checked:insensitive { color: #E8E8E8; } GtkButtonBox > .button:checked:insensitive > .label { color: inherit; } /********* * Links * *********/ *:link, .button:link, .button:visited { color: #E8E8E8; } *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited { color: #E8E8E8; } *:link:visited, .button:visited { color: #E8E8E8; } *:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active { color: #E8E8E8; } *:selected *:link:visited, *:selected .button:visited { color: #E8E8E8; } *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #E8E8E8; } *:link:insensitive, .button:insensitive:link, .button:insensitive:visited { opacity: 0.4; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ .spinbutton .button, .osd .spinbutton .button { padding: 0.4em; border: solid 0.35em transparent; border-radius: 100px; outline-radius: 100px; background: none; box-shadow: none; color: rgba(38, 50, 56, 0.75); } .spinbutton .button:not(:last-child):hover, .osd .spinbutton .button:not(:last-child):hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #F44336; } .spinbutton .button:not(:last-child):active, .osd .spinbutton .button:not(:last-child):active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: alpha(currentColor, 0.2); color: #F44336; } .spinbutton .button:not(:last-child):insensitive, .osd .spinbutton .button:not(:last-child):insensitive { box-shadow: none; background-color: transparent; background: none; color: rgba(38, 50, 56, 0.3); } .spinbutton .button:last-child:hover, .osd .spinbutton .button:last-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #00E676; } .spinbutton .button:last-child:active, .osd .spinbutton .button:last-child:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: alpha(currentColor, 0.2); color: #00E676; } .spinbutton .button:last-child:insensitive, .osd .spinbutton .button:last-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: rgba(38, 50, 56, 0.3); } .spinbutton.vertical { padding: 0.5em 0; } .spinbutton.vertical .button { padding: 0.2em 0; border: solid 0.5em transparent; border-radius: 200px; outline-radius: 200px; background: none; box-shadow: none; color: rgba(38, 50, 56, 0.75); } .spinbutton.vertical .button:first-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #00E676; } .spinbutton.vertical .button:first-child:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: alpha(currentColor, 0.2); color: #00E676; } .spinbutton.vertical .button:first-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: rgba(38, 50, 56, 0.3); } .spinbutton.vertical .button:last-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #F44336; } .spinbutton.vertical .button:last-child:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background-color: alpha(currentColor, 0.2); color: #F44336; } .spinbutton.vertical .button:last-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: rgba(38, 50, 56, 0.3); } GtkTreeView .spinbutton.entry:focus { padding: 1px; border-radius: 0; border-width: 0; background-color: #FFFFFF; color: #263238; box-shadow: none; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding: 0.35em 0.5em 0.45em; } GtkComboBox .menu { padding: 2px 0; } GtkComboBox .menu .menuitem { padding: 0.35em 0.5em 0.45em; } GtkComboBox .separator.vertical { -GtkWidget-wide-separators: true; } GtkComboBox .button { border-radius: 0; padding: 0.5em 0.5em 0.55em; color: rgba(38, 50, 56, 0.75); } GtkComboBox .button:hover, GtkComboBox .button:active, GtkComboBox .button:checked { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); background-color: transparent; } GtkComboBox .button:hover:insensitive, GtkComboBox .button:active:insensitive, GtkComboBox .button:checked:insensitive { color: rgba(38, 50, 56, 0.3); } GtkComboBox .button:insensitive { color: rgba(38, 50, 56, 0.3); background-color: transparent; } GtkComboBox.combobox-entry { padding: 0; } GtkComboBox.combobox-entry .button { padding: 0 0.7em; } .linked.vertical > GtkComboBox .button { padding: 0.35em 0.5em 0.45em; border-radius: 0; color: rgba(38, 50, 56, 0.75); } /************ * Toolbars * ************/ .toolbar { -GtkWidget-window-dragging: true; padding: 0.4em; border-width: 0; background-color: #FFFFFF; color: rgba(38, 50, 56, 0.75); } .toolbar.vertical, .inline-toolbar .toolbar, GtkPaned .toolbar, GtkEventBox .toolbar, GtkGrid .toolbar.primary-toolbar { box-shadow: none; } .osd .toolbar, .toolbar.osd, .app-notification, .app-notification.frame, GeditViewFrame .gedit-search-slider { padding: 3px; border-style: solid; border-width: 9px; border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; border-radius: 2px; box-shadow: none; color: #ECEFF1; background-color: #FFFFFF; } .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } .osd .toolbar .button:not(:active):not(:insensitive):not(hover), .toolbar.osd .button:not(:active):not(:insensitive):not(hover), .app-notification .button:not(:active):not(:insensitive):not(hover), .app-notification.frame .button:not(:active):not(:insensitive):not(hover), GeditViewFrame .gedit-search-slider .button:not(:active):not(:insensitive):not(hover) { color: #E8E8E8; } .osd .toolbar .button:hover, .osd .toolbar .button:active, .toolbar.osd .button:hover, .app-notification .button:hover, .app-notification.frame .button:hover, GeditViewFrame .gedit-search-slider .button:hover, .toolbar.osd .button:active, .app-notification .button:active, .app-notification.frame .button:active, GeditViewFrame .gedit-search-slider .button:active { color: #E8E8E8; } .osd .toolbar .button:active, .osd .toolbar .button:checked, .toolbar.osd .button:active, .app-notification .button:active, .app-notification.frame .button:active, GeditViewFrame .gedit-search-slider .button:active, .toolbar.osd .button:checked, .app-notification .button:checked, .app-notification.frame .button:checked, GeditViewFrame .gedit-search-slider .button:checked { border-image: none; box-shadow: none; } .osd .toolbar .button:insensitive, .toolbar.osd .button:insensitive, .app-notification .button:insensitive, .app-notification.frame .button:insensitive, GeditViewFrame .gedit-search-slider .button:insensitive { color: #E8E8E8; } .osd .toolbar .label, .toolbar.osd .label, .app-notification .label, .app-notification.frame .label, GeditViewFrame .gedit-search-slider .label { padding: 0 1em; } .toolbar .button { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; color: rgba(38, 50, 56, 0.75); box-shadow: none; } .toolbar .button:hover { border-image: none; color: #263238; box-shadow: none; } .toolbar .button:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; background: transparent; color: #263238; box-shadow: none; } .toolbar .button:checked:insensitive { border-image: none; background: transparent; color: rgba(38, 50, 56, 0.3); box-shadow: none; } .toolbar .button:checked:insensitive > .label { color: inherit; } .toolbar .button:insensitive { border-image: none; background-color: transparent; color: rgba(38, 50, 56, 0.225); box-shadow: none; } .toolbar .button .image-button { border-radius: 100px; outline-radius: 100px; } .toolbar .linked > .button { border-radius: 100px; outline-radius: 100px; } .toolbar .linked > .button:hover { background-color: transparent; } .toolbar .linked > .button:not(:checked) { border-radius: 100px; outline-radius: 100px; } .inline-toolbar { padding: 0.4em; border-style: solid; border-width: 0 1px 1px; border-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .search-bar, .location-bar { padding: 0.4em; border-style: solid; border-width: 0 0 1px; border-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; } .search-bar .button.raised, .location-bar .button.raised { padding: 0.75em; border-radius: 100px; outline-radius: 100px; } /*************** * Header bars * ***************/ .titlebar, .header-bar { -GtkPaned-handle-size: 0; padding: 0.4em; border-width: 1px 0 1px; border-style: solid; border-top-color: #FFFFFF; border-bottom-color: #242F35; background-color: #FFFFFF; background-clip: border-box; color: #BBBBBB; } .titlebar .label:checked:insensitive, .header-bar .label:checked:insensitive { color: rgba(236, 239, 241, 0.3); } .titlebar .label:insensitive, .header-bar .label:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar .title, .header-bar .title { padding-left: 1em; padding-right: 1em; color: #ECEFF1; font-weight: 700; } .titlebar .subtitle, .header-bar .subtitle { padding-left: 1em; padding-right: 1em; color: #BBBBBB; font-size: 90%; } .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .titlebar > GtkBox > GtkBox > .separator.vertical, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .header-bar > GtkBox > GtkBox > .separator.vertical { -GtkWidget-separator-width: 0; border: 0 none transparent; color: transparent; } .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; color: #BBBBBB; } .titlebar .button:not(.suggested-action):not(.destructive-action):hover, .header-bar .button:not(.suggested-action):not(.destructive-action):hover { color: #ECEFF1; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked, .header-bar .button:not(.suggested-action):not(.destructive-action):checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; background-color: transparent; color: #ECEFF1; } .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive, .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive { background-color: transparent; color: rgba(236, 239, 241, 0.3); } .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label, .header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label { color: inherit; } .titlebar .button:not(.suggested-action):not(.destructive-action):insensitive, .header-bar .button:not(.suggested-action):not(.destructive-action):insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar .button, .titlebar .button .label.text-button, .titlebar .linked > .button, .titlebar .linked > .button .label.text-button, .titlebar .button.suggested-action, .titlebar .raven .raven-header > .button.text-button, .raven .titlebar .raven-header > .button.text-button, .titlebar .button.suggested-action .label.text-button, .titlebar .raven .raven-header > .button.text-button .label.text-button, .raven .titlebar .raven-header > .button.text-button .label.text-button, .titlebar .button.destructive-action, .titlebar .button.destructive-action .label.text-button, .header-bar .button, .header-bar .button .label.text-button, .header-bar .linked > .button, .header-bar .linked > .button .label.text-button, .header-bar .button.suggested-action, .header-bar .raven .raven-header > .button.text-button, .raven .header-bar .raven-header > .button.text-button, .header-bar .button.suggested-action .label.text-button, .header-bar .raven .raven-header > .button.text-button .label.text-button, .raven .header-bar .raven-header > .button.text-button .label.text-button, .header-bar .button.destructive-action, .header-bar .button.destructive-action .label.text-button { color: #BBBBBB; } .titlebar .button:hover, .titlebar .button .label.text-button:hover, .titlebar .linked > .button:hover, .titlebar .linked > .button .label.text-button:hover, .titlebar .button.suggested-action:hover, .titlebar .raven .raven-header > .button.text-button:hover, .raven .titlebar .raven-header > .button.text-button:hover, .titlebar .button.suggested-action .label.text-button:hover, .titlebar .raven .raven-header > .button.text-button .label.text-button:hover, .raven .titlebar .raven-header > .button.text-button .label.text-button:hover, .titlebar .button.destructive-action:hover, .titlebar .button.destructive-action .label.text-button:hover, .header-bar .button:hover, .header-bar .button .label.text-button:hover, .header-bar .linked > .button:hover, .header-bar .linked > .button .label.text-button:hover, .header-bar .button.suggested-action:hover, .header-bar .raven .raven-header > .button.text-button:hover, .raven .header-bar .raven-header > .button.text-button:hover, .header-bar .button.suggested-action .label.text-button:hover, .header-bar .raven .raven-header > .button.text-button .label.text-button:hover, .raven .header-bar .raven-header > .button.text-button .label.text-button:hover, .header-bar .button.destructive-action:hover, .header-bar .button.destructive-action .label.text-button:hover { color: #ECEFF1; } .titlebar .button:checked, .titlebar .button .label.text-button:checked, .titlebar .linked > .button:checked, .titlebar .linked > .button .label.text-button:checked, .titlebar .button.suggested-action:checked, .titlebar .raven .raven-header > .button.text-button:checked, .raven .titlebar .raven-header > .button.text-button:checked, .titlebar .button.suggested-action .label.text-button:checked, .titlebar .raven .raven-header > .button.text-button .label.text-button:checked, .raven .titlebar .raven-header > .button.text-button .label.text-button:checked, .titlebar .button.destructive-action:checked, .titlebar .button.destructive-action .label.text-button:checked, .header-bar .button:checked, .header-bar .button .label.text-button:checked, .header-bar .linked > .button:checked, .header-bar .linked > .button .label.text-button:checked, .header-bar .button.suggested-action:checked, .header-bar .raven .raven-header > .button.text-button:checked, .raven .header-bar .raven-header > .button.text-button:checked, .header-bar .button.suggested-action .label.text-button:checked, .header-bar .raven .raven-header > .button.text-button .label.text-button:checked, .raven .header-bar .raven-header > .button.text-button .label.text-button:checked, .header-bar .button.destructive-action:checked, .header-bar .button.destructive-action .label.text-button:checked { color: #ECEFF1; } .titlebar .button:checked:insensitive, .titlebar .button .label.text-button:checked:insensitive, .titlebar .linked > .button:checked:insensitive, .titlebar .linked > .button .label.text-button:checked:insensitive, .titlebar .button.suggested-action:checked:insensitive, .titlebar .raven .raven-header > .button.text-button:checked:insensitive, .raven .titlebar .raven-header > .button.text-button:checked:insensitive, .titlebar .button.suggested-action .label.text-button:checked:insensitive, .titlebar .raven .raven-header > .button.text-button .label.text-button:checked:insensitive, .raven .titlebar .raven-header > .button.text-button .label.text-button:checked:insensitive, .titlebar .button.destructive-action:checked:insensitive, .titlebar .button.destructive-action .label.text-button:checked:insensitive, .header-bar .button:checked:insensitive, .header-bar .button .label.text-button:checked:insensitive, .header-bar .linked > .button:checked:insensitive, .header-bar .linked > .button .label.text-button:checked:insensitive, .header-bar .button.suggested-action:checked:insensitive, .header-bar .raven .raven-header > .button.text-button:checked:insensitive, .raven .header-bar .raven-header > .button.text-button:checked:insensitive, .header-bar .button.suggested-action .label.text-button:checked:insensitive, .header-bar .raven .raven-header > .button.text-button .label.text-button:checked:insensitive, .raven .header-bar .raven-header > .button.text-button .label.text-button:checked:insensitive, .header-bar .button.destructive-action:checked:insensitive, .header-bar .button.destructive-action .label.text-button:checked:insensitive { color: rgba(236, 239, 241, 0.3); } .titlebar .button:insensitive, .titlebar .button .label.text-button:insensitive, .titlebar .linked > .button:insensitive, .titlebar .linked > .button .label.text-button:insensitive, .titlebar .button.suggested-action:insensitive, .titlebar .raven .raven-header > .button.text-button:insensitive, .raven .titlebar .raven-header > .button.text-button:insensitive, .titlebar .button.suggested-action .label.text-button:insensitive, .titlebar .raven .raven-header > .button.text-button .label.text-button:insensitive, .raven .titlebar .raven-header > .button.text-button .label.text-button:insensitive, .titlebar .button.destructive-action:insensitive, .titlebar .button.destructive-action .label.text-button:insensitive, .header-bar .button:insensitive, .header-bar .button .label.text-button:insensitive, .header-bar .linked > .button:insensitive, .header-bar .linked > .button .label.text-button:insensitive, .header-bar .button.suggested-action:insensitive, .header-bar .raven .raven-header > .button.text-button:insensitive, .raven .header-bar .raven-header > .button.text-button:insensitive, .header-bar .button.suggested-action .label.text-button:insensitive, .header-bar .raven .raven-header > .button.text-button .label.text-button:insensitive, .raven .header-bar .raven-header > .button.text-button .label.text-button:insensitive, .header-bar .button.destructive-action:insensitive, .header-bar .button.destructive-action .label.text-button:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar .button .label.text-button, .titlebar .linked > .button .label.text-button, .titlebar .button.suggested-action .label.text-button, .titlebar .raven .raven-header > .button.text-button .label.text-button, .raven .titlebar .raven-header > .button.text-button .label.text-button, .titlebar .button.destructive-action .label.text-button, .header-bar .button .label.text-button, .header-bar .linked > .button .label.text-button, .header-bar .button.suggested-action .label.text-button, .header-bar .raven .raven-header > .button.text-button .label.text-button, .raven .header-bar .raven-header > .button.text-button .label.text-button, .header-bar .button.destructive-action .label.text-button { border-image: none; box-shadow: none; } .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action) { border-radius: 100px; outline-radius: 100px; } .titlebar .button:not(.suggested-action):not(.destructive-action).text-button, .header-bar .button:not(.suggested-action):not(.destructive-action).text-button { border-radius: 2px; outline-radius: 2px; } .titlebar .button:not(.suggested-action):not(.destructive-action).text-button.image-button, .header-bar .button:not(.suggested-action):not(.destructive-action).text-button.image-button { border-radius: 2px; outline-radius: 2px; } .titlebar .entry, .titlebar .linked > .entry, .header-bar .entry, .header-bar .linked > .entry { color: #BBBBBB; } .titlebar .entry:focus, .titlebar .linked > .entry:focus, .header-bar .entry:focus, .header-bar .linked > .entry:focus { color: #ECEFF1; } .titlebar .entry:insensitive, .titlebar .linked > .entry:insensitive, .header-bar .entry:insensitive, .header-bar .linked > .entry:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar GtkComboBox.combobox-entry .entry, .titlebar .linked > GtkComboBox.combobox-entry .entry, .header-bar GtkComboBox.combobox-entry .entry, .header-bar .linked > GtkComboBox.combobox-entry .entry { color: #BBBBBB; } .titlebar GtkComboBox.combobox-entry .entry:focus, .titlebar .linked > GtkComboBox.combobox-entry .entry:focus, .header-bar GtkComboBox.combobox-entry .entry:focus, .header-bar .linked > GtkComboBox.combobox-entry .entry:focus { color: #ECEFF1; } .titlebar GtkComboBox.combobox-entry .entry:insensitive, .titlebar .linked > GtkComboBox.combobox-entry .entry:insensitive, .header-bar GtkComboBox.combobox-entry .entry:insensitive, .header-bar .linked > GtkComboBox.combobox-entry .entry:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar GtkComboBox.combobox-entry .button, .titlebar .linked > GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button, .header-bar .linked > GtkComboBox.combobox-entry .button { color: #BBBBBB; } .titlebar GtkComboBox.combobox-entry .button:hover, .titlebar .linked > GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover, .header-bar .linked > GtkComboBox.combobox-entry .button:hover { color: #ECEFF1; } .titlebar GtkComboBox.combobox-entry .button:checked, .titlebar .linked > GtkComboBox.combobox-entry .button:checked, .header-bar GtkComboBox.combobox-entry .button:checked, .header-bar .linked > GtkComboBox.combobox-entry .button:checked { color: #ECEFF1; } .titlebar GtkComboBox.combobox-entry .button:checked:insensitive, .titlebar .linked > GtkComboBox.combobox-entry .button:checked:insensitive, .header-bar GtkComboBox.combobox-entry .button:checked:insensitive, .header-bar .linked > GtkComboBox.combobox-entry .button:checked:insensitive { color: rgba(236, 239, 241, 0.3); } .titlebar GtkComboBox.combobox-entry .button:insensitive, .titlebar .linked > GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive, .header-bar .linked > GtkComboBox.combobox-entry .button:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar .menu .menuitem, .header-bar .menu .menuitem { color: rgba(38, 50, 56, 0.75); } .titlebar .menu .menuitem:hover, .header-bar .menu .menuitem:hover { color: #263238; } .titlebar .menu .menuitem .label:insensitive, .header-bar .menu .menuitem .label:insensitive { color: rgba(38, 50, 56, 0.3); } .titlebar .menu .menuitem .accelerator, .header-bar .menu .menuitem .accelerator { color: alpha(currentColor, 0.6); } .titlebar .menu .menuitem .separator, .header-bar .menu .menuitem .separator { color: rgba(0, 0, 0, 0.09); } .titlebar .popover .button.flat, .titlebar .popover .button.osd.image-button, .titlebar .popover .inline-toolbar .button, .inline-toolbar .titlebar .popover .button, .titlebar .popover .action-bar .button, .action-bar .titlebar .popover .button, .titlebar .popover .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .titlebar .popover .linked > .button.image-button:not(.text-button), .titlebar .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .titlebar .popover .stack-switcher > .button.image-button:not(.text-button), .titlebar .popover .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .titlebar .popover .stack-switcher > .button.image-button:not(.text-button), .titlebar .popover .app-notification .button, .app-notification .titlebar .popover .button, .titlebar .popover GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .titlebar .popover .button, .titlebar .popover .toolbar .button, .toolbar .titlebar .popover .button, .titlebar .popover .button:not(.suggested-action):not(.destructive-action), .titlebar .popover .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .titlebar .popover .button, .titlebar .popover .sidebar-button.button, .titlebar .popover .info .button, .info .titlebar .popover .button, .titlebar .popover .question .button, .question .titlebar .popover .button, .titlebar .popover .warning .button, .warning .titlebar .popover .button, .titlebar .popover .error .button, .error .titlebar .popover .button, .titlebar .popover GtkScaleButton.button, .titlebar .popover GtkVolumeButton.button, .titlebar .popover GfCandidatePopup .button, GfCandidatePopup .titlebar .popover .button, .titlebar .popover GfCandidatePopup .button:first-child, GfCandidatePopup .titlebar .popover .button:first-child, .titlebar .popover GfCandidatePopup .button:last-child, GfCandidatePopup .titlebar .popover .button:last-child, .titlebar .popover GfCandidatePopup .linked > .button, GfCandidatePopup .titlebar .popover .linked > .button, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton), .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton), .header-bar .popover .button.flat, .header-bar .popover .button.osd.image-button, .header-bar .popover .inline-toolbar .button, .inline-toolbar .header-bar .popover .button, .header-bar .popover .action-bar .button, .action-bar .header-bar .popover .button, .header-bar .popover .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .header-bar .popover .linked > .button.image-button:not(.text-button), .header-bar .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .header-bar .popover .stack-switcher > .button.image-button:not(.text-button), .header-bar .popover .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .header-bar .popover .stack-switcher > .button.image-button:not(.text-button), .header-bar .popover .app-notification .button, .app-notification .header-bar .popover .button, .header-bar .popover GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .header-bar .popover .button, .header-bar .popover .toolbar .button, .toolbar .header-bar .popover .button, .header-bar .popover .button:not(.suggested-action):not(.destructive-action), .header-bar .popover .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .header-bar .popover .button, .header-bar .popover .sidebar-button.button, .header-bar .popover .info .button, .info .header-bar .popover .button, .header-bar .popover .question .button, .question .header-bar .popover .button, .header-bar .popover .warning .button, .warning .header-bar .popover .button, .header-bar .popover .error .button, .error .header-bar .popover .button, .header-bar .popover GtkScaleButton.button, .header-bar .popover GtkVolumeButton.button, .header-bar .popover GfCandidatePopup .button, GfCandidatePopup .header-bar .popover .button, .header-bar .popover GfCandidatePopup .button:first-child, GfCandidatePopup .header-bar .popover .button:first-child, .header-bar .popover GfCandidatePopup .button:last-child, GfCandidatePopup .header-bar .popover .button:last-child, .header-bar .popover GfCandidatePopup .linked > .button, GfCandidatePopup .header-bar .popover .linked > .button, .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton), .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) { color: rgba(38, 50, 56, 0.75); } .titlebar .popover .button.flat:hover, .titlebar .popover .button.osd.image-button:hover, .titlebar .popover .inline-toolbar .button:hover, .inline-toolbar .titlebar .popover .button:hover, .titlebar .popover .action-bar .button:hover, .action-bar .titlebar .popover .button:hover, .titlebar .popover .app-notification .button:hover, .app-notification .titlebar .popover .button:hover, .titlebar .popover GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .titlebar .popover .button:hover, .titlebar .popover .toolbar .button:hover, .toolbar .titlebar .popover .button:hover, .titlebar .popover .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .titlebar .popover .button:hover, .titlebar .popover .sidebar-button.button:hover, .titlebar .popover .info .button:hover, .info .titlebar .popover .button:hover, .titlebar .popover .question .button:hover, .question .titlebar .popover .button:hover, .titlebar .popover .warning .button:hover, .warning .titlebar .popover .button:hover, .titlebar .popover .error .button:hover, .error .titlebar .popover .button:hover, .titlebar .popover GtkScaleButton.button:hover, .titlebar .popover GtkVolumeButton.button:hover, .titlebar .popover GfCandidatePopup .button:hover, GfCandidatePopup .titlebar .popover .button:hover, .titlebar .popover GfCandidatePopup .button:hover:first-child, GfCandidatePopup .titlebar .popover .button:hover:first-child, .titlebar .popover GfCandidatePopup .button:hover:last-child, GfCandidatePopup .titlebar .popover .button:hover:last-child, .titlebar .popover GfCandidatePopup .linked > .button:hover, GfCandidatePopup .titlebar .popover .linked > .button:hover, .titlebar .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar .popover .button:hover:not(.flat):not(.titlebutton), .titlebar .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar .popover .button:hover:not(.flat):not(.titlebutton), .header-bar .popover .button.flat:hover, .header-bar .popover .button.osd.image-button:hover, .header-bar .popover .inline-toolbar .button:hover, .inline-toolbar .header-bar .popover .button:hover, .header-bar .popover .action-bar .button:hover, .action-bar .header-bar .popover .button:hover, .header-bar .popover .app-notification .button:hover, .app-notification .header-bar .popover .button:hover, .header-bar .popover GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .header-bar .popover .button:hover, .header-bar .popover .toolbar .button:hover, .toolbar .header-bar .popover .button:hover, .header-bar .popover .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .popover .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .header-bar .popover .button:hover, .header-bar .popover .sidebar-button.button:hover, .header-bar .popover .info .button:hover, .info .header-bar .popover .button:hover, .header-bar .popover .question .button:hover, .question .header-bar .popover .button:hover, .header-bar .popover .warning .button:hover, .warning .header-bar .popover .button:hover, .header-bar .popover .error .button:hover, .error .header-bar .popover .button:hover, .header-bar .popover GtkScaleButton.button:hover, .header-bar .popover GtkVolumeButton.button:hover, .header-bar .popover GfCandidatePopup .button:hover, GfCandidatePopup .header-bar .popover .button:hover, .header-bar .popover GfCandidatePopup .button:hover:first-child, GfCandidatePopup .header-bar .popover .button:hover:first-child, .header-bar .popover GfCandidatePopup .button:hover:last-child, GfCandidatePopup .header-bar .popover .button:hover:last-child, .header-bar .popover GfCandidatePopup .linked > .button:hover, GfCandidatePopup .header-bar .popover .linked > .button:hover, .header-bar .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .header-bar .popover .button:hover:not(.flat):not(.titlebutton), .header-bar .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .header-bar .popover .button:hover:not(.flat):not(.titlebutton) { color: #263238; } .titlebar .popover .button.flat .label:hover, .titlebar .popover .button.osd.image-button .label:hover, .titlebar .popover .inline-toolbar .button .label:hover, .inline-toolbar .titlebar .popover .button .label:hover, .titlebar .popover .action-bar .button .label:hover, .action-bar .titlebar .popover .button .label:hover, .titlebar .popover .app-notification .button .label:hover, .app-notification .titlebar .popover .button .label:hover, .titlebar .popover GeditViewFrame .gedit-search-slider .button .label:hover, GeditViewFrame .gedit-search-slider .titlebar .popover .button .label:hover, .titlebar .popover .toolbar .button .label:hover, .toolbar .titlebar .popover .button .label:hover, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label:hover, .titlebar .popover .message-dialog.csd .dialog-action-area .button .label:hover, .message-dialog.csd .dialog-action-area .titlebar .popover .button .label:hover, .titlebar .popover .sidebar-button.button .label:hover, .titlebar .popover .info .button .label:hover, .info .titlebar .popover .button .label:hover, .titlebar .popover .question .button .label:hover, .question .titlebar .popover .button .label:hover, .titlebar .popover .warning .button .label:hover, .warning .titlebar .popover .button .label:hover, .titlebar .popover .error .button .label:hover, .error .titlebar .popover .button .label:hover, .titlebar .popover GtkScaleButton.button .label:hover, .titlebar .popover GtkVolumeButton.button .label:hover, .titlebar .popover GfCandidatePopup .button .label:hover, GfCandidatePopup .titlebar .popover .button .label:hover, .titlebar .popover GfCandidatePopup .button:first-child .label:hover, GfCandidatePopup .titlebar .popover .button:first-child .label:hover, .titlebar .popover GfCandidatePopup .button:last-child .label:hover, GfCandidatePopup .titlebar .popover .button:last-child .label:hover, .titlebar .popover GfCandidatePopup .linked > .button .label:hover, GfCandidatePopup .titlebar .popover .linked > .button .label:hover, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:hover, .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:hover, .header-bar .popover .button.flat .label:hover, .header-bar .popover .button.osd.image-button .label:hover, .header-bar .popover .inline-toolbar .button .label:hover, .inline-toolbar .header-bar .popover .button .label:hover, .header-bar .popover .action-bar .button .label:hover, .action-bar .header-bar .popover .button .label:hover, .header-bar .popover .app-notification .button .label:hover, .app-notification .header-bar .popover .button .label:hover, .header-bar .popover GeditViewFrame .gedit-search-slider .button .label:hover, GeditViewFrame .gedit-search-slider .header-bar .popover .button .label:hover, .header-bar .popover .toolbar .button .label:hover, .toolbar .header-bar .popover .button .label:hover, .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label:hover, .header-bar .popover .message-dialog.csd .dialog-action-area .button .label:hover, .message-dialog.csd .dialog-action-area .header-bar .popover .button .label:hover, .header-bar .popover .sidebar-button.button .label:hover, .header-bar .popover .info .button .label:hover, .info .header-bar .popover .button .label:hover, .header-bar .popover .question .button .label:hover, .question .header-bar .popover .button .label:hover, .header-bar .popover .warning .button .label:hover, .warning .header-bar .popover .button .label:hover, .header-bar .popover .error .button .label:hover, .error .header-bar .popover .button .label:hover, .header-bar .popover GtkScaleButton.button .label:hover, .header-bar .popover GtkVolumeButton.button .label:hover, .header-bar .popover GfCandidatePopup .button .label:hover, GfCandidatePopup .header-bar .popover .button .label:hover, .header-bar .popover GfCandidatePopup .button:first-child .label:hover, GfCandidatePopup .header-bar .popover .button:first-child .label:hover, .header-bar .popover GfCandidatePopup .button:last-child .label:hover, GfCandidatePopup .header-bar .popover .button:last-child .label:hover, .header-bar .popover GfCandidatePopup .linked > .button .label:hover, GfCandidatePopup .header-bar .popover .linked > .button .label:hover, .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:hover, .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:hover, MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:hover { color: #263238; } .titlebar .popover .button.flat .label:insensitive, .titlebar .popover .button.osd.image-button .label:insensitive, .titlebar .popover .inline-toolbar .button .label:insensitive, .inline-toolbar .titlebar .popover .button .label:insensitive, .titlebar .popover .action-bar .button .label:insensitive, .action-bar .titlebar .popover .button .label:insensitive, .titlebar .popover .app-notification .button .label:insensitive, .app-notification .titlebar .popover .button .label:insensitive, .titlebar .popover GeditViewFrame .gedit-search-slider .button .label:insensitive, GeditViewFrame .gedit-search-slider .titlebar .popover .button .label:insensitive, .titlebar .popover .toolbar .button .label:insensitive, .toolbar .titlebar .popover .button .label:insensitive, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label:insensitive, .titlebar .popover .message-dialog.csd .dialog-action-area .button .label:insensitive, .message-dialog.csd .dialog-action-area .titlebar .popover .button .label:insensitive, .titlebar .popover .sidebar-button.button .label:insensitive, .titlebar .popover .info .button .label:insensitive, .info .titlebar .popover .button .label:insensitive, .titlebar .popover .question .button .label:insensitive, .question .titlebar .popover .button .label:insensitive, .titlebar .popover .warning .button .label:insensitive, .warning .titlebar .popover .button .label:insensitive, .titlebar .popover .error .button .label:insensitive, .error .titlebar .popover .button .label:insensitive, .titlebar .popover GtkScaleButton.button .label:insensitive, .titlebar .popover GtkVolumeButton.button .label:insensitive, .titlebar .popover GfCandidatePopup .button .label:insensitive, GfCandidatePopup .titlebar .popover .button .label:insensitive, .titlebar .popover GfCandidatePopup .button:first-child .label:insensitive, GfCandidatePopup .titlebar .popover .button:first-child .label:insensitive, .titlebar .popover GfCandidatePopup .button:last-child .label:insensitive, GfCandidatePopup .titlebar .popover .button:last-child .label:insensitive, .titlebar .popover GfCandidatePopup .linked > .button .label:insensitive, GfCandidatePopup .titlebar .popover .linked > .button .label:insensitive, .titlebar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.titlebar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, .titlebar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.header-bar) .titlebar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, .header-bar .popover .button.flat .label:insensitive, .header-bar .popover .button.osd.image-button .label:insensitive, .header-bar .popover .inline-toolbar .button .label:insensitive, .inline-toolbar .header-bar .popover .button .label:insensitive, .header-bar .popover .action-bar .button .label:insensitive, .action-bar .header-bar .popover .button .label:insensitive, .header-bar .popover .app-notification .button .label:insensitive, .app-notification .header-bar .popover .button .label:insensitive, .header-bar .popover GeditViewFrame .gedit-search-slider .button .label:insensitive, GeditViewFrame .gedit-search-slider .header-bar .popover .button .label:insensitive, .header-bar .popover .toolbar .button .label:insensitive, .toolbar .header-bar .popover .button .label:insensitive, .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label:insensitive, .header-bar .popover .message-dialog.csd .dialog-action-area .button .label:insensitive, .message-dialog.csd .dialog-action-area .header-bar .popover .button .label:insensitive, .header-bar .popover .sidebar-button.button .label:insensitive, .header-bar .popover .info .button .label:insensitive, .info .header-bar .popover .button .label:insensitive, .header-bar .popover .question .button .label:insensitive, .question .header-bar .popover .button .label:insensitive, .header-bar .popover .warning .button .label:insensitive, .warning .header-bar .popover .button .label:insensitive, .header-bar .popover .error .button .label:insensitive, .error .header-bar .popover .button .label:insensitive, .header-bar .popover GtkScaleButton.button .label:insensitive, .header-bar .popover GtkVolumeButton.button .label:insensitive, .header-bar .popover GfCandidatePopup .button .label:insensitive, GfCandidatePopup .header-bar .popover .button .label:insensitive, .header-bar .popover GfCandidatePopup .button:first-child .label:insensitive, GfCandidatePopup .header-bar .popover .button:first-child .label:insensitive, .header-bar .popover GfCandidatePopup .button:last-child .label:insensitive, GfCandidatePopup .header-bar .popover .button:last-child .label:insensitive, .header-bar .popover GfCandidatePopup .linked > .button .label:insensitive, GfCandidatePopup .header-bar .popover .linked > .button .label:insensitive, .header-bar .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.titlebar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:insensitive, .header-bar .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label:insensitive, MathWindow :not(.header-bar) .header-bar .popover .button:not(.flat):not(.titlebutton) .label:insensitive { color: rgba(38, 50, 56, 0.3); } .titlebar GtkSwitch.trough, .header-bar GtkSwitch.trough { background-color: rgba(236, 239, 241, 0.075); } .titlebar GtkSwitch.trough:active, .header-bar GtkSwitch.trough:active { background-color: rgba(0, 188, 212, 0.2); } .titlebar GtkSwitch.trough:active:insensitive, .header-bar GtkSwitch.trough:active:insensitive { background-color: rgba(0, 188, 212, 0.2); } .titlebar GtkSwitch.trough:insensitive, .header-bar GtkSwitch.trough:insensitive { color: rgba(236, 239, 241, 0.3); background-color: alpha(currentColor, 0.2); } .titlebar GtkSwitch.slider, .header-bar GtkSwitch.slider { background-color: #3e515a; } .titlebar GtkSwitch.slider:hover, .header-bar GtkSwitch.slider:hover { background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } .titlebar GtkSwitch.slider:active, .header-bar GtkSwitch.slider:active { background-color: #E8E8E8; } .titlebar GtkSwitch.slider:active:insensitive, .header-bar GtkSwitch.slider:active:insensitive { background-color: #3F4E56; } .titlebar GtkSwitch.slider:insensitive, .header-bar GtkSwitch.slider:insensitive { background-color: #3F4E56; } .titlebar.selection-mode, .header-bar.selection-mode { border-width: 1px 0 1px 0; border-top-color: rgba(255, 255, 255, 0.07); border-bottom-color: transparent; background-color: #E8E8E8; color: #FFFFFF; } .titlebar.selection-mode .button, .titlebar.selection-mode .button.text-button, .titlebar.selection-mode .flat.selection-menu, .titlebar.selection-mode .text-button.selection-menu, .titlebar.selection-mode .button.image-button, .header-bar.selection-mode .button, .header-bar.selection-mode .button.text-button, .header-bar.selection-mode .flat.selection-menu, .header-bar.selection-mode .text-button.selection-menu, .header-bar.selection-mode .button.image-button { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.85); background-color: transparent; } .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, .titlebar.selection-mode .button.text-button:hover, .titlebar.selection-mode .button.text-button:active, .titlebar.selection-mode .button.text-button:checked, .titlebar.selection-mode .flat.selection-menu:hover, .titlebar.selection-mode .flat.selection-menu:active, .titlebar.selection-mode .flat.selection-menu:checked, .titlebar.selection-mode .text-button.selection-menu:hover, .titlebar.selection-mode .text-button.selection-menu:active, .titlebar.selection-mode .text-button.selection-menu:checked, .titlebar.selection-mode .button.image-button:hover, .titlebar.selection-mode .button.image-button:active, .titlebar.selection-mode .button.image-button:checked, .header-bar.selection-mode .button:hover, .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.selection-mode .button.text-button:hover, .header-bar.selection-mode .button.text-button:active, .header-bar.selection-mode .button.text-button:checked, .header-bar.selection-mode .flat.selection-menu:hover, .header-bar.selection-mode .flat.selection-menu:active, .header-bar.selection-mode .flat.selection-menu:checked, .header-bar.selection-mode .text-button.selection-menu:hover, .header-bar.selection-mode .text-button.selection-menu:active, .header-bar.selection-mode .text-button.selection-menu:checked, .header-bar.selection-mode .button.image-button:hover, .header-bar.selection-mode .button.image-button:active, .header-bar.selection-mode .button.image-button:checked { color: #FFFFFF; } .titlebar.selection-mode .button:insensitive, .titlebar.selection-mode .button.text-button:insensitive, .titlebar.selection-mode .flat.selection-menu:insensitive, .titlebar.selection-mode .text-button.selection-menu:insensitive, .titlebar.selection-mode .button.image-button:insensitive, .header-bar.selection-mode .button:insensitive, .header-bar.selection-mode .button.text-button:insensitive, .header-bar.selection-mode .flat.selection-menu:insensitive, .header-bar.selection-mode .text-button.selection-menu:insensitive, .header-bar.selection-mode .button.image-button:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar.selection-mode .button:checked, .titlebar.selection-mode .button.text-button:checked, .titlebar.selection-mode .flat.selection-menu:checked, .titlebar.selection-mode .text-button.selection-menu:checked, .titlebar.selection-mode .button.image-button:checked, .header-bar.selection-mode .button:checked, .header-bar.selection-mode .button.text-button:checked, .header-bar.selection-mode .flat.selection-menu:checked, .header-bar.selection-mode .text-button.selection-menu:checked, .header-bar.selection-mode .button.image-button:checked { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; color: #FFFFFF; background-color: transparent; } .titlebar.selection-mode .button:checked:insensitive, .titlebar.selection-mode .button.text-button:checked:insensitive, .titlebar.selection-mode .flat.selection-menu:checked:insensitive, .titlebar.selection-mode .text-button.selection-menu:checked:insensitive, .titlebar.selection-mode .button.image-button:checked:insensitive, .header-bar.selection-mode .button:checked:insensitive, .header-bar.selection-mode .button.text-button:checked:insensitive, .header-bar.selection-mode .flat.selection-menu:checked:insensitive, .header-bar.selection-mode .text-button.selection-menu:checked:insensitive, .header-bar.selection-mode .button.image-button:checked:insensitive { color: rgba(255, 255, 255, 0.4); } .titlebar.selection-mode .button:checked:insensitive > .label, .titlebar.selection-mode .button.text-button:checked:insensitive > .label, .titlebar.selection-mode .flat.selection-menu:checked:insensitive > .label, .titlebar.selection-mode .text-button.selection-menu:checked:insensitive > .label, .titlebar.selection-mode .button.image-button:checked:insensitive > .label, .header-bar.selection-mode .button:checked:insensitive > .label, .header-bar.selection-mode .button.text-button:checked:insensitive > .label, .header-bar.selection-mode .flat.selection-menu:checked:insensitive > .label, .header-bar.selection-mode .text-button.selection-menu:checked:insensitive > .label, .header-bar.selection-mode .button.image-button:checked:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .raven .raven-header > .button.text-button, .raven .titlebar.selection-mode .raven-header > .button.text-button, .titlebar.selection-mode .button.text-button.suggested-action, .titlebar.selection-mode .raven .raven-header > .text-button.button, .raven .titlebar.selection-mode .raven-header > .text-button.button, .titlebar.selection-mode .flat.selection-menu.suggested-action, .titlebar.selection-mode .text-button.selection-menu.suggested-action, .titlebar.selection-mode .button.image-button.suggested-action, .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button, .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button, .header-bar.selection-mode .button.suggested-action, .header-bar.selection-mode .raven .raven-header > .button.text-button, .raven .header-bar.selection-mode .raven-header > .button.text-button, .header-bar.selection-mode .button.text-button.suggested-action, .header-bar.selection-mode .raven .raven-header > .text-button.button, .raven .header-bar.selection-mode .raven-header > .text-button.button, .header-bar.selection-mode .flat.selection-menu.suggested-action, .header-bar.selection-mode .text-button.selection-menu.suggested-action, .header-bar.selection-mode .button.image-button.suggested-action, .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button, .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #FFFFFF; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.75); } .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .raven .raven-header > .button.text-button:hover, .raven .titlebar.selection-mode .raven-header > .button.text-button:hover, .titlebar.selection-mode .button.text-button.suggested-action:hover, .titlebar.selection-mode .raven .raven-header > .text-button.button:hover, .raven .titlebar.selection-mode .raven-header > .text-button.button:hover, .titlebar.selection-mode .flat.selection-menu.suggested-action:hover, .titlebar.selection-mode .text-button.selection-menu.suggested-action:hover, .titlebar.selection-mode .button.image-button.suggested-action:hover, .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:hover, .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:hover, .header-bar.selection-mode .button.suggested-action:hover, .header-bar.selection-mode .raven .raven-header > .button.text-button:hover, .raven .header-bar.selection-mode .raven-header > .button.text-button:hover, .header-bar.selection-mode .button.text-button.suggested-action:hover, .header-bar.selection-mode .raven .raven-header > .text-button.button:hover, .raven .header-bar.selection-mode .raven-header > .text-button.button:hover, .header-bar.selection-mode .flat.selection-menu.suggested-action:hover, .header-bar.selection-mode .text-button.selection-menu.suggested-action:hover, .header-bar.selection-mode .button.image-button.suggested-action:hover, .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:hover, .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; } .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .raven .raven-header > .button.text-button:active, .raven .titlebar.selection-mode .raven-header > .button.text-button:active, .titlebar.selection-mode .button.text-button.suggested-action:active, .titlebar.selection-mode .raven .raven-header > .text-button.button:active, .raven .titlebar.selection-mode .raven-header > .text-button.button:active, .titlebar.selection-mode .flat.selection-menu.suggested-action:active, .titlebar.selection-mode .text-button.selection-menu.suggested-action:active, .titlebar.selection-mode .button.image-button.suggested-action:active, .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:active, .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:active, .header-bar.selection-mode .button.suggested-action:active, .header-bar.selection-mode .raven .raven-header > .button.text-button:active, .raven .header-bar.selection-mode .raven-header > .button.text-button:active, .header-bar.selection-mode .button.text-button.suggested-action:active, .header-bar.selection-mode .raven .raven-header > .text-button.button:active, .raven .header-bar.selection-mode .raven-header > .text-button.button:active, .header-bar.selection-mode .flat.selection-menu.suggested-action:active, .header-bar.selection-mode .text-button.selection-menu.suggested-action:active, .header-bar.selection-mode .button.image-button.suggested-action:active, .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:active, .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:active { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); color: #263238; transition-duration: 0; animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .raven .raven-header > .button.text-button:insensitive, .raven .titlebar.selection-mode .raven-header > .button.text-button:insensitive, .titlebar.selection-mode .button.text-button.suggested-action:insensitive, .titlebar.selection-mode .raven .raven-header > .text-button.button:insensitive, .raven .titlebar.selection-mode .raven-header > .text-button.button:insensitive, .titlebar.selection-mode .flat.selection-menu.suggested-action:insensitive, .titlebar.selection-mode .text-button.selection-menu.suggested-action:insensitive, .titlebar.selection-mode .button.image-button.suggested-action:insensitive, .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive, .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:insensitive, .header-bar.selection-mode .button.suggested-action:insensitive, .header-bar.selection-mode .raven .raven-header > .button.text-button:insensitive, .raven .header-bar.selection-mode .raven-header > .button.text-button:insensitive, .header-bar.selection-mode .button.text-button.suggested-action:insensitive, .header-bar.selection-mode .raven .raven-header > .text-button.button:insensitive, .raven .header-bar.selection-mode .raven-header > .text-button.button:insensitive, .header-bar.selection-mode .flat.selection-menu.suggested-action:insensitive, .header-bar.selection-mode .text-button.selection-menu.suggested-action:insensitive, .header-bar.selection-mode .button.image-button.suggested-action:insensitive, .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive, .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(38, 50, 56, 0.225); } .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .raven .raven-header > .button.text-button:insensitive > .label, .raven .titlebar.selection-mode .raven-header > .button.text-button:insensitive > .label, .titlebar.selection-mode .button.text-button.suggested-action:insensitive > .label, .titlebar.selection-mode .raven .raven-header > .text-button.button:insensitive > .label, .raven .titlebar.selection-mode .raven-header > .text-button.button:insensitive > .label, .titlebar.selection-mode .flat.selection-menu.suggested-action:insensitive > .label, .titlebar.selection-mode .text-button.selection-menu.suggested-action:insensitive > .label, .titlebar.selection-mode .button.image-button.suggested-action:insensitive > .label, .titlebar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive > .label, .raven .titlebar.selection-mode .raven-header > .image-button.button.text-button:insensitive > .label, .header-bar.selection-mode .button.suggested-action:insensitive > .label, .header-bar.selection-mode .raven .raven-header > .button.text-button:insensitive > .label, .raven .header-bar.selection-mode .raven-header > .button.text-button:insensitive > .label, .header-bar.selection-mode .button.text-button.suggested-action:insensitive > .label, .header-bar.selection-mode .raven .raven-header > .text-button.button:insensitive > .label, .raven .header-bar.selection-mode .raven-header > .text-button.button:insensitive > .label, .header-bar.selection-mode .flat.selection-menu.suggested-action:insensitive > .label, .header-bar.selection-mode .text-button.selection-menu.suggested-action:insensitive > .label, .header-bar.selection-mode .button.image-button.suggested-action:insensitive > .label, .header-bar.selection-mode .raven .raven-header > .image-button.button.text-button:insensitive > .label, .raven .header-bar.selection-mode .raven-header > .image-button.button.text-button:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action), .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action) { border-radius: 100px; outline-radius: 100px; } .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .titlebar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .inline-toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, .action-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu, .app-notification .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu, GeditViewFrame .gedit-search-slider .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .header-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu, .info .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu, .question .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu, .warning .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu, .error .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, .titlebar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, GfCandidatePopup .titlebar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), .titlebar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button, .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu, .header-bar.selection-mode .button.osd.image-button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .inline-toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu, .action-bar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu, .app-notification .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu, GeditViewFrame .gedit-search-slider .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu, .toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .titlebar .button:not(.suggested-action):not(.destructive-action).selection-menu, .titlebar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu, .message-dialog.csd .dialog-action-area .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu, .info .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu, .question .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu, .warning .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu, .error .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu, GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:first-child, .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:last-child, .header-bar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, GfCandidatePopup .header-bar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu, .header-bar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), .header-bar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu:not(.flat):not(.titlebutton) { border-radius: 2px; outline-radius: 2px; } .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button.image-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .titlebar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .inline-toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .action-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .app-notification .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GeditViewFrame .gedit-search-slider .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .toolbar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .header-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .info .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .question .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .warning .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .error .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, .titlebar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, GfCandidatePopup .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, .titlebar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GfCandidatePopup .titlebar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), .titlebar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .titlebar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).text-button.image-button, .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).flat.selection-menu.image-button, .header-bar.selection-mode .button.osd:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .inline-toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .inline-toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .action-bar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .action-bar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .app-notification .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .app-notification .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode GeditViewFrame .gedit-search-slider .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GeditViewFrame .gedit-search-slider .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .toolbar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .toolbar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .titlebar .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .titlebar .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .message-dialog.csd .dialog-action-area .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .message-dialog.csd .dialog-action-area .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .sidebar-button.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .info .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .info .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .question .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .question .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .warning .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .warning .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode .error .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .error .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode GtkScaleButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode GtkVolumeButton.button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:first-child, .header-bar.selection-mode GfCandidatePopup .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, GfCandidatePopup .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:last-child, .header-bar.selection-mode GfCandidatePopup .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, GfCandidatePopup .header-bar.selection-mode .linked > .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button, .header-bar.selection-mode MathWindow :not(.titlebar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), .header-bar.selection-mode MathWindow :not(.header-bar) .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .header-bar.selection-mode .button:not(.suggested-action):not(.destructive-action).selection-menu.image-button:not(.flat):not(.titlebutton) { border-radius: 100px; outline-radius: 100px; } .titlebar.selection-mode .entry, .header-bar.selection-mode .entry { color: #BBBBBB; } .titlebar.selection-mode .entry:focus, .header-bar.selection-mode .entry:focus { color: #ECEFF1; } .titlebar.selection-mode .entry:insensitive, .header-bar.selection-mode .entry:insensitive { color: rgba(236, 239, 241, 0.225); } .titlebar.selection-mode .selection-menu, .header-bar.selection-mode .selection-menu { padding-left: 1.2em; padding-right: 1.2em; } .titlebar.selection-mode .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .tiled .titlebar, .tiled .header-bar { transition: none; } .maximized .titlebar, .maximized .header-bar { transition: none; } .titlebar.default-decoration, .header-bar.default-decoration { padding: 5.3px; border-width: 0; } .titlebar.default-decoration .title, .header-bar.default-decoration .title { color: #ECEFF1; } .titlebar.default-decoration .title:backdrop, .header-bar.default-decoration .title:backdrop { color: rgba(236, 239, 241, 0.4); } .titlebar.default-decoration .button.titlebutton, .header-bar.default-decoration .button.titlebutton { padding: 4px; color: #BBBBBB; } .titlebar.default-decoration .button.titlebutton:hover, .titlebar.default-decoration .button.titlebutton:active, .header-bar.default-decoration .button.titlebutton:hover, .header-bar.default-decoration .button.titlebutton:active { color: #ECEFF1; } .titlebar.default-decoration .button.titlebutton:backdrop, .header-bar.default-decoration .button.titlebutton:backdrop { color: rgba(236, 239, 241, 0.4); } .csd .header-bar, GtkBox .header-bar:only-child { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32); } GtkBox .header-bar:not(:only-child):first-child, GtkBox .header-bar:not(:only-child):last-child { border-left-color: #FFFFFF; border-right-color: #FFFFFF; } .tiled GtkBox .header-bar:not(:only-child):first-child, .maximized GtkBox .header-bar:not(:only-child):first-child, .tiled GtkBox .header-bar:not(:only-child):last-child, .maximized GtkBox .header-bar:not(:only-child):last-child { border-left-color: #FFFFFF; border-right-color: #FFFFFF; } GtkBox .header-bar:not(:only-child):last-child:dir(ltr) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } GtkBox .header-bar:not(:only-child):last-child:dir(rtl) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } GtkPaned .header-bar:not(:only-child):last-child:dir(ltr) { border-left: 1px solid #242F35; } GtkPaned .header-bar:not(:only-child):last-child:dir(rtl) { border-right: 1px solid #242F35; } GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #E8E8E8, -2px 0 0 -1px #242F35; } GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #E8E8E8, 2px 0 0 -1px #242F35; } .header-bar, .titlebar { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkBox .header-bar:not(:last-child):not(.titlebar):dir(ltr), GtkBox .titlebar:not(:last-child):not(.titlebar):dir(ltr) { border-top-left-radius: 2px; border-top-right-radius: 0; } GtkBox .header-bar:not(:last-child):not(.titlebar):dir(rtl), GtkBox .titlebar:not(:last-child):not(.titlebar):dir(rtl) { border-top-left-radius: 0; border-top-right-radius: 2px; } GtkBox .header-bar:last-child:not(.titlebar):dir(ltr), GtkBox .titlebar:last-child:not(.titlebar):dir(ltr) { border-top-left-radius: 0; } GtkBox .header-bar:last-child:not(.titlebar):dir(rtl), GtkBox .titlebar:last-child:not(.titlebar):dir(rtl) { border-top-right-radius: 0; } .tiled .titlebar, .tiled .header-bar, .tiled .csd .header-bar, .tiled GtkBox .header-bar:only-child, .tiled GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar { border-radius: 0; border-color: #FFFFFF; border-width: 2px 0 0 0; border-top-color: #FFFFFF; background-color: #FFFFFF; box-shadow: none; } .tiled .titlebar:backdrop, .tiled .header-bar:backdrop, .tiled GtkBox .header-bar:backdrop:only-child, .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar:backdrop { border-top-color: alpha(currentColor, 0.2); } .maximized .titlebar, .maximized .header-bar, .maximized .csd .header-bar, .maximized GtkBox .header-bar:only-child, .maximized GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .maximized .titlebar { border-radius: 0; border-color: #FFFFFF; border-width: 1px 0 0 0; background-color: #FFFFFF; box-shadow: none; } /************ * Pathbars * ************/ .path-bar .button { padding: 0.3em 0.7em 0.4em; } .path-bar .button.image-button { padding: 0.7em; } .path-bar .button:only-child { padding: 0.3em 0.7em 0.4em; } .path-bar .button .label:last-child { padding-left: 2px; } .path-bar .button .label:first-child { padding-right: 2px; } .path-bar .button .label:only-child { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 1px; } /************** * Tree Views * **************/ GtkTreeView.view { border-left-color: alpha(currentColor, 0.2); border-top-color: rgba(0, 0, 0, 0.09); border-radius: 0; background-color: transparent; background-image: none; box-shadow: none; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } GtkTreeView.view:hover, GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view, GtkTreeView.view .entry, GtkTreeView.view .entry > .label { color: rgba(38, 50, 56, 0.75); } GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:focus, GtkTreeView.view .entry:hover, GtkTreeView.view .entry:active, GtkTreeView.view .entry:focus, GtkTreeView.view .entry > .label:hover, GtkTreeView.view .entry > .label:active, GtkTreeView.view .entry > .label:focus { color: #263238; } GtkTreeView.view:selected, GtkTreeView.view .entry:selected, GtkTreeView.view .entry > .label:selected { color: #FFFFFF; } GtkTreeView.view:insensitive, GtkTreeView.view .entry:insensitive, GtkTreeView.view .entry > .label:insensitive { color: rgba(38, 50, 56, 0.3); } GtkTreeView.view:insensitive:selected, GtkTreeView.view .entry:insensitive:selected, GtkTreeView.view .entry > .label:insensitive:selected { color: rgba(255, 255, 255, 0.4); } GtkTreeView.view .separator, GtkTreeView.view .separator:hover { color: rgba(0, 0, 0, 0.09); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #137786; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:selected { color: rgba(255, 255, 255, 0.75); } GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { color: #FFFFFF; } GtkTreeView.view.progressbar { border-color: #E8E8E8; } GtkTreeView.view.progressbar:selected { border-color: currentColor; } GtkTreeView.view.trough { border-color: rgba(77, 182, 172, 0.2); } GtkTreeView.view.trough:selected { border-color: alpha(currentColor, 0.2); } GtkTreeView.view, GtkPaned GtkTreeView.view { background-color: #FFFFFF; } GtkTreeView.view:hover, GtkTreeView.view .list-row:hover, GtkTreeView.view .tweak-category:hover, GtkPaned GtkTreeView.view:hover, GtkPaned GtkTreeView.view .list-row:hover, GtkPaned GtkTreeView.view .tweak-category:hover { color: #263238; } column-header .button { padding: 0.3em 0.4em 0.35em; border-style: none solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); border-radius: 0; background-color: #FFFFFF; color: rgba(38, 50, 56, 0.5); box-shadow: none; } column-header .button:hover, column-header .button:active { color: #263238; box-shadow: none; } column-header .button:insensitive { background-color: #FFFFFF; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; } GtkPaned column-header .button { background-color: #FFFFFF; } GtkPaned column-header .button:insensitive { background-color: #FFFFFF; } GtkPaned column-header:not(:first-child):not(:last-child).button, GtkPaned column-header:not(:first-child):not(:last-child) .button { border-style: none solid solid none; } GtkPaned column-header.button, GtkPaned column-header .button, GtkPaned column-header:only-child.button, GtkPaned column-header:only-child .button, GtkPaned column-header:first-child.button, GtkPaned column-header:first-child .button, GtkPaned column-header:last-child.button, GtkPaned column-header:last-child .button { border-style: none none solid none; } column-header.button.dnd, column-header .button.dnd { border-left-style: solid; color: #E8E8E8; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0; background-color: #FFFFFF; color: #BBBBBB; } .menubar > .menuitem { padding: 0.4em 0.6em; color: #BBBBBB; } .menubar > .menuitem:hover { color: #ECEFF1; box-shadow: inset 0 -2px #E8E8E8; } .menubar > .menuitem:insensitive { color: rgba(236, 239, 241, 0.3); box-shadow: none; } .tiled .menubar, .maximized .menubar { background-color: #FFFFFF; box-shadow: none; } .menu { margin: 4px 0; padding: 4px 0; border-width: 1px; border-style: solid; border-color: #FFFFFF transparent transparent; background-color: #fdfdfe; } .csd .menu { border-width: 1px; border-radius: 2px; border-color: #FFFFFF transparent transparent; } .menu .menuitem { transition: none; padding: 0.4em 0.4em 0.5em; color: rgba(38, 50, 56, 0.75); font: initial; text-shadow: none; } .menu .menuitem:hover { transition: none; color: #263238; background-color: alpha(currentColor, 0.1); } .menu .menuitem:insensitive { color: rgba(38, 50, 56, 0.3); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:insensitive { color: rgba(38, 50, 56, 0.3); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; background-color: #fdfdfe; } .menu.button:hover { background-color: #FFFFFF; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .menu.button.top { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .menu.button.bottom { border-top: 1px solid rgba(0, 0, 0, 0.09); } .menu GtkSeparatorMenuItem:dir(ltr) { padding-left: 2.4em; padding-right: 0; } .menu GtkSeparatorMenuItem:dir(rtl) { padding-left: 0; padding-right: 2.4em; } .menuitem .accelerator { color: alpha(currentColor, 0.55); } .menuitem .separator { color: rgba(0, 0, 0, 0.09); } .csd.popup { border-radius: 2px; } /*************** * Popovers * ***************/ .popover { padding: 2px; border: 1px solid; border-color: #FFFFFF #fdfdfe #fdfdfe; border-radius: 2px; background-color: #fdfdfe; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } .popover:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } .popover > .list, .popover > .view, .popover > .toolbar, .popover.osd > .toolbar { border-style: none; border-image: none; background-color: transparent; transition: none; } .popover .button.menuitem.flat, .popover .menuitem.button.osd.image-button, .popover .inline-toolbar .menuitem.button, .inline-toolbar .popover .menuitem.button, .popover .action-bar .menuitem.button, .action-bar .popover .menuitem.button, .popover .inline-toolbar .linked > .menuitem.button.image-button:not(.text-button), .inline-toolbar .popover .linked > .menuitem.button.image-button:not(.text-button), .popover .inline-toolbar .stack-switcher > .menuitem.button.image-button:not(.text-button), .inline-toolbar .popover .stack-switcher > .menuitem.button.image-button:not(.text-button), .popover .action-bar .stack-switcher > .menuitem.button.image-button:not(.text-button), .action-bar .popover .stack-switcher > .menuitem.button.image-button:not(.text-button), .popover .app-notification .menuitem.button, .app-notification .popover .menuitem.button, .popover GeditViewFrame .gedit-search-slider .menuitem.button, GeditViewFrame .gedit-search-slider .popover .menuitem.button, .popover .toolbar .menuitem.button, .toolbar .popover .menuitem.button, .popover .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action), .titlebar .popover .menuitem.button:not(.suggested-action):not(.destructive-action), .popover .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action), .header-bar .popover .menuitem.button:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .menuitem.button, .message-dialog.csd .dialog-action-area .popover .menuitem.button, .popover .menuitem.sidebar-button.button, .popover .info .menuitem.button, .info .popover .menuitem.button, .popover .question .menuitem.button, .question .popover .menuitem.button, .popover .warning .menuitem.button, .warning .popover .menuitem.button, .popover .error .menuitem.button, .error .popover .menuitem.button, .popover GtkScaleButton.menuitem.button, .popover GtkVolumeButton.menuitem.button, .popover GfCandidatePopup .menuitem.button, GfCandidatePopup .popover .menuitem.button, .popover GfCandidatePopup .menuitem.button:first-child, GfCandidatePopup .popover .menuitem.button:first-child, .popover GfCandidatePopup .menuitem.button:last-child, GfCandidatePopup .popover .menuitem.button:last-child, .popover GfCandidatePopup .linked > .menuitem.button, GfCandidatePopup .popover .linked > .menuitem.button, .popover MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .menuitem.button:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .menuitem.button:not(.flat):not(.titlebutton), .popover .button.flat, .popover .button.osd.image-button, .popover .inline-toolbar .button, .inline-toolbar .popover .button, .popover .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .popover .button.image-button:not(.text-button), .popover .action-bar .button, .action-bar .popover .button, .popover .action-bar .button.image-button:not(.text-button), .action-bar .popover .button.image-button:not(.text-button), .popover .app-notification .button, .app-notification .popover .button, .popover GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .popover .button, .popover .toolbar .button, .toolbar .popover .button, .popover .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .popover .button:not(.suggested-action):not(.destructive-action), .popover .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .popover .button:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .popover .button, .popover .sidebar-button.button, .popover .info .button, .info .popover .button, .popover .question .button, .question .popover .button, .popover .warning .button, .warning .popover .button, .popover .error .button, .error .popover .button, .popover GtkScaleButton.button, .popover GtkVolumeButton.button, .popover GfCandidatePopup .button, GfCandidatePopup .popover .button, .popover GfCandidatePopup .button:first-child, GfCandidatePopup .popover .button:first-child, .popover GfCandidatePopup .button:last-child, GfCandidatePopup .popover .button:last-child, .popover GfCandidatePopup .linked > .button, GfCandidatePopup .popover .linked > .button, .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .button:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .button:not(.flat):not(.titlebutton), .popover .action-bar .linked > .button.image-button, .action-bar .popover .linked > .button.image-button, .popover NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .popover .button.image-button { transition: none; background-color: transparent; background-size: 10em 10em, auto; color: rgba(38, 50, 56, 0.75); font: initial; } .popover .button.menuitem.flat:hover, .popover .menuitem.button.osd.image-button:hover, .popover .inline-toolbar .menuitem.button:hover, .inline-toolbar .popover .menuitem.button:hover, .popover .action-bar .menuitem.button:hover, .action-bar .popover .menuitem.button:hover, .popover .app-notification .menuitem.button:hover, .app-notification .popover .menuitem.button:hover, .popover GeditViewFrame .gedit-search-slider .menuitem.button:hover, GeditViewFrame .gedit-search-slider .popover .menuitem.button:hover, .popover .toolbar .menuitem.button:hover, .toolbar .popover .menuitem.button:hover, .popover .titlebar .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .popover .header-bar .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .header-bar .popover .menuitem.button:hover:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .menuitem.button:hover, .message-dialog.csd .dialog-action-area .popover .menuitem.button:hover, .popover .menuitem.sidebar-button.button:hover, .popover .info .menuitem.button:hover, .info .popover .menuitem.button:hover, .popover .question .menuitem.button:hover, .question .popover .menuitem.button:hover, .popover .warning .menuitem.button:hover, .warning .popover .menuitem.button:hover, .popover .error .menuitem.button:hover, .error .popover .menuitem.button:hover, .popover GtkScaleButton.menuitem.button:hover, .popover GtkVolumeButton.menuitem.button:hover, .popover GfCandidatePopup .menuitem.button:hover, GfCandidatePopup .popover .menuitem.button:hover, .popover GfCandidatePopup .menuitem.button:hover:first-child, GfCandidatePopup .popover .menuitem.button:hover:first-child, .popover GfCandidatePopup .menuitem.button:hover:last-child, GfCandidatePopup .popover .menuitem.button:hover:last-child, .popover GfCandidatePopup .linked > .menuitem.button:hover, GfCandidatePopup .popover .linked > .menuitem.button:hover, .popover MathWindow :not(.titlebar) .menuitem.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .menuitem.button:hover:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .menuitem.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .menuitem.button:hover:not(.flat):not(.titlebutton), .popover .button.flat:hover, .popover .button.osd.image-button:hover, .popover .inline-toolbar .button:hover, .inline-toolbar .popover .button:hover, .popover .action-bar .button:hover, .action-bar .popover .button:hover, .popover .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .popover .linked > .button.image-button:hover:not(.text-button), .popover .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .popover .stack-switcher > .button.image-button:hover:not(.text-button), .popover .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .popover .stack-switcher > .button.image-button:hover:not(.text-button), .popover .app-notification .button:hover, .app-notification .popover .button:hover, .popover GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .popover .button:hover, .popover .toolbar .button:hover, .toolbar .popover .button:hover, .popover .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .popover .button:hover:not(.suggested-action):not(.destructive-action), .popover .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .popover .button:hover:not(.suggested-action):not(.destructive-action), .popover .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .popover .button:hover, .popover .sidebar-button.button:hover, .popover .info .button:hover, .info .popover .button:hover, .popover .question .button:hover, .question .popover .button:hover, .popover .warning .button:hover, .warning .popover .button:hover, .popover .error .button:hover, .error .popover .button:hover, .popover GtkScaleButton.button:hover, .popover GtkVolumeButton.button:hover, .popover GfCandidatePopup .button:hover, GfCandidatePopup .popover .button:hover, .popover GfCandidatePopup .button:hover:first-child, GfCandidatePopup .popover .button:hover:first-child, .popover GfCandidatePopup .button:hover:last-child, GfCandidatePopup .popover .button:hover:last-child, .popover GfCandidatePopup .linked > .button:hover, GfCandidatePopup .popover .linked > .button:hover, .popover MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .popover .button:hover:not(.flat):not(.titlebutton), .popover MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .popover .button:hover:not(.flat):not(.titlebutton) { background-color: transparent; color: #263238; } .popover .button.menuitem.flat .label, .popover .menuitem.button.osd.image-button .label, .popover .inline-toolbar .menuitem.button .label, .inline-toolbar .popover .menuitem.button .label, .popover .action-bar .menuitem.button .label, .action-bar .popover .menuitem.button .label, .popover .app-notification .menuitem.button .label, .app-notification .popover .menuitem.button .label, .popover GeditViewFrame .gedit-search-slider .menuitem.button .label, GeditViewFrame .gedit-search-slider .popover .menuitem.button .label, .popover .toolbar .menuitem.button .label, .toolbar .popover .menuitem.button .label, .popover .titlebar .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .titlebar .popover .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .popover .header-bar .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .header-bar .popover .menuitem.button:not(.suggested-action):not(.destructive-action) .label, .popover .message-dialog.csd .dialog-action-area .menuitem.button .label, .message-dialog.csd .dialog-action-area .popover .menuitem.button .label, .popover .menuitem.sidebar-button.button .label, .popover .info .menuitem.button .label, .info .popover .menuitem.button .label, .popover .question .menuitem.button .label, .question .popover .menuitem.button .label, .popover .warning .menuitem.button .label, .warning .popover .menuitem.button .label, .popover .error .menuitem.button .label, .error .popover .menuitem.button .label, .popover GtkScaleButton.menuitem.button .label, .popover GtkVolumeButton.menuitem.button .label, .popover GfCandidatePopup .menuitem.button .label, GfCandidatePopup .popover .menuitem.button .label, .popover GfCandidatePopup .menuitem.button:first-child .label, GfCandidatePopup .popover .menuitem.button:first-child .label, .popover GfCandidatePopup .menuitem.button:last-child .label, GfCandidatePopup .popover .menuitem.button:last-child .label, .popover GfCandidatePopup .linked > .menuitem.button .label, GfCandidatePopup .popover .linked > .menuitem.button .label, .popover MathWindow :not(.titlebar) .menuitem.button:not(.flat):not(.titlebutton) .label, MathWindow :not(.titlebar) .popover .menuitem.button:not(.flat):not(.titlebutton) .label, .popover MathWindow :not(.header-bar) .menuitem.button:not(.flat):not(.titlebutton) .label, MathWindow :not(.header-bar) .popover .menuitem.button:not(.flat):not(.titlebutton) .label, .popover .button.flat .label, .popover .button.osd.image-button .label, .popover .inline-toolbar .button .label, .inline-toolbar .popover .button .label, .popover .action-bar .button .label, .action-bar .popover .button .label, .popover .inline-toolbar .linked > .button.image-button:not(.text-button) .label, .inline-toolbar .popover .linked > .button.image-button:not(.text-button) .label, .popover .inline-toolbar .stack-switcher > .button.image-button:not(.text-button) .label, .inline-toolbar .popover .stack-switcher > .button.image-button:not(.text-button) .label, .popover .action-bar .stack-switcher > .button.image-button:not(.text-button) .label, .action-bar .popover .stack-switcher > .button.image-button:not(.text-button) .label, .popover .app-notification .button .label, .app-notification .popover .button .label, .popover GeditViewFrame .gedit-search-slider .button .label, GeditViewFrame .gedit-search-slider .popover .button .label, .popover .toolbar .button .label, .toolbar .popover .button .label, .popover .titlebar .button:not(.suggested-action):not(.destructive-action) .label, .titlebar .popover .button:not(.suggested-action):not(.destructive-action) .label, .popover .header-bar .button:not(.suggested-action):not(.destructive-action) .label, .header-bar .popover .button:not(.suggested-action):not(.destructive-action) .label, .popover .message-dialog.csd .dialog-action-area .button .label, .message-dialog.csd .dialog-action-area .popover .button .label, .popover .sidebar-button.button .label, .popover .info .button .label, .info .popover .button .label, .popover .question .button .label, .question .popover .button .label, .popover .warning .button .label, .warning .popover .button .label, .popover .error .button .label, .error .popover .button .label, .popover GtkScaleButton.button .label, .popover GtkVolumeButton.button .label, .popover GfCandidatePopup .button .label, GfCandidatePopup .popover .button .label, .popover GfCandidatePopup .button:first-child .label, GfCandidatePopup .popover .button:first-child .label, .popover GfCandidatePopup .button:last-child .label, GfCandidatePopup .popover .button:last-child .label, .popover GfCandidatePopup .linked > .button .label, GfCandidatePopup .popover .linked > .button .label, .popover MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton) .label, MathWindow :not(.titlebar) .popover .button:not(.flat):not(.titlebutton) .label, .popover MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) .label, MathWindow :not(.header-bar) .popover .button:not(.flat):not(.titlebutton) .label { padding: 0.2em 0 0.25em; } .popover .linked > .button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.75); } .popover .linked > .button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .popover .linked > .button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .popover .linked > .button:checked { background-color: alpha(currentColor, 0.2); color: #263238; color: #263238; background-color: transparent; } .popover .linked > .button:checked:insensitive > .label { color: inherit; } .popover .scrollbar.trough { background-color: transparent; border: 1px none transparent; } /***************** * Notebooks and * * Tabs * *****************/ .notebook { padding: 0; background-color: #FFFFFF; -GtkNotebook-initial-gap: 6; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; } .notebook.frame { border: 1px solid rgba(0, 0, 0, 0.09); } .notebook.frame.top { border-top-color: #FFFFFF; } .notebook.frame.bottom { border-bottom-color: #FFFFFF; } .notebook.frame.left { border-left-color: #FFFFFF; } .notebook.frame.right { border-right-color: #FFFFFF; } .notebook.header { background-color: #FFFFFF; } .notebook.header.frame { border: none; } .notebook.header.top { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.09); } .notebook.header.bottom { box-shadow: inset 0 1px rgba(0, 0, 0, 0.09); } .notebook.header.left { box-shadow: inset -1px 0 rgba(0, 0, 0, 0.09); } .notebook.header.right { box-shadow: inset 1px 0 rgba(0, 0, 0, 0.09); } .notebook tab { outline-offset: 0; border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } .notebook tab.top, .notebook tab.bottom { padding: 0.5em 1.2em; } .notebook tab.left, .notebook tab.right { padding: 0.5em 1.2em; } .notebook tab.reorderable-page { -GtkNotebook-tab-overlap: 1; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 1.2em; padding-right: 1.2em; border-left-width: 1px; border-right-width: 1px; } .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right { border-bottom-width: 1px; border-top-width: 1px; } .notebook tab.top { border-bottom-width: 2px; } .notebook tab.bottom { border-top-width: 2px; } .notebook tab.left { border-right-width: 2px; } .notebook tab.right { border-left-width: 2px; } .notebook tab:hover, .notebook tab.prelight-page { border-color: alpha(currentColor, 0.2); } .notebook tab:active, .notebook tab.active-page { border-color: #E8E8E8; } .notebook tab.reorderable-page.top { border-color: transparent; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { border-color: rgba(0, 0, 0, 0.09); border-bottom-width: 1px; border-bottom-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; box-shadow: none; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { border-color: rgba(0, 0, 0, 0.09); border-bottom-width: 2px; border-bottom-color: #E8E8E8; background-color: #FFFFFF; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } .notebook tab.reorderable-page.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { border-color: rgba(0, 0, 0, 0.09); border-top-width: 1px; border-top-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; box-shadow: none; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { border-color: rgba(0, 0, 0, 0.09); border-top-width: 2px; border-top-color: #E8E8E8; background-color: #FFFFFF; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } .notebook tab.reorderable-page.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { border-color: rgba(0, 0, 0, 0.09); border-right-width: 1px; border-right-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; box-shadow: none; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { border-color: rgba(0, 0, 0, 0.09); border-right-width: 2px; border-right-color: #E8E8E8; background-color: #FFFFFF; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } .notebook tab.reorderable-page.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { border-color: rgba(0, 0, 0, 0.09); border-left-width: 1px; border-left-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; box-shadow: none; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { border-color: rgba(0, 0, 0, 0.09); border-left-width: 2px; border-left-color: #E8E8E8; background-color: #FFFFFF; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02), 1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02); } .notebook tab .label { padding: 0.5em; font-weight: 700; color: rgba(38, 50, 56, 0.5); } .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { color: #263238; } .notebook tab .active-page .label, .notebook tab .label.active-page { color: #263238; } .notebook tab .button { padding: 0; background-size: 3.75em 3.75em, auto; box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.5); } .notebook tab .button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .notebook tab .button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .notebook tab .button:insensitive { box-shadow: none; background-color: transparent; } .notebook tab .button > GtkImage { padding: 0.6em; } .notebook tab .prelight-page .button, .notebook tab:hover .button { color: #263238; } .notebook tab .active-page .button, .notebook tab:hover .button { color: #263238; } .notebook.arrow { color: rgba(38, 50, 56, 0.5); } .notebook.arrow:hover, .notebook.arrow:active { color: #263238; } .notebook.arrow:insensitive { color: rgba(38, 50, 56, 0.225); } /************** * Scrollbars * **************/ @keyframes slow_down_ltr { to { margin-right: 0; } } @keyframes slow_down_rtl { to { margin-left: 0; } } @keyframes slow_down_horz { to { margin-top: 0; } } .scrollbar { -GtkRange-slider-width: 12; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 32; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { -GtkRange-slider-width: 10px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 0; margin-bottom: 0; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider:dir(ltr) { margin-left: 0; margin-right: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider:dir(ltr) { margin-left: 6px; margin-right: 0; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-top: 6px; margin-bottom: 0; margin-left: 0; margin-right: 0; } .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { background-color: rgba(255, 255, 255, 0.55); } .scrollbar.overlay-indicator.hovering.vertical .slider:dir(ltr) { animation: slow_down_ltr 0.2s linear forwards; } .scrollbar.overlay-indicator.hovering.vertical .slider:dir(rtl) { animation: slow_down_rtl 0.2s linear forwards; } .scrollbar.overlay-indicator.hovering.horizontal .slider { animation: slow_down_horz 0.2s linear forwards; } .scrollbar .trough { border: none; background-color: #FFFFFF; } .scrollbar .slider { background-color: rgba(38, 50, 56, 0.275); } .scrollbar .slider:hover { background-color: rgba(38, 50, 56, 0.4125); } .scrollbar .slider:active { background-color: #263238; } .scrollbar .slider:insensitive { opacity: 0.4; } .scrollbar .slider { border-radius: 0; margin: 0; } .scrollbar.fine-tune .slider { margin: 0; } .scrollbar.vertical .slider { margin: 0; } .scrollbar.vertical.fine-tune .slider { margin: 0; } .scrollbar.horizontal .slider { margin: 0; } .scrollbar.horizontal.fine-tune .slider { margin: 0; } .scrollbars-junction, .scrollbars-junction.frame { border: none; background-color: #FFFFFF; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 20px; -GtkSwitch-slider-height: 20px; outline-offset: -4px; outline-radius: 100px; font-size: 0; } GtkSwitch.trough { border: 8px solid transparent; border-radius: 100px; background-color: alpha(currentColor, 0.2); } GtkSwitch.trough:active { background-color: rgba(0, 188, 212, 0.2); } GtkSwitch.trough:active:insensitive { background-color: rgba(0, 188, 212, 0.2); } GtkSwitch.trough:insensitive { color: rgba(38, 50, 56, 0.3); background-color: alpha(currentColor, 0.2); } GtkSwitch.slider { padding: 4px; border-radius: 100px; outline-radius: 100px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #FFFFFF; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.75); } GtkSwitch.slider:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } GtkSwitch.slider:active { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #E8E8E8; color: #FFFFFF; } GtkSwitch.slider:active:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } GtkSwitch.slider:active:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.2); color: rgba(0, 188, 212, 0.4); background-color: #F0F2F3; background-image: none; box-shadow: none; } GtkSwitch.slider:active:insensitive > .label { color: inherit; } GtkSwitch.slider:insensitive { background-color: #F0F2F3; background-image: none; box-shadow: none; } .list-row:selected GtkSwitch.trough, .tweak-category:selected GtkSwitch.trough { background-color: #FFFFFF; } .list-row:selected GtkSwitch.trough:active, .tweak-category:selected GtkSwitch.trough:active { background-color: #FFFFFF; } .list-row:selected GtkSwitch.trough:active:insensitive, .tweak-category:selected GtkSwitch.trough:active:insensitive { background-color: #FFFFFF; } .list-row:selected GtkSwitch.slider, .tweak-category:selected GtkSwitch.slider { background-color: #FFFFFF; } .list-row:selected GtkSwitch.slider:hover, .tweak-category:selected GtkSwitch.slider:hover { background-image: linear-gradient(to bottom, alpha(#FFFFFF, 0.2)); } .list-row:selected GtkSwitch.slider:active, .tweak-category:selected GtkSwitch.slider:active { background-color: #FFFFFF; } .list-row:selected GtkSwitch.slider:active:hover, .tweak-category:selected GtkSwitch.slider:active:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } GtkGrid GtkSwitch { -GtkSwitch-slider-width: 40; -GtkSwitch-slider-height: 20; font-size: 0; outline-color: transparent; } GtkGrid GtkSwitch.trough, GtkGrid GtkSwitch.trough:hover, GtkGrid GtkSwitch.trough:active, GtkGrid GtkSwitch.trough:active:hover, GtkGrid GtkSwitch.trough:active:insensitive, GtkGrid GtkSwitch.trough:insensitive, GtkGrid GtkSwitch.slider, GtkGrid GtkSwitch.slider:hover, GtkGrid GtkSwitch.slider:active, GtkGrid GtkSwitch.slider:active:hover, GtkGrid GtkSwitch.slider:active:insensitive, GtkGrid GtkSwitch.slider:insensitive { padding: 0; border: 4px solid transparent; color: transparent; background: none; background-image: none; background-size: 40px 20px; background-repeat: no-repeat; background-position: right center; box-shadow: none; } GtkGrid GtkSwitch.trough:dir(rtl), GtkGrid GtkSwitch.trough:hover:dir(rtl), GtkGrid GtkSwitch.trough:active:dir(rtl), GtkGrid GtkSwitch.trough:active:hover:dir(rtl), GtkGrid GtkSwitch.trough:active:insensitive:dir(rtl), GtkGrid GtkSwitch.trough:insensitive:dir(rtl), GtkGrid GtkSwitch.slider:dir(rtl), GtkGrid GtkSwitch.slider:hover:dir(rtl), GtkGrid GtkSwitch.slider:active:dir(rtl), GtkGrid GtkSwitch.slider:active:hover:dir(rtl), GtkGrid GtkSwitch.slider:active:insensitive:dir(rtl), GtkGrid GtkSwitch.slider:insensitive:dir(rtl) { background-position: left center; } GtkGrid GtkSwitch.trough { background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); } GtkGrid GtkSwitch.trough:hover { background-image: -gtk-scaled(url("assets/toggle-off-hover.png"), url("assets/toggle-off-hover@2.png")); } GtkGrid GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); } GtkGrid GtkSwitch.trough:active:hover { background-image: -gtk-scaled(url("assets/toggle-on-hover.png"), url("assets/toggle-on-hover@2.png")); } GtkGrid GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/toggle-on-insensitive.png"), url("assets/toggle-on-insensitive@2.png")); } GtkGrid GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/toggle-off-insensitive.png"), url("assets/toggle-off-insensitive@2.png")); } /************************* * Check and Radio items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); icon-shadow: none; } .check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); icon-shadow: none; } .check:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); icon-shadow: none; } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); icon-shadow: none; } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); icon-shadow: none; } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); icon-shadow: none; } .check:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); icon-shadow: none; } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); icon-shadow: none; } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); icon-shadow: none; } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); icon-shadow: none; } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); icon-shadow: none; } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); icon-shadow: none; } .menu .menuitem.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png")); } .menu .menuitem.check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.check:insensitive:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png")); } .menu .menuitem.check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png")); } .menu .menuitem.check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.check:inconsistent:insensitive:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png")); } .menu .menuitem.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png")); } .menu .menuitem.check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.check:checked:insensitive:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); icon-shadow: none; } .radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); icon-shadow: none; } .radio:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); icon-shadow: none; } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); icon-shadow: none; } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); icon-shadow: none; } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); icon-shadow: none; } .radio:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); icon-shadow: none; } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); icon-shadow: none; } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); icon-shadow: none; } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); icon-shadow: none; } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); icon-shadow: none; } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); icon-shadow: none; } .menu .menuitem.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png")); } .menu .menuitem.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.radio:insensitive:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png")); } .menu .menuitem.radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png")); } .menu .menuitem.radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.radio:inconsistent:insensitive:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png")); } .menu .menuitem.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png")); } .menu .menuitem.radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); icon-shadow: none; } .menu .menuitem.radio:checked:insensitive:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png")); } .view .check:selected, .view .check:selected:focus, .list-row .check:selected, .tweak-category .check:selected, .list-row .check:selected:focus, .tweak-category .check:selected:focus, .list-row.activatable .check:selected, .view .check:selected, column-header .button .check:selected, .activatable.tweak-category .check:selected, .list-row.activatable .check:selected:focus, .view .check:selected:focus, column-header .button .check:selected:focus, .activatable.tweak-category .check:selected:focus { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); icon-shadow: none; } .view check:selected:insensitive, .view check:selected:focus:insensitive, .list-row check:selected:insensitive, .tweak-category check:selected:insensitive, .list-row check:selected:focus:insensitive, .tweak-category check:selected:focus:insensitive, .list-row.activatable check:selected:insensitive, .view check:selected:insensitive, column-header .button check:selected:insensitive, .activatable.tweak-category check:selected:insensitive, .list-row.activatable check:selected:focus:insensitive, .view check:selected:focus:insensitive, column-header .button check:selected:focus:insensitive, .activatable.tweak-category check:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:selected:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, .list-row check:selected:inconsistent:insensitive, .tweak-category check:selected:inconsistent:insensitive, .list-row check:selected:focus:inconsistent:insensitive, .tweak-category check:selected:focus:inconsistent:insensitive, .list-row.activatable check:selected:inconsistent:insensitive, .view check:selected:inconsistent:insensitive, column-header .button check:selected:inconsistent:insensitive, .activatable.tweak-category check:selected:inconsistent:insensitive, .list-row.activatable check:selected:focus:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, column-header .button check:selected:focus:inconsistent:insensitive, .activatable.tweak-category check:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:selected:checked:insensitive, .view check:selected:focus:checked:insensitive, .list-row check:selected:checked:insensitive, .tweak-category check:selected:checked:insensitive, .list-row check:selected:focus:checked:insensitive, .tweak-category check:selected:focus:checked:insensitive, .list-row.activatable check:selected:checked:insensitive, .view check:selected:checked:insensitive, column-header .button check:selected:checked:insensitive, .activatable.tweak-category check:selected:checked:insensitive, .list-row.activatable check:selected:focus:checked:insensitive, .view check:selected:focus:checked:insensitive, column-header .button check:selected:focus:checked:insensitive, .activatable.tweak-category check:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view .check:selected:active, .view .check:selected:focus:active, .list-row .check:selected:active, .tweak-category .check:selected:active, .list-row .check:selected:focus:active, .tweak-category .check:selected:focus:active, .list-row.activatable .check:selected:active, .view .check:selected:active, column-header .button .check:selected:active, .activatable.tweak-category .check:selected:active, .list-row.activatable .check:selected:focus:active, .view .check:selected:focus:active, column-header .button .check:selected:focus:active, .activatable.tweak-category .check:selected:focus:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); icon-shadow: none; } .view check:selected:insensitive, .view check:selected:focus:insensitive, .list-row check:selected:insensitive, .tweak-category check:selected:insensitive, .list-row check:selected:focus:insensitive, .tweak-category check:selected:focus:insensitive, .list-row.activatable check:selected:insensitive, .view check:selected:insensitive, column-header .button check:selected:insensitive, .activatable.tweak-category check:selected:insensitive, .list-row.activatable check:selected:focus:insensitive, .view check:selected:focus:insensitive, column-header .button check:selected:focus:insensitive, .activatable.tweak-category check:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:selected:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, .list-row check:selected:inconsistent:insensitive, .tweak-category check:selected:inconsistent:insensitive, .list-row check:selected:focus:inconsistent:insensitive, .tweak-category check:selected:focus:inconsistent:insensitive, .list-row.activatable check:selected:inconsistent:insensitive, .view check:selected:inconsistent:insensitive, column-header .button check:selected:inconsistent:insensitive, .activatable.tweak-category check:selected:inconsistent:insensitive, .list-row.activatable check:selected:focus:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, column-header .button check:selected:focus:inconsistent:insensitive, .activatable.tweak-category check:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:selected:checked:insensitive, .view check:selected:focus:checked:insensitive, .list-row check:selected:checked:insensitive, .tweak-category check:selected:checked:insensitive, .list-row check:selected:focus:checked:insensitive, .tweak-category check:selected:focus:checked:insensitive, .list-row.activatable check:selected:checked:insensitive, .view check:selected:checked:insensitive, column-header .button check:selected:checked:insensitive, .activatable.tweak-category check:selected:checked:insensitive, .list-row.activatable check:selected:focus:checked:insensitive, .view check:selected:focus:checked:insensitive, column-header .button check:selected:focus:checked:insensitive, .activatable.tweak-category check:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view .check:selected:inconsistent, .view .check:selected:focus:inconsistent, .list-row .check:selected:inconsistent, .tweak-category .check:selected:inconsistent, .list-row .check:selected:focus:inconsistent, .tweak-category .check:selected:focus:inconsistent, .list-row.activatable .check:selected:inconsistent, .view .check:selected:inconsistent, column-header .button .check:selected:inconsistent, .activatable.tweak-category .check:selected:inconsistent, .list-row.activatable .check:selected:focus:inconsistent, .view .check:selected:focus:inconsistent, column-header .button .check:selected:focus:inconsistent, .activatable.tweak-category .check:selected:focus:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); icon-shadow: none; } .view check:selected:insensitive, .view check:selected:focus:insensitive, .list-row check:selected:insensitive, .tweak-category check:selected:insensitive, .list-row check:selected:focus:insensitive, .tweak-category check:selected:focus:insensitive, .list-row.activatable check:selected:insensitive, .view check:selected:insensitive, column-header .button check:selected:insensitive, .activatable.tweak-category check:selected:insensitive, .list-row.activatable check:selected:focus:insensitive, .view check:selected:focus:insensitive, column-header .button check:selected:focus:insensitive, .activatable.tweak-category check:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:selected:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, .list-row check:selected:inconsistent:insensitive, .tweak-category check:selected:inconsistent:insensitive, .list-row check:selected:focus:inconsistent:insensitive, .tweak-category check:selected:focus:inconsistent:insensitive, .list-row.activatable check:selected:inconsistent:insensitive, .view check:selected:inconsistent:insensitive, column-header .button check:selected:inconsistent:insensitive, .activatable.tweak-category check:selected:inconsistent:insensitive, .list-row.activatable check:selected:focus:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, column-header .button check:selected:focus:inconsistent:insensitive, .activatable.tweak-category check:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:selected:checked:insensitive, .view check:selected:focus:checked:insensitive, .list-row check:selected:checked:insensitive, .tweak-category check:selected:checked:insensitive, .list-row check:selected:focus:checked:insensitive, .tweak-category check:selected:focus:checked:insensitive, .list-row.activatable check:selected:checked:insensitive, .view check:selected:checked:insensitive, column-header .button check:selected:checked:insensitive, .activatable.tweak-category check:selected:checked:insensitive, .list-row.activatable check:selected:focus:checked:insensitive, .view check:selected:focus:checked:insensitive, column-header .button check:selected:focus:checked:insensitive, .activatable.tweak-category check:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view .check:selected:inconsistent:active, .view .check:selected:focus:inconsistent:active, .list-row .check:selected:inconsistent:active, .tweak-category .check:selected:inconsistent:active, .list-row .check:selected:focus:inconsistent:active, .tweak-category .check:selected:focus:inconsistent:active, .list-row.activatable .check:selected:inconsistent:active, .view .check:selected:inconsistent:active, column-header .button .check:selected:inconsistent:active, .activatable.tweak-category .check:selected:inconsistent:active, .list-row.activatable .check:selected:focus:inconsistent:active, .view .check:selected:focus:inconsistent:active, column-header .button .check:selected:focus:inconsistent:active, .activatable.tweak-category .check:selected:focus:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); icon-shadow: none; } .view check:selected:insensitive, .view check:selected:focus:insensitive, .list-row check:selected:insensitive, .tweak-category check:selected:insensitive, .list-row check:selected:focus:insensitive, .tweak-category check:selected:focus:insensitive, .list-row.activatable check:selected:insensitive, .view check:selected:insensitive, column-header .button check:selected:insensitive, .activatable.tweak-category check:selected:insensitive, .list-row.activatable check:selected:focus:insensitive, .view check:selected:focus:insensitive, column-header .button check:selected:focus:insensitive, .activatable.tweak-category check:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:selected:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, .list-row check:selected:inconsistent:insensitive, .tweak-category check:selected:inconsistent:insensitive, .list-row check:selected:focus:inconsistent:insensitive, .tweak-category check:selected:focus:inconsistent:insensitive, .list-row.activatable check:selected:inconsistent:insensitive, .view check:selected:inconsistent:insensitive, column-header .button check:selected:inconsistent:insensitive, .activatable.tweak-category check:selected:inconsistent:insensitive, .list-row.activatable check:selected:focus:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, column-header .button check:selected:focus:inconsistent:insensitive, .activatable.tweak-category check:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:selected:checked:insensitive, .view check:selected:focus:checked:insensitive, .list-row check:selected:checked:insensitive, .tweak-category check:selected:checked:insensitive, .list-row check:selected:focus:checked:insensitive, .tweak-category check:selected:focus:checked:insensitive, .list-row.activatable check:selected:checked:insensitive, .view check:selected:checked:insensitive, column-header .button check:selected:checked:insensitive, .activatable.tweak-category check:selected:checked:insensitive, .list-row.activatable check:selected:focus:checked:insensitive, .view check:selected:focus:checked:insensitive, column-header .button check:selected:focus:checked:insensitive, .activatable.tweak-category check:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view .check:selected:checked, .view .check:selected:focus:checked, .list-row .check:selected:checked, .tweak-category .check:selected:checked, .list-row .check:selected:focus:checked, .tweak-category .check:selected:focus:checked, .list-row.activatable .check:selected:checked, .view .check:selected:checked, column-header .button .check:selected:checked, .activatable.tweak-category .check:selected:checked, .list-row.activatable .check:selected:focus:checked, .view .check:selected:focus:checked, column-header .button .check:selected:focus:checked, .activatable.tweak-category .check:selected:focus:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); icon-shadow: none; } .view check:selected:insensitive, .view check:selected:focus:insensitive, .list-row check:selected:insensitive, .tweak-category check:selected:insensitive, .list-row check:selected:focus:insensitive, .tweak-category check:selected:focus:insensitive, .list-row.activatable check:selected:insensitive, .view check:selected:insensitive, column-header .button check:selected:insensitive, .activatable.tweak-category check:selected:insensitive, .list-row.activatable check:selected:focus:insensitive, .view check:selected:focus:insensitive, column-header .button check:selected:focus:insensitive, .activatable.tweak-category check:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:selected:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, .list-row check:selected:inconsistent:insensitive, .tweak-category check:selected:inconsistent:insensitive, .list-row check:selected:focus:inconsistent:insensitive, .tweak-category check:selected:focus:inconsistent:insensitive, .list-row.activatable check:selected:inconsistent:insensitive, .view check:selected:inconsistent:insensitive, column-header .button check:selected:inconsistent:insensitive, .activatable.tweak-category check:selected:inconsistent:insensitive, .list-row.activatable check:selected:focus:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, column-header .button check:selected:focus:inconsistent:insensitive, .activatable.tweak-category check:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:selected:checked:insensitive, .view check:selected:focus:checked:insensitive, .list-row check:selected:checked:insensitive, .tweak-category check:selected:checked:insensitive, .list-row check:selected:focus:checked:insensitive, .tweak-category check:selected:focus:checked:insensitive, .list-row.activatable check:selected:checked:insensitive, .view check:selected:checked:insensitive, column-header .button check:selected:checked:insensitive, .activatable.tweak-category check:selected:checked:insensitive, .list-row.activatable check:selected:focus:checked:insensitive, .view check:selected:focus:checked:insensitive, column-header .button check:selected:focus:checked:insensitive, .activatable.tweak-category check:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view .check:selected:checked:active, .view .check:selected:focus:checked:active, .list-row .check:selected:checked:active, .tweak-category .check:selected:checked:active, .list-row .check:selected:focus:checked:active, .tweak-category .check:selected:focus:checked:active, .list-row.activatable .check:selected:checked:active, .view .check:selected:checked:active, column-header .button .check:selected:checked:active, .activatable.tweak-category .check:selected:checked:active, .list-row.activatable .check:selected:focus:checked:active, .view .check:selected:focus:checked:active, column-header .button .check:selected:focus:checked:active, .activatable.tweak-category .check:selected:focus:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); icon-shadow: none; } .view check:selected:insensitive, .view check:selected:focus:insensitive, .list-row check:selected:insensitive, .tweak-category check:selected:insensitive, .list-row check:selected:focus:insensitive, .tweak-category check:selected:focus:insensitive, .list-row.activatable check:selected:insensitive, .view check:selected:insensitive, column-header .button check:selected:insensitive, .activatable.tweak-category check:selected:insensitive, .list-row.activatable check:selected:focus:insensitive, .view check:selected:focus:insensitive, column-header .button check:selected:focus:insensitive, .activatable.tweak-category check:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:selected:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, .list-row check:selected:inconsistent:insensitive, .tweak-category check:selected:inconsistent:insensitive, .list-row check:selected:focus:inconsistent:insensitive, .tweak-category check:selected:focus:inconsistent:insensitive, .list-row.activatable check:selected:inconsistent:insensitive, .view check:selected:inconsistent:insensitive, column-header .button check:selected:inconsistent:insensitive, .activatable.tweak-category check:selected:inconsistent:insensitive, .list-row.activatable check:selected:focus:inconsistent:insensitive, .view check:selected:focus:inconsistent:insensitive, column-header .button check:selected:focus:inconsistent:insensitive, .activatable.tweak-category check:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:selected:checked:insensitive, .view check:selected:focus:checked:insensitive, .list-row check:selected:checked:insensitive, .tweak-category check:selected:checked:insensitive, .list-row check:selected:focus:checked:insensitive, .tweak-category check:selected:focus:checked:insensitive, .list-row.activatable check:selected:checked:insensitive, .view check:selected:checked:insensitive, column-header .button check:selected:checked:insensitive, .activatable.tweak-category check:selected:checked:insensitive, .list-row.activatable check:selected:focus:checked:insensitive, .view check:selected:focus:checked:insensitive, column-header .button check:selected:focus:checked:insensitive, .activatable.tweak-category check:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view .radio:selected, .view .radio:selected:focus, .list-row .radio:selected, .tweak-category .radio:selected, .list-row .radio:selected:focus, .tweak-category .radio:selected:focus, .list-row.activatable .radio:selected, .view .radio:selected, column-header .button .radio:selected, .activatable.tweak-category .radio:selected, .list-row.activatable .radio:selected:focus, .view .radio:selected:focus, column-header .button .radio:selected:focus, .activatable.tweak-category .radio:selected:focus { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); icon-shadow: none; } .view radio:selected:insensitive, .view radio:selected:focus:insensitive, .list-row radio:selected:insensitive, .tweak-category radio:selected:insensitive, .list-row radio:selected:focus:insensitive, .tweak-category radio:selected:focus:insensitive, .list-row.activatable radio:selected:insensitive, .view radio:selected:insensitive, column-header .button radio:selected:insensitive, .activatable.tweak-category radio:selected:insensitive, .list-row.activatable radio:selected:focus:insensitive, .view radio:selected:focus:insensitive, column-header .button radio:selected:focus:insensitive, .activatable.tweak-category radio:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:selected:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, .list-row radio:selected:inconsistent:insensitive, .tweak-category radio:selected:inconsistent:insensitive, .list-row radio:selected:focus:inconsistent:insensitive, .tweak-category radio:selected:focus:inconsistent:insensitive, .list-row.activatable radio:selected:inconsistent:insensitive, .view radio:selected:inconsistent:insensitive, column-header .button radio:selected:inconsistent:insensitive, .activatable.tweak-category radio:selected:inconsistent:insensitive, .list-row.activatable radio:selected:focus:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, column-header .button radio:selected:focus:inconsistent:insensitive, .activatable.tweak-category radio:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:selected:checked:insensitive, .view radio:selected:focus:checked:insensitive, .list-row radio:selected:checked:insensitive, .tweak-category radio:selected:checked:insensitive, .list-row radio:selected:focus:checked:insensitive, .tweak-category radio:selected:focus:checked:insensitive, .list-row.activatable radio:selected:checked:insensitive, .view radio:selected:checked:insensitive, column-header .button radio:selected:checked:insensitive, .activatable.tweak-category radio:selected:checked:insensitive, .list-row.activatable radio:selected:focus:checked:insensitive, .view radio:selected:focus:checked:insensitive, column-header .button radio:selected:focus:checked:insensitive, .activatable.tweak-category radio:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view .radio:selected:active, .view .radio:selected:focus:active, .list-row .radio:selected:active, .tweak-category .radio:selected:active, .list-row .radio:selected:focus:active, .tweak-category .radio:selected:focus:active, .list-row.activatable .radio:selected:active, .view .radio:selected:active, column-header .button .radio:selected:active, .activatable.tweak-category .radio:selected:active, .list-row.activatable .radio:selected:focus:active, .view .radio:selected:focus:active, column-header .button .radio:selected:focus:active, .activatable.tweak-category .radio:selected:focus:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); icon-shadow: none; } .view radio:selected:insensitive, .view radio:selected:focus:insensitive, .list-row radio:selected:insensitive, .tweak-category radio:selected:insensitive, .list-row radio:selected:focus:insensitive, .tweak-category radio:selected:focus:insensitive, .list-row.activatable radio:selected:insensitive, .view radio:selected:insensitive, column-header .button radio:selected:insensitive, .activatable.tweak-category radio:selected:insensitive, .list-row.activatable radio:selected:focus:insensitive, .view radio:selected:focus:insensitive, column-header .button radio:selected:focus:insensitive, .activatable.tweak-category radio:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:selected:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, .list-row radio:selected:inconsistent:insensitive, .tweak-category radio:selected:inconsistent:insensitive, .list-row radio:selected:focus:inconsistent:insensitive, .tweak-category radio:selected:focus:inconsistent:insensitive, .list-row.activatable radio:selected:inconsistent:insensitive, .view radio:selected:inconsistent:insensitive, column-header .button radio:selected:inconsistent:insensitive, .activatable.tweak-category radio:selected:inconsistent:insensitive, .list-row.activatable radio:selected:focus:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, column-header .button radio:selected:focus:inconsistent:insensitive, .activatable.tweak-category radio:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:selected:checked:insensitive, .view radio:selected:focus:checked:insensitive, .list-row radio:selected:checked:insensitive, .tweak-category radio:selected:checked:insensitive, .list-row radio:selected:focus:checked:insensitive, .tweak-category radio:selected:focus:checked:insensitive, .list-row.activatable radio:selected:checked:insensitive, .view radio:selected:checked:insensitive, column-header .button radio:selected:checked:insensitive, .activatable.tweak-category radio:selected:checked:insensitive, .list-row.activatable radio:selected:focus:checked:insensitive, .view radio:selected:focus:checked:insensitive, column-header .button radio:selected:focus:checked:insensitive, .activatable.tweak-category radio:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view .radio:selected:inconsistent, .view .radio:selected:focus:inconsistent, .list-row .radio:selected:inconsistent, .tweak-category .radio:selected:inconsistent, .list-row .radio:selected:focus:inconsistent, .tweak-category .radio:selected:focus:inconsistent, .list-row.activatable .radio:selected:inconsistent, .view .radio:selected:inconsistent, column-header .button .radio:selected:inconsistent, .activatable.tweak-category .radio:selected:inconsistent, .list-row.activatable .radio:selected:focus:inconsistent, .view .radio:selected:focus:inconsistent, column-header .button .radio:selected:focus:inconsistent, .activatable.tweak-category .radio:selected:focus:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); icon-shadow: none; } .view radio:selected:insensitive, .view radio:selected:focus:insensitive, .list-row radio:selected:insensitive, .tweak-category radio:selected:insensitive, .list-row radio:selected:focus:insensitive, .tweak-category radio:selected:focus:insensitive, .list-row.activatable radio:selected:insensitive, .view radio:selected:insensitive, column-header .button radio:selected:insensitive, .activatable.tweak-category radio:selected:insensitive, .list-row.activatable radio:selected:focus:insensitive, .view radio:selected:focus:insensitive, column-header .button radio:selected:focus:insensitive, .activatable.tweak-category radio:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:selected:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, .list-row radio:selected:inconsistent:insensitive, .tweak-category radio:selected:inconsistent:insensitive, .list-row radio:selected:focus:inconsistent:insensitive, .tweak-category radio:selected:focus:inconsistent:insensitive, .list-row.activatable radio:selected:inconsistent:insensitive, .view radio:selected:inconsistent:insensitive, column-header .button radio:selected:inconsistent:insensitive, .activatable.tweak-category radio:selected:inconsistent:insensitive, .list-row.activatable radio:selected:focus:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, column-header .button radio:selected:focus:inconsistent:insensitive, .activatable.tweak-category radio:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:selected:checked:insensitive, .view radio:selected:focus:checked:insensitive, .list-row radio:selected:checked:insensitive, .tweak-category radio:selected:checked:insensitive, .list-row radio:selected:focus:checked:insensitive, .tweak-category radio:selected:focus:checked:insensitive, .list-row.activatable radio:selected:checked:insensitive, .view radio:selected:checked:insensitive, column-header .button radio:selected:checked:insensitive, .activatable.tweak-category radio:selected:checked:insensitive, .list-row.activatable radio:selected:focus:checked:insensitive, .view radio:selected:focus:checked:insensitive, column-header .button radio:selected:focus:checked:insensitive, .activatable.tweak-category radio:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view .radio:selected:inconsistent:active, .view .radio:selected:focus:inconsistent:active, .list-row .radio:selected:inconsistent:active, .tweak-category .radio:selected:inconsistent:active, .list-row .radio:selected:focus:inconsistent:active, .tweak-category .radio:selected:focus:inconsistent:active, .list-row.activatable .radio:selected:inconsistent:active, .view .radio:selected:inconsistent:active, column-header .button .radio:selected:inconsistent:active, .activatable.tweak-category .radio:selected:inconsistent:active, .list-row.activatable .radio:selected:focus:inconsistent:active, .view .radio:selected:focus:inconsistent:active, column-header .button .radio:selected:focus:inconsistent:active, .activatable.tweak-category .radio:selected:focus:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); icon-shadow: none; } .view radio:selected:insensitive, .view radio:selected:focus:insensitive, .list-row radio:selected:insensitive, .tweak-category radio:selected:insensitive, .list-row radio:selected:focus:insensitive, .tweak-category radio:selected:focus:insensitive, .list-row.activatable radio:selected:insensitive, .view radio:selected:insensitive, column-header .button radio:selected:insensitive, .activatable.tweak-category radio:selected:insensitive, .list-row.activatable radio:selected:focus:insensitive, .view radio:selected:focus:insensitive, column-header .button radio:selected:focus:insensitive, .activatable.tweak-category radio:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:selected:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, .list-row radio:selected:inconsistent:insensitive, .tweak-category radio:selected:inconsistent:insensitive, .list-row radio:selected:focus:inconsistent:insensitive, .tweak-category radio:selected:focus:inconsistent:insensitive, .list-row.activatable radio:selected:inconsistent:insensitive, .view radio:selected:inconsistent:insensitive, column-header .button radio:selected:inconsistent:insensitive, .activatable.tweak-category radio:selected:inconsistent:insensitive, .list-row.activatable radio:selected:focus:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, column-header .button radio:selected:focus:inconsistent:insensitive, .activatable.tweak-category radio:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:selected:checked:insensitive, .view radio:selected:focus:checked:insensitive, .list-row radio:selected:checked:insensitive, .tweak-category radio:selected:checked:insensitive, .list-row radio:selected:focus:checked:insensitive, .tweak-category radio:selected:focus:checked:insensitive, .list-row.activatable radio:selected:checked:insensitive, .view radio:selected:checked:insensitive, column-header .button radio:selected:checked:insensitive, .activatable.tweak-category radio:selected:checked:insensitive, .list-row.activatable radio:selected:focus:checked:insensitive, .view radio:selected:focus:checked:insensitive, column-header .button radio:selected:focus:checked:insensitive, .activatable.tweak-category radio:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view .radio:selected:checked, .view .radio:selected:focus:checked, .list-row .radio:selected:checked, .tweak-category .radio:selected:checked, .list-row .radio:selected:focus:checked, .tweak-category .radio:selected:focus:checked, .list-row.activatable .radio:selected:checked, .view .radio:selected:checked, column-header .button .radio:selected:checked, .activatable.tweak-category .radio:selected:checked, .list-row.activatable .radio:selected:focus:checked, .view .radio:selected:focus:checked, column-header .button .radio:selected:focus:checked, .activatable.tweak-category .radio:selected:focus:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); icon-shadow: none; } .view radio:selected:insensitive, .view radio:selected:focus:insensitive, .list-row radio:selected:insensitive, .tweak-category radio:selected:insensitive, .list-row radio:selected:focus:insensitive, .tweak-category radio:selected:focus:insensitive, .list-row.activatable radio:selected:insensitive, .view radio:selected:insensitive, column-header .button radio:selected:insensitive, .activatable.tweak-category radio:selected:insensitive, .list-row.activatable radio:selected:focus:insensitive, .view radio:selected:focus:insensitive, column-header .button radio:selected:focus:insensitive, .activatable.tweak-category radio:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:selected:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, .list-row radio:selected:inconsistent:insensitive, .tweak-category radio:selected:inconsistent:insensitive, .list-row radio:selected:focus:inconsistent:insensitive, .tweak-category radio:selected:focus:inconsistent:insensitive, .list-row.activatable radio:selected:inconsistent:insensitive, .view radio:selected:inconsistent:insensitive, column-header .button radio:selected:inconsistent:insensitive, .activatable.tweak-category radio:selected:inconsistent:insensitive, .list-row.activatable radio:selected:focus:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, column-header .button radio:selected:focus:inconsistent:insensitive, .activatable.tweak-category radio:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:selected:checked:insensitive, .view radio:selected:focus:checked:insensitive, .list-row radio:selected:checked:insensitive, .tweak-category radio:selected:checked:insensitive, .list-row radio:selected:focus:checked:insensitive, .tweak-category radio:selected:focus:checked:insensitive, .list-row.activatable radio:selected:checked:insensitive, .view radio:selected:checked:insensitive, column-header .button radio:selected:checked:insensitive, .activatable.tweak-category radio:selected:checked:insensitive, .list-row.activatable radio:selected:focus:checked:insensitive, .view radio:selected:focus:checked:insensitive, column-header .button radio:selected:focus:checked:insensitive, .activatable.tweak-category radio:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view .radio:selected:checked:active, .view .radio:selected:focus:checked:active, .list-row .radio:selected:checked:active, .tweak-category .radio:selected:checked:active, .list-row .radio:selected:focus:checked:active, .tweak-category .radio:selected:focus:checked:active, .list-row.activatable .radio:selected:checked:active, .view .radio:selected:checked:active, column-header .button .radio:selected:checked:active, .activatable.tweak-category .radio:selected:checked:active, .list-row.activatable .radio:selected:focus:checked:active, .view .radio:selected:focus:checked:active, column-header .button .radio:selected:focus:checked:active, .activatable.tweak-category .radio:selected:focus:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); icon-shadow: none; } .view radio:selected:insensitive, .view radio:selected:focus:insensitive, .list-row radio:selected:insensitive, .tweak-category radio:selected:insensitive, .list-row radio:selected:focus:insensitive, .tweak-category radio:selected:focus:insensitive, .list-row.activatable radio:selected:insensitive, .view radio:selected:insensitive, column-header .button radio:selected:insensitive, .activatable.tweak-category radio:selected:insensitive, .list-row.activatable radio:selected:focus:insensitive, .view radio:selected:focus:insensitive, column-header .button radio:selected:focus:insensitive, .activatable.tweak-category radio:selected:focus:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:selected:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, .list-row radio:selected:inconsistent:insensitive, .tweak-category radio:selected:inconsistent:insensitive, .list-row radio:selected:focus:inconsistent:insensitive, .tweak-category radio:selected:focus:inconsistent:insensitive, .list-row.activatable radio:selected:inconsistent:insensitive, .view radio:selected:inconsistent:insensitive, column-header .button radio:selected:inconsistent:insensitive, .activatable.tweak-category radio:selected:inconsistent:insensitive, .list-row.activatable radio:selected:focus:inconsistent:insensitive, .view radio:selected:focus:inconsistent:insensitive, column-header .button radio:selected:focus:inconsistent:insensitive, .activatable.tweak-category radio:selected:focus:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:selected:checked:insensitive, .view radio:selected:focus:checked:insensitive, .list-row radio:selected:checked:insensitive, .tweak-category radio:selected:checked:insensitive, .list-row radio:selected:focus:checked:insensitive, .tweak-category radio:selected:focus:checked:insensitive, .list-row.activatable radio:selected:checked:insensitive, .view radio:selected:checked:insensitive, column-header .button radio:selected:checked:insensitive, .activatable.tweak-category radio:selected:checked:insensitive, .list-row.activatable radio:selected:focus:checked:insensitive, .view radio:selected:focus:checked:insensitive, column-header .button radio:selected:focus:checked:insensitive, .activatable.tweak-category radio:selected:focus:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:hover:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:active:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:insensitive:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode.png"), url("assets/checkbox-insensitive-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:hover:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:active:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:insensitive:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode.png"), url("assets/checkbox-checked-insensitive-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 0.2em 0.5em; outline-offset: 0; color: rgba(38, 50, 56, 0.75); } GtkCheckButton.text-button:hover, GtkCheckButton.text-button:active, GtkCheckButton.text-button:checked, GtkRadioButton.text-button:hover, GtkRadioButton.text-button:active, GtkRadioButton.text-button:checked { color: #263238; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(38, 50, 56, 0.3); } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 20; -GtkRange-trough-border: 2; outline-offset: -8px; outline-radius: 100px; } .scale.fine-tune.slider, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider { background-size: 80%; } .scale.slider:not(:hover):not(:active), .scale.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active), .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active) { background-size: 80%; } .scale.slider.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider.png"), url("assets/slider@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.slider.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-active.png"), url("assets/slider-active@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.slider.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-insensitive.png"), url("assets/slider-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 11px; border-radius: 0; background-color: alpha(currentColor, 0.2); } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-color: #E8E8E8; } .scale.trough.highlight:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { background-color: alpha(currentColor, 0.2); } .scale.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { color: rgba(38, 50, 56, 0.3); } .scale.separator, .scale.scale-has-marks-above.scale-has-marks-below.separator, .scale.vertical.scale-has-marks-above.scale-has-marks-below.separator { color: alpha(currentColor, 0.2); } .scale.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 1; } .scale.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 1; } .scale.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 1; } .scale.vertical.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 25; -GtkRange-trough-border: 1; } .scale.vertical.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above .trough { margin: 15px 10px 10px; } .scale.scale-has-marks-below .trough { margin: 10px 10px 15px; } .scale.vertical.scale-has-marks-above .trough { margin: 10px 10px 10px 15px; } .scale.vertical.scale-has-marks-below .trough { margin: 10px 15px 10px 10px; } /***************** * Progress bars * *****************/ GtkProgressBar { -GtkProgressBar-min-horizontal-bar-height: 4; -GtkProgressBar-min-vertical-bar-width: 4; padding: 0; font-size: 90%; color: rgba(38, 50, 56, 0.5); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 4; } GtkProgressBar.trough { border-radius: 0; background-color: rgba(77, 182, 172, 0.2); } GtkProgressBar.trough.osd { border-style: none; box-shadow: none; background-color: rgba(77, 182, 172, 0.2); } .progressbar { border-radius: 0; background-color: #E8E8E8; } .progressbar.left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .progressbar.right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 0; border-top-right-radius: 0; } .progressbar.vertical.bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .progressbar.osd { background-image: none; background-color: #E8E8E8; border-style: none; border-radius: 0; } .entry.progressbar { border-style: none none solid; border-width: 2px; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; border-radius: 0; box-shadow: none; background-color: transparent; background-image: none; } GtkTreeView.view.progressbar, GtkTreeView.view.trough { border-style: none none solid; border-width: 4px; border-radius: 0; box-shadow: none; background-color: transparent; background-image: none; } /************* * Level Bar * *************/ .level-bar { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); -GtkLevelBar-min-block-width: 36; -GtkLevelBar-min-block-height: 4; } .level-bar.vertical { -GtkLevelBar-min-block-width: 4; -GtkLevelBar-min-block-height: 36; } .level-bar.trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } .level-bar.trough:insensitive { box-shadow: none; } .level-bar.trough.indicator-discrete.horizontal { padding: 2px 1px; } .level-bar.trough.indicator-discrete.vertical { padding: 1px 2px; } .level-bar.fill-block { background-color: #E8E8E8; border-radius: 0; box-shadow: none; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { background-color: #00E676; } .level-bar.fill-block.level-low { background-color: #E8E8E8; } .level-bar.fill-block.empty-fill-block { background-color: alpha(currentColor, 0.2); } /********** * Frames * **********/ .frame { border: 1px solid rgba(0, 0, 0, 0.09); padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 0.4em; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator { color: rgba(0, 0, 0, 0.09); } GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { -GtkWidget-wide-separators: true; } /********* * Lists * *********/ .list { border-color: rgba(0, 0, 0, 0.09); background-color: #FFFFFF; } .list-row, .tweak-category, .grid-child { padding: 2px; } .list-row.activatable, .view, column-header .button, .activatable.tweak-category { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); background-repeat: no-repeat; background-position: center, center; background-size: 240px 240px, auto; } .list-row.activatable:hover, .view:hover, column-header .button:hover, .activatable.tweak-category:hover { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); } .list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup, .activatable.tweak-category:active { animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .list-row.activatable:insensitive, .view:insensitive, column-header .button:insensitive, .activatable.tweak-category:insensitive { color: rgba(38, 50, 56, 0.3); } .list-row:selected .button:insensitive, .tweak-category:selected .button:insensitive { color: rgba(255, 255, 255, 0.34); } .list-row:selected .button.flat, .tweak-category:selected .button.flat, .list-row:selected .button.osd.image-button, .tweak-category:selected .button.osd.image-button, .list-row:selected .inline-toolbar .button, .inline-toolbar .list-row:selected .button, .tweak-category:selected .inline-toolbar .button, .inline-toolbar .tweak-category:selected .button, .list-row:selected .action-bar .button, .action-bar .list-row:selected .button, .tweak-category:selected .action-bar .button, .action-bar .tweak-category:selected .button, .list-row:selected .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .list-row:selected .linked > .button.image-button:not(.text-button), .tweak-category:selected .inline-toolbar .linked > .button.image-button:not(.text-button), .inline-toolbar .tweak-category:selected .linked > .button.image-button:not(.text-button), .list-row:selected .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .list-row:selected .stack-switcher > .button.image-button:not(.text-button), .tweak-category:selected .inline-toolbar .stack-switcher > .button.image-button:not(.text-button), .inline-toolbar .tweak-category:selected .stack-switcher > .button.image-button:not(.text-button), .list-row:selected .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .list-row:selected .stack-switcher > .button.image-button:not(.text-button), .tweak-category:selected .action-bar .stack-switcher > .button.image-button:not(.text-button), .action-bar .tweak-category:selected .stack-switcher > .button.image-button:not(.text-button), .list-row:selected .app-notification .button, .app-notification .list-row:selected .button, .tweak-category:selected .app-notification .button, .app-notification .tweak-category:selected .button, .list-row:selected GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .list-row:selected .button, .tweak-category:selected GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .tweak-category:selected .button, .list-row:selected .toolbar .button, .toolbar .list-row:selected .button, .tweak-category:selected .toolbar .button, .toolbar .tweak-category:selected .button, .list-row:selected .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:not(.suggested-action):not(.destructive-action), .list-row:selected .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .list-row:selected .button:not(.suggested-action):not(.destructive-action), .tweak-category:selected .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .tweak-category:selected .button:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .list-row:selected .button, .tweak-category:selected .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .tweak-category:selected .button, .list-row:selected .sidebar-button.button, .tweak-category:selected .sidebar-button.button, .list-row:selected .info .button, .info .list-row:selected .button, .tweak-category:selected .info .button, .info .tweak-category:selected .button, .list-row:selected .question .button, .question .list-row:selected .button, .tweak-category:selected .question .button, .question .tweak-category:selected .button, .list-row:selected .warning .button, .warning .list-row:selected .button, .tweak-category:selected .warning .button, .warning .tweak-category:selected .button, .list-row:selected .error .button, .error .list-row:selected .button, .tweak-category:selected .error .button, .error .tweak-category:selected .button, .list-row:selected GtkScaleButton.button, .tweak-category:selected GtkScaleButton.button, .list-row:selected GtkVolumeButton.button, .tweak-category:selected GtkVolumeButton.button, .list-row:selected GfCandidatePopup .button, GfCandidatePopup .list-row:selected .button, .tweak-category:selected GfCandidatePopup .button, GfCandidatePopup .tweak-category:selected .button, .list-row:selected GfCandidatePopup .button:first-child, GfCandidatePopup .list-row:selected .button:first-child, .list-row:selected GfCandidatePopup .button:last-child, GfCandidatePopup .list-row:selected .button:last-child, .list-row:selected GfCandidatePopup .linked > .button, GfCandidatePopup .list-row:selected .linked > .button, .list-row:selected MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:not(.flat):not(.titlebutton) { color: rgba(255, 255, 255, 0.85); } .list-row:selected .button.flat:hover, .tweak-category:selected .button.flat:hover, .list-row:selected .button.osd.image-button:hover, .tweak-category:selected .button.osd.image-button:hover, .list-row:selected .inline-toolbar .button:hover, .inline-toolbar .list-row:selected .button:hover, .tweak-category:selected .inline-toolbar .button:hover, .inline-toolbar .tweak-category:selected .button:hover, .list-row:selected .action-bar .button:hover, .action-bar .list-row:selected .button:hover, .tweak-category:selected .action-bar .button:hover, .action-bar .tweak-category:selected .button:hover, .list-row:selected .app-notification .button:hover, .app-notification .list-row:selected .button:hover, .tweak-category:selected .app-notification .button:hover, .app-notification .tweak-category:selected .button:hover, .list-row:selected GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .list-row:selected .button:hover, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:hover, .list-row:selected .toolbar .button:hover, .toolbar .list-row:selected .button:hover, .tweak-category:selected .toolbar .button:hover, .toolbar .tweak-category:selected .button:hover, .list-row:selected .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:hover:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:hover:not(.suggested-action):not(.destructive-action), .list-row:selected .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .list-row:selected .button:hover:not(.suggested-action):not(.destructive-action), .tweak-category:selected .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .tweak-category:selected .button:hover:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .list-row:selected .button:hover, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:hover, .list-row:selected .sidebar-button.button:hover, .tweak-category:selected .sidebar-button.button:hover, .list-row:selected .info .button:hover, .info .list-row:selected .button:hover, .tweak-category:selected .info .button:hover, .info .tweak-category:selected .button:hover, .list-row:selected .question .button:hover, .question .list-row:selected .button:hover, .tweak-category:selected .question .button:hover, .question .tweak-category:selected .button:hover, .list-row:selected .warning .button:hover, .warning .list-row:selected .button:hover, .tweak-category:selected .warning .button:hover, .warning .tweak-category:selected .button:hover, .list-row:selected .error .button:hover, .error .list-row:selected .button:hover, .tweak-category:selected .error .button:hover, .error .tweak-category:selected .button:hover, .list-row:selected GtkScaleButton.button:hover, .tweak-category:selected GtkScaleButton.button:hover, .list-row:selected GtkVolumeButton.button:hover, .tweak-category:selected GtkVolumeButton.button:hover, .list-row:selected GfCandidatePopup .button:hover, GfCandidatePopup .list-row:selected .button:hover, .tweak-category:selected GfCandidatePopup .button:hover, GfCandidatePopup .tweak-category:selected .button:hover, .list-row:selected GfCandidatePopup .button:hover:first-child, GfCandidatePopup .list-row:selected .button:hover:first-child, .list-row:selected GfCandidatePopup .button:hover:last-child, GfCandidatePopup .list-row:selected .button:hover:last-child, .list-row:selected GfCandidatePopup .linked > .button:hover, GfCandidatePopup .list-row:selected .linked > .button:hover, .list-row:selected MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:hover:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:hover:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:hover:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:hover:not(.flat):not(.titlebutton), .list-row:selected .button.flat:active, .tweak-category:selected .button.flat:active, .list-row:selected .button.osd.image-button:active, .tweak-category:selected .button.osd.image-button:active, .list-row:selected .inline-toolbar .button:active, .inline-toolbar .list-row:selected .button:active, .tweak-category:selected .inline-toolbar .button:active, .inline-toolbar .tweak-category:selected .button:active, .list-row:selected .action-bar .button:active, .action-bar .list-row:selected .button:active, .tweak-category:selected .action-bar .button:active, .action-bar .tweak-category:selected .button:active, .list-row:selected .app-notification .button:active, .app-notification .list-row:selected .button:active, .tweak-category:selected .app-notification .button:active, .app-notification .tweak-category:selected .button:active, .list-row:selected GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .list-row:selected .button:active, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:active, .list-row:selected .toolbar .button:active, .toolbar .list-row:selected .button:active, .tweak-category:selected .toolbar .button:active, .toolbar .tweak-category:selected .button:active, .list-row:selected .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:active:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:active:not(.suggested-action):not(.destructive-action), .list-row:selected .header-bar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .list-row:selected .button:active:not(.suggested-action):not(.destructive-action), .tweak-category:selected .header-bar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .tweak-category:selected .button:active:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .list-row:selected .button:active, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:active, .list-row:selected .sidebar-button.button:active, .tweak-category:selected .sidebar-button.button:active, .list-row:selected .info .button:active, .info .list-row:selected .button:active, .tweak-category:selected .info .button:active, .info .tweak-category:selected .button:active, .list-row:selected .question .button:active, .question .list-row:selected .button:active, .tweak-category:selected .question .button:active, .question .tweak-category:selected .button:active, .list-row:selected .warning .button:active, .warning .list-row:selected .button:active, .tweak-category:selected .warning .button:active, .warning .tweak-category:selected .button:active, .list-row:selected .error .button:active, .error .list-row:selected .button:active, .tweak-category:selected .error .button:active, .error .tweak-category:selected .button:active, .list-row:selected GtkScaleButton.button:active, .tweak-category:selected GtkScaleButton.button:active, .list-row:selected GtkVolumeButton.button:active, .tweak-category:selected GtkVolumeButton.button:active, .list-row:selected GfCandidatePopup .button:active, GfCandidatePopup .list-row:selected .button:active, .tweak-category:selected GfCandidatePopup .button:active, GfCandidatePopup .tweak-category:selected .button:active, .list-row:selected GfCandidatePopup .button:active:first-child, GfCandidatePopup .list-row:selected .button:active:first-child, .list-row:selected GfCandidatePopup .button:active:last-child, GfCandidatePopup .list-row:selected .button:active:last-child, .list-row:selected GfCandidatePopup .linked > .button:active, GfCandidatePopup .list-row:selected .linked > .button:active, .list-row:selected MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:active:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:active:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:active:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:active:not(.flat):not(.titlebutton) { color: #FFFFFF; } .list-row:selected .button.flat:insensitive, .tweak-category:selected .button.flat:insensitive, .list-row:selected .button.osd.image-button:insensitive, .tweak-category:selected .button.osd.image-button:insensitive, .list-row:selected .inline-toolbar .button:insensitive, .inline-toolbar .list-row:selected .button:insensitive, .tweak-category:selected .inline-toolbar .button:insensitive, .inline-toolbar .tweak-category:selected .button:insensitive, .list-row:selected .action-bar .button:insensitive, .action-bar .list-row:selected .button:insensitive, .tweak-category:selected .action-bar .button:insensitive, .action-bar .tweak-category:selected .button:insensitive, .list-row:selected .app-notification .button:insensitive, .app-notification .list-row:selected .button:insensitive, .tweak-category:selected .app-notification .button:insensitive, .app-notification .tweak-category:selected .button:insensitive, .list-row:selected GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .list-row:selected .button:insensitive, .tweak-category:selected GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .tweak-category:selected .button:insensitive, .list-row:selected .toolbar .button:insensitive, .toolbar .list-row:selected .button:insensitive, .tweak-category:selected .toolbar .button:insensitive, .toolbar .tweak-category:selected .button:insensitive, .list-row:selected .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .tweak-category:selected .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .tweak-category:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .list-row:selected .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .list-row:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .tweak-category:selected .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .tweak-category:selected .button:insensitive:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .list-row:selected .button:insensitive, .tweak-category:selected .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .tweak-category:selected .button:insensitive, .list-row:selected .sidebar-button.button:insensitive, .tweak-category:selected .sidebar-button.button:insensitive, .list-row:selected .info .button:insensitive, .info .list-row:selected .button:insensitive, .tweak-category:selected .info .button:insensitive, .info .tweak-category:selected .button:insensitive, .list-row:selected .question .button:insensitive, .question .list-row:selected .button:insensitive, .tweak-category:selected .question .button:insensitive, .question .tweak-category:selected .button:insensitive, .list-row:selected .warning .button:insensitive, .warning .list-row:selected .button:insensitive, .tweak-category:selected .warning .button:insensitive, .warning .tweak-category:selected .button:insensitive, .list-row:selected .error .button:insensitive, .error .list-row:selected .button:insensitive, .tweak-category:selected .error .button:insensitive, .error .tweak-category:selected .button:insensitive, .list-row:selected GtkScaleButton.button:insensitive, .tweak-category:selected GtkScaleButton.button:insensitive, .list-row:selected GtkVolumeButton.button:insensitive, .tweak-category:selected GtkVolumeButton.button:insensitive, .list-row:selected GfCandidatePopup .button:insensitive, GfCandidatePopup .list-row:selected .button:insensitive, .tweak-category:selected GfCandidatePopup .button:insensitive, GfCandidatePopup .tweak-category:selected .button:insensitive, .list-row:selected GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .list-row:selected .button:insensitive:first-child, .list-row:selected GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .list-row:selected .button:insensitive:last-child, .list-row:selected GfCandidatePopup .linked > .button:insensitive, GfCandidatePopup .list-row:selected .linked > .button:insensitive, .list-row:selected MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .list-row:selected .button:insensitive:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .tweak-category:selected .button:insensitive:not(.flat):not(.titlebutton), .list-row:selected MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .list-row:selected .button:insensitive:not(.flat):not(.titlebutton), .tweak-category:selected MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .tweak-category:selected .button:insensitive:not(.flat):not(.titlebutton) { color: rgba(255, 255, 255, 0.34); } .list-row .button.image-button, .tweak-category .button.image-button { padding: 0.4em; background-size: 2.5em 2.5em, auto; } .list-row:hover, .tweak-category:hover { transition: none; } /********************* * App Notifications * *********************/ /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .expander:not(:hover):not(:active) { color: alpha(currentColor, 0.75); } .expander:selected { color: #FFFFFF; } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } /************ * Calendar * ***********/ GtkCalendar { margin: 0.6em 0; padding: 0.4em 0.1em 0.2em; border: 1px solid rgba(0, 0, 0, 0.09); color: #263238; } GtkCalendar:selected { border: none; border-radius: 100px; color: #FFFFFF; background-color: transparent; background-image: -gtk-scaled(url("assets/calendar-day-selected.png"), url("assets/calendar-day-selected@2.png")); background-size: 2em 2em; background-position: center top; background-repeat: no-repeat; } GtkCalendar.header { border: 1px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.09); border-radius: 0; } GtkCalendar.button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: alpha(currentColor, 0.2); } GtkCalendar.button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } GtkCalendar.button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } GtkCalendar.button:insensitive { box-shadow: none; background-color: transparent; } GtkCalendar:inconsistent { color: alpha(currentColor, 0.2); } GtkCalendar.highlight { color: alpha(currentColor, 0.55); font-size: 90%; font-weight: 500; } /*********** * Dialogs * ***********/ messagedialog .titlebar { min-height: 20px; background-color: rgba(0, 0, 0); border-bottom: 1px solid rgba(212, 213, 219, 0.95); } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** * Sidebar * ***********/ .sidebar { border: none; color: rgba(38, 50, 56, 0.75); background-color: #FFFFFF; } .sidebar:dir(ltr), .sidebar .list:dir(ltr) { box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } .sidebar:dir(rtl), .sidebar .list:dir(rtl) { box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } .sidebar GtkTreeView.view, .sidebar .frame, .sidebar .list { background-color: transparent; } .sidebar GtkTreeView.view { box-shadow: none; } .sidebar .frame .list { box-shadow: none; } .sidebar .overshoot, .sidebar .undershoot { box-shadow: none; } GtkSidebarRow.list-row, GtkSidebarRow.tweak-category { padding: 0; color: rgba(38, 50, 56, 0.75); font-weight: 500; } GtkSidebarRow.list-row:hover, GtkSidebarRow.tweak-category:hover { color: #263238; } GtkSidebarRow.list-row:selected, GtkSidebarRow.tweak-category:selected { color: #E8E8E8; background-color: transparent; } GtkSidebarRow.list-row:backdrop, GtkSidebarRow.tweak-category:backdrop { opacity: 1.0; } GtkSidebarRow .sidebar-revealer { padding: 0.2em 1.1em 0.2em 1em; } GtkSidebarRow .sidebar-icon { opacity: 0.75; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 0.6em; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 0.6em; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 0.1em; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 0.1em; } GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label, GtkPlacesSidebar.sidebar .tweak-category:selected:insensitive .label { color: rgba(255, 255, 255, 0.4); } GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button { color: #4DD0E1; } GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button:hover, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button:hover, GtkPlacesSidebar.sidebar .list-row:selected .sidebar-button.button:active, GtkPlacesSidebar.sidebar .tweak-category:selected .sidebar-button.button:active { color: #E8E8E8; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #E8E8E8; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { color: #E8E8E8; } .sidebar-button.button.image-button { padding: 4px; color: rgba(38, 50, 56, 0.75); } .sidebar-button.button.image-button:hover, .sidebar-button.button.image-button:active, .sidebar-button.button.image-button:checked { color: #263238; } GtkPlacesSidebar.sidebar .has-open-popup { transition: none; } .sidebar-item { padding: 0.8em 0.6em; } .sidebar-item > .label { padding-left: 0.4em; padding-right: 0.4em; } GtkStackSidebar .sidebar-item { padding: 0.8em 0.6em; color: rgba(38, 50, 56, 0.75); font-weight: 500; } GtkStackSidebar .sidebar-item > .label { padding-left: 0.4em; padding-right: 0.4em; } GtkStackSidebar .sidebar-item:hover { color: #263238; } GtkStackSidebar .sidebar-item:selected { color: #E8E8E8; background-color: transparent; } GtkStackSidebar .sidebar-item:backdrop { opacity: 1.0; } GtkStackSidebar .frame .list { background-color: rgba(12, 18, 0, 0.01); } GtkStackSidebar .frame .list:dir(ltr) { box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } GtkStackSidebar .frame .list:dir(rtl) { box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } GtkStackSidebar .separator { -GtkWidget-wide-separators: true; } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: rgba(0, 0, 0, 0.09); } GtkPaned.wide { -GtkPaned-handle-size: 6; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: rgba(0, 0, 0, 0.09); border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } /************** * GtkInfoBar * **************/ GtkInfoBar, NautilusTrashBar { padding: 0.4em; border-width: 0 0 1px; border-style: solid; border-color: #E5E9EC; background-color: #FFFFFF; } .info, .question, .warning, .error { color: rgba(38, 50, 56, 0.75); } .info .button, .question .button, .warning .button, .error .button { color: rgba(38, 50, 56, 0.75); } .info .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { color: rgba(38, 50, 56, 0.3); } .info .button.flat, .info .button.osd.image-button, .info .inline-toolbar .button, .inline-toolbar .info .button, .info .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .info .button.image-button:not(.text-button), .info .action-bar .button, .action-bar .info .button, .info .action-bar .button.image-button:not(.text-button), .action-bar .info .button.image-button:not(.text-button), .info .app-notification .button, .app-notification .info .button, .info GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .info .button, .info .toolbar .button, .toolbar .info .button, .info .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .info .button:not(.suggested-action):not(.destructive-action), .info .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .info .button:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .info .button, .info .sidebar-button.button, .info .button, .info .question .button, .question .info .button, .info .warning .button, .warning .info .button, .info .error .button, .error .info .button, .info GtkScaleButton.button, .info GtkVolumeButton.button, .info GfCandidatePopup .button, GfCandidatePopup .info .button, .info GfCandidatePopup .button:first-child, GfCandidatePopup .info .button:first-child, .info GfCandidatePopup .button:last-child, GfCandidatePopup .info .button:last-child, .info GfCandidatePopup .linked > .button, GfCandidatePopup .info .linked > .button, .info MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:not(.flat):not(.titlebutton), .info .action-bar .linked > .button.image-button, .action-bar .info .linked > .button.image-button, .info NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .info .button.image-button, .question .button.flat, .question .button.osd.image-button, .question .inline-toolbar .button, .inline-toolbar .question .button, .question .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .question .button.image-button:not(.text-button), .question .action-bar .button, .action-bar .question .button, .question .action-bar .button.image-button:not(.text-button), .action-bar .question .button.image-button:not(.text-button), .question .app-notification .button, .app-notification .question .button, .question GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .question .button, .question .toolbar .button, .toolbar .question .button, .question .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .question .button:not(.suggested-action):not(.destructive-action), .question .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .question .button:not(.suggested-action):not(.destructive-action), .question .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .question .button, .question .sidebar-button.button, .question .info .button, .info .question .button, .question .button, .question .warning .button, .warning .question .button, .question .error .button, .error .question .button, .question GtkScaleButton.button, .question GtkVolumeButton.button, .question GfCandidatePopup .button, GfCandidatePopup .question .button, .question GfCandidatePopup .button:first-child, GfCandidatePopup .question .button:first-child, .question GfCandidatePopup .button:last-child, GfCandidatePopup .question .button:last-child, .question GfCandidatePopup .linked > .button, GfCandidatePopup .question .linked > .button, .question MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .question .button:not(.flat):not(.titlebutton), .question MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .question .button:not(.flat):not(.titlebutton), .question .action-bar .linked > .button.image-button, .action-bar .question .linked > .button.image-button, .question NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .question .button.image-button, .warning .button.flat, .warning .button.osd.image-button, .warning .inline-toolbar .button, .inline-toolbar .warning .button, .warning .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .warning .button.image-button:not(.text-button), .warning .action-bar .button, .action-bar .warning .button, .warning .action-bar .button.image-button:not(.text-button), .action-bar .warning .button.image-button:not(.text-button), .warning .app-notification .button, .app-notification .warning .button, .warning GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .warning .button, .warning .toolbar .button, .toolbar .warning .button, .warning .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .warning .button:not(.suggested-action):not(.destructive-action), .warning .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .warning .button:not(.suggested-action):not(.destructive-action), .warning .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .warning .button, .warning .sidebar-button.button, .warning .info .button, .info .warning .button, .warning .question .button, .question .warning .button, .warning .button, .warning .error .button, .error .warning .button, .warning GtkScaleButton.button, .warning GtkVolumeButton.button, .warning GfCandidatePopup .button, GfCandidatePopup .warning .button, .warning GfCandidatePopup .button:first-child, GfCandidatePopup .warning .button:first-child, .warning GfCandidatePopup .button:last-child, GfCandidatePopup .warning .button:last-child, .warning GfCandidatePopup .linked > .button, GfCandidatePopup .warning .linked > .button, .warning MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .warning .button:not(.flat):not(.titlebutton), .warning MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .warning .button:not(.flat):not(.titlebutton), .warning .action-bar .linked > .button.image-button, .action-bar .warning .linked > .button.image-button, .warning NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .warning .button.image-button, .error .button.flat, .error .button.osd.image-button, .error .inline-toolbar .button, .inline-toolbar .error .button, .error .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .error .button.image-button:not(.text-button), .error .action-bar .button, .action-bar .error .button, .error .action-bar .button.image-button:not(.text-button), .action-bar .error .button.image-button:not(.text-button), .error .app-notification .button, .app-notification .error .button, .error GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .error .button, .error .toolbar .button, .toolbar .error .button, .error .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .error .button:not(.suggested-action):not(.destructive-action), .error .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .error .button:not(.suggested-action):not(.destructive-action), .error .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .error .button, .error .sidebar-button.button, .error .info .button, .info .error .button, .error .question .button, .question .error .button, .error .warning .button, .warning .error .button, .error .button, .error GtkScaleButton.button, .error GtkVolumeButton.button, .error GfCandidatePopup .button, GfCandidatePopup .error .button, .error GfCandidatePopup .button:first-child, GfCandidatePopup .error .button:first-child, .error GfCandidatePopup .button:last-child, GfCandidatePopup .error .button:last-child, .error GfCandidatePopup .linked > .button, GfCandidatePopup .error .linked > .button, .error MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .error .button:not(.flat):not(.titlebutton), .error MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .error .button:not(.flat):not(.titlebutton), .error .action-bar .linked > .button.image-button, .action-bar .error .linked > .button.image-button, .error NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .error .button.image-button { color: rgba(38, 50, 56, 0.75); } .info .button.flat:hover, .info .button.osd.image-button:hover, .info .inline-toolbar .button:hover, .inline-toolbar .info .button:hover, .info .action-bar .button:hover, .action-bar .info .button:hover, .info .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .info .linked > .button.image-button:hover:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:hover:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:hover:not(.text-button), .info .app-notification .button:hover, .app-notification .info .button:hover, .info GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .info .button:hover, .info .toolbar .button:hover, .toolbar .info .button:hover, .info .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .info .button:hover:not(.suggested-action):not(.destructive-action), .info .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .info .button:hover:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .info .button:hover, .info .sidebar-button.button:hover, .info .button:hover, .info .question .button:hover, .question .info .button:hover, .info .warning .button:hover, .warning .info .button:hover, .info .error .button:hover, .error .info .button:hover, .info GtkScaleButton.button:hover, .info GtkVolumeButton.button:hover, .info GfCandidatePopup .button:hover, GfCandidatePopup .info .button:hover, .info GfCandidatePopup .button:hover:first-child, GfCandidatePopup .info .button:hover:first-child, .info GfCandidatePopup .button:hover:last-child, GfCandidatePopup .info .button:hover:last-child, .info GfCandidatePopup .linked > .button:hover, GfCandidatePopup .info .linked > .button:hover, .info MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:hover:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:hover:not(.flat):not(.titlebutton), .info .button.flat:active, .info .button.osd.image-button:active, .info .inline-toolbar .button:active, .inline-toolbar .info .button:active, .info .action-bar .button:active, .action-bar .info .button:active, .info .inline-toolbar .linked > .button.image-button:active:not(.text-button), .inline-toolbar .info .linked > .button.image-button:active:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:active:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:active:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:active:not(.text-button), .info .app-notification .button:active, .app-notification .info .button:active, .info GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .info .button:active, .info .toolbar .button:active, .toolbar .info .button:active, .info .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .info .button:active:not(.suggested-action):not(.destructive-action), .info .header-bar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .info .button:active:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .info .button:active, .info .sidebar-button.button:active, .info .button:active, .info .question .button:active, .question .info .button:active, .info .warning .button:active, .warning .info .button:active, .info .error .button:active, .error .info .button:active, .info GtkScaleButton.button:active, .info GtkVolumeButton.button:active, .info GfCandidatePopup .button:active, GfCandidatePopup .info .button:active, .info GfCandidatePopup .button:active:first-child, GfCandidatePopup .info .button:active:first-child, .info GfCandidatePopup .button:active:last-child, GfCandidatePopup .info .button:active:last-child, .info GfCandidatePopup .linked > .button:active, GfCandidatePopup .info .linked > .button:active, .info MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:active:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:active:not(.flat):not(.titlebutton), .question .button.flat:hover, .question .button.osd.image-button:hover, .question .inline-toolbar .button:hover, .inline-toolbar .question .button:hover, .question .action-bar .button:hover, .action-bar .question .button:hover, .question .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .question .linked > .button.image-button:hover:not(.text-button), .question .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .question .stack-switcher > .button.image-button:hover:not(.text-button), .question .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .question .stack-switcher > .button.image-button:hover:not(.text-button), .question .app-notification .button:hover, .app-notification .question .button:hover, .question GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .question .button:hover, .question .toolbar .button:hover, .toolbar .question .button:hover, .question .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .question .button:hover:not(.suggested-action):not(.destructive-action), .question .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .question .button:hover:not(.suggested-action):not(.destructive-action), .question .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .question .button:hover, .question .sidebar-button.button:hover, .question .info .button:hover, .info .question .button:hover, .question .button:hover, .question .warning .button:hover, .warning .question .button:hover, .question .error .button:hover, .error .question .button:hover, .question GtkScaleButton.button:hover, .question GtkVolumeButton.button:hover, .question GfCandidatePopup .button:hover, GfCandidatePopup .question .button:hover, .question GfCandidatePopup .button:hover:first-child, GfCandidatePopup .question .button:hover:first-child, .question GfCandidatePopup .button:hover:last-child, GfCandidatePopup .question .button:hover:last-child, .question GfCandidatePopup .linked > .button:hover, GfCandidatePopup .question .linked > .button:hover, .question MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .question .button:hover:not(.flat):not(.titlebutton), .question MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .question .button:hover:not(.flat):not(.titlebutton), .question .button.flat:active, .question .button.osd.image-button:active, .question .inline-toolbar .button:active, .inline-toolbar .question .button:active, .question .action-bar .button:active, .action-bar .question .button:active, .question .inline-toolbar .linked > .button.image-button:active:not(.text-button), .inline-toolbar .question .linked > .button.image-button:active:not(.text-button), .question .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .question .stack-switcher > .button.image-button:active:not(.text-button), .question .action-bar .stack-switcher > .button.image-button:active:not(.text-button), .action-bar .question .stack-switcher > .button.image-button:active:not(.text-button), .question .app-notification .button:active, .app-notification .question .button:active, .question GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .question .button:active, .question .toolbar .button:active, .toolbar .question .button:active, .question .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .question .button:active:not(.suggested-action):not(.destructive-action), .question .header-bar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .question .button:active:not(.suggested-action):not(.destructive-action), .question .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .question .button:active, .question .sidebar-button.button:active, .question .info .button:active, .info .question .button:active, .question .button:active, .question .warning .button:active, .warning .question .button:active, .question .error .button:active, .error .question .button:active, .question GtkScaleButton.button:active, .question GtkVolumeButton.button:active, .question GfCandidatePopup .button:active, GfCandidatePopup .question .button:active, .question GfCandidatePopup .button:active:first-child, GfCandidatePopup .question .button:active:first-child, .question GfCandidatePopup .button:active:last-child, GfCandidatePopup .question .button:active:last-child, .question GfCandidatePopup .linked > .button:active, GfCandidatePopup .question .linked > .button:active, .question MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .question .button:active:not(.flat):not(.titlebutton), .question MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .question .button:active:not(.flat):not(.titlebutton), .warning .button.flat:hover, .warning .button.osd.image-button:hover, .warning .inline-toolbar .button:hover, .inline-toolbar .warning .button:hover, .warning .action-bar .button:hover, .action-bar .warning .button:hover, .warning .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .warning .linked > .button.image-button:hover:not(.text-button), .warning .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .warning .stack-switcher > .button.image-button:hover:not(.text-button), .warning .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .warning .stack-switcher > .button.image-button:hover:not(.text-button), .warning .app-notification .button:hover, .app-notification .warning .button:hover, .warning GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .warning .button:hover, .warning .toolbar .button:hover, .toolbar .warning .button:hover, .warning .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .warning .button:hover:not(.suggested-action):not(.destructive-action), .warning .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .warning .button:hover:not(.suggested-action):not(.destructive-action), .warning .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .warning .button:hover, .warning .sidebar-button.button:hover, .warning .info .button:hover, .info .warning .button:hover, .warning .question .button:hover, .question .warning .button:hover, .warning .button:hover, .warning .error .button:hover, .error .warning .button:hover, .warning GtkScaleButton.button:hover, .warning GtkVolumeButton.button:hover, .warning GfCandidatePopup .button:hover, GfCandidatePopup .warning .button:hover, .warning GfCandidatePopup .button:hover:first-child, GfCandidatePopup .warning .button:hover:first-child, .warning GfCandidatePopup .button:hover:last-child, GfCandidatePopup .warning .button:hover:last-child, .warning GfCandidatePopup .linked > .button:hover, GfCandidatePopup .warning .linked > .button:hover, .warning MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .warning .button:hover:not(.flat):not(.titlebutton), .warning MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .warning .button:hover:not(.flat):not(.titlebutton), .warning .button.flat:active, .warning .button.osd.image-button:active, .warning .inline-toolbar .button:active, .inline-toolbar .warning .button:active, .warning .action-bar .button:active, .action-bar .warning .button:active, .warning .inline-toolbar .linked > .button.image-button:active:not(.text-button), .inline-toolbar .warning .linked > .button.image-button:active:not(.text-button), .warning .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .warning .stack-switcher > .button.image-button:active:not(.text-button), .warning .action-bar .stack-switcher > .button.image-button:active:not(.text-button), .action-bar .warning .stack-switcher > .button.image-button:active:not(.text-button), .warning .app-notification .button:active, .app-notification .warning .button:active, .warning GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .warning .button:active, .warning .toolbar .button:active, .toolbar .warning .button:active, .warning .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .warning .button:active:not(.suggested-action):not(.destructive-action), .warning .header-bar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .warning .button:active:not(.suggested-action):not(.destructive-action), .warning .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .warning .button:active, .warning .sidebar-button.button:active, .warning .info .button:active, .info .warning .button:active, .warning .question .button:active, .question .warning .button:active, .warning .button:active, .warning .error .button:active, .error .warning .button:active, .warning GtkScaleButton.button:active, .warning GtkVolumeButton.button:active, .warning GfCandidatePopup .button:active, GfCandidatePopup .warning .button:active, .warning GfCandidatePopup .button:active:first-child, GfCandidatePopup .warning .button:active:first-child, .warning GfCandidatePopup .button:active:last-child, GfCandidatePopup .warning .button:active:last-child, .warning GfCandidatePopup .linked > .button:active, GfCandidatePopup .warning .linked > .button:active, .warning MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .warning .button:active:not(.flat):not(.titlebutton), .warning MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .warning .button:active:not(.flat):not(.titlebutton), .error .button.flat:hover, .error .button.osd.image-button:hover, .error .inline-toolbar .button:hover, .inline-toolbar .error .button:hover, .error .action-bar .button:hover, .action-bar .error .button:hover, .error .inline-toolbar .linked > .button.image-button:hover:not(.text-button), .inline-toolbar .error .linked > .button.image-button:hover:not(.text-button), .error .inline-toolbar .stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .error .stack-switcher > .button.image-button:hover:not(.text-button), .error .action-bar .stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .error .stack-switcher > .button.image-button:hover:not(.text-button), .error .app-notification .button:hover, .app-notification .error .button:hover, .error GeditViewFrame .gedit-search-slider .button:hover, GeditViewFrame .gedit-search-slider .error .button:hover, .error .toolbar .button:hover, .toolbar .error .button:hover, .error .titlebar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .error .button:hover:not(.suggested-action):not(.destructive-action), .error .header-bar .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .error .button:hover:not(.suggested-action):not(.destructive-action), .error .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .error .button:hover, .error .sidebar-button.button:hover, .error .info .button:hover, .info .error .button:hover, .error .question .button:hover, .question .error .button:hover, .error .warning .button:hover, .warning .error .button:hover, .error .button:hover, .error GtkScaleButton.button:hover, .error GtkVolumeButton.button:hover, .error GfCandidatePopup .button:hover, GfCandidatePopup .error .button:hover, .error GfCandidatePopup .button:hover:first-child, GfCandidatePopup .error .button:hover:first-child, .error GfCandidatePopup .button:hover:last-child, GfCandidatePopup .error .button:hover:last-child, .error GfCandidatePopup .linked > .button:hover, GfCandidatePopup .error .linked > .button:hover, .error MathWindow :not(.titlebar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .error .button:hover:not(.flat):not(.titlebutton), .error MathWindow :not(.header-bar) .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .error .button:hover:not(.flat):not(.titlebutton), .error .button.flat:active, .error .button.osd.image-button:active, .error .inline-toolbar .button:active, .inline-toolbar .error .button:active, .error .action-bar .button:active, .action-bar .error .button:active, .error .inline-toolbar .linked > .button.image-button:active:not(.text-button), .inline-toolbar .error .linked > .button.image-button:active:not(.text-button), .error .inline-toolbar .stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .error .stack-switcher > .button.image-button:active:not(.text-button), .error .action-bar .stack-switcher > .button.image-button:active:not(.text-button), .action-bar .error .stack-switcher > .button.image-button:active:not(.text-button), .error .app-notification .button:active, .app-notification .error .button:active, .error GeditViewFrame .gedit-search-slider .button:active, GeditViewFrame .gedit-search-slider .error .button:active, .error .toolbar .button:active, .toolbar .error .button:active, .error .titlebar .button:active:not(.suggested-action):not(.destructive-action), .titlebar .error .button:active:not(.suggested-action):not(.destructive-action), .error .header-bar .button:active:not(.suggested-action):not(.destructive-action), .header-bar .error .button:active:not(.suggested-action):not(.destructive-action), .error .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .error .button:active, .error .sidebar-button.button:active, .error .info .button:active, .info .error .button:active, .error .question .button:active, .question .error .button:active, .error .warning .button:active, .warning .error .button:active, .error .button:active, .error GtkScaleButton.button:active, .error GtkVolumeButton.button:active, .error GfCandidatePopup .button:active, GfCandidatePopup .error .button:active, .error GfCandidatePopup .button:active:first-child, GfCandidatePopup .error .button:active:first-child, .error GfCandidatePopup .button:active:last-child, GfCandidatePopup .error .button:active:last-child, .error GfCandidatePopup .linked > .button:active, GfCandidatePopup .error .linked > .button:active, .error MathWindow :not(.titlebar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .error .button:active:not(.flat):not(.titlebutton), .error MathWindow :not(.header-bar) .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .error .button:active:not(.flat):not(.titlebutton) { color: #263238; } .info .button.flat:insensitive, .info .button.osd.image-button:insensitive, .info .inline-toolbar .button:insensitive, .inline-toolbar .info .button:insensitive, .info .action-bar .button:insensitive, .action-bar .info .button:insensitive, .info .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), .inline-toolbar .info .linked > .button.image-button:insensitive:not(.text-button), .info .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), .inline-toolbar .info .stack-switcher > .button.image-button:insensitive:not(.text-button), .info .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), .action-bar .info .stack-switcher > .button.image-button:insensitive:not(.text-button), .info .app-notification .button:insensitive, .app-notification .info .button:insensitive, .info GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .info .button:insensitive, .info .toolbar .button:insensitive, .toolbar .info .button:insensitive, .info .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .info .button:insensitive:not(.suggested-action):not(.destructive-action), .info .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .info .button:insensitive:not(.suggested-action):not(.destructive-action), .info .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .info .button:insensitive, .info .sidebar-button.button:insensitive, .info .button:insensitive, .info .question .button:insensitive, .question .info .button:insensitive, .info .warning .button:insensitive, .warning .info .button:insensitive, .info .error .button:insensitive, .error .info .button:insensitive, .info GtkScaleButton.button:insensitive, .info GtkVolumeButton.button:insensitive, .info GfCandidatePopup .button:insensitive, GfCandidatePopup .info .button:insensitive, .info GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .info .button:insensitive:first-child, .info GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .info .button:insensitive:last-child, .info GfCandidatePopup .linked > .button:insensitive, GfCandidatePopup .info .linked > .button:insensitive, .info MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .info .button:insensitive:not(.flat):not(.titlebutton), .info MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .info .button:insensitive:not(.flat):not(.titlebutton), .question .button.flat:insensitive, .question .button.osd.image-button:insensitive, .question .inline-toolbar .button:insensitive, .inline-toolbar .question .button:insensitive, .question .action-bar .button:insensitive, .action-bar .question .button:insensitive, .question .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), .inline-toolbar .question .linked > .button.image-button:insensitive:not(.text-button), .question .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), .inline-toolbar .question .stack-switcher > .button.image-button:insensitive:not(.text-button), .question .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), .action-bar .question .stack-switcher > .button.image-button:insensitive:not(.text-button), .question .app-notification .button:insensitive, .app-notification .question .button:insensitive, .question GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .question .button:insensitive, .question .toolbar .button:insensitive, .toolbar .question .button:insensitive, .question .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .question .button:insensitive:not(.suggested-action):not(.destructive-action), .question .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .question .button:insensitive:not(.suggested-action):not(.destructive-action), .question .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .question .button:insensitive, .question .sidebar-button.button:insensitive, .question .info .button:insensitive, .info .question .button:insensitive, .question .button:insensitive, .question .warning .button:insensitive, .warning .question .button:insensitive, .question .error .button:insensitive, .error .question .button:insensitive, .question GtkScaleButton.button:insensitive, .question GtkVolumeButton.button:insensitive, .question GfCandidatePopup .button:insensitive, GfCandidatePopup .question .button:insensitive, .question GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .question .button:insensitive:first-child, .question GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .question .button:insensitive:last-child, .question GfCandidatePopup .linked > .button:insensitive, GfCandidatePopup .question .linked > .button:insensitive, .question MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .question .button:insensitive:not(.flat):not(.titlebutton), .question MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .question .button:insensitive:not(.flat):not(.titlebutton), .warning .button.flat:insensitive, .warning .button.osd.image-button:insensitive, .warning .inline-toolbar .button:insensitive, .inline-toolbar .warning .button:insensitive, .warning .action-bar .button:insensitive, .action-bar .warning .button:insensitive, .warning .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), .inline-toolbar .warning .linked > .button.image-button:insensitive:not(.text-button), .warning .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), .inline-toolbar .warning .stack-switcher > .button.image-button:insensitive:not(.text-button), .warning .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), .action-bar .warning .stack-switcher > .button.image-button:insensitive:not(.text-button), .warning .app-notification .button:insensitive, .app-notification .warning .button:insensitive, .warning GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .warning .button:insensitive, .warning .toolbar .button:insensitive, .toolbar .warning .button:insensitive, .warning .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .warning .button:insensitive:not(.suggested-action):not(.destructive-action), .warning .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .warning .button:insensitive:not(.suggested-action):not(.destructive-action), .warning .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .warning .button:insensitive, .warning .sidebar-button.button:insensitive, .warning .info .button:insensitive, .info .warning .button:insensitive, .warning .question .button:insensitive, .question .warning .button:insensitive, .warning .button:insensitive, .warning .error .button:insensitive, .error .warning .button:insensitive, .warning GtkScaleButton.button:insensitive, .warning GtkVolumeButton.button:insensitive, .warning GfCandidatePopup .button:insensitive, GfCandidatePopup .warning .button:insensitive, .warning GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .warning .button:insensitive:first-child, .warning GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .warning .button:insensitive:last-child, .warning GfCandidatePopup .linked > .button:insensitive, GfCandidatePopup .warning .linked > .button:insensitive, .warning MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .warning .button:insensitive:not(.flat):not(.titlebutton), .warning MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .warning .button:insensitive:not(.flat):not(.titlebutton), .error .button.flat:insensitive, .error .button.osd.image-button:insensitive, .error .inline-toolbar .button:insensitive, .inline-toolbar .error .button:insensitive, .error .action-bar .button:insensitive, .action-bar .error .button:insensitive, .error .inline-toolbar .linked > .button.image-button:insensitive:not(.text-button), .inline-toolbar .error .linked > .button.image-button:insensitive:not(.text-button), .error .inline-toolbar .stack-switcher > .button.image-button:insensitive:not(.text-button), .inline-toolbar .error .stack-switcher > .button.image-button:insensitive:not(.text-button), .error .action-bar .stack-switcher > .button.image-button:insensitive:not(.text-button), .action-bar .error .stack-switcher > .button.image-button:insensitive:not(.text-button), .error .app-notification .button:insensitive, .app-notification .error .button:insensitive, .error GeditViewFrame .gedit-search-slider .button:insensitive, GeditViewFrame .gedit-search-slider .error .button:insensitive, .error .toolbar .button:insensitive, .toolbar .error .button:insensitive, .error .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .error .button:insensitive:not(.suggested-action):not(.destructive-action), .error .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .error .button:insensitive:not(.suggested-action):not(.destructive-action), .error .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .error .button:insensitive, .error .sidebar-button.button:insensitive, .error .info .button:insensitive, .info .error .button:insensitive, .error .question .button:insensitive, .question .error .button:insensitive, .error .warning .button:insensitive, .warning .error .button:insensitive, .error .button:insensitive, .error GtkScaleButton.button:insensitive, .error GtkVolumeButton.button:insensitive, .error GfCandidatePopup .button:insensitive, GfCandidatePopup .error .button:insensitive, .error GfCandidatePopup .button:insensitive:first-child, GfCandidatePopup .error .button:insensitive:first-child, .error GfCandidatePopup .button:insensitive:last-child, GfCandidatePopup .error .button:insensitive:last-child, .error GfCandidatePopup .linked > .button:insensitive, GfCandidatePopup .error .linked > .button:insensitive, .error MathWindow :not(.titlebar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .error .button:insensitive:not(.flat):not(.titlebutton), .error MathWindow :not(.header-bar) .button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .error .button:insensitive:not(.flat):not(.titlebutton) { color: rgba(38, 50, 56, 0.3); } .info .label:selected, .info .label:selected:focus, .info .label:selected:hover, .question .label:selected, .question .label:selected:focus, .question .label:selected:hover, .warning .label:selected, .warning .label:selected:focus, .warning .label:selected:hover, .error .label:selected, .error .label:selected:focus, .error .label:selected:hover { background-color: #008fa1; } .info GtkProgressBar.trough, .question GtkProgressBar.trough, .warning GtkProgressBar.trough, .error GtkProgressBar.trough { background-color: rgba(255, 255, 255, 0.2); } .info .progressbar, .question .progressbar, .warning .progressbar, .error .progressbar { background-color: #FFFFFF; } .info { background-color: #00E5FF; } .question { background-color: #FFEA00; } .warning { background-color: #FF9100; } .error { color: #FFFFFF; background-color: #FF1744; } /************ * Tooltips * ************/ .tooltip { color: #ECEFF1; padding: 0.2em; border-radius: 2px; box-shadow: none; } .tooltip.background { background-color: rgba(42, 55, 62, 0.9); } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 0.2em; background-color: transparent; color: inherit; } /***************** * Color Chooser * *****************/ GtkColorSwatch { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } GtkColorSwatch.top { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child:not(.overlay) { border-radius: 2px; } GtkColorSwatch.top > .overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } GtkColorSwatch.bottom > .overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:first-child:not(.top) > .overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } GtkColorSwatch:last-child:not(.bottom) > .overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } GtkColorSwatch:only-child > .overlay { border-radius: 2px; } GtkColorSwatch:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } GtkColorEditor GtkColorSwatch { border-radius: 2px; } GtkColorEditor GtkColorSwatch:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } GtkColorSwatch.color-dark { color: #FFFFFF; } GtkColorSwatch.color-light { color: rgba(0, 0, 0, 0.8); } GtkColorSwatch#add-color-button { background-image: linear-gradient(to right, #FF1744 25%, #FF9100 25%, #FF9100 50%, #00E5FF 50%, #00E5FF 75%, #FFEA00 75%); color: #FFFFFF; } /******** * Misc * ********/ .content-view { background-color: #FFFFFF; } .osd .scale-popup .vertical .button, .scale-popup .vertical .button { border-radius: 100px; outline-radius: 100px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .osd .scale-popup .vertical .button:first-child:hover, .scale-popup .vertical .button:first-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #00E676; } .osd .scale-popup .vertical .button:first-child:insensitive, .scale-popup .vertical .button:first-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: alpha(#00E676, 0.4); } .osd .scale-popup .vertical .button:last-child:hover, .scale-popup .vertical .button:last-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #F44336; } .osd .scale-popup .vertical .button:last-child:insensitive, .scale-popup .vertical .button:last-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: alpha(#F44336, 0.4); } .osd .scale-popup .button, .scale-popup .button { border-radius: 100px; outline-radius: 100px; background-color: transparent; color: rgba(38, 50, 56, 0.75); } .osd .scale-popup .button:first-child:hover, .scale-popup .button:first-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #F44336; } .osd .scale-popup .button:first-child:insensitive, .scale-popup .button:first-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: alpha(#F44336, 0.4); } .osd .scale-popup .button:last-child:hover, .scale-popup .button:last-child:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); background: none; color: #00E676; } .osd .scale-popup .button:last-child:insensitive, .scale-popup .button:last-child:insensitive { box-shadow: none; background-color: transparent; background: none; color: alpha(#00E676, 0.4); } GtkScaleButton.button, GtkVolumeButton.button { border-radius: 100px; outline-radius: 100px; } GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button { border-radius: 2px; outline-radius: 2px; } .floating-bar { padding: 0.1em 0 0.2em; border: 1px solid transparent; border-radius: 0; color: #BBBBBB; background-color: #FFFFFF; transition: none; } .floating-bar .button { padding: 0.3em; margin: 0 0.3em; color: #E8E8E8; } .floating-bar .button:hover, .floating-bar .button:active, .floating-bar .button:checked { color: #E8E8E8; } .floating-bar .button:insensitive { color: #E8E8E8; } .floating-bar.bottom.left { border-width: 1px 1px 0 0; border-radius: 0 3px 0 0; } .floating-bar.bottom.right { border-width: 1px 0 0 1px; border-radius: 3px 0 0 0; } /********************** * Window Decorations * *********************/ .window-frame { transition: none; border-radius: 2px 2px 0 0; box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); margin: 8px; } .window-frame:backdrop { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .window-frame.maximized, .window-frame.tiled { border-radius: 0; transition: none; } .window-frame.maximized.ssd .titlebar, .window-frame.tiled.ssd .titlebar { box-shadow: none; } .window-frame.popup { box-shadow: none; } .window-frame.ssd { box-shadow: 0 0 0 1px transparent; } .window-frame.ssd .titlebar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } .window-frame.ssd .tiled .titlebar { transition: none; } .window-frame.ssd .maximized .titlebar { transition: none; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .window-frame.csd.message-dialog { border-radius: 2px; box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } .window-frame.csd.message-dialog:backdrop { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .window-frame.solid-csd { border-radius: 2px 2px 0 0; margin: -1px; background-color: #FFFFFF; border: none; box-shadow: none; } .csd .header-bar .button.titlebutton.close:hover:backdrop, .csd .header-bar .button.titlebutton.close:active:backdrop, .csd .header-bar .button.titlebutton.minimize:hover:backdrop, .csd .header-bar .button.titlebutton.minimize:active:backdrop, .csd .header-bar .button.titlebutton.maximize:hover:backdrop, .csd .header-bar .button.titlebutton.maximize:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.close:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.close:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.minimize:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.minimize:active:backdrop, .csd .header-bar.selection-mode .button.titlebutton.maximize:hover:backdrop, .csd .header-bar.selection-mode .button.titlebutton.maximize:active:backdrop, .csd .titlebar .button.titlebutton.close:hover:backdrop, .csd .titlebar .button.titlebutton.close:active:backdrop, .csd .titlebar .button.titlebutton.minimize:hover:backdrop, .csd .titlebar .button.titlebutton.minimize:active:backdrop, .csd .titlebar .button.titlebutton.maximize:hover:backdrop, .csd .titlebar .button.titlebutton.maximize:active:backdrop, .csd .titlebar.selection-mode .button.titlebutton.close:hover:backdrop, .csd .titlebar.selection-mode .button.titlebutton.close:active:backdrop, .csd .titlebar.selection-mode .button.titlebutton.minimize:hover:backdrop, .csd .titlebar.selection-mode .button.titlebutton.minimize:active:backdrop, .csd .titlebar.selection-mode .button.titlebutton.maximize:hover:backdrop, .csd .titlebar.selection-mode .button.titlebutton.maximize:active:backdrop { opacity: 1.0; } .csd .header-bar .button.titlebutton.close > GtkImage, .csd .header-bar .button.titlebutton.minimize > GtkImage, .csd .header-bar .button.titlebutton.maximize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, .csd .titlebar .button.titlebutton.close > GtkImage, .csd .titlebar .button.titlebutton.minimize > GtkImage, .csd .titlebar .button.titlebutton.maximize > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.close > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.minimize > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { color: transparent; background-size: 16px 16px; background-repeat: no-repeat; background-position: center; } .csd .header-bar .button.titlebutton.close > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close > GtkImage, .csd .titlebar .button.titlebutton.close > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.close > GtkImage { background-image: -gtk-scaled(url("assets/window-close.png"), url("assets/window-close@2.png")); } .csd .header-bar .button.titlebutton.close:hover, .csd .header-bar.selection-mode .button.titlebutton.close:hover, .csd .titlebar .button.titlebutton.close:hover, .csd .titlebar.selection-mode .button.titlebutton.close:hover { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: #263238; color: #FFFFFF; background-color: #FF5252; } .csd .header-bar .button.titlebutton.close:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close:hover > GtkImage, .csd .titlebar .button.titlebutton.close:hover > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.close:hover > GtkImage { background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } .csd .header-bar .button.titlebutton.close:active, .csd .header-bar.selection-mode .button.titlebutton.close:active, .csd .titlebar .button.titlebutton.close:active, .csd .titlebar.selection-mode .button.titlebutton.close:active { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.07); color: #263238; transition-duration: 0; animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; color: #FFFFFF; background-color: #E8E8E8; } .csd .header-bar .button.titlebutton.close:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.close:active > GtkImage, .csd .titlebar .button.titlebutton.close:active > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.close:active > GtkImage { background-image: -gtk-scaled(url("assets/window-close-active.png"), url("assets/window-close-active@2.png")); } .csd .header-bar .button.titlebutton.minimize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize > GtkImage, .csd .titlebar .button.titlebutton.minimize > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.minimize > GtkImage { background-image: -gtk-scaled(url("assets/window-minimize.png"), url("assets/window-minimize@2.png")); } .csd .header-bar .button.titlebutton.minimize:hover > GtkImage, .csd .header-bar .button.titlebutton.minimize:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.minimize:active > GtkImage, .csd .titlebar .button.titlebutton.minimize:hover > GtkImage, .csd .titlebar .button.titlebutton.minimize:active > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.minimize:hover > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.minimize:active > GtkImage { background-image: -gtk-scaled(url("assets/window-minimize-active.png"), url("assets/window-minimize-active@2.png")); } .csd .header-bar .button.titlebutton.maximize > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, .csd .titlebar .button.titlebutton.maximize > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { background-image: -gtk-scaled(url("assets/window-maximize.png"), url("assets/window-maximize@2.png")); } .csd .header-bar .button.titlebutton.maximize:hover > GtkImage, .csd .header-bar .button.titlebutton.maximize:active > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .csd .header-bar.selection-mode .button.titlebutton.maximize:active > GtkImage, .csd .titlebar .button.titlebutton.maximize:hover > GtkImage, .csd .titlebar .button.titlebutton.maximize:active > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .csd .titlebar.selection-mode .button.titlebutton.maximize:active > GtkImage { background-image: -gtk-scaled(url("assets/window-maximize-active.png"), url("assets/window-maximize-active@2.png")); } .maximized.csd .header-bar .button.titlebutton.maximize > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize > GtkImage, .maximized.csd .titlebar .button.titlebutton.maximize > GtkImage, .maximized.csd .titlebar.selection-mode .button.titlebutton.maximize > GtkImage { background-image: -gtk-scaled(url("assets/window-unmaximize.png"), url("assets/window-unmaximize@2.png")); } .maximized.csd .header-bar .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .header-bar .button.titlebutton.maximize:active > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .header-bar.selection-mode .button.titlebutton.maximize:active > GtkImage, .maximized.csd .titlebar .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .titlebar .button.titlebutton.maximize:active > GtkImage, .maximized.csd .titlebar.selection-mode .button.titlebutton.maximize:hover > GtkImage, .maximized.csd .titlebar.selection-mode .button.titlebutton.maximize:active > GtkImage { background-image: -gtk-scaled(url("assets/window-unmaximize-active.png"), url("assets/window-unmaximize-active@2.png")); } .ssd .titlebar .button.titlebutton { padding: 6px; } .ssd .titlebar .button.titlebutton.close, .ssd .titlebar .button.titlebutton.minimize, .ssd .titlebar .button.titlebutton.maximize { color: transparent; background-size: 28px 28px; background-repeat: no-repeat; background-position: center; background: none; box-shadow: none; } .ssd .titlebar .button.titlebutton.close:backdrop, .ssd .titlebar .button.titlebutton.close:hover:backdrop, .ssd .titlebar .button.titlebutton.close:active:backdrop, .ssd .titlebar .button.titlebutton.minimize:backdrop, .ssd .titlebar .button.titlebutton.minimize:hover:backdrop, .ssd .titlebar .button.titlebutton.minimize:active:backdrop, .ssd .titlebar .button.titlebutton.maximize:backdrop, .ssd .titlebar .button.titlebutton.maximize:hover:backdrop, .ssd .titlebar .button.titlebutton.maximize:active:backdrop { color: transparent; } .ssd .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/window-close-ssd.png"), url("assets/window-close-ssd@2.png")); box-shadow: none; } .ssd .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/window-close-ssd-hover.png"), url("assets/window-close-ssd-hover@2.png")); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .ssd .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/window-close-ssd-active.png"), url("assets/window-close-ssd-active@2.png")); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .ssd .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop.png"), url("assets/window-close-ssd-backdrop@2.png")); box-shadow: none; } .ssd .titlebar .button.titlebutton.close:backdrop:hover { background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-hover.png"), url("assets/window-close-ssd-backdrop-hover@2.png")); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .ssd .titlebar .button.titlebutton.close:backdrop:active { background-image: -gtk-scaled(url("assets/window-close-ssd-backdrop-active.png"), url("assets/window-close-ssd-backdrop-active@2.png")); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .ssd .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/window-minimize-ssd.png"), url("assets/window-minimize-ssd@2.png")); } .ssd .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/window-minimize-ssd-hover.png"), url("assets/window-minimize-ssd-hover@2.png")); } .ssd .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/window-minimize-ssd-active.png"), url("assets/window-minimize-ssd-active@2.png")); } .ssd .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop.png"), url("assets/window-minimize-ssd-backdrop@2.png")); } .ssd .titlebar .button.titlebutton.minimize:backdrop:hover { background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-hover.png"), url("assets/window-minimize-ssd-backdrop-hover@2.png")); } .ssd .titlebar .button.titlebutton.minimize:backdrop:active { background-image: -gtk-scaled(url("assets/window-minimize-ssd-backdrop-active.png"), url("assets/window-minimize-ssd-backdrop-active@2.png")); } .ssd .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/window-maximize-ssd.png"), url("assets/window-maximize-ssd@2.png")); } .ssd .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/window-maximize-ssd-hover.png"), url("assets/window-maximize-ssd-hover@2.png")); } .ssd .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/window-maximize-ssd-active.png"), url("assets/window-maximize-ssd-active@2.png")); } .ssd .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop.png"), url("assets/window-maximize-ssd-backdrop@2.png")); } .ssd .titlebar .button.titlebutton.maximize:backdrop:hover { background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-hover.png"), url("assets/window-maximize-ssd-backdrop-hover@2.png")); } .ssd .titlebar .button.titlebutton.maximize:backdrop:active { background-image: -gtk-scaled(url("assets/window-maximize-ssd-backdrop-active.png"), url("assets/window-maximize-ssd-backdrop-active@2.png")); } .maximized.ssd .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/window-unmaximize-ssd.png"), url("assets/window-unmaximize-ssd@2.png")); } .maximized.ssd .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-hover.png"), url("assets/window-unmaximize-ssd-hover@2.png")); } .maximized.ssd .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-active.png"), url("assets/window-unmaximize-ssd-active@2.png")); } .maximized.ssd .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop.png"), url("assets/window-unmaximize-ssd-backdrop@2.png")); } .maximized.ssd .titlebar .button.titlebutton.maximize:backdrop:hover { background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-hover.png"), url("assets/window-unmaximize-ssd-backdrop-hover@2.png")); } .maximized.ssd .titlebar .button.titlebutton.maximize:backdrop:active { background-image: -gtk-scaled(url("assets/window-unmaximize-ssd-backdrop-active.png"), url("assets/window-unmaximize-ssd-backdrop-active@2.png")); } .view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, GtkTreeView .entry.flat:focus:selected, GtkTreeView .linked > .entry:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:focus:selected, .menuitem.button.flat:selected, .menuitem.button.osd.image-button:selected, .inline-toolbar .menuitem.button:selected, .action-bar .menuitem.button:selected, .inline-toolbar .linked > .menuitem.button.image-button:selected:not(.text-button), .inline-toolbar .stack-switcher > .menuitem.button.image-button:selected:not(.text-button), .action-bar .stack-switcher > .menuitem.button.image-button:selected:not(.text-button), .app-notification .menuitem.button:selected, GeditViewFrame .gedit-search-slider .menuitem.button:selected, .toolbar .menuitem.button:selected, .titlebar .menuitem.button:selected:not(.suggested-action):not(.destructive-action), .header-bar .menuitem.button:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:selected, .menuitem.sidebar-button.button:selected, .info .menuitem.button:selected, .question .menuitem.button:selected, .warning .menuitem.button:selected, .error .menuitem.button:selected, GtkScaleButton.menuitem.button:selected, GtkVolumeButton.menuitem.button:selected, GfCandidatePopup .menuitem.button:selected, GfCandidatePopup .menuitem.button:selected:first-child, GfCandidatePopup .menuitem.button:selected:last-child, GfCandidatePopup .linked > .menuitem.button:selected, MathWindow :not(.titlebar) .menuitem.button:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:focus:selected, GtkTreeView.view:selected, GtkTreeView.view .list-row:selected, GtkTreeView.view .tweak-category:selected, GtkPaned GtkTreeView.view:selected, GtkPaned GtkTreeView.view .list-row:selected, GtkPaned GtkTreeView.view .tweak-category:selected, .list-row:selected, .tweak-category:selected, .sidebar GtkTreeView.view:selected, .sidebar GtkTreeView.view .list-row:selected, .sidebar GtkTreeView.view .tweak-category:selected, GdMainView .view:hover:selected, GdMainView .view:selected, GdMainView .view.list-row.activatable:hover:selected, GdMainView column-header .view.button:hover:selected, column-header GdMainView .view.button:hover:selected, GdMainView .view.activatable.tweak-category:hover:selected, GdMainView .view.list-row.activatable:selected, GdMainView column-header .view.button:selected, column-header GdMainView .view.button:selected, GdMainView .view.activatable.tweak-category:selected, .side-panel .view:hover:selected, .side-panel .view:selected, .side-panel .view.list-row.activatable:hover:selected, .side-panel column-header .view.button:hover:selected, column-header .side-panel .view.button:hover:selected, .side-panel .view.activatable.tweak-category:hover:selected, .side-panel .view.list-row.activatable:selected, .side-panel column-header .view.button:selected, column-header .side-panel .view.button:selected, .side-panel .view.activatable.tweak-category:selected { background-color: #E8E8E8; color: #FFFFFF; } .view:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, GtkTreeView .entry.flat:insensitive:focus:selected, GtkTreeView .linked > .entry:insensitive:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:insensitive:focus:selected, .menuitem.button.flat:insensitive:selected, .menuitem.button.osd.image-button:insensitive:selected, .inline-toolbar .menuitem.button:insensitive:selected, .action-bar .menuitem.button:insensitive:selected, .app-notification .menuitem.button:insensitive:selected, GeditViewFrame .gedit-search-slider .menuitem.button:insensitive:selected, .toolbar .menuitem.button:insensitive:selected, .titlebar .menuitem.button:insensitive:selected:not(.suggested-action):not(.destructive-action), .header-bar .menuitem.button:insensitive:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .info .menuitem.button:insensitive:selected, .question .menuitem.button:insensitive:selected, .warning .menuitem.button:insensitive:selected, .error .menuitem.button:insensitive:selected, GtkScaleButton.menuitem.button:insensitive:selected, GtkVolumeButton.menuitem.button:insensitive:selected, GfCandidatePopup .menuitem.button:insensitive:selected, MathWindow :not(.titlebar) .menuitem.button:insensitive:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:insensitive:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:insensitive:focus:selected, GtkTreeView.view .list-row:insensitive:selected, GtkTreeView.view .tweak-category:insensitive:selected, .list-row:insensitive:selected, .tweak-category:insensitive:selected, .sidebar GtkTreeView.view:insensitive:selected, GdMainView column-header .view.button:insensitive:hover:selected, column-header GdMainView .view.button:insensitive:hover:selected, GdMainView .view.list-row.activatable:insensitive:selected, GdMainView column-header .view.button:insensitive:selected, column-header GdMainView .view.button:insensitive:selected, GdMainView .view.activatable.tweak-category:insensitive:selected, .side-panel column-header .view.button:insensitive:hover:selected, column-header .side-panel .view.button:insensitive:hover:selected, .side-panel .view.list-row.activatable:insensitive:selected, .side-panel column-header .view.button:insensitive:selected, column-header .side-panel .view.button:insensitive:selected, .side-panel .view.activatable.tweak-category:insensitive:selected { color: rgba(255, 255, 255, 0.4); } .view:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, GtkTreeView .entry.flat:backdrop:insensitive:focus:selected, GtkTreeView .linked > .entry:backdrop:insensitive:focus:selected:not(.flat), GtkTreeView .notebook:not(.reorderable-page) > .entry:backdrop:insensitive:focus:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.button.osd.image-button:backdrop:insensitive:selected, .inline-toolbar .menuitem.button:backdrop:insensitive:selected, .action-bar .menuitem.button:backdrop:insensitive:selected, .app-notification .menuitem.button:backdrop:insensitive:selected, GeditViewFrame .gedit-search-slider .menuitem.button:backdrop:insensitive:selected, .toolbar .menuitem.button:backdrop:insensitive:selected, .titlebar .menuitem.button:backdrop:insensitive:selected:not(.suggested-action):not(.destructive-action), .header-bar .menuitem.button:backdrop:insensitive:selected:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .menuitem.button:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .info .menuitem.button:backdrop:insensitive:selected, .question .menuitem.button:backdrop:insensitive:selected, .warning .menuitem.button:backdrop:insensitive:selected, .error .menuitem.button:backdrop:insensitive:selected, GtkScaleButton.menuitem.button:backdrop:insensitive:selected, GtkVolumeButton.menuitem.button:backdrop:insensitive:selected, GfCandidatePopup .menuitem.button:backdrop:insensitive:selected, MathWindow :not(.titlebar) .menuitem.button:backdrop:insensitive:selected:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .menuitem.button:backdrop:insensitive:selected:not(.flat):not(.titlebutton), GtkTreeView .spinbutton.entry:backdrop:insensitive:focus:selected, .list-row:backdrop:insensitive:selected, .tweak-category:backdrop:insensitive:selected, .sidebar GtkTreeView.view .list-row:backdrop:insensitive:selected, .sidebar GtkTreeView.view .tweak-category:backdrop:insensitive:selected { color: rgba(255, 255, 255, 0.4); } .monospace { font-family: Monospace; } /********************** * Touch Copy & Paste * *********************/ .entry.cursor-handle, .cursor-handle { border-style: none; background-color: #E8E8E8; background-image: none; box-shadow: none; } .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), .cursor-handle.top:dir(ltr), .cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 0.8em; } .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), .cursor-handle.bottom:dir(ltr), .cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 0.8em; } .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), .cursor-handle.insertion-cursor:dir(ltr), .cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), .cursor-handle.top:hover:dir(ltr), .cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 0.8em; } .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), .cursor-handle.bottom:hover:dir(ltr), .cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 0.8em; } .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), .cursor-handle.insertion-cursor:hover:dir(ltr), .cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), .cursor-handle.top:active:dir(ltr), .cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 0.8em; } .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), .cursor-handle.bottom:active:dir(ltr), .cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 0.8em; } .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), .cursor-handle.insertion-cursor:active:dir(ltr), .cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } .context-menu { font: initial; } .touch-selection { font: initial; color: #263238; background-color: #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .touch-selection:backdrop { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16); } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(77, 208, 225, 0.2)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); padding-top: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background: transparent; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); padding-bottom: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); padding-left: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background: transparent; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.94)); padding-right: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } GtkBox > GtkScrlledWindow .undershoot.top { background: transparent; background-image: linear-gradient(to top, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); padding-top: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } GtkBox > GtkScrlledWindow .undershoot.bottom { background: transparent; background-image: linear-gradient(to bottom, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); padding-bottom: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } GtkBox > GtkScrlledWindow .undershoot.left { background: transparent; background-image: linear-gradient(to left, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); padding-left: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } GtkBox > GtkScrlledWindow .undershoot.right { background: transparent; background-image: linear-gradient(to right, rgba(250, 251, 252, 0.01), rgba(250, 251, 252, 0.04), rgba(250, 251, 252, 0.2), rgba(250, 251, 252, 0.44), rgba(250, 251, 252, 0.94)); padding-right: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .sidebar .undershoot.top { background: transparent; background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-top: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .sidebar .undershoot.bottom { background: transparent; background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-bottom: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .sidebar .undershoot.left { background: transparent; background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-left: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .sidebar .undershoot.right { background: transparent; background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-right: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } /*************** * Gnome panel * ***************/ PanelWidget, PanelApplet, PanelToplevel { color: #BBBBBB; background-color: #FFFFFF; box-shadow: none; } PanelSeparator { border-width: 0; background: none; background-image: none; } .gnome-panel-menu-bar, PanelMenuButton, PanelApplet > GtkMenuBar.menubar, ClockBox { color: #BBBBBB; background-color: transparent; box-shadow: none; font-weight: 700; } .gnome-panel-menu-bar .label:backdrop, .gnome-panel-menu-bar:backdrop, PanelMenuButton .label:backdrop, PanelMenuButton:backdrop, PanelApplet > GtkMenuBar.menubar .label:backdrop, PanelApplet > GtkMenuBar.menubar:backdrop, ClockBox .label:backdrop, ClockBox:backdrop { opacity: 1.0; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar { box-shadow: none; } .gnome-panel-menu-bar .menuitem, PanelApplet > GtkMenuBar.menubar .menuitem { color: #BBBBBB; background-color: transparent; } .gnome-panel-menu-bar .menuitem:hover, PanelApplet > GtkMenuBar.menubar .menuitem:hover { color: #FFFFFF; box-shadow: inset 0 -2px #E8E8E8; } .gnome-panel-menu-bar .menuitem:backdrop, PanelApplet > GtkMenuBar.menubar .menuitem:backdrop { opacity: 1.0; } .gnome-panel-menu-bar .menu, PanelApplet > GtkMenuBar.menubar .menu { font: regular; } .gnome-panel-menu-bar .menu .menuitem, PanelApplet > GtkMenuBar.menubar .menu .menuitem { color: rgba(38, 50, 56, 0.75); background-color: #FFFFFF; } .gnome-panel-menu-bar .menu .menuitem:hover, PanelApplet > GtkMenuBar.menubar .menu .menuitem:hover { color: #263238; background-color: alpha(currentColor, 0.1); box-shadow: none; } .gnome-panel-menu-bar .menu .menuitem:backdrop, PanelApplet > GtkMenuBar.menubar .menu .menuitem:backdrop { opacity: 1.0; } .gnome-panel-menu-bar .menu .separator, PanelApplet > GtkMenuBar.menubar .menu .separator { color: rgba(0, 0, 0, 0.09); } PanelAppletFrame { border-width: 0; background-color: transparent; background-image: none; } PanelApplet GtkButton#tasklist-button, PanelApplet GtkButton#clock-applet-button, PanelApplet GtkButton#showdesktop-button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); padding: 0px 4px; color: #BBBBBB; background-color: transparent; border: none; border-radius: 0; } PanelApplet GtkButton#tasklist-button:hover, PanelApplet GtkButton#clock-applet-button:hover, PanelApplet GtkButton#showdesktop-button:hover { color: #FFFFFF; background-color: transparent; box-shadow: inset 0 -2px alpha(currentColor, 0.2); } PanelApplet GtkButton#tasklist-button:checked, PanelApplet GtkButton#tasklist-button:hover:checked, PanelApplet GtkButton#tasklist-button:insensitive:checked, PanelApplet GtkButton#clock-applet-button:checked, PanelApplet GtkButton#clock-applet-button:hover:checked, PanelApplet GtkButton#clock-applet-button:insensitive:checked, PanelApplet GtkButton#showdesktop-button:checked, PanelApplet GtkButton#showdesktop-button:hover:checked, PanelApplet GtkButton#showdesktop-button:insensitive:checked { color: #FFFFFF; background-color: transparent; box-shadow: inset 0 -2px #E8E8E8; } PanelApplet GtkButton#tasklist-button .label:backdrop, PanelApplet GtkButton#tasklist-button:backdrop, PanelApplet GtkButton#clock-applet-button .label:backdrop, PanelApplet GtkButton#clock-applet-button:backdrop, PanelApplet GtkButton#showdesktop-button .label:backdrop, PanelApplet GtkButton#showdesktop-button:backdrop { opacity: 1.0; } TaskList TaskItem { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); padding: 0px 4px; color: #BBBBBB; background-color: transparent; border: none; border-radius: 0; } TaskList TaskItem:hover { color: #FFFFFF; background-color: transparent; box-shadow: inset 0 -2px alpha(currentColor, 0.2); } TaskList TaskItem:checked, TaskList TaskItem:hover:checked, TaskList TaskItem:insensitive:checked { color: #FFFFFF; background-color: transparent; box-shadow: inset 0 -2px #E8E8E8; } TaskList TaskItem .label:backdrop, TaskList TaskItem:backdrop { opacity: 1.0; } WpTaskTitle { background-color: transparent; } WpTaskTitle .label { color: #BBBBBB; } WnckPager:selected { box-shadow: inset 0 -2px #E8E8E8; } WnckPager:backdrop { opacity: 1.0; } NaTrayApplet { -NaTrayApplet-icon-padding: 2; -NaTrayApplet-icon-size: 16; } /************** * Tweak-tool * **************/ .tweak-categories.list { background-color: #FFFFFF; color: rgba(38, 50, 56, 0.75); } .tweak-categories.list:dir(ltr) { box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } .tweak-categories.list:dir(rtl) { box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } .tweak-categories.list .separator { -GtkWidget-wide-separators: true; } .tweak-category { color: rgba(38, 50, 56, 0.75); font-weight: 500; } .tweak-category:hover { color: #263238; } .tweak-category:selected { color: #E8E8E8; background-color: transparent; } .tweak-group { padding: 6px; background-color: #FFFFFF; } .tweak { background-color: #FFFFFF; } .tweak:hover { background-color: transparent; } .tweak-group-white, .tweak-white { background-color: #FFFFFF; } /******************* * Gnome-Flashback * *******************/ FlashbackOsdWindow, GfPopupWindow { border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.09); opacity: 0.9; } FlashbackOsdWindow.background, GfPopupWindow.background { background-color: #FFFFFF; color: #ECEFF1; } GfInputSourcePopup #input-source { color: #ECEFF1; font-size: 2em; font-weight: 700; } GfInputSourcePopup #input-source:selected { border-radius: 2px; background-color: alpha(currentColor, 0.2); color: #E8E8E8; } FlashbackLabelWindow { font-size: 4em; } GfCandidatePopup, GfCandidatePopup.solid { border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.09); color: #ECEFF1; } GfCandidatePopup GfCandidateBox { transition: none; } GfCandidatePopup GfCandidateBox .label { padding: 0.2em 0.2em 0.3em; } GfCandidatePopup GfCandidateBox:last-child { padding-left: 0; } GfCandidatePopup GfCandidateBox:hover, GfCandidatePopup GfCandidateBox:selected { border-radius: 0; background-color: alpha(currentColor, 0.2); color: #FFFFFF; } GfCandidatePopup .button, GfCandidatePopup .button:first-child, GfCandidatePopup .button:last-child, GfCandidatePopup .linked > .button, GfCandidatePopup .linked > .button:first-child, GfCandidatePopup .linked > .button:last-child { border-radius: 0; border: none; background-color: transparent; color: #E8E8E8; box-shadow: none; } /************ * Nautilus * ************/ EelEditableLabel.entry { transition: none; } .nautilus-desktop-window, .nautilus-desktop-window .notebook, .nautilus-desktop-window .notebook > GtkStack { background: transparent; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: #FFFFFF; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-circular-button { border-radius: 100px; outline-radius: 100px; } .disk-space-display { border: 0 none transparent; } .disk-space-display.free { background-color: alpha(currentColor, 0.2); color: rgba(38, 50, 56, 0.3); } .disk-space-display.used { background-color: #E8E8E8; } .disk-space-display.unknown { background-color: #FF9800; } /********* * Geary * *********/ .geary-titlebar-left .separator { opacity: 0; } .geary-titlebar-right { box-shadow: none; } /************ * Epiphany * ************/ EphyWindow .floating-bar { color: rgba(38, 50, 56, 0.75); } EphyWindow .search-bar .linked > .button { padding: 0.7em 1em 0.8em; } EphyWindow .search-bar .button.flat.close.raised, EphyWindow .search-bar .close.raised.button.osd.image-button, EphyWindow .search-bar .inline-toolbar .close.raised.button, .inline-toolbar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .action-bar .close.raised.button, .action-bar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .app-notification .close.raised.button, .app-notification EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GeditViewFrame .gedit-search-slider .close.raised.button, GeditViewFrame .gedit-search-slider EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .toolbar .close.raised.button, .toolbar EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .titlebar .close.raised.button:not(.suggested-action):not(.destructive-action), .titlebar EphyWindow .search-bar .close.raised.button:not(.suggested-action):not(.destructive-action), EphyWindow .search-bar .header-bar .close.raised.button:not(.suggested-action):not(.destructive-action), .header-bar EphyWindow .search-bar .close.raised.button:not(.suggested-action):not(.destructive-action), EphyWindow .search-bar .message-dialog.csd .dialog-action-area .close.raised.button, .message-dialog.csd .dialog-action-area EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .close.raised.sidebar-button.button, EphyWindow .search-bar .info .close.raised.button, .info EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .question .close.raised.button, .question EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .warning .close.raised.button, .warning EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar .error .close.raised.button, .error EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GtkScaleButton.close.raised.button, EphyWindow .search-bar GtkVolumeButton.close.raised.button, EphyWindow .search-bar GfCandidatePopup .close.raised.button, GfCandidatePopup EphyWindow .search-bar .close.raised.button, EphyWindow .search-bar GfCandidatePopup .close.raised.button:first-child, GfCandidatePopup EphyWindow .search-bar .close.raised.button:first-child, EphyWindow .search-bar GfCandidatePopup .close.raised.button:last-child, GfCandidatePopup EphyWindow .search-bar .close.raised.button:last-child, EphyWindow .search-bar GfCandidatePopup .linked > .close.raised.button, GfCandidatePopup EphyWindow .search-bar .linked > .close.raised.button, EphyWindow .search-bar MathWindow :not(.titlebar) .close.raised.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) EphyWindow .search-bar .close.raised.button:not(.flat):not(.titlebutton), EphyWindow .search-bar MathWindow :not(.header-bar) .close.raised.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) EphyWindow .search-bar .close.raised.button:not(.flat):not(.titlebutton) { padding: 0.75em; border-radius: 100px; outline-radius: 100px; } /************ * Seahorse * ************/ SeahorseKeyManager .sidebar, SeahorseKeyManager .sidebar:backdrop, SeahorseKeyManager .pane-separator, SeahorseKeyManager .pane-separator:backdrop { border-width: 0; border-style: none; border-color: transparent; } /********** * Polari * **********/ .polari-input-area { border-top: 1px solid rgba(0, 0, 0, 0.09); box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .polari-room-list .list-row, .polari-room-list .tweak-category { font-weight: 700; } .polari-room-list .list-row:not(:hover):not(:active):not(:selected) .label, .polari-room-list .tweak-category:not(:hover):not(:active):not(:selected) .label, .polari-room-list .list-row:not(:hover):not(:active):not(:selected) GtkImage, .polari-room-list .tweak-category:not(:hover):not(:active):not(:selected) GtkImage { opacity: 1.0; } .polari-room-list .list-row.inactive:not(:hover):not(:active):not(:selected) .label, .polari-room-list .inactive.tweak-category:not(:hover):not(:active):not(:selected) .label, .polari-room-list .list-row.inactive:not(:hover):not(:active):not(:selected) GtkImage, .polari-room-list .inactive.tweak-category:not(:hover):not(:active):not(:selected) GtkImage { opacity: 0.65; } .polari-nick-entry { border-image: none; font-weight: 700; } GtkBox > .header-bar > .label.polari-titlebar-separator { border: none; opacity: 0; } /************* * RhythmBox * *************/ .inline-toolbar.toolbar.horizontal.sidebar-toolbar { box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset -2px 0 2px -2px rgba(0, 0, 0, 0.03), inset -3px 0 3px -2px rgba(0, 0, 0, 0.03); } .inline-toolbar.toolbar.horizontal.sidebar-toolbar:dir(rtl) { box-shadow: inset 0 1px #E5E9EC, inset 0 2px 2px rgba(0, 0, 0, 0.05), inset 2px 0 2px -2px rgba(0, 0, 0, 0.03), inset 3px 0 3px -2px rgba(0, 0, 0, 0.03); } .sidebar-paned GtkStack RBDisplayPageTree .sidebar { background-color: rgba(12, 18, 0, 0.01); } GtkBox.vertical > GtkBox.vertical > .toolbar { box-shadow: none; } /************** * Calculator * **************/ MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton) { padding: 0.75em 1em 0.75em; border: 0.75em solid transparent; border-radius: 2px; font-weight: 700; } MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton) { color: transparent; font-size: 0; } MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton), .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.07); background-color: #FFFFFF; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); color: rgba(38, 50, 56, 0.75); border-style: none; border-radius: 100px; background-color: transparent; background-image: -gtk-scaled(url("assets/equal.png"), url("assets/equal@2.png")); background-size: 32px; background-repeat: no-repeat; background-position: center; box-shadow: none; transition-duration: 0.2s; animation: none; } MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:hover, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:hover, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):hover { border-style: none; border-radius: 100px; background-color: transparent; background-image: -gtk-scaled(url("assets/equal-hover.png"), url("assets/equal-hover@2.png")); background-size: 32px; background-repeat: no-repeat; background-position: center; box-shadow: none; transition-duration: 0.2s; animation: none; } MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:active, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:active, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):active, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):active { border-style: none; border-radius: 100px; background-color: transparent; background-image: -gtk-scaled(url("assets/equal-active.png"), url("assets/equal-active@2.png")); background-size: 32px; background-repeat: no-repeat; background-position: center; box-shadow: none; transition-duration: 0.2s; animation: none; } MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton).suggested-action:insensitive, MathWindow :not(.titlebar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, .raven MathWindow :not(.titlebar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton).suggested-action:insensitive, MathWindow :not(.header-bar) .raven .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive, .raven MathWindow :not(.header-bar) .raven-header > .button.text-button:not(.flat):not(.titlebutton):insensitive { border-style: none; border-radius: 100px; background-color: transparent; background-image: -gtk-scaled(url("assets/equal-insensitive.png"), url("assets/equal-insensitive@2.png")); background-size: 32px; background-repeat: no-repeat; background-position: center; box-shadow: none; transition-duration: 0.2s; animation: none; } /********* * Gedit * *********/ GeditViewFrame .gedit-search-slider { padding: 3px; border-radius: 2px; border-width: 9px; border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; color: #ECEFF1; opacity: 0.9; } GeditViewFrame .gedit-search-slider .entry, GeditViewFrame .gedit-search-slider .entry.error, GeditViewFrame .gedit-search-slider .entry.warning, GeditViewFrame .gedit-search-slider .linked > .entry, GeditViewFrame .gedit-search-slider .linked > .entry.error, GeditViewFrame .gedit-search-slider .linked > .entry.warning { color: #ECEFF1; } GeditViewFrame .gedit-search-slider .entry:focus, GeditViewFrame .gedit-search-slider .entry.error:focus, GeditViewFrame .gedit-search-slider .entry.warning:focus, GeditViewFrame .gedit-search-slider .linked > .entry:focus, GeditViewFrame .gedit-search-slider .linked > .entry.error:focus, GeditViewFrame .gedit-search-slider .linked > .entry.warning:focus { color: #FFFFFF; } GeditViewFrame .gedit-search-slider .entry:insensitive, GeditViewFrame .gedit-search-slider .entry.error:insensitive, GeditViewFrame .gedit-search-slider .entry.warning:insensitive, GeditViewFrame .gedit-search-slider .linked > .entry:insensitive, GeditViewFrame .gedit-search-slider .linked > .entry.error:insensitive, GeditViewFrame .gedit-search-slider .linked > .entry.warning:insensitive { color: rgba(236, 239, 241, 0.3); } .gedit-titlebar-left .button.flat, .gedit-titlebar-left .button.osd.image-button, .gedit-titlebar-left .inline-toolbar .button, .inline-toolbar .gedit-titlebar-left .button, .gedit-titlebar-left .inline-toolbar .button.image-button:not(.text-button), .inline-toolbar .gedit-titlebar-left .button.image-button:not(.text-button), .gedit-titlebar-left .action-bar .button, .action-bar .gedit-titlebar-left .button, .gedit-titlebar-left .action-bar .button.image-button:not(.text-button), .action-bar .gedit-titlebar-left .button.image-button:not(.text-button), .gedit-titlebar-left .app-notification .button, .app-notification .gedit-titlebar-left .button, .gedit-titlebar-left GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .gedit-titlebar-left .button, .gedit-titlebar-left .toolbar .button, .toolbar .gedit-titlebar-left .button, .gedit-titlebar-left .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .gedit-titlebar-left .button:not(.suggested-action):not(.destructive-action), .gedit-titlebar-left .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .gedit-titlebar-left .button:not(.suggested-action):not(.destructive-action), .gedit-titlebar-left .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .gedit-titlebar-left .button, .gedit-titlebar-left .sidebar-button.button, .gedit-titlebar-left .info .button, .info .gedit-titlebar-left .button, .gedit-titlebar-left .question .button, .question .gedit-titlebar-left .button, .gedit-titlebar-left .warning .button, .warning .gedit-titlebar-left .button, .gedit-titlebar-left .error .button, .error .gedit-titlebar-left .button, .gedit-titlebar-left GtkScaleButton.button, .gedit-titlebar-left GtkVolumeButton.button, .gedit-titlebar-left GfCandidatePopup .button, GfCandidatePopup .gedit-titlebar-left .button, .gedit-titlebar-left GfCandidatePopup .button:first-child, GfCandidatePopup .gedit-titlebar-left .button:first-child, .gedit-titlebar-left GfCandidatePopup .button:last-child, GfCandidatePopup .gedit-titlebar-left .button:last-child, .gedit-titlebar-left GfCandidatePopup .linked > .button, GfCandidatePopup .gedit-titlebar-left .linked > .button, .gedit-titlebar-left MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .gedit-titlebar-left .button:not(.flat):not(.titlebutton), .gedit-titlebar-left MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .gedit-titlebar-left .button:not(.flat):not(.titlebutton), .gedit-titlebar-left .action-bar .linked > .button.image-button, .action-bar .gedit-titlebar-left .linked > .button.image-button, .gedit-titlebar-left NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .gedit-titlebar-left .button.image-button { border-radius: 2px; outline-radius: 2px; } GeditViewHolder GtkScrolledWindow .undershoot.top, GeditViewHolder GtkScrolledWindow .undershoot.bottom, GeditViewHolder GtkScrolledWindow .undershoot.left, GeditViewHolder GtkScrolledWindow .undershoot.right { background-image: none; } /*********** * Builder * ***********/ GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook, GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid rgba(0, 0, 0, 0.09); background-color: transparent; } GbWorkspacePane GtkStackSwitcher .button { padding: 1em; } GbWorkspacePane .pane-separator { background-color: #E5E9EC; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSourceStyleSchemeWidget GtkSourceView, GtkEntry.gb-command-bar-entry { font-family: Monospace; } GbTerminalView > GtkPaned > GtkScrolledWindow, GbTerminalView > GtkPaned > GtkScrolledWindow > VteTerminal { font-family: Monospace; font-weight: 500; font-size: 1em; } GbTerminalView { background-color: #FFFFFF; color: #ECEFF1; } GbSearchDisplayGroup GtkListBox .list-row, GbSearchDisplayGroup GtkListBox .tweak-category { transition: none; } GbEditorFrame GtkScrolledWindow .undershoot.top, GbEditorFrame GtkScrolledWindow .undershoot.bottom, GbEditorFrame GtkScrolledWindow .undershoot.left, GbEditorFrame GtkScrolledWindow .undershoot.right { background-image: none; } /*************** * Gnome-music * ***************/ GdMainView:dir(ltr), .side-panel:dir(ltr) { border-right: 1px solid rgba(0, 0, 0, 0.09); } GdMainView:dir(rtl), .side-panel:dir(rtl) { border-left: 1px solid rgba(0, 0, 0, 0.09); } GdMainView .view, .side-panel .view { background-color: #FFFFFF; box-shadow: none; } GdMainView .view, GdMainView .view.list-row.activatable, GdMainView .view, GdMainView column-header .view.button, column-header GdMainView .view.button, GdMainView .view.activatable.tweak-category, .side-panel .view, .side-panel .view.list-row.activatable, .side-panel .view, .side-panel column-header .view.button, column-header .side-panel .view.button, .side-panel .view.activatable.tweak-category { padding: 0; background-color: transparent; color: rgba(38, 50, 56, 0.75); font-weight: 500; box-shadow: none; } GdMainView .view:hover, GdMainView .view.list-row.activatable:hover, GdMainView .view:hover, GdMainView column-header .view.button:hover, column-header GdMainView .view.button:hover, GdMainView .view.activatable.tweak-category:hover, .side-panel .view:hover, .side-panel .view.list-row.activatable:hover, .side-panel .view:hover, .side-panel column-header .view.button:hover, column-header .side-panel .view.button:hover, .side-panel .view.activatable.tweak-category:hover { color: #263238; } .action-bar { box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); padding: 0.4em; } .action-bar, .action-bar.frame { background-color: #FFFFFF; } .action-bar .button, .action-bar .linked > .button.image-button { border-radius: 100px; outline-radius: 100px; box-shadow: none; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; color: rgba(38, 50, 56, 0.75); } .action-bar .button:hover, .action-bar .linked > .button.image-button:hover { box-shadow: none; border-image: none; color: #263238; } .action-bar .button:checked, .action-bar .linked > .button.image-button:checked { box-shadow: none; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; background-color: transparent; color: #263238; } .action-bar .button:checked:insensitive, .action-bar .linked > .button.image-button:checked:insensitive { box-shadow: none; background-color: transparent; color: rgba(38, 50, 56, 0.3); border-image: none; } .action-bar .button:checked:insensitive > .label, .action-bar .linked > .button.image-button:checked:insensitive > .label { color: inherit; } .action-bar .button:insensitive, .action-bar .linked > .button.image-button:insensitive { box-shadow: none; background-color: transparent; color: rgba(38, 50, 56, 0.225); border-image: none; } /****************** * Gnome-contacts * ******************/ ContactsWindow ContactsListPane ContactsView:dir(ltr) { box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05); } ContactsWindow ContactsListPane ContactsView:dir(rtl) { box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05); } ContactsWindow ContactsListPane ContactsView .list-row.activatable, ContactsWindow ContactsListPane ContactsView .view, ContactsWindow ContactsListPane ContactsView column-header .button, column-header ContactsWindow ContactsListPane ContactsView .button, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category { color: rgba(38, 50, 56, 0.75); background-color: rgba(12, 18, 0, 0.01); } ContactsWindow ContactsListPane ContactsView .list-row.activatable:hover, ContactsWindow ContactsListPane ContactsView .view:hover, ContactsWindow ContactsListPane ContactsView column-header .button:hover, column-header ContactsWindow ContactsListPane ContactsView .button:hover, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:hover { color: #263238; } ContactsWindow ContactsListPane ContactsView .list-row.activatable:selected, ContactsWindow ContactsListPane ContactsView .view:selected, ContactsWindow ContactsListPane ContactsView column-header .button:selected, column-header ContactsWindow ContactsListPane ContactsView .button:selected, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:selected { color: #E8E8E8; background-color: rgba(12, 18, 0, 0.01); } ContactsWindow ContactsListPane ContactsView .list-row.activatable:backdrop, ContactsWindow ContactsListPane ContactsView .view:backdrop, ContactsWindow ContactsListPane ContactsView column-header .button:backdrop, column-header ContactsWindow ContactsListPane ContactsView .button:backdrop, ContactsWindow ContactsListPane ContactsView .activatable.tweak-category:backdrop { opacity: 1.0; } ContactsWindow ContactsListPane ContactsView .separator { -GtkWidget-wide-separators: true; } ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.top { background: transparent; background-image: linear-gradient(to top, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-top: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.bottom { background: transparent; background-image: linear-gradient(to bottom, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-bottom: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.left { background: transparent; background-image: linear-gradient(to left, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-left: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.right { background: transparent; background-image: linear-gradient(to right, rgba(247, 249, 249, 0.01), rgba(247, 249, 249, 0.04), rgba(247, 249, 249, 0.2), rgba(247, 249, 249, 0.44), rgba(247, 249, 249, 0.94)); padding-right: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } /****************** * Gnome-Terminal * ******************/ TerminalScreen, TerminalWindow.background { background-color: #FFFFFF; color: #FFFFFF; } TerminalWindow .scrollbar .slider { background-color: rgba(236, 239, 241, 0.275); } TerminalWindow .scrollbar .slider:hover { background-color: rgba(236, 239, 241, 0.4125); } TerminalWindow .scrollbar .slider:active { background-color: #ECEFF1; } TerminalWindow .scrollbar .slider:insensitive { opacity: 0.4; } TerminalWindow .scrollbar .trough { background-color: transparent; border: 1px none transparent; } /********** * Evince * **********/ EvAnnotationWindow { padding: 0.4em; } EvAnnotationWindow GtkBox > GtkLabel { color: #263238; font-weight: 700; } EvAnnotationWindow GtkBox > GtkBox > .button.flat, EvAnnotationWindow GtkBox > GtkBox > .button.osd.image-button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox > .button.image-button:not(.text-button), EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.linked > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.linked > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button:not(.text-button), EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.stack-switcher > .button, .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button, EvAnnotationWindow .inline-toolbar GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), .inline-toolbar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), EvAnnotationWindow .action-bar GtkBox > GtkBox.stack-switcher > .button, .action-bar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button, EvAnnotationWindow .action-bar GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), .action-bar EvAnnotationWindow GtkBox > GtkBox.stack-switcher > .button.image-button:not(.text-button), EvAnnotationWindow .osd .toolbar GtkBox > GtkBox > .button, .osd .toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .toolbar.osd GtkBox > GtkBox > .button, .toolbar.osd EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .app-notification GtkBox > GtkBox > .button, .app-notification EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .app-notification.frame GtkBox > GtkBox > .button, .app-notification.frame EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GeditViewFrame .gedit-search-slider GtkBox > GtkBox > .button, GeditViewFrame .gedit-search-slider EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .toolbar GtkBox > GtkBox > .button, .toolbar EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .titlebar GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), .titlebar EvAnnotationWindow GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), EvAnnotationWindow .header-bar GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), .header-bar EvAnnotationWindow GtkBox > GtkBox > .button:not(.suggested-action):not(.destructive-action), EvAnnotationWindow .message-dialog.csd .dialog-action-area GtkBox > GtkBox > .button, .message-dialog.csd .dialog-action-area EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .message-dialog.csd .dialog-action-area GtkBox > GtkBox.linked > .button, .message-dialog.csd .dialog-action-area EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow GtkBox > GtkBox > .sidebar-button.button, EvAnnotationWindow .info GtkBox > GtkBox > .button, .info EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .question GtkBox > GtkBox > .button, .question EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .warning GtkBox > GtkBox > .button, .warning EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow .error GtkBox > GtkBox > .button, .error EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GtkBox > GtkBox > GtkScaleButton.button, EvAnnotationWindow GtkBox > GtkBox > GtkVolumeButton.button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button:first-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button:first-child, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox > .button:last-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox > .button:last-child, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button:first-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button:first-child, EvAnnotationWindow GfCandidatePopup GtkBox > GtkBox.linked > .button:last-child, GfCandidatePopup EvAnnotationWindow GtkBox > GtkBox.linked > .button:last-child, EvAnnotationWindow MathWindow :not(.titlebar) GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) EvAnnotationWindow GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), EvAnnotationWindow MathWindow :not(.header-bar) GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) EvAnnotationWindow GtkBox > GtkBox > .button:not(.flat):not(.titlebutton), EvAnnotationWindow .action-bar GtkBox > GtkBox.linked > .button.image-button, .action-bar EvAnnotationWindow GtkBox > GtkBox.linked > .button.image-button, EvAnnotationWindow NemoWindow GtkGrid > GtkEventBox > .toolbar GtkBox > GtkBox > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar EvAnnotationWindow GtkBox > GtkBox > .button.image-button { padding: 1em; border: none; border-radius: 100px; outline-radius: 100px; color: #263238; } /****************** * Budgie Desktop * ******************/ @keyframes budgie_ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0.2)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0.2)); } } .budgie-container { background-color: transparent; } .budgie-panel { background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .top .budgie-panel { border-top: 2px solid #FFFFFF; } .bottom .budgie-panel { border-bottom: 2px solid #FFFFFF; } .left .budgie-panel { border-left: 2px solid #FFFFFF; } .right .budgie-panel { border-right: 2px solid #FFFFFF; } .budgie-panel .alert { color: #E8E8E8; } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } .top .raven-frame { padding: 0; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.09); background: none; } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } .bottom .raven-frame { padding: 0; border: none; border-top: 1px solid rgba(0, 0, 0, 0.09); background: none; } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } .left .raven-frame { padding: 0; border: none; border-right: 1px solid rgba(0, 0, 0, 0.09); background: none; } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, alpha(#000000, 0.23), alpha(#000000, 0.08), transparent); } .right .raven-frame { padding: 0; border: none; border-left: 1px solid rgba(0, 0, 0, 0.09); background: none; } .budgie-panel WnckTasklist .button, .budgie-panel WnckTasklist .button:backdrop { border: none; background: none; opacity: 0.5; } .budgie-panel WnckTasklist .button:hover, .budgie-panel WnckTasklist .button:active, .budgie-panel WnckTasklist .button:checked, .budgie-panel WnckTasklist .button:backdrop:hover, .budgie-panel WnckTasklist .button:backdrop:active, .budgie-panel WnckTasklist .button:backdrop:checked { opacity: 1.0; } .budgie-panel .launcher { border: 2px solid transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(#ECEFF1, 0)), to(transparent)), linear-gradient(to bottom, alpha(#ECEFF1, 0)); background-size: 7.5em 7.5em, auto; background-position: center center; opacity: 0.5; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: opacity, border-color, background-color, background-image, box-shadow; transition-duration: 0.2s; } .budgie-panel .launcher:hover { opacity: 0.75; -gtk-image-effect: highlight; } .budgie-panel .launcher:active { opacity: 1.0; transition-duration: 0; animation: budgie_ripple_effect 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } .budgie-panel .launcher:checked { opacity: 1.0; } .budgie-panel .launcher:checked:hover { -gtk-image-effect: highlight; } .budgie-panel .unpinned .launcher, .budgie-panel .pinned .launcher.running { opacity: 1.0; } .budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover { -gtk-image-effect: highlight; } .top .budgie-panel WnckTasklist .button { border: 2px solid transparent; } .top .budgie-panel WnckTasklist .button:hover { border-top: 2px solid alpha(#ECEFF1, 0.4); } .top .budgie-panel WnckTasklist .button:active, .top .budgie-panel WnckTasklist .button:checked { border-top: 2px solid #E8E8E8; } .top .budgie-panel .launcher { border: 2px solid transparent; } .top .budgie-panel .launcher:hover { border-top: 2px solid alpha(#ECEFF1, 0.4); } .top .budgie-panel .launcher:active, .top .budgie-panel .launcher:checked { border-top: 2px solid #E8E8E8; } .bottom .budgie-panel WnckTasklist .button { border: 2px solid transparent; } .bottom .budgie-panel WnckTasklist .button:hover { border-bottom: 2px solid alpha(#ECEFF1, 0.4); } .bottom .budgie-panel WnckTasklist .button:active, .bottom .budgie-panel WnckTasklist .button:checked { border-bottom: 2px solid #E8E8E8; } .bottom .budgie-panel .launcher { border: 2px solid transparent; } .bottom .budgie-panel .launcher:hover { border-bottom: 2px solid alpha(#ECEFF1, 0.4); } .bottom .budgie-panel .launcher:active, .bottom .budgie-panel .launcher:checked { border-bottom: 2px solid #E8E8E8; } .left .budgie-panel WnckTasklist .button { border: 2px solid transparent; } .left .budgie-panel WnckTasklist .button:hover { border-left: 2px solid alpha(#ECEFF1, 0.4); } .left .budgie-panel WnckTasklist .button:active, .left .budgie-panel WnckTasklist .button:checked { border-left: 2px solid #E8E8E8; } .left .budgie-panel .launcher { border: 2px solid transparent; } .left .budgie-panel .launcher:hover { border-left: 2px solid alpha(#ECEFF1, 0.4); } .left .budgie-panel .launcher:active, .left .budgie-panel .launcher:checked { border-left: 2px solid #E8E8E8; } .right .budgie-panel WnckTasklist .button { border: 2px solid transparent; } .right .budgie-panel WnckTasklist .button:hover { border-right: 2px solid alpha(#ECEFF1, 0.4); } .right .budgie-panel WnckTasklist .button:active, .right .budgie-panel WnckTasklist .button:checked { border-right: 2px solid #E8E8E8; } .right .budgie-panel .launcher { border: 2px solid transparent; } .right .budgie-panel .launcher:hover { border-right: 2px solid alpha(#ECEFF1, 0.4); } .right .budgie-panel .launcher:active, .right .budgie-panel .launcher:checked { border-right: 2px solid #E8E8E8; } .top .budgie-panel .unpinned .launcher, .top .budgie-panel .pinned .launcher.running { border: 2px solid transparent; border-image: -gtk-scaled(url("assets/running-dot-top.png"), url("assets/running-dot-top@2.png")) 2/2px; } .top .budgie-panel .unpinned .launcher:hover, .top .budgie-panel .unpinned .launcher:active, .top .budgie-panel .unpinned .launcher:checked, .top .budgie-panel .pinned .launcher.running:hover, .top .budgie-panel .pinned .launcher.running:active, .top .budgie-panel .pinned .launcher.running:checked { border-top: 2px solid #E8E8E8; border-image: none; } .bottom .budgie-panel .unpinned .launcher, .bottom .budgie-panel .pinned .launcher.running { border: 2px solid transparent; border-image: -gtk-scaled(url("assets/running-dot-bottom.png"), url("assets/running-dot-bottom@2.png")) 2/2px; } .bottom .budgie-panel .unpinned .launcher:hover, .bottom .budgie-panel .unpinned .launcher:active, .bottom .budgie-panel .unpinned .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:hover, .bottom .budgie-panel .pinned .launcher.running:active, .bottom .budgie-panel .pinned .launcher.running:checked { border-bottom: 2px solid #E8E8E8; border-image: none; } .left .budgie-panel .unpinned .launcher, .left .budgie-panel .pinned .launcher.running { border: 2px solid transparent; border-image: -gtk-scaled(url("assets/running-dot-left.png"), url("assets/running-dot-left@2.png")) 2/2px; } .left .budgie-panel .unpinned .launcher:hover, .left .budgie-panel .unpinned .launcher:active, .left .budgie-panel .unpinned .launcher:checked, .left .budgie-panel .pinned .launcher.running:hover, .left .budgie-panel .pinned .launcher.running:active, .left .budgie-panel .pinned .launcher.running:checked { border-left: 2px solid #E8E8E8; border-image: none; } .right .budgie-panel .unpinned .launcher, .right .budgie-panel .pinned .launcher.running { border: 2px solid transparent; border-image: -gtk-scaled(url("assets/running-dot-right.png"), url("assets/running-dot-right@2.png")) 2/2px; } .right .budgie-panel .unpinned .launcher:hover, .right .budgie-panel .unpinned .launcher:active, .right .budgie-panel .unpinned .launcher:checked, .right .budgie-panel .pinned .launcher.running:hover, .right .budgie-panel .pinned .launcher.running:active, .right .budgie-panel .pinned .launcher.running:checked { border-right: 2px solid #E8E8E8; border-image: none; } .budgie-panel ShowDesktopApplet > .button.flat, .budgie-panel ShowDesktopApplet > .button.osd.image-button, .budgie-panel .inline-toolbar ShowDesktopApplet > .button, .inline-toolbar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .inline-toolbar ShowDesktopApplet > .button.image-button:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet > .button.image-button:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet > .button, .action-bar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .action-bar ShowDesktopApplet > .button.image-button:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet > .button.image-button:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button, .app-notification .budgie-panel ShowDesktopApplet > .button, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button, .budgie-panel .toolbar ShowDesktopApplet > .button, .toolbar .budgie-panel ShowDesktopApplet > .button, .budgie-panel .titlebar ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .budgie-panel .header-bar ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .header-bar .budgie-panel ShowDesktopApplet > .button:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button, .budgie-panel ShowDesktopApplet > .sidebar-button.button, .budgie-panel .info ShowDesktopApplet > .button, .info .budgie-panel ShowDesktopApplet > .button, .budgie-panel .question ShowDesktopApplet > .button, .question .budgie-panel ShowDesktopApplet > .button, .budgie-panel .warning ShowDesktopApplet > .button, .warning .budgie-panel ShowDesktopApplet > .button, .budgie-panel .error ShowDesktopApplet > .button, .error .budgie-panel ShowDesktopApplet > .button, .budgie-panel ShowDesktopApplet > GtkScaleButton.button, .budgie-panel ShowDesktopApplet > GtkVolumeButton.button, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:last-child, .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button, GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:not(.flat):not(.titlebutton), .budgie-panel .action-bar ShowDesktopApplet.linked > .button.image-button, .action-bar .budgie-panel ShowDesktopApplet.linked > .button.image-button, .budgie-panel NemoWindow GtkGrid > GtkEventBox > .toolbar ShowDesktopApplet > .button.image-button, NemoWindow GtkGrid > GtkEventBox > .toolbar .budgie-panel ShowDesktopApplet > .button.image-button { padding: 0.4em 1em; border-radius: 0; outline-color: transparent; color: #ECEFF1; } .budgie-panel ShowDesktopApplet > .button.flat:hover, .budgie-panel ShowDesktopApplet > .button.osd.image-button:hover, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:hover, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .action-bar ShowDesktopApplet > .button:hover, .action-bar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:hover:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:hover:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:hover:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:hover, .app-notification .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:hover, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .toolbar ShowDesktopApplet > .button:hover, .toolbar .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .titlebar ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .header-bar ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .header-bar .budgie-panel ShowDesktopApplet > .button:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:hover, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel ShowDesktopApplet > .sidebar-button.button:hover, .budgie-panel .info ShowDesktopApplet > .button:hover, .info .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .question ShowDesktopApplet > .button:hover, .question .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .warning ShowDesktopApplet > .button:hover, .warning .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel .error ShowDesktopApplet > .button:hover, .error .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:hover, .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:hover:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:hover:last-child, .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:hover, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:hover:not(.flat):not(.titlebutton) { color: #FFFFFF; background-color: transparent; background-image: none; } .budgie-panel ShowDesktopApplet > .button.flat:active, .budgie-panel ShowDesktopApplet > .button.osd.image-button:active, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:active, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .action-bar ShowDesktopApplet > .button:active, .action-bar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:active:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:active:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:active:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:active, .app-notification .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:active, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .toolbar ShowDesktopApplet > .button:active, .toolbar .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .titlebar ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .budgie-panel .header-bar ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .header-bar .budgie-panel ShowDesktopApplet > .button:active:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:active, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel ShowDesktopApplet > .sidebar-button.button:active, .budgie-panel .info ShowDesktopApplet > .button:active, .info .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .question ShowDesktopApplet > .button:active, .question .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .warning ShowDesktopApplet > .button:active, .warning .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel .error ShowDesktopApplet > .button:active, .error .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:active, .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:active, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:active:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:active:last-child, .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:active, GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:active, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:active:not(.flat):not(.titlebutton) { color: #FFFFFF; } .budgie-panel ShowDesktopApplet > .button.flat:checked, .budgie-panel ShowDesktopApplet > .button.osd.image-button:checked, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:checked, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .action-bar ShowDesktopApplet > .button:checked, .action-bar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .inline-toolbar ShowDesktopApplet.linked > .button.image-button:checked:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.linked > .button.image-button:checked:not(.text-button), .budgie-panel .inline-toolbar ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .inline-toolbar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .budgie-panel .action-bar ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .action-bar .budgie-panel ShowDesktopApplet.stack-switcher > .button.image-button:checked:not(.text-button), .budgie-panel .app-notification ShowDesktopApplet > .button:checked, .app-notification .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:checked, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .toolbar ShowDesktopApplet > .button:checked, .toolbar .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .titlebar ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .header-bar ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .header-bar .budgie-panel ShowDesktopApplet > .button:checked:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:checked, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel ShowDesktopApplet > .sidebar-button.button:checked, .budgie-panel .info ShowDesktopApplet > .button:checked, .info .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .question ShowDesktopApplet > .button:checked, .question .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .warning ShowDesktopApplet > .button:checked, .warning .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel .error ShowDesktopApplet > .button:checked, .error .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:checked, .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:checked, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:last-child, .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:checked, GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:checked, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:checked:not(.flat):not(.titlebutton) { color: rgba(236, 239, 241, 0.3); background-color: transparent; background-image: none; } .budgie-panel ShowDesktopApplet > .button.flat:checked:hover, .budgie-panel ShowDesktopApplet > .button.osd.image-button:checked:hover, .budgie-panel .inline-toolbar ShowDesktopApplet > .button:checked:hover, .inline-toolbar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .action-bar ShowDesktopApplet > .button:checked:hover, .action-bar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .app-notification ShowDesktopApplet > .button:checked:hover, .app-notification .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel GeditViewFrame .gedit-search-slider ShowDesktopApplet > .button:checked:hover, GeditViewFrame .gedit-search-slider .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .toolbar ShowDesktopApplet > .button:checked:hover, .toolbar .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .titlebar ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .header-bar ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .header-bar .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.suggested-action):not(.destructive-action), .budgie-panel .message-dialog.csd .dialog-action-area ShowDesktopApplet > .button:checked:hover, .message-dialog.csd .dialog-action-area .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel ShowDesktopApplet > .sidebar-button.button:checked:hover, .budgie-panel .info ShowDesktopApplet > .button:checked:hover, .info .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .question ShowDesktopApplet > .button:checked:hover, .question .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .warning ShowDesktopApplet > .button:checked:hover, .warning .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel .error ShowDesktopApplet > .button:checked:hover, .error .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel ShowDesktopApplet > GtkScaleButton.button:checked:hover, .budgie-panel ShowDesktopApplet > GtkVolumeButton.button:checked:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover:first-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover:first-child, .budgie-panel GfCandidatePopup ShowDesktopApplet > .button:checked:hover:last-child, GfCandidatePopup .budgie-panel ShowDesktopApplet > .button:checked:hover:last-child, .budgie-panel GfCandidatePopup ShowDesktopApplet.linked > .button:checked:hover, GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button:checked:hover, .budgie-panel MathWindow :not(.titlebar) ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), .budgie-panel MathWindow :not(.header-bar) ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .budgie-panel ShowDesktopApplet > .button:checked:hover:not(.flat):not(.titlebutton) { color: #FFFFFF; background-color: transparent; background-image: none; } .budgie-menu { border-radius: 2px; background-color: #fdfdfe; } .budgie-menu GtkScrolledWindow, .budgie-menu .list, .budgie-menu .list-row, .budgie-menu .tweak-category, .budgie-menu .scrollbar.trough { border: none; background: none; box-shadow: none; } .budgie-menu .list-row, .budgie-menu .tweak-category, .budgie-menu .list-row.activatable, .budgie-menu .view, .budgie-menu column-header .button, column-header .budgie-menu .button, .budgie-menu .activatable.tweak-category { background-image: none; background-color: #fdfdfe; color: rgba(38, 50, 56, 0.75); transition: none; } .budgie-menu .list-row:hover, .budgie-menu .tweak-category:hover, .budgie-menu .list-row.activatable:hover, .budgie-menu .view:hover, .budgie-menu column-header .button:hover, column-header .budgie-menu .button:hover, .budgie-menu .activatable.tweak-category:hover { background-image: none; background-color: #fdfdfe; color: #263238; transition: none; } .budgie-menu GtkScrolledWindow .undershoot.top { background: transparent; background-image: linear-gradient(to top, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); padding-top: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .budgie-menu GtkScrolledWindow .undershoot.bottom { background: transparent; background-image: linear-gradient(to bottom, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); padding-bottom: 0; background-size: 16px 32px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .budgie-menu GtkScrolledWindow .undershoot.left { background: transparent; background-image: linear-gradient(to left, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); padding-left: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .budgie-menu GtkScrolledWindow .undershoot.right { background: transparent; background-image: linear-gradient(to right, rgba(253, 253, 254, 0.01), rgba(253, 253, 254, 0.04), rgba(253, 253, 254, 0.2), rgba(253, 253, 254, 0.44), rgba(253, 253, 254, 0.94)); padding-right: 0; background-size: 32px 16px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .raven { padding: 0; border: none; color: rgba(38, 50, 56, 0.75); background-color: rgba(229, 233, 236, 0.9); } .raven:dir(ltr) { box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12); } .raven:dir(rtl) { box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12); } .raven .raven-header { border: none; color: rgba(38, 50, 56, 0.5); background-color: transparent; font-weight: 700; } .raven .raven-background { border-width: 1px 0 0; border-style: solid none none; border-color: rgba(0, 0, 0, 0.09); background-color: transparent; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip { border-top: 1px solid rgba(0, 0, 0, 0.09); background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip .button { padding: 1em; color: #E8E8E8; } .raven .powerstrip .button:hover, .raven .powerstrip .button:active, .raven .powerstrip .button:checked { color: #E8E8E8; } .raven .powerstrip .button:insensitive { color: #E8E8E8; } .raven .option-subtitle { color: rgba(38, 50, 56, 0.225); font-size: 90%; } .raven GtkScrolledWindow { background: transparent; } .raven .list, .raven .list-row, .raven .tweak-category, .raven .list-row.activatable, .raven .view, .raven column-header .button, column-header .raven .button, .raven .activatable.tweak-category { background-color: transparent; } .raven .list:not(.list):hover, .raven .list-row:not(.list):hover, .raven .tweak-category:not(.list):hover, .raven .list-row.activatable:not(.list):hover, .raven .view:not(.list):hover, .raven column-header .button:not(.list):hover, column-header .raven .button:not(.list):hover, .raven .activatable.tweak-category:not(.list):hover { color: #263238; } .raven .list:not(.list):selected, .raven .list-row:not(.list):selected, .raven .tweak-category:not(.list):selected, .raven .list-row.activatable:not(.list):selected, .raven .view:not(.list):selected, .raven column-header .button:not(.list):selected, column-header .raven .button:not(.list):selected, .raven .activatable.tweak-category:not(.list):selected { color: #E8E8E8; } .raven .list:not(.list):selected:hover, .raven .list-row:not(.list):selected:hover, .raven .tweak-category:not(.list):selected:hover, .raven .list-row.activatable:not(.list):selected:hover, .raven .view:not(.list):selected:hover, .raven column-header .button:not(.list):selected:hover, column-header .raven .button:not(.list):selected:hover, .raven .activatable.tweak-category:not(.list):selected:hover { background-color: rgba(0, 188, 212, 0.1); } .raven .list .separator, .raven .list-row .separator, .raven .tweak-category .separator, .raven .list-row.activatable .separator, .raven .view .separator, .raven column-header .button .separator, column-header .raven .button .separator, .raven .activatable.tweak-category .separator { color: rgba(38, 50, 56, 0.165); } .raven .button.image-button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } .raven .button.image-button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } .raven .button.image-button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .raven .button.image-button:insensitive { box-shadow: none; background-color: transparent; } .raven .button.image-button:checked { background-color: alpha(currentColor, 0.2); color: #263238; } .raven .button.image-button:checked:insensitive > .label { color: inherit; } .raven .raven-header > .button.text-button { color: rgba(255, 255, 255, 0.85); } .raven .raven-header > .button.text-button:hover { color: #FFFFFF; } .raven .raven-header > .button.text-button:active { color: #FFFFFF; background-color: #E8E8E8; } .raven .raven-header .expander-button { padding: 1.0em; border-radius: 100px; outline-radius: 100px; color: rgba(38, 50, 56, 0.5); } .raven .raven-header .expander-button:hover, .raven .raven-header .expander-button:active { color: #263238; } .raven GtkCalendar { border: none; background-color: transparent; } .raven .undershoot.top, .raven .undershoot.bottom, .raven .undershoot.left, .raven .undershoot.right { background-image: none; } .raven-mpris { border: none; color: #263238; background-color: rgba(229, 233, 236, 0.9); } .raven-mpris .button.image-button { padding: 0.6em; } .budgie-notification-window { border-radius: 2px; background: none; } .budgie-notification.background { border-radius: 2px; } .budgie-notification .notification-title { color: rgba(38, 50, 56, 0.75); font-size: 110%; font-weight: 500; } .budgie-notification .notification-body { color: #263238; } .background.csd.budgie-run-dialog { border: none; background-color: transparent; } .background.csd.budgie-run-dialog .window-frame { border-radius: 2px; border: none; background-color: rgba(42, 55, 62, 0.9); box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2); } .background.csd.budgie-run-dialog .window-frame:backdrop { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } .background.csd.budgie-run-dialog .separator { -GtkWidget-separator-width: 0; border: 0 none transparent; color: transparent; } .background.csd.budgie-run-dialog GtkScrolledWindow { border-image: none; } .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button.flat, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button.osd.image-button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .inline-toolbar .button, .inline-toolbar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .action-bar .button, .action-bar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .app-notification .button, .app-notification .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GeditViewFrame .gedit-search-slider .button, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .toolbar .button, .toolbar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .header-bar .button:not(.suggested-action):not(.destructive-action), .header-bar .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .sidebar-button.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .info .button, .info .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .question .button, .question .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .warning .button, .warning .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .error .button, .error .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GtkScaleButton.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GtkVolumeButton.button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button:first-child, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:first-child, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .button:last-child, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:last-child, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid GfCandidatePopup .linked > .button, GfCandidatePopup .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .linked > .button, .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid MathWindow :not(.titlebar) .button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid MathWindow :not(.header-bar) .button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog GtkScrolledWindow GtkGrid .button:not(.flat):not(.titlebutton) { border-radius: 2px; outline-radius: 2px; } .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.top, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.bottom, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.left, .background.csd.budgie-run-dialog GtkScrolledWindow .undershoot.right { background-image: none; } .background.csd.budgie-run-dialog .button.flat.image-button, .background.csd.budgie-run-dialog .image-button.button.osd, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .action-bar .image-button.button, .action-bar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .app-notification .image-button.button, .app-notification .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .toolbar .image-button.button, .toolbar .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .titlebar .image-button.button:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .header-bar .image-button.button:not(.suggested-action):not(.destructive-action), .header-bar .background.csd.budgie-run-dialog .image-button.button:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .image-button.sidebar-button.button, .background.csd.budgie-run-dialog .info .image-button.button, .info .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .question .image-button.button, .question .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .warning .image-button.button, .warning .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog .error .image-button.button, .error .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button, .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:last-child, .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button, GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:not(.flat):not(.titlebutton) { color: #E8E8E8; } .background.csd.budgie-run-dialog .button.flat.image-button:hover, .background.csd.budgie-run-dialog .image-button.button.osd:hover, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:hover, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .action-bar .image-button.button:hover, .action-bar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .app-notification .image-button.button:hover, .app-notification .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:hover, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .toolbar .image-button.button:hover, .toolbar .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .titlebar .image-button.button:hover:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:hover:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .header-bar .image-button.button:hover:not(.suggested-action):not(.destructive-action), .header-bar .background.csd.budgie-run-dialog .image-button.button:hover:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:hover, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:hover, .background.csd.budgie-run-dialog .info .image-button.button:hover, .info .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .question .image-button.button:hover, .question .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .warning .image-button.button:hover, .warning .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog .error .image-button.button:hover, .error .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:hover, .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:hover, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:hover:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:hover:last-child, .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:hover, GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:hover, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:hover:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:hover:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:hover:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog .button.flat.image-button:active, .background.csd.budgie-run-dialog .image-button.button.osd:active, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:active, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .action-bar .image-button.button:active, .action-bar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .app-notification .image-button.button:active, .app-notification .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:active, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .toolbar .image-button.button:active, .toolbar .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .titlebar .image-button.button:active:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:active:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .header-bar .image-button.button:active:not(.suggested-action):not(.destructive-action), .header-bar .background.csd.budgie-run-dialog .image-button.button:active:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:active, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:active, .background.csd.budgie-run-dialog .info .image-button.button:active, .info .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .question .image-button.button:active, .question .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .warning .image-button.button:active, .warning .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog .error .image-button.button:active, .error .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:active, .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:active, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:active:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:active:last-child, .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:active, GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:active, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:active:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:active:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:active:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:active:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog .button.flat.image-button:checked, .background.csd.budgie-run-dialog .image-button.button.osd:checked, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:checked, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .action-bar .image-button.button:checked, .action-bar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .app-notification .image-button.button:checked, .app-notification .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:checked, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .toolbar .image-button.button:checked, .toolbar .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .titlebar .image-button.button:checked:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:checked:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .header-bar .image-button.button:checked:not(.suggested-action):not(.destructive-action), .header-bar .background.csd.budgie-run-dialog .image-button.button:checked:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:checked, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:checked, .background.csd.budgie-run-dialog .info .image-button.button:checked, .info .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .question .image-button.button:checked, .question .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .warning .image-button.button:checked, .warning .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog .error .image-button.button:checked, .error .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:checked, .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:checked, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:checked:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:checked:last-child, .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:checked, GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:checked, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:checked:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:checked:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:checked:not(.flat):not(.titlebutton) { color: #E8E8E8; } .background.csd.budgie-run-dialog .button.flat.image-button:insensitive, .background.csd.budgie-run-dialog .image-button.button.osd:insensitive, .background.csd.budgie-run-dialog .inline-toolbar .image-button.button:insensitive, .inline-toolbar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .action-bar .image-button.button:insensitive, .action-bar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .app-notification .image-button.button:insensitive, .app-notification .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GeditViewFrame .gedit-search-slider .image-button.button:insensitive, GeditViewFrame .gedit-search-slider .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .toolbar .image-button.button:insensitive, .toolbar .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .titlebar .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .header-bar .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .header-bar .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.suggested-action):not(.destructive-action), .background.csd.budgie-run-dialog .message-dialog.csd .dialog-action-area .image-button.button:insensitive, .message-dialog.csd .dialog-action-area .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .image-button.sidebar-button.button:insensitive, .background.csd.budgie-run-dialog .info .image-button.button:insensitive, .info .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .question .image-button.button:insensitive, .question .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .warning .image-button.button:insensitive, .warning .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog .error .image-button.button:insensitive, .error .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GtkScaleButton.image-button.button:insensitive, .background.csd.budgie-run-dialog GtkVolumeButton.image-button.button:insensitive, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive:first-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive:first-child, .background.csd.budgie-run-dialog GfCandidatePopup .image-button.button:insensitive:last-child, GfCandidatePopup .background.csd.budgie-run-dialog .image-button.button:insensitive:last-child, .background.csd.budgie-run-dialog GfCandidatePopup .linked > .image-button.button:insensitive, GfCandidatePopup .background.csd.budgie-run-dialog .linked > .image-button.button:insensitive, .background.csd.budgie-run-dialog MathWindow :not(.titlebar) .image-button.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.titlebar) .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.flat):not(.titlebutton), .background.csd.budgie-run-dialog MathWindow :not(.header-bar) .image-button.button:insensitive:not(.flat):not(.titlebutton), MathWindow :not(.header-bar) .background.csd.budgie-run-dialog .image-button.button:insensitive:not(.flat):not(.titlebutton) { color: #E8E8E8; } .budgie-session-dialog, .budgie-polkit-dialog { border-radius: 2px; border-width: 0; background-color: #3e515a; color: #ECEFF1; font-weight: 700; opacity: 0.9; } .budgie-session-dialog .button, .budgie-polkit-dialog .button, .budgie-session-dialog .linked > .button, .budgie-polkit-dialog .linked > .button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); padding: 0.7em 1em 0.8em; border: 2px solid transparent; border-radius: 0; color: #E8E8E8; background-color: transparent; background-size: 240px 240px, auto; } .budgie-session-dialog .button:hover, .budgie-polkit-dialog .button:hover, .budgie-session-dialog .linked > .button:hover, .budgie-polkit-dialog .linked > .button:hover { box-shadow: none; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); color: #E8E8E8; } .budgie-session-dialog .button:active, .budgie-polkit-dialog .button:active, .budgie-session-dialog .linked > .button:active, .budgie-polkit-dialog .linked > .button:active { box-shadow: none; animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; color: #E8E8E8; } .budgie-session-dialog .button:checked, .budgie-polkit-dialog .button:checked, .budgie-session-dialog .linked > .button:checked, .budgie-polkit-dialog .linked > .button:checked { background-color: alpha(currentColor, 0.2); color: #263238; color: #E8E8E8; } .budgie-session-dialog .button:insensitive, .budgie-polkit-dialog .button:insensitive, .budgie-session-dialog .linked > .button:insensitive, .budgie-polkit-dialog .linked > .button:insensitive { box-shadow: none; background-color: transparent; } .budgie-session-dialog .button:first-child, .budgie-polkit-dialog .button:first-child, .budgie-session-dialog .linked > .button:first-child, .budgie-polkit-dialog .linked > .button:first-child { border-bottom-left-radius: 2px; border-right-width: 0; } .budgie-session-dialog .button:last-child, .budgie-polkit-dialog .button:last-child, .budgie-session-dialog .linked > .button:last-child, .budgie-polkit-dialog .linked > .button:last-child { border-bottom-right-radius: 2px; border-left-width: 0; } .budgie-polkit-dialog .message { color: rgba(38, 50, 56, 0.75); } .budgie-polkit-dialog .failure { color: #E8E8E8; font-weight: 700; } .drop-shadow { background-color: #e5e9ec; background-image: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2); } /***************** * Unity Desktop * *****************/ UnityDecoration { -UnityDecoration-extents: 28px 0 0 0; -UnityDecoration-input-extents: 8px; -UnityDecoration-shadow-offset-x: 0; -UnityDecoration-shadow-offset-y: 8px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.24); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.16); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #E8E8E8; -UnityDecoration-title-indent: 16px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border-width: 1px 0 0; border-style: solid none none; border-color: rgba(0, 0, 0, 0.09); border-radius: 2px 2px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #FFFFFF); color: #ECEFF1; box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } UnityDecoration.top:backdrop { color: rgba(236, 239, 241, 0.3); } UnityDecoration.left, UnityDecoration.left:backdrop, UnityDecoration.right, UnityDecoration.right:backdrop, UnityDecoration.bottom, UnityDecoration.bottom:backdrop { background-image: none; } UnityPanelWidget, UnityPanelWidget:backdrop, .unity-panel, .unity-panel:backdrop { border-bottom: 1px solid #FFFFFF; color: #ECEFF1; background-image: linear-gradient(to bottom, #FFFFFF); box-shadow: none; } .unity-panel.menubar, .unity-panel .menubar { background-color: transparent; background-image: none; box-shadow: none; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem *, .unity-panel .menubar.menuitem, .unity-panel .menubar .menuitem * { padding: 0 6px; border-radius: 0; border-bottom: none; color: #ECEFF1; background-color: transparent; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover, .unity-panel .menubar.menuitem:hover, .unity-panel .menubar .menuitem *:hover { color: #FFFFFF; box-shadow: inset 0 -2px #E8E8E8; } /************ * Corebird * ************/ GtkStack .button.profile-button:checked { color: #263238; } .titlebar.header-bar GtkBox .button.account-button { border-radius: 2px; outline-radius: 2px; } .titlebar.header-bar GtkBox .button.account-button .avatar-round { border-color: transparent; } /******** * Nemo * ********/ NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .toolbar.primary-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } NemoWindow .toolbar.primary-toolbar .button.toggle, NemoWindow .toolbar.primary-toolbar .linked > .button { padding: 0 1.2em 0.1em; } NemoWindow .toolbar.primary-toolbar .button.toggle.image-button, NemoWindow .toolbar.primary-toolbar .linked > .button.image-button { border-radius: 100px; outline-radius: 100px; } NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button { padding: 0; border-radius: 2px; outline-radius: 2px; } NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow { -GtkArrow-arrow-scaling: 0.5; } NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow { color: rgba(38, 50, 56, 0.75); } NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:hover, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:active, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:checked { color: #263238; } NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:hover:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:active:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:checked:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:hover:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:active:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:checked:insensitive { color: rgba(38, 50, 56, 0.3); } NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked.raised > .button GtkArrow:insensitive { color: rgba(38, 50, 56, 0.225); } NemoWindow .primary-toolbar NemoPathBar.linked.raised .button.text-button, NemoWindow .primary-toolbar NemoPathBar.linked.raised .button.image-button { padding: 0.3em 0.7em 0.4em; } NemoWindow .notebook { background-color: #FFFFFF; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow .sidebar GtkDrawingArea { background-color: transparent; } NemoWindow GtkGrid > GtkEventBox { padding: 0.2em; background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } NemoWindow GtkGrid > GtkEventBox > .toolbar { border-style: none; background-color: transparent; box-shadow: none; } NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button { border-radius: 2px; outline-radius: 2px; padding: 0.7em 1em 0.8em; box-shadow: none; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; color: rgba(38, 50, 56, 0.75); } NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:hover { box-shadow: none; border-image: none; color: #263238; } NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked { box-shadow: none; border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#E8E8E8), to(transparent)) 0 0 2/0 0 2px; background-color: transparent; color: #263238; } NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked:insensitive { box-shadow: none; background-color: transparent; color: rgba(38, 50, 56, 0.3); border-image: none; } NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:checked:insensitive > label { color: inherit; } NemoWindow GtkGrid > GtkEventBox > .toolbar .button.image-button:insensitive { box-shadow: none; background-color: transparent; color: rgba(38, 50, 56, 0.225); border-image: none; } NemoWindow GtkGrid > GtkEventBox > .toolbar .separator.vertical { -GtkWidget-separator-width: 0; border: 0 none transparent; color: transparent; } /*************************** * Cinnamon-control-center * ***************************/ CcShellCategoryView CcShellItemView.view { background-color: transparent; } .cs-header { background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } /********* * XFce4 * *********/ .xfce4-panel { background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .xfce4-panel .button { box-shadow: none; background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); padding: 0px 4px; border: none; border-radius: 0; color: #ECEFF1; background-color: transparent; } .xfce4-panel .button:hover { color: #FFFFFF; background-color: transparent; box-shadow: inset 0 -2px alpha(currentColor, 0.2); } .xfce4-panel .button:checked, .xfce4-panel .button:hover:checked, .xfce4-panel .button:insensitive:checked { color: #FFFFFF; background-color: transparent; box-shadow: inset 0 -2px #E8E8E8; } .xfce4-panel .button .label:backdrop, .xfce4-panel .button:backdrop { opacity: 1.0; } .xfce4-panel .menu { -gtk-image-effect: none; } TopMenuAppMenuBar { background-color: #FFFFFF; color: #ECEFF1; box-shadow: none; } TopMenuAppMenuBar > .menuitem { color: #ECEFF1; background-color: transparent; } TopMenuAppMenuBar > .menuitem:hover { color: #FFFFFF; box-shadow: inset 0 -2px #E8E8E8; } TopMenuAppMenuBar > .menuitem:backdrop { opacity: 1.0; } /************ * Synaptic * ************/ GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar { background-color: transparent; box-shadow: none; } GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox .label, GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox .entry { padding-top: 0.1em; padding-bottom: 0.1em; font-size: 90%; } GtkWindow > GtkBox.vertical > GtkBox.horizontal > .toolbar GtkToolItem > GtkBox > .label { color: rgba(38, 50, 56, 0.3); } GtkWindow > GtkBox.vertical > GtkBox.horizontal > GtkAlignment { background-color: transparent; } /*********** * Colours * ***********/ @define-color theme_fg_color #263238; @define-color theme_inverted_fg_color #ECEFF1; @define-color theme_text_color #263238; @define-color theme_bg_color #FFFFFF; @define-color theme_base_color #FFFFFF; @define-color theme_selected_bg_color #E8E8E8; @define-color theme_selected_fg_color #FFFFFF; @define-color insensitive_bg_color #FFFFFF; @define-color insensitive_fg_color rgba(38, 50, 56, 0.3); @define-color insensitive_base_color #fdfdfe; @define-color theme_unfocused_fg_color rgba(38, 50, 56, 0.3); @define-color theme_unfocused_inverted_fg_color rgba(236, 239, 241, 0.3); @define-color theme_unfocused_text_color rgba(38, 50, 56, 0.3); @define-color theme_unfocused_inverted_text_color rgba(236, 239, 241, 0.3); @define-color theme_unfocused_bg_color #FFFFFF; @define-color theme_unfocused_base_color #FFFFFF; @define-color theme_unfocused_selected_bg_color #E8E8E8; @define-color theme_unfocused_selected_fg_color #FFFFFF; @define-color placeholder_text_color #CFD8DC; @define-color borders rgba(0, 0, 0, 0.09); @define-color unfocused_borders rgba(0, 0, 0, 0.09); @define-color warning_color #FF9800; @define-color error_color #F44336; @define-color success_color #00E676; @define-color link_color #E8E8E8; @define-color wm_bg_a #FFFFFF; @define-color wm_bg_b rgba(255, 255, 255, 0.07); @define-color content_view_bg #FFFFFF;