* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -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; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2a76c6; -GtkWidget-visited-link-color: #215d9c; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(46, 52, 54, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } /*************** * Base States * ***************/ .background { color: #2e3436; background-color: #e9e9e9; } .background:backdrop { text-shadow: none; icon-shadow: none; color: #8e9192; background-color: #ededed; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #ededed; color: #2e3436; } .gtkstyle-fallback:prelight { background-color: white; color: #2e3436; } .gtkstyle-fallback:active { background-color: #d4d4d4; color: #2e3436; } .gtkstyle-fallback:insensitive { background-color: #f4f4f4; color: #8e9192; } .gtkstyle-fallback:selected { background-color: #4a90d9; color: #ffffff; } textview text, .view { color: black; background-color: #ffffff; } textview text:backdrop, .view:backdrop { color: #333333; background-color: white; } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband { border: 1px solid #2a76c6; background-color: rgba(42, 118, 198, 0.2); } flowbox flowboxchild { padding: 2px; } label.separator { color: #2e3436; } label.separator:backdrop { color: #8e9192; } label:insensitive { color: #8e9192; } label:insensitive:backdrop { color: #c7c7c7; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #ffffff; border-top: 1px solid #a1a1a1; } assistant .sidebar:dir(ltr) { border-right: 1px solid #a1a1a1; } assistant .sidebar:dir(rtl) { border-left: 1px solid #a1a1a1; } assistant .sidebar:backdrop { background-color: white; border-color: darkgray; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #c7c8c8; } textview { background-color: #f6f6f6; } textview:backdrop { background-color: #f6f6f6; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } popover.magnifier, popover.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; background-color: rgba(32, 37, 38, 0.7); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } popover.magnifier:backdrop, popover.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { text-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:active { opacity: 1; animation: spin 1s linear infinite; } spinner:active:insensitive { opacity: 0.5; } /**************** * Text Entries * ****************/ entry, spinbutton { border: 1px solid; padding: 5px 8px 6px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: black; border-color: #a1a1a1; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; } entry image.left, spinbutton image.left { padding-left: 0; padding-right: 6px; } entry image.right, spinbutton image.right { padding-left: 6px; padding-right: 0; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { padding: 2px; background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: black; border-color: #a1a1a1; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); border: none; border-radius: 0; } entry:focus, spinbutton:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #4a90d9, 0 1px white; border-color: #4a90d9; } entry:insensitive, spinbutton:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: 0 1px white; } entry:backdrop, spinbutton:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #333333; border-color: darkgray; background-image: linear-gradient(to bottom, white); box-shadow: 0 1px rgba(255, 255, 255, 0); } entry:backdrop:insensitive, spinbutton:backdrop:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: 0 1px rgba(255, 255, 255, 0); } entry progress, spinbutton progress { margin: 1px; border-radius: 0; border-width: 0 0 2px; border-color: #4a90d9; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } entry progress:backdrop, spinbutton progress:backdrop { background-color: transparent; } .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo { border-left-color: #4a90d9; } entry.error, spinbutton.error { color: #cc0000; border-color: #cc0000; } entry.error:focus, spinbutton.error:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #cc0000, 0 1px white; border-color: #cc0000; } entry.error:selected, spinbutton.error:selected, entry.error:selected:focus, spinbutton.error:selected:focus { background-color: #cc0000; } entry.warning, spinbutton.warning { color: #f57900; border-color: #f57900; } entry.warning:focus, spinbutton.warning:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); box-shadow: inset 0 0 0 1px #f57900, 0 1px white; border-color: #f57900; } entry.warning:selected, spinbutton.warning:selected, entry.warning:selected:focus, spinbutton.warning:selected:focus { background-color: #f57900; } entry image, spinbutton image { color: #585d5e; } entry image:hover, spinbutton image:hover { color: #2e3436; } entry image:active, spinbutton image:active { color: #4a90d9; } entry image:backdrop, spinbutton image:backdrop { color: #a5a7a8; } .osd entry, .osd spinbutton { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .osd entry:focus, .osd spinbutton:focus { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; border-color: #4a90d9; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 0 0 1px #4a90d9; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .osd entry:backdrop, .osd spinbutton:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd entry:insensitive, .osd spinbutton:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .linked.vertical > entry:not(:last-child), .linked.vertical > spinbutton:not(:last-child) { box-shadow: none; } .linked.vertical > entry:focus:not(:last-child), .linked.vertical > spinbutton:focus:not(:last-child) { box-shadow: inset 0 0 0 1px #4a90d9; } .linked.vertical > entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > spinbutton:not(:insensitive) + entry:not(:insensitive), .linked.vertical > entry:not(:insensitive) + spinbutton:not(:insensitive), .linked.vertical > spinbutton:not(:insensitive) + spinbutton:not(:insensitive) { border-top-color: #e3e3e3; background-image: linear-gradient(to bottom, #ffffff); } .linked.vertical > entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > spinbutton:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > entry:not(:insensitive) + spinbutton:not(:insensitive):backdrop, .linked.vertical > spinbutton:not(:insensitive) + spinbutton:not(:insensitive):backdrop { border-top-color: #e5e5e5; background-image: linear-gradient(to bottom, white); } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child) { border-top-color: #4a90d9; box-shadow: inset 0 0 0 1px #4a90d9; } .linked.vertical > entry + entry:focus:last-child, .linked.vertical > spinbutton + entry:focus:last-child, .linked.vertical > entry + spinbutton:focus:last-child, .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #4a90d9; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #4a90d9; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } } button, headerbar button.titlebutton, .titlebar button.titlebutton { border: 1px solid; border-radius: 3px; padding: 5px 8px 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } button.flat, button.sidebar-button, headerbar button.titlebutton, .titlebar button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; transition: none; } button.flat:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.flat:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active, .titlebar button.titlebutton:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover, headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; -gtk-image-effect: highlight; } button:active, headerbar button.titlebutton:active, .titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked, .titlebar button.titlebutton:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; transition-duration: 50ms; } button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop, button.flat:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); -gtk-image-effect: none; } button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, .titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, .titlebar button.titlebutton:backdrop:checked { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #d5d5d5); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button:backdrop:insensitive, button.flat:backdrop:insensitive, button.sidebar-button:backdrop:insensitive, headerbar button.titlebutton:backdrop:insensitive, .titlebar button.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button:backdrop:insensitive > .label, headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar button.titlebutton:backdrop:insensitive > .label, button.flat:backdrop:insensitive > .label, button.sidebar-button:backdrop:insensitive > .label, headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } button:backdrop:insensitive:active, button:backdrop:insensitive:checked, button.flat:backdrop:insensitive:active, button.sidebar-button:backdrop:insensitive:active, headerbar button.titlebutton:backdrop:insensitive:active, .titlebar button.titlebutton:backdrop:insensitive:active, button.flat:backdrop:insensitive:checked, button.sidebar-button:backdrop:insensitive:checked, headerbar button.titlebutton:backdrop:insensitive:checked, .titlebar button.titlebutton:backdrop:insensitive:checked { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button:backdrop:insensitive:active > .label, headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar button.titlebutton:backdrop:insensitive:active > .label, button:backdrop:insensitive:checked > .label, headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.titlebutton:backdrop:insensitive:checked > .label, button.flat:backdrop:insensitive:active > .label, button.sidebar-button:backdrop:insensitive:active > .label, headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar button.titlebutton:backdrop:insensitive:active > .label, button.flat:backdrop:insensitive:checked > .label, button.sidebar-button:backdrop:insensitive:checked > .label, headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } button.flat:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop, button.flat:insensitive, button.sidebar-button:insensitive, headerbar button.titlebutton:insensitive, .titlebar button.titlebutton:insensitive, button.flat:backdrop:insensitive, button.sidebar-button:backdrop:insensitive, headerbar button.titlebutton:backdrop:insensitive, .titlebar button.titlebutton:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } button:insensitive, headerbar button.titlebutton:insensitive, .titlebar button.titlebutton:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } button:insensitive > .label, headerbar button.titlebutton:insensitive > .label, .titlebar button.titlebutton:insensitive > .label { color: inherit; } button:insensitive:active, button:insensitive:checked { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ececec, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } button:insensitive:active > .label, headerbar button.titlebutton:insensitive:active > .label, .titlebar button.titlebutton:insensitive:active > .label, button:insensitive:checked > .label, headerbar button.titlebutton:insensitive:checked > .label, .titlebar button.titlebutton:insensitive:checked > .label { color: inherit; } button.osd, headerbar button.osd.titlebutton, .titlebar button.osd.titlebutton { color: #eeeeec; border-radius: 5px; outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } button.osd.image-button, headerbar button.osd.titlebutton, .titlebar button.osd.titlebutton { padding: 13px; } button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } button.osd:insensitive, button.osd:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } .osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, .osd .titlebar button.titlebutton, .titlebar .osd button.titlebutton { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd button:insensitive, .osd button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button.flat, .osd button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, .osd .titlebar button.titlebutton, .titlebar .osd button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .osd button.flat:hover, .osd button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover, .osd .titlebar button.titlebutton:hover, .titlebar .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-clip: padding-box; border-color: transparent; box-shadow: none; } .osd button.flat:insensitive, .osd button.sidebar-button:insensitive, .osd headerbar button.titlebutton:insensitive, headerbar .osd button.titlebutton:insensitive, .osd .titlebar button.titlebutton:insensitive, .titlebar .osd button.titlebutton:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .osd button.flat:backdrop, .osd button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop, .osd .titlebar button.titlebutton:backdrop, .titlebar .osd button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active, .osd .titlebar button.titlebutton:active, .titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked, .osd .titlebar button.titlebutton:checked, .titlebar .osd button.titlebutton:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-clip: padding-box; border-color: transparent; box-shadow: none; } button.suggested-action, headerbar button.suggested-action.titlebutton, .titlebar button.suggested-action.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } button.suggested-action.flat, button.suggested-action.sidebar-button, headerbar button.suggested-action.titlebutton, .titlebar button.suggested-action.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #4a90d9; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } button.suggested-action:backdrop, button.suggested-action.flat:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, .titlebar button.suggested-action.titlebutton:backdrop { color: #dbe9f7; border-color: #4a90d9; background-image: linear-gradient(to bottom, #4a90d9); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.sidebar-button:backdrop:active, headerbar button.suggested-action.titlebutton:backdrop:active, .titlebar button.suggested-action.titlebutton:backdrop:active, button.suggested-action.flat:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked, headerbar button.suggested-action.titlebutton:backdrop:checked, .titlebar button.suggested-action.titlebutton:backdrop:checked { color: #d4e4f4; border-color: #2a76c6; background-image: linear-gradient(to bottom, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.suggested-action:backdrop:insensitive, button.suggested-action.flat:backdrop:insensitive, button.suggested-action.sidebar-button:backdrop:insensitive, headerbar button.suggested-action.titlebutton:backdrop:insensitive, .titlebar button.suggested-action.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.suggested-action:backdrop:insensitive > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label, button.suggested-action.flat:backdrop:insensitive > .label, button.suggested-action.sidebar-button:backdrop:insensitive > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { color: inherit; } button.suggested-action:backdrop:insensitive:active, button.suggested-action:backdrop:insensitive:checked, button.suggested-action.flat:backdrop:insensitive:active, button.suggested-action.sidebar-button:backdrop:insensitive:active, headerbar button.suggested-action.titlebutton:backdrop:insensitive:active, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:active, button.suggested-action.flat:backdrop:insensitive:checked, button.suggested-action.sidebar-button:backdrop:insensitive:checked, headerbar button.suggested-action.titlebutton:backdrop:insensitive:checked, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:checked { color: #8db9e8; border-color: #5094db; background-image: linear-gradient(to bottom, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.suggested-action:backdrop:insensitive:active > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, button.suggested-action:backdrop:insensitive:checked > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label, button.suggested-action.flat:backdrop:insensitive:active > .label, button.suggested-action.sidebar-button:backdrop:insensitive:active > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, button.suggested-action.flat:backdrop:insensitive:checked > .label, button.suggested-action.sidebar-button:backdrop:insensitive:checked > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } button.suggested-action.flat:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, .titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:insensitive, button.suggested-action.sidebar-button:insensitive, headerbar button.suggested-action.titlebutton:insensitive, .titlebar button.suggested-action.titlebutton:insensitive, button.suggested-action.flat:backdrop:insensitive, button.suggested-action.sidebar-button:backdrop:insensitive, headerbar button.suggested-action.titlebutton:backdrop:insensitive, .titlebar button.suggested-action.titlebutton:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: rgba(74, 144, 217, 0.8); } button.suggested-action:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } button.suggested-action:insensitive > .label, headerbar button.suggested-action.titlebutton:insensitive > .label, .titlebar button.suggested-action.titlebutton:insensitive > .label { color: inherit; } button.suggested-action:insensitive:active, button.suggested-action:insensitive:checked { color: #b9d4f1; border-color: #1c5187; background-image: linear-gradient(to bottom, #4b8dd3, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } button.suggested-action:insensitive:active > .label, headerbar button.suggested-action.titlebutton:insensitive:active > .label, .titlebar button.suggested-action.titlebutton:insensitive:active > .label, button.suggested-action:insensitive:checked > .label, headerbar button.suggested-action.titlebutton:insensitive:checked > .label, .titlebar button.suggested-action.titlebutton:insensitive:checked > .label { color: inherit; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #4a90d9); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd button.suggested-action:insensitive, .osd button.suggested-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } button.destructive-action, headerbar button.destructive-action.titlebutton, .titlebar button.destructive-action.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212); text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } button.destructive-action.flat, button.destructive-action.sidebar-button, headerbar button.destructive-action.titlebutton, .titlebar button.destructive-action.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #ef2929; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); text-shadow: 0 -1px rgba(0, 0, 0, 0.52878); icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; background-image: linear-gradient(to bottom, #da1010, #e51111 40%, #ed1212); text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, .titlebar button.destructive-action.titlebutton:backdrop { color: #fcd4d4; border-color: #ef2929; background-image: linear-gradient(to bottom, #ef2929); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.sidebar-button:backdrop:active, headerbar button.destructive-action.titlebutton:backdrop:active, .titlebar button.destructive-action.titlebutton:backdrop:active, button.destructive-action.flat:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked, headerbar button.destructive-action.titlebutton:backdrop:checked, .titlebar button.destructive-action.titlebutton:backdrop:checked { color: #f7cfcf; border-color: #d51010; background-image: linear-gradient(to bottom, #d51010); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:insensitive, button.destructive-action.flat:backdrop:insensitive, button.destructive-action.sidebar-button:backdrop:insensitive, headerbar button.destructive-action.titlebutton:backdrop:insensitive, .titlebar button.destructive-action.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:insensitive > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive > .label, button.destructive-action.flat:backdrop:insensitive > .label, button.destructive-action.sidebar-button:backdrop:insensitive > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive > .label { color: inherit; } button.destructive-action:backdrop:insensitive:active, button.destructive-action:backdrop:insensitive:checked, button.destructive-action.flat:backdrop:insensitive:active, button.destructive-action.sidebar-button:backdrop:insensitive:active, headerbar button.destructive-action.titlebutton:backdrop:insensitive:active, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:active, button.destructive-action.flat:backdrop:insensitive:checked, button.destructive-action.sidebar-button:backdrop:insensitive:checked, headerbar button.destructive-action.titlebutton:backdrop:insensitive:checked, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:checked { color: #f57979; border-color: #ef3131; background-image: linear-gradient(to bottom, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:insensitive:active > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, button.destructive-action:backdrop:insensitive:checked > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label, button.destructive-action.flat:backdrop:insensitive:active > .label, button.destructive-action.sidebar-button:backdrop:insensitive:active > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, button.destructive-action.flat:backdrop:insensitive:checked > .label, button.destructive-action.sidebar-button:backdrop:insensitive:checked > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } button.destructive-action.flat:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, .titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:insensitive, button.destructive-action.sidebar-button:insensitive, headerbar button.destructive-action.titlebutton:insensitive, .titlebar button.destructive-action.titlebutton:insensitive, button.destructive-action.flat:backdrop:insensitive, button.destructive-action.sidebar-button:backdrop:insensitive, headerbar button.destructive-action.titlebutton:backdrop:insensitive, .titlebar button.destructive-action.titlebutton:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: rgba(239, 41, 41, 0.8); } button.destructive-action:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } button.destructive-action:insensitive > .label, headerbar button.destructive-action.titlebutton:insensitive > .label, .titlebar button.destructive-action.titlebutton:insensitive > .label { color: inherit; } button.destructive-action:insensitive:active, button.destructive-action:insensitive:checked { color: #f9adad; border-color: #8e0b0b; background-image: linear-gradient(to bottom, #e52d2d, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } button.destructive-action:insensitive:active > .label, headerbar button.destructive-action.titlebutton:insensitive:active > .label, .titlebar button.destructive-action.titlebutton:insensitive:active > .label, button.destructive-action:insensitive:checked > .label, headerbar button.destructive-action.titlebutton:insensitive:checked > .label, .titlebar button.destructive-action.titlebutton:insensitive:checked > .label { color: inherit; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ef2929); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd button.destructive-action:insensitive, .osd button.destructive-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } button.image-button, headerbar button.titlebutton, .titlebar button.titlebutton { padding: 8px; } button.text-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button, headerbar button.text-button.titlebutton, .titlebar button.text-button.titlebutton { padding-left: 16px; padding-right: 16px; } button.text-button.image-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button, headerbar button.text-button.titlebutton, .titlebar button.text-button.titlebutton { padding: 5px 8px 6px; } button.text-button.image-button label:first-child, GtkScaleButton.button.text-button label:first-child, GtkVolumeButton.button.text-button label:first-child, headerbar button.text-button.titlebutton label:first-child, .titlebar button.text-button.titlebutton label:first-child { padding-left: 8px; } button.text-button.image-button label:last-child, GtkScaleButton.button.text-button label:last-child, GtkVolumeButton.button.text-button label:last-child, headerbar button.text-button.titlebutton label:last-child, .titlebar button.text-button.titlebutton label:last-child { padding-right: 8px; } .stack-switcher > button, headerbar .stack-switcher > button.titlebutton, .titlebar .stack-switcher > button.titlebutton { outline-offset: -3px; } .stack-switcher > button > label, .titlebar .stack-switcher > button.titlebutton > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image, .titlebar .stack-switcher > button.titlebutton > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button, .stack-switcher > GtkScaleButton.button.text-button, .stack-switcher > GtkVolumeButton.button.text-button, headerbar .stack-switcher > button.text-button.titlebutton, headerbar .stack-switcher > GtkScaleButton.titlebutton.button.text-button, headerbar .stack-switcher > GtkVolumeButton.titlebutton.button.text-button, .titlebar .stack-switcher > button.text-button.titlebutton, .titlebar .stack-switcher > GtkScaleButton.titlebutton.button.text-button, .titlebar .stack-switcher > GtkVolumeButton.titlebutton.button.text-button { padding: 5px 10px 6px; } .stack-switcher > button.image-button, headerbar .stack-switcher > button.titlebutton, .titlebar .stack-switcher > button.titlebutton { padding: 5px 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, .inline-toolbar .titlebar button.titlebutton, .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton, .primary-toolbar .titlebar button.titlebutton, .titlebar .primary-toolbar button.titlebutton { icon-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, .inline-toolbar .titlebar toolbutton > button.titlebutton, .titlebar .inline-toolbar toolbutton > button.titlebutton { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover, .inline-toolbar .titlebar toolbutton > button.titlebutton:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active, .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked, .inline-toolbar .titlebar toolbutton > button.titlebutton:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } .inline-toolbar toolbutton > button:insensitive, .inline-toolbar headerbar toolbutton > button.titlebutton:insensitive, .inline-toolbar .titlebar toolbutton > button.titlebutton:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } .inline-toolbar toolbutton > button:insensitive > .label { color: inherit; } .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar headerbar toolbutton > button.titlebutton:insensitive:active, .inline-toolbar .titlebar toolbutton > button.titlebutton:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:insensitive:checked, .inline-toolbar .titlebar toolbutton > button.titlebutton:insensitive:checked { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ececec, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } .inline-toolbar toolbutton > button:insensitive:active > .label, .inline-toolbar toolbutton > button:insensitive:checked > .label { color: inherit; } .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop, .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked, .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #d5d5d5); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:insensitive, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:insensitive, .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:insensitive > .label { color: inherit; } .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:insensitive:active, .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:insensitive:checked, .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:insensitive:checked { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:insensitive:active > .label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked > .label { color: inherit; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, .inline-toolbar.location-bar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar.location-bar toolbutton > button.sidebar-button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar toolbutton:backdrop > button.flat, searchbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar.location-bar toolbutton:backdrop > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.sidebar-button, .inline-toolbar toolbutton:backdrop > button.sidebar-button, searchbar.inline-toolbar toolbutton:backdrop > button.sidebar-button, .inline-toolbar.location-bar toolbutton:backdrop > button.sidebar-button, .inline-toolbar headerbar toolbutton:backdrop > button.titlebutton, headerbar .inline-toolbar toolbutton:backdrop > button.titlebutton, .inline-toolbar .titlebar toolbutton:backdrop > button.titlebutton, .titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, .inline-toolbar .titlebar button.titlebutton, .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop, .linked > button, headerbar .linked > button.titlebutton, .titlebar .linked > button.titlebutton, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child, .titlebar .linked > button.titlebutton:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:first-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:first-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:first-child > button.titlebutton, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .inline-toolbar toolbutton:backdrop:first-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button, .inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:backdrop:first-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, .linked > combobox:first-child > button.combo { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child, .titlebar .linked > button.titlebutton:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:last-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .inline-toolbar toolbutton:backdrop:last-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button, .inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:backdrop:last-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, .linked > combobox:last-child > button.combo { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child, .titlebar .linked > button.titlebutton:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:only-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:only-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:only-child > button.titlebutton, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .inline-toolbar toolbutton:backdrop:only-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button, .inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:backdrop:only-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .linked > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton, .titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child, .titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child, .titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child, .titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link, .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, button:visited:backdrop, menu arrow, .menu arrow, notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton, notebook tab .titlebar button.titlebutton, .titlebar notebook tab button.titlebutton, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, .app-notification .titlebar button.titlebutton, .titlebar .app-notification button.titlebutton, .app-notification.frame button.flat, .app-notification.frame button.sidebar-button, .app-notification.frame headerbar button.titlebutton, headerbar .app-notification.frame button.titlebutton, .app-notification button.flat:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop, .app-notification button.flat:insensitive, .app-notification button.sidebar-button:insensitive, .app-notification headerbar button.titlebutton:insensitive, headerbar .app-notification button.titlebutton:insensitive, .app-notification button.flat:backdrop:insensitive, .app-notification button.sidebar-button:backdrop:insensitive, .app-notification headerbar button.titlebutton:backdrop:insensitive, headerbar .app-notification button.titlebutton:backdrop:insensitive, .app-notification .titlebar button.titlebutton:backdrop:insensitive, .titlebar .app-notification button.titlebutton:backdrop:insensitive, .app-notification.frame button.flat:backdrop, .app-notification.frame button.sidebar-button:backdrop, .app-notification.frame headerbar button.titlebutton:backdrop, headerbar .app-notification.frame button.titlebutton:backdrop, .app-notification.frame .titlebar button.titlebutton:backdrop, .titlebar .app-notification.frame button.titlebutton:backdrop, .app-notification.frame button.flat:insensitive, .app-notification.frame button.sidebar-button:insensitive, .app-notification.frame headerbar button.titlebutton:insensitive, headerbar .app-notification.frame button.titlebutton:insensitive, .app-notification.frame .titlebar button.titlebutton:insensitive, .titlebar .app-notification.frame button.titlebutton:insensitive, .app-notification.frame button.flat:backdrop:insensitive, .app-notification.frame button.sidebar-button:backdrop:insensitive, .app-notification.frame headerbar button.titlebutton:backdrop:insensitive, headerbar .app-notification.frame button.titlebutton:backdrop:insensitive, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:insensitive, .scale-popup button:hover, .scale-popup button:backdrop, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { outline-offset: -1px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #dadbdb; } button.color, headerbar button.color.titlebutton, .titlebar button.color.titlebutton { padding: 5px; } button.color colorswatch:first-child:last-child { border-radius: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } button.color colorswatch:first-child:last-child:insensitive, button.color colorswatch:first-child:last-child:backdrop { box-shadow: none; } /********* * Links * *********/ *:link, button:link, headerbar button.titlebutton:link, .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited { color: #2a76c6; } *:link:visited, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited { color: #215d9c; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited, *:selected headerbar button.titlebutton:visited, headerbar *:selected button.titlebutton:visited, *:selected .titlebar button.titlebutton:visited, .titlebar *:selected button.titlebutton:visited { color: #b7d3f0; } *:link:hover, button:hover:link, button:hover:visited { color: #4a90d9; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #edf4fb; } *:link:active, button:active:link, button:active:visited { color: #2a76c6; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dbe9f7; } *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, headerbar.selection-mode .subtitle:backdrop:hover:link { color: #4a90d9; } *:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dbe9f7; } button:link, headerbar button.titlebutton:link, .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, headerbar button.titlebutton:link > label, .titlebar button.titlebutton:link > label, button:visited > label, headerbar button.titlebutton:visited > label, .titlebar button.titlebutton:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) button, spinbutton:not(.vertical) .titlebar button.titlebutton, .titlebar spinbutton:not(.vertical) button.titlebutton { background-image: none; border-style: none none none solid; border-color: rgba(161, 161, 161, 0.3); color: #43484a; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #2e3436; background-color: rgba(46, 52, 54, 0.05); } spinbutton:not(.vertical) button:insensitive { color: rgba(142, 145, 146, 0.3); } spinbutton:not(.vertical) button:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.1); } spinbutton:not(.vertical) button:backdrop { color: #999c9d; border-color: rgba(169, 169, 169, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:backdrop:insensitive { background-image: none; color: rgba(199, 199, 199, 0.3); border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #878a89; border-color: rgba(0, 0, 0, 0.5); icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:last-child { border-radius: 0 3px 3px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical { border-radius: 0; padding-left: 4px; padding-right: 4px; } spinbutton.vertical button, spinbutton.vertical .titlebar button.titlebutton, .titlebar spinbutton.vertical button.titlebutton { padding-top: 8px; padding-bottom: 8px; } spinbutton.vertical button:first-child { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; } spinbutton.vertical button:first-child:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } spinbutton.vertical button:first-child:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; } spinbutton.vertical button:first-child:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } spinbutton.vertical button:first-child:insensitive > .label, spinbutton.vertical headerbar button.titlebutton:first-child:insensitive > .label, spinbutton.vertical .titlebar button.titlebutton:first-child:insensitive > .label { color: inherit; } spinbutton.vertical button:first-child:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } spinbutton.vertical button:first-child:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } spinbutton.vertical button:first-child:backdrop:insensitive > .label, spinbutton.vertical headerbar button.titlebutton:first-child:backdrop:insensitive > .label, spinbutton.vertical .titlebar button.titlebutton:first-child:backdrop:insensitive > .label { color: inherit; } spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:insensitive, spinbutton.vertical button:first-child:backdrop { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } spinbutton.vertical button:last-child { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { padding: 1px; border-width: 1px 0; border-color: #4a90d9; border-radius: 0; box-shadow: none; } /************** * ComboBoxes * **************/ combobox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } combobox > button.combo, headerbar combobox > button.combo.titlebutton, .titlebar combobox > button.combo.titlebutton { padding-top: 3px; padding-bottom: 4px; } combobox:insensitive { color: #8e9192; text-shadow: none; icon-shadow: none; } combobox:backdrop { color: #8e9192; text-shadow: none; icon-shadow: none; } combobox:backdrop:insensitive { color: #c7c7c7; } combobox menuitem { text-shadow: none; } combobox.separator.vertical { -GtkWidget-wide-separators: true; } combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } combobox > button.combo:not(:only-child):dir(ltr), headerbar combobox > button.combo.titlebutton:not(:only-child):dir(ltr), .titlebar combobox > button.combo.titlebutton:not(:only-child):dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } combobox > button.combo:not(:only-child):dir(rtl), headerbar combobox > button.combo.titlebutton:not(:only-child):dir(rtl), .titlebar combobox > button.combo.titlebutton:not(:only-child):dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #ededed; } .osd toolbar, .osd .inline-toolbar, .osd searchbar, .osd .location-bar, toolbar.osd, .osd.inline-toolbar, searchbar.osd, .osd.location-bar { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 37, 38, 0.7); } .inline-toolbar { border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 5px 5px; } searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; } .inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: #a1a1a1; background-color: #d6d6d6; box-shadow: inset 0 2px 3px -1px #b6b6b6, 0 1px white; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { border-color: darkgray; background-color: #d5d5d5; box-shadow: none; } /*************** * Header bars * ***************/ .titlebar, headerbar { padding: 6px; border-width: 0 0 1px; border-style: solid; border-color: #a1a1a1; border-radius: 7px 7px 0 0; background-color: transparent; background-image: linear-gradient(to bottom, #f7f7f7, #ededed); box-shadow: inset 0 -1px #dadada, inset 0 1px white; } .titlebar:backdrop, headerbar:backdrop { border-color: darkgray; background-color: #ededed; background-image: none; box-shadow: inset 0 1px white; } .titlebar .title, headerbar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; } .titlebar .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar .header-bar-separator, .titlebar > GtkBox > separator.vertical, headerbar .header-bar-separator, headerbar > GtkBox > separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(161, 161, 161, 0), #a1a1a1 30%, #a1a1a1 70%, rgba(161, 161, 161, 0) 100%) 0 1/0 1px stretch; } .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > separator.vertical:backdrop, headerbar .header-bar-separator:backdrop, headerbar > GtkBox > separator.vertical:backdrop { border-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.5)) 0 1/1px 1px; } .titlebar.selection-mode, headerbar.selection-mode { color: #ffffff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); border-color: #184472; background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9); box-shadow: inset 0 -1px #3975b5, inset 0 1px #a5c8ec; } .titlebar.selection-mode:backdrop, headerbar.selection-mode:backdrop { background-image: linear-gradient(to bottom, #4a90d9); box-shadow: inset 0 1px #b7d3f0; } .titlebar.selection-mode button, headerbar.selection-mode button, headerbar.selection-mode .titlebar button.titlebutton, .titlebar headerbar.selection-mode button.titlebutton { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px #a5c8ec; } .titlebar.selection-mode button.flat, .titlebar.selection-mode button.sidebar-button, .titlebar.selection-mode button.titlebutton, headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.selection-mode button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } .titlebar.selection-mode button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px #a5c8ec; } .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px #a5c8ec; } .titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode button.sidebar-button:backdrop, .titlebar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode button:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.sidebar-button:backdrop, headerbar.selection-mode button.titlebutton:backdrop { color: #dbe9f7; border-color: #4a90d9; background-image: linear-gradient(to bottom, #4a90d9); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); -gtk-image-effect: none; border-color: #184472; } .titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active, .titlebar.selection-mode button.sidebar-button:backdrop:active, .titlebar.selection-mode button.titlebutton:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked, .titlebar.selection-mode button.sidebar-button:backdrop:checked, .titlebar.selection-mode button.titlebutton:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked, headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode button.sidebar-button:backdrop:active, headerbar.selection-mode button.titlebutton:backdrop:active, headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode button.sidebar-button:backdrop:checked, headerbar.selection-mode button.titlebutton:backdrop:checked { color: #d4e4f4; border-color: #2a76c6; background-image: linear-gradient(to bottom, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); border-color: #184472; } .titlebar.selection-mode button:backdrop:insensitive, .titlebar.selection-mode button.flat:backdrop:insensitive, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive, .titlebar.selection-mode button.titlebutton:backdrop:insensitive, headerbar.selection-mode button:backdrop:insensitive, headerbar.selection-mode button.flat:backdrop:insensitive, headerbar.selection-mode button.sidebar-button:backdrop:insensitive, headerbar.selection-mode button.titlebutton:backdrop:insensitive { color: #9bc2ea; border-color: #65a1df; background-image: linear-gradient(to bottom, #65a1df); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); border-color: #184472; } .titlebar.selection-mode button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode button.flat:backdrop:insensitive > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button.flat:backdrop:insensitive > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode button:backdrop:insensitive:active, .titlebar.selection-mode button:backdrop:insensitive:checked, .titlebar.selection-mode button.flat:backdrop:insensitive:active, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:active, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:active, .titlebar.selection-mode button.flat:backdrop:insensitive:checked, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:checked, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked, headerbar.selection-mode button:backdrop:insensitive:active, headerbar.selection-mode button:backdrop:insensitive:checked, headerbar.selection-mode button.flat:backdrop:insensitive:active, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active, headerbar.selection-mode button.flat:backdrop:insensitive:checked, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked, headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked { color: #8db9e8; border-color: #5094db; background-image: linear-gradient(to bottom, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); border-color: #184472; } .titlebar.selection-mode button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode button:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode button:backdrop:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode button.flat:backdrop:insensitive:active > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:active > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode button.flat:backdrop:insensitive:checked > .label, headerbar.selection-mode button.sidebar-button:backdrop:insensitive:checked > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode button.sidebar-button:backdrop, .titlebar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.flat:insensitive, .titlebar.selection-mode button.sidebar-button:insensitive, .titlebar.selection-mode button.titlebutton:insensitive, .titlebar.selection-mode button.flat:insensitive:backdrop, .titlebar.selection-mode button.sidebar-button:insensitive:backdrop, .titlebar.selection-mode button.titlebutton:insensitive:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.sidebar-button:backdrop, headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode button.flat:insensitive, headerbar.selection-mode button.sidebar-button:insensitive, headerbar.selection-mode button.titlebutton:insensitive, headerbar.selection-mode button.flat:insensitive:backdrop, headerbar.selection-mode button.sidebar-button:insensitive:backdrop, headerbar.selection-mode button.titlebutton:insensitive:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } .titlebar.selection-mode button:insensitive, headerbar.selection-mode button:insensitive { color: #b2d0ef; border-color: #1c5187; background-image: linear-gradient(to bottom, #65a1df); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a5c8ec; } .titlebar.selection-mode button:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive > .label, headerbar.selection-mode button:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode button:insensitive:active, .titlebar.selection-mode button:insensitive:checked, headerbar.selection-mode button:insensitive:active, headerbar.selection-mode button:insensitive:checked { color: #b9d4f1; border-color: #1c5187; background-image: linear-gradient(to bottom, #4b8dd3, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a5c8ec; } .titlebar.selection-mode button:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:active > .label, .titlebar.selection-mode button:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:checked > .label, headerbar.selection-mode button:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive:active > .label, headerbar.selection-mode button:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode button.suggested-action, headerbar.selection-mode button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px #a5c8ec; border-color: #184472; } .titlebar.selection-mode button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px #a5c8ec; border-color: #184472; } .titlebar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px #a5c8ec; border-color: #184472; } .titlebar.selection-mode button.suggested-action:insensitive, headerbar.selection-mode button.suggested-action:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a5c8ec; border-color: #184472; } .titlebar.selection-mode button.suggested-action:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:insensitive > .label, headerbar.selection-mode button.suggested-action:insensitive > .label, headerbar.selection-mode .titlebar button.suggested-action.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); border-color: #184472; } .titlebar.selection-mode button.suggested-action:backdrop:insensitive, headerbar.selection-mode button.suggested-action:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); border-color: #184472; } .titlebar.selection-mode button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button.suggested-action:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop, .titlebar.selection-mode headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu:backdrop { border-color: rgba(74, 144, 217, 0); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0)); box-shadow: none; padding-left: 10px; padding-right: 10px; } .titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow, headerbar.selection-mode .selection-menu GtkArrow, headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop GtkArrow, .titlebar.selection-mode headerbar.selection-mode .selection-menu:backdrop GtkArrow, headerbar.selection-mode .selection-menu:backdrop GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); icon-shadow: none; } .tiled .titlebar, .maximized .titlebar, .tiled headerbar, .maximized headerbar { border-radius: 0; } .titlebar.default-decoration, headerbar.default-decoration { padding: 4px; } .titlebar.default-decoration button, headerbar.default-decoration button, headerbar.default-decoration .titlebar button.titlebutton, .titlebar headerbar.default-decoration button.titlebutton { padding: 5px; } /************ * Pathbars * ************/ .path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton, .path-bar .titlebar button.titlebutton, .titlebar .path-bar button.titlebutton { padding: 5px 6px 6px; } .path-bar button:first-child { padding-left: 8px; } .path-bar button:last-child { padding-right: 8px; } .path-bar button:only-child { padding-left: 12px; padding-right: 12px; } .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 image, .path-bar .titlebar button.titlebutton image, .titlebar .path-bar button.titlebutton image { padding-top: 1px; } /************** * Tree Views * **************/ treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: #979a9b; border-top-color: #ededed; } treeview.view:selected { border-radius: 0; } treeview.view:selected, treeview.view:backdrop:selected { border-left-color: #a5c8ec; border-top-color: rgba(46, 52, 54, 0.1); } treeview.view:insensitive { color: #8e9192; } treeview.view:insensitive:selected { color: #92bce8; } treeview.view:insensitive:selected:backdrop { color: #80b1e4; } treeview.view:insensitive:backdrop { color: #c7c7c7; } treeview.view.separator:backdrop { color: rgba(0, 0, 0, 0.1); } treeview.view:backdrop { border-left-color: #bebfc0; border-top: #ededed; } treeview.view.dnd { border-style: solid none; border-width: 1px; border-color: #3c6288; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #6d7172; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #2e3436; } treeview.view.expander:selected { color: #c9def4; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { color: #c9def4; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { color: #b0b2b3; } treeview.view.progressbar { color: #ffffff; border: 1px solid #184472; border-radius: 4px; background-image: linear-gradient(to bottom, #4a90d9, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } treeview.view.progressbar:selected { color: #4a90d9; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } treeview.view.progressbar:selected:backdrop { color: #4a90d9; border-color: #184472; background-color: white; } treeview.view.progressbar:backdrop { color: white; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(46, 52, 54, 0.1); border-radius: 4px; } treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); border-width: 1px 0; border-style: solid; border-color: #4a90d9; } treeview.view header button, treeview.view header .titlebar button.titlebutton, .titlebar treeview.view header button.titlebutton { color: #979a9b; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: #636769; box-shadow: none; transition: none; } treeview.view header button:active { color: #2e3436; transition: none; } treeview.view header button:last-child, treeview.view header button:last-child:backdrop, treeview.view header:last-child button, treeview.view header:last-child button:backdrop { border-right-style: none; } treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { transition: none; color: #4a90d9; box-shadow: inset 1px 1px 0 1px #4a90d9, inset -1px 0 0 1px #4a90d9, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } treeview.view header button, treeview.view header .titlebar button.titlebutton, .titlebar treeview.view header button.titlebutton, treeview.view header button:hover, treeview.view header button:active { padding: 3px 6px; border-style: none solid solid none; border-radius: 0; background-image: none; border-color: #ededed; text-shadow: none; } treeview.view header button:insensitive { border-color: #ededed; background-image: none; } treeview.view header button:backdrop { border-color: #ededed; border-style: none solid solid none; color: #bebfc0; background-image: none; background-color: white; } treeview.view header button:backdrop:insensitive { border-color: #ededed; background-image: none; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { background-color: #ededed; } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #4a90d9; color: #2a76c6; } menubar > menuitem:insensitive, .menubar > menuitem:insensitive { color: #8e9192; box-shadow: none; } menu, .menu { margin: 4px; padding: 0px; background-color: #ffffff; border: 1px solid #a1a1a1; } .csd menu, .csd .menu { border: none; } menu menuitem, .menu menuitem { text-shadow: none; padding: 4px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #4a90d9; } menu menuitem:insensitive, .menu menuitem:insensitive { color: #8e9192; } menu menuitem:insensitive:backdrop, .menu menuitem:insensitive:backdrop { color: #c7c7c7; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover { color: #8e9192; background-color: white; } menu menuitem arrow, .menu menuitem arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } menu arrow, .menu arrow { border-style: none; border-radius: 0; } menu arrow.top, .menu arrow.top { border-bottom: 1px solid #eaebeb; } menu arrow.bottom, .menu arrow.bottom { border-top: 1px solid #eaebeb; } menu arrow:hover, .menu arrow:hover { background-color: #eaebeb; } menu arrow:insensitive, .menu arrow:insensitive { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } /*************** * Popovers * ***************/ popover { padding: 2px; border: 1px solid #a1a1a1; border-radius: 5px; background-color: #f6f6f6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } popover:backdrop { box-shadow: none; } popover > list, popover > .view, popover > toolbar, popover > .inline-toolbar, popover > searchbar, popover > .location-bar, popover.osd > toolbar, popover.osd > .inline-toolbar, popover.osd > searchbar, popover.osd > .location-bar { border-style: none; background-color: transparent; } popover button.flat, popover button.sidebar-button, popover headerbar button.titlebutton, headerbar popover button.titlebutton, popover .titlebar button.titlebutton, .titlebar popover button.titlebutton, popover button.flat:hover, popover button.sidebar-button:hover, popover headerbar button.titlebutton:hover, headerbar popover button.titlebutton:hover, popover .titlebar button.titlebutton:hover, .titlebar popover button.titlebutton:hover { text-shadow: none; transition: none; } /************* * Notebooks * *************/ notebook { -GtkNotebook-initial-gap: 10; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: -8; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; padding: 0; background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:backdrop { background-color: white; } notebook.frame { border: 1px solid #a1a1a1; } notebook.frame:backdrop { border-color: darkgray; } notebook header { background-color: #d6d6d6; } .frame notebook header { border: 1px solid #a1a1a1; } .frame notebook header.top { border-bottom-width: 0; } .frame notebook header.bottom { border-top-width: 0; } .frame notebook header.right { border-left-width: 0; } .frame notebook header.left { border-right-width: 0; } .frame notebook header:backdrop { border-color: darkgray; } notebook header.top { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #a1a1a1; } notebook header.top:backdrop { box-shadow: inset 0 -1px darkgray; } notebook header.top tab { padding: 8px 20px; border-bottom-width: 3px; } notebook header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; border-left-width: 1px; border-right-width: 1px; } notebook header.bottom { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #a1a1a1; } notebook header.bottom:backdrop { box-shadow: inset 0 1px darkgray; } notebook header.bottom tab { padding: 8px 20px; border-top-width: 3px; } notebook header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; border-left-width: 1px; border-right-width: 1px; } notebook header.right { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #a1a1a1; } notebook header.right:backdrop { box-shadow: inset 1px 0 darkgray; } notebook header.right tab { padding: 5px 20px; border-left-width: 3px; } notebook header.right tab.reorderable-page { border-bottom-width: 1px; border-top-width: 1px; } notebook header.left { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #a1a1a1; } notebook header.left:backdrop { box-shadow: inset -1px 0 darkgray; } notebook header.left tab { padding: 5px 20px; border-right-width: 3px; } notebook header.left tab.reorderable-page { border-bottom-width: 1px; border-top-width: 1px; } notebook header:backdrop { background-color: #d5d5d5; box-shadow: none; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook header tabs arrow { color: #8e9192; } notebook header tabs arrow:hover { color: #5e6364; } notebook header tabs arrow:active { color: #2e3436; } notebook header tabs arrow:insensitive { color: rgba(142, 145, 146, 0.3); } notebook header tabs arrow:backdrop { color: rgba(142, 145, 146, 0.4); } notebook header tabs arrow:backdrop:insensitive { color: #c7c7c7; } notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-offset: 0; } notebook tab:hover { border-color: #a1a1a1; } notebook tab:active, notebook tab:backdrop:active { border-color: #4a90d9; } notebook tab:backdrop { background-color: transparent; border-color: transparent; } .top notebook tab.reorderable-page { border-color: transparent; } .top notebook tab.reorderable-page:hover { border-color: rgba(161, 161, 161, 0.3); border-bottom-color: #a1a1a1; background-color: rgba(237, 237, 237, 0.2); } .top notebook tab.reorderable-page:active { background-color: rgba(237, 237, 237, 0.5); border-color: rgba(161, 161, 161, 0.5); border-bottom-color: #4a90d9; } .top notebook tab.reorderable-page:active:hover { background-color: rgba(237, 237, 237, 0.7); } .top notebook tab.reorderable-page:active:backdrop { border-color: darkgray; background-color: #ededed; border-bottom-color: #4a90d9; } .top notebook tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } .bottom notebook tab.reorderable-page { border-color: transparent; } .bottom notebook tab.reorderable-page:hover { border-color: rgba(161, 161, 161, 0.3); border-top-color: #a1a1a1; background-color: rgba(237, 237, 237, 0.2); } .bottom notebook tab.reorderable-page:active { background-color: rgba(237, 237, 237, 0.5); border-color: rgba(161, 161, 161, 0.5); border-top-color: #4a90d9; } .bottom notebook tab.reorderable-page:active:hover { background-color: rgba(237, 237, 237, 0.7); } .bottom notebook tab.reorderable-page:active:backdrop { border-color: darkgray; background-color: #ededed; border-top-color: #4a90d9; } .bottom notebook tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } .left notebook tab.reorderable-page { border-color: transparent; } .left notebook tab.reorderable-page:hover { border-color: rgba(161, 161, 161, 0.3); border-right-color: #a1a1a1; background-color: rgba(237, 237, 237, 0.2); } .left notebook tab.reorderable-page:active { background-color: rgba(237, 237, 237, 0.5); border-color: rgba(161, 161, 161, 0.5); border-right-color: #4a90d9; } .left notebook tab.reorderable-page:active:hover { background-color: rgba(237, 237, 237, 0.7); } .left notebook tab.reorderable-page:active:backdrop { border-color: darkgray; background-color: #ededed; border-right-color: #4a90d9; } .left notebook tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } .right notebook tab.reorderable-page { border-color: transparent; } .right notebook tab.reorderable-page:hover { border-color: rgba(161, 161, 161, 0.3); border-left-color: #a1a1a1; background-color: rgba(237, 237, 237, 0.2); } .right notebook tab.reorderable-page:active { background-color: rgba(237, 237, 237, 0.5); border-color: rgba(161, 161, 161, 0.5); border-left-color: #4a90d9; } .right notebook tab.reorderable-page:active:hover { background-color: rgba(237, 237, 237, 0.7); } .right notebook tab.reorderable-page:active:backdrop { border-color: darkgray; background-color: #ededed; border-left-color: #4a90d9; } .right notebook tab.reorderable-page:backdrop { border-color: transparent; background-color: transparent; } notebook tab label { padding: 0 2px; font-weight: bold; color: #8e9192; } notebook tab label:backdrop { color: #abacad; } notebook tab:hover label { color: #5e6364; } notebook tab:hover label:backdrop { color: #abacad; } notebook tab:active label { color: #2e3436; } notebook tab:active label:backdrop { color: #8e9192; } notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton, notebook tab .titlebar button.titlebutton, .titlebar notebook tab button.titlebutton { padding: 0; border: 1px solid transparent; icon-shadow: none; transition: none; color: rgba(46, 52, 54, 0.3); } notebook tab button:hover, notebook tab .titlebar button.titlebutton:hover, .titlebar notebook tab button.titlebutton:hover { color: #2e3436; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; background-image: none; box-shadow: none; } notebook tab button:active, notebook tab .titlebar button.titlebutton:active, .titlebar notebook tab button.titlebutton:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } notebook tab button:backdrop, notebook tab .titlebar button.titlebutton:backdrop, .titlebar notebook tab button.titlebutton:backdrop { color: rgba(142, 145, 146, 0.3); border-color: transparent; } notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image, notebook tab .titlebar button.titlebutton > image, .titlebar notebook tab button.titlebutton > image { padding: 2px; } /************** * Scrollbars * **************/ scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton, scrollbar .titlebar button.titlebutton, .titlebar scrollbar button.titlebutton { border: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #2e3436; border: 1px solid white; background-clip: padding-box; } 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: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin-left: 2px; margin-right: 2px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.7; } scrollbar trough { background-color: #dbdbdb; border: 1px none #a1a1a1; } scrollbar trough:backdrop { background-color: #e5e5e5; border-color: darkgray; } scrollbar slider { background-color: #7a7e7f; } scrollbar slider:hover { background-color: #54595b; } scrollbar slider:prelight:active { background-color: #2a76c6; } scrollbar slider:backdrop { background-color: #c7c8c9; } scrollbar slider:insensitive { background-color: transparent; } scrollbar slider { border-radius: 100px; margin: 3px; } scrollbar.fine-tune slider { margin: 4px; } scrollbar.vertical slider { margin-left: 4px; } scrollbar.vertical slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } scrollbar.vertical.fine-tune slider { margin-left: 5px; } scrollbar.vertical.fine-tune slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } scrollbar.vertical trough { border-left-style: solid; } scrollbar.vertical trough:dir(rtl) { border-left-style: none; border-right-style: solid; } scrollbar.horizontal slider { margin-top: 4px; } scrollbar.horizontal.fine-tune slider { margin-top: 5px; } scrollbar.horizontal trough { border-top-style: solid; } /********** * Switch * **********/ switch { font-weight: bold; font-size: smaller; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; border: 1px solid #a1a1a1; border-radius: 3px; color: #2e3436; background-image: linear-gradient(to bottom, #cfcfcf); text-shadow: 0 1px rgba(0, 0, 0, 0.1); } * { -GtkSwitch-slider-width: 45px; -GtkSwitch-slider-height: 27px; } switch:active { background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); color: white; border-color: #184472; box-shadow: 0 1px white; text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: none; background-color: #f4f4f4; box-shadow: 0 1px white; text-shadow: none; } switch:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #d5d5d5); box-shadow: none; text-shadow: none; } switch:backdrop:active { color: #ededed; border-color: #4a90d9; background-image: linear-gradient(to bottom, #4a90d9); box-shadow: none; } switch:insensitive { color: #c7c7c7; border-color: darkgray; background-image: none; background-color: #f4f4f4; } switch slider { border: 1px solid; border-radius: 3px; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; } switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; } switch:active slider { border: 1px solid #184472; } switch:insensitive slider { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:insensitive slider > .label { color: inherit; } switch:backdrop slider { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); box-shadow: none; } switch:backdrop:active slider { border-color: #4a90d9; } switch:backdrop:insensitive slider { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); box-shadow: none; } switch:backdrop:insensitive slider > .label { color: inherit; } row:selected switch { box-shadow: none; border-color: #184472; } row:selected switch:backdrop { border-color: #184472; } row:selected switch.slider:dir(rtl) { border-left-color: #a1a1a1; } row:selected switch.slider:dir(ltr) { border-right-color: #a1a1a1; } row:selected switch.slider, row:selected switch.slider:active { border-color: #184472; } /************************* * Check and Radio items * *************************/ check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); icon-shadow: 0 1px 0 white; } check button.flat, check button.sidebar-button, check headerbar button.titlebutton, headerbar check button.titlebutton, check .titlebar button.titlebutton, .titlebar check button.titlebutton { icon-shadow: none; } .view check:selected, row:selected check { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); } check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); icon-shadow: 0 1px 0 white; } check:hover button.flat, check:hover button.sidebar-button, check:hover headerbar button.titlebutton, headerbar check:hover button.titlebutton, check:hover .titlebar button.titlebutton, .titlebar check:hover button.titlebutton { icon-shadow: none; } .view check:hover:selected, row:selected check:hover { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); } check:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); icon-shadow: 0 1px 0 white; } check:active button.flat, check:active button.sidebar-button, check:active headerbar button.titlebutton, headerbar check:active button.titlebutton, check:active .titlebar button.titlebutton, .titlebar check:active button.titlebutton { icon-shadow: none; } .view check:active:selected, row:selected check:active { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); } check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); icon-shadow: 0 1px 0 white; } check:insensitive button.flat, check:insensitive button.sidebar-button, check:insensitive headerbar button.titlebutton, headerbar check:insensitive button.titlebutton, check:insensitive .titlebar button.titlebutton, .titlebar check:insensitive button.titlebutton { icon-shadow: none; } .view check:insensitive:selected, row:selected check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); } check:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); icon-shadow: none; } check:backdrop button.flat, check:backdrop button.sidebar-button, check:backdrop headerbar button.titlebutton, headerbar check:backdrop button.titlebutton, check:backdrop .titlebar button.titlebutton, .titlebar check:backdrop button.titlebutton { icon-shadow: none; } .view check:backdrop:selected, row:selected check:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); } check:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); icon-shadow: none; } check:backdrop:insensitive button.flat, check:backdrop:insensitive button.sidebar-button, check:backdrop:insensitive headerbar button.titlebutton, headerbar check:backdrop:insensitive button.titlebutton, check:backdrop:insensitive .titlebar button.titlebutton, .titlebar check:backdrop:insensitive button.titlebutton { icon-shadow: none; } .view check:backdrop:insensitive:selected, row:selected check:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); } check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); icon-shadow: 0 1px 0 white; } check:inconsistent button.flat, check:inconsistent button.sidebar-button, check:inconsistent headerbar button.titlebutton, headerbar check:inconsistent button.titlebutton, check:inconsistent .titlebar button.titlebutton, .titlebar check:inconsistent button.titlebutton { icon-shadow: none; } .view check:inconsistent:selected, row:selected check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); } check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); icon-shadow: 0 1px 0 white; } check:inconsistent:hover button.flat, check:inconsistent:hover button.sidebar-button, check:inconsistent:hover headerbar button.titlebutton, headerbar check:inconsistent:hover button.titlebutton, check:inconsistent:hover .titlebar button.titlebutton, .titlebar check:inconsistent:hover button.titlebutton { icon-shadow: none; } .view check:inconsistent:hover:selected, row:selected check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); } check:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); icon-shadow: 0 1px 0 white; } check:inconsistent:selected button.flat, check:inconsistent:selected button.sidebar-button, check:inconsistent:selected headerbar button.titlebutton, headerbar check:inconsistent:selected button.titlebutton, check:inconsistent:selected .titlebar button.titlebutton, .titlebar check:inconsistent:selected button.titlebutton { icon-shadow: none; } .view check:inconsistent:selected:selected, row:selected check:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); } check:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); icon-shadow: none; } check:inconsistent:backdrop button.flat, check:inconsistent:backdrop button.sidebar-button, check:inconsistent:backdrop headerbar button.titlebutton, headerbar check:inconsistent:backdrop button.titlebutton, check:inconsistent:backdrop .titlebar button.titlebutton, .titlebar check:inconsistent:backdrop button.titlebutton { icon-shadow: none; } .view check:inconsistent:backdrop:selected, row:selected check:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); } check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); icon-shadow: 0 1px 0 white; } check:inconsistent:insensitive button.flat, check:inconsistent:insensitive button.sidebar-button, check:inconsistent:insensitive headerbar button.titlebutton, headerbar check:inconsistent:insensitive button.titlebutton, check:inconsistent:insensitive .titlebar button.titlebutton, .titlebar check:inconsistent:insensitive button.titlebutton { icon-shadow: none; } .view check:inconsistent:insensitive:selected, row:selected check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); } check:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png")); icon-shadow: none; } check:inconsistent:insensitive:backdrop button.flat, check:inconsistent:insensitive:backdrop button.sidebar-button, check:inconsistent:insensitive:backdrop headerbar button.titlebutton, headerbar check:inconsistent:insensitive:backdrop button.titlebutton, check:inconsistent:insensitive:backdrop .titlebar button.titlebutton, .titlebar check:inconsistent:insensitive:backdrop button.titlebutton { icon-shadow: none; } .view check:inconsistent:insensitive:backdrop:selected, row:selected check:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); } check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); icon-shadow: 0 1px 0 white; } check:checked button.flat, check:checked button.sidebar-button, check:checked headerbar button.titlebutton, headerbar check:checked button.titlebutton, check:checked .titlebar button.titlebutton, .titlebar check:checked button.titlebutton { icon-shadow: none; } .view check:checked:selected, row:selected check:checked { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); } check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); icon-shadow: 0 1px 0 white; } check:checked:insensitive button.flat, check:checked:insensitive button.sidebar-button, check:checked:insensitive headerbar button.titlebutton, headerbar check:checked:insensitive button.titlebutton, check:checked:insensitive .titlebar button.titlebutton, .titlebar check:checked:insensitive button.titlebutton { icon-shadow: none; } .view check:checked:insensitive:selected, row:selected check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); icon-shadow: 0 1px 0 white; } check:checked:hover button.flat, check:checked:hover button.sidebar-button, check:checked:hover headerbar button.titlebutton, headerbar check:checked:hover button.titlebutton, check:checked:hover .titlebar button.titlebutton, .titlebar check:checked:hover button.titlebutton { icon-shadow: none; } .view check:checked:hover:selected, row:selected check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); } check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); icon-shadow: 0 1px 0 white; } check:checked:active button.flat, check:checked:active button.sidebar-button, check:checked:active headerbar button.titlebutton, headerbar check:checked:active button.titlebutton, check:checked:active .titlebar button.titlebutton, .titlebar check:checked:active button.titlebutton { icon-shadow: none; } .view check:checked:active:selected, row:selected check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); } check:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); icon-shadow: none; } check:backdrop:checked button.flat, check:backdrop:checked button.sidebar-button, check:backdrop:checked headerbar button.titlebutton, headerbar check:backdrop:checked button.titlebutton, check:backdrop:checked .titlebar button.titlebutton, .titlebar check:backdrop:checked button.titlebutton { icon-shadow: none; } .view check:backdrop:checked:selected, row:selected check:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); } check:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); icon-shadow: none; } check:backdrop:checked:insensitive button.flat, check:backdrop:checked:insensitive button.sidebar-button, check:backdrop:checked:insensitive headerbar button.titlebutton, headerbar check:backdrop:checked:insensitive button.titlebutton, check:backdrop:checked:insensitive .titlebar button.titlebutton, .titlebar check:backdrop:checked:insensitive button.titlebutton { icon-shadow: none; } .view check:backdrop:checked:insensitive:selected, row:selected check:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); } menu menuitem.check { -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); color: #7a7e7f; icon-shadow: none; } menu menuitem.check:active, menu menuitem.check:checked { -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } menu menuitem.check:inconsistent { -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } menu menuitem.check:hover { color: #ffffff; } menu menuitem.check:insensitive { color: #bebfc0; } radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); icon-shadow: 0 1px 0 white; } radio button.flat, radio button.sidebar-button, radio headerbar button.titlebutton, headerbar radio button.titlebutton, radio .titlebar button.titlebutton, .titlebar radio button.titlebutton { icon-shadow: none; } .view radio:selected, row:selected radio { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); } radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); icon-shadow: 0 1px 0 white; } radio:hover button.flat, radio:hover button.sidebar-button, radio:hover headerbar button.titlebutton, headerbar radio:hover button.titlebutton, radio:hover .titlebar button.titlebutton, .titlebar radio:hover button.titlebutton { icon-shadow: none; } .view radio:hover:selected, row:selected radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); } radio:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); icon-shadow: 0 1px 0 white; } radio:active button.flat, radio:active button.sidebar-button, radio:active headerbar button.titlebutton, headerbar radio:active button.titlebutton, radio:active .titlebar button.titlebutton, .titlebar radio:active button.titlebutton { icon-shadow: none; } .view radio:active:selected, row:selected radio:active { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); } radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); icon-shadow: 0 1px 0 white; } radio:insensitive button.flat, radio:insensitive button.sidebar-button, radio:insensitive headerbar button.titlebutton, headerbar radio:insensitive button.titlebutton, radio:insensitive .titlebar button.titlebutton, .titlebar radio:insensitive button.titlebutton { icon-shadow: none; } .view radio:insensitive:selected, row:selected radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); icon-shadow: none; } radio:backdrop button.flat, radio:backdrop button.sidebar-button, radio:backdrop headerbar button.titlebutton, headerbar radio:backdrop button.titlebutton, radio:backdrop .titlebar button.titlebutton, .titlebar radio:backdrop button.titlebutton { icon-shadow: none; } .view radio:backdrop:selected, row:selected radio:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); } radio:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); icon-shadow: none; } radio:backdrop:insensitive button.flat, radio:backdrop:insensitive button.sidebar-button, radio:backdrop:insensitive headerbar button.titlebutton, headerbar radio:backdrop:insensitive button.titlebutton, radio:backdrop:insensitive .titlebar button.titlebutton, .titlebar radio:backdrop:insensitive button.titlebutton { icon-shadow: none; } .view radio:backdrop:insensitive:selected, row:selected radio:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); } radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); icon-shadow: 0 1px 0 white; } radio:inconsistent button.flat, radio:inconsistent button.sidebar-button, radio:inconsistent headerbar button.titlebutton, headerbar radio:inconsistent button.titlebutton, radio:inconsistent .titlebar button.titlebutton, .titlebar radio:inconsistent button.titlebutton { icon-shadow: none; } .view radio:inconsistent:selected, row:selected radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); } radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); icon-shadow: 0 1px 0 white; } radio:inconsistent:hover button.flat, radio:inconsistent:hover button.sidebar-button, radio:inconsistent:hover headerbar button.titlebutton, headerbar radio:inconsistent:hover button.titlebutton, radio:inconsistent:hover .titlebar button.titlebutton, .titlebar radio:inconsistent:hover button.titlebutton { icon-shadow: none; } .view radio:inconsistent:hover:selected, row:selected radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); } radio:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); icon-shadow: 0 1px 0 white; } radio:inconsistent:selected button.flat, radio:inconsistent:selected button.sidebar-button, radio:inconsistent:selected headerbar button.titlebutton, headerbar radio:inconsistent:selected button.titlebutton, radio:inconsistent:selected .titlebar button.titlebutton, .titlebar radio:inconsistent:selected button.titlebutton { icon-shadow: none; } .view radio:inconsistent:selected:selected, row:selected radio:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); } radio:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); icon-shadow: none; } radio:inconsistent:backdrop button.flat, radio:inconsistent:backdrop button.sidebar-button, radio:inconsistent:backdrop headerbar button.titlebutton, headerbar radio:inconsistent:backdrop button.titlebutton, radio:inconsistent:backdrop .titlebar button.titlebutton, .titlebar radio:inconsistent:backdrop button.titlebutton { icon-shadow: none; } .view radio:inconsistent:backdrop:selected, row:selected radio:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); } radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); icon-shadow: 0 1px 0 white; } radio:inconsistent:insensitive button.flat, radio:inconsistent:insensitive button.sidebar-button, radio:inconsistent:insensitive headerbar button.titlebutton, headerbar radio:inconsistent:insensitive button.titlebutton, radio:inconsistent:insensitive .titlebar button.titlebutton, .titlebar radio:inconsistent:insensitive button.titlebutton { icon-shadow: none; } .view radio:inconsistent:insensitive:selected, row:selected radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); } radio:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png")); icon-shadow: none; } radio:inconsistent:insensitive:backdrop button.flat, radio:inconsistent:insensitive:backdrop button.sidebar-button, radio:inconsistent:insensitive:backdrop headerbar button.titlebutton, headerbar radio:inconsistent:insensitive:backdrop button.titlebutton, radio:inconsistent:insensitive:backdrop .titlebar button.titlebutton, .titlebar radio:inconsistent:insensitive:backdrop button.titlebutton { icon-shadow: none; } .view radio:inconsistent:insensitive:backdrop:selected, row:selected radio:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); } radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); icon-shadow: 0 1px 0 white; } radio:checked button.flat, radio:checked button.sidebar-button, radio:checked headerbar button.titlebutton, headerbar radio:checked button.titlebutton, radio:checked .titlebar button.titlebutton, .titlebar radio:checked button.titlebutton { icon-shadow: none; } .view radio:checked:selected, row:selected radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); } radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); icon-shadow: 0 1px 0 white; } radio:checked:insensitive button.flat, radio:checked:insensitive button.sidebar-button, radio:checked:insensitive headerbar button.titlebutton, headerbar radio:checked:insensitive button.titlebutton, radio:checked:insensitive .titlebar button.titlebutton, .titlebar radio:checked:insensitive button.titlebutton { icon-shadow: none; } .view radio:checked:insensitive:selected, row:selected radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); icon-shadow: 0 1px 0 white; } radio:checked:hover button.flat, radio:checked:hover button.sidebar-button, radio:checked:hover headerbar button.titlebutton, headerbar radio:checked:hover button.titlebutton, radio:checked:hover .titlebar button.titlebutton, .titlebar radio:checked:hover button.titlebutton { icon-shadow: none; } .view radio:checked:hover:selected, row:selected radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); icon-shadow: 0 1px 0 white; } radio:checked:active button.flat, radio:checked:active button.sidebar-button, radio:checked:active headerbar button.titlebutton, headerbar radio:checked:active button.titlebutton, radio:checked:active .titlebar button.titlebutton, .titlebar radio:checked:active button.titlebutton { icon-shadow: none; } .view radio:checked:active:selected, row:selected radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); } radio:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); icon-shadow: none; } radio:backdrop:checked button.flat, radio:backdrop:checked button.sidebar-button, radio:backdrop:checked headerbar button.titlebutton, headerbar radio:backdrop:checked button.titlebutton, radio:backdrop:checked .titlebar button.titlebutton, .titlebar radio:backdrop:checked button.titlebutton { icon-shadow: none; } .view radio:backdrop:checked:selected, row:selected radio:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); } radio:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); icon-shadow: none; } radio:backdrop:checked:insensitive button.flat, radio:backdrop:checked:insensitive button.sidebar-button, radio:backdrop:checked:insensitive headerbar button.titlebutton, headerbar radio:backdrop:checked:insensitive button.titlebutton, radio:backdrop:checked:insensitive .titlebar button.titlebutton, .titlebar radio:backdrop:checked:insensitive button.titlebutton { icon-shadow: none; } .view radio:backdrop:checked:insensitive:selected, row:selected radio:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); } menu menuitem.radio { -gtk-icon-source: -gtk-icontheme("radio-symbolic"); color: #7a7e7f; icon-shadow: none; } menu menuitem.radio:active, menu menuitem.radio:checked { -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } menu menuitem.radio:inconsistent { -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } menu menuitem.radio:hover { color: #ffffff; } menu menuitem.radio:insensitive { color: #bebfc0; } .view.check, .view.radio, row .check, row .radio { icon-shadow: none; } .view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover, row .check:selected, row .check:hover, row .radio:selected, row .radio:hover { icon-shadow: none; } .view.content-view.check:not(list) { icon-shadow: none; -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) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:active:not(list) { icon-shadow: none; -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:backdrop:not(list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list) { icon-shadow: none; -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) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:active:not(list) { icon-shadow: none; -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:backdrop:checked:not(list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 1px 2px 4px; outline-offset: 0; } checkbutton.text-button:insensitive, checkbutton.text-button:insensitive:active, checkbutton.text-button:insensitive:inconsistent, radiobutton.text-button:insensitive, radiobutton.text-button:insensitive:active, radiobutton.text-button:insensitive:inconsistent { color: #8e9192; } checkbutton.text-button:insensitive:backdrop, checkbutton.text-button:insensitive:active:backdrop, checkbutton.text-button:insensitive:inconsistent:backdrop, radiobutton.text-button:insensitive:backdrop, radiobutton.text-button:insensitive:active:backdrop, radiobutton.text-button:insensitive:inconsistent:backdrop { color: #c7c7c7; } /************ * GtkScale * ************/ scale { -GtkScale-slider-length: 20; -GtkRange-slider-width: 24; -GtkRange-trough-border: 2; outline-offset: -9px; outline-radius: 4px; } scale.fine-tune { outline-offset: -7px; outline-radius: 6px; } scale.fine-tune highlight, scale.fine-tune fill, scale.fine-tune trough { border-radius: 4px; } scale.fine-tune highlight:not(:first-child):not(:last-child), scale.fine-tune highlight:only-child, scale.fine-tune fill:not(:first-child):not(:last-child), scale.fine-tune fill:only-child, scale.fine-tune trough:not(:first-child):not(:last-child), scale.fine-tune trough:only-child { margin: 10px; } scale trough:not(:first-child):not(:last-child), scale trough:only-child, scale fill:not(:first-child):not(:last-child), scale fill:only-child, scale highlight:not(:first-child):not(:last-child), scale highlight:only-child { margin: 12px; } scale trough:not(:first-child):not(:last-child) slider, scale trough:only-child slider { margin: 2px 0; } scale.vertical trough:not(:first-child):not(:last-child) slider, scale.vertical trough:only-child slider { margin: 0 2px; } scale trough { border: 1px solid #a1a1a1; border-radius: 3px; background-color: #cfcfcf; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } scale trough slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; border: 1px solid; border-radius: 50%; border-color: #999999; box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; } scale trough slider:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; border-color: #999999; border-radius: 50%; box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d6d6d6; } scale trough slider:insensitive { border-style: solid; border-radius: 50%; background-image: linear-gradient(to bottom, #f4f4f4); box-shadow: none; } scale trough slider:backdrop { border-style: solid; border-radius: 50%; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ededed); box-shadow: none; } scale trough slider:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } scale trough slider:backdrop:insensitive > .label { color: inherit; } scale trough slider:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; border: 1px solid #153d65; } .osd scale trough slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #202526; } .osd scale trough slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd scale trough slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd scale trough slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } scale trough highlight { background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); border: 1px solid #a1a1a1; border-radius: 3px; box-shadow: 0 1px white; } scale trough highlight.vertical { background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); } scale trough highlight:backdrop { border-color: #4a90d9; background-color: #4a90d9; box-shadow: none; } scale trough fill { background: none; background-color: red; border: 1px solid #a1a1a1; border-radius: 3px; box-shadow: 0 1px white; } scale trough:insensitive, scale trough.vertical:insensitive { border-color: #a1a1a1; background-image: none; background-color: #f4f4f4; box-shadow: 0 1px white; } scale trough:backdrop { border-color: darkgray; background-color: #c7c7c7; box-shadow: none; } scale trough:backdrop:insensitive, scale trough .highlight:backdrop:insensitive { border-color: darkgray; background-color: #f4f4f4; } .osd scale trough { border-color: rgba(0, 0, 0, 0.7); box-shadow: none; margin: 9px; background-color: rgba(0, 0, 0, 0.5); outline-color: rgba(238, 238, 236, 0.2); outline-offset: -8px; } .osd scale trough.fine-tune { margin: 7px; } .osd scale trough.highlight { background-image: none; background-color: #4a90d9; } .osd scale trough:insensitive, .osd scale trough:backdrop:insensitive { border-color: transparent; background-color: transparent; } .osd scale trough:backdrop { border-color: rgba(0, 0, 0, 0.7); background-image: none; } row:selected scale { border-color: #184472; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale:backdrop { box-shadow: none; } row:selected scale.highlight:backdrop { border-color: #184472; } row:selected scale:insensitive, row:selected scale.highlight:insensitive { border-color: #4a90d9; box-shadow: none; background-color: #a5c8ec; background-image: none; } row:selected scale:insensitive:backdrop, row:selected scale.highlight:insensitive:backdrop { background-color: #a5c8ec; } scale marks { color: alpha(currentColor,0.5); } scale trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale trough:first-child:not(:last-child) slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale trough:not(:first-child):last-child 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 trough:not(:first-child):last-child slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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 trough:not(:first-child):last-child slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale trough:not(:first-child):last-child slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale.vertical trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale.vertical trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) 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 trough:first-child:not(:last-child) slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale.vertical trough:first-child:not(:last-child) slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale.vertical trough:not(:first-child):last-child 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 trough:not(:first-child):last-child slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale.vertical trough:not(:first-child):last-child 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 trough:not(:first-child):last-child 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.vertical trough:not(:first-child):last-child slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale.vertical trough:not(:first-child):last-child slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } scale trough:not(:first-child):last-child { margin: 14px 10px 10px 10px; } scale trough:first-child:not(:last-child) { margin: 10px 10px 14px 10px; } scale.vertical trough:not(:first-child):last-child { margin: 10px 10px 10px 14px; } scale.vertical trough:first-child:not(:last-child) { margin: 10px 14px 10px 10px; } scale.fine-tune trough:not(:first-child):last-child { margin: 12px 8px 8px 8px; } scale.fine-tune trough:first-child:not(:last-child) { margin: 8px 8px 12px 8px; } scale.vertical.fine-tune trough:not(:first-child):last-child { margin: 8px 8px 8px 12px; } scale.vertical.fine-tune trough:first-child:not(:last-child) { margin: 8px 12px 8px 8px; } /***************** * Progress bars * *****************/ progressbar { padding: 0; font-size: smaller; color: rgba(46, 52, 54, 0.4); box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } progressbar:backdrop { color: #c7c7c7; } progressbar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar trough { border: 1px solid #a1a1a1; border-radius: 3px; background-color: #d2d2d2; } progressbar trough:backdrop { border-color: darkgray; background-color: #d5d5d5; box-shadow: 0 1px rgba(255, 255, 255, 0); } progressbar.horizontal progress { background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); border: 1px solid #184472; border-radius: 1.5px; box-shadow: none; } progressbar.horizontal progress.left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } progressbar.horizontal progress.right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } progressbar.horizontal progress.left.right { box-shadow: none; } progressbar.vertical progress { background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); border: 1px solid #184472; border-radius: 1.5px; box-shadow: none; } progressbar.vertical progress.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: none; } progressbar.vertical progress.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } progressbar.vertical progress:backdrop { border-color: #4a90d9; background-image: none; background-color: #4a90d9; box-shadow: none; } progressbar.vertical progress.osd { background-image: none; background-color: #4a90d9; border-style: none; border-radius: 0; } /************* * Level Bar * *************/ levelbar { box-shadow: 0 1px white; -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } levelbar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: black; border-color: #a1a1a1; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; } levelbar trough:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); color: #333333; border-color: darkgray; background-image: linear-gradient(to bottom, white); box-shadow: 0 1px rgba(255, 255, 255, 0); } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #2a76c6; background-color: #4a90d9; box-shadow: 0 1px rgba(0, 0, 0, 0.1); border-radius: 1px; } levelbar block:not(.empty):backdrop { border-color: #4a90d9; box-shadow: none; } levelbar block.low { border-color: #c26000; background-color: #f57900; } levelbar block.low:backdrop { border-color: #f57900; } levelbar block.high { border-color: #2a76c6; background-color: #4a90d9; } levelbar block.high:backdrop { border-color: #4a90d9; } levelbar block.full { border-color: #5aa411; background-color: #73d216; } levelbar block.full:backdrop { border-color: #73d216; } levelbar block.empty { border: 1px solid #2a76c6; border-radius: 1px; background-color: transparent; border-color: rgba(46, 52, 54, 0.2); box-shadow: none; } levelbar block.empty:backdrop { border-color: rgba(142, 145, 146, 0.15); } /********** * Frames * **********/ frame, .frame { border: 1px solid #a1a1a1; padding: 0; } frame.flat, .frame.flat { border-style: none; } frame:backdrop, .frame:backdrop { border-color: darkgray; } paper { border: 1px solid #a1a1a1; background: white; padding: 0; } paper:backdrop { border-color: darkgray; } actionbar frame { padding: 6px; border-width: 1px 0 0; } placessidebar viewport.frame, scrolledwindow viewport.frame { border-style: none; } placessidebar overshoot.top, scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.top:backdrop, scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.bottom, scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.bottom:backdrop, scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.left, scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.left:backdrop, scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.right, scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } placessidebar overshoot.right:backdrop, scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } placessidebar undershoot.top, scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; box-shadow: none; } placessidebar undershoot.bottom, scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; box-shadow: none; } placessidebar undershoot.left, scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; box-shadow: none; } placessidebar undershoot.right, scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; box-shadow: none; } placessidebar junction, scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #a1a1a1 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #dbdbdb; } placessidebar junction:dir(rtl), scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } placessidebar junction:backdrop, scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, darkgray 1px, transparent 1px); background-color: #e5e5e5; } separator { color: rgba(0, 0, 0, 0.1); } button.file separator.vertical, button.font separator.vertical { -GtkWidget-wide-separators: true; } /********* * Lists * *********/ list { background-color: #ffffff; border-color: #a1a1a1; } list:backdrop { background-color: white; border-color: darkgray; } list row { padding: 2px; } .grid-child { padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(46, 52, 54, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4787c9; } row.activatable:selected:backdrop { background-color: #4a90d9; } row:selected button, row:selected .titlebar button.titlebutton, .titlebar row:selected button.titlebutton { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; border-color: #184472; } row:selected button.flat, row:selected button.sidebar-button, row:selected headerbar button.titlebutton, headerbar row:selected button.titlebutton, row:selected .titlebar button.titlebutton, .titlebar row:selected button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #ffffff; } row:selected button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; border-color: #184472; } row:selected button:active, row:selected button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); border-color: #184472; } row:selected button:backdrop, row:selected button.flat:backdrop, row:selected button.sidebar-button:backdrop, row:selected headerbar button.titlebutton:backdrop, headerbar row:selected button.titlebutton:backdrop, row:selected .titlebar button.titlebutton:backdrop, .titlebar row:selected button.titlebutton:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } row:selected button:backdrop:active, row:selected button:backdrop:checked, row:selected button.flat:backdrop:active, row:selected button.sidebar-button:backdrop:active, row:selected headerbar button.titlebutton:backdrop:active, headerbar row:selected button.titlebutton:backdrop:active, row:selected .titlebar button.titlebutton:backdrop:active, .titlebar row:selected button.titlebutton:backdrop:active, row:selected button.flat:backdrop:checked, row:selected button.sidebar-button:backdrop:checked, row:selected headerbar button.titlebutton:backdrop:checked, headerbar row:selected button.titlebutton:backdrop:checked, row:selected .titlebar button.titlebutton:backdrop:checked, .titlebar row:selected button.titlebutton:backdrop:checked { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #d5d5d5); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } row:selected button:backdrop:insensitive, row:selected button.flat:backdrop:insensitive, row:selected button.sidebar-button:backdrop:insensitive, row:selected headerbar button.titlebutton:backdrop:insensitive, headerbar row:selected button.titlebutton:backdrop:insensitive, row:selected .titlebar button.titlebutton:backdrop:insensitive, .titlebar row:selected button.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } row:selected button:backdrop:insensitive > .label, row:selected headerbar button.titlebutton:backdrop:insensitive > .label, row:selected .titlebar button.titlebutton:backdrop:insensitive > .label, row:selected button.flat:backdrop:insensitive > .label, row:selected button.sidebar-button:backdrop:insensitive > .label, row:selected headerbar button.titlebutton:backdrop:insensitive > .label, headerbar row:selected button.titlebutton:backdrop:insensitive > .label, row:selected .titlebar button.titlebutton:backdrop:insensitive > .label, .titlebar row:selected button.titlebutton:backdrop:insensitive > .label { color: inherit; } row:selected button:backdrop:insensitive:active, row:selected button:backdrop:insensitive:checked, row:selected button.flat:backdrop:insensitive:active, row:selected button.sidebar-button:backdrop:insensitive:active, row:selected headerbar button.titlebutton:backdrop:insensitive:active, headerbar row:selected button.titlebutton:backdrop:insensitive:active, row:selected .titlebar button.titlebutton:backdrop:insensitive:active, .titlebar row:selected button.titlebutton:backdrop:insensitive:active, row:selected button.flat:backdrop:insensitive:checked, row:selected button.sidebar-button:backdrop:insensitive:checked, row:selected headerbar button.titlebutton:backdrop:insensitive:checked, headerbar row:selected button.titlebutton:backdrop:insensitive:checked, row:selected .titlebar button.titlebutton:backdrop:insensitive:checked, .titlebar row:selected button.titlebutton:backdrop:insensitive:checked { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } row:selected button:backdrop:insensitive:active > .label, row:selected headerbar button.titlebutton:backdrop:insensitive:active > .label, row:selected .titlebar button.titlebutton:backdrop:insensitive:active > .label, row:selected button:backdrop:insensitive:checked > .label, row:selected headerbar button.titlebutton:backdrop:insensitive:checked > .label, row:selected .titlebar button.titlebutton:backdrop:insensitive:checked > .label, row:selected button.flat:backdrop:insensitive:active > .label, row:selected button.sidebar-button:backdrop:insensitive:active > .label, row:selected headerbar button.titlebutton:backdrop:insensitive:active > .label, headerbar row:selected button.titlebutton:backdrop:insensitive:active > .label, row:selected .titlebar button.titlebutton:backdrop:insensitive:active > .label, .titlebar row:selected button.titlebutton:backdrop:insensitive:active > .label, row:selected button.flat:backdrop:insensitive:checked > .label, row:selected button.sidebar-button:backdrop:insensitive:checked > .label, row:selected headerbar button.titlebutton:backdrop:insensitive:checked > .label, headerbar row:selected button.titlebutton:backdrop:insensitive:checked > .label, row:selected .titlebar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar row:selected button.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } row:selected button.flat:backdrop, row:selected button.sidebar-button:backdrop, row:selected headerbar button.titlebutton:backdrop, headerbar row:selected button.titlebutton:backdrop, row:selected .titlebar button.titlebutton:backdrop, .titlebar row:selected button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: white; } row:selected button:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } row:selected button:insensitive > .label, row:selected headerbar button.titlebutton:insensitive > .label, row:selected .titlebar button.titlebutton:insensitive > .label { color: inherit; } row:selected button:insensitive:active, row:selected button:insensitive:checked { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ececec, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } row:selected button:insensitive:active > .label, row:selected headerbar button.titlebutton:insensitive:active > .label, row:selected .titlebar button.titlebutton:insensitive:active > .label, row:selected button:insensitive:checked > .label, row:selected headerbar button.titlebutton:insensitive:checked > .label, row:selected .titlebar button.titlebutton:insensitive:checked > .label { color: inherit; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border: none; border-radius: 0 0 6px 6px; background-color: rgba(32, 37, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; } .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, .app-notification .titlebar button.titlebutton, .titlebar .app-notification button.titlebutton, .app-notification.frame button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .app-notification button.flat, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, .app-notification .titlebar button.titlebutton, .titlebar .app-notification button.titlebutton, .app-notification.frame button.flat, .app-notification.frame button.sidebar-button, .app-notification.frame headerbar button.titlebutton, headerbar .app-notification.frame button.titlebutton, .app-notification.frame .titlebar button.titlebutton, .titlebar .app-notification.frame button.titlebutton { icon-shadow: 0 1px black; text-shadow: 0 1px black; } .app-notification button:hover, .app-notification.frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, .app-notification.frame button:active, .app-notification.frame button:checked, .app-notification.frame button:backdrop:active, .app-notification.frame button:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .app-notification button:insensitive, .app-notification button:backdrop:insensitive, .app-notification.frame button:insensitive, .app-notification.frame button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification button:backdrop, .app-notification.frame button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } /************* * Expanders * *************/ expander arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: #748489; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ * Calendar * ***********/ calendar { color: black; border: 1px solid #a1a1a1; } calendar.header { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(46, 52, 54, 0.45); } calendar.button:hover { color: #2e3436; } calendar.button:backdrop { color: rgba(142, 145, 146, 0.45); } calendar.button:insensitive { color: rgba(142, 145, 146, 0.45); } calendar:inconsistent, calendar:inconsistent:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #2e3436; } calendar:backdrop { color: #333333; border-color: darkgray; } /*********** * Dialogs * ***********/ messagedialog .dialog-action-area button, messagedialog .dialog-action-area .titlebar button.titlebutton, .titlebar messagedialog .dialog-action-area button.titlebutton { padding: 8px; } messagedialog.background { background-color: #ededed; } messagedialog .titlebar { border-style: none; box-shadow: inset 0 1px white; } messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } messagedialog.csd .dialog-action-area button { padding: 12px; border-radius: 0; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; } messagedialog.csd .dialog-action-area button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; } messagedialog.csd .dialog-action-area button:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } messagedialog.csd .dialog-action-area button:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button:insensitive > .label, messagedialog.csd .dialog-action-area headerbar button.titlebutton:insensitive > .label, messagedialog.csd .dialog-action-area .titlebar button.titlebutton:insensitive > .label { color: inherit; } messagedialog.csd .dialog-action-area button:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button:backdrop:insensitive > .label, messagedialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:insensitive > .label, messagedialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } messagedialog.csd .dialog-action-area button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } messagedialog.csd .dialog-action-area button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } messagedialog.csd .dialog-action-area button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } messagedialog.csd .dialog-action-area button.suggested-action:backdrop { color: #dbe9f7; border-color: #4a90d9; background-image: linear-gradient(to bottom, #4a90d9); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive > .label, messagedialog.csd .dialog-action-area headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, messagedialog.csd .dialog-action-area .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { color: inherit; } messagedialog.csd .dialog-action-area button.suggested-action:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button.suggested-action:insensitive > .label, messagedialog.csd .dialog-action-area headerbar button.suggested-action.titlebutton:insensitive > .label, messagedialog.csd .dialog-action-area .titlebar button.suggested-action.titlebutton:insensitive > .label { color: inherit; } messagedialog.csd .dialog-action-area button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212); text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } messagedialog.csd .dialog-action-area button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); text-shadow: 0 -1px rgba(0, 0, 0, 0.52878); icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } messagedialog.csd .dialog-action-area button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; background-image: linear-gradient(to bottom, #da1010, #e51111 40%, #ed1212); text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } messagedialog.csd .dialog-action-area button.destructive-action:backdrop { color: #fcd4d4; border-color: #ef2929; background-image: linear-gradient(to bottom, #ef2929); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive { color: #c7c7c7; border-color: darkgray; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive > .label, messagedialog.csd .dialog-action-area headerbar button.destructive-action.titlebutton:backdrop:insensitive > .label, messagedialog.csd .dialog-action-area .titlebar button.destructive-action.titlebutton:backdrop:insensitive > .label { color: inherit; } messagedialog.csd .dialog-action-area button.destructive-action:insensitive { color: #8e9192; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } messagedialog.csd .dialog-action-area button.destructive-action:insensitive > .label, messagedialog.csd .dialog-action-area headerbar button.destructive-action.titlebutton:insensitive > .label, messagedialog.csd .dialog-action-area .titlebar button.destructive-action.titlebutton:insensitive > .label { color: inherit; } messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:insensitive, messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area button:backdrop:insensitive, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop, messagedialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, messagedialog.csd .dialog-action-area button.suggested-action:insensitive, messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover, messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-action-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, messagedialog.csd .dialog-action-area button.destructive-action:insensitive { border-left-style: solid; border-right-style: none; border-bottom-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; outline-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; outline-bottom-left-radius: 5px; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #a1a1a1; } GtkFileChooserDialog .dialog-action-box:backdrop { border-top-color: darkgray; } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: #f6f6f6; } .sidebar:backdrop { background-color: #f6f6f6; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } /**************** * File chooser * ****************/ placessidebar row { padding: 0px; } placessidebar row > revealer { padding: 4px 14px 4px 12px; } placessidebar row image.sidebar-icon { opacity: 0.7; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button, headerbar button.sidebar-button.titlebutton, .titlebar button.sidebar-button.titlebutton { padding: 5px; border-radius: 100%; outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image, headerbar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, .titlebar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image, headerbar button.sidebar-button.titlebutton:backdrop > image, .titlebar button.sidebar-button.titlebutton:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { border: solid 1px #4a90d9; } placessidebar row.sidebar-new-bookmark-row { color: #4a90d9; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview row.activatable:hover { background-color: transparent; } /********* * Paned * *********/ paned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } paned:dir(rtl) { margin-right: 0; margin-left: 8px; } paned separator { background-color: #a1a1a1; } paned separator:backdrop { background-color: darkgray; } paned separator:selected { background-color: #4a90d9; } paned.wide { -GtkPaned-handle-size: 5; margin: 0; } paned.wide separator { background-color: transparent; border-style: none solid; border-color: #a1a1a1; border-width: 1px; } paned.wide.vertical separator { border-style: solid none; } paned.wide separator:backdrop { border-color: darkgray; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } .info, .question, .warning, .error { background-color: #4a90d9; color: #ffffff; text-shadow: 0 1px #2a76c6; border-color: #2a76c6; } .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton, .info .titlebar button.titlebutton, .titlebar .info button.titlebutton, .question button, .question headerbar button.titlebutton, headerbar .question button.titlebutton, .question .titlebar button.titlebutton, .titlebar .question button.titlebutton, .warning button, .warning headerbar button.titlebutton, headerbar .warning button.titlebutton, .warning .titlebar button.titlebutton, .titlebar .warning button.titlebutton, .error button, .error headerbar button.titlebutton, headerbar .error button.titlebutton, .error .titlebar button.titlebutton, .titlebar .error button.titlebutton { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } .info button:hover, .question button:hover, .warning button:hover, .error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } .info button:active, .question button:active, .warning button:active, .error button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .info button:insensitive, .question button:insensitive, .warning button:insensitive, .error button:insensitive { color: #b2d0ef; border-color: #1c5187; background-image: linear-gradient(to bottom, #65a1df); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .info button:insensitive > .label, .info headerbar button.titlebutton:insensitive > .label, .info .titlebar button.titlebutton:insensitive > .label, .question button:insensitive > .label, .question headerbar button.titlebutton:insensitive > .label, .question .titlebar button.titlebutton:insensitive > .label, .warning button:insensitive > .label, .warning headerbar button.titlebutton:insensitive > .label, .warning .titlebar button.titlebutton:insensitive > .label, .error button:insensitive > .label, .error headerbar button.titlebutton:insensitive > .label, .error .titlebar button.titlebutton:insensitive > .label { color: inherit; } .info button:backdrop, .question button:backdrop, .warning button:backdrop, .error button:backdrop { color: #dbe9f7; border-color: #4a90d9; background-image: linear-gradient(to bottom, #4a90d9); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1c5187; } .info button:backdrop:insensitive, .question button:backdrop:insensitive, .warning button:backdrop:insensitive, .error button:backdrop:insensitive { color: #9bc2ea; border-color: #65a1df; background-image: linear-gradient(to bottom, #65a1df); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1c5187; } .info button:backdrop:insensitive > .label, .info headerbar button.titlebutton:backdrop:insensitive > .label, .info .titlebar button.titlebutton:backdrop:insensitive > .label, .question button:backdrop:insensitive > .label, .question headerbar button.titlebutton:backdrop:insensitive > .label, .question .titlebar button.titlebutton:backdrop:insensitive > .label, .warning button:backdrop:insensitive > .label, .warning headerbar button.titlebutton:backdrop:insensitive > .label, .warning .titlebar button.titlebutton:backdrop:insensitive > .label, .error button:backdrop:insensitive > .label, .error headerbar button.titlebutton:backdrop:insensitive > .label, .error .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } .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: #2a76c6; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } /***************** * Color Chooser * *****************/ colorswatch { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } :selected colorswatch { box-shadow: none; } :selected colorswatch overlay, :selected colorswatch overlay:hover { border-color: #ffffff; } colorswatch:selected { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } colorswatch.top { border-top-left-radius: 6px; border-top-right-radius: 6px; } colorswatch.bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.left, colorswatch:first-child:not(overlay):not(.top) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } colorswatch.right, colorswatch:last-child:not(overlay):not(.bottom) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch:only-child:not(overlay) { border-radius: 6px; } colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch:only-child > overlay { border-radius: 5px; } colorswatch.activatable:hover, colorswatch.activatable:hover:selected { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.1); } colorswatch.activatable:hover.dark overlay, colorswatch.activatable:hover:selected.dark overlay { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } colorswatch:backdrop, colorswatch:backdrop:selected colorswatch.dark:backdrop, colorswatch.dark:backdrop:selected { background-image: none; box-shadow: none; } colorswatch.dark overlay { color: white; outline-color: rgba(255, 255, 255, 0.5); } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.3); } colorswatch.light overlay { color: black; outline-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.3); } colorswatch overlay, colorswatch overlay:selected { border: 1px solid rgba(0, 0, 0, 0.3); } colorswatch overlay:hover, colorswatch overlay:selected:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } colorswatch#add-color-button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } colorswatch#add-color-button:backdrop { color: #8e9192; border-color: darkgray; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } /******** * Misc * ********/ .content-view { background-color: #dbdbdb; } .content-view:hover { -gtk-image-effect: highlight; } .content-view:backdrop { background-color: #dbdbdb; } .osd .scale-popup button.flat, .osd .scale-popup button.sidebar-button, .osd .scale-popup headerbar button.titlebutton, headerbar .osd .scale-popup button.titlebutton, .osd .scale-popup .titlebar button.titlebutton, .titlebar .osd .scale-popup button.titlebutton { padding: 6px; border-style: none; border-radius: 5px; } .scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton, .scale-popup .titlebar button.titlebutton, .titlebar .scale-popup button.titlebutton { padding: 6px; } .scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 7px 7px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); /* this is used for the resize cursor area */ margin: 10px; } decoration:backdrop { /* the transparent shadow here is to enforce that the shadow extents don't * change when we go to backdrop, to prevent jumping windows */ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 3px 9px 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.18); } .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } decoration.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } .csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } .solid-csd decoration { border-radius: 0; margin: 4px; background-color: #ededed; border: solid 1px darkgray; box-shadow: none; } headerbar button.titlebutton, headerbar .titlebar button.titlebutton, .titlebar headerbar button.titlebutton, .titlebar button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop { icon-shadow: none; } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { icon-shadow: none; } textview text selection, textview text selection:focus, .view selection, .view selection:focus, flowbox flowboxchild:selected, label selection, label selection:focus, label selection:hover, .grid-child:selected, entry selection, spinbutton selection, entry selection:focus, spinbutton selection:focus, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected, row:selected, .sidebar :selected { background-color: #4a90d9; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } textview text selection:insensitive, .view selection:insensitive, flowbox flowboxchild:insensitive:selected, label selection:insensitive, .grid-child:insensitive:selected, entry selection:insensitive, spinbutton selection:insensitive, modelbutton.flat:insensitive:selected, .menuitem.button.flat:insensitive:selected, treeview.view:insensitive:selected, row:insensitive:selected, .sidebar :insensitive:selected, placessidebar row:selected:insensitive label { color: #a5c8ec; } textview text selection:backdrop, .view selection:backdrop, flowbox flowboxchild:backdrop:selected, label selection:backdrop, .grid-child:backdrop:selected, entry selection:backdrop, spinbutton selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, .sidebar :backdrop:selected { color: #ffffff; } textview text selection:backdrop:insensitive, .view selection:backdrop:insensitive, flowbox flowboxchild:backdrop:insensitive:selected, label selection:backdrop:insensitive, .grid-child:backdrop:insensitive:selected, entry selection:backdrop:insensitive, spinbutton selection:backdrop:insensitive, modelbutton.flat:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, treeview.view:backdrop:insensitive:selected, row:backdrop:insensitive:selected, .sidebar :backdrop:insensitive:selected, placessidebar row:selected:insensitive label:backdrop, placessidebar row:selected:backdrop:insensitive label { color: #80b1e4; } .monospace { font: Monospace; } /********************** * Touch Copy & Paste * *********************/ cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; } cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; } 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")); } cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; } cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; } 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")); } cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; } cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; } 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")); } /* Decouple the font of context menus from their entry/textview */ .context-menu { font: initial; } popover.touch-selection { font: initial; color: #eeeeec; border: none; background-color: rgba(32, 37, 38, 0.9); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } popover.touch-selection:backdrop { text-shadow: none; } popover.touch-selection button, popover.touch-selection .titlebar button.titlebutton, .titlebar popover.touch-selection button.titlebutton { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } popover.touch-selection button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } popover.touch-selection button:active, popover.touch-selection button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } popover.touch-selection button:insensitive, popover.touch-selection button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } popover.touch-selection button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } popover.touch-selection .check { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } popover.touch-selection .check:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); } popover.touch-selection .check:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } popover.touch-selection .check:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } popover.touch-selection .check:inconsistent { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } popover.touch-selection .check:inconsistent:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); } popover.touch-selection .check:inconsistent:selected { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } popover.touch-selection .check:inconsistent:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } popover.touch-selection .check:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } popover.touch-selection .check:checked:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } popover.touch-selection .check:checked:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); } popover.touch-selection .check:checked:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } popover.touch-selection .check:backdrop:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); } popover.touch-selection .radio { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } popover.touch-selection .radio:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); } popover.touch-selection .radio:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } popover.touch-selection .radio:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } popover.touch-selection .radio:inconsistent { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } popover.touch-selection .radio:inconsistent:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); } popover.touch-selection .radio:inconsistent:selected { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } popover.touch-selection .radio:inconsistent:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } popover.touch-selection .radio:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } popover.touch-selection .radio:checked:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } popover.touch-selection .radio:checked:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); } popover.touch-selection .radio:checked:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } popover.touch-selection .radio:backdrop:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); } button.circular, headerbar button.circular.titlebutton, .titlebar button.circular.titlebutton { border-radius: 20px; outline-radius: 20px; } button.circular label, .titlebar button.circular.titlebutton label { padding: 0; } frame.keycap { background-color: #fefefe; border: 1px solid #cecece; border-radius: 5px; box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset; color: #555753; padding: 3px 8px 3px 8px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #2e3436; /* text color for entries, views and content in general */ @define-color theme_text_color black; /* widget base background color */ @define-color theme_bg_color #ededed; /* text widgets and the like base background color */ @define-color theme_base_color #ffffff; /* base background color of selections */ @define-color theme_selected_bg_color #4a90d9; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #f4f4f4; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #8e9192; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #ffffff; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #8e9192; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color black; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #ededed; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color white; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #4a90d9; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ @define-color borders #a1a1a1; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders darkgray; /* these are pretty self explicative */ @define-color warning_color #f57900; @define-color error_color #cc0000; @define-color success_color #73d216; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#2e3436, 1.8); @define-color wm_unfocused_title #8e9192; @define-color wm_highlight white; @define-color wm_borders_edge white; @define-color wm_bg_a shade(#ededed, 1.2); @define-color wm_bg_b #ededed; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#ededed, 1.3); @define-color wm_button_hover_color_b #ededed; @define-color wm_button_active_color_a shade(#ededed, 0.85); @define-color wm_button_active_color_b shade(#ededed, 0.89); @define-color wm_button_active_color_c shade(#ededed, 0.9); @define-color content_view_bg #ffffff;