diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 32800262fd..34f8c269e8 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -774,12 +774,17 @@ $_dot_color: if($variant=='light', $selected_bg_color, } /* menu buttons */ -.menuitem.button.flat { - @extend %undecorated_button; - outline-offset: -1px; - &:hover { background-color: mix($fg_color, $bg_color, 10%); } - &:selected { @extend %selected_items; } - &:backdrop, &:backdrop:hover { +.menuitem.button { + .label { + padding-left: 0; // label side paddings here need to be reset + padding-right: 0; // + } + &.flat { + @extend %undecorated_button; + outline-offset: -1px; + &:hover { background-color: mix($fg_color, $bg_color, 10%); } + &:selected { @extend %selected_items; } + &:backdrop, &:backdrop:hover { @extend %undecorated_button; } } @@ -993,8 +998,8 @@ GtkComboBox { &:not(.combobox-entry) .the-button-in-the-combobox { padding-top: $padding - 2px; // I'd like to avoid this hack, but the button child of combox is actually padding-bottom: $padding + $font_compensation - 2px; // 4px bigger than a label. - padding-left: 2 * $padding; - padding-right: 2 * $padding; + padding-left: 2 * $internal_padding; + padding-right: 2 * $internal_padding; } -GtkComboBox-arrow-scaling: 0.5; diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 4b9b40740a..00415ca99c 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -1,4726 +1,67 @@ -* { - 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. +Error: Invalid CSS after "}": expected "}", was "" + on line 3482 of _common.scss + from line 5 of ./gtk-contained-dark.scss + +3477: +3478: &.right { +3479: @include undershoot(right); +3480: } +3481: } + +Backtrace: +_common.scss:3482 +./gtk-contained-dark.scss:5 +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:1162:in `expected' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:1098:in `expected' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:1093:in `tok!' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:640:in `block' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:632:in `ruleset' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:657:in `block_child' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:650:in `block_contents' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:117:in `stylesheet' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:42:in `parse' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/engine.rb:403:in `_to_tree' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/engine.rb:309:in `to_tree' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:324:in `block in visit_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:88:in `block in with_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:115:in `with_frame' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:88:in `with_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:323:in `visit_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:158:in `block in visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:79:in `block in with_base' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:115:in `with_frame' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:79:in `with_base' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:158:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `map' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:179:in `with_environment' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:166:in `visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `block in visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:186:in `visit_root' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:157:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:8:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/root_node.rb:36:in `css_tree' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/root_node.rb:20:in `render' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/engine.rb:278:in `render' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:492:in `update_stylesheet' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:209:in `each' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:470:in `on_file_changed' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:328:in `block in watch' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/listener.rb:252:in `call' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/listener.rb:252:in `on_change' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/adapters/polling.rb:48:in `call' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/adapters/polling.rb:48:in `poll_changed_directories' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller' */ -*: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; } - -.view { - color: white; - background-color: #292929; } - .view:backdrop { - color: #d5d5d5; - background-color: #2c2c2c; } - .view:selected, GtkCalendar:selected { - border-radius: 3px; } - -.rubberband, GtkTreeView.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, -.header-bar .subtitle { - opacity: 0.55; - text-shadow: none; } - -GtkAssistant .sidebar { - background-color: #292929; - border-top: 1px solid #1c1f1f; } - GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #1c1f1f; } - GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #1c1f1f; } - GtkAssistant .sidebar:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } -GtkAssistant.csd .sidebar { - border-top-style: none; } -GtkAssistant .sidebar .label { - padding: 6px 12px; } -GtkAssistant .sidebar .label.highlight { - background-color: #5d6262; } - -GtkTextView { - background-color: #313434; } - GtkTextView:backdrop { - background-color: #333636; } - -.grid-child { - padding: 3px; - border-radius: 3px; } - .grid-child:selected { - outline-offset: -2px; } - -.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.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 { - border: 1px solid; - padding: 4px 8px 5px; - 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 { - padding-left: 0; } - .entry.image.right { - padding-right: 0; } - .entry.flat, .entry.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 { - 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 { - 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 { - 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 { - 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.progressbar { - 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.progressbar:backdrop { - background-color: transparent; } - .linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .entry:focus + .button, .linked:not(.vertical) > .entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + GtkComboBoxText > .the-button-in-the-combobox { - border-left-color: #0f2b48; } - .entry.error { - color: #cc0000; - border-color: #1a0000; } - .entry.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, .entry.error:selected:focus { - background-color: #cc0000; } - .entry.warning { - color: #f57900; - border-color: #432100; } - .entry.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, .entry.warning:selected:focus { - background-color: #f57900; } - .entry.image { - color: #c7c7c5; } - .entry.image:hover { - color: #eeeeec; } - .entry.image:active { - color: #215d9c; } - .entry.image:backdrop { - color: #7f8281; } - .osd .entry { - 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 { - 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 { - 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 { - 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) { - box-shadow: none; } -.linked.vertical > .entry:focus:not(:last-child) { - box-shadow: inset 0 0 0 1px #215d9c; } -.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) { - border-top-color: #252626; - background-image: linear-gradient(to bottom, #292929); } - .linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop { - border-top-color: #282929; - background-image: linear-gradient(to bottom, #2c2c2c); } -.linked.vertical > .entry + .entry:focus:not(:last-child) { - border-top-color: #0f2b48; - box-shadow: inset 0 0 0 1px #215d9c; } -.linked.vertical > .entry + .entry:focus:last-child { - border-top-color: #0f2b48; } -.linked.vertical > .entry:focus:not(:only-child) + .entry, -.linked.vertical > .entry:focus:not(:only-child) + .button, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { - 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, .header-bar .button.titlebutton, -.titlebar .button.titlebutton { - padding: 4px; - border: 1px solid; - border-radius: 3px; - 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); - /* - &.image-button { padding: 8px; } - - &.text-button { - padding-left: 16px; - padding-right: 16px; - } - - &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - padding: 5px 8px 6px; // same as .button - .label:first-child { padding-left: 8px; } - .label:last-child { padding-right: 8px; } - } - */ } - .button .label, .header-bar .button.titlebutton .label, - .titlebar .button.titlebutton .label { - padding-bottom: 1px; - padding-left: 6px; - padding-right: 6px; } - .button GtkImage, .header-bar .button.titlebutton GtkImage, - .titlebar .button.titlebutton GtkImage { - padding: 3px; } - .button.flat, .sidebar-button.button, .header-bar .titlebutton.button, - .titlebar .titlebutton.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; - transition: none; } - .button.flat:hover, .sidebar-button.button:hover, .header-bar .titlebutton.button:hover, - .titlebar .titlebutton.button:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - .button.flat:hover:active, .sidebar-button.button:hover:active, .header-bar .titlebutton.button:hover:active, - .titlebar .titlebutton.button:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .button:hover, .header-bar .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, .header-bar .button.titlebutton:active, - .titlebar .button.titlebutton:active, .button:checked, .header-bar .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, .header-bar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:backdrop, .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.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); - -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active, .sidebar-button.button:backdrop:active, .header-bar .titlebutton.button:backdrop:active, - .titlebar .titlebutton.button:backdrop:active, .button.flat:backdrop:checked, .sidebar-button.button:backdrop:checked, .header-bar .titlebutton.button:backdrop:checked, - .titlebar .titlebutton.button: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, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, - .titlebar .titlebutton.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), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label, - .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .sidebar-button.button:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, - .titlebar .titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .sidebar-button.button:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active, - .titlebar .titlebutton.button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:checked, .sidebar-button.button:backdrop:insensitive:checked, .header-bar .titlebutton.button:backdrop:insensitive:checked, - .titlebar .titlebutton.button: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, .header-bar .button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop, .button.flat:insensitive, .sidebar-button.button:insensitive, .header-bar .titlebutton.button:insensitive, - .titlebar .titlebutton.button:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, - .titlebar .titlebutton.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(238, 238, 236, 0); - text-shadow: none; - icon-shadow: none; } - .button:insensitive, .header-bar .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, .header-bar .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, .header-bar .button.titlebutton:insensitive:active > .label, - .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label, - .titlebar .button.titlebutton:insensitive:checked > .label { - color: inherit; } - .button.osd, .header-bar .osd.button.titlebutton, - .titlebar .osd.button.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, .header-bar .osd.titlebutton.button, - .titlebar .osd.titlebutton.button { - 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 .header-bar .button.titlebutton, .header-bar .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); - border-radius: 0; - border-left-style: none; } - .osd .button:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: solid; } - .osd .button:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; } - .osd .button:last-child { - border-radius: 0 3px 3px 0; } - .osd .button:last-child:dir(rtl) { - border-right-style: solid; } - .osd .button:only-child { - border-radius: 3px; - border-style: solid; } - .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 .sidebar-button.button, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button, - .osd .titlebar .titlebutton.button, - .titlebar .osd .titlebutton.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; - box-shadow: none; - text-shadow: 0 1px black; - icon-shadow: 0 1px black; } - .osd .button.flat:hover, .osd .sidebar-button.button:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover, - .osd .titlebar .titlebutton.button:hover, - .titlebar .osd .titlebutton.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); - background-clip: padding-box; - border-color: transparent; - box-shadow: none; } - .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive, - .osd .titlebar .titlebutton.button:insensitive, - .titlebar .osd .titlebutton.button: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 .sidebar-button.button:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop, - .osd .titlebar .titlebutton.button:backdrop, - .titlebar .osd .titlebutton.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; } - .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active, - .osd .titlebar .titlebutton.button:active, - .titlebar .osd .titlebutton.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked, - .osd .titlebar .titlebutton.button:checked, - .titlebar .osd .titlebutton.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); - background-clip: padding-box; - border-color: transparent; - box-shadow: none; } - .button.suggested-action, .header-bar .suggested-action.button.titlebutton, - .titlebar .suggested-action.button.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, .suggested-action.sidebar-button.button, .header-bar .suggested-action.titlebutton.button, - .titlebar .suggested-action.titlebutton.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: #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, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, - .titlebar .suggested-action.titlebutton.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), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .suggested-action.sidebar-button.button:backdrop:active, .header-bar .suggested-action.titlebutton.button:backdrop:active, - .titlebar .suggested-action.titlebutton.button:backdrop:active, .button.suggested-action.flat:backdrop:checked, .suggested-action.sidebar-button.button:backdrop:checked, .header-bar .suggested-action.titlebutton.button:backdrop:checked, - .titlebar .suggested-action.titlebutton.button: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, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, - .titlebar .suggested-action.titlebutton.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), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .suggested-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .suggested-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .suggested-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked, - .titlebar .suggested-action.titlebutton.button: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, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, - .titlebar .suggested-action.titlebutton.button:backdrop, .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.titlebutton.button:insensitive, - .titlebar .suggested-action.titlebutton.button:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, - .titlebar .suggested-action.titlebutton.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(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, .header-bar .suggested-action.button.titlebutton:insensitive > .label, - .titlebar .suggested-action.button.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, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, - .titlebar .suggested-action.button.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, .header-bar .destructive-action.button.titlebutton, - .titlebar .destructive-action.button.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, .destructive-action.sidebar-button.button, .header-bar .destructive-action.titlebutton.button, - .titlebar .destructive-action.titlebutton.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: #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, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, - .titlebar .destructive-action.titlebutton.button: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, .destructive-action.sidebar-button.button:backdrop:active, .header-bar .destructive-action.titlebutton.button:backdrop:active, - .titlebar .destructive-action.titlebutton.button:backdrop:active, .button.destructive-action.flat:backdrop:checked, .destructive-action.sidebar-button.button:backdrop:checked, .header-bar .destructive-action.titlebutton.button:backdrop:checked, - .titlebar .destructive-action.titlebutton.button: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, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, - .titlebar .destructive-action.titlebutton.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), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .destructive-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .destructive-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .destructive-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked, - .titlebar .destructive-action.titlebutton.button: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, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, - .titlebar .destructive-action.titlebutton.button:backdrop, .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.titlebutton.button:insensitive, - .titlebar .destructive-action.titlebutton.button:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, - .titlebar .destructive-action.titlebutton.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(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, .header-bar .destructive-action.button.titlebutton:insensitive > .label, - .titlebar .destructive-action.button.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, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, - .titlebar .destructive-action.button.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.text-button .label:first-child, .header-bar .text-button.titlebutton.button .label:first-child, - .titlebar .text-button.titlebutton.button .label:first-child { - padding-right: 0; } - .button.image-button.text-button .label:last-child, .header-bar .text-button.titlebutton.button .label:last-child, - .titlebar .text-button.titlebutton.button .label:last-child { - padding-left: 0; } - .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton, - .titlebar .stack-switcher > .button.titlebutton { - padding: 4px; - outline-offset: -3px; } - .stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage, - .titlebar .stack-switcher > .button.titlebutton > GtkImage { - padding-left: 5px; - padding-right: 5px; - padding-top: 6px; } - .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button, - .titlebar .stack-switcher > .titlebutton.button { - padding-left: 2px; - padding-right: 2px; - padding-top: 1px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { - animation: none; - background-image: none; } - .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .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 .header-bar .button.titlebutton, .header-bar .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 > GtkImage, .sidebar-item.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 > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 2px; } - -.inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton > .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 GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:insensitive > .label { - color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label { - color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:backdrop:insensitive > .label { - color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked, - .inline-toolbar .titlebar GtkToolButton > .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 GtkToolButton > .button:backdrop:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked > .label { - color: inherit; } - -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.search-bar GtkToolButton > .button.flat, .inline-toolbar.location-bar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop > .button.flat, -.inline-toolbar GtkToolButton:backdrop > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > .entry, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked, .osd .button:insensitive, .osd .button:backdrop:insensitive, .osd .button:backdrop, .osd .button.suggested-action, .osd .button.suggested-action:hover, .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked, .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive, .osd .button.suggested-action:backdrop, .osd .button.destructive-action, .osd .button.destructive-action:hover, .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked, .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive, .osd .button.destructive-action:backdrop, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, -.inline-toolbar .titlebar .button.titlebutton, -.titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton, -.titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), -.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), -.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.linked:not(.vertical) > .entry:first-child, .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, -.titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop:first-child > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop:first-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, -.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.linked:not(.vertical) > .entry:last-child, .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, -.titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop:last-child > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, -.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.linked:not(.vertical) > .entry:only-child, .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, -.titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop:only-child > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop:only-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop:only-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop:only-child > .button.titlebutton, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, -.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > .entry, .linked.vertical > .button, .header-bar .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 > GtkComboBoxText > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox > .the-button-in-the-combobox { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, -.titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, -.titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, -.titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { - border-radius: 3px; - border-style: solid; } - -.menuitem.button.flat, .menuitem.sidebar-button.button, .header-bar .menuitem.titlebutton.button, -.titlebar .menuitem.titlebutton.button, .menuitem.button.flat:backdrop, .menuitem.sidebar-button.button:backdrop, .menuitem.button.flat:backdrop:hover, .menuitem.sidebar-button.button:backdrop:hover, .header-bar .menuitem.titlebutton.button:backdrop:hover, -.titlebar .menuitem.titlebutton.button:backdrop:hover, .button:link, .header-bar .button.titlebutton:link, -.titlebar .button.titlebutton:link, .button:visited, .header-bar .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.button, .header-bar .menu.button.titlebutton, -.titlebar .menu.button.titlebutton, .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton, -.notebook tab .titlebar .button.titlebutton, -.titlebar .notebook tab .button.titlebutton, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button, -.app-notification .titlebar .titlebutton.button, -.titlebar .app-notification .titlebutton.button, -.app-notification.frame .button.flat, -.app-notification.frame .sidebar-button.button, .app-notification .button.flat:backdrop, .app-notification .sidebar-button.button:backdrop, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification .button.flat:backdrop:insensitive, .app-notification .sidebar-button.button:backdrop:insensitive, .app-notification .header-bar .titlebutton.button:backdrop:insensitive, .header-bar .app-notification .titlebutton.button:backdrop:insensitive, -.app-notification .titlebar .titlebutton.button:backdrop:insensitive, -.titlebar .app-notification .titlebutton.button:backdrop:insensitive, -.app-notification.frame .button.flat:backdrop, -.app-notification.frame .sidebar-button.button:backdrop, -.app-notification.frame .header-bar .button.titlebutton:backdrop, -.header-bar .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 .sidebar-button.button:insensitive, -.app-notification.frame .header-bar .button.titlebutton:insensitive, -.header-bar .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 .sidebar-button.button:backdrop:insensitive, GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton, -.titlebar GtkCalendar.button.titlebutton, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.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 */ -.menuitem.button.flat, .menuitem.sidebar-button.button, .header-bar .menuitem.titlebutton.button, -.titlebar .menuitem.titlebutton.button { - outline-offset: -1px; } - .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover, .header-bar .menuitem.titlebutton.button:hover, - .titlebar .menuitem.titlebutton.button:hover { - background-color: #4b5150; } - -GtkColorButton.button GtkColorSwatch: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); } - GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/********* - * Links * - *********/ -*:link, .button:link, .header-bar .button.titlebutton:link, -.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited, -.titlebar .button.titlebutton:visited { - color: #4a90d9; } - *:link:visited, .button:visited, .header-bar .button.titlebutton:visited, - .titlebar .button.titlebutton:visited { - color: #2a76c6; } - *:selected *:link:visited, *:selected .button: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, - .header-bar.selection-mode .subtitle:backdrop:hover:link { - color: #215d9c; } - *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, - .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #d3dfeb; } - -.button:link, .header-bar .button.titlebutton:link, -.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited, -.titlebar .button.titlebutton:visited { - text-shadow: none; } - .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { - text-shadow: none; } - .button:link > .label, .header-bar .button.titlebutton:link > .label, - .titlebar .button.titlebutton:link > .label, .button:visited > .label, .header-bar .button.titlebutton:visited > .label, - .titlebar .button.titlebutton:visited > .label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -.spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton, -.spinbutton .titlebar .button.titlebutton, -.titlebar .spinbutton .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; - padding: 7px; } - .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .spinbutton .button:hover { - color: #eeeeec; - background-color: rgba(238, 238, 236, 0.05); } - .spinbutton .button:insensitive { - color: rgba(148, 151, 150, 0.3); } - .spinbutton .button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.1); } - .spinbutton .button:backdrop { - color: #8a8c8b; - border-color: rgba(31, 34, 34, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(93, 103, 103, 0.3); - border-style: none none none solid; } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } -.osd .spinbutton .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 .button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton .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 .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 .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 .button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .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, .spinbutton.vertical:dir(rtl) .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, .spinbutton.vertical:dir(rtl) .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, .spinbutton.vertical:dir(rtl) .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 .header-bar .button.titlebutton:first-child:insensitive > .label, - .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label, - .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .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:last-child, .spinbutton.vertical:dir(rtl) .button:last-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), 0 1px rgba(238, 238, 236, 0.1); } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-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), 0 1px rgba(238, 238, 236, 0.1); } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-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), 0 1px rgba(238, 238, 236, 0.1); } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-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), 0 1px rgba(238, 238, 236, 0.1); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label, - .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label, - .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-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), 0 1px rgba(238, 238, 236, 0); } -.spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .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), 0 1px rgba(238, 238, 236, 0); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label, - .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label, - .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label { - color: inherit; } -.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0; - padding-left: 3px; - padding-right: 3px; } -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: #215d9c; - border-radius: 0; - box-shadow: none; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - -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); } - GtkComboBox:not(.combobox-entry) .the-button-in-the-combobox { - padding-top: 2px; - padding-bottom: 3px; - padding-left: 8px; - padding-right: 8px; } - GtkComboBox:insensitive { - color: #949796; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop { - color: #949796; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop:insensitive { - color: #5d6767; } - GtkComboBox .menuitem { - text-shadow: none; } - GtkComboBox .separator.vertical { - -GtkWidget-wide-separators: true; } - GtkComboBox.combobox-entry .entry:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - GtkComboBox.combobox-entry .entry:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - GtkComboBox.combobox-entry .button:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - GtkComboBox.combobox-entry .button:dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - -/************ - * Toolbars * - ************/ -.toolbar, .inline-toolbar, .search-bar, .location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #393f3f; } - .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .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; } - -.search-bar, .location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, .search-bar, .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, .search-bar:backdrop, .location-bar:backdrop { - border-color: #1f2222; - background-color: #303535; - box-shadow: none; } - -/*************** - * Header bars * - ***************/ -.titlebar, -.header-bar { - padding: 4px; - 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, - .header-bar:backdrop { - border-color: #1f2222; - background-color: #393f3f; - background-image: none; - box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } - .titlebar .title, - .header-bar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; } - .titlebar .subtitle, - .header-bar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - .header-bar .header-bar-separator, - .header-bar > 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, - .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { - border-image: linear-gradient(to bottom, rgba(31, 34, 34, 0.5)) 0 1/1px 1px; } - .titlebar.selection-mode, - .header-bar.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, - .header-bar.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, - .header-bar.selection-mode .button { - 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 .sidebar-button.button, - .titlebar.selection-mode .titlebutton.button, - .header-bar.selection-mode .button.flat, - .header-bar.selection-mode .sidebar-button.button, - .header-bar.selection-mode .titlebutton.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; } - .titlebar.selection-mode .button:hover, - .header-bar.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, - .header-bar.selection-mode .button:active, - .header-bar.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 .sidebar-button.button:backdrop, - .titlebar.selection-mode .titlebutton.button:backdrop, - .header-bar.selection-mode .button:backdrop, - .header-bar.selection-mode .button.flat:backdrop, - .header-bar.selection-mode .sidebar-button.button:backdrop, - .header-bar.selection-mode .titlebutton.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), 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 .sidebar-button.button:backdrop:active, - .titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode .button.flat:backdrop:checked, .titlebar.selection-mode .sidebar-button.button:backdrop:checked, - .titlebar.selection-mode .titlebutton.button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button.flat:backdrop:active, - .header-bar.selection-mode .sidebar-button.button:backdrop:active, - .header-bar.selection-mode .titlebutton.button:backdrop:active, - .header-bar.selection-mode .button.flat:backdrop:checked, - .header-bar.selection-mode .sidebar-button.button:backdrop:checked, - .header-bar.selection-mode .titlebutton.button: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 .sidebar-button.button:backdrop:insensitive, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button.flat:backdrop:insensitive, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive, - .header-bar.selection-mode .titlebutton.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), 0 1px rgba(43, 100, 160, 0); - border-color: #0f2b48; } - .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label, - .header-bar.selection-mode .button:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label, - .header-bar.selection-mode .button.flat:backdrop:insensitive > .label, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebar .titlebutton.button: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 .sidebar-button.button:backdrop:insensitive:active, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:checked, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button.flat:backdrop:insensitive:active, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:active, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active, - .header-bar.selection-mode .button.flat:backdrop:insensitive:checked, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:checked, - .header-bar.selection-mode .titlebutton.button: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 .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label, - .header-bar.selection-mode .button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .sidebar-button.button:backdrop, - .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive, .titlebar.selection-mode .sidebar-button.button:insensitive, - .titlebar.selection-mode .titlebutton.button:insensitive, .titlebar.selection-mode .button.flat:insensitive:backdrop, .titlebar.selection-mode .sidebar-button.button:insensitive:backdrop, - .titlebar.selection-mode .titlebutton.button:insensitive:backdrop, - .header-bar.selection-mode .button.flat:backdrop, - .header-bar.selection-mode .sidebar-button.button:backdrop, - .header-bar.selection-mode .titlebutton.button:backdrop, - .header-bar.selection-mode .button.flat:insensitive, - .header-bar.selection-mode .sidebar-button.button:insensitive, - .header-bar.selection-mode .titlebutton.button:insensitive, - .header-bar.selection-mode .button.flat:insensitive:backdrop, - .header-bar.selection-mode .sidebar-button.button:insensitive:backdrop, - .header-bar.selection-mode .titlebutton.button: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, - .header-bar.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 .header-bar .button.titlebutton:insensitive > .label, - .header-bar.selection-mode .button:insensitive > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked, - .header-bar.selection-mode .button:insensitive:active, - .header-bar.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 .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label, - .header-bar.selection-mode .button:insensitive:active > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label, - .header-bar.selection-mode .button:insensitive:checked > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label { - color: inherit; } - .titlebar.selection-mode .button.suggested-action, - .header-bar.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, - .header-bar.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, - .header-bar.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, - .header-bar.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 .header-bar .suggested-action.button.titlebutton:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:insensitive > .label, - .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label { - color: inherit; } - .titlebar.selection-mode .button.suggested-action:backdrop, - .header-bar.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, - .header-bar.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 .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, - .header-bar.selection-mode .selection-menu, - .header-bar.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, - .header-bar.selection-mode .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu:backdrop GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .titlebar.selection-mode .selection-menu .arrow, - .header-bar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - icon-shadow: none; } - .tiled .titlebar, .maximized .titlebar, .tiled - .header-bar, .maximized - .header-bar { - border-radius: 0; } - .titlebar.default-decoration, - .header-bar.default-decoration { - padding: 4px; } - .titlebar.default-decoration .button, - .header-bar.default-decoration .button { - padding: 5px; } - -/************ - * Pathbars * - ************/ -/* -.path-bar .button { - padding: 5px 6px 6px; - &:first-child { padding-left: 8px; } - &:last-child { padding-right: 8px; } - &:only-child { - padding-left: 12px; - padding-right: 12px; - } - - // the following is for spacing the icon and the label inside the home button - .label:last-child { padding-left: 2px; } - .label:first-child { padding-right: 2px; } - .label:only-child { padding-right: 0; padding-left: 0; } - GtkImage { padding-top: 1px; } -} -*/ -.path-bar .button .label:first-child:not(:only-child) { - padding-right: 0; } -.path-bar .button .label:last-child:not(:only-child) { - padding-left: 0; } - -/************** - * Tree Views * - **************/ -GtkTreeView.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; } - GtkTreeView.view:selected { - border-radius: 0; } - GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected { - border-left-color: #90aece; - border-top-color: rgba(238, 238, 236, 0.1); } - GtkTreeView.view:insensitive { - color: #949796; } - GtkTreeView.view:insensitive:selected { - color: #7a9ec4; } - GtkTreeView.view:insensitive:selected:backdrop { - color: #648eba; } - GtkTreeView.view:insensitive:backdrop { - color: #5d6767; } - GtkTreeView.view.separator:backdrop { - color: rgba(0, 0, 0, 0.1); } - GtkTreeView.view:backdrop { - border-left-color: #676b6b; - border-top: #393f3f; } - GtkTreeView.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #88a6c4; } - GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #b3b3b2; } - GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover { - color: #eeeeec; } - GtkTreeView.view.expander:selected { - color: #bccee1; } - GtkTreeView.view.expander:selected:hover { - color: #ffffff; } - GtkTreeView.view.expander:selected:backdrop { - color: #bccee1; } - GtkTreeView.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:backdrop { - color: #757776; } - GtkTreeView.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); } - GtkTreeView.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #292929, #101010); } - GtkTreeView.view.progressbar:selected:backdrop { - border-color: #2c2c2c; - background-color: #2c2c2c; } - GtkTreeView.view.progressbar:backdrop { - border-color: #2c2c2c; - background-image: none; - box-shadow: none; } - GtkTreeView.view.trough { - background-color: rgba(238, 238, 236, 0.1); - border-radius: 4px; } - GtkTreeView.view.trough:selected { - background-color: #184472; } - -column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton, -column-header .titlebar .button.titlebutton, -.titlebar column-header .button.titlebutton { - color: #8c8c8b; - background-color: #292929; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - column-header .button:hover, column-header .header-bar .button.titlebutton:hover, .header-bar column-header .button.titlebutton:hover, - column-header .titlebar .button.titlebutton:hover, - .titlebar column-header .button.titlebutton:hover { - color: #bdbdbc; - box-shadow: none; - transition: none; } - column-header .button:active, column-header .header-bar .button.titlebutton:active, .header-bar column-header .button.titlebutton:active, - column-header .titlebar .button.titlebutton:active, - .titlebar column-header .button.titlebutton:active { - color: #eeeeec; - transition: none; } -column-header:last-child .button, column-header:last-child .header-bar .button.titlebutton, .header-bar column-header:last-child .button.titlebutton, -column-header:last-child .titlebar .button.titlebutton, -.titlebar column-header:last-child .button.titlebutton, column-header:last-child .button:backdrop, column-header:last-child.button, .header-bar column-header.button.titlebutton:last-child, -.titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop { - border-right-style: none; } - -column-header.button.dnd, column-header .button.dnd, column-header .header-bar .dnd.button.titlebutton, .header-bar column-header .dnd.button.titlebutton, -column-header .titlebar .dnd.button.titlebutton, -.titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, .header-bar column-header.dnd.button.titlebutton, -.titlebar column-header.dnd.button.titlebutton { - 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; } - -column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton, -column-header .titlebar .button.titlebutton, -.titlebar column-header .button.titlebutton, column-header .button:hover, column-header .button:active { - padding: 3px 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: #393f3f; - text-shadow: none; } - column-header .button:insensitive, column-header .header-bar .button.titlebutton:insensitive, .header-bar column-header .button.titlebutton:insensitive, - column-header .titlebar .button.titlebutton:insensitive, - .titlebar column-header .button.titlebutton:insensitive { - border-color: #393f3f; - background-image: none; } - column-header .button:backdrop, column-header .header-bar .button.titlebutton:backdrop, .header-bar column-header .button.titlebutton:backdrop, - column-header .titlebar .button.titlebutton:backdrop, - .titlebar column-header .button.titlebutton:backdrop { - border-color: #393f3f; - border-style: none solid solid none; - color: #676b6b; - background-image: none; - background-color: #2c2c2c; } - column-header .button:backdrop:insensitive { - border-color: #393f3f; - background-image: none; } - -/********* - * Menus * - *********/ -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - .menubar:backdrop { - background-color: #393f3f; } - .menubar > .menuitem { - padding: 4px 8px; } - .menubar > .menuitem:hover { - box-shadow: inset 0 -3px #215d9c; - color: #4a90d9; } - .menubar > .menuitem:insensitive { - color: #949796; - box-shadow: none; } - -.menu { - margin: 4px; - padding: 0px; - background-color: #292929; - border: 1px solid #1c1f1f; } - .csd .menu { - border: none; } - .menu .menuitem { - text-shadow: none; - padding: 4px; } - .menu .menuitem:hover { - color: #ffffff; - background-color: #215d9c; } - .menu .menuitem:insensitive { - color: #949796; } - .menu .menuitem:insensitive:backdrop { - color: #5d6767; } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #949796; - background-color: #2c2c2c; } - .menu .menuitem.arrow { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .menu .menuitem.arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .menu.button, .header-bar .menu.button.titlebutton, - .titlebar .menu.button.titlebutton { - border-style: none; - border-radius: 0; } - .menu.button.top { - border-bottom: 1px solid #3d3d3d; } - .menu.button.bottom { - border-top: 1px solid #3d3d3d; } - .menu.button:hover { - background-color: #3d3d3d; } - .menu.button:insensitive { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.menuitem .accelerator { - color: alpha(currentColor,0.55); } - -/*************** - * Popovers * - ***************/ -.popover { - padding: 3px; - 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 > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { - border-style: none; - background-color: transparent; } - .popover .button.flat, .popover .sidebar-button.button, .popover .header-bar .titlebutton.button, .header-bar .popover .titlebutton.button, - .popover .titlebar .titlebutton.button, - .titlebar .popover .titlebutton.button, - .popover .button.flat:hover, - .popover .sidebar-button.button:hover, - .popover .header-bar .titlebutton.button:hover, - .header-bar .popover .titlebutton.button:hover, - .popover .titlebar .titlebutton.button:hover, - .titlebar .popover .titlebutton.button:hover { - text-shadow: none; - transition: none; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -.notebook { - padding: 0; - background-color: #292929; - -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; - 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, .notebook tab.prelight-page { - border-color: #1c1f1f; } - .notebook tab:active, .notebook tab.active-page, .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, .notebook tab.reorderable-page.top.prelight-page { - 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, .notebook tab.reorderable-page.top.active-page { - 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, .notebook tab.reorderable-page.top.active-page:hover { - background-color: rgba(57, 63, 63, 0.7); } - .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page: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, .notebook tab.reorderable-page.bottom.prelight-page { - 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, .notebook tab.reorderable-page.bottom.active-page { - 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, .notebook tab.reorderable-page.bottom.active-page:hover { - background-color: rgba(57, 63, 63, 0.7); } - .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page: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, .notebook tab.reorderable-page.left.prelight-page { - 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, .notebook tab.reorderable-page.left.active-page { - 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, .notebook tab.reorderable-page.left.active-page:hover { - background-color: rgba(57, 63, 63, 0.7); } - .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page: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, .notebook tab.reorderable-page.right.prelight-page { - 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, .notebook tab.reorderable-page.right.active-page { - 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, .notebook tab.reorderable-page.right.active-page:hover { - background-color: rgba(57, 63, 63, 0.7); } - .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page: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, .notebook tab .label.prelight-page:backdrop { - color: #797f7f; } - .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { - color: #c1c3c1; } - .notebook tab .prelight-page .label:backdrop, .notebook tab .label.prelight-page:backdrop { - color: #797f7f; } - .notebook tab .active-page .label, .notebook tab .label.active-page { - color: #eeeeec; } - .notebook tab .active-page .label:backdrop, .notebook tab .label.active-page:backdrop { - color: #949796; } - .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .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 { - 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 { - 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 { - color: rgba(148, 151, 150, 0.3); - border-color: transparent; } - .notebook tab .button > GtkImage, .notebook tab .header-bar .button.titlebutton > GtkImage, .header-bar .notebook tab .button.titlebutton > GtkImage, - .notebook tab .titlebar .button.titlebutton > GtkImage, - .titlebar .notebook tab .button.titlebutton > GtkImage { - 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 .header-bar .button.titlebutton, .header-bar .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; } - -.scrollbars-junction, -.scrollbars-junction.frame { - border-color: transparent; - border-image: linear-gradient(to bottom, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #282c2c; } - .scrollbars-junction:dir(rtl), - .scrollbars-junction.frame:dir(rtl) { - border-image-slice: 0 1 0 0; } - .scrollbars-junction:backdrop, - .scrollbars-junction.frame:backdrop { - border-image-source: linear-gradient(to bottom, #1f2222 1px, transparent 1px); - background-color: #323737; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 45px; - -GtkSwitch-slider-height: 27px; - 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); } - GtkSwitch.trough { - 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.trough: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); } - GtkSwitch.trough: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; } - GtkSwitch.trough:backdrop { - color: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); - box-shadow: none; - text-shadow: none; } - GtkSwitch.trough:backdrop:active { - border-color: #0f2b48; - background-image: linear-gradient(to bottom, #215d9c); - box-shadow: none; } - GtkSwitch.trough:backdrop:insensitive { - color: #5d6767; - border-color: #1f2222; - background-image: none; - background-color: #333636; } - GtkSwitch.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; } - GtkSwitch.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); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2b2f2f; } - GtkSwitch.slider:active { - border: 1px solid #0f2b48; } - GtkSwitch.slider: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); } - GtkSwitch.slider:insensitive > .label { - color: inherit; } - GtkSwitch.slider: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); - box-shadow: none; } - GtkSwitch.slider:backdrop:active { - border-color: #0f2b48; } - GtkSwitch.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); - box-shadow: none; } - GtkSwitch.slider:backdrop:insensitive > .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.sidebar-button.button, .header-bar .check.titlebutton.button, - .titlebar .check.titlebutton.button { - 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.sidebar-button.button:hover, .header-bar .check.titlebutton.button:hover, - .titlebar .check.titlebutton.button:hover { - 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.sidebar-button.button:active, .header-bar .check.titlebutton.button:active, - .titlebar .check.titlebutton.button:active { - 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.sidebar-button.button:insensitive, .header-bar .check.titlebutton.button:insensitive, - .titlebar .check.titlebutton.button:insensitive { - 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.sidebar-button.button:backdrop, .header-bar .check.titlebutton.button:backdrop, - .titlebar .check.titlebutton.button:backdrop { - 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.sidebar-button.button:backdrop:insensitive, .header-bar .check.titlebutton.button:backdrop:insensitive, - .titlebar .check.titlebutton.button:backdrop:insensitive { - 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.sidebar-button.button:inconsistent, .header-bar .check.titlebutton.button:inconsistent, - .titlebar .check.titlebutton.button:inconsistent { - 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.sidebar-button.button:inconsistent:hover, .header-bar .check.titlebutton.button:inconsistent:hover, - .titlebar .check.titlebutton.button:inconsistent:hover { - 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.sidebar-button.button:inconsistent:selected, .header-bar .check.titlebutton.button:inconsistent:selected, - .titlebar .check.titlebutton.button:inconsistent:selected { - 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.sidebar-button.button:inconsistent:backdrop, .header-bar .check.titlebutton.button:inconsistent:backdrop, - .titlebar .check.titlebutton.button:inconsistent:backdrop { - 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.sidebar-button.button:inconsistent:insensitive, .header-bar .check.titlebutton.button:inconsistent:insensitive, - .titlebar .check.titlebutton.button:inconsistent:insensitive { - 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.sidebar-button.button:inconsistent:insensitive:backdrop, .header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, - .titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { - 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.sidebar-button.button:checked, .header-bar .check.titlebutton.button:checked, - .titlebar .check.titlebutton.button:checked { - 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.sidebar-button.button:checked:insensitive, .header-bar .check.titlebutton.button:checked:insensitive, - .titlebar .check.titlebutton.button:checked:insensitive { - 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.sidebar-button.button:checked:hover, .header-bar .check.titlebutton.button:checked:hover, - .titlebar .check.titlebutton.button:checked:hover { - 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.sidebar-button.button:checked:active, .header-bar .check.titlebutton.button:checked:active, - .titlebar .check.titlebutton.button:checked:active { - 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.sidebar-button.button:backdrop:checked, .header-bar .check.titlebutton.button:backdrop:checked, - .titlebar .check.titlebutton.button:backdrop:checked { - 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.sidebar-button.button:backdrop:checked:insensitive, .header-bar .check.titlebutton.button:backdrop:checked:insensitive, - .titlebar .check.titlebutton.button:backdrop:checked:insensitive { - 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.sidebar-button.button, .header-bar .radio.titlebutton.button, - .titlebar .radio.titlebutton.button { - 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.sidebar-button.button:hover, .header-bar .radio.titlebutton.button:hover, - .titlebar .radio.titlebutton.button:hover { - 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.sidebar-button.button:active, .header-bar .radio.titlebutton.button:active, - .titlebar .radio.titlebutton.button:active { - 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.sidebar-button.button:insensitive, .header-bar .radio.titlebutton.button:insensitive, - .titlebar .radio.titlebutton.button:insensitive { - 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.sidebar-button.button:backdrop, .header-bar .radio.titlebutton.button:backdrop, - .titlebar .radio.titlebutton.button:backdrop { - 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.sidebar-button.button:backdrop:insensitive, .header-bar .radio.titlebutton.button:backdrop:insensitive, - .titlebar .radio.titlebutton.button:backdrop:insensitive { - 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.sidebar-button.button:inconsistent, .header-bar .radio.titlebutton.button:inconsistent, - .titlebar .radio.titlebutton.button:inconsistent { - 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.sidebar-button.button:inconsistent:hover, .header-bar .radio.titlebutton.button:inconsistent:hover, - .titlebar .radio.titlebutton.button:inconsistent:hover { - 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.sidebar-button.button:inconsistent:selected, .header-bar .radio.titlebutton.button:inconsistent:selected, - .titlebar .radio.titlebutton.button:inconsistent:selected { - 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.sidebar-button.button:inconsistent:backdrop, .header-bar .radio.titlebutton.button:inconsistent:backdrop, - .titlebar .radio.titlebutton.button:inconsistent:backdrop { - 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.sidebar-button.button:inconsistent:insensitive, .header-bar .radio.titlebutton.button:inconsistent:insensitive, - .titlebar .radio.titlebutton.button:inconsistent:insensitive { - 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.sidebar-button.button:inconsistent:insensitive:backdrop, .header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, - .titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { - 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.sidebar-button.button:checked, .header-bar .radio.titlebutton.button:checked, - .titlebar .radio.titlebutton.button:checked { - 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.sidebar-button.button:checked:insensitive, .header-bar .radio.titlebutton.button:checked:insensitive, - .titlebar .radio.titlebutton.button:checked:insensitive { - 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.sidebar-button.button:checked:hover, .header-bar .radio.titlebutton.button:checked:hover, - .titlebar .radio.titlebutton.button:checked:hover { - 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.sidebar-button.button:checked:active, .header-bar .radio.titlebutton.button:checked:active, - .titlebar .radio.titlebutton.button:checked:active { - 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.sidebar-button.button:backdrop:checked, .header-bar .radio.titlebutton.button:backdrop:checked, - .titlebar .radio.titlebutton.button:backdrop:checked { - 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.sidebar-button.button:backdrop:checked:insensitive, .header-bar .radio.titlebutton.button:backdrop:checked:insensitive, - .titlebar .radio.titlebutton.button:backdrop:checked:insensitive { - 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, -.list-row .check, list-row .radio { - icon-shadow: none; } - .view.check:selected, GtkCalendar.check:selected, .view.check:hover, .view.radio:selected, GtkCalendar.radio:selected, .view.radio:hover, - .list-row .check:selected, - .list-row .check:hover, list-row .radio:selected, list-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; } - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px 2px 4px; - outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: #949796; } - GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: #5d6767; } - -/************ - * GtkScale * - ************/ -.scale, -.scale.scale-has-marks-above.scale-has-marks-below, -.scale.vertical.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 20; - -GtkRange-trough-border: 2; - outline-offset: -9px; - outline-radius: 4px; } - .scale.fine-tune, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune { - outline-offset: -7px; - outline-radius: 6px; } - .scale.fine-tune.trough, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - margin: 8px; - border-radius: 4px; } - .scale.slider, - .scale.scale-has-marks-above.scale-has-marks-below.slider, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:hover, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; - border-radius: 50%; - background-image: linear-gradient(to bottom, #333636); - box-shadow: none; } - .scale.slider:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { - border-style: solid; - border-radius: 50%; - border-color: #181a1a; - background-image: linear-gradient(to bottom, #393f3f); - box-shadow: none; } - .scale.slider:backdrop:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:backdrop:insensitive > .label, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label { - color: inherit; } - .scale.slider:active, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 1px solid #14375d; } - .osd .scale.slider, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:hover, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:active, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:backdrop, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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, - .scale.scale-has-marks-above.scale-has-marks-below.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - margin: 10px; - 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.highlight, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); - border-color: #0f2b48; - box-shadow: 0 1px rgba(238, 238, 236, 0.1); } - .scale.trough.highlight.vertical, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { - background-image: linear-gradient(to right, #215d9c 2px, #266cb5); } - .scale.trough.highlight:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - border-color: #0f2b48; - background-color: #215d9c; - box-shadow: none; } - .scale.trough:insensitive, .scale.trough.vertical:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - border-color: #1f2222; - background-color: #2b2f2f; - box-shadow: none; } - .scale.trough:backdrop:insensitive, .scale.trough .highlight:backdrop:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive { - border-color: #1f2222; - background-color: #333636; } - .osd .scale.trough, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune { - margin: 7px; } - .osd .scale.trough.highlight, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-image: none; - background-color: #215d9c; } - .osd .scale.trough:insensitive, .osd .scale.trough:backdrop:insensitive, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive { - border-color: transparent; - background-color: transparent; } - .osd .scale.trough:backdrop, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - border-color: rgba(0, 0, 0, 0.7); - background-image: none; } - .list-row:selected .scale, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below { - border-color: #0f2b48; } - .list-row:selected .scale.trough, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } - .list-row:selected .scale.trough:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - box-shadow: none; } - .list-row:selected .scale.trough.highlight:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - border-color: #0f2b48; } - .list-row:selected .scale:insensitive, .list-row:selected .scale.trough.highlight:insensitive, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { - border-color: #215d9c; - box-shadow: none; - background-color: #90aece; - background-image: none; } - .list-row:selected .scale:insensitive:backdrop, .list-row:selected .scale.trough.highlight:insensitive:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive:backdrop { - background-color: #90aece; } - -.scale.scale-has-marks-below { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.scale-has-marks-below.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-below.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.scale-has-marks-below.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-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.scale-has-marks-below.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-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.scale-has-marks-below.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.scale-has-marks-below.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.scale-has-marks-above { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.scale-has-marks-above.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-above.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.scale-has-marks-above.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-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.scale-has-marks-above.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-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.scale-has-marks-above.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.scale-has-marks-above.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.scale-has-marks-below { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.vertical.scale-has-marks-below.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-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.scale-has-marks-below.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.scale-has-marks-below.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-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.scale-has-marks-below.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-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.scale-has-marks-below.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.scale-has-marks-below.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.scale-has-marks-above { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.vertical.scale-has-marks-above.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-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.scale-has-marks-above.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.scale-has-marks-above.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-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.scale-has-marks-above.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-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.scale-has-marks-above.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.scale-has-marks-above.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.scale-has-marks-above .trough { - margin: 14px 10px 10px; } -.fine-tune.scale.scale-has-marks-above .trough { - margin: 12px 8px 8px; } - -.scale.scale-has-marks-below .trough { - margin: 10px 10px 14px; } -.fine-tune.scale.scale-has-marks-below .trough { - margin: 8px 8px 12px; } - -.scale.vertical.scale-has-marks-above .trough { - margin: 10px 10px 10px 14px; } -.fine-tune.scale.vertical.scale-has-marks-above .trough { - margin: 8px 8px 8px 12px; } - -.scale.vertical.scale-has-marks-below .trough { - margin: 10px 14px 10px 10px; } -.fine-tune.scale.vertical.scale-has-marks-below .trough { - margin: 8px 12px 8px 8px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar { - 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); } - GtkProgressBar:backdrop { - color: #5d6767; } - GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; } - GtkProgressBar.trough { - border: 1px solid #1c1f1f; - border-radius: 3px; - background-color: #2f3434; } - GtkProgressBar.trough:backdrop { - border-color: #1f2222; - background-color: #303535; - box-shadow: 0 1px rgba(255, 255, 255, 0); } - GtkProgressBar.trough.osd { - border-style: none; - background-color: transparent; - box-shadow: none; } - -.progressbar { - background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); - border: 1px solid #0f2b48; - border-radius: 1.5px; - box-shadow: none; } - .progressbar.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - .progressbar.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - .progressbar.left.right { - box-shadow: none; } - .progressbar.vertical { - background-image: linear-gradient(to right, #215d9c 2px, #266cb5); } - .progressbar.vertical.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - box-shadow: none; } - .progressbar.vertical.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .progressbar:backdrop { - border-color: #0f2b48; - background-image: none; - background-color: #215d9c; - box-shadow: none; } - .progressbar.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 { - border: 1px solid #1c1f1f; - padding: 0; } - .frame.flat { - border-style: none; } - .frame:backdrop { - border-color: #1f2222; } - .frame.action-bar { - padding: 6px; - border-width: 1px 0 0; } - -GtkScrolledWindow GtkViewport.frame { - border-style: none; } - -.separator { - color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { - -GtkWidget-wide-separators: true; } - -/********* - * Lists * - *********/ -.list { - background-color: #292929; - border-color: #1c1f1f; } - .list:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } - -.list-row, -.grid-child { - padding: 2px; } - -.list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { - background-color: rgba(238, 238, 236, 0.05); } -.list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } -.list-row.activatable:backdrop:hover, GtkPlacesSidebar.sidebar .has-open-popup:backdrop { - background-color: transparent; } -.list-row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } -.list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { - background-color: #366ca4; } -.list-row.activatable:selected:backdrop { - background-color: #215d9c; } - -.list-row:selected .button { - 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); } - .list-row:selected .button.flat, .list-row:selected .sidebar-button.button, .list-row:selected .header-bar .titlebutton.button, .header-bar .list-row:selected .titlebutton.button, - .list-row:selected .titlebar .titlebutton.button, - .titlebar .list-row:selected .titlebutton.button { - 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; } - .list-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); } - .list-row:selected .button:active, .list-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); } - .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop, .list-row:selected .sidebar-button.button:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop, - .list-row:selected .titlebar .titlebutton.button:backdrop, - .titlebar .list-row:selected .titlebutton.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); } - .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .sidebar-button.button:backdrop:active, .list-row:selected .header-bar .titlebutton.button:backdrop:active, .header-bar .list-row:selected .titlebutton.button:backdrop:active, - .list-row:selected .titlebar .titlebutton.button:backdrop:active, - .titlebar .list-row:selected .titlebutton.button:backdrop:active, .list-row:selected .button.flat:backdrop:checked, .list-row:selected .sidebar-button.button:backdrop:checked, .list-row:selected .header-bar .titlebutton.button:backdrop:checked, .header-bar .list-row:selected .titlebutton.button:backdrop:checked, - .list-row:selected .titlebar .titlebutton.button:backdrop:checked, - .titlebar .list-row:selected .titlebutton.button:backdrop:checked { - color: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive, .list-row:selected .sidebar-button.button:backdrop:insensitive, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive, - .titlebar .list-row:selected .titlebutton.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); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label, - .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .sidebar-button.button:backdrop:insensitive:active, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked, .list-row:selected .sidebar-button.button:backdrop:insensitive:checked, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked, - .titlebar .list-row:selected .titlebutton.button: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); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label, - .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, - .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .list-row:selected .button.flat:backdrop, .list-row:selected .sidebar-button.button:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop, - .list-row:selected .titlebar .titlebutton.button:backdrop, - .titlebar .list-row:selected .titlebutton.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: #949796; } - .list-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); } - .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label, - .list-row:selected .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .list-row:selected .button:insensitive:active, .list-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); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label, - .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label, - .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label { - color: inherit; } - -.list-row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .list-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 .header-bar .button.titlebutton, .header-bar .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 .sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button, - .app-notification .titlebar .titlebutton.button, - .titlebar .app-notification .titlebutton.button, - .app-notification.frame .button.flat, - .app-notification.frame .sidebar-button.button, - .app-notification.frame .header-bar .titlebutton.button, - .header-bar .app-notification.frame .titlebutton.button, - .app-notification.frame .titlebar .titlebutton.button, - .titlebar .app-notification.frame .titlebutton.button { - 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 { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .expander:hover { - color: white; } - .expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: white; - border: 1px solid #1c1f1f; } - GtkCalendar.header { - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - GtkCalendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton, - .titlebar GtkCalendar.button.titlebutton { - color: rgba(238, 238, 236, 0.45); } - GtkCalendar.button:hover, .header-bar GtkCalendar.button.titlebutton:hover, - .titlebar GtkCalendar.button.titlebutton:hover { - color: #eeeeec; } - GtkCalendar.button:backdrop, .header-bar GtkCalendar.button.titlebutton:backdrop, - .titlebar GtkCalendar.button.titlebutton:backdrop { - color: rgba(148, 151, 150, 0.45); } - GtkCalendar.button:insensitive, .header-bar GtkCalendar.button.titlebutton:insensitive, - .titlebar GtkCalendar.button.titlebutton:insensitive { - color: rgba(148, 151, 150, 0.45); } - GtkCalendar:inconsistent, GtkCalendar:inconsistent:backdrop { - color: alpha(currentColor,0.55); } - GtkCalendar.highlight, GtkCalendar.highlight:backdrop { - font-size: smaller; - color: #eeeeec; } - GtkCalendar:backdrop { - color: #d5d5d5; - border-color: #1f2222; } - -/*********** - * Dialogs * - ***********/ -.message-dialog .dialog-action-area .button { - padding: 8px; } - -.message-dialog .titlebar { - border-style: none; - box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } -.message-dialog.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } -.message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .message-dialog.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); } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label { - color: inherit; } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.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); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .message-dialog.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); } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label { - color: inherit; } -.message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } -.message-dialog.csd .dialog-action-area .button:last-child { - border-bottom-right-radius: 7px; - outline-bottom-right-radius: 5px; } -.message-dialog.csd .dialog-action-area .button:first-child { - border-left-style: none; - border-bottom-left-radius: 7px; - outline-bottom-left-radius: 5px; } - -GtkFileChooserDialog .search-bar { - background-color: #292929; - border-color: #393f3f; - box-shadow: none; } - GtkFileChooserDialog .search-bar:backdrop { - background-color: #2c2c2c; - border-color: #393f3f; } -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; } - -GtkSidebarRow.list-row { - padding: 0px; } -GtkSidebarRow .sidebar-revealer { - padding: 4px 14px 4px 12px; } -GtkSidebarRow .sidebar-icon { - opacity: 0.7; } - GtkSidebarRow .sidebar-icon:dir(ltr) { - padding-right: 8px; } - GtkSidebarRow .sidebar-icon:dir(rtl) { - padding-left: 8px; } -GtkSidebarRow .sidebar-label:dir(ltr) { - padding-right: 2px; } -GtkSidebarRow .sidebar-label:dir(rtl) { - padding-left: 2px; } - -GtkPlacesSidebar.sidebar .list-row:selected:active { - box-shadow: none; } -GtkPlacesSidebar.sidebar .sidebar-placeholder-row { - border: solid 1px #215d9c; } -GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { - color: #215d9c; } -.sidebar-button.button, .header-bar .sidebar-button.button.titlebutton, -.titlebar .sidebar-button.button.titlebutton { - border-radius: 100%; - outline-radius: 100%; } - .sidebar-button.button.image-button, .header-bar .sidebar-button.titlebutton.button, - .titlebar .sidebar-button.titlebutton.button { - padding: 5px; } - .sidebar-button.button:not(:hover):not(:active) > GtkImage, .header-bar .sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage, - .titlebar .sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage, .sidebar-button.button:backdrop > GtkImage, .header-bar .sidebar-button.button.titlebutton:backdrop > GtkImage, - .titlebar .sidebar-button.button.titlebutton:backdrop > GtkImage { - opacity: 0.7; } - -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > .label { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/********* - * Paned * - *********/ -GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 8px 8px 0; } - GtkPaned:dir(rtl) { - margin-right: 0; - margin-left: 8px; } - GtkPaned .pane-separator { - background-color: #1c1f1f; } - GtkPaned .pane-separator:backdrop { - background-color: #1f2222; } - -GtkPaned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - GtkPaned.wide .pane-separator { - background-color: transparent; - border-style: none solid; - border-color: #1c1f1f; - border-width: 1px; } - GtkPaned.wide.vertical .pane-separator { - border-style: solid none; } - GtkPaned.wide .pane-separator:backdrop { - border-color: #1f2222; } - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; } - -.info, -.question, -.warning, -.error { - background-color: #215d9c; - color: #ffffff; - text-shadow: 0 1px #184472; - border-color: #184472; } - .info .button, .info .header-bar .button.titlebutton, .header-bar .info .button.titlebutton, - .info .titlebar .button.titlebutton, - .titlebar .info .button.titlebutton, - .question .button, - .question .header-bar .button.titlebutton, - .header-bar .question .button.titlebutton, - .question .titlebar .button.titlebutton, - .titlebar .question .button.titlebutton, - .warning .button, - .warning .header-bar .button.titlebutton, - .header-bar .warning .button.titlebutton, - .warning .titlebar .button.titlebutton, - .titlebar .warning .button.titlebutton, - .error .button, - .error .header-bar .button.titlebutton, - .header-bar .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 .header-bar .button.titlebutton:insensitive > .label, - .info .titlebar .button.titlebutton:insensitive > .label, - .question .button:insensitive > .label, - .question .header-bar .button.titlebutton:insensitive > .label, - .question .titlebar .button.titlebutton:insensitive > .label, - .warning .button:insensitive > .label, - .warning .header-bar .button.titlebutton:insensitive > .label, - .warning .titlebar .button.titlebutton:insensitive > .label, - .error .button:insensitive > .label, - .error .header-bar .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 .header-bar .button.titlebutton:backdrop:insensitive > .label, - .info .titlebar .button.titlebutton:backdrop:insensitive > .label, - .question .button:backdrop:insensitive > .label, - .question .header-bar .button.titlebutton:backdrop:insensitive > .label, - .question .titlebar .button.titlebutton:backdrop:insensitive > .label, - .warning .button:backdrop:insensitive > .label, - .warning .header-bar .button.titlebutton:backdrop:insensitive > .label, - .warning .titlebar .button.titlebutton:backdrop:insensitive > .label, - .error .button:backdrop:insensitive > .label, - .error .header-bar .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.window-frame.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/***************** - * Color Chooser * - *****************/ -GtkColorSwatch { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - :selected GtkColorSwatch { - box-shadow: none; } - :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #ffffff; } - GtkColorSwatch:selected { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - GtkColorSwatch.top { - border-top-left-radius: 6px; - border-top-right-radius: 6px; } - GtkColorSwatch.bottom { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; } - GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; } - GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; } - GtkColorSwatch:only-child:not(.overlay) { - border-radius: 6px; } - GtkColorSwatch.top > .overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - GtkColorSwatch.bottom > .overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - GtkColorSwatch:first-child:not(.top) > .overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - GtkColorSwatch:last-child:not(.bottom) > .overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - GtkColorSwatch:only-child > .overlay { - border-radius: 5px; } - GtkColorSwatch:hover, GtkColorSwatch: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); } - GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } - GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected - GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } - GtkColorEditor GtkColorSwatch { - border-radius: 3px; } - GtkColorEditor GtkColorSwatch:hover { - background-image: none; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - GtkColorEditor GtkColorSwatch:backdrop { - box-shadow: none; } - GtkColorSwatch.color-dark { - color: white; - outline-color: rgba(255, 255, 255, 0.5); } - GtkColorSwatch.color-dark:backdrop { - color: rgba(255, 255, 255, 0.3); } - GtkColorSwatch.color-light { - color: black; - outline-color: rgba(0, 0, 0, 0.5); } - GtkColorSwatch.color-light:backdrop { - color: rgba(0, 0, 0, 0.3); } - GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #1c1f1f; } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { - border-color: black; } - GtkColorSwatch#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); } - GtkColorSwatch#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); } - GtkColorSwatch#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); } - GtkColorSwatch#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 .sidebar-button.button, .osd .scale-popup .header-bar .titlebutton.button, .header-bar .osd .scale-popup .titlebutton.button, -.osd .scale-popup .titlebar .titlebutton.button, -.titlebar .osd .scale-popup .titlebutton.button { - padding: 6px; - border-style: none; - border-radius: 5px; } -.scale-popup .button, .scale-popup .header-bar .button.titlebutton, .header-bar .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 * - *********************/ -.window-frame { - 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; } - .window-frame:backdrop { - box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); } - .window-frame.tiled { - border-radius: 0; } - .window-frame.popup { - box-shadow: none; } - .window-frame.ssd { - box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); } - .window-frame.csd.popup { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } - .window-frame.csd.tooltip { - border-radius: 5px; - box-shadow: none; } - .window-frame.csd.message-dialog { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } - .window-frame.solid-csd { - border-radius: 0; - margin: 4px; - background-color: #393f3f; - border: solid 1px #1f2222; - box-shadow: none; } - -.header-bar .titlebutton.button, -.titlebar .titlebutton.button { - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } - .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop { - icon-shadow: none; } - -.header-bar.selection-mode .titlebutton.button, -.titlebar.selection-mode .titlebutton.button { - text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); } - .header-bar.selection-mode .titlebutton.button:backdrop, - .titlebar.selection-mode .titlebutton.button:backdrop { - icon-shadow: none; } - -.view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, -.titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected { - background-color: #215d9c; - color: #ffffff; } - .view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, - .titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label { - color: #90aece; } - .view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, - .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { - color: #ffffff; } - .view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, - .titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive .label { - color: #648eba; } - -.monospace { - font: Monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), - .cursor-handle.top:dir(ltr), - .cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); - padding-left: 10px; } - .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), - .cursor-handle.bottom:dir(ltr), - .cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); - padding-right: 10px; } - .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), - .cursor-handle.insertion-cursor:dir(ltr), - .cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), - .cursor-handle.top:hover:dir(ltr), - .cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); - padding-left: 10px; } - .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), - .cursor-handle.bottom:hover:dir(ltr), - .cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); - padding-right: 10px; } - .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), - .cursor-handle.insertion-cursor:hover:dir(ltr), - .cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), - .cursor-handle.top:active:dir(ltr), - .cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); - padding-left: 10px; } - .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), - .cursor-handle.bottom:active:dir(ltr), - .cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); - padding-right: 10px; } - .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), - .cursor-handle.insertion-cursor:active:dir(ltr), - .cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-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; } - -.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; } - .touch-selection:backdrop { - text-shadow: none; } - .touch-selection .button, .touch-selection .header-bar .button.titlebutton, .header-bar .touch-selection .button.titlebutton, - .touch-selection .titlebar .button.titlebutton, - .titlebar .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); } - .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); } - .touch-selection .button:active, .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); } - .touch-selection .button:insensitive, .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; } - .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; } - .touch-selection .check { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .touch-selection .radio { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - -.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; } - .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; } -.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; } - .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; } -.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; } - .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; } -.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; } - .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; } - -.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; } -.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; } -.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; } -.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; } - -/* 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; +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Invalid CSS after \"}\": expected \"}\", was \"\"\A on line 3482 of _common.scss\A from line 5 of ./gtk-contained-dark.scss\A \A 3477: \A 3478: &.right {\A 3479: @include undershoot(right);\A 3480: }\A 3481: }"; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 076aad601d..1aa9288079 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -1,4899 +1,67 @@ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #cc0000; - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 16; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkWidget-link-color: #2a76c6; - -GtkWidget-visited-link-color: #215d9c; - -GtkWidget-focus-padding: 2; - -GtkWidget-focus-line-width: 1; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkStatusbar-shadow-type: none; - outline-color: rgba(46, 52, 54, 0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - outline-radius: 2px; } - -/*************** - * Base States * - ***************/ -.background { - color: #2e3436; - background-color: #e9e9e9; } - .background:backdrop { - text-shadow: none; - icon-shadow: none; - color: #8e9192; - background-color: #ededed; } - /* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. +Error: Invalid CSS after "}": expected "}", was "" + on line 3482 of _common.scss + from line 11 of ./gtk-contained.scss + +3477: +3478: &.right { +3479: @include undershoot(right); +3480: } +3481: } + +Backtrace: +_common.scss:3482 +./gtk-contained.scss:11 +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:1162:in `expected' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:1098:in `expected' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:1093:in `tok!' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:640:in `block' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:632:in `ruleset' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:657:in `block_child' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:650:in `block_contents' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:117:in `stylesheet' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/scss/parser.rb:42:in `parse' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/engine.rb:403:in `_to_tree' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/engine.rb:309:in `to_tree' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:324:in `block in visit_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:88:in `block in with_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:115:in `with_frame' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:88:in `with_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:323:in `visit_import' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:158:in `block in visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:79:in `block in with_base' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:115:in `with_frame' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/stack.rb:79:in `with_base' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:158:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `map' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:52:in `visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:179:in `with_environment' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:166:in `visit_children' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `block in visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:186:in `visit_root' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/base.rb:36:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:157:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/visitors/perform.rb:8:in `visit' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/root_node.rb:36:in `css_tree' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/tree/root_node.rb:20:in `render' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/engine.rb:278:in `render' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:492:in `update_stylesheet' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:209:in `each' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:470:in `on_file_changed' +/home/lapo/.gem/ruby/gems/sass-3.4.18/lib/sass/plugin/compiler.rb:328:in `block in watch' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/listener.rb:252:in `call' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/listener.rb:252:in `on_change' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/adapters/polling.rb:48:in `call' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/adapters/polling.rb:48:in `poll_changed_directories' +/home/lapo/.gem/ruby/gems/sass-3.4.18/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller' */ -*:insensitive { - -gtk-image-effect: dim; } - -.gtkstyle-fallback { - background-color: #ededed; - color: #2e3436; } - .gtkstyle-fallback:prelight { - background-color: white; - color: #2e3436; } - .gtkstyle-fallback:active { - background-color: #d4d4d4; - color: #2e3436; } - .gtkstyle-fallback:insensitive { - background-color: #f4f4f4; - color: #8e9192; } - .gtkstyle-fallback:selected { - background-color: #4a90d9; - color: #ffffff; } - -.view { - color: black; - background-color: #ffffff; } - .view:backdrop { - color: #333333; - background-color: white; } - .view:selected, GtkCalendar:selected { - border-radius: 3px; } - -.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { - border: 1px solid #2a76c6; - background-color: rgba(42, 118, 198, 0.2); } - -.label.separator { - color: #2e3436; } - .label.separator:backdrop { - color: #8e9192; } -.label:insensitive { - color: #8e9192; } - .label:insensitive:backdrop { - color: #c7c7c7; } - -.dim-label, .label.separator, .titlebar .subtitle, -.header-bar .subtitle { - opacity: 0.55; - text-shadow: none; } - -GtkAssistant .sidebar { - background-color: #ffffff; - border-top: 1px solid #a1a1a1; } - GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #a1a1a1; } - GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #a1a1a1; } - GtkAssistant .sidebar:backdrop { - background-color: white; - border-color: darkgray; } -GtkAssistant.csd .sidebar { - border-top-style: none; } -GtkAssistant .sidebar .label { - padding: 6px 12px; } -GtkAssistant .sidebar .label.highlight { - background-color: #c7c8c8; } - -GtkTextView { - background-color: #f6f6f6; } - GtkTextView:backdrop { - background-color: #f6f6f6; } - -.grid-child { - padding: 3px; - border-radius: 3px; } - .grid-child:selected { - outline-offset: -2px; } - -.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.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 { - border: 1px solid; - padding: 4px 8px 5px; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: black; - border-color: #a1a1a1; - box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; } - .entry.image.left { - padding-left: 0; } - .entry.image.right { - padding-right: 0; } - .entry.flat, .entry.flat:focus { - padding: 2px; - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: black; - border-color: #a1a1a1; - box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); - border: none; - border-radius: 0; } - .entry:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - box-shadow: inset 0 0 0 1px #4a90d9, 0 1px white; - border-color: #4a90d9; } - .entry:insensitive { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - box-shadow: 0 1px white; } - .entry:backdrop { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: #333333; - border-color: darkgray; - background-image: linear-gradient(to bottom, white); - box-shadow: 0 1px rgba(255, 255, 255, 0); } - .entry:backdrop:insensitive { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - box-shadow: 0 1px rgba(255, 255, 255, 0); } - .entry.progressbar { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #4a90d9; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - .entry.progressbar:backdrop { - background-color: transparent; } - .linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .entry:focus + .button, .linked:not(.vertical) > .entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > .entry:focus + GtkComboBoxText > .the-button-in-the-combobox { - border-left-color: #4a90d9; } - .entry.error { - color: #cc0000; - border-color: #cc0000; } - .entry.error:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - box-shadow: inset 0 0 0 1px #cc0000, 0 1px white; - border-color: #cc0000; } - .entry.error:selected, .entry.error:selected:focus { - background-color: #cc0000; } - .entry.warning { - color: #f57900; - border-color: #f57900; } - .entry.warning:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - box-shadow: inset 0 0 0 1px #f57900, 0 1px white; - border-color: #f57900; } - .entry.warning:selected, .entry.warning:selected:focus { - background-color: #f57900; } - .entry.image { - color: #585d5e; } - .entry.image:hover { - color: #2e3436; } - .entry.image:active { - color: #4a90d9; } - .entry.image:backdrop { - color: #a5a7a8; } - .osd .entry { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - icon-shadow: 0 1px black; } - .osd .entry:focus { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: white; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #4a90d9; - text-shadow: 0 1px black; - icon-shadow: 0 1px black; } - .osd .entry:backdrop { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .osd .entry:insensitive { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - -.linked.vertical > .entry:not(:last-child) { - box-shadow: none; } -.linked.vertical > .entry:focus:not(:last-child) { - box-shadow: inset 0 0 0 1px #4a90d9; } -.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) { - border-top-color: #e3e3e3; - background-image: linear-gradient(to bottom, #ffffff); } - .linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop { - border-top-color: #e5e5e5; - background-image: linear-gradient(to bottom, white); } -.linked.vertical > .entry + .entry:focus:not(:last-child) { - border-top-color: #4a90d9; - box-shadow: inset 0 0 0 1px #4a90d9; } -.linked.vertical > .entry + .entry:focus:last-child { - border-top-color: #4a90d9; } -.linked.vertical > .entry:focus:not(:only-child) + .entry, -.linked.vertical > .entry:focus:not(:only-child) + .button, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, -.linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { - border-top-color: #4a90d9; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } } -.button, .header-bar .button.titlebutton, -.titlebar .button.titlebutton { - padding: 4px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; - /* - &.image-button { padding: 8px; } - - &.text-button { - padding-left: 16px; - padding-right: 16px; - } - - &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - padding: 5px 8px 6px; // same as .button - .label:first-child { padding-left: 8px; } - .label:last-child { padding-right: 8px; } - } - */ } - .button .label, .header-bar .button.titlebutton .label, - .titlebar .button.titlebutton .label { - padding-bottom: 1px; - padding-left: 6px; - padding-right: 6px; } - .button GtkImage, .header-bar .button.titlebutton GtkImage, - .titlebar .button.titlebutton GtkImage { - padding: 3px; } - .button.flat, .sidebar-button.button, .header-bar .titlebutton.button, - .titlebar .titlebutton.button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - transition: none; } - .button.flat:hover, .sidebar-button.button:hover, .header-bar .titlebutton.button:hover, - .titlebar .titlebutton.button:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - .button.flat:hover:active, .sidebar-button.button:hover:active, .header-bar .titlebutton.button:hover:active, - .titlebar .titlebutton.button:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .button:hover, .header-bar .button.titlebutton:hover, - .titlebar .button.titlebutton:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; - -gtk-image-effect: highlight; } - .button:active, .header-bar .button.titlebutton:active, - .titlebar .button.titlebutton:active, .button:checked, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:checked { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; - transition-duration: 50ms; } - .button:backdrop, .header-bar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:backdrop, .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active, .sidebar-button.button:backdrop:active, .header-bar .titlebutton.button:backdrop:active, - .titlebar .titlebutton.button:backdrop:active, .button.flat:backdrop:checked, .sidebar-button.button:backdrop:checked, .header-bar .titlebutton.button:backdrop:checked, - .titlebar .titlebutton.button:backdrop:checked { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #d5d5d5); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, - .titlebar .titlebutton.button:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label, - .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .sidebar-button.button:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, - .titlebar .titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .sidebar-button.button:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active, - .titlebar .titlebutton.button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:checked, .sidebar-button.button:backdrop:insensitive:checked, .header-bar .titlebutton.button:backdrop:insensitive:checked, - .titlebar .titlebutton.button:backdrop:insensitive:checked { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #e7e7e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive:active > .label, .header-bar .button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .button.flat:backdrop, .sidebar-button.button:backdrop, .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop, .button.flat:insensitive, .sidebar-button.button:insensitive, .header-bar .titlebutton.button:insensitive, - .titlebar .titlebutton.button:insensitive, .button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive, - .titlebar .titlebutton.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; } - .button:insensitive, .header-bar .button.titlebutton:insensitive, - .titlebar .button.titlebutton:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label, - .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .button:insensitive:active, .button:insensitive:checked { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #ececec, #f4f4f4); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button:insensitive:active > .label, .header-bar .button.titlebutton:insensitive:active > .label, - .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label, - .titlebar .button.titlebutton:insensitive:checked > .label { - color: inherit; } - .button.osd, .header-bar .osd.button.titlebutton, - .titlebar .osd.button.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, .header-bar .osd.titlebutton.button, - .titlebar .osd.titlebutton.button { - 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 .header-bar .button.titlebutton, .header-bar .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); - border-radius: 0; - border-left-style: none; } - .osd .button:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: solid; } - .osd .button:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; } - .osd .button:last-child { - border-radius: 0 3px 3px 0; } - .osd .button:last-child:dir(rtl) { - border-right-style: solid; } - .osd .button:only-child { - border-radius: 3px; - border-style: solid; } - .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 .sidebar-button.button, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button, - .osd .titlebar .titlebutton.button, - .titlebar .osd .titlebutton.button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - icon-shadow: 0 1px black; } - .osd .button.flat:hover, .osd .sidebar-button.button:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover, - .osd .titlebar .titlebutton.button:hover, - .titlebar .osd .titlebutton.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); - background-clip: padding-box; - border-color: transparent; - box-shadow: none; } - .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive, - .osd .titlebar .titlebutton.button:insensitive, - .titlebar .osd .titlebutton.button: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 .sidebar-button.button:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop, - .osd .titlebar .titlebutton.button:backdrop, - .titlebar .osd .titlebutton.button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; } - .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active, - .osd .titlebar .titlebutton.button:active, - .titlebar .osd .titlebutton.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked, - .osd .titlebar .titlebutton.button:checked, - .titlebar .osd .titlebutton.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); - background-clip: padding-box; - border-color: transparent; - box-shadow: none; } - .button.suggested-action, .header-bar .suggested-action.button.titlebutton, - .titlebar .suggested-action.button.titlebutton { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.suggested-action.flat, .suggested-action.sidebar-button.button, .header-bar .suggested-action.titlebutton.button, - .titlebar .suggested-action.titlebutton.button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #4a90d9; } - .button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); - text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.suggested-action:active, .button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, - .titlebar .suggested-action.titlebutton.button:backdrop { - color: #dbe9f7; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .suggested-action.sidebar-button.button:backdrop:active, .header-bar .suggested-action.titlebutton.button:backdrop:active, - .titlebar .suggested-action.titlebutton.button:backdrop:active, .button.suggested-action.flat:backdrop:checked, .suggested-action.sidebar-button.button:backdrop:checked, .header-bar .suggested-action.titlebutton.button:backdrop:checked, - .titlebar .suggested-action.titlebutton.button:backdrop:checked { - color: #d4e4f4; - border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .suggested-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .suggested-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .suggested-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked { - color: #8db9e8; - border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop, - .titlebar .suggested-action.titlebutton.button:backdrop, .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.titlebutton.button:insensitive, - .titlebar .suggested-action.titlebutton.button:insensitive, .button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive, - .titlebar .suggested-action.titlebutton.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; - color: rgba(74, 144, 217, 0.8); } - .button.suggested-action:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.suggested-action:insensitive > .label, .header-bar .suggested-action.button.titlebutton:insensitive > .label, - .titlebar .suggested-action.button.titlebutton:insensitive > .label { - color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { - color: #b9d4f1; - border-color: #1c5187; - background-image: linear-gradient(to bottom, #4b8dd3, #5094db); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.suggested-action:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, - .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, - .titlebar .suggested-action.button.titlebutton:insensitive:checked > .label { - color: inherit; } - .osd .button.suggested-action { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #4a90d9); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .osd .button.suggested-action:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .button.destructive-action, .header-bar .destructive-action.button.titlebutton, - .titlebar .destructive-action.button.titlebutton { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.destructive-action.flat, .destructive-action.sidebar-button.button, .header-bar .destructive-action.titlebutton.button, - .titlebar .destructive-action.titlebutton.button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #ef2929; } - .button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); - text-shadow: 0 -1px rgba(0, 0, 0, 0.52878); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; } - .button.destructive-action:active, .button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #da1010, #e51111 40%, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, - .titlebar .destructive-action.titlebutton.button:backdrop { - color: #fcd4d4; - border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .destructive-action.sidebar-button.button:backdrop:active, .header-bar .destructive-action.titlebutton.button:backdrop:active, - .titlebar .destructive-action.titlebutton.button:backdrop:active, .button.destructive-action.flat:backdrop:checked, .destructive-action.sidebar-button.button:backdrop:checked, .header-bar .destructive-action.titlebutton.button:backdrop:checked, - .titlebar .destructive-action.titlebutton.button:backdrop:checked { - color: #f7cfcf; - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .destructive-action.sidebar-button.button:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .destructive-action.sidebar-button.button:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .destructive-action.sidebar-button.button:backdrop:insensitive:checked, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked { - color: #f57979; - border-color: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, - .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop, - .titlebar .destructive-action.titlebutton.button:backdrop, .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.titlebutton.button:insensitive, - .titlebar .destructive-action.titlebutton.button:insensitive, .button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive, - .titlebar .destructive-action.titlebutton.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; - color: rgba(239, 41, 41, 0.8); } - .button.destructive-action:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.destructive-action:insensitive > .label, .header-bar .destructive-action.button.titlebutton:insensitive > .label, - .titlebar .destructive-action.button.titlebutton:insensitive > .label { - color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { - color: #f9adad; - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #e52d2d, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.destructive-action:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, - .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, - .titlebar .destructive-action.button.titlebutton:insensitive:checked > .label { - color: inherit; } - .osd .button.destructive-action { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ef2929); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .osd .button.destructive-action:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .button.image-button.text-button .label:first-child, .header-bar .text-button.titlebutton.button .label:first-child, - .titlebar .text-button.titlebutton.button .label:first-child { - padding-right: 0; } - .button.image-button.text-button .label:last-child, .header-bar .text-button.titlebutton.button .label:last-child, - .titlebar .text-button.titlebutton.button .label:last-child { - padding-left: 0; } - .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton, - .titlebar .stack-switcher > .button.titlebutton { - padding: 4px; - outline-offset: -3px; } - .stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage, - .titlebar .stack-switcher > .button.titlebutton > GtkImage { - padding-left: 5px; - padding-right: 5px; - padding-top: 6px; } - .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button, - .titlebar .stack-switcher > .titlebutton.button { - padding-left: 2px; - padding-right: 2px; - padding-top: 1px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { - animation: none; - background-image: none; } - .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .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 .header-bar .button.titlebutton, .header-bar .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 > GtkImage, .sidebar-item.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton > .button.titlebutton { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; } - .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:checked { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .inline-toolbar GtkToolButton > .button:insensitive > .label { - color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:checked { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #ececec, #f4f4f4); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .inline-toolbar GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label { - color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:checked { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #d5d5d5); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive > .label { - color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked, - .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #e7e7e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked > .label { - color: inherit; } - -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.search-bar GtkToolButton > .button.flat, .inline-toolbar.location-bar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop > .button.flat, -.inline-toolbar GtkToolButton:backdrop > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .linked:not(.vertical) > .entry, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked, .osd .button:insensitive, .osd .button:backdrop:insensitive, .osd .button:backdrop, .osd .button.suggested-action, .osd .button.suggested-action:hover, .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked, .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive, .osd .button.suggested-action:backdrop, .osd .button.destructive-action, .osd .button.destructive-action:hover, .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked, .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive, .osd .button.destructive-action:backdrop, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton, -.inline-toolbar .titlebar .button.titlebutton, -.titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton, -.titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), -.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), -.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.linked:not(.vertical) > .entry:first-child, .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, -.titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop:first-child > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop:first-child > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop:first-child > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop:first-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, -.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.linked:not(.vertical) > .entry:last-child, .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, -.titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop:last-child > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop:last-child > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop:last-child > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, -.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.linked:not(.vertical) > .entry:only-child, .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, -.titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, -.inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar.search-bar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar.location-bar GtkToolButton:backdrop:only-child > .button.flat, -.inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar.search-bar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar.location-bar GtkToolButton:backdrop:only-child > .sidebar-button.button, -.inline-toolbar .header-bar GtkToolButton:backdrop:only-child > .button.titlebutton, -.header-bar .inline-toolbar GtkToolButton:backdrop:only-child > .button.titlebutton, -.inline-toolbar .titlebar GtkToolButton:backdrop:only-child > .button.titlebutton, -.titlebar .inline-toolbar GtkToolButton:backdrop:only-child > .button.titlebutton, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, -.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > .entry, .linked.vertical > .button, .header-bar .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 > GtkComboBoxText > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox > .the-button-in-the-combobox { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, -.titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, -.titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, -.titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, -.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { - border-radius: 3px; - border-style: solid; } - -.menuitem.button.flat, .menuitem.sidebar-button.button, .header-bar .menuitem.titlebutton.button, -.titlebar .menuitem.titlebutton.button, .menuitem.button.flat:backdrop, .menuitem.sidebar-button.button:backdrop, .menuitem.button.flat:backdrop:hover, .menuitem.sidebar-button.button:backdrop:hover, .header-bar .menuitem.titlebutton.button:backdrop:hover, -.titlebar .menuitem.titlebutton.button:backdrop:hover, .button:link, .header-bar .button.titlebutton:link, -.titlebar .button.titlebutton:link, .button:visited, .header-bar .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.button, .header-bar .menu.button.titlebutton, -.titlebar .menu.button.titlebutton, .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton, -.notebook tab .titlebar .button.titlebutton, -.titlebar .notebook tab .button.titlebutton, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button, -.app-notification .titlebar .titlebutton.button, -.titlebar .app-notification .titlebutton.button, -.app-notification.frame .button.flat, -.app-notification.frame .sidebar-button.button, .app-notification .button.flat:backdrop, .app-notification .sidebar-button.button:backdrop, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification .button.flat:backdrop:insensitive, .app-notification .sidebar-button.button:backdrop:insensitive, .app-notification .header-bar .titlebutton.button:backdrop:insensitive, .header-bar .app-notification .titlebutton.button:backdrop:insensitive, -.app-notification .titlebar .titlebutton.button:backdrop:insensitive, -.titlebar .app-notification .titlebutton.button:backdrop:insensitive, -.app-notification.frame .button.flat:backdrop, -.app-notification.frame .sidebar-button.button:backdrop, -.app-notification.frame .header-bar .button.titlebutton:backdrop, -.header-bar .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 .sidebar-button.button:insensitive, -.app-notification.frame .header-bar .button.titlebutton:insensitive, -.header-bar .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 .sidebar-button.button:backdrop:insensitive, GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton, -.titlebar GtkCalendar.button.titlebutton, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.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 */ -.menuitem.button.flat, .menuitem.sidebar-button.button, .header-bar .menuitem.titlebutton.button, -.titlebar .menuitem.titlebutton.button { - outline-offset: -1px; } - .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover, .header-bar .menuitem.titlebutton.button:hover, - .titlebar .menuitem.titlebutton.button:hover { - background-color: #dadbdb; } - -GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/********* - * Links * - *********/ -*:link, .button:link, .header-bar .button.titlebutton:link, -.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited, -.titlebar .button.titlebutton:visited { - color: #2a76c6; } - *:link:visited, .button:visited, .header-bar .button.titlebutton:visited, - .titlebar .button.titlebutton:visited { - color: #215d9c; } - *:selected *:link:visited, *:selected .button:visited { - color: #b7d3f0; } - *:link:hover, .button:hover:link, .button:hover:visited { - color: #4a90d9; } - *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fb; } - *:link:active, .button:active:link, .button:active:visited { - color: #2a76c6; } - *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dbe9f7; } - *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:hover:link { - color: #4a90d9; } - *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, - .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dbe9f7; } - -.button:link, .header-bar .button.titlebutton:link, -.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited, -.titlebar .button.titlebutton:visited { - text-shadow: none; } - .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { - text-shadow: none; } - .button:link > .label, .header-bar .button.titlebutton:link > .label, - .titlebar .button.titlebutton:link > .label, .button:visited > .label, .header-bar .button.titlebutton:visited > .label, - .titlebar .button.titlebutton:visited > .label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -.spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton, -.spinbutton .titlebar .button.titlebutton, -.titlebar .spinbutton .button.titlebutton { - background-image: none; - border-style: none none none solid; - border-color: rgba(161, 161, 161, 0.3); - color: #43484a; - border-radius: 0; - box-shadow: none; - padding: 7px; } - .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .spinbutton .button:hover { - color: #2e3436; - background-color: rgba(46, 52, 54, 0.05); } - .spinbutton .button:insensitive { - color: rgba(142, 145, 146, 0.3); } - .spinbutton .button:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.1); } - .spinbutton .button:backdrop { - color: #999c9d; - border-color: rgba(169, 169, 169, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(199, 199, 199, 0.3); - border-style: none none none solid; } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } -.osd .spinbutton .button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; - icon-shadow: 0 1px black; } - .osd .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton .button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(238, 238, 236, 0.1); - icon-shadow: 0 1px black; - box-shadow: none; } - .osd .spinbutton .button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.5); - icon-shadow: none; - box-shadow: none; } - .osd .spinbutton .button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: #878a89; - border-color: rgba(0, 0, 0, 0.5); - icon-shadow: none; - box-shadow: none; } - .osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:first-child:insensitive > .label, - .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label, - .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label, - .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label, - .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } -.spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label, - .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label, - .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label { - color: inherit; } -.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0; - padding-left: 3px; - padding-right: 3px; } -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: #4a90d9; - border-radius: 0; - box-shadow: none; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - GtkComboBox:not(.combobox-entry) .the-button-in-the-combobox { - padding-top: 2px; - padding-bottom: 3px; - padding-left: 8px; - padding-right: 8px; } - GtkComboBox:insensitive { - color: #8e9192; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop { - color: #8e9192; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop:insensitive { - color: #c7c7c7; } - GtkComboBox .menuitem { - text-shadow: none; } - GtkComboBox .separator.vertical { - -GtkWidget-wide-separators: true; } - GtkComboBox.combobox-entry .entry:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - GtkComboBox.combobox-entry .entry:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - GtkComboBox.combobox-entry .button:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - GtkComboBox.combobox-entry .button:dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - -/************ - * Toolbars * - ************/ -.toolbar, .inline-toolbar, .search-bar, .location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ededed; } - .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .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; } - -.search-bar, .location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, .search-bar, .location-bar { - border-style: solid; - border-color: #a1a1a1; - background-color: #d6d6d6; - box-shadow: inset 0 2px 3px -1px #b6b6b6, 0 1px white; } - .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop { - border-color: darkgray; - background-color: #d5d5d5; - box-shadow: none; } - -/*************** - * Header bars * - ***************/ -.titlebar, -.header-bar { - padding: 4px; - border-width: 0 0 1px; - border-style: solid; - border-color: #a1a1a1; - border-radius: 7px 7px 0 0; - background-color: transparent; - background-image: linear-gradient(to bottom, #f7f7f7, #ededed); - box-shadow: inset 0 -1px #dadada, inset 0 1px white; } - .titlebar:backdrop, - .header-bar:backdrop { - border-color: darkgray; - background-color: #ededed; - background-image: none; - box-shadow: inset 0 1px white; } - .titlebar .title, - .header-bar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; } - .titlebar .subtitle, - .header-bar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - .header-bar .header-bar-separator, - .header-bar > GtkBox > .separator.vertical { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0 1px; - border-image: linear-gradient(to bottom, rgba(161, 161, 161, 0), #a1a1a1 30%, #a1a1a1 70%, rgba(161, 161, 161, 0) 100%) 0 1/0 1px stretch; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, - .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { - border-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.5)) 0 1/1px 1px; } - .titlebar.selection-mode, - .header-bar.selection-mode { - color: #ffffff; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - border-color: #184472; - background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9); - box-shadow: inset 0 -1px #3975b5, inset 0 1px #a5c8ec; } - .titlebar.selection-mode:backdrop, - .header-bar.selection-mode:backdrop { - background-image: linear-gradient(to bottom, #4a90d9); - box-shadow: inset 0 1px #b7d3f0; } - .titlebar.selection-mode .button, - .header-bar.selection-mode .button { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px #a5c8ec; } - .titlebar.selection-mode .button.flat, .titlebar.selection-mode .sidebar-button.button, - .titlebar.selection-mode .titlebutton.button, - .header-bar.selection-mode .button.flat, - .header-bar.selection-mode .sidebar-button.button, - .header-bar.selection-mode .titlebutton.button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; } - .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); - text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px #a5c8ec; } - .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:active, - .header-bar.selection-mode .button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px #a5c8ec; } - .titlebar.selection-mode .button:backdrop, .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .sidebar-button.button:backdrop, - .titlebar.selection-mode .titlebutton.button:backdrop, - .header-bar.selection-mode .button:backdrop, - .header-bar.selection-mode .button.flat:backdrop, - .header-bar.selection-mode .sidebar-button.button:backdrop, - .header-bar.selection-mode .titlebutton.button:backdrop { - color: #dbe9f7; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); - -gtk-image-effect: none; - border-color: #184472; } - .titlebar.selection-mode .button:backdrop:active, .titlebar.selection-mode .button:backdrop:checked, .titlebar.selection-mode .button.flat:backdrop:active, .titlebar.selection-mode .sidebar-button.button:backdrop:active, - .titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode .button.flat:backdrop:checked, .titlebar.selection-mode .sidebar-button.button:backdrop:checked, - .titlebar.selection-mode .titlebutton.button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button.flat:backdrop:active, - .header-bar.selection-mode .sidebar-button.button:backdrop:active, - .header-bar.selection-mode .titlebutton.button:backdrop:active, - .header-bar.selection-mode .button.flat:backdrop:checked, - .header-bar.selection-mode .sidebar-button.button:backdrop:checked, - .header-bar.selection-mode .titlebutton.button:backdrop:checked { - color: #d4e4f4; - border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); - border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive, .titlebar.selection-mode .button.flat:backdrop:insensitive, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button.flat:backdrop:insensitive, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive { - color: #9bc2ea; - border-color: #65a1df; - background-image: linear-gradient(to bottom, #65a1df); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); - border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label, - .header-bar.selection-mode .button:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label, - .header-bar.selection-mode .button.flat:backdrop:insensitive > .label, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebar .titlebutton.button: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 .sidebar-button.button:backdrop:insensitive:active, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:checked, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button.flat:backdrop:insensitive:active, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:active, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active, - .header-bar.selection-mode .button.flat:backdrop:insensitive:checked, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:checked, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked { - color: #8db9e8; - border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); - border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label, - .header-bar.selection-mode .button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label, - .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .sidebar-button.button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .sidebar-button.button:backdrop, - .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive, .titlebar.selection-mode .sidebar-button.button:insensitive, - .titlebar.selection-mode .titlebutton.button:insensitive, .titlebar.selection-mode .button.flat:insensitive:backdrop, .titlebar.selection-mode .sidebar-button.button:insensitive:backdrop, - .titlebar.selection-mode .titlebutton.button:insensitive:backdrop, - .header-bar.selection-mode .button.flat:backdrop, - .header-bar.selection-mode .sidebar-button.button:backdrop, - .header-bar.selection-mode .titlebutton.button:backdrop, - .header-bar.selection-mode .button.flat:insensitive, - .header-bar.selection-mode .sidebar-button.button:insensitive, - .header-bar.selection-mode .titlebutton.button:insensitive, - .header-bar.selection-mode .button.flat:insensitive:backdrop, - .header-bar.selection-mode .sidebar-button.button:insensitive:backdrop, - .header-bar.selection-mode .titlebutton.button:insensitive:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; } - .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive { - color: #b2d0ef; - border-color: #1c5187; - background-image: linear-gradient(to bottom, #65a1df); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a5c8ec; } - .titlebar.selection-mode .button:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive > .label, - .header-bar.selection-mode .button:insensitive > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked, - .header-bar.selection-mode .button:insensitive:active, - .header-bar.selection-mode .button:insensitive:checked { - color: #b9d4f1; - border-color: #1c5187; - background-image: linear-gradient(to bottom, #4b8dd3, #5094db); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a5c8ec; } - .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label, - .header-bar.selection-mode .button:insensitive:active > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label, - .header-bar.selection-mode .button:insensitive:checked > .label, - .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label { - color: inherit; } - .titlebar.selection-mode .button.suggested-action, - .header-bar.selection-mode .button.suggested-action { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px #a5c8ec; - border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:hover, - .header-bar.selection-mode .button.suggested-action:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px #a5c8ec; - border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:active, - .header-bar.selection-mode .button.suggested-action:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px #a5c8ec; - border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:insensitive, - .header-bar.selection-mode .button.suggested-action:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a5c8ec; - border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:insensitive > .label, - .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label { - color: inherit; } - .titlebar.selection-mode .button.suggested-action:backdrop, - .header-bar.selection-mode .button.suggested-action:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); - border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:backdrop:insensitive, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(165, 200, 236, 0); - border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, - .header-bar.selection-mode .selection-menu, - .header-bar.selection-mode .selection-menu:backdrop { - border-color: rgba(74, 144, 217, 0); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0)); - box-shadow: none; - padding-left: 10px; - padding-right: 10px; } - .titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu:backdrop GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .titlebar.selection-mode .selection-menu .arrow, - .header-bar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - icon-shadow: none; } - .tiled .titlebar, .maximized .titlebar, .tiled - .header-bar, .maximized - .header-bar { - border-radius: 0; } - .titlebar.default-decoration, - .header-bar.default-decoration { - padding: 4px; } - .titlebar.default-decoration .button, - .header-bar.default-decoration .button { - padding: 5px; } - -/************ - * Pathbars * - ************/ -/* -.path-bar .button { - padding: 5px 6px 6px; - &:first-child { padding-left: 8px; } - &:last-child { padding-right: 8px; } - &:only-child { - padding-left: 12px; - padding-right: 12px; - } - - // the following is for spacing the icon and the label inside the home button - .label:last-child { padding-left: 2px; } - .label:first-child { padding-right: 2px; } - .label:only-child { padding-right: 0; padding-left: 0; } - GtkImage { padding-top: 1px; } -} -*/ -.path-bar .button .label:first-child:not(:only-child) { - padding-right: 0; } -.path-bar .button .label:last-child:not(:only-child) { - padding-left: 0; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #979a9b; - border-top-color: #ededed; } - GtkTreeView.view:selected { - border-radius: 0; } - GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected { - border-left-color: #a5c8ec; - border-top-color: rgba(46, 52, 54, 0.1); } - GtkTreeView.view:insensitive { - color: #8e9192; } - GtkTreeView.view:insensitive:selected { - color: #92bce8; } - GtkTreeView.view:insensitive:selected:backdrop { - color: #80b1e4; } - GtkTreeView.view:insensitive:backdrop { - color: #c7c7c7; } - GtkTreeView.view.separator:backdrop { - color: rgba(0, 0, 0, 0.1); } - GtkTreeView.view:backdrop { - border-left-color: #bebfc0; - border-top: #ededed; } - GtkTreeView.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #3c6288; } - GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #6d7172; } - GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover { - color: #2e3436; } - GtkTreeView.view.expander:selected { - color: #c9def4; } - GtkTreeView.view.expander:selected:hover { - color: #ffffff; } - GtkTreeView.view.expander:selected:backdrop { - color: #c9def4; } - GtkTreeView.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:backdrop { - color: #b0b2b3; } - GtkTreeView.view.progressbar { - color: #ffffff; - border: 1px solid #184472; - border-radius: 4px; - background-image: linear-gradient(to bottom, #4a90d9, #2a76c6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } - GtkTreeView.view.progressbar:selected { - color: #4a90d9; - box-shadow: none; - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } - GtkTreeView.view.progressbar:selected:backdrop { - color: #4a90d9; - border-color: #184472; - background-color: white; } - GtkTreeView.view.progressbar:backdrop { - color: white; - background-image: none; - box-shadow: none; } - GtkTreeView.view.trough { - background-color: rgba(46, 52, 54, 0.1); - border-radius: 4px; } - GtkTreeView.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); - border-width: 1px 0; - border-style: solid; - border-color: #4a90d9; } - -column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton, -column-header .titlebar .button.titlebutton, -.titlebar column-header .button.titlebutton { - color: #979a9b; - background-color: #ffffff; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - column-header .button:hover, column-header .header-bar .button.titlebutton:hover, .header-bar column-header .button.titlebutton:hover, - column-header .titlebar .button.titlebutton:hover, - .titlebar column-header .button.titlebutton:hover { - color: #636769; - box-shadow: none; - transition: none; } - column-header .button:active, column-header .header-bar .button.titlebutton:active, .header-bar column-header .button.titlebutton:active, - column-header .titlebar .button.titlebutton:active, - .titlebar column-header .button.titlebutton:active { - color: #2e3436; - transition: none; } -column-header:last-child .button, column-header:last-child .header-bar .button.titlebutton, .header-bar column-header:last-child .button.titlebutton, -column-header:last-child .titlebar .button.titlebutton, -.titlebar column-header:last-child .button.titlebutton, column-header:last-child .button:backdrop, column-header:last-child.button, .header-bar column-header.button.titlebutton:last-child, -.titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop { - border-right-style: none; } - -column-header.button.dnd, column-header .button.dnd, column-header .header-bar .dnd.button.titlebutton, .header-bar column-header .dnd.button.titlebutton, -column-header .titlebar .dnd.button.titlebutton, -.titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, .header-bar column-header.dnd.button.titlebutton, -.titlebar column-header.dnd.button.titlebutton { - transition: none; - color: #4a90d9; - box-shadow: inset 1px 1px 0 1px #4a90d9, inset -1px 0 0 1px #4a90d9, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } - -column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton, -column-header .titlebar .button.titlebutton, -.titlebar column-header .button.titlebutton, column-header .button:hover, column-header .button:active { - padding: 3px 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: #ededed; - text-shadow: none; } - column-header .button:insensitive, column-header .header-bar .button.titlebutton:insensitive, .header-bar column-header .button.titlebutton:insensitive, - column-header .titlebar .button.titlebutton:insensitive, - .titlebar column-header .button.titlebutton:insensitive { - border-color: #ededed; - background-image: none; } - column-header .button:backdrop, column-header .header-bar .button.titlebutton:backdrop, .header-bar column-header .button.titlebutton:backdrop, - column-header .titlebar .button.titlebutton:backdrop, - .titlebar column-header .button.titlebutton:backdrop { - border-color: #ededed; - border-style: none solid solid none; - color: #bebfc0; - background-image: none; - background-color: white; } - column-header .button:backdrop:insensitive { - border-color: #ededed; - background-image: none; } - -/********* - * Menus * - *********/ -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - .menubar:backdrop { - background-color: #ededed; } - .menubar > .menuitem { - padding: 4px 8px; } - .menubar > .menuitem:hover { - box-shadow: inset 0 -3px #4a90d9; - color: #2a76c6; } - .menubar > .menuitem:insensitive { - color: #8e9192; - box-shadow: none; } - -.menu { - margin: 4px; - padding: 0px; - background-color: #ffffff; - border: 1px solid #a1a1a1; } - .csd .menu { - border: none; } - .menu .menuitem { - text-shadow: none; - padding: 4px; } - .menu .menuitem:hover { - color: #ffffff; - background-color: #4a90d9; } - .menu .menuitem:insensitive { - color: #8e9192; } - .menu .menuitem:insensitive:backdrop { - color: #c7c7c7; } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #8e9192; - background-color: white; } - .menu .menuitem.arrow { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .menu .menuitem.arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .menu.button, .header-bar .menu.button.titlebutton, - .titlebar .menu.button.titlebutton { - border-style: none; - border-radius: 0; } - .menu.button.top { - border-bottom: 1px solid #eaebeb; } - .menu.button.bottom { - border-top: 1px solid #eaebeb; } - .menu.button:hover { - background-color: #eaebeb; } - .menu.button:insensitive { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.menuitem .accelerator { - color: alpha(currentColor,0.55); } - -/*************** - * Popovers * - ***************/ -.popover { - padding: 3px; - border: 1px solid #a1a1a1; - border-radius: 5px; - background-color: #f6f6f6; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .popover:backdrop { - box-shadow: none; } - .popover > .list, - .popover > .view, - .popover > .toolbar, - .popover > .inline-toolbar, - .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { - border-style: none; - background-color: transparent; } - .popover .button.flat, .popover .sidebar-button.button, .popover .header-bar .titlebutton.button, .header-bar .popover .titlebutton.button, - .popover .titlebar .titlebutton.button, - .titlebar .popover .titlebutton.button, - .popover .button.flat:hover, - .popover .sidebar-button.button:hover, - .popover .header-bar .titlebutton.button:hover, - .header-bar .popover .titlebutton.button:hover, - .popover .titlebar .titlebutton.button:hover, - .titlebar .popover .titlebutton.button:hover { - text-shadow: none; - transition: none; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -.notebook { - padding: 0; - background-color: #ffffff; - -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; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .notebook:backdrop { - background-color: white; } - .notebook.frame { - border: 1px solid #a1a1a1; } - .notebook.frame.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: darkgray; } - .notebook.header { - background-color: #d6d6d6; } - .notebook.header.frame { - border: 1px solid #a1a1a1; } - .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: darkgray; } - .notebook.header.top { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #a1a1a1; } - .notebook.header.top:backdrop { - box-shadow: inset 0 -1px darkgray; } - .notebook.header.bottom { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #a1a1a1; } - .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px darkgray; } - .notebook.header.right { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #a1a1a1; } - .notebook.header.right:backdrop { - box-shadow: inset 1px 0 darkgray; } - .notebook.header.left { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #a1a1a1; } - .notebook.header.left:backdrop { - box-shadow: inset -1px 0 darkgray; } - .notebook.header:backdrop { - background-color: #d5d5d5; - 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, .notebook tab.prelight-page { - border-color: #a1a1a1; } - .notebook tab:active, .notebook tab.active-page, .notebook tab:backdrop:active { - border-color: #4a90d9; } - .notebook tab:backdrop { - background-color: transparent; - border-color: transparent; } - .notebook tab.reorderable-page.top { - border-color: transparent; } - .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { - border-color: rgba(161, 161, 161, 0.3); - border-bottom-color: #a1a1a1; - background-color: rgba(237, 237, 237, 0.2); } - .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { - background-color: rgba(237, 237, 237, 0.5); - border-color: rgba(161, 161, 161, 0.5); - border-bottom-color: #4a90d9; } - .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover { - background-color: rgba(237, 237, 237, 0.7); } - .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { - border-color: darkgray; - background-color: #ededed; - border-bottom-color: #4a90d9; } - .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, .notebook tab.reorderable-page.bottom.prelight-page { - border-color: rgba(161, 161, 161, 0.3); - border-top-color: #a1a1a1; - background-color: rgba(237, 237, 237, 0.2); } - .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { - background-color: rgba(237, 237, 237, 0.5); - border-color: rgba(161, 161, 161, 0.5); - border-top-color: #4a90d9; } - .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover { - background-color: rgba(237, 237, 237, 0.7); } - .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { - border-color: darkgray; - background-color: #ededed; - border-top-color: #4a90d9; } - .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, .notebook tab.reorderable-page.left.prelight-page { - border-color: rgba(161, 161, 161, 0.3); - border-right-color: #a1a1a1; - background-color: rgba(237, 237, 237, 0.2); } - .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { - background-color: rgba(237, 237, 237, 0.5); - border-color: rgba(161, 161, 161, 0.5); - border-right-color: #4a90d9; } - .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover { - background-color: rgba(237, 237, 237, 0.7); } - .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { - border-color: darkgray; - background-color: #ededed; - border-right-color: #4a90d9; } - .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, .notebook tab.reorderable-page.right.prelight-page { - border-color: rgba(161, 161, 161, 0.3); - border-left-color: #a1a1a1; - background-color: rgba(237, 237, 237, 0.2); } - .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { - background-color: rgba(237, 237, 237, 0.5); - border-color: rgba(161, 161, 161, 0.5); - border-left-color: #4a90d9; } - .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover { - background-color: rgba(237, 237, 237, 0.7); } - .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { - border-color: darkgray; - background-color: #ededed; - border-left-color: #4a90d9; } - .notebook tab.reorderable-page.right:backdrop { - border-color: transparent; - background-color: transparent; } - .notebook tab .label { - padding: 0 2px; - font-weight: bold; - color: #8e9192; } - .notebook tab .label:backdrop, .notebook tab .label.prelight-page:backdrop { - color: #abacad; } - .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { - color: #5e6364; } - .notebook tab .prelight-page .label:backdrop, .notebook tab .label.prelight-page:backdrop { - color: #abacad; } - .notebook tab .active-page .label, .notebook tab .label.active-page { - color: #2e3436; } - .notebook tab .active-page .label:backdrop, .notebook tab .label.active-page:backdrop { - color: #8e9192; } - .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton, - .notebook tab .titlebar .button.titlebutton, - .titlebar .notebook tab .button.titlebutton { - padding: 0; - border: 1px solid transparent; - icon-shadow: none; - transition: none; - color: rgba(46, 52, 54, 0.3); } - .notebook tab .button:hover { - color: #2e3436; - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - background-image: none; - box-shadow: none; } - .notebook tab .button:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .notebook tab .button:backdrop { - color: rgba(142, 145, 146, 0.3); - border-color: transparent; } - .notebook tab .button > GtkImage, .notebook tab .header-bar .button.titlebutton > GtkImage, .header-bar .notebook tab .button.titlebutton > GtkImage, - .notebook tab .titlebar .button.titlebutton > GtkImage, - .titlebar .notebook tab .button.titlebutton > GtkImage { - padding: 2px; } - .notebook.arrow { - color: #8e9192; } - .notebook.arrow:hover { - color: #5e6364; } - .notebook.arrow:active { - color: #2e3436; } - .notebook.arrow:insensitive { - color: rgba(142, 145, 146, 0.3); } - .notebook.arrow:backdrop { - color: rgba(142, 145, 146, 0.4); } - .notebook.arrow:backdrop:insensitive { - color: #c7c7c7; } - -/************** - * 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 .header-bar .button.titlebutton, .header-bar .scrollbar .button.titlebutton, - .scrollbar .titlebar .button.titlebutton, - .titlebar .scrollbar .button.titlebutton { - border: none; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - margin: 0; - background-color: #2e3436; - border: 1px solid white; - background-clip: padding-box; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { - border-style: none; - background-color: transparent; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { - margin-top: 2px; - margin-bottom: 2px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { - margin-left: 2px; - margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { - opacity: 0.7; } - .scrollbar .trough { - background-color: #dbdbdb; - border: 1px none #a1a1a1; } - .scrollbar .trough:backdrop { - background-color: #e5e5e5; - border-color: darkgray; } - .scrollbar .slider { - background-color: #7a7e7f; } - .scrollbar .slider:hover { - background-color: #54595b; } - .scrollbar .slider:prelight:active { - background-color: #2a76c6; } - .scrollbar .slider:backdrop { - background-color: #c7c8c9; } - .scrollbar .slider:insensitive { - background-color: transparent; } - .scrollbar .slider { - border-radius: 100px; - margin: 3px; } - .scrollbar.fine-tune .slider { - margin: 4px; } - .scrollbar.vertical .slider { - margin-left: 4px; } - .scrollbar.vertical .slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - .scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - .scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - .scrollbar.vertical .trough { - border-left-style: solid; } - .scrollbar.vertical .trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } - .scrollbar.horizontal .slider { - margin-top: 4px; } - .scrollbar.horizontal.fine-tune .slider { - margin-top: 5px; } - .scrollbar.horizontal .trough { - border-top-style: solid; } - -.scrollbars-junction, -.scrollbars-junction.frame { - border-color: transparent; - border-image: linear-gradient(to bottom, #a1a1a1 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #dbdbdb; } - .scrollbars-junction:dir(rtl), - .scrollbars-junction.frame:dir(rtl) { - border-image-slice: 0 1 0 0; } - .scrollbars-junction:backdrop, - .scrollbars-junction.frame:backdrop { - border-image-source: linear-gradient(to bottom, darkgray 1px, transparent 1px); - background-color: #e5e5e5; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 45px; - -GtkSwitch-slider-height: 27px; - font-weight: bold; - font-size: smaller; - outline-offset: -4px; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } - GtkSwitch.trough { - border: 1px solid #a1a1a1; - border-radius: 3px; - color: #2e3436; - background-image: linear-gradient(to bottom, #cfcfcf); - text-shadow: 0 1px rgba(0, 0, 0, 0.1); } - GtkSwitch.trough:active { - background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); - color: white; - border-color: #184472; - box-shadow: 0 1px white; - text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - GtkSwitch.trough:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: none; - background-color: #f4f4f4; - box-shadow: 0 1px white; - text-shadow: none; } - GtkSwitch.trough:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #d5d5d5); - box-shadow: none; - text-shadow: none; } - GtkSwitch.trough:backdrop:active { - color: #ededed; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); - box-shadow: none; } - GtkSwitch.trough:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: none; - background-color: #f4f4f4; } - GtkSwitch.slider { - border: 1px solid; - border-radius: 3px; - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; - box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; } - GtkSwitch.slider:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; - box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; } - GtkSwitch.slider:active { - border: 1px solid #184472; } - GtkSwitch.slider:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - GtkSwitch.slider:insensitive > .label { - color: inherit; } - GtkSwitch.slider:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - box-shadow: none; } - GtkSwitch.slider:backdrop:active { - border-color: #4a90d9; } - GtkSwitch.slider:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - box-shadow: none; } - GtkSwitch.slider:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected GtkSwitch { - box-shadow: none; - border-color: #184472; } - .list-row:selected GtkSwitch:backdrop { - border-color: #184472; } - .list-row:selected GtkSwitch.slider:dir(rtl) { - border-left-color: #a1a1a1; } - .list-row:selected GtkSwitch.slider:dir(ltr) { - border-right-color: #a1a1a1; } - .list-row:selected GtkSwitch.slider, .list-row:selected GtkSwitch.slider:active { - border-color: #184472; } - -/************************* - * Check and Radio items * - *************************/ -.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - icon-shadow: 0 1px 0 white; } - .check.button.flat, .check.sidebar-button.button, .header-bar .check.titlebutton.button, - .titlebar .check.titlebutton.button { - icon-shadow: none; } - -.view.check:selected, GtkCalendar.check:selected, -.list-row:selected .check { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); } - -.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - icon-shadow: 0 1px 0 white; } - .check:hover.button.flat, .check.sidebar-button.button:hover, .header-bar .check.titlebutton.button:hover, - .titlebar .check.titlebutton.button:hover { - icon-shadow: none; } - -.view.check:hover:selected, GtkCalendar.check:hover:selected, -.list-row:selected .check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); } - -.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - icon-shadow: 0 1px 0 white; } - .check:active.button.flat, .check.sidebar-button.button:active, .header-bar .check.titlebutton.button:active, - .titlebar .check.titlebutton.button:active { - icon-shadow: none; } - -.view.check:active:selected, GtkCalendar.check:active:selected, -.list-row:selected .check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); } - -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; } - .check:insensitive.button.flat, .check.sidebar-button.button:insensitive, .header-bar .check.titlebutton.button:insensitive, - .titlebar .check.titlebutton.button:insensitive { - icon-shadow: none; } - -.view.check:insensitive:selected, GtkCalendar.check:insensitive:selected, -.list-row:selected .check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); } - -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - icon-shadow: none; } - .check:backdrop.button.flat, .check.sidebar-button.button:backdrop, .header-bar .check.titlebutton.button:backdrop, - .titlebar .check.titlebutton.button:backdrop { - icon-shadow: none; } - -.view.check:backdrop:selected, GtkCalendar.check:backdrop:selected, -.list-row:selected .check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); } - -.check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - .check:backdrop:insensitive.button.flat, .check.sidebar-button.button:backdrop:insensitive, .header-bar .check.titlebutton.button:backdrop:insensitive, - .titlebar .check.titlebutton.button:backdrop:insensitive { - icon-shadow: none; } - -.view.check:backdrop:insensitive:selected, GtkCalendar.check:backdrop:insensitive:selected, -.list-row:selected .check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); } - -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); - icon-shadow: 0 1px 0 white; } - .check:inconsistent.button.flat, .check.sidebar-button.button:inconsistent, .header-bar .check.titlebutton.button:inconsistent, - .titlebar .check.titlebutton.button:inconsistent { - icon-shadow: none; } - -.view.check:inconsistent:selected, GtkCalendar.check:inconsistent:selected, -.list-row:selected .check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); } - -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); - icon-shadow: 0 1px 0 white; } - .check:inconsistent:hover.button.flat, .check.sidebar-button.button:inconsistent:hover, .header-bar .check.titlebutton.button:inconsistent:hover, - .titlebar .check.titlebutton.button:inconsistent:hover { - icon-shadow: none; } - -.view.check:inconsistent:hover:selected, GtkCalendar.check:inconsistent:hover:selected, -.list-row:selected .check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); } - -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); - icon-shadow: 0 1px 0 white; } - .check:inconsistent:selected.button.flat, .check.sidebar-button.button:inconsistent:selected, .header-bar .check.titlebutton.button:inconsistent:selected, - .titlebar .check.titlebutton.button:inconsistent:selected { - icon-shadow: none; } - -.view.check:inconsistent:selected:selected, GtkCalendar.check:inconsistent:selected, -.list-row:selected .check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); } - -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); - icon-shadow: none; } - .check:inconsistent:backdrop.button.flat, .check.sidebar-button.button:inconsistent:backdrop, .header-bar .check.titlebutton.button:inconsistent:backdrop, - .titlebar .check.titlebutton.button:inconsistent:backdrop { - icon-shadow: none; } - -.view.check:inconsistent:backdrop:selected, GtkCalendar.check:inconsistent:backdrop:selected, -.list-row:selected .check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); } - -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); - icon-shadow: 0 1px 0 white; } - .check:inconsistent:insensitive.button.flat, .check.sidebar-button.button:inconsistent:insensitive, .header-bar .check.titlebutton.button:inconsistent:insensitive, - .titlebar .check.titlebutton.button:inconsistent:insensitive { - icon-shadow: none; } - -.view.check:inconsistent:insensitive:selected, GtkCalendar.check:inconsistent:insensitive:selected, -.list-row:selected .check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); } - -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - .check:inconsistent:insensitive:backdrop.button.flat, .check.sidebar-button.button:inconsistent:insensitive:backdrop, .header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, - .titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { - icon-shadow: none; } - -.view.check:inconsistent:insensitive:backdrop:selected, GtkCalendar.check:inconsistent:insensitive:backdrop:selected, -.list-row:selected .check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); } - -.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - icon-shadow: 0 1px 0 white; } - .check:checked.button.flat, .check.sidebar-button.button:checked, .header-bar .check.titlebutton.button:checked, - .titlebar .check.titlebutton.button:checked { - icon-shadow: none; } - -.view.check:checked:selected, GtkCalendar.check:checked:selected, -.list-row:selected .check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); } - -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; } - .check:checked:insensitive.button.flat, .check.sidebar-button.button:checked:insensitive, .header-bar .check.titlebutton.button:checked:insensitive, - .titlebar .check.titlebutton.button:checked:insensitive { - icon-shadow: none; } - -.view.check:checked:insensitive:selected, GtkCalendar.check:checked:insensitive:selected, -.list-row:selected .check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); } - -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - icon-shadow: 0 1px 0 white; } - .check:checked:hover.button.flat, .check.sidebar-button.button:checked:hover, .header-bar .check.titlebutton.button:checked:hover, - .titlebar .check.titlebutton.button:checked:hover { - icon-shadow: none; } - -.view.check:checked:hover:selected, GtkCalendar.check:checked:hover:selected, -.list-row:selected .check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); } - -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - icon-shadow: 0 1px 0 white; } - .check:checked:active.button.flat, .check.sidebar-button.button:checked:active, .header-bar .check.titlebutton.button:checked:active, - .titlebar .check.titlebutton.button:checked:active { - icon-shadow: none; } - -.view.check:checked:active:selected, GtkCalendar.check:checked:active:selected, -.list-row:selected .check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); } - -.check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - icon-shadow: none; } - .check:backdrop:checked.button.flat, .check.sidebar-button.button:backdrop:checked, .header-bar .check.titlebutton.button:backdrop:checked, - .titlebar .check.titlebutton.button:backdrop:checked { - icon-shadow: none; } - -.view.check:backdrop:checked:selected, GtkCalendar.check:backdrop:checked:selected, -.list-row:selected .check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); } - -.check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - .check:backdrop:checked:insensitive.button.flat, .check.sidebar-button.button:backdrop:checked:insensitive, .header-bar .check.titlebutton.button:backdrop:checked:insensitive, - .titlebar .check.titlebutton.button:backdrop:checked:insensitive { - icon-shadow: none; } - -.view.check:backdrop:checked:insensitive:selected, GtkCalendar.check:backdrop:checked:insensitive:selected, -.list-row:selected .check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); } - -.menu .menuitem.check { - -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); - color: #7a7e7f; - icon-shadow: none; } - .menu .menuitem.check:active, .menu .menuitem.check:checked { - -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } - .menu .menuitem.check:inconsistent { - -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } - .menu .menuitem.check:hover { - color: #ffffff; } - .menu .menuitem.check:insensitive { - color: #bebfc0; } - -.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - icon-shadow: 0 1px 0 white; } - .radio.button.flat, .radio.sidebar-button.button, .header-bar .radio.titlebutton.button, - .titlebar .radio.titlebutton.button { - icon-shadow: none; } - -.view.radio:selected, GtkCalendar.radio:selected, -.list-row:selected .radio { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); } - -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:hover.button.flat, .radio.sidebar-button.button:hover, .header-bar .radio.titlebutton.button:hover, - .titlebar .radio.titlebutton.button:hover { - icon-shadow: none; } - -.view.radio:hover:selected, GtkCalendar.radio:hover:selected, -.list-row:selected .radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); } - -.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:active.button.flat, .radio.sidebar-button.button:active, .header-bar .radio.titlebutton.button:active, - .titlebar .radio.titlebutton.button:active { - icon-shadow: none; } - -.view.radio:active:selected, GtkCalendar.radio:active:selected, -.list-row:selected .radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); } - -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:insensitive.button.flat, .radio.sidebar-button.button:insensitive, .header-bar .radio.titlebutton.button:insensitive, - .titlebar .radio.titlebutton.button:insensitive { - icon-shadow: none; } - -.view.radio:insensitive:selected, GtkCalendar.radio:insensitive:selected, -.list-row:selected .radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); } - -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - icon-shadow: none; } - .radio:backdrop.button.flat, .radio.sidebar-button.button:backdrop, .header-bar .radio.titlebutton.button:backdrop, - .titlebar .radio.titlebutton.button:backdrop { - icon-shadow: none; } - -.view.radio:backdrop:selected, GtkCalendar.radio:backdrop:selected, -.list-row:selected .radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); } - -.radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - .radio:backdrop:insensitive.button.flat, .radio.sidebar-button.button:backdrop:insensitive, .header-bar .radio.titlebutton.button:backdrop:insensitive, - .titlebar .radio.titlebutton.button:backdrop:insensitive { - icon-shadow: none; } - -.view.radio:backdrop:insensitive:selected, GtkCalendar.radio:backdrop:insensitive:selected, -.list-row:selected .radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); } - -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:inconsistent.button.flat, .radio.sidebar-button.button:inconsistent, .header-bar .radio.titlebutton.button:inconsistent, - .titlebar .radio.titlebutton.button:inconsistent { - icon-shadow: none; } - -.view.radio:inconsistent:selected, GtkCalendar.radio:inconsistent:selected, -.list-row:selected .radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); } - -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:inconsistent:hover.button.flat, .radio.sidebar-button.button:inconsistent:hover, .header-bar .radio.titlebutton.button:inconsistent:hover, - .titlebar .radio.titlebutton.button:inconsistent:hover { - icon-shadow: none; } - -.view.radio:inconsistent:hover:selected, GtkCalendar.radio:inconsistent:hover:selected, -.list-row:selected .radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); } - -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:inconsistent:selected.button.flat, .radio.sidebar-button.button:inconsistent:selected, .header-bar .radio.titlebutton.button:inconsistent:selected, - .titlebar .radio.titlebutton.button:inconsistent:selected { - icon-shadow: none; } - -.view.radio:inconsistent:selected:selected, GtkCalendar.radio:inconsistent:selected, -.list-row:selected .radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); } - -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); - icon-shadow: none; } - .radio:inconsistent:backdrop.button.flat, .radio.sidebar-button.button:inconsistent:backdrop, .header-bar .radio.titlebutton.button:inconsistent:backdrop, - .titlebar .radio.titlebutton.button:inconsistent:backdrop { - icon-shadow: none; } - -.view.radio:inconsistent:backdrop:selected, GtkCalendar.radio:inconsistent:backdrop:selected, -.list-row:selected .radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); } - -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:inconsistent:insensitive.button.flat, .radio.sidebar-button.button:inconsistent:insensitive, .header-bar .radio.titlebutton.button:inconsistent:insensitive, - .titlebar .radio.titlebutton.button:inconsistent:insensitive { - icon-shadow: none; } - -.view.radio:inconsistent:insensitive:selected, GtkCalendar.radio:inconsistent:insensitive:selected, -.list-row:selected .radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); } - -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - .radio:inconsistent:insensitive:backdrop.button.flat, .radio.sidebar-button.button:inconsistent:insensitive:backdrop, .header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, - .titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { - icon-shadow: none; } - -.view.radio:inconsistent:insensitive:backdrop:selected, GtkCalendar.radio:inconsistent:insensitive:backdrop:selected, -.list-row:selected .radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); } - -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:checked.button.flat, .radio.sidebar-button.button:checked, .header-bar .radio.titlebutton.button:checked, - .titlebar .radio.titlebutton.button:checked { - icon-shadow: none; } - -.view.radio:checked:selected, GtkCalendar.radio:checked:selected, -.list-row:selected .radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); } - -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:checked:insensitive.button.flat, .radio.sidebar-button.button:checked:insensitive, .header-bar .radio.titlebutton.button:checked:insensitive, - .titlebar .radio.titlebutton.button:checked:insensitive { - icon-shadow: none; } - -.view.radio:checked:insensitive:selected, GtkCalendar.radio:checked:insensitive:selected, -.list-row:selected .radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); } - -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:checked:hover.button.flat, .radio.sidebar-button.button:checked:hover, .header-bar .radio.titlebutton.button:checked:hover, - .titlebar .radio.titlebutton.button:checked:hover { - icon-shadow: none; } - -.view.radio:checked:hover:selected, GtkCalendar.radio:checked:hover:selected, -.list-row:selected .radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); } - -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - icon-shadow: 0 1px 0 white; } - .radio:checked:active.button.flat, .radio.sidebar-button.button:checked:active, .header-bar .radio.titlebutton.button:checked:active, - .titlebar .radio.titlebutton.button:checked:active { - icon-shadow: none; } - -.view.radio:checked:active:selected, GtkCalendar.radio:checked:active:selected, -.list-row:selected .radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); } - -.radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - icon-shadow: none; } - .radio:backdrop:checked.button.flat, .radio.sidebar-button.button:backdrop:checked, .header-bar .radio.titlebutton.button:backdrop:checked, - .titlebar .radio.titlebutton.button:backdrop:checked { - icon-shadow: none; } - -.view.radio:backdrop:checked:selected, GtkCalendar.radio:backdrop:checked:selected, -.list-row:selected .radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); } - -.radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - .radio:backdrop:checked:insensitive.button.flat, .radio.sidebar-button.button:backdrop:checked:insensitive, .header-bar .radio.titlebutton.button:backdrop:checked:insensitive, - .titlebar .radio.titlebutton.button:backdrop:checked:insensitive { - icon-shadow: none; } - -.view.radio:backdrop:checked:insensitive:selected, GtkCalendar.radio:backdrop:checked:insensitive:selected, -.list-row:selected .radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); } - -.menu .menuitem.radio { - -gtk-icon-source: -gtk-icontheme("radio-symbolic"); - color: #7a7e7f; - icon-shadow: none; } - .menu .menuitem.radio:active, .menu .menuitem.radio:checked { - -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } - .menu .menuitem.radio:inconsistent { - -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } - .menu .menuitem.radio:hover { - color: #ffffff; } - .menu .menuitem.radio:insensitive { - color: #bebfc0; } - -.view.check, .view.radio, -.list-row .check, list-row .radio { - icon-shadow: none; } - .view.check:selected, GtkCalendar.check:selected, .view.check:hover, .view.radio:selected, GtkCalendar.radio:selected, .view.radio:hover, - .list-row .check:selected, - .list-row .check:hover, list-row .radio:selected, list-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; } - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px 2px 4px; - outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: #8e9192; } - GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: #c7c7c7; } - -/************ - * GtkScale * - ************/ -.scale, -.scale.scale-has-marks-above.scale-has-marks-below, -.scale.vertical.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 20; - -GtkRange-trough-border: 2; - outline-offset: -9px; - outline-radius: 4px; } - .scale.fine-tune, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune { - outline-offset: -7px; - outline-radius: 6px; } - .scale.fine-tune.trough, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - margin: 8px; - border-radius: 4px; } - .scale.slider, - .scale.scale-has-marks-above.scale-has-marks-below.slider, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; - border: 1px solid; - border-radius: 50%; - border-color: #999999; - box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; } - .scale.slider:hover, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; - border-color: #999999; - border-radius: 50%; - box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d6d6d6; } - .scale.slider:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; - border-radius: 50%; - background-image: linear-gradient(to bottom, #f4f4f4); - box-shadow: none; } - .scale.slider:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { - border-style: solid; - border-radius: 50%; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #ededed); - box-shadow: none; } - .scale.slider:backdrop:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .scale.slider:backdrop:insensitive > .label, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label { - color: inherit; } - .scale.slider:active, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 1px solid #153d65; } - .osd .scale.slider, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:hover, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:active, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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.slider:backdrop, .osd - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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, - .scale.scale-has-marks-above.scale-has-marks-below.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - margin: 10px; - border: 1px solid #a1a1a1; - border-radius: 3px; - background-color: #cfcfcf; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } - .scale.trough.highlight, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); - border-color: #184472; - box-shadow: 0 1px white; } - .scale.trough.highlight.vertical, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { - background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); } - .scale.trough.highlight:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - border-color: #4a90d9; - background-color: #4a90d9; - box-shadow: none; } - .scale.trough:insensitive, .scale.trough.vertical:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: #a1a1a1; - background-image: none; - background-color: #f4f4f4; - box-shadow: 0 1px white; } - .scale.trough:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - border-color: darkgray; - background-color: #c7c7c7; - box-shadow: none; } - .scale.trough:backdrop:insensitive, .scale.trough .highlight:backdrop:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive { - border-color: darkgray; - background-color: #f4f4f4; } - .osd .scale.trough, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.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, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune { - margin: 7px; } - .osd .scale.trough.highlight, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-image: none; - background-color: #4a90d9; } - .osd .scale.trough:insensitive, .osd .scale.trough:backdrop:insensitive, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive { - border-color: transparent; - background-color: transparent; } - .osd .scale.trough:backdrop, .osd - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - border-color: rgba(0, 0, 0, 0.7); - background-image: none; } - .list-row:selected .scale, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below { - border-color: #184472; } - .list-row:selected .scale.trough, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } - .list-row:selected .scale.trough:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - box-shadow: none; } - .list-row:selected .scale.trough.highlight:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - border-color: #184472; } - .list-row:selected .scale:insensitive, .list-row:selected .scale.trough.highlight:insensitive, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { - border-color: #4a90d9; - box-shadow: none; - background-color: #a5c8ec; - background-image: none; } - .list-row:selected .scale:insensitive:backdrop, .list-row:selected .scale.trough.highlight:insensitive:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive:backdrop { - background-color: #a5c8ec; } - -.scale.scale-has-marks-below { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.scale-has-marks-below.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-below.slider:hover { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-below.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-below.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-below.slider:backdrop { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-below.slider:backdrop:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - -.scale.scale-has-marks-above { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.scale-has-marks-above.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-above.slider:hover { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-above.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-above.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-above.slider:backdrop { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.scale-has-marks-above.slider:backdrop:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - -.scale.vertical.scale-has-marks-below { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.vertical.scale-has-marks-below.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-below.slider:hover { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-below.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-below.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-below.slider:backdrop { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-below.slider:backdrop:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - -.scale.vertical.scale-has-marks-above { - -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; - -GtkRange-trough-border: 2; - color: alpha(currentColor,0.5); } - .scale.vertical.scale-has-marks-above.slider { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-above.slider:hover { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-above.slider:active { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-above.slider:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-above.slider:backdrop { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - .scale.vertical.scale-has-marks-above.slider:backdrop:insensitive { - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); - background-repeat: no-repeat; - background-position: center; - box-shadow: none; } - -.scale.scale-has-marks-above .trough { - margin: 14px 10px 10px; } -.fine-tune.scale.scale-has-marks-above .trough { - margin: 12px 8px 8px; } - -.scale.scale-has-marks-below .trough { - margin: 10px 10px 14px; } -.fine-tune.scale.scale-has-marks-below .trough { - margin: 8px 8px 12px; } - -.scale.vertical.scale-has-marks-above .trough { - margin: 10px 10px 10px 14px; } -.fine-tune.scale.vertical.scale-has-marks-above .trough { - margin: 8px 8px 8px 12px; } - -.scale.vertical.scale-has-marks-below .trough { - margin: 10px 14px 10px 10px; } -.fine-tune.scale.vertical.scale-has-marks-below .trough { - margin: 8px 12px 8px 8px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar { - padding: 0; - font-size: smaller; - color: rgba(46, 52, 54, 0.4); - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; } - GtkProgressBar:backdrop { - color: #c7c7c7; } - GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; } - GtkProgressBar.trough { - border: 1px solid #a1a1a1; - border-radius: 3px; - background-color: #d2d2d2; } - GtkProgressBar.trough:backdrop { - border-color: darkgray; - background-color: #d5d5d5; - box-shadow: 0 1px rgba(255, 255, 255, 0); } - GtkProgressBar.trough.osd { - border-style: none; - background-color: transparent; - box-shadow: none; } - -.progressbar { - background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); - border: 1px solid #184472; - border-radius: 1.5px; - box-shadow: none; } - .progressbar.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - .progressbar.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - .progressbar.left.right { - box-shadow: none; } - .progressbar.vertical { - background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); } - .progressbar.vertical.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - box-shadow: none; } - .progressbar.vertical.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .progressbar:backdrop { - border-color: #4a90d9; - background-image: none; - background-color: #4a90d9; - box-shadow: none; } - .progressbar.osd { - background-image: none; - background-color: #4a90d9; - border-style: none; - border-radius: 0; } - -/************* - * Level Bar * - *************/ -.level-bar { - box-shadow: 0 1px white; - -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, #dedede, #f8f8f8 3px, #ffffff 90%); - color: black; - border-color: #a1a1a1; - box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; } - .level-bar.trough:backdrop { - background-color: transparent; - background-image: linear-gradient(to bottom, #dedede, #f8f8f8 3px, #ffffff 90%); - color: #333333; - border-color: darkgray; - background-image: linear-gradient(to bottom, white); - box-shadow: 0 1px rgba(255, 255, 255, 0); } - .level-bar.fill-block { - border: 1px solid #2a76c6; - background-color: #4a90d9; - box-shadow: 0 1px rgba(0, 0, 0, 0.1); - border-radius: 1px; } - .level-bar.fill-block:backdrop { - border-color: #4a90d9; - 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: #5aa411; - background-color: #73d216; } - .level-bar.fill-block.level-high:backdrop { - border-color: #73d216; } - .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(46, 52, 54, 0.2); - box-shadow: none; } - .level-bar.fill-block.empty-fill-block:backdrop { - border-color: rgba(142, 145, 146, 0.15); } - -/********** - * Frames * - **********/ -.frame { - border: 1px solid #a1a1a1; - padding: 0; } - .frame.flat { - border-style: none; } - .frame:backdrop { - border-color: darkgray; } - .frame.action-bar { - padding: 6px; - border-width: 1px 0 0; } - -GtkScrolledWindow GtkViewport.frame { - border-style: none; } - -.separator { - color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical { - -GtkWidget-wide-separators: true; } - -/********* - * Lists * - *********/ -.list { - background-color: #ffffff; - border-color: #a1a1a1; } - .list:backdrop { - background-color: white; - border-color: darkgray; } - -.list-row, -.grid-child { - padding: 2px; } - -.list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { - background-color: rgba(46, 52, 54, 0.05); } -.list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } -.list-row.activatable:backdrop:hover, GtkPlacesSidebar.sidebar .has-open-popup:backdrop { - background-color: transparent; } -.list-row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } -.list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { - background-color: #4787c9; } -.list-row.activatable:selected:backdrop { - background-color: #4a90d9; } - -.list-row:selected .button { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - border-color: #184472; } - .list-row:selected .button.flat, .list-row:selected .sidebar-button.button, .list-row:selected .header-bar .titlebutton.button, .header-bar .list-row:selected .titlebutton.button, - .list-row:selected .titlebar .titlebutton.button, - .titlebar .list-row:selected .titlebutton.button { - 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; } - .list-row:selected .button:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - border-color: #184472; } - .list-row:selected .button:active, .list-row:selected .button:checked { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - border-color: #184472; } - .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop, .list-row:selected .sidebar-button.button:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop, - .list-row:selected .titlebar .titlebutton.button:backdrop, - .titlebar .list-row:selected .titlebutton.button:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #184472; } - .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .sidebar-button.button:backdrop:active, .list-row:selected .header-bar .titlebutton.button:backdrop:active, .header-bar .list-row:selected .titlebutton.button:backdrop:active, - .list-row:selected .titlebar .titlebutton.button:backdrop:active, - .titlebar .list-row:selected .titlebutton.button:backdrop:active, .list-row:selected .button.flat:backdrop:checked, .list-row:selected .sidebar-button.button:backdrop:checked, .list-row:selected .header-bar .titlebutton.button:backdrop:checked, .header-bar .list-row:selected .titlebutton.button:backdrop:checked, - .list-row:selected .titlebar .titlebutton.button:backdrop:checked, - .titlebar .list-row:selected .titlebutton.button:backdrop:checked { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #d5d5d5); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #184472; } - .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive, .list-row:selected .sidebar-button.button:backdrop:insensitive, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #184472; } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label, - .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .sidebar-button.button:backdrop:insensitive:active, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked, .list-row:selected .sidebar-button.button:backdrop:insensitive:checked, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #e7e7e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #184472; } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label, - .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, - .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label, - .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label, - .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label { - color: inherit; } - .list-row:selected .button.flat:backdrop, .list-row:selected .sidebar-button.button:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop, - .list-row:selected .titlebar .titlebutton.button:backdrop, - .titlebar .list-row:selected .titlebutton.button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; - color: white; } - .list-row:selected .button:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #184472; } - .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label, - .list-row:selected .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #ececec, #f4f4f4); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label, - .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label, - .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label { - color: inherit; } - -.list-row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .list-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 .header-bar .button.titlebutton, .header-bar .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 .sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button, - .app-notification .titlebar .titlebutton.button, - .titlebar .app-notification .titlebutton.button, - .app-notification.frame .button.flat, - .app-notification.frame .sidebar-button.button, - .app-notification.frame .header-bar .titlebutton.button, - .header-bar .app-notification.frame .titlebutton.button, - .app-notification.frame .titlebar .titlebutton.button, - .titlebar .app-notification.frame .titlebutton.button { - 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 { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .expander:hover { - color: #748489; } - .expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: black; - border: 1px solid #a1a1a1; } - GtkCalendar.header { - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - GtkCalendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton, - .titlebar GtkCalendar.button.titlebutton { - color: rgba(46, 52, 54, 0.45); } - GtkCalendar.button:hover, .header-bar GtkCalendar.button.titlebutton:hover, - .titlebar GtkCalendar.button.titlebutton:hover { - color: #2e3436; } - GtkCalendar.button:backdrop, .header-bar GtkCalendar.button.titlebutton:backdrop, - .titlebar GtkCalendar.button.titlebutton:backdrop { - color: rgba(142, 145, 146, 0.45); } - GtkCalendar.button:insensitive, .header-bar GtkCalendar.button.titlebutton:insensitive, - .titlebar GtkCalendar.button.titlebutton:insensitive { - color: rgba(142, 145, 146, 0.45); } - GtkCalendar:inconsistent, GtkCalendar:inconsistent:backdrop { - color: alpha(currentColor,0.55); } - GtkCalendar.highlight, GtkCalendar.highlight:backdrop { - font-size: smaller; - color: #2e3436; } - GtkCalendar:backdrop { - color: #333333; - border-color: darkgray; } - -/*********** - * Dialogs * - ***********/ -.message-dialog .dialog-action-area .button { - padding: 8px; } - -.message-dialog.background { - background-color: #ededed; } -.message-dialog .titlebar { - border-style: none; - box-shadow: inset 0 1px white; } -.message-dialog.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } -.message-dialog.csd .dialog-action-area .button { - padding: 12px; - border-radius: 0; - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - .message-dialog.csd .dialog-action-area .button:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - .message-dialog.csd .dialog-action-area .button:active { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .message-dialog.csd .dialog-action-area .button:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .message-dialog.csd .dialog-action-area .button:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .message-dialog.csd .dialog-action-area .button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } - .message-dialog.csd .dialog-action-area .button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); - text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } - .message-dialog.csd .dialog-action-area .button.suggested-action:active { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop { - color: #dbe9f7; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label { - color: inherit; } - .message-dialog.csd .dialog-action-area .button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } - .message-dialog.csd .dialog-action-area .button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); - text-shadow: 0 -1px rgba(0, 0, 0, 0.52878); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } - .message-dialog.csd .dialog-action-area .button.destructive-action:active { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #da1010, #e51111 40%, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop { - color: #fcd4d4; - border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive { - color: #c7c7c7; - border-color: darkgray; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { - color: #8e9192; - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #f4f4f4); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label, - .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label { - color: inherit; } -.message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } -.message-dialog.csd .dialog-action-area .button:last-child { - border-bottom-right-radius: 7px; - outline-bottom-right-radius: 5px; } -.message-dialog.csd .dialog-action-area .button:first-child { - border-left-style: none; - border-bottom-left-radius: 7px; - outline-bottom-left-radius: 5px; } - -GtkFileChooserDialog .search-bar { - background-color: #ffffff; - border-color: #ededed; - box-shadow: none; } - GtkFileChooserDialog .search-bar:backdrop { - background-color: white; - border-color: #ededed; } -GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #a1a1a1; } - GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: darkgray; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: #f6f6f6; } - .sidebar:backdrop { - background-color: #f6f6f6; } - -GtkSidebarRow.list-row { - padding: 0px; } -GtkSidebarRow .sidebar-revealer { - padding: 4px 14px 4px 12px; } -GtkSidebarRow .sidebar-icon { - opacity: 0.7; } - GtkSidebarRow .sidebar-icon:dir(ltr) { - padding-right: 8px; } - GtkSidebarRow .sidebar-icon:dir(rtl) { - padding-left: 8px; } -GtkSidebarRow .sidebar-label:dir(ltr) { - padding-right: 2px; } -GtkSidebarRow .sidebar-label:dir(rtl) { - padding-left: 2px; } - -GtkPlacesSidebar.sidebar .list-row:selected:active { - box-shadow: none; } -GtkPlacesSidebar.sidebar .sidebar-placeholder-row { - border: solid 1px #4a90d9; } -GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { - color: #4a90d9; } -.sidebar-button.button, .header-bar .sidebar-button.button.titlebutton, -.titlebar .sidebar-button.button.titlebutton { - border-radius: 100%; - outline-radius: 100%; } - .sidebar-button.button.image-button, .header-bar .sidebar-button.titlebutton.button, - .titlebar .sidebar-button.titlebutton.button { - padding: 5px; } - .sidebar-button.button:not(:hover):not(:active) > GtkImage, .header-bar .sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage, - .titlebar .sidebar-button.button.titlebutton:not(:hover):not(:active) > GtkImage, .sidebar-button.button:backdrop > GtkImage, .header-bar .sidebar-button.button.titlebutton:backdrop > GtkImage, - .titlebar .sidebar-button.button.titlebutton:backdrop > GtkImage { - opacity: 0.7; } - -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > .label { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/********* - * Paned * - *********/ -GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 8px 8px 0; } - GtkPaned:dir(rtl) { - margin-right: 0; - margin-left: 8px; } - GtkPaned .pane-separator { - background-color: #a1a1a1; } - GtkPaned .pane-separator:backdrop { - background-color: darkgray; } - -GtkPaned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - GtkPaned.wide .pane-separator { - background-color: transparent; - border-style: none solid; - border-color: #a1a1a1; - border-width: 1px; } - GtkPaned.wide.vertical .pane-separator { - border-style: solid none; } - GtkPaned.wide .pane-separator:backdrop { - border-color: darkgray; } - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; } - -.info, -.question, -.warning, -.error { - background-color: #4a90d9; - color: #ffffff; - text-shadow: 0 1px #2a76c6; - border-color: #2a76c6; } - .info .button, .info .header-bar .button.titlebutton, .header-bar .info .button.titlebutton, - .info .titlebar .button.titlebutton, - .titlebar .info .button.titlebutton, - .question .button, - .question .header-bar .button.titlebutton, - .header-bar .question .button.titlebutton, - .question .titlebar .button.titlebutton, - .titlebar .question .button.titlebutton, - .warning .button, - .warning .header-bar .button.titlebutton, - .header-bar .warning .button.titlebutton, - .warning .titlebar .button.titlebutton, - .titlebar .warning .button.titlebutton, - .error .button, - .error .header-bar .button.titlebutton, - .header-bar .error .button.titlebutton, - .error .titlebar .button.titlebutton, - .titlebar .error .button.titlebutton { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } - .info .button:hover, - .question .button:hover, - .warning .button:hover, - .error .button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); - text-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); } - .info .button:active, - .question .button:active, - .warning .button:active, - .error .button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .info .button:insensitive, - .question .button:insensitive, - .warning .button:insensitive, - .error .button:insensitive { - color: #b2d0ef; - border-color: #1c5187; - background-image: linear-gradient(to bottom, #65a1df); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label, - .info .titlebar .button.titlebutton:insensitive > .label, - .question .button:insensitive > .label, - .question .header-bar .button.titlebutton:insensitive > .label, - .question .titlebar .button.titlebutton:insensitive > .label, - .warning .button:insensitive > .label, - .warning .header-bar .button.titlebutton:insensitive > .label, - .warning .titlebar .button.titlebutton:insensitive > .label, - .error .button:insensitive > .label, - .error .header-bar .button.titlebutton:insensitive > .label, - .error .titlebar .button.titlebutton:insensitive > .label { - color: inherit; } - .info .button:backdrop, - .question .button:backdrop, - .warning .button:backdrop, - .error .button:backdrop { - color: #dbe9f7; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1c5187; } - .info .button:backdrop:insensitive, - .question .button:backdrop:insensitive, - .warning .button:backdrop:insensitive, - .error .button:backdrop:insensitive { - color: #9bc2ea; - border-color: #65a1df; - background-image: linear-gradient(to bottom, #65a1df); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1c5187; } - .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label, - .info .titlebar .button.titlebutton:backdrop:insensitive > .label, - .question .button:backdrop:insensitive > .label, - .question .header-bar .button.titlebutton:backdrop:insensitive > .label, - .question .titlebar .button.titlebutton:backdrop:insensitive > .label, - .warning .button:backdrop:insensitive > .label, - .warning .header-bar .button.titlebutton:backdrop:insensitive > .label, - .warning .titlebar .button.titlebutton:backdrop:insensitive > .label, - .error .button:backdrop:insensitive > .label, - .error .header-bar .button.titlebutton:backdrop:insensitive > .label, - .error .titlebar .button.titlebutton:backdrop:insensitive > .label { - color: inherit; } - .info .label:selected, - .info .label:selected:focus, - .info .label:selected:hover, - .question .label:selected, - .question .label:selected:focus, - .question .label:selected:hover, - .warning .label:selected, - .warning .label:selected:focus, - .warning .label:selected:hover, - .error .label:selected, - .error .label:selected:focus, - .error .label:selected:hover { - background-color: #2a76c6; } - -/************ - * Tooltips * - ************/ -.tooltip { - 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.window-frame.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/***************** - * Color Chooser * - *****************/ -GtkColorSwatch { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } - :selected GtkColorSwatch { - box-shadow: none; } - :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #ffffff; } - GtkColorSwatch:selected { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } - GtkColorSwatch.top { - border-top-left-radius: 6px; - border-top-right-radius: 6px; } - GtkColorSwatch.bottom { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; } - GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; } - GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; } - GtkColorSwatch:only-child:not(.overlay) { - border-radius: 6px; } - GtkColorSwatch.top > .overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - GtkColorSwatch.bottom > .overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - GtkColorSwatch:first-child:not(.top) > .overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - GtkColorSwatch:last-child:not(.bottom) > .overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - GtkColorSwatch:only-child > .overlay { - border-radius: 5px; } - GtkColorSwatch:hover, GtkColorSwatch:hover:selected { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.1); } - GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } - GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected - GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } - GtkColorEditor GtkColorSwatch { - border-radius: 3px; } - GtkColorEditor GtkColorSwatch:hover { - background-image: none; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } - GtkColorEditor GtkColorSwatch:backdrop { - box-shadow: none; } - GtkColorSwatch.color-dark { - color: white; - outline-color: rgba(255, 255, 255, 0.5); } - GtkColorSwatch.color-dark:backdrop { - color: rgba(255, 255, 255, 0.3); } - GtkColorSwatch.color-light { - color: black; - outline-color: rgba(0, 0, 0, 0.5); } - GtkColorSwatch.color-light:backdrop { - color: rgba(0, 0, 0, 0.3); } - GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid rgba(0, 0, 0, 0.3); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { - border-color: rgba(0, 0, 0, 0.5); } - GtkColorSwatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; } - GtkColorSwatch#add-color-button:hover { - color: #2e3436; - outline-color: rgba(46, 52, 54, 0.3); - border-color: #a1a1a1; - background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white, 0 1px white; } - GtkColorSwatch#add-color-button:backdrop { - color: #8e9192; - border-color: darkgray; - background-image: linear-gradient(to bottom, #ededed); - text-shadow: none; - icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - GtkColorSwatch#add-color-button .overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - icon-shadow: none; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #dbdbdb; } - .content-view:hover { - -gtk-image-effect: highlight; } - .content-view:backdrop { - background-color: #dbdbdb; } - -.osd .scale-popup .button.flat, .osd .scale-popup .sidebar-button.button, .osd .scale-popup .header-bar .titlebutton.button, .header-bar .osd .scale-popup .titlebutton.button, -.osd .scale-popup .titlebar .titlebutton.button, -.titlebar .osd .scale-popup .titlebutton.button { - padding: 6px; - border-style: none; - border-radius: 5px; } -.scale-popup .button, .scale-popup .header-bar .button.titlebutton, .header-bar .scale-popup .button.titlebutton, -.scale-popup .titlebar .button.titlebutton, -.titlebar .scale-popup .button.titlebutton { - padding: 6px; } - .scale-popup .button:hover { - background-color: rgba(46, 52, 54, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -.window-frame { - border-radius: 7px 7px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); - /* this is used for the resize cursor area */ - margin: 10px; } - .window-frame:backdrop { - box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); } - .window-frame.tiled { - border-radius: 0; } - .window-frame.popup { - box-shadow: none; } - .window-frame.ssd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - .window-frame.csd.popup { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - .window-frame.csd.tooltip { - border-radius: 5px; - box-shadow: none; } - .window-frame.csd.message-dialog { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - .window-frame.solid-csd { - border-radius: 0; - margin: 4px; - background-color: #ededed; - border: solid 1px darkgray; - box-shadow: none; } - -.header-bar .titlebutton.button, -.titlebar .titlebutton.button { - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - .header-bar .titlebutton.button:backdrop, - .titlebar .titlebutton.button:backdrop { - icon-shadow: none; } - -.header-bar.selection-mode .titlebutton.button, -.titlebar.selection-mode .titlebutton.button { - text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); } - .header-bar.selection-mode .titlebutton.button:backdrop, - .titlebar.selection-mode .titlebutton.button:backdrop { - icon-shadow: none; } - -.view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected, -.titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected { - background-color: #4a90d9; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } - .view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected, - .titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label { - color: #a5c8ec; } - .view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected, - .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { - color: #ffffff; } - .view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected, - .titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive .label { - color: #80b1e4; } - -.monospace { - font: Monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - .entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl), - .cursor-handle.top:dir(ltr), - .cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); - padding-left: 10px; } - .entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl), - .cursor-handle.bottom:dir(ltr), - .cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); - padding-right: 10px; } - .entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl), - .cursor-handle.insertion-cursor:dir(ltr), - .cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } - .entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl), - .cursor-handle.top:hover:dir(ltr), - .cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); - padding-left: 10px; } - .entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl), - .cursor-handle.bottom:hover:dir(ltr), - .cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); - padding-right: 10px; } - .entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl), - .cursor-handle.insertion-cursor:hover:dir(ltr), - .cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } - .entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl), - .cursor-handle.top:active:dir(ltr), - .cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); - padding-left: 10px; } - .entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl), - .cursor-handle.bottom:active:dir(ltr), - .cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); - padding-right: 10px; } - .entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl), - .cursor-handle.insertion-cursor:active:dir(ltr), - .cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } - -/* Decouple the font of context menus from their entry/textview */ -.context-menu { - font: initial; } - -.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; } - .touch-selection:backdrop { - text-shadow: none; } - .touch-selection .button, .touch-selection .header-bar .button.titlebutton, .header-bar .touch-selection .button.titlebutton, - .touch-selection .titlebar .button.titlebutton, - .titlebar .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); } - .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); } - .touch-selection .button:active, .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); } - .touch-selection .button:insensitive, .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; } - .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; } - .touch-selection .check { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .touch-selection .radio { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - .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")); } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(darkgray), to(rgba(169, 169, 169, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -.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; } -.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; } -.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; } -.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; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #2e3436; -/* -text color for entries, views and content in general */ -@define-color theme_text_color black; -/* -widget base background color */ -@define-color theme_bg_color #ededed; -/* -text widgets and the like base background color */ -@define-color theme_base_color #ffffff; -/* -base background color of selections */ -@define-color theme_selected_bg_color #4a90d9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #f4f4f4; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #8e9192; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #ffffff; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #8e9192; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color black; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #ededed; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color white; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4a90d9; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -widgets main borders color */ -@define-color borders #a1a1a1; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders darkgray; -/* -these are pretty self explicative */ -@define-color warning_color #f57900; -@define-color error_color #cc0000; -@define-color success_color #73d216; -/* -these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#2e3436, 1.8); -@define-color wm_unfocused_title #8e9192; -@define-color wm_highlight white; -@define-color wm_borders_edge white; -@define-color wm_bg_a shade(#ededed, 1.2); -@define-color wm_bg_b #ededed; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#ededed, 1.3); -@define-color wm_button_hover_color_b #ededed; -@define-color wm_button_active_color_a shade(#ededed, 0.85); -@define-color wm_button_active_color_b shade(#ededed, 0.89); -@define-color wm_button_active_color_c shade(#ededed, 0.9); -@define-color content_view_bg #ffffff; +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Invalid CSS after \"}\": expected \"}\", was \"\"\A on line 3482 of _common.scss\A from line 11 of ./gtk-contained.scss\A \A 3477: \A 3478: &.right {\A 3479: @include undershoot(right);\A 3480: }\A 3481: }"; }