diff --git a/rtdata/themes/gtk-contained-dark.css b/rtdata/themes/gtk-contained-dark.css deleted file mode 100644 index 04c4facf4..000000000 --- a/rtdata/themes/gtk-contained-dark.css +++ /dev/null @@ -1,4785 +0,0 @@ -/* - * This file was downloaded from - * https://git.gnome.org/browse/gtk+/tree/gtk/theme/Adwaita/gtk-contained-dark.css - * on 2015-11-07 - * blob: c0529524ae19d6f2a709b174dfd61da7fecb46e3 - * and this was fixed (the section was deleted, probably needs gtk-3.20 and RT currently uses 3.16): - * Error: Can't load css file "./themes/gtk-contained-dark.css" - * Message: gtk-contained-dark.css:1258:24'text-decoration-line' is not a valid property name - */ - -* { - 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: #4a90d9; - -GtkWidget-visited-link-color: #2a76c6; - -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(238, 238, 236, 0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - outline-radius: 2px; } - -/*************** - * Base States * - ***************/ -.background { - color: #eeeeec; - background-color: #393f3f; } - .background:backdrop { - text-shadow: none; - icon-shadow: none; - color: #949796; - background-color: #393f3f; } - -/* - 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: #393f3f; - color: #eeeeec; } - .gtkstyle-fallback:prelight { - background-color: #515a5a; - color: #eeeeec; } - .gtkstyle-fallback:active { - background-color: #212424; - color: #eeeeec; } - .gtkstyle-fallback:insensitive { - background-color: #333636; - color: #949796; } - .gtkstyle-fallback:selected { - background-color: #215d9c; - color: #ffffff; } - -textview text, -.view { - color: white; - background-color: #292929; } - textview text:backdrop, - .view:backdrop { - color: #d5d5d5; - background-color: #2c2c2c; } - textview text:selected, - .view:selected, - calendar:selected { - border-radius: 3px; } - -.rubberband, treeview.view.rubberband, .content-view.rubberband { - border: 1px solid #184472; - background-color: rgba(24, 68, 114, 0.2); } - -label.separator { - color: #eeeeec; } - label.separator:backdrop { - color: #949796; } -label:insensitive { - color: #949796; } - label:insensitive:backdrop { - color: #5d6767; } - -.dim-label, label.separator, .titlebar .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #292929; - border-top: 1px solid #1c1f1f; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #1c1f1f; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #1c1f1f; } - assistant .sidebar:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 6px 12px; } -assistant .sidebar label.highlight { - background-color: #5d6262; } - -textview { - background-color: #313434; } - textview:backdrop { - background-color: #333636; } - -.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, #1d2020, #242525 3px, #292929 90%); - color: white; - border-color: #1c1f1f; - box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); } - 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, #1d2020, #242525 3px, #292929 90%); - color: white; - border-color: #1c1f1f; - box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); - border: none; - border-radius: 0; } - entry:focus, spinbutton:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - box-shadow: inset 0 0 0 1px #215d9c, 0 1px rgba(238, 238, 236, 0.1); - border-color: #0f2b48; } - entry:insensitive, spinbutton:insensitive { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - entry:backdrop, spinbutton:backdrop { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - color: #d5d5d5; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #2c2c2c); - box-shadow: 0 1px rgba(238, 238, 236, 0); } - entry:backdrop:insensitive, spinbutton:backdrop:insensitive { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - box-shadow: 0 1px rgba(238, 238, 236, 0); } - entry progress, spinbutton progress { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #215d9c; - 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: #0f2b48; } - entry.error, spinbutton.error { - color: #cc0000; - border-color: #1a0000; } - entry.error:focus, spinbutton.error:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - box-shadow: inset 0 0 0 1px #cc0000, 0 1px rgba(238, 238, 236, 0.1); - border-color: #1a0000; } - 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: #432100; } - entry.warning:focus, spinbutton.warning:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - box-shadow: inset 0 0 0 1px #f57900, 0 1px rgba(238, 238, 236, 0.1); - border-color: #432100; } - entry.warning:selected, spinbutton.warning:selected, entry.warning:selected:focus, spinbutton.warning:selected:focus { - background-color: #f57900; } - entry image, spinbutton image { - color: #c7c7c5; } - entry image:hover, spinbutton image:hover { - color: #eeeeec; } - entry image:active, spinbutton image:active { - color: #215d9c; } - entry image:backdrop, spinbutton image:backdrop { - color: #7f8281; } - .osd entry, .osd spinbutton { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 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, #1d2020, #242525 3px, #292929 90%); - color: white; - border-color: #215d9c; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #215d9c; - 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, #1d2020, #242525 3px, #292929 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, #1d2020, #242525 3px, #292929 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 #215d9c; } -.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: #252626; - background-image: linear-gradient(to bottom, #292929); } - .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: #282929; - background-image: linear-gradient(to bottom, #2c2c2c); } -.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: #0f2b48; - box-shadow: inset 0 0 0 1px #215d9c; } -.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: #0f2b48; } -.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: #0f2b48; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), 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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - 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(238, 238, 236, 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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); - -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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); - 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - button:backdrop:insensitive, button.flat:backdrop:insensitive, button.sidebar-button:backdrop:insensitive, headerbar button.titlebutton:backdrop:insensitive, - .titlebar button.titlebutton:backdrop:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; } - button:insensitive, headerbar button.titlebutton:insensitive, - .titlebar button.titlebutton:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - button:insensitive > .label, headerbar button.titlebutton:insensitive > .label, - .titlebar button.titlebutton:insensitive > .label { - color: inherit; } - button:insensitive:active, button:insensitive:checked { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - 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(238, 238, 236, 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(238, 238, 236, 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: #0b1e33; - background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: #215d9c; } - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); - text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - button.suggested-action:active, button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } - 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: #d3dfeb; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #d1dae3; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #184472); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #6c88a7; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1d4877); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: rgba(33, 93, 156, 0.8); } - button.suggested-action:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - 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: #a5b6c9; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1b4470, #1d4877); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - 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(33, 93, 156, 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(33, 93, 156, 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, #215d9c); - 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(33, 93, 156, 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: #5e0707; - background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e); - 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(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); } - 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: #d51010; } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010); - text-shadow: 0 -1px rgba(0, 0, 0, 0.60878); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); } - button.destructive-action:active, button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #aa0d0d, #b60e0e 40%, #bd0e0e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } - 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: #f7cfcf; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #d51010); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #edcece; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a60c0c); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #c46565; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a41212); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: rgba(213, 16, 16, 0.8); } - button.destructive-action:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - 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: #dba0a0; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #9d1111, #a41212); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - 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(213, 16, 16, 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(213, 16, 16, 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, #d51010); - 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(213, 16, 16, 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(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - .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 2px; } - -.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, -.inline-toolbar .titlebar toolbutton > button.titlebutton, -.titlebar .inline-toolbar toolbutton > button.titlebutton { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover, - .inline-toolbar .titlebar toolbutton > button.titlebutton:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } - .inline-toolbar toolbutton > button:insensitive, .inline-toolbar headerbar toolbutton > button.titlebutton:insensitive, - .inline-toolbar .titlebar toolbutton > button.titlebutton:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .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: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:backdrop:insensitive, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:insensitive, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #4b5150; } - -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 rgba(238, 238, 236, 0.1); } - 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: #4a90d9; } - *:link:visited, button:visited, headerbar button.titlebutton:visited, - .titlebar button.titlebutton:visited { - color: #2a76c6; } - *: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: #a6bed7; } - *:link:hover, button:hover:link, button:hover:visited { - color: #74aae2; } - *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: #e9eff5; } - *:link:active, button:active:link, button:active:visited { - color: #4a90d9; } - *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: #d3dfeb; } - *: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: #215d9c; } - *: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: #d3dfeb; } - -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; } - -/***************** - * 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(28, 31, 31, 0.3); - color: #dadad9; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:hover { - color: #eeeeec; - background-color: rgba(238, 238, 236, 0.05); } - spinbutton:not(.vertical) button:insensitive { - color: rgba(148, 151, 150, 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: #8a8c8b; - border-color: rgba(31, 34, 34, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) button:backdrop:insensitive { - background-image: none; - color: rgba(93, 103, 103, 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(238, 238, 236, 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(238, 238, 236, 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(238, 238, 236, 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(238, 238, 236, 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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - spinbutton.vertical button:first-child:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - 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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - spinbutton.vertical button:first-child:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - spinbutton.vertical button:first-child:backdrop:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - 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: #215d9c; - border-radius: 0; - box-shadow: none; } - -/************** - * ComboBoxes * - **************/ -combobox { - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } - combobox > button.combo, headerbar combobox > button.combo.titlebutton, - .titlebar combobox > button.combo.titlebutton { - padding-top: 3px; - padding-bottom: 4px; } - combobox:insensitive { - color: #949796; - text-shadow: none; - icon-shadow: none; } - combobox:backdrop { - color: #949796; - text-shadow: none; - icon-shadow: none; } - combobox:backdrop:insensitive { - color: #5d6767; } - 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: #393f3f; } - .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: #1c1f1f; - background-color: #303535; - box-shadow: inset 0 2px 3px -1px #242828, 0 1px rgba(238, 238, 236, 0.1); } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: #1f2222; - background-color: #303535; - box-shadow: none; } - -/*************** - * Header bars * - ***************/ -.titlebar, -headerbar { - padding: 6px; - border-width: 0 0 1px; - border-style: solid; - border-color: #1c1f1f; - border-radius: 7px 7px 0 0; - background-color: transparent; - background-image: linear-gradient(to bottom, #434a4a, #393f3f); - box-shadow: inset 0 -1px #2e3232, inset 0 1px rgba(238, 238, 236, 0.1); } - .titlebar:backdrop, - headerbar:backdrop { - border-color: #1f2222; - background-color: #393f3f; - background-image: none; - box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } - .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(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 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(31, 34, 34, 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: #0f2b48; - background-image: linear-gradient(to bottom, #256ab1, #215d9c); - box-shadow: inset 0 -1px #1b4c7f, inset 0 1px rgba(43, 100, 160, 0.55); } - .titlebar.selection-mode:backdrop, - headerbar.selection-mode:backdrop { - background-image: linear-gradient(to bottom, #215d9c); - box-shadow: inset 0 1px rgba(48, 104, 162, 0.46); } - .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: #0b1e33; - background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); } - .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(238, 238, 236, 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: #0b1e33; - background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); - text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); } - .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: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(43, 100, 160, 0.55); } - .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: #d3dfeb; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); - -gtk-image-effect: none; - border-color: #0f2b48; } - .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: #d1dae3; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #184472); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); - border-color: #0f2b48; } - .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: #6f91b4; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); - border-color: #0f2b48; } - .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: #6c88a7; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1d4877); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); - border-color: #0f2b48; } - .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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; } - .titlebar.selection-mode button:insensitive, - headerbar.selection-mode button:insensitive { - color: #91aac5; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } - .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: #a5b6c9; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1b4470, #1d4877); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } - .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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); - border-color: #0f2b48; } - .titlebar.selection-mode button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); - border-color: #0f2b48; } - .titlebar.selection-mode button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(43, 100, 160, 0.55); - border-color: #0f2b48; } - .titlebar.selection-mode button.suggested-action:insensitive, - headerbar.selection-mode button.suggested-action:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); - border-color: #0f2b48; } - .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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); - border-color: #0f2b48; } - .titlebar.selection-mode button.suggested-action:backdrop:insensitive, - headerbar.selection-mode button.suggested-action:backdrop:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); - border-color: #0f2b48; } - .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(33, 93, 156, 0); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 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: #8c8c8b; - border-top-color: #393f3f; } - treeview.view:selected { - border-radius: 0; } - treeview.view:selected, treeview.view:backdrop:selected { - border-left-color: #90aece; - border-top-color: rgba(238, 238, 236, 0.1); } - treeview.view:insensitive { - color: #949796; } - treeview.view:insensitive:selected { - color: #7a9ec4; } - treeview.view:insensitive:selected:backdrop { - color: #648eba; } - treeview.view:insensitive:backdrop { - color: #5d6767; } - treeview.view.separator:backdrop { - color: rgba(0, 0, 0, 0.1); } - treeview.view:backdrop { - border-left-color: #676b6b; - border-top: #393f3f; } - treeview.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #88a6c4; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #b3b3b2; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: #eeeeec; } - treeview.view.expander:selected { - color: #bccee1; } - treeview.view.expander:selected:hover { - color: #ffffff; } - treeview.view.expander:selected:backdrop { - color: #bccee1; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #757776; } - treeview.view.progressbar { - border: 1px solid #0f2b48; - border-radius: 4px; - background-image: linear-gradient(to bottom, #215d9c, #184472); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } - treeview.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #292929, #101010); } - treeview.view.progressbar:selected:backdrop { - border-color: #2c2c2c; - background-color: #2c2c2c; } - treeview.view.progressbar:backdrop { - border-color: #2c2c2c; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(238, 238, 236, 0.1); - border-radius: 4px; } - treeview.view.trough:selected { - background-color: #184472; } - treeview.view header button, - treeview.view header .titlebar button.titlebutton, - .titlebar treeview.view header button.titlebutton { - color: #8c8c8b; - background-color: #292929; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #bdbdbc; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #eeeeec; - 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: #215d9c; - box-shadow: inset 1px 1px 0 1px #215d9c, inset -1px 0 0 1px #215d9c, inset 1px 1px #292929, inset -1px 0 #292929; } - -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: #393f3f; - text-shadow: none; } - treeview.view header button:insensitive { - border-color: #393f3f; - background-image: none; } - treeview.view header button:backdrop { - border-color: #393f3f; - border-style: none solid solid none; - color: #676b6b; - background-image: none; - background-color: #2c2c2c; } - treeview.view header button:backdrop:insensitive { - border-color: #393f3f; - 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: #393f3f; } - menubar > menuitem, - .menubar > menuitem { - padding: 4px 8px; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #215d9c; - color: #4a90d9; } - menubar > menuitem:insensitive, - .menubar > menuitem:insensitive { - color: #949796; - box-shadow: none; } - -menu, -.menu { - margin: 4px; - padding: 0px; - background-color: #292929; - border: 1px solid #1c1f1f; } - .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: #215d9c; } - menu menuitem:insensitive, - .menu menuitem:insensitive { - color: #949796; } - menu menuitem:insensitive:backdrop, - .menu menuitem:insensitive:backdrop { - color: #5d6767; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover { - color: #949796; - background-color: #2c2c2c; } - 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 #3d3d3d; } - menu arrow.bottom, - .menu arrow.bottom { - border-top: 1px solid #3d3d3d; } - menu arrow:hover, - .menu arrow:hover { - background-color: #3d3d3d; } - 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 #1c1f1f; - border-radius: 5px; - background-color: #313434; - 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 and * - * Tabs * - *****************/ -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: #292929; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook:backdrop { - background-color: #2c2c2c; } - notebook.frame { - border: 1px solid #1c1f1f; } - notebook.frame.top { - border-top-width: 0; } - notebook.frame.bottom { - border-bottom-width: 0; } - notebook.frame.right { - border-right-width: 0; } - notebook.frame.left { - border-left-width: 0; } - notebook.frame:backdrop { - border-color: #1f2222; } - notebook.header { - background-color: #303535; } - notebook.header.frame { - border: 1px solid #1c1f1f; } - notebook.header.frame.top { - border-bottom-width: 0; } - notebook.header.frame.bottom { - border-top-width: 0; } - notebook.header.frame.right { - border-left-width: 0; } - notebook.header.frame.left { - border-right-width: 0; } - notebook.header.frame:backdrop { - border-color: #1f2222; } - notebook.header.top { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #1c1f1f; } - notebook.header.top:backdrop { - box-shadow: inset 0 -1px #1f2222; } - notebook.header.bottom { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #1c1f1f; } - notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #1f2222; } - notebook.header.right { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #1c1f1f; } - notebook.header.right:backdrop { - box-shadow: inset 1px 0 #1f2222; } - notebook.header.left { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #1c1f1f; } - notebook.header.left:backdrop { - box-shadow: inset -1px 0 #1f2222; } - notebook.header:backdrop { - background-color: #303535; - box-shadow: none; } - notebook tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - outline-offset: 0; - /* works for testnotebookdnd, but there's a superfluous border - in gedit or web, commented out for now, needs gtk fixes - &.reorderable-page { - &.top { - padding-top: ($vt_vpadding - 1px); - border-top-width: 1px; - border-left-width: 1px; - border-right-width: 1px; - } - &.bottom { - padding-bottom: ($vt_vpadding - 1px); - border-bottom-width: 1px; - border-left-width: 1px; - border-right-width: 1px; - } - &.left { - padding-left: ($ht_hpadding - 1px); - border-left-width: 1px; - border-top-width: 1px; - border-bottom-width: 1px; - } - &.right { - padding-right: ($ht_hpadding - 1px); - border-right-width: 1px; - border-top-width: 1px; - border-bottom-width: 1px; - } - } - */ } - notebook tab.top, notebook tab.bottom { - padding: 8px 20px; } - notebook tab.left, notebook tab.right { - padding: 5px 20px; } - notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom { - padding-left: 12px; - padding-right: 12px; - border-left-width: 1px; - border-right-width: 1px; } - notebook tab.reorderable-page.left, notebook tab.reorderable-page.right { - border-bottom-width: 1px; - border-top-width: 1px; } - notebook tab.top { - border-bottom-width: 3px; } - notebook tab.bottom { - border-top-width: 3px; } - notebook tab.left { - border-right-width: 3px; } - notebook tab.right { - border-left-width: 3px; } - notebook tab:hover { - border-color: #1c1f1f; } - notebook tab:active, notebook tab:backdrop:active { - border-color: #215d9c; } - notebook tab:backdrop { - background-color: transparent; - border-color: transparent; } - notebook tab.reorderable-page.top { - border-color: transparent; } - notebook tab.reorderable-page.top:hover { - border-color: rgba(28, 31, 31, 0.3); - border-bottom-color: #1c1f1f; - background-color: rgba(57, 63, 63, 0.2); } - notebook tab.reorderable-page.top:active { - background-color: rgba(57, 63, 63, 0.5); - border-color: rgba(28, 31, 31, 0.5); - border-bottom-color: #215d9c; } - notebook tab.reorderable-page.top:active:hover { - background-color: rgba(57, 63, 63, 0.7); } - notebook tab.reorderable-page.top:active:backdrop { - border-color: #1f2222; - background-color: #393f3f; - border-bottom-color: #215d9c; } - notebook tab.reorderable-page.top:backdrop { - border-color: transparent; - background-color: transparent; } - notebook tab.reorderable-page.bottom { - border-color: transparent; } - notebook tab.reorderable-page.bottom:hover { - border-color: rgba(28, 31, 31, 0.3); - border-top-color: #1c1f1f; - background-color: rgba(57, 63, 63, 0.2); } - notebook tab.reorderable-page.bottom:active { - background-color: rgba(57, 63, 63, 0.5); - border-color: rgba(28, 31, 31, 0.5); - border-top-color: #215d9c; } - notebook tab.reorderable-page.bottom:active:hover { - background-color: rgba(57, 63, 63, 0.7); } - notebook tab.reorderable-page.bottom:active:backdrop { - border-color: #1f2222; - background-color: #393f3f; - border-top-color: #215d9c; } - notebook tab.reorderable-page.bottom:backdrop { - border-color: transparent; - background-color: transparent; } - notebook tab.reorderable-page.left { - border-color: transparent; } - notebook tab.reorderable-page.left:hover { - border-color: rgba(28, 31, 31, 0.3); - border-right-color: #1c1f1f; - background-color: rgba(57, 63, 63, 0.2); } - notebook tab.reorderable-page.left:active { - background-color: rgba(57, 63, 63, 0.5); - border-color: rgba(28, 31, 31, 0.5); - border-right-color: #215d9c; } - notebook tab.reorderable-page.left:active:hover { - background-color: rgba(57, 63, 63, 0.7); } - notebook tab.reorderable-page.left:active:backdrop { - border-color: #1f2222; - background-color: #393f3f; - border-right-color: #215d9c; } - notebook tab.reorderable-page.left:backdrop { - border-color: transparent; - background-color: transparent; } - notebook tab.reorderable-page.right { - border-color: transparent; } - notebook tab.reorderable-page.right:hover { - border-color: rgba(28, 31, 31, 0.3); - border-left-color: #1c1f1f; - background-color: rgba(57, 63, 63, 0.2); } - notebook tab.reorderable-page.right:active { - background-color: rgba(57, 63, 63, 0.5); - border-color: rgba(28, 31, 31, 0.5); - border-left-color: #215d9c; } - notebook tab.reorderable-page.right:active:hover { - background-color: rgba(57, 63, 63, 0.7); } - notebook tab.reorderable-page.right:active:backdrop { - border-color: #1f2222; - background-color: #393f3f; - border-left-color: #215d9c; } - notebook tab.reorderable-page.right:backdrop { - border-color: transparent; - background-color: transparent; } - notebook tab label { - padding: 0 2px; - font-weight: bold; - color: #949796; } - notebook tab label:backdrop { - color: #797f7f; } - notebook tab:hover label { - color: #c1c3c1; } - notebook tab:hover label:backdrop { - color: #797f7f; } - notebook tab:active label { - color: #eeeeec; } - notebook tab:active label:backdrop { - color: #949796; } - 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(238, 238, 236, 0.3); } - notebook tab button:hover, - notebook tab .titlebar button.titlebutton:hover, - .titlebar notebook tab button.titlebutton:hover { - color: #eeeeec; - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-image: none; - box-shadow: none; } - notebook tab button:active, - notebook tab .titlebar button.titlebutton:active, - .titlebar notebook tab button.titlebutton:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - 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(148, 151, 150, 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; } - notebook.arrow { - color: #949796; } - notebook.arrow:hover { - color: #c1c3c1; } - notebook.arrow:active { - color: #eeeeec; } - notebook.arrow:insensitive { - color: rgba(148, 151, 150, 0.3); } - notebook.arrow:backdrop { - color: rgba(148, 151, 150, 0.4); } - notebook.arrow:backdrop:insensitive { - color: #5d6767; } - -/************** - * 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: #eeeeec; - border: 1px solid black; - 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: #282c2c; - border: 1px none #1c1f1f; } - scrollbar trough:backdrop { - background-color: #323737; - border-color: #1f2222; } - scrollbar slider { - background-color: #a6a8a7; } - scrollbar slider:hover { - background-color: #cacbc9; } - scrollbar slider:prelight:active { - background-color: #2a76c6; } - scrollbar slider:backdrop { - background-color: #5d6262; } - 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 rgba(238, 238, 236, 0.1); - border: 1px solid #1c1f1f; - border-radius: 3px; - color: #eeeeec; - background-image: linear-gradient(to bottom, #2d3232); - 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, #215d9c 2px, #266cb5); - color: white; - border-color: #0f2b48; - box-shadow: 0 1px rgba(238, 238, 236, 0.1); - text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: none; - background-color: #333636; - box-shadow: 0 1px rgba(238, 238, 236, 0.1); - text-shadow: none; } - switch:backdrop { - color: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); - box-shadow: none; - text-shadow: none; } - switch:backdrop:active { - border-color: #0f2b48; - background-image: linear-gradient(to bottom, #215d9c); - box-shadow: none; } - switch:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: none; - background-color: #333636; } - switch slider { - border: 1px solid; - border-radius: 3px; - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2b2f2f; } - switch:hover slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2b2f2f; } - switch:active slider { - border: 1px solid #0f2b48; } - switch:insensitive slider { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - box-shadow: none; } - switch:backdrop:active slider { - border-color: #0f2b48; } - switch:backdrop:insensitive slider { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - box-shadow: none; } - switch:backdrop:insensitive slider > .label { - color: inherit; } - -/************************* - * Check and Radio items * - *************************/ -check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@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; } - -check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@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; } - -check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@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; } - -check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@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; } - -check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@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; } - -check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@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; } - -menu menuitem.check { - -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); - color: #a6a8a7; - 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: #676b6b; } - -radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@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; } - -radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@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; } - -radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@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; } - -radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@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; } - -radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); - icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } - 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; } - -radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@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; } - -radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@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; } - -menu menuitem.radio { - -gtk-icon-source: -gtk-icontheme("radio-symbolic"); - color: #a6a8a7; - 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: #676b6b; } - -.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: #949796; } - 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: #5d6767; } - -/************ - * 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 #1c1f1f; - border-radius: 3px; - background-color: #2d3232; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - scale trough slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); - border: 1px solid; - border-radius: 50%; - border-color: #151717; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2b2f2f; } - scale trough slider:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); - border-color: #151717; - border-radius: 50%; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0 -1px #303535; } - scale trough slider:insensitive { - border-style: solid; - border-radius: 50%; - background-image: linear-gradient(to bottom, #333636); - box-shadow: none; } - scale trough slider:backdrop { - border-style: solid; - border-radius: 50%; - border-color: #181a1a; - background-image: linear-gradient(to bottom, #393f3f); - box-shadow: none; } - scale trough slider:backdrop:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - scale trough slider:backdrop:insensitive > .label { - color: inherit; } - scale trough slider:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); - border: 1px solid #14375d; } - .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, #215d9c 2px, #266cb5); - border: 1px solid #1c1f1f; - border-radius: 3px; - box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - scale trough highlight.vertical { - background-image: linear-gradient(to right, #215d9c 2px, #266cb5); } - scale trough highlight:backdrop { - border-color: #0f2b48; - background-color: #215d9c; - box-shadow: none; } - scale trough fill { - background: none; - background-color: red; - border: 1px solid #1c1f1f; - border-radius: 3px; - box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - scale trough:insensitive, scale trough.vertical:insensitive { - border-color: #1c1f1f; - background-image: none; - background-color: #333636; - box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - scale trough:backdrop { - border-color: #1f2222; - background-color: #2b2f2f; - box-shadow: none; } - scale trough:backdrop:insensitive, scale trough .highlight:backdrop:insensitive { - border-color: #1f2222; - background-color: #333636; } - .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: #215d9c; } - .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: #0f2b48; - 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: #0f2b48; } - row:selected scale:insensitive, row:selected scale.highlight:insensitive { - border-color: #215d9c; - box-shadow: none; - background-color: #90aece; - background-image: none; } - row:selected scale:insensitive:backdrop, row:selected scale.highlight:insensitive:backdrop { - background-color: #90aece; } - -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-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@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-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@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-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@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(238, 238, 236, 0.4); - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - progressbar:backdrop { - color: #5d6767; } - 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 #1c1f1f; - border-radius: 3px; - background-color: #2f3434; } - progressbar trough:backdrop { - border-color: #1f2222; - background-color: #303535; - box-shadow: 0 1px rgba(255, 255, 255, 0); } - -progressbar.horizontal progress { - background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); - border: 1px solid #0f2b48; - 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, #215d9c 2px, #266cb5); - border: 1px solid #0f2b48; - 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: #0f2b48; - background-image: none; - background-color: #215d9c; - box-shadow: none; } - progressbar.vertical progress.osd { - background-image: none; - background-color: #215d9c; - border-style: none; - border-radius: 0; } - -/************* - * Level Bar * - *************/ -.level-bar { - box-shadow: 0 1px rgba(238, 238, 236, 0.1); - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; } - .level-bar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; } - .level-bar.trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - color: white; - border-color: #1c1f1f; - box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); } - .level-bar.trough:backdrop { - background-color: transparent; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); - color: #d5d5d5; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #2c2c2c); - box-shadow: 0 1px rgba(238, 238, 236, 0); } - .level-bar.fill-block { - border: 1px solid #1c5187; - background-color: #215d9c; - box-shadow: 0 1px rgba(0, 0, 0, 0.1); - border-radius: 1px; } - .level-bar.fill-block:backdrop { - border-color: #215d9c; - box-shadow: none; } - .level-bar.fill-block.indicator-discrete.horizontal { - margin: 0 1px; } - .level-bar.fill-block.indicator-discrete.vertical { - margin: 1px 0; } - .level-bar.fill-block.level-high { - border-color: #40760c; - background-color: #5aa411; } - .level-bar.fill-block.level-high:backdrop { - border-color: #5aa411; } - .level-bar.fill-block.level-low { - border-color: #c26000; - background-color: #f57900; } - .level-bar.fill-block.level-low:backdrop { - border-color: #f57900; } - .level-bar.fill-block.empty-fill-block { - background-color: transparent; - border-color: rgba(238, 238, 236, 0.1); - box-shadow: none; } - .level-bar.fill-block.empty-fill-block:backdrop { - border-color: rgba(148, 151, 150, 0.15); } - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid #1c1f1f; - padding: 0; } - frame.flat, - .frame.flat { - border-style: none; } - frame:backdrop, - .frame:backdrop { - border-color: #1f2222; } - -paper { - border: 1px solid #1c1f1f; - background: white; - padding: 0; } - paper:backdrop { - border-color: #1f2222; } - -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(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 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(#1f2222), to(rgba(31, 34, 34, 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(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 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(#1f2222), to(rgba(31, 34, 34, 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(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 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(#1f2222), to(rgba(31, 34, 34, 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(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 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(#1f2222), to(rgba(31, 34, 34, 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, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #282c2c; } - 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, #1f2222 1px, transparent 1px); - background-color: #323737; } - -separator { - color: rgba(0, 0, 0, 0.1); } - button.file separator.vertical, button.font separator.vertical { - -GtkWidget-wide-separators: true; } - -/********* - * Lists * - *********/ -list { - background-color: #292929; - border-color: #1c1f1f; } - list:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } - list row { - padding: 2px; } - -.grid-child { - padding: 2px; } - -row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(238, 238, 236, 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: #366ca4; } -row.activatable:selected:backdrop { - background-color: #215d9c; } - -row:selected button, -row:selected .titlebar button.titlebutton, -.titlebar row:selected button.titlebutton { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - 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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - row:selected button:active, row:selected button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; - color: #949796; } - row:selected button:insensitive { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - 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: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); - 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: white; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: white; - border: 1px solid #1c1f1f; } - 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(238, 238, 236, 0.45); } - calendar.button:hover { - color: #eeeeec; } - calendar.button:backdrop { - color: rgba(148, 151, 150, 0.45); } - calendar.button:insensitive { - color: rgba(148, 151, 150, 0.45); } - calendar:inconsistent, calendar:inconsistent:backdrop { - color: alpha(currentColor,0.55); } - calendar.highlight, calendar.highlight:backdrop { - font-size: smaller; - color: #eeeeec; } - calendar:backdrop { - color: #d5d5d5; - border-color: #1f2222; } - -/*********** - * Dialogs * - ***********/ -messagedialog .dialog-action-area button, -messagedialog .dialog-action-area .titlebar button.titlebutton, -.titlebar messagedialog .dialog-action-area button.titlebutton { - padding: 8px; } - -messagedialog .titlebar { - border-style: none; - box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } -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: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - messagedialog.csd .dialog-action-area button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - messagedialog.csd .dialog-action-area button:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - 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: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - 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: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - 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: #0b1e33; - background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - messagedialog.csd .dialog-action-area button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); - text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - messagedialog.csd .dialog-action-area button.suggested-action:active { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - 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: #d3dfeb; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); - 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - 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: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - 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: #5e0707; - background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e); - 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(255, 255, 255, 0.3); } - messagedialog.csd .dialog-action-area button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010); - text-shadow: 0 -1px rgba(0, 0, 0, 0.60878); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } - messagedialog.csd .dialog-action-area button.destructive-action:active { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #aa0d0d, #b60e0e 40%, #bd0e0e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - 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: #f7cfcf; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #d51010); - 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: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - 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: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); - 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 #1c1f1f; } - GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #1f2222; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: #313434; } - .sidebar:backdrop { - background-color: #333636; } - -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 #215d9c; } -placessidebar row.sidebar-new-bookmark-row { - color: #215d9c; } - -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: #1c1f1f; } - paned separator:backdrop { - background-color: #1f2222; } - paned separator:selected { - background-color: #215d9c; } - -paned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - paned.wide separator { - background-color: transparent; - border-style: none solid; - border-color: #1c1f1f; - border-width: 1px; } - paned.wide.vertical separator { - border-style: solid none; } - paned.wide separator:backdrop { - border-color: #1f2222; } - -/************** - * GtkInfoBar * - **************/ -infobar { - border-style: none; } - -.info, -.question, -.warning, -.error { - background-color: #215d9c; - color: #ffffff; - text-shadow: 0 1px #184472; - border-color: #184472; } - .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: #0b1e33; - background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .info button:hover, - .question button:hover, - .warning button:hover, - .error button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); - text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .info button:active, - .question button:active, - .warning button:active, - .error button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - 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: #91aac5; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); - 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: #d3dfeb; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b1e33; } - .info button:backdrop:insensitive, - .question button:backdrop:insensitive, - .warning button:backdrop:insensitive, - .error button:backdrop:insensitive { - color: #6f91b4; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b1e33; } - .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: #184472; } - -/************ - * Tooltips * - ************/ -.tooltip { - color: white; - 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.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/***************** - * Color Chooser * - *****************/ -colorswatch { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - :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 rgba(238, 238, 236, 0.1); } - 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.4); } - 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 #1c1f1f; } - colorswatch overlay:hover, colorswatch overlay:selected:hover { - border-color: black; } - colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - colorswatch#add-color-button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - colorswatch#add-color-button:backdrop { - color: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #282c2c; } - .content-view:hover { - -gtk-image-effect: highlight; } - .content-view:backdrop { - background-color: #282c2c; } - -.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(238, 238, 236, 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(28, 31, 31, 0.9); - /* this is used for the resize cursor area */ - margin: 10px; } - decoration:backdrop { - box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); } - .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: none; } - decoration.ssd { - box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); } - .csd.popup decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } - .csd.tooltip 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(28, 31, 31, 0.8); } - .solid-csd decoration { - border-radius: 0; - margin: 4px; - background-color: #393f3f; - border: solid 1px #1f2222; - box-shadow: none; } - -headerbar button.titlebutton, -headerbar .titlebar button.titlebutton, -.titlebar headerbar button.titlebutton, -.titlebar button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } - 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.70353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - icon-shadow: none; } - -textview text:selected, -.view:selected, -calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, spinbutton:selected, entry:selected:focus, spinbutton:selected:focus, modelbutton.flat:selected, -.menuitem.button.flat:selected, row:selected, .sidebar :selected { - background-color: #215d9c; - color: #ffffff; } - textview text:insensitive:selected, - .view:insensitive:selected, - calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, spinbutton:insensitive:selected, modelbutton.flat:insensitive:selected, - .menuitem.button.flat:insensitive:selected, row:insensitive:selected, .sidebar :insensitive:selected, placessidebar row:selected:insensitive label { - color: #90aece; } - textview text:backdrop:selected, - .view:backdrop:selected, - calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, spinbutton:backdrop:selected, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, .sidebar :backdrop:selected { - color: #ffffff; } - textview text:backdrop:insensitive:selected, - .view:backdrop:insensitive:selected, - calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, spinbutton:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, - .menuitem.button.flat:backdrop:insensitive:selected, row:backdrop:insensitive:selected, .sidebar :backdrop:insensitive:selected, placessidebar row:selected:insensitive label:backdrop, placessidebar row:selected:backdrop:insensitive label { - color: #648eba; } - -.monospace { - font: Monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -entry.cursor-handle, spinbutton.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - entry.cursor-handle.top:dir(ltr), spinbutton.cursor-handle.top:dir(ltr), entry.cursor-handle.bottom:dir(rtl), spinbutton.cursor-handle.bottom:dir(rtl), - .cursor-handle.top:dir(ltr), - .cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); - padding-left: 10px; } - entry.cursor-handle.bottom:dir(ltr), spinbutton.cursor-handle.bottom:dir(ltr), entry.cursor-handle.top:dir(rtl), spinbutton.cursor-handle.top:dir(rtl), - .cursor-handle.bottom:dir(ltr), - .cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); - padding-right: 10px; } - entry.cursor-handle.insertion-cursor:dir(ltr), spinbutton.cursor-handle.insertion-cursor:dir(ltr), entry.cursor-handle.insertion-cursor:dir(rtl), spinbutton.cursor-handle.insertion-cursor:dir(rtl), - .cursor-handle.insertion-cursor:dir(ltr), - .cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - entry.cursor-handle.top:hover:dir(ltr), spinbutton.cursor-handle.top:hover:dir(ltr), entry.cursor-handle.bottom:hover:dir(rtl), spinbutton.cursor-handle.bottom:hover:dir(rtl), - .cursor-handle.top:hover:dir(ltr), - .cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); - padding-left: 10px; } - entry.cursor-handle.bottom:hover:dir(ltr), spinbutton.cursor-handle.bottom:hover:dir(ltr), entry.cursor-handle.top:hover:dir(rtl), spinbutton.cursor-handle.top:hover:dir(rtl), - .cursor-handle.bottom:hover:dir(ltr), - .cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); - padding-right: 10px; } - entry.cursor-handle.insertion-cursor:hover:dir(ltr), spinbutton.cursor-handle.insertion-cursor:hover:dir(ltr), entry.cursor-handle.insertion-cursor:hover:dir(rtl), spinbutton.cursor-handle.insertion-cursor:hover:dir(rtl), - .cursor-handle.insertion-cursor:hover:dir(ltr), - .cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - entry.cursor-handle.top:active:dir(ltr), spinbutton.cursor-handle.top:active:dir(ltr), entry.cursor-handle.bottom:active:dir(rtl), spinbutton.cursor-handle.bottom:active:dir(rtl), - .cursor-handle.top:active:dir(ltr), - .cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); - padding-left: 10px; } - entry.cursor-handle.bottom:active:dir(ltr), spinbutton.cursor-handle.bottom:active:dir(ltr), entry.cursor-handle.top:active:dir(rtl), spinbutton.cursor-handle.top:active:dir(rtl), - .cursor-handle.bottom:active:dir(ltr), - .cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); - padding-right: 10px; } - entry.cursor-handle.insertion-cursor:active:dir(ltr), spinbutton.cursor-handle.insertion-cursor:active:dir(ltr), entry.cursor-handle.insertion-cursor:active:dir(rtl), spinbutton.cursor-handle.insertion-cursor:active:dir(rtl), - .cursor-handle.insertion-cursor:active:dir(ltr), - .cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@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 #eeeeec; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #393f3f; -/* -text widgets and the like base background color */ -@define-color theme_base_color #292929; -/* -base background color of selections */ -@define-color theme_selected_bg_color #215d9c; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #333636; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #949796; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #949796; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #393f3f; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2c2c2c; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #215d9c; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -widgets main borders color */ -@define-color borders #1c1f1f; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #1f2222; -/* -these are pretty self explicative */ -@define-color warning_color #f57900; -@define-color error_color #cc0000; -@define-color success_color #5aa411; -/* -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(#eeeeec, 1.8); -@define-color wm_unfocused_title #949796; -@define-color wm_highlight transparent; -@define-color wm_borders_edge rgba(238, 238, 236, 0.1); -@define-color wm_bg_a shade(#393f3f, 1.2); -@define-color wm_bg_b #393f3f; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#393f3f, 1.3); -@define-color wm_button_hover_color_b #393f3f; -@define-color wm_button_active_color_a shade(#393f3f, 0.85); -@define-color wm_button_active_color_b shade(#393f3f, 0.89); -@define-color wm_button_active_color_c shade(#393f3f, 0.9); -@define-color content_view_bg #292929; diff --git a/rtgui/main.cc b/rtgui/main.cc index 5e2919146..998391b68 100644 --- a/rtgui/main.cc +++ b/rtgui/main.cc @@ -64,7 +64,6 @@ Glib::ustring creditsPath; Glib::ustring licensePath; Glib::ustring argv1; bool simpleEditor; -Glib::RefPtr css; Glib::RefPtr cssBase; Glib::RefPtr cssForced; Glib::RefPtr cssRT; @@ -295,30 +294,21 @@ int main(int argc, char **argv) // ------- loading theme files - Glib::RefPtr cssDefault; Glib::RefPtr screen = Gdk::Screen::get_default(); - cssDefault = Gtk::CssProvider::get_default(); - Gtk::StyleContext::add_provider_for_screen(screen, cssDefault, GTK_STYLE_PROVIDER_PRIORITY_APPLICATION); - - Gtk::Settings::get_for_screen(screen)->set_property("gtk-application-prefer-dark-theme", true); - if (!options.useSystemTheme && screen) { - cssBase = Gtk::CssProvider::create(); - Glib::ustring filename(argv0 + "/themes/gtk-contained-dark.css"); + Gtk::Settings::get_for_screen(screen)->property_gtk_theme_name() = "Adwaita"; + Gtk::Settings::get_for_screen(screen)->property_gtk_application_prefer_dark_theme() = true; - try { - cssBase->load_from_path (filename); - Gtk::StyleContext::add_provider_for_screen(screen, cssBase, GTK_STYLE_PROVIDER_PRIORITY_APPLICATION); - } catch (Glib::Error &err) { - printf("Error: Can't load css file \"%s\"\nMessage: %s\n", filename.c_str(), err.what().c_str()); - } catch (...) { - printf("Error: Can't load css file \"%s\"\n", filename.c_str()); - } - - filename = argv0 + "/themes/RawTherapee.css"; + Glib::ustring filename = argv0 + "/themes/RawTherapee.css"; cssRT = Gtk::CssProvider::create(); + /* TODO + * Make theme selection work again. All themes should be applied below here, + * in other words after the base Adwaita Dark theme has been applied. This + * makes for smaller custom theme files. + */ + try { cssRT->load_from_path (filename); Gtk::StyleContext::add_provider_for_screen(screen, cssRT, GTK_STYLE_PROVIDER_PRIORITY_APPLICATION); diff --git a/rtgui/preferences.cc b/rtgui/preferences.cc index 4e7f58876..d4a1fa911 100644 --- a/rtgui/preferences.cc +++ b/rtgui/preferences.cc @@ -33,10 +33,8 @@ extern Options options; extern Glib::ustring argv0; -extern Glib::RefPtr css; -extern Glib::RefPtr cssBase; extern Glib::RefPtr cssForced; -extern Glib::RefPtr cssRT; +Glib::RefPtr css; Preferences::Preferences (RTWindow *rtwindow) : rprofiles(NULL), iprofiles(NULL), parent(rtwindow) {