From 85f505956212417e69a7096e411c5364f7648e6a Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 27 Feb 2016 19:50:46 +0100 Subject: GTK+-3.20 TraditionalOK: first raw port to 3.20 --- .../TraditionalOk/gtk-3.0/applications.css | 85 +- .../TraditionalOk/gtk-3.0/gtk-widgets-img.css | 894 ++++++------ .../TraditionalOk/gtk-3.0/gtk-widgets.css | 1454 ++++++++++---------- .../TraditionalOk/gtk-3.0/mate-applications.css | 14 +- 4 files changed, 1163 insertions(+), 1284 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/applications.css b/desktop-themes/TraditionalOk/gtk-3.0/applications.css index 5ac5de64..4b36e396 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/applications.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/applications.css @@ -2,92 +2,22 @@ * Nautilus * ************/ -/* .nautilus-desktop.nautilus-canvas-item { color: @theme_base_color; - text-shadow: 1 1 alpha (@theme_fg_color, 0.8); + text-shadow: 1px 1px alpha (@theme_fg_color, 0.8); } .nautilus-desktop.nautilus-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:hover, .nautilus-desktop.nautilus-canvas-item:selected { text-shadow: none; } -*/ .nautilus-desktop .entry { background-image: none; border-image: none; } -NautilusToolbar .linked.raised GtkToggleButton.button:first-child, -NautilusToolbar .linked.raised GtkToggleButton.button:first-child:active:hover { - border-right-width: 1px; -} - -/********* - * gedit * - *********/ - -GeditMenuStackSwitcher.button.flat { - border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; -} - -.gedit-side-panel-paned, -.gedit-bottom-panel-paned, -.gedit-bottom-panel-stack-switcher .notebook GtkBox.vertical { - border-style: solid; - border-color: @toolbar_border_top_color; -} - -.gedit-side-panel-paned { - border-width: 0px 1px 0px 0px; -} - -.gedit-bottom-panel-paned { - border-width: 1px 0px 0px 0px; -} - -.gedit-bottom-panel-stack-switcher .notebook GtkBox.vertical { - border-width: 1px; -} - -.gedit-menu-stack-switcher { - padding: 15px 15px 2px 15px; -} - -GeditMultiNotebook .notebook { - border-width: 0px 0px 1px 1px; -} - -GeditViewFrame .gedit-search-slider { - padding: 4px; - border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; -} - -.gedit-search-entry-occurrences-tag { - color: @theme_text_color; - background-color: @theme_bg_color; - margin: 2px 0px 2px 2px; - padding: 2px; -} - -GeditStatusbar .frame.flat { - border: none; -} - -/********** - * evince * - **********/ - -EvPageActionWidget .linked .entry:first-child { - border-right-width: 0px; -} - /******************* * gnome-documents * *******************/ @@ -126,15 +56,6 @@ GtkIconView.documents-main-view.check { border-radius: 3px; } -/****************** - * gnome-terminal * - ******************/ - -TerminalScreen { - background-color: @theme_base_color; - color: @theme_fg_color; -} - /********* * Unity * *********/ @@ -147,7 +68,7 @@ UnityPanelWidget, border-width: 0; } -.unity-panel.menubar.menuitem:hover { +.unity-panel menubar menuitem:hover { background-color: @menu_bg_color; border-style: solid; border-width: 1px 1px 0px; diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css index c0aff763..5cf090da 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css @@ -6,7 +6,7 @@ * GtkSwitch * *************/ -GtkSwitch.slider { +switch slider { background-image: linear-gradient(to bottom, alpha (@switch_slider_gradient_a, 0.5), alpha (@switch_slider_gradient_b, 0.5) 50%, @@ -17,7 +17,7 @@ GtkSwitch.slider { background-position: center center; } -GtkSwitch.slider:insensitive { +switch slider:disabled { background-image: linear-gradient(to bottom, alpha (@switch_slider_insensitive_gradient_a, 0.8), alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%, @@ -26,24 +26,16 @@ GtkSwitch.slider:insensitive { url("img/slider-horz-grip.png"); } -/*************** - * Resize grip * - ***************/ - -.grip { - background-image: url("img/resize-grip.png"); -} - /************* * Scrollbar * *************/ -.scrollbar.slider { +scrollbar slider { background-repeat: no-repeat; background-position: center center; } -.scrollbar.slider.vertical { +scrollbar.vertical slider { background-image: linear-gradient(to right, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_gradient_a, 0.5) 1px, @@ -54,7 +46,7 @@ GtkSwitch.slider:insensitive { url("img/slider-vert-grip.png"); } -.scrollbar.slider.horizontal { +scrollbar.horizontal slider { background-image: linear-gradient(to bottom, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_gradient_a, 0.5) 1px, @@ -65,7 +57,7 @@ GtkSwitch.slider:insensitive { url("img/slider-horz-grip.png"); } -.scrollbar.slider.vertical:hover { +scrollbar.vertical slider:hover { background-image: linear-gradient(to right, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, @@ -76,7 +68,7 @@ GtkSwitch.slider:insensitive { url("img/slider-vert-grip.png"); } -.scrollbar.slider.horizontal:hover { +scrollbar.horizontal slider:hover { background-image: linear-gradient(to bottom, alpha (@scrollbar_slider_inner_border_color, 0.5), alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, @@ -91,129 +83,129 @@ GtkSwitch.slider:insensitive { * Check and Radio items * *************************/ -.check, -.check row:selected, -.check row:selected:focus { +check, +check row:selected, +check row:selected:focus { -gtk-icon-source: url("img/checkbox-unchecked.png"); } -.check:hover, -.check row:selected:hover, -.check row:selected:focus:hover { +check:hover, +check row:selected:hover, +check row:selected:focus:hover { -gtk-icon-source: url("img/checkbox-unchecked-hover.png"); } -.check:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { +check:disabled, +check row:selected:disabled, +check row:selected:focus:disabled { -gtk-icon-source: url("img/checkbox-unchecked-insensitive.png"); } -.check:checked, -.check row:selected:checked, -.check row:selected:focus:checked, -.check:active, -.check row:selected:active, -.check row:selected:focus:active { +check:checked, +check row:selected:checked, +check row:selected:focus:checked, +check:active, +check row:selected:active, +check row:selected:focus:active { -gtk-icon-source: url("img/checkbox-checked.png"); } -.check:checked:hover, -.check row:selected:checked:hover, -.check row:selected:focus:checked:hover, -.check:active:hover, -.check row:selected:active:hover, -.check row:selected:focus:active:hover { +check:checked:hover, +check row:selected:checked:hover, +check row:selected:focus:checked:hover, +check:active:hover, +check row:selected:active:hover, +check row:selected:focus:active:hover { -gtk-icon-source: url("img/checkbox-checked-hover.png"); } -.check:checked:insensitive, -.check row:selected:checked:insensitive, -.check row:selected:focus:checked:insensitive, -.check:active:insensitive, -.check row:selected:active:insensitive, -.check row:selected:focus:active:insensitive { +check:checked:disabled, +check row:selected:checked:disabled, +check row:selected:focus:checked:disabled, +check:active:disabled, +check row:selected:active:disabled, +check row:selected:focus:active:disabled { -gtk-icon-source: url("img/checkbox-checked-insensitive.png"); } -.check:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { +check:indeterminate, +check row:selected:indeterminate, +check row:selected:focus:indeterminate { -gtk-icon-source: url("img/checkbox-mixed.png"); } -.check:inconsistent:hover, -.check row:selected:inconsistent:hover, -.check row:selected:focus:inconsistent:hover { +check:indeterminate:hover, +check row:selected:indeterminate:hover, +check row:selected:focus:indeterminate:hover { -gtk-icon-source: url("img/checkbox-mixed-hover.png"); } -.check:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { +check:indeterminate:disabled, +check row:selected:indeterminate:disabled, +check row:selected:focus:indeterminate:disabled { -gtk-icon-source: url("img/checkbox-mixed-insensitive.png"); } -.radio, -.radio row:selected, -.radio row:selected:focus { +radio, +radio row:selected, +radio row:selected:focus { -gtk-icon-source: url("img/radio-unchecked.png"); } -.radio:hover, -.radio row:selected:hover, -.radio row:selected:focus:hover { +radio:hover, +radio row:selected:hover, +radio row:selected:focus:hover { -gtk-icon-source: url("img/radio-unchecked-hover.png"); } -.radio:insensitive, -.radio row:selected:insensitive, -.radio row:selected:focus:insensitive { +radio:disabled, +radio row:selected:disabled, +radio row:selected:focus:disabled { -gtk-icon-source: url("img/radio-unchecked-insensitive.png"); } -.radio:checked, -.radio row:selected:checked, -.radio row:selected:focus:checked, -.radio:active, -.radio row:selected:active, -.radio row:selected:focus:active { +radio:checked, +radio row:selected:checked, +radio row:selected:focus:checked, +radio:active, +radio row:selected:active, +radio row:selected:focus:active { -gtk-icon-source: url("img/radio-checked.png"); } -.radio:checked:hover, -.radio row:selected:checked:hover, -.radio row:selected:focus:checked:hover, -.radio:active:hover, -.radio row:selected:active:hover, -.radio row:selected:focus:active:hover { +radio:checked:hover, +radio row:selected:checked:hover, +radio row:selected:focus:checked:hover, +radio:active:hover, +radio row:selected:active:hover, +radio row:selected:focus:active:hover { -gtk-icon-source: url("img/radio-checked-hover.png"); } -.radio:checked:insensitive, -.radio row:selected:checked:insensitive, -.radio row:selected:focus:checked:insensitive, -.radio:active:insensitive, -.radio row:selected:active:insensitive, -.radio row:selected:focus:active:insensitive { +radio:checked:disabled, +radio row:selected:checked:disabled, +radio row:selected:focus:checked:disabled, +radio:active:disabled, +radio row:selected:active:disabled, +radio row:selected:focus:active:disabled { -gtk-icon-source: url("img/radio-checked-insensitive.png"); } -.radio:inconsistent, -.radio row:selected:inconsistent, -.radio row:selected:focus:inconsistent { +radio:indeterminate, +radio row:selected:indeterminate, +radio row:selected:focus:indeterminate { -gtk-icon-source: url("img/radio-mixed.png"); } -.radio:inconsistent:hover, -.radio row:selected:inconsistent:hover, -.radio row:selected:focus:inconsistent:hover { +radio:indeterminate:hover, +radio row:selected:indeterminate:hover, +radio row:selected:focus:indeterminate:hover { -gtk-icon-source: url("img/radio-mixed-hover.png"); } -.radio:inconsistent:insensitive, -.radio row:selected:inconsistent:insensitive, -.radio row:selected:focus:inconsistent:insensitive { +radio:indeterminate:disabled, +radio row:selected:indeterminate:disabled, +radio row:selected:focus:indeterminate:disabled { -gtk-icon-source: url("img/radio-mixed-insensitive.png"); } @@ -221,78 +213,78 @@ GtkSwitch.slider:insensitive { * GtkScale's slider * *********************/ -GtkScale.slider, -GtkScale.slider.horizontal { +scale slider, +scale.horizontal slider { background-image: url("img/scale-slider-horz.png"); } -GtkScale.slider:hover, -GtkScale.slider.horizontal:hover { +scale slider:hover, +scale.horizontal slider:hover { background-image: url("img/scale-slider-horz-hover.png"); } -GtkScale.slider:insensitive, -GtkScale.slider.horizontal:insensitive { +scale slider:disabled, +scale.horizontal slider:disabled { background-image: url("img/scale-slider-horz-insensitive.png"); } -GtkScale.slider.vertical { +scale.vertical slider { background-image: url("img/scale-slider-vert.png"); } -GtkScale.slider.vertical:hover { +scale.vertical slider:hover { background-image: url("img/scale-slider-vert-hover.png"); } -GtkScale.slider.vertical:insensitive { +scale.vertical slider:disabled { background-image: url("img/scale-slider-vert-insensitive.png"); } -GtkScale.scale-has-marks-above.slider.horizontal { +scale.horizontal.scale-has-marks-above slider { background-image: url("img/scale-slider-horz.png"); } -GtkScale.scale-has-marks-above.slider.horizontal:hover { +scale.horizontal.scale-has-marks-above slider:hover { background-image: url("img/scale-slider-horz-hover.png"); } -GtkScale.scale-has-marks-above.slider.horizontal:insensitive { +scale.horizontal.scale-has-marks-above slider:disabled { background-image: url("img/scale-slider-horz-insensitive.png"); } -GtkScale.scale-has-marks-above.slider.vertical { +scale.vertical.scale-has-marks-above slider { background-image: url("img/scale-slider-vert.png"); } -GtkScale.scale-has-marks-above.slider.vertical:hover { +scale.vertical.scale-has-marks-above slider:hover { background-image: url("img/scale-slider-vert-hover.png"); } -GtkScale.scale-has-marks-above.slider.vertical:insensitive { +scale.vertical.scale-has-marks-above slider:disabled { background-image: url("img/scale-slider-vert-insensitive.png"); } -GtkScale.scale-has-marks-below.slider.horizontal { +scale.horizontal.scale-has-marks-below slider { background-image: url("img/scale-slider-horz.png"); } -GtkScale.scale-has-marks-below.slider.horizontal:hover { +scale.horizontal.scale-has-marks-below slider:hover { background-image: url("img/scale-slider-horz-hover.png"); } -GtkScale.scale-has-marks-below.slider.horizontal:insensitive { +scale.horizontal.scale-has-marks-below slider:disabled { background-image: url("img/scale-slider-horz-insensitive.png"); } -GtkScale.scale-has-marks-below.slider.vertical { +scale.vertical.scale-has-marks-below slider { background-image: url("img/scale-slider-vert.png"); } -GtkScale.scale-has-marks-below.slider.vertical:hover { +scale.vertical.scale-has-marks-below slider:hover { background-image: url("img/scale-slider-vert-hover.png"); } -GtkScale.scale-has-marks-below.slider.vertical:insensitive { +scale.vertical.scale-has-marks-below slider:disabled { background-image: url("img/scale-slider-vert-insensitive.png"); } @@ -300,72 +292,72 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive { * Menus * *********/ -.menu .menuitem.check { +menu menuitem check { -gtk-icon-source: url("img/menuitem-checkbox.png"); } -.menu .menuitem.check:hover { +menu menuitem check:hover { -gtk-icon-source: url("img/menuitem-checkbox-hover.png"); } -.menu .menuitem.check:insensitive { +menu menuitem check:disabled { -gtk-icon-source: url("img/menuitem-checkbox-insensitive.png"); } -.menu .menuitem.check:checked, -.menu .menuitem.check:active { +menu menuitem check:checked, +menu menuitem check:active { -gtk-icon-source: url("img/menuitem-checkbox-checked.png"); } -.menu .menuitem.check:checked:hover, -.menu .menuitem.check:active:hover { +menu menuitem check:checked:hover, +menu menuitem check:active:hover { -gtk-icon-source: url("img/menuitem-checkbox-checked-hover.png"); } -.menu .menuitem.check:checked:insensitive, -.menu .menuitem.check:active:insensitive { +menu menuitem check:checked:disabled, +menu menuitem check:active:disabled { -gtk-icon-source: url("img/menuitem-checkbox-checked-insensitive.png"); } -.menu .menuitem.check:inconsistent, -.menu .menuitem.radio:inconsistent { +menu menuitem check:indeterminate, +menu menuitem radio:indeterminate { -gtk-icon-source: url("img/menuitem-checkbox-mixed.png"); } -.menu .menuitem.check:inconsistent:hover, -.menu .menuitem.radio:inconsistent:hover { +menu menuitem check:indeterminate:hover, +menu menuitem radio:indeterminate:hover { -gtk-icon-source: url("img/menuitem-checkbox-mixed-hover.png"); } -.menu .menuitem.check:inconsistent:insensitive, -.menu .menuitem.radio:inconsistent:insensitive { +menu menuitem check:indeterminate:disabled, +menu menuitem radio:indeterminate:disabled { -gtk-icon-source: url("img/menuitem-checkbox-mixed-insensitive.png"); } -.menu .menuitem.radio { +menu menuitem radio { -gtk-icon-source: url("img/menuitem-radio.png"); } -.menu .menuitem.radio:hover { +menu menuitem radio:hover { -gtk-icon-source: url("img/menuitem-radio-hover.png"); } -.menu .menuitem.radio:insensitive { +menu menuitem radio:disabled { -gtk-icon-source: url("img/menuitem-radio-insensitive.png"); } -.menu .menuitem.radio:checked, -.menu .menuitem.radio:active { +menu menuitem radio:checked, +menu menuitem radio:active { -gtk-icon-source: url("img/menuitem-radio-checked.png"); } -.menu .menuitem.radio:checked:hover, -.menu .menuitem.radio:active:hover { +menu menuitem radio:checked:hover, +menu menuitem radio:active:hover { -gtk-icon-source: url("img/menuitem-radio-checked-hover.png"); } -.menu .menuitem.radio:checked:insensitive, -.menu .menuitem.radio:active:insensitive { +menu menuitem radio:checked:disabled, +menu menuitem radio:active:disabled { -gtk-icon-source: url("img/menuitem-radio-checked-insensitive.png"); } @@ -373,11 +365,11 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive { * Panes * *********/ -.pane-separator { +paned > separator { background-image: url("img/pane-separator-grip-horz.png"); } -.pane-separator.vertical { +paned.vertical > separator { background-image: url("img/pane-separator-grip-vert.png"); } @@ -386,39 +378,39 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive { ***********/ /* generic element borders */ -.entry, -.combobox-entry .entry, -.combobox-entry .button, -.button:active, -.trough, -.trough.highlight, -GtkSwitch.trough, +entry, +combobox entry, +combobox entry button, +button:active, +trough, +trough highlight, +switch, /* generic button borders */ -.button, -.button.flat:active, -.button.flat:hover, +button, +button.flat:active, +button.flat:hover, .menu-button:active, -.titlebar .titlebutton:hover, -.primary-toolbar .button:checked, -.titlebar .titlebutton:hover, -.primary-toolbar .button.raised, -.primary-toolbar .raised .button, -.primary-toolbar GtkComboBox .button, +.titlebar button.titlebutton:hover, +toolbar.primary-toolbar button:checked, +.titlebar button.titlebutton:hover, +toolbar.primary-toolbar button.raised, +toolbar.primary-toolbar .raised button, +toolbar.primary-toolbar combobox button, /* primary toolbar - generic element borders */ -.primary-toolbar .entry, -.primary-toolbar .combobox-entry .entry, -.primary-toolbar .combobox-entry .button, -.primary-toolbar .button:active, -.primary-toolbar .button.raised:active, -.primary-toolbar .raised .button:active, -.primary-toolbar .button.raised:insensitive, -.primary-toolbar .raised .button:insensitive, -.primary-toolbar GtkSwitch.trough, -.primary-toolbar GtkSwitch.trough:insensitive, -.primary-toolbar GtkComboBox .button:active, -.primary-toolbar GtkComboBox .button:insensitive, +toolbar.primary-toolbar entry, +toolbar.primary-toolbar combobox entry, +toolbar.primary-toolbar combobox button, +toolbar.primary-toolbar button:active, +toolbar.primary-toolbar button.raised:active, +toolbar.primary-toolbar .raised button:active, +toolbar.primary-toolbar button.raised:disabled, +toolbar.primary-toolbar .raised button:disabled, +toolbar.primary-toolbar switch, +toolbar.primary-toolbar switch:disabled, +toolbar.primary-toolbar combobox button:active, +toolbar.primary-toolbar combobox button:disabled, /* primary toolbar - hover button borders */ -.primary-toolbar .button:hover { +toolbar.primary-toolbar button:hover { border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; @@ -426,131 +418,131 @@ GtkSwitch.trough, border-color: transparent; } -.primary-toolbar .entry, -.primary-toolbar .combobox-entry .entry { +toolbar.primary-toolbar entry, +toolbar.primary-toolbar combobox entry { border-width: 1px 2px 2px; } -.primary-toolbar .entry:focus, -.primary-toolbar .combobox-entry .entry:focus { +toolbar.primary-toolbar entry:focus, +toolbar.primary-toolbar combobox entry:focus { border-width: 1px 2px 2px; } /* Linked single button */ -.linked .entry:only-child, -.linked .button:only-child, -.linked .button:active:only-child, -.linked .button:active:hover:only-child, -.linked .button:focus:only-child, -.linked .button:focus:active:only-child, -.linked .button:insensitive:only-child, +.linked entry:only-child, +.linked button:only-child, +.linked button:active:only-child, +.linked button:active:hover:only-child, +.linked button:focus:only-child, +.linked button:focus:active:only-child, +.linked button:disabled:only-child, /* Middle button (vertical) */ -.linked.vertical .entry, -.linked.vertical .button, -.linked.vertical .button:active, -.linked.vertical .button:active:hover, -.linked.vertical .button:focus, -.linked.vertical .button:focus:active, -.linked.vertical .button:insensitive, +.linked.vertical entry, +.linked.vertical button, +.linked.vertical button:active, +.linked.vertical button:active:hover, +.linked.vertical button:focus, +.linked.vertical button:focus:active, +.linked.vertical button:disabled, /* Top button (vertical) */ -.linked.vertical .entry:first-child, -.linked.vertical .button:first-child, -.linked.vertical .button:active:first-child, -.linked.vertical .button:active:hover:first-child, -.linked.vertical .button:focus:first-child, -.linked.vertical .button:focus:active:first-child, -.linked.vertical .button:insensitive:first-child, +.linked.vertical entry:first-child, +.linked.vertical button:first-child, +.linked.vertical button:active:first-child, +.linked.vertical button:active:hover:first-child, +.linked.vertical button:focus:first-child, +.linked.vertical button:focus:active:first-child, +.linked.vertical button:disabled:first-child, /* Bottom button (vertical) */ -.linked.vertical .entry:last-child, -.linked.vertical .button:last-child, -.linked.vertical .button:active:last-child, -.linked.vertical .button:active:hover:last-child, -.linked.vertical .button:focus:last-child, -.linked.vertical .button:focus:active:last-child, -.linked.vertical .button:insensitive:last-child, +.linked.vertical entry:last-child, +.linked.vertical button:last-child, +.linked.vertical button:active:last-child, +.linked.vertical button:active:hover:last-child, +.linked.vertical button:focus:last-child, +.linked.vertical button:focus:active:last-child, +.linked.vertical button:disabled:last-child, /* Linked single button (vertical) */ -.linked.vertical .entry:only-child, -.linked.vertical .button:only-child, -.linked.vertical .button:active:only-child, -.linked.vertical .button:active:hover:only-child, -.linked.vertical .button:focus:only-child, -.linked.vertical .button:focus:active:only-child, -.linked.vertical .button:insensitive:only-child, +.linked.vertical entry:only-child, +.linked.vertical button:only-child, +.linked.vertical button:active:only-child, +.linked.vertical button:active:hover:only-child, +.linked.vertical button:focus:only-child, +.linked.vertical button:focus:active:only-child, +.linked.vertical button:disabled:only-child, /* Linked buttons on primary toolbars */ /* Middle button */ -.primary-toolbar .button.raised.linked, -.primary-toolbar .button.raised.linked:active, -.primary-toolbar .button.raised.linked:focus, -.primary-toolbar .button.raised.linked:focus:active, -.primary-toolbar .button.raised.linked:insensitive, -.primary-toolbar .raised.linked .button, -.primary-toolbar .raised.linked .button:active, -.primary-toolbar .raised.linked .button:focus, -.primary-toolbar .raised.linked .button:focus:active, -.primary-toolbar .raised.linked .button:insensitive, -.inline-toolbar.toolbar .button, -.inline-toolbar.toolbar .button:active, -.inline-toolbar.toolbar .button:focus, -.inline-toolbar.toolbar .button:focus:active, -.inline-toolbar.toolbar .button:insensitive, -.inline-toolbar.toolbar GtkToolButton .button, -.inline-toolbar.toolbar GtkToolButton .button:active, -.inline-toolbar.toolbar GtkToolButton .button:focus, -.inline-toolbar.toolbar GtkToolButton .button:focus:active, -.inline-toolbar.toolbar GtkToolButton .button:insensitive, +toolbar.primary-toolbar button.raised.linked, +toolbar.primary-toolbar button.raised.linked:active, +toolbar.primary-toolbar button.raised.linked:focus, +toolbar.primary-toolbar button.raised.linked:focus:active, +toolbar.primary-toolbar button.raised.linked:disabled, +toolbar.primary-toolbar .raised.linked button, +toolbar.primary-toolbar .raised.linked button:active, +toolbar.primary-toolbar .raised.linked button:focus, +toolbar.primary-toolbar .raised.linked button:focus:active, +toolbar.primary-toolbar .raised.linked button:disabled, +toolbar.inline-toolbar button, +toolbar.inline-toolbar button:active, +toolbar.inline-toolbar button:focus, +toolbar.inline-toolbar button:focus:active, +toolbar.inline-toolbar button:disabled, +toolbar.inline-toolbar toolbutton button, +toolbar.inline-toolbar toolbutton button:active, +toolbar.inline-toolbar toolbutton button:focus, +toolbar.inline-toolbar toolbutton button:focus:active, +toolbar.inline-toolbar toolbutton button:disabled, /* Leftmost button */ -.primary-toolbar .button.raised.linked:first-child, -.primary-toolbar .button.raised.linked:active:first-child, -.primary-toolbar .button.raised.linked:focus:first-child, -.primary-toolbar .button.raised.linked:focus:active:first-child, -.primary-toolbar .button.raised.linked:insensitive:first-child, -.primary-toolbar .raised.linked .button:first-child, -.primary-toolbar .raised.linked .button:active:first-child, -.primary-toolbar .raised.linked .button:focus:first-child, -.primary-toolbar .raised.linked .button:focus:active:first-child, -.primary-toolbar .raised.linked .button:insensitive:first-child, -.inline-toolbar.toolbar .button:first-child, -.inline-toolbar.toolbar .button:active:first-child, -.inline-toolbar.toolbar .button:focus:first-child, -.inline-toolbar.toolbar .button:focus:active:first-child, -.inline-toolbar.toolbar .button:insensitive:first-child, -.inline-toolbar.toolbar GtkToolButton:first-child .button, -.inline-toolbar.toolbar GtkToolButton:first-child .button:active, -.inline-toolbar.toolbar GtkToolButton:first-child .button:focus, -.inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active, -.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive, +toolbar.primary-toolbar button.raised.linked:first-child, +toolbar.primary-toolbar button.raised.linked:active:first-child, +toolbar.primary-toolbar button.raised.linked:focus:first-child, +toolbar.primary-toolbar button.raised.linked:focus:active:first-child, +toolbar.primary-toolbar button.raised.linked:disabled:first-child, +toolbar.primary-toolbar .raised.linked button:first-child, +toolbar.primary-toolbar .raised.linked button:active:first-child, +toolbar.primary-toolbar .raised.linked button:focus:first-child, +toolbar.primary-toolbar .raised.linked button:focus:active:first-child, +toolbar.primary-toolbar .raised.linked button:disabled:first-child, +toolbar.inline-toolbar button:first-child, +toolbar.inline-toolbar button:active:first-child, +toolbar.inline-toolbar button:focus:first-child, +toolbar.inline-toolbar button:focus:active:first-child, +toolbar.inline-toolbar button:disabled:first-child, +toolbar.inline-toolbar toolbutton button :first-child, +toolbar.inline-toolbar toolbutton button :first-child:active, +toolbar.inline-toolbar toolbutton button :first-child:focus, +toolbar.inline-toolbar toolbutton button :first-child:focus:active, +toolbar.inline-toolbar toolbutton button :first-child:disabled, /* Rightmost button */ -.primary-toolbar .button.raised.linked:last-child, -.primary-toolbar .button.raised.linked:active:last-child, -.primary-toolbar .button.raised.linked:focus:last-child, -.primary-toolbar .button.raised.linked:focus:active:last-child, -.primary-toolbar .button.raised.linked:insensitive:last-child, -.primary-toolbar .raised.linked .button:last-child, -.primary-toolbar .raised.linked .button:active:last-child, -.primary-toolbar .raised.linked .button:focus:last-child, -.primary-toolbar .raised.linked .button:focus:active:last-child, -.primary-toolbar .raised.linked .button:insensitive:last-child, -.inline-toolbar.toolbar .button:last-child, -.inline-toolbar.toolbar .button:active:last-child, -.inline-toolbar.toolbar .button:focus:last-child, -.inline-toolbar.toolbar .button:focus:active:last-child, -.inline-toolbar.toolbar .button:insensitive:last-child, -.inline-toolbar.toolbar GtkToolButton:last-child .button, -.inline-toolbar.toolbar GtkToolButton:last-child .button:active, -.inline-toolbar.toolbar GtkToolButton:last-child .button:focus, -.inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active, -.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive, +toolbar.primary-toolbar button.raised.linked:last-child, +toolbar.primary-toolbar button.raised.linked:active:last-child, +toolbar.primary-toolbar button.raised.linked:focus:last-child, +toolbar.primary-toolbar button.raised.linked:focus:active:last-child, +toolbar.primary-toolbar button.raised.linked:disabled:last-child, +toolbar.primary-toolbar .raised.linked button:last-child, +toolbar.primary-toolbar .raised.linked button:active:last-child, +toolbar.primary-toolbar .raised.linked button:focus:last-child, +toolbar.primary-toolbar .raised.linked button:focus:active:last-child, +toolbar.primary-toolbar .raised.linked button:disabled:last-child, +toolbar.inline-toolbar button:last-child, +toolbar.inline-toolbar button:active:last-child, +toolbar.inline-toolbar button:focus:last-child, +toolbar.inline-toolbar button:focus:active:last-child, +toolbar.inline-toolbar button:disabled:last-child, +toolbar.inline-toolbar toolbutton button :last-child, +toolbar.inline-toolbar toolbutton button :last-child:active, +toolbar.inline-toolbar toolbutton button :last-child:focus, +toolbar.inline-toolbar toolbutton button :last-child:focus:active, +toolbar.inline-toolbar toolbutton button :last-child:disabled, /* Single button */ -.inline-toolbar.toolbar .button:only-child, -.inline-toolbar.toolbar .button:active:only-child, -.inline-toolbar.toolbar .button:focus:only-child, -.inline-toolbar.toolbar .button:focus:active:only-child, -.inline-toolbar.toolbar .button:insensitive:only-child, -.inline-toolbar.toolbar GtkToolButton:only-child .button, -.inline-toolbar.toolbar GtkToolButton:only-child .button:active, -.inline-toolbar.toolbar GtkToolButton:only-child .button:focus, -.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active, -.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive { +toolbar.inline-toolbar button:only-child, +toolbar.inline-toolbar button:active:only-child, +toolbar.inline-toolbar button:focus:only-child, +toolbar.inline-toolbar button:focus:active:only-child, +toolbar.inline-toolbar button:disabled:only-child, +toolbar.inline-toolbar toolbutton button :only-child, +toolbar.inline-toolbar toolbutton button :only-child:active, +toolbar.inline-toolbar toolbutton button :only-child:focus, +toolbar.inline-toolbar toolbutton button :only-child:focus:active, +toolbar.inline-toolbar toolbutton button :only-child:disabled { border-image: url("img/border-inline-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; @@ -558,13 +550,13 @@ GtkSwitch.trough, border-color: transparent; } -/* generic insensitive element borders */ -GtkSwitch.trough:insensitive, -GtkComboBox.combobox-entry .entry:insensitive, -GtkComboBox.combobox-entry .button:insensitive, -.entry:insensitive, -.button:insensitive, -.trough row { +/* generic disabled element borders */ +switch:disabled, +combobox entry:disabled, +combobox button:disabled, +entry:disabled, +button:disabled, +trough row { border-image: url("img/border-insensitive.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; @@ -572,39 +564,39 @@ GtkComboBox.combobox-entry .button:insensitive, border-color: transparent; } -.menuitem.button.flat, -.button.flat, -.button.flat:insensitive, -GtkListBoxRow.button.list-row, -GtkListBoxRow.button.list-row:hover { +menuitem button.flat, +button.flat, +button.flat:disabled, +list row button, +list row button:hover { border-image: none; background-image: none; } /* focused element borders */ -.entry:focus, -.combobox-entry .entry:focus, -.button.flat:focus:active, -.button:focus:active, -.button.default:active, +entry:focus, +combobox entry:focus, +button.flat:focus:active, +button:focus:active, +button.default:active, /* focused button borders */ -.button.flat:focus, -.button.default, -.primary-toolbar .entry:focus, -.primary-toolbar .button:active:focus, -.primary-toolbar .button:focus:hover, -.primary-toolbar .combobox-entry .entry:focus, -.primary-toolbar .combobox-entry .button:focus, -.primary-toolbar .button.raised:focus:active, -.primary-toolbar .raised .button:focus:active, -.primary-toolbar .button.raised.default:active, -.primary-toolbar .raised .button.default:active, -.primary-toolbar GtkComboBox .button:active:focus, -.primary-toolbar .button.raised:focus, -.primary-toolbar .button.raised.default, -.primary-toolbar .raised .button:focus, -.primary-toolbar .raised .button.default, -.primary-toolbar GtkComboBox .button:focus { +button.flat:focus, +button.default, +toolbar.primary-toolbar entry:focus, +toolbar.primary-toolbar button:active:focus, +toolbar.primary-toolbar button:focus:hover, +toolbar.primary-toolbar combobox entry:focus, +toolbar.primary-toolbar combobox button:focus, +toolbar.primary-toolbar button.raised:focus:active, +toolbar.primary-toolbar .raised button:focus:active, +toolbar.primary-toolbar button.raised.default:active, +toolbar.primary-toolbar .raised button.default:active, +toolbar.primary-toolbar combobox button:active:focus, +toolbar.primary-toolbar button.raised:focus, +toolbar.primary-toolbar button.raised.default, +toolbar.primary-toolbar .raised button:focus, +toolbar.primary-toolbar .raised button.default, +toolbar.primary-toolbar combobox button:focus { border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; @@ -613,7 +605,7 @@ GtkListBoxRow.button.list-row:hover { } /* focused primary toolbar button borders */ -.primary-toolbar .button:focus { +toolbar.primary-toolbar button:focus { border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; border-radius: 3px; border-width: 1px 1px 2px 1px; @@ -622,7 +614,7 @@ GtkListBoxRow.button.list-row:hover { } /* focused switch trough borders */ -GtkSwitch.trough:active { +switch:active { border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; border-radius: 3px; border-width: 1px 1px 2px 1px; @@ -631,16 +623,11 @@ GtkSwitch.trough:active { } /* column-headers borders */ -column-header.button, -column-header .button, -column-header.button:focus, -column-header .button:focus, -column-header.button:active, -column-header .button:active, -column-header.button:active:hover, -column-header .button:active:hover -column-header.button:active:focus, -column-header .button:active:focus { +treeview header button, +treeview header button:focus, +treeview header button:active, +treeview header button:active:hover, +treeview header button:active:focus { border-image: none; border-width: 1px; border-radius: 0; @@ -650,33 +637,28 @@ column-header .button:active:focus { } -column-header.button:last-child, -column-header:last-child .button, -column-header.button:last-child:focus, -column-header:last-child .button:focus, -column-header.button:last-child:active, -column-header:last-child .button:active, -column-header.button:last-child:active:hover, -column-header:last-child .button:active:hover, -column-header.button:last-child:active:focus, -column-header:last-child .button:active:focus { +treeview header button:last-child, +treeview header button:last-child:focus, +treeview header button:last-child:active, +treeview header button:last-child:active:hover, +treeview header button:last-child:active:focus{ border-right: none; } /* Leftmost button */ .linked .entry:first-child, -.linked > GtkComboBox:first-child > .button:last-child, -.linked > GtkComboBox:first-child > .button:active:last-child, -.linked > GtkComboBox:first-child > .button:active:hover:last-child, -.linked > GtkComboBox:first-child > .button:focus:last-child, -.linked > GtkComboBox:first-child > .button:focus:active:last-child, -.linked > GtkComboBox:first-child > .button:insensitive:last-child, -.linked .button:first-child, -.linked .button:active:first-child, -.linked .button:active:hover:first-child, -.linked .button:focus:first-child, -.linked .button:focus:active:first-child, -.linked .button:insensitive:first-child { +.linked > combobox:first-child > button:last-child, +.linked > combobox:first-child > button:active:last-child, +.linked > combobox:first-child > button:active:hover:last-child, +.linked > combobox:first-child > button:focus:last-child, +.linked > combobox:first-child > button:focus:active:last-child, +.linked > combobox:first-child > button:disabled:last-child, +.linked button:first-child, +.linked button:active:first-child, +.linked button:active:hover:first-child, +.linked button:focus:first-child, +.linked button:focus:active:first-child, +.linked button:disabled:first-child { border-image: none; border-radius: 3px 0 0 3px; border-color: @border_color; @@ -684,24 +666,24 @@ column-header:last-child .button:active:focus { padding: 1px 2px; } -.linked .entry:first-child { +.linked entry:first-child { padding: 6px; } /* Middle button */ -.linked .entry, -.linked > GtkComboBox > .button:last-child, -.linked > GtkComboBox > .button:active:last-child, -.linked > GtkComboBox > .button:active:hover:last-child, -.linked > GtkComboBox > .button:focus:last-child, -.linked > GtkComboBox > .button:focus:active:last-child, -.linked > GtkComboBox > .button:insensitive:last-child, -.linked .button, -.linked .button:active, -.linked .button:active:hover, -.linked .button:focus, -.linked .button:focus:active, -.linked .button:insensitive { +.linked entry, +.linked > combobox > button:last-child, +.linked > combobox > button:active:last-child, +.linked > combobox > button:active:hover:last-child, +.linked > combobox > button:focus:last-child, +.linked > combobox > button:focus:active:last-child, +.linked > combobox > button:disabled:last-child, +.linked button, +.linked button:active, +.linked button:active:hover, +.linked button:focus, +.linked button:focus:active, +.linked button:disabled { border-image: none; border-radius: 0; border-color: @border_color; @@ -710,15 +692,15 @@ column-header:last-child .button:active:focus { } /* Rightmost button */ -.linked .entry:last-child, -.linked > GtkComboBox:last-child > .button, -.linked > GtkComboBox:last-child > .button:last-child, -.linked .button:last-child, -.linked .button:active:last-child, -.linked .button:active:hover:last-child, -.linked .button:focus:last-child, -.linked .button:focus:active:last-child, -.linked .button:insensitive:last-child { +.linked entry:last-child, +.linked > combobox:last-child > button, +.linked > combobox:last-child > button:last-child, +.linked button:last-child, +.linked button:active:last-child, +.linked button:active:hover:last-child, +.linked button:focus:last-child, +.linked button:focus:active:last-child, +.linked button:disabled:last-child { border-image: none; border-radius: 0 3px 3px 0; border-color: @border_color; @@ -726,21 +708,21 @@ column-header:last-child .button:active:focus { padding: 1px 2px; } -.linked .entry:last-child { +.linked entry:last-child { padding: 6px; } /* vertical */ -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:active, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:active:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:checked, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:checked:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:focus, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:focus:active, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:focus:checked, -.vertical .horizontal .vertical .frame .horizontal .vertical .button.image-button:insensitive { +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:active, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:active:hover, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:checked, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:checked:hover, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:focus, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:focus:active, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:focus:checked, +.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:disabled { border-image: none; border-radius: 3px 3px 3px 3px; border-color: @border_color; @@ -748,8 +730,8 @@ column-header:last-child .button:active:focus { padding: 4px 5px; } -.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button, -.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button:focus { +.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button, +.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button:focus { background-image: none; border-style: none; border-radius: 3px; @@ -760,8 +742,8 @@ column-header:last-child .button:active:focus { box-shadow: none; } -.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical.toolbar .button.flat.image-button:focus:hover { +.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button:hover, +.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button:focus:hover { background-image: linear-gradient(to bottom, @button_hover_gradient_a 5%, @button_hover_gradient_b 95%, @@ -776,18 +758,18 @@ column-header:last-child .button:active:focus { /* Middle button */ -.linked.vertical > GtkComboBox > .button:last-child, -.linked.vertical > GtkComboBox > .button:active:last-child, -.linked.vertical > GtkComboBox > .button:active:hover:last-child, -.linked.vertical > GtkComboBox > .button:focus:last-child, -.linked.vertical > GtkComboBox > .button:focus:active:last-child, -.linked.vertical > GtkComboBox > .button:insensitive:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:active, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:insensitive { +.linked.vertical > combobox > button:last-child, +.linked.vertical > combobox > button:active:last-child, +.linked.vertical > combobox > button:active:hover:last-child, +.linked.vertical > combobox > button:focus:last-child, +.linked.vertical > combobox > button:focus:active:last-child, +.linked.vertical > combobox > button:disabled:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:hover, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:active, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:disabled { border-image: none; border-radius: 0; border-color: @border_color; @@ -797,15 +779,15 @@ column-header:last-child .button:active:focus { /* top button */ -.linked.vertical > GtkComboBox:first-child > .button:last-child, -.linked.vertical > GtkComboBox:first-child > .button:active:last-child, -.linked.vertical > GtkComboBox:first-child > .button:active:hover:last-child, -.linked.vertical > GtkComboBox:first-child > .button:checked:last-child, -.linked.vertical > GtkComboBox:first-child > .button:checked:hover:last-child, -.linked.vertical > GtkComboBox:first-child > .button:focus:last-child, -.linked.vertical > GtkComboBox:first-child > .button:focus:active:last-child, -.linked.vertical > GtkComboBox:first-child > .button:focus:checked:last-child, -.linked.vertical > GtkComboBox:first-child > .button:insensitive:last-child { +.linked.vertical > combobox:first-child > button:last-child, +.linked.vertical > combobox:first-child > button:active:last-child, +.linked.vertical > combobox:first-child > button:active:hover:last-child, +.linked.vertical > combobox:first-child > button:checked:last-child, +.linked.vertical > combobox:first-child > button:checked:hover:last-child, +.linked.vertical > combobox:first-child > button:focus:last-child, +.linked.vertical > combobox:first-child > button:focus:active:last-child, +.linked.vertical > combobox:first-child > button:focus:checked:last-child, +.linked.vertical > combobox:first-child > button:disabled:last-child { border-image: none; border-radius: 3px 3px 0px 0px; border-color: @border_color; @@ -813,15 +795,15 @@ column-header:last-child .button:active:focus { padding: 5px 5px; } -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:hover:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:checked:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:checked:hover:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:active:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:checked:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:insensitive:first-child { +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:hover:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:checked:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:checked:hover:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:active:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:checked:first-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:disabled:first-child { border-image: none; border-radius: 3px 3px 0px 0px; border-color: @border_color; @@ -831,20 +813,20 @@ column-header:last-child .button:active:focus { /* bottom button */ -.linked.vertical > GtkComboBox:last-child > .button, -.linked.vertical > GtkComboBox:last-child > .button:last-child, -.linked.vertical .button:last-child, -.linked.vertical .button:active:last-child, -.linked.vertical .button:active:hover:last-child, -.linked.vertical .button:focus:last-child, -.linked.vertical .button:focus:active:last-child, -.linked.vertical .button:insensitive:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:active:hover:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:focus:active:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical .button.image-button:insensitive:last-child { +.linked.vertical > combobox:last-child > button, +.linked.vertical > combobox:last-child > button:last-child, +.linked.vertical button:last-child, +.linked.vertical button:active:last-child, +.linked.vertical button:active:hover:last-child, +.linked.vertical button:focus:last-child, +.linked.vertical button:focus:active:last-child, +.linked.vertical button:disabled:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:hover:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:active:last-child, +.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:disabled:last-child { border-image: none; border-radius: 0px 0px 3px 3px; border-color: @border_color; @@ -854,7 +836,7 @@ column-header:last-child .button:active:focus { /* vertical linked spinbutton */ -.linked.vertical .horizontal.entry.spinbutton { +.linked.vertical spinbutton.horizontal entry { border-image: none; border-color: @border_color; border-radius: 0px; @@ -863,54 +845,54 @@ column-header:last-child .button:active:focus { background-image: none; } -.linked.vertical .horizontal.entry.spinbutton .button, -.linked.vertical .horizontal.entry.spinbutton .button:hover, -.linked.vertical .horizontal.entry.spinbutton .button:focus, -.linked.vertical .horizontal.entry.spinbutton .button:active, -.linked.vertical .horizontal.entry.spinbutton .button:checked, -.linked.vertical .horizontal.entry.spinbutton .button:active:hover, -.linked.vertical .horizontal.entry.spinbutton .button:checked:hover, -.linked.vertical .horizontal.entry.spinbutton .button:insensitive { +.linked.vertical spinbutton.horizontal button, +.linked.vertical spinbutton.horizontal button:hover, +.linked.vertical spinbutton.horizontal button:focus, +.linked.vertical spinbutton.horizontal button:active, +.linked.vertical spinbutton.horizontal button:checked, +.linked.vertical spinbutton.horizontal button:active:hover, +.linked.vertical spinbutton.horizontal button:checked:hover, +.linked.vertical spinbutton.horizontal button:disabled { border-image: none; border-color: @border_color; border-radius: 0px; border-width: 0px 1px 0px 1px; } -.linked.vertical .horizontal.entry.spinbutton .button:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:hover:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:focus:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:active:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:checked:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:active:hover:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:checked:hover:last-child, -.linked.vertical .horizontal.entry.spinbutton .button:insensitive:last-child { +.linked.vertical spinbutton.horizontal button:last-child, +.linked.vertical spinbutton.horizontal button:hover:last-child, +.linked.vertical spinbutton.horizontal button:focus:last-child, +.linked.vertical spinbutton.horizontal button:active:last-child, +.linked.vertical spinbutton.horizontal button:checked:last-child, +.linked.vertical spinbutton.horizontal button:active:hover:last-child, +.linked.vertical spinbutton.horizontal button:checked:hover:last-child, +.linked.vertical spinbutton.horizontal button:disabled:last-child { border-width: 0px 0px 0px 0px; } /* Dialog Action Area */ /* Leftmost button */ -.dialog-action-area.linked .button:first-child, -.dialog-action-area.linked .button:active:first-child, -.dialog-action-area.linked .button:active:hover:first-child, -.dialog-action-area.linked .button:focus:first-child, -.dialog-action-area.linked .button:focus:active:first-child, -.dialog-action-area.linked .button:insensitive:first-child, +.dialog-action-area.linked button:first-child, +.dialog-action-area.linked button:active:first-child, +.dialog-action-area.linked button:active:hover:first-child, +.dialog-action-area.linked button:focus:first-child, +.dialog-action-area.linked button:focus:active:first-child, +.dialog-action-area.linked button:disabled:first-child, /* Middle button */ -.dialog-action-area.linked .button, -.dialog-action-area.linked .button:active, -.dialog-action-area.linked .button:active:hover, -.dialog-action-area.linked .button:focus, -.dialog-action-area.linked .button:focus:active, -.dialog-action-area.linked .button:insensitive, +.dialog-action-area.linked button, +.dialog-action-area.linked button:active, +.dialog-action-area.linked button:active:hover, +.dialog-action-area.linked button:focus, +.dialog-action-area.linked button:focus:active, +.dialog-action-area.linked button:disabled, /* Rightmost button */ -.dialog-action-area.linked .button:last-child, -.dialog-action-area.linked .button:active:last-child, -.dialog-action-area.linked .button:active:hover:last-child, -.dialog-action-area.linked .button:focus:last-child, -.dialog-action-area.linked .button:focus:active:last-child, -.dialog-action-area.linked .button:insensitive:last-child { +.dialog-action-area.linked button:last-child, +.dialog-action-area.linked button:active:last-child, +.dialog-action-area.linked button:active:hover:last-child, +.dialog-action-area.linked button:focus:last-child, +.dialog-action-area.linked button:focus:active:last-child, +.dialog-action-area.linked button:disabled:last-child { border-radius: 3px; border-width: 1px; } diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index a6491f3c..bdc35848 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1,5 +1,5 @@ * { - engine: none; +/* engine: none; */ padding: 0; background-clip: padding-box; @@ -8,33 +8,30 @@ -GtkTextView-error-underline-color: @error_color; - -GtkPaned-handle-size: 5; +/* -GtkPaned-handle-size: 5; deprecated */ - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 10; +/* -GtkCheckButton-indicator-size: 16; deprecated */ +/* -GtkCheckMenuItem-indicator-size: 10; deprecated */ -GtkScrolledWindow-scrollbar-spacing: 3; - -GtkScrolledWindow-scrollbars-within-bevel: 0; +/* -GtkScrolledWindow-scrollbars-within-bevel: 0; deprecated */ -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 14; +/* -GtkExpander-expander-size: 14; deprecated */ - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; +/* -GtkMenu-horizontal-padding: 0; */ +/* -GtkMenu-vertical-padding: 0; */ -GtkIMHtml-hyperlink-color: @link_color; -GtkHTML-link-color: @link_color; -WnckTasklist-fade-overlay-rect: 0; - -GtkWidget-focus-padding: 2; - /* disable focusline on active notebook tabs if focused*/ - -GtkWidget-focus-line-width: 0; outline-color: @focus_border_color; outline-style: dashed; outline-offset: -2px; outline-width: 0px; /* disable ugly focus-line */ - outline-radius: 2px; + -gtk-outline-radius: 2px; -gtk-icon-style: regular; /* disable symbolic icons */ -GtkWindow-resize-grip-width: 11; -GtkWindow-resize-grip-height: 11; @@ -44,7 +41,7 @@ * Base States * ***************/ -GtkWindow { +window { color: @theme_fg_color; } @@ -59,29 +56,29 @@ GtkWindow { color: @theme_selected_fg_color; } -*:insensitive { +*:disabled { background-color: @insensitive_bg_color; color: @insensitive_fg_color; text-shadow: 1px 1px @insensitive_text_shadow_color; border-color: @insensitive_border_color; } -GtkImage, -GtkImage:insensitive, -GtkLabel, -GtkLabel:insensitive, -GtkBox, -GtkBox:insensitive, +image, +image:disabled, +label, +label:disabled, +box, +box:disabled, GtkGrid, -GtkGrid:insensitive { +GtkGrid:disabled { background-color: transparent; } /************ * Tooltips * ************/ -.tooltip, -.tooltip.background { +tooltip, +tooltip.background { padding: 4px; border-style: solid; border-width: 1px; @@ -91,7 +88,7 @@ GtkGrid:insensitive { color: @theme_tooltip_fg_color; } -.tooltip * { +tooltip * { background-color: transparent; } @@ -104,21 +101,21 @@ GtkGrid:insensitive { to { -gtk-icon-transform: rotate(1turn); } } -.spinner { - background-image: none; +spinner { + background: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } -.spinner:active { +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } -.spinner:active:insensitive { +spinner:active:disabled { opacity: 0.5; } -.button .spinner:active { +button spinner:checked { color: @theme_fg_color; } @@ -162,17 +159,17 @@ GtkGrid:insensitive { border-bottom-left-radius: 0; } -.floating-bar .button { +.floating-bar button { background-color: alpha (@theme_base_color, 0.0); background-image: none; border-style: none; border-image: none; - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; } .view.rubberband, -.rubberband { +.rubberband, +view rubberband, +rubberband { background-color: alpha (@theme_selected_bg_color, 0.35); border-color: @theme_selected_bg_color; border-style: solid; @@ -180,19 +177,18 @@ GtkGrid:insensitive { border-radius: 2px; } -GtkStatusbar .label, -GtkStatusbar .frame.flat { +statusbar label, +statusbar frame { color: @theme_fg_color; - -GtkStatusbar-shadow-type: none; font-size: smaller; } -GtkStatusbar .frame.flat { +statusbar frame { padding: 2px 0px; border-width: 0; } -GtkStatusbar .frame.flat .button.flat { +statusbar frame button.flat { padding: 2px 0px 0px 0px; } @@ -203,20 +199,44 @@ GtkStatusbar .frame.flat .button.flat { border-radius: 0; } -GtkTreeView.view.separator, -GtkTreeView.separator, -.separator, -.separator:hover { +treeview.view separator, +treeview.view .separator, /* why ?*/ +treeview separator, +separator, +separator:hover { color: shade(@border_color, 1.30); } -.pane-separator, -.pane-separator:hover, -.pane-separator:selected { - color: @theme_bg_color; - background-color: @theme_bg_color; - background-repeat: no-repeat; - background-position: center; +/********* + * Paned * + *********/ + +/* the small line between sidebar and view */ +paned > separator { + min-width: 3px; + min-height: 3px; + border-style: none; + background-color: @theme_bg_color; + background-size: 1px 1px; + } + +paned > separator:hover, +paned > separator:selected { + background-color: @theme_bg_color; +} + +paned > separator:backdrop { +} + +paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-size: 1px 1px, 1px 1px; +} + +paned > separator.wide:backdrop { } /************************ @@ -224,7 +244,7 @@ GtkTreeView.separator, ************************/ /* displays at end of mouse scrolling */ -.overshoot.top { +overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, @@ -243,7 +263,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.top:backdrop { +overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, @@ -257,7 +277,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.bottom { +overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, @@ -276,7 +296,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.bottom:backdrop { +overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, @@ -290,7 +310,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.left { +overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, @@ -309,7 +329,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.left:backdrop { +overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, @@ -323,7 +343,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.right { +overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, @@ -342,7 +362,7 @@ GtkTreeView.separator, box-shadow: none; } -.overshoot.right:backdrop { +overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, @@ -358,7 +378,7 @@ GtkTreeView.separator, /* result is disable undershoot */ -.undershoot.top { +undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, @@ -369,7 +389,7 @@ GtkTreeView.separator, background-position: center top; } -.undershoot.bottom { +undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, @@ -380,7 +400,7 @@ GtkTreeView.separator, background-position: center bottom; } -.undershoot.left { +undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, @@ -391,7 +411,7 @@ GtkTreeView.separator, background-position: left center; } -.undershoot.right { +undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, @@ -406,29 +426,31 @@ GtkTreeView.separator, * Text Entries * ****************/ -.entry { +entry { border-style: solid; padding: 4px; color: @entry_text_color; background-color: @theme_base_color; } -.entry.progressbar { +entry progressbar { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } -.entry:selected { +entry selection, +entry selection:focus, +entry:selected { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } -.entry:insensitive { +entry:disabled { color: @insensitive_fg_color; } /* Entry background */ -.entry { +entry { background-color: @entry_bg_color; background-image: linear-gradient(to bottom, @entry_inner_border_color 1px, @@ -436,12 +458,12 @@ GtkTreeView.separator, } /* Focused entry background */ -.entry:focus { +entry:focus { background-image: none; } -/* Insensitive entry background */ -.entry:insensitive { +/* disabled entry background */ +entry:disabled { background-image: linear-gradient(to bottom, @entry_insensitive_inner_border_color 2px, @entry_insensitive_bg_color 3px); @@ -451,15 +473,15 @@ GtkTreeView.separator, * Symbolic images * *******************/ -.image { +image { color: @internal_element_color; } -.image:hover { +image:hover { color: @internal_element_hover_color; } -.image:selected { +image:selected { color: @theme_selected_fg_color; } @@ -467,8 +489,8 @@ GtkTreeView.separator, * Color Chooser * *****************/ -GtkColorSwatch, -GtkColorSwatch:selected { +colorswatch, +colorswatch:selected { border-width: 1px; border-style: solid; border-radius: 3px; @@ -477,13 +499,13 @@ GtkColorSwatch:selected { background-clip: border-box; } -GtkColorSwatch:hover, -GtkColorSwatch:selected:hover { +colorswatch:hover, +colorswatch:selected:hover { border-color: @color_swatch_hover_border_color; } -GtkColorChooserWidget #add-color-button:hover, -GtkColorChooserWidget #add-color-button:selected:hover { +colorchooser #add-color-button:hover, +colorchooser #add-color-button:selected:hover { } .color-active-badge, @@ -505,8 +527,8 @@ GtkColorChooserWidget #add-color-button:selected:hover { color: @color_active_badge_dark_color; } -GtkColorEditor GtkColorSwatch.color-light:hover, -GtkColorEditor GtkColorSwatch.color-dark:hover { +GtkColorEditor colorswatch.color-light:hover, +GtkColorEditor colorswatch.color-dark:hover { background-image: none; } @@ -514,20 +536,19 @@ GtkColorEditor GtkColorSwatch.color-dark:hover { * Progress bar * ****************/ -GtkProgressBar { - /* FIXME - Not working 3.14 */ - -GtkProgressBar-min-horizontal-bar-height: 16; - -GtkProgressBar-min-vertical-bar-width: 16; +progressbar { + min-height: 16px; + min-width: 16px; border-radius: 3px; padding: 0 0 1px 0; } /* progress component */ -.progressbar, -.progressbar row, -.progressbar row:hover, -.progressbar row:selected, -.progressbar row:selected:focus { +progressbar, +progressbar row, +progressbar row:hover, +progressbar row:selected, +progressbar row:selected:focus { background-color: @progressbar_bg_color; background-image: linear-gradient(to bottom, alpha (@progressbar_gradient_a, 0.7), @@ -545,12 +566,12 @@ GtkProgressBar { border-color: @progressbar_border_color; } -.progressbar row:selected, -.progressbar row:selected:focus { +progressbar row:selected, +progressbar row:selected:focus { border-color: shade(@progressbar_border_color, 0.85); } -.progressbar.vertical { +progressbar.vertical { background-image: linear-gradient(to right, alpha (@progressbar_gradient_a, 0.7), alpha (@progressbar_gradient_b, 0.7) 50%, @@ -564,12 +585,12 @@ GtkProgressBar { } /* for progressbars in cell renderers */ -.trough row { +row trough { padding: 0; } -.trough row:selected, -.trough row:selected:focus { +row trough:selected, +row trough:selected:focus { background-image: -gtk-gradient (linear, left top, left bottom, from (mix (@trough_gradient_a, @theme_selected_bg_color, 0.25)), @@ -580,24 +601,24 @@ GtkProgressBar { * GtkScale * ************/ -GtkScale { +scale { -GtkScale-slider-length: 21; -GtkRange-slider-width: 13; -GtkRange-trough-border: 4; } -GtkScale.slider, -GtkScale.slider:hover, -GtkScale.slider:insensitive { +scale slider, +scale slider:hover, +scale slider:disabled { border-radius: 0; border-style: none; background-color: transparent; } -GtkScale.trough, -GtkScale.trough.highlight, -GtkScale.trough.vertical, -GtkScale.trough:insensitive { +scale trough, +scale trough highlight, +scale.vertical trough, +scale trough:disabled { border-image: none; border-style: solid; border-width: 1px; @@ -605,36 +626,36 @@ GtkScale.trough:insensitive { background-image: none; } -GtkScale.trough { +scale trough { margin: 8px 0; border-color: @scale_trough_border_color; background-color: @scale_trough_bg_color; } -GtkScale.trough.vertical { +scale.vertical trough { margin: 0 8px; } -GtkScale.trough.highlight { +scale trough highlight { border-color: @scale_trough_highlight_border_color; background-color: @scale_trough_highlight_bg_color; } -GtkScale.trough:insensitive { +scale trough:disabled { border-color: @scale_trough_insensitive_border_color; background-color: @scale_trough_insensitive_highlight_bg_color; } -GtkScale.trough.highlight:insensitive { +scale trough highlight:disabled { border-color: @scale_trough_highlight_insensitive_border_color; background-color: @scale_trough_highlight_insensitive_bg_color; } -GtkScale.progressbar { +scale progressbar { background-color: @scale_progressbar_bg_color; } -GtkScale.mark { +scale marks { color: @scale_mark_color; } @@ -642,7 +663,7 @@ GtkScale.mark { * Frames * **********/ -.frame { +frame { border-width: 1px; border-color: @border_color; border-style: solid; @@ -651,11 +672,11 @@ GtkScale.mark { padding: 0; } -.frame.flat { +frame.flat { border-style:none; } -GtkScrolledWindow.frame { +scrolledwindow.frame { border-style: solid; border-color: @border_color; border-width: 1px; @@ -663,13 +684,13 @@ GtkScrolledWindow.frame { padding: 0; } -GtkScrolledWindow GtkViewport { +scrolledwindow viewport { background-color: @theme_bg_color; } /* avoid double borders when a viewport is * packed into a GtkScrolledWindow */ -GtkScrolledWindow GtkViewport.frame { +scrolledwindow viewport.frame { border-style: none; } @@ -677,134 +698,134 @@ GtkScrolledWindow GtkViewport.frame { * Buttons * ***********/ -.button, -.button.menuitem.menubar, -.combobox-entry .button, -.inline-toolbar.toolbar .button, -.primary-toolbar.toolbar.horizontal .button, -.primary-toolbar.toolbar.horizontal .button:active, -.toolbar.horizontal .button, -.toolbar.horizontal .button:active, -.titlebar .linked.raised .button, -.titlebar .linked.raised .button:active { +button { + min-height: 16px; + min-width: 16px; +} + +button, +button.menuitem.menubar, +combobox entry button, +toolbar.inline-toolbar button, +toolbar.primary-toolbar.horizontal button, +toolbar.primary-toolbar.horizontal button:active, +toolbar.horizontal button, +toolbar.horizontal button:active, +.titlebar .linked.raised button, +.titlebar .linked.raised button:active { padding: 5px 5px 6px; /* larger values makes the button arrow smaller*/ } -.toolbar.horizontal .button, -.toolbar.horizontal .button:active, -.primary-toolbar.toolbar.horizontal .button, -.primary-toolbar.toolbar.horizontal .button:active { +toolbar.horizontal button, +toolbar.horizontal button:active, +toolbar.primary-toolbar.horizontal button, +toolbar.primary-toolbar.horizontal button:active { padding: 2px 2px; } -.button.default { +button.default { text-shadow: none; color: @theme_fg_color; } -.button.flat { +button.flat { 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; + -gtk-icon-shadow: none; border-image: none; } -.button.flat.hover { +button.flat.hover { border-radius: 3px; } -.button.image-button.circular-button { +button.image-button.circular-button { border-image: none; border-width: 1px; border-style: solid; border-color: @border_color; } -GtkComboBox GtkToggleButton.button, -GtkComboBoxText GtkToggleButton.button, -.toolbar.horizontal GtkComboBox GtkToggleButton.button, -.toolbar.horizontal GtkComboBoxText GtkToggleButton.button { +combobox button.toggle, +combobox button.text-button.toggle, +toolbar.horizontal combobox button.toggle, +toolbar.horizontal button.text-button.toggle { padding: 4px; } -.path-bar .button, -.path-bar .button GtkImage, -.path-bar .button GtkLabel { +.path-bar button, +.path-bar button image, +.path-bar button label { padding: 2px; } -.path-bar .button { +.path-bar button { border-width: 1px 0px 1px 1px; } -.path-bar .button:hover:active { +.path-bar button:hover:active { border-left-width: 1px; } -.path-bar .button:first-child, -.path-bar .button:first-child:hover:active { +.path-bar button:first-child, +.path-bar button:first-child:hover:active { border-right-width: 0px; } -.path-bar .button:only-child, -.path-bar .button:only-child:hover:active { +.path-bar button:only-child, +.path-bar button:only-child:hover:active { border-radius: 3px; border-right-width: 1px; } -.linked.raised .button:first-child, -.linked.raised .button:first-child:hover:active { +.linked.raised button:first-child, +.linked.raised button:first-child:hover:active { border-right-width: 0px; } -.button { - -GtkButton-image-spacing: 4; - -GtkButton-interior-focus: true; - -GtkButton-default-border: 0; - -GtkButton-inner-border: 3; - -GtkArrow-arrow-scaling: 0.5; +button { color: @theme_text_color; border-style: solid; border-color: transparent; } /* We want anything inside the buttons to use their background */ -.button * { +button * { background-color: transparent; } /* We may want a background for focused buttons, but in the meantime let's remove it too */ GtkMenuToolButton *, -.primary-toolbar .button, -.primary-toolbar .button:insensitive { +toolbar.primary-toolbar button, +toolbar.primary-toolbar button:disabled { background-image: none; background-color: transparent; } -.primary-toolbar .button { +toolbar.primary-toolbar button { border-image: none; border-style: solid; border-width: 1px 1px 2px 1px; border-color: transparent; } -.primary-toolbar .button *:active, -.inline-toolbar .button *:active, -.button *:active, -.button *:active:focus, -.button *:focus { +toolbar.primary-toolbar button *:active, +toolbar.inline-toolbar button *:active, +button *:active, +button *:active:focus, +button *:focus { color: @button_active_text_color; } -.button *:insensitive, -.button *:active:insensitive { +button *:disabled, +button *:active:disabled { color: @insensitive_fg_color; } -.button .separator { +button .separator { color: shade(@internal_element_color, 1.30); } @@ -812,8 +833,8 @@ GtkMenuToolButton *, * GtkSpinButton * *****************/ -.spinbutton .button, -.spinbutton .button:focus { +spinbutton button, +spinbutton button:focus { color: @internal_element_color; padding: 2px 6px; border-width: 0 0 0 1px; @@ -823,25 +844,25 @@ GtkMenuToolButton *, border-image: none; } -.spinbutton .button { +spinbutton button { background-color: transparent; } -.spinbutton .button:insensitive { +spinbutton button:disabled { color: @internal_element_insensitive_color; } -.spinbutton .button:active, -.spinbutton .button:active:focus, -.spinbutton .button:hover { +spinbutton button:active, +spinbutton button:active:focus, +spinbutton button:hover { color: @internal_element_hover_color; } -.spinbutton .button:first-child { +spinbutton button:first-child { border-radius: 2px 0 0 2px; } -.spinbutton .button:last-child { +spinbutton button:last-child { border-radius: 0 2px 2px 0; } @@ -856,26 +877,26 @@ GtkMenuToolButton *, padding: 4px; } -.vertical.entry.spinbutton .button, -.vertical.entry.spinbutton .button:hover, -.vertical.entry.spinbutton .button:focus, -.vertical.entry.spinbutton .button:active, -.vertical.entry.spinbutton .button:checked, -.vertical.entry.spinbutton .button:active:hover, -.vertical.entry.spinbutton .button:checked:hover, -.vertical.entry.spinbutton .button:insensitive { +.vertical.entry.spinbutton button, +.vertical.entry.spinbutton button:hover, +.vertical.entry.spinbutton button:focus, +.vertical.entry.spinbutton button:active, +.vertical.entry.spinbutton button:checked, +.vertical.entry.spinbutton button:active:hover, +.vertical.entry.spinbutton button:checked:hover, +.vertical.entry.spinbutton button:disabled { border-radius: 3px 3px 0px 0px; border-width: 1px; } -.vertical.entry.spinbutton .button:last-child, -.vertical.entry.spinbutton .button:hover:last-child, -.vertical.entry.spinbutton .button:focus:last-child, -.vertical.entry.spinbutton .button:active:last-child, -.vertical.entry.spinbutton .button:checked:last-child, -.vertical.entry.spinbutton .button:active:hover:last-child, -.vertical.entry.spinbutton .button:checked:hover:last-child, -.vertical.entry.spinbutton .button:insensitive:last-child { +.vertical.entry.spinbutton button:last-child, +.vertical.entry.spinbutton button:hover:last-child, +.vertical.entry.spinbutton button:focus:last-child, +.vertical.entry.spinbutton button:active:last-child, +.vertical.entry.spinbutton button:checked:last-child, +.vertical.entry.spinbutton button:active:hover:last-child, +.vertical.entry.spinbutton button:checked:hover:last-child, +.vertical.entry.spinbutton button:disabled:last-child { border-width: 1px; border-radius: 0px 0px 3px 3px; } @@ -885,16 +906,16 @@ GtkMenuToolButton *, *********************/ /* Button background */ -.button, -.spinbutton .button, -.toolbar .button.raised, -.toolbar .raised .button, -.toolbar .button.raised:focus, -.toolbar .raised .button:focus, -.toolbar GtkComboBox .button, -.toolbar GtkComboBox .button:focus, -.combobox-entry .button, -.primary-toolbar .combobox-entry .button, +button, +spinbutton button, +toolbar button.raised, +toolbar .raised button, +toolbar button.raised:focus, +toolbar .raised button:focus, +toolbar combobox button, +toolbar combobox button:focus, +combobox entry button, +toolbar.primary-toolbar combobox entry button, .titlebar .titlebutton:hover, GtkColorChooserWidget #add-color-button { background-image: -gtk-gradient (linear, @@ -906,31 +927,31 @@ GtkColorChooserWidget #add-color-button { } /* Pushed button background */ -.button:checked, -.button:checked:hover, -.button:active, -.button:active:hover, +button:checked, +button:checked:hover, +button:active, +button:active:hover, .menuitem.button:hover, -.spinbutton .button:active, -.spinbutton .button:active:hover, -.toolbar .button:active, -.toolbar .button:active:hover, -.toolbar .button.raised:active, -.toolbar .button.raised:checked, -.toolbar .raised .button:active, -.toolbar .raised .button:checked, -.toolbar .button.raised:active:hover, -.toolbar .button.raised:checked:hover, -.toolbar .raised .button:active:hover, -.toolbar .raised .button:checked:hover, -.primary-toolbar .combobox-entry .button:active, -.combobox-entry .button:active, -.primary-toolbar .button:active, -.primary-toolbar .button:active:hover, -.primary-toolbar .button:focus:active, -.primary-toolbar .button:focus:active:hover, -.inline-toolbar .button:active, -.inline-toolbar .button:active:hover { +spinbutton button:active, +spinbutton button:active:hover, +toolbar button:active, +toolbar button:active:hover, +toolbar button.raised:active, +toolbar button.raised:checked, +toolbar .raised button:active, +toolbar .raised button:checked, +toolbar button.raised:active:hover, +toolbar button.raised:checked:hover, +toolbar .raised button:active:hover, +toolbar .raised button:checked:hover, +toolbar.primary-toolbar combobox entry button:active, +combobox entry button:active, +toolbar.primary-toolbar button:active, +toolbar.primary-toolbar button:active:hover, +toolbar.primary-toolbar button:focus:active, +toolbar.primary-toolbar button:focus:active:hover, +toolbar.inline-toolbar button:active, +toolbar.inline-toolbar button:active:hover { background-image: linear-gradient(to bottom, @button_active_gradient_a, @button_active_gradient_b 3px, @@ -974,33 +995,33 @@ GtkListBoxRow.button.list-row:selected { to (@menubar_menuitem_hover_gradient_d)); } -.trough, -.trough.highlight, -.trough row, -.trough row:hover { +trough, +trough highlight, +trough row, +trough row:hover { background-image: linear-gradient(to bottom, @trough_gradient_a, @trough_gradient_b 4px); } /* Flipped pushed button background for vertical progressbar through and the like */ -.trough.vertical { +trough.vertical { background-image: linear-gradient(to right, @trough_gradient_a, @trough_gradient_b 4px); } /* Prelight button background */ -.button:hover, -.spinbutton .button:hover, -.toolbar .button:hover, -.toolbar .button.raised:hover, -.toolbar .raised .button:hover, -.toolbar GtkComboBox .button:hover, -.primary-toolbar .button:hover, -.combobox-entry .button:hover, -.primary-toolbar .combobox-entry .button:hover, -GtkColorChooserWidget #add-color-button:hover { +button:hover, +spinbutton button:hover, +toolbar button:hover, +toolbar button.raised:hover, +toolbar .raised button:hover, +toolbar combobox button:hover, +toolbar.primary-toolbar button:hover, +combobox entry button:hover, +toolbar.primary-toolbar combobox entry button:hover, +colorchooser #add-color-button:hover { background-color: transparent; background-image: linear-gradient(to bottom, @button_hover_gradient_a 5%, @@ -1008,19 +1029,19 @@ GtkColorChooserWidget #add-color-button:hover { @button_hover_gradient_c); } -/* Insensitive button background */ -.button:insensitive, -.toolbar GtkComboBox .button:insensitive, -.combobox-entry .button:insensitive { +/* disabled button background */ +button:disabled, +toolbar combobox button:disabled, +combobox entry button:disabled { background-image: none; background-color: transparent; color: @insensitive_fg_color; } -/* Pushed + Insensitive button background */ -.button:active:insensitive, -.toolbar .button:active:insensitive, -.toolbar GtkComboBox .button:active:insensitive { +/* Pushed + disabled button background */ +button:active:disabled, +toolbar button:active:disabled, +toolbar combobox button:active:disabled { background-image: linear-gradient(to bottom, @button_active_insensitive_gradient_a, @button_active_insensitive_gradient_b 3px, @@ -1032,7 +1053,7 @@ GtkColorChooserWidget #add-color-button:hover { } /* Focused primary toolbar button background */ -.primary-toolbar .button:focus { +toolbar.primary-toolbar button:focus { background-image: linear-gradient(to bottom, @pt_button_focus_gradient_a, @pt_button_focus_gradient_b 50%, @@ -1041,7 +1062,7 @@ GtkColorChooserWidget #add-color-button:hover { } /* Focused + prelit primary toolbar button background */ -.primary-toolbar .button:focus:hover { +toolbar.primary-toolbar button:focus:hover { background-image: linear-gradient(to bottom, @pt_button_focus_hover_gradient_a, @pt_button_focus_hover_gradient_b 50%, @@ -1054,20 +1075,17 @@ GtkColorChooserWidget #add-color-button:hover { * tabs * *****************/ -.notebook { +notebook { padding: 0; background-clip: border-box; background-color: @notebook_bg_color; - -GtkNotebook-tab-overlap: 2; - -GtkNotebook-tab-curvature: 3; - -GtkNotebook-initial-gap: 0; } .notebook.header.frame { border-width: 0; } -.notebook GtkViewport { +notebook viewport { background-color: @theme_bg_color; } @@ -1178,16 +1196,16 @@ GtkColorChooserWidget #add-color-button:hover { } /* close button styling */ -.notebook tab .button, -.notebook tab .button:active, -.notebook tab .button:hover { +.notebook tab button, +.notebook tab button:active, +.notebook tab button:hover { border-image: none; border-style: none; background-image: none; background-color: transparent; } -.notebook tab .button GtkImage { +.notebook tab button GtkImage { border-radius: 3px; color: mix(@theme_fg_color, @theme_base_color, 0.6); border-style: solid; @@ -1196,13 +1214,13 @@ GtkColorChooserWidget #add-color-button:hover { padding: 0; } -.notebook tab .button GtkImage:hover { +.notebook tab button GtkImage:hover { color: @theme_fg_color; border-color: alpha(black, 0.1); } -.notebook tab .button GtkImage:active, -.notebook tab .button GtkImage:active:hover { +.notebook tab button GtkImage:active, +.notebook tab button GtkImage:active:hover { background-color: alpha(black, 0.08); color: @theme_base_color; border-color: alpha(black, 0.27) @@ -1215,65 +1233,62 @@ GtkColorChooserWidget #add-color-button:hover { * ComboBoxes * **************/ -GtkComboBox { +combobox { padding: 0; - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; } -GtkComboBox *:insensitive { +combobox *:disabled { color: @insensitive_fg_color; } -GtkComboBox .separator { +combobox separator { /* always disable separators */ - -GtkWidget-wide-separators: true; -GtkWidget-horizontal-separator: 0; -GtkWidget-vertical-separator: 0; } -.combobox-entry .entry:first-child, -.combobox-entry .button:first-child { +combobox entry .entry:first-child, +combobox entry button:first-child { border-image-width: 3px 0 4px 3px; border-radius: 3px 0 0 3px; border-right-width: 0; } -.combobox-entry .entry:last-child, -.combobox-entry .button:last-child { +combobox entry .entry:last-child, +combobox entry button:last-child { border-image-width: 3px 3px 4px 0; border-radius: 0 3px 3px 0; border-left-width: 0; } -.combobox-entry .button:last-child { +combobox entry button:last-child { border-image-width: 3px 3px 4px 2px; } -.primary-toolbar .combobox-entry .entry:first-child, -.primary-toolbar .combobox-entry .button:first-child { +toolbar.primary-toolbar combobox entry .entry:first-child, +toolbar.primary-toolbar combobox entry button:first-child { border-image-width: 4px 0 4px 4px; border-radius: 3px 0 0 3px; border-right-width: 0; } -.primary-toolbar .combobox-entry .entry:last-child, -.primary-toolbar .combobox-entry .button:last-child { +toolbar.primary-toolbar combobox entry .entry:last-child, +toolbar.primary-toolbar combobox entry button:last-child { border-image-width: 4px 4px 4px 0; border-radius: 0 3px 3px 0; border-left-width: 0; } -.combobox-entry .button *:active, -.combobox-entry .button *:active:hover { +combobox entry button *:active, +combobox entry button *:active:hover { color: @theme_text_color; } -GtkComboBox .button { +combobox button { color: @internal_element_color; } -GtkComboBox .button *:hover { +combobox button *:hover { color: @theme_text_color; } @@ -1281,13 +1296,12 @@ GtkComboBox .button *:hover { * Scrollbars * **************/ -.scrollbar { +scrollbar { background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: true; -GtkScrollbar-has-forward-stepper: true; - -GtkRange-arrow-scaling: 0.4; -GtkRange-slider-width: 15; -GtkRange-stepper-size: 15px; -GtkScrollbar-min-slider-length: 30; @@ -1295,19 +1309,19 @@ GtkComboBox .button *:hover { -GtkRange-trough-under-steppers: 0; } -.scrollbars-junction { +scrollbars-junction { background-image: none; background-color: @scrollbars_junction_bg_color; } -.scrollbars-junction, +scrollbars-junction, .scrollbar.trough { border-color: @scrollbar_trough_border_color; border-radius: 0; border-image: none; } -.scrollbar.trough.horizontal { +scrollbar trough.horizontal { border-width: 1px 0px; background-image: -gtk-gradient (linear, left top, @@ -1316,7 +1330,7 @@ GtkComboBox .button *:hover { color-stop (0.5, @scrollbar_trough_gradient_b)); } -.scrollbar.trough.vertical { +scrollbar trough.vertical { border-width: 0px 1px; background-image: -gtk-gradient (linear, left top, @@ -1325,7 +1339,7 @@ GtkComboBox .button *:hover { color-stop (0.5, @scrollbar_trough_gradient_b)); } -.scrollbar.button { +scrollbar button { border-width: 1px; border-image: none; border-color: @scrollbar_button_border_color; @@ -1334,23 +1348,23 @@ GtkComboBox .button *:hover { color: @scrollbar_button_color; } -.scrollbar.button.top { +scrollbar button.top { border-radius: 3px 3px 0px 0px; } -.scrollbar.button.bottom { +scrollbar button.bottom { border-radius: 0px 0px 3px 3px; } -.scrollbar.button.left { +scrollbar button.left { border-radius: 3px 0px 0px 3px; } -.scrollbar.button.right { +scrollbar button.right { border-radius: 0px 3px 3px 0px; } -.scrollbar.button.horizontal { +scrollbar.horizontal button { background-image: -gtk-gradient (linear, left top, left bottom, @@ -1360,7 +1374,7 @@ GtkComboBox .button *:hover { to (@scrollbar_button_gradient_d)); } -.scrollbar.button.vertical { +scrollbar.vertical button { background-image: -gtk-gradient (linear, left top, right top, @@ -1370,7 +1384,7 @@ GtkComboBox .button *:hover { to (@scrollbar_button_gradient_d)); } -.scrollbar.button.horizontal:hover { +scrollbar.horizontal button:hover { background-image: -gtk-gradient (linear, left top, left bottom, @@ -1380,7 +1394,7 @@ GtkComboBox .button *:hover { to (@scrollbar_button_hover_gradient_d)); } -.scrollbar.button.vertical:hover { +scrollbar.vertical button:hover { background-image: -gtk-gradient (linear, left top, right top, @@ -1390,7 +1404,7 @@ GtkComboBox .button *:hover { to (@scrollbar_button_hover_gradient_d)); } -.scrollbar.button.horizontal:active { +scrollbar.horizontal button:active { background-image: -gtk-gradient (linear, left top, left bottom, @@ -1400,7 +1414,7 @@ GtkComboBox .button *:hover { to (@scrollbar_button_active_gradient_d)); } -.scrollbar.button.vertical:active { +scrollbar.vertical button:active { background-image: -gtk-gradient (linear, left top, right top, @@ -1410,11 +1424,11 @@ GtkComboBox .button *:hover { to (@scrollbar_button_active_gradient_d)); } -.scrollbar.button:insensitive { +scrollbar button:disabled { color: @scrollbar_button_insensitive_color; } -.scrollbar.slider { +scrollbar slider { background-color: @scrollbar_slider_bg_color; background-image: none; border-radius: 0; @@ -1424,7 +1438,7 @@ GtkComboBox .button *:hover { border-width: 1px; } -.scrollbar.slider:hover { +scrollbar slider:hover { background-color: @scrollbar_slider_hover_bg_color; } @@ -1433,16 +1447,15 @@ GtkComboBox .button *:hover { *********/ /* combobox menus */ -GtkTreeMenu.menu, -GtkTreeMenu.menu * { +treemenu menu { background-color: @menu_bg_color; } -GtkTreeMenu .menuitem { +treemenu menuitem { padding: 2px; } -.menu { +menu { font: normal; background-color: @menu_bg_color; color: @menu_fg_color; @@ -1452,7 +1465,7 @@ GtkTreeMenu .menuitem { border-color: @menu_border_color; } -.menu.button { +menu button { background-image: none; background-color: @menu_bg_color; color: @internal_element_color; @@ -1461,7 +1474,7 @@ GtkTreeMenu .menuitem { border-style: none; } -.menu.button:hover { +menu button:hover { background-image: none; background-color: @theme_base_color; color: @theme_text_color; @@ -1470,7 +1483,7 @@ GtkTreeMenu .menuitem { border-style: none; } -.menu.button:insensitive { +menu button:disabled { background-color: @theme_base_color; color: lighter(@internal_element_color); @@ -1479,11 +1492,10 @@ GtkTreeMenu .menuitem { } /* this controls the general appearance of the menubar */ -.menubar { +menubar { border-style: none; padding: 1px; -GtkWidget-window-dragging: true; - -GtkMenuBar-internal-padding: 1; background-image: -gtk-gradient (linear, left top, left bottom, @@ -1492,15 +1504,15 @@ GtkTreeMenu .menuitem { to (@menubar_gradient_c)); } -.menubar .menuitem { +menubar menuitem { border-style: none; padding: 3px 5px; background-color: transparent; } -.menubar .menuitem:hover, -.menuitem.button.flat:hover, -.menuitem.button.flat:active { +menubar menuitem:hover, +menuitem button.flat:hover, +menuitem button.flat:active { background-color: @menu_bg_color; border-style: solid; border-width: 1px 1px 0px; @@ -1516,48 +1528,43 @@ GtkTreeMenu .menuitem { to (@menubar_menuitem_hover_gradient_d)); } -.menuitem.button.flat:hover { +menuitem.button.flat:hover { border-width: 1px; border-radius: 3px; } -.menuitem.button.flat:focus { +menuitem button.flat:focus { color: @theme_text_color; } -.menubar .menuitem *:hover { +menubar menuitem:hover { border-width: 1px; color: @menubar_menuitem_hover_color; } -.menu .menuitem { - -GtkMenuItem-arrow-scaling: 0.5; +menu menuitem { padding: 4px; background-color: @menu_bg_color; } -.menu .menuitem > * { - background-color: transparent; -} - -.menu .menuitem:hover { +menu menuitem:hover { border-radius: 0; } -GtkTreeMenu .menuitem:hover, -.menu .menuitem:active, -.menu .menuitem:hover { +treemenu menuitem:hover, +menu menuitem:active, +menu menuitem:hover { border-style: solid; border-width: 1px; border-color: @menubar_menuitem_hover_border_color; } -GtkTreeMenu .menuitem *:hover, -GtkComboBox .menuitem:hover *, -.menu .menuitem:active, -.menu .menuitem *:active, -.menu .menuitem:hover, -.menu .menuitem *:hover { +treemenu menuitem:hover, +combobox menuitem:hover, +menu menuitem:active, +menu menuitem:active, +menu menuitem:hover, +menu menuitem:hover { color: @theme_selected_fg_color; background-image: -gtk-gradient (linear, left top, @@ -1568,47 +1575,46 @@ GtkComboBox .menuitem:hover *, to (@menubar_menuitem_hover_gradient_d)); } -.menu .menuitem:insensitive, -.menu .menuitem *:insensitive { +menu menuitem:disabled { color: mix (@menu_fg_color, @menu_bg_color, 0.6); } -.menu .menuitem .accelerator:insensitive { +menu menuitem accelerator:disabled { color: mix (@menu_fg_color, @menu_bg_color, 0.7); } -.menuitem .accelerator { +menuitem accelerator { color: alpha (@menu_fg_color, 0.4); } -.menuitem .accelerator:hover, -.menuitem .accelerator:active { +menuitem accelerator:hover, +menuitem accelerator:active { color: alpha (@menu_fg_color, 0.3); } -.menuitem.arrow { +menuitem arrow { color: @menu_controls_color; } -.menuitem.separator { +menuitem separator { color: @menu_separator_color; padding: 3px 1px 3px 1px; - - -GtkMenuItem-horizontal-padding: 0; } -.menuitem.check, -.menuitem.radio, -.menuitem.check:hover, -.menuitem.radio:hover, -.menuitem.check:insensitive, -.menuitem.radio:insensitive { +menuitem check, +menuitem radio, +menuitem check:hover, +menuitem radio:hover, +menuitem check:disabled, +menuitem radio:disabled { background-image: none; background-color: transparent; + min-height: 12px; + min-width: 12px; } -.menuitem.check:active, -.menuitem.radio:active { +menuitem check:active, +menuitem radio:active { background-color: transparent; } @@ -1616,8 +1622,7 @@ GtkComboBox .menuitem:hover *, * Menu Button * ***************/ -.button.menuitem.menubar:active, -.button.menuitem.menubar *:active { +.menuitem.button.flat:active { color: @theme_text_color; background-image: none; background-color: @menu_bg_color; @@ -1632,23 +1637,23 @@ GtkComboBox .menuitem:hover *, * Radiobuttons * ****************/ -.check, -.radio, -.check:insensitive, -.radio:insensitive { +check, +radio, +check:disabled, +radio:disabled { background-color: transparent; border-style: none; } -.check row:selected:insensitive, -.check row:selected:focus:insensitive { +check row:selected:disabled, +check row:selected:focus:disabled { background-color: transparent; } -GtkCheckButton:hover, -GtkCheckButton:active:hover, -GtkCheckButton:selected, -GtkCheckButton:selected:focus { +checkbutton:hover, +checkbutton:active:hover, +checkbutton:selected, +checkbutton:selected:focus { background-color: transparent; } @@ -1656,17 +1661,17 @@ GtkCheckButton:selected:focus { * Toolbars * ************/ -.toolbar { +toolbar { border-style: none; border-color: darker (@theme_bg_color); padding: 3px; } -.toolbar .button { +toolbar button { padding: 1px; } -.toolbar:insensitive { +toolbar:disabled { color: alpha (@theme_fg_color, 0.6); } @@ -1674,7 +1679,7 @@ GtkCheckButton:selected:focus { * Menubar Toolbars * ********************/ -.toolbar.menubar { +toolbar menubar { border-style: none; -GtkToolbar-button-relief: normal; padding-left: 4px; @@ -1688,8 +1693,7 @@ GtkCheckButton:selected:focus { /* applications using EggEditableToolbar usually set the primary-toolbar * hint on the containing vbox, so we need to handle both these cases here. */ -.primary-toolbar .toolbar, -.primary-toolbar.toolbar { +toolbar.primary-toolbar { border-width: 1px 0 1px 0; border-radius: 0; border-style: solid; @@ -1699,16 +1703,14 @@ GtkCheckButton:selected:focus { -GtkToolbar-button-relief: normal; } -.primary-toolbar .toolbar:insensitive, -.primary-toolbar.toolbar:insensitive { +toolbar.primary-toolbar:disabled { background-image: none; background-color: shade (@theme_bg_color, 0.97); border-color: shade (@theme_bg_color, 0.91); } /* progressbars on primary toolbar entries are special */ -.primary-toolbar .toolbar .entry.progressbar, -.primary-toolbar.toolbar .entry.progressbar { +toolbar.primary-toolbar entry progress { background-image: -gtk-gradient (linear, left top, left bottom, from (@trough_gradient_a), @@ -1725,7 +1727,7 @@ GtkCheckButton:selected:focus { * Inline toolbars * *******************/ -.inline-toolbar.toolbar { +toolbar.inline-toolbar { border-width: 1px; border-radius: 0; border-style: solid; @@ -1733,15 +1735,14 @@ GtkCheckButton:selected:focus { padding: 4px; } -.inline-toolbar.toolbar:last-child { +toolbar.inline-toolbar:last-child { border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; } /* Primary and inline toolbars background */ -.primary-toolbar .toolbar, -.primary-toolbar.toolbar, -.inline-toolbar.toolbar { +toolbar.primary-toolbar, +toolbar.inline-toolbar { background-color: transparent; background-image: linear-gradient(to bottom, @toolbar_gradient_a 2px, @@ -1755,7 +1756,8 @@ GtkCheckButton:selected:focus { ***********/ .sidebar, -.sidebar .view { +.sidebar .view, +placessidebar .view { background-color: @sidebar_bg_color; } @@ -1764,17 +1766,13 @@ GtkCheckButton:selected:focus { } /* dialog open */ -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame GtkListBox.sidebar.list, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame GtkListBox.sidebar.list, -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row { +dialog filechooser placessidebar.sidebar.frame viewport.frame list, +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row { background-color: @theme_base_color; } -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected, -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected:hover, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:selected:hover { +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:selected, +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:selected:hover { border-style: none; color: @theme_selected_fg_color; background-image: -gtk-gradient (linear, @@ -1786,8 +1784,7 @@ GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-r to (@menubar_menuitem_hover_gradient_d)); } -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:hover, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row:hover { +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:hover { background-image: linear-gradient(to bottom, shade(@button_active_gradient_a, 1.20), shade(@button_active_gradient_b, 1.20) 3px, @@ -1798,18 +1795,15 @@ GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-r background-color: transparent; } -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-icon, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-icon { +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer image.sidebar-icon { padding: 4px 8px 4px 6px; } -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-label, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-label { +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer label.sidebar-label { padding: 4px 0px 4px 1px; } -GtkFileChooserWidget GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-button.image-button.button, -GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-row.activatable.sidebar-row .sidebar-revealer .sidebar-button.image-button.button { +dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer button.image-button.sidebar-button { background-color: transparent; background-image: none; border-image:none; @@ -1819,17 +1813,18 @@ GtkFileChooserDialog GtkPlacesSidebar.sidebar.frame .frame .sidebar.list .list-r } /* workaround for broken first/last-child logic with linked buttons - in pathbar with gtk+-3.18 */ -.path-bar.linked .button.text-button { + in pathbar with gtk+-3.18 *//* +.path-bar.linked button.text-button { border-right-width: 1px; border-left-width: 1px; border-radius: 2px; padding: 4px; } +*/ -.sidebar .radio, -.sidebar .radio:focus, -.sidebar .radio:selected { +.sidebar radio, +.sidebar radio:focus, +.sidebar radio:selected { background-image: none; background-color: transparent; } @@ -1852,33 +1847,29 @@ GtkOverlay.osd { background-origin: border-box; } -.osd.button, -.osd.button:active, -.osd.button:checked, -.osd .button, -.osd .button:active, -.osd .button:checked { +.osd button, +.osd button:active, +.osd button:checked { border-width: 1px; border-style: solid; border-image: none; border-radius: 5px; } -.osd .button { +.osd button { border-color: shade (@theme_bg_color, 0.4); } -.osd .button:insensitive { +.osd button:disabled { border-color: alpha(@osd_button_border,0.5); } -.osd .button:hover, -.osd .button:active, -.osd .button:checked { +.osd button:hover, +.osd button:active, +.osd button:checked { border-color: shade (@theme_selected_bg_color, 0.5); } -.osd.button, -.osd .button { +.osd button { padding: 6px; background-image: linear-gradient(to bottom, @osd_button_bg_a, @@ -1886,7 +1877,7 @@ GtkOverlay.osd { @osd_button_bg_c); color: @osd_button_fg; text-shadow: 0 -1px @osd_button_shadow; - icon-shadow: 0 -1px @osd_button_shadow; + -gtk-icon-shadow: 0 -1px @osd_button_shadow; } .osd.button { @@ -1900,62 +1891,62 @@ GtkOverlay.osd { } .osd.button, -.osd.button:prelight, +.osd.button:hover, .osd.button:active, .osd.button:checked { background-color: shade(@osd_bg, 1.10); } -.osd .button, -.osd .button:prelight, -.osd .button:active, -.osd .button:checked { +.osd button, +.osd button:hover, +.osd button:active, +.osd button:checked { background-color: transparent; } -.osd.button:insensitive, -.osd .button:insensitive { +.osd.button:disabled, +.osd button:disabled { background-image: none; background-color: @osd_button_bg_insensitive; } -.osd.button:active:insensitive, -.osd .button:active:insensitive, -.osd.button:checked:insensitive, -.osd .button:checked:insensitive { +.osd.button:active:disabled, +.osd button:active:disabled, +.osd.button:checked:disabled, +.osd button:checked:disabled { background-image: none; background-color: @osd_button_bg_insensitive_active; } .osd.button:hover, -.osd .button:hover { +.osd button:hover { color: @osd_button_fg_hover; } .osd.button:active, .osd.button:hover:active, -.osd .button:active, -.osd .button:hover:active, +.osd button:active, +.osd button:hover:active, .osd.button:checked, .osd.button:hover:checked, -.osd .button:checked, -.osd .button:hover:checked { +.osd button:checked, +.osd button:hover:checked { color: @osd_button_fg_active; } -.osd.button:insensitive, -.osd.button:active *:insensitive, -.osd.button:checked *:insensitive, -.osd .button:insensitive, -.osd .button:active *:insensitive, -.osd .button:checked *:insensitive { +.osd.button:disabled, +.osd.button:active *:disabled, +.osd.button:checked *:disabled, +.osd button:disabled, +.osd button:active *:disabled, +.osd button:checked *:disabled { color: @osd_button_fg_insensitive; text-shadow: none; - icon-shadow: none; + -gtk-icon-shadow: none; } .osd.button:hover, -.osd .button:hover { +.osd button:hover { background-image: linear-gradient(to bottom, @osd_button_bg_hover_a, @osd_button_bg_hover_b 68%, @@ -1964,13 +1955,13 @@ GtkOverlay.osd { .osd.button:active, .osd.button:active:hover, -.osd .button:active, -.osd .button:active:hover, +.osd button:active, +.osd button:active:hover, .osd GtkMenuButton.menu-button:active, .osd.button:checked, .osd.button:checked:hover, -.osd .button:checked, -.osd .button:checked:hover, +.osd button:checked, +.osd button:checked:hover, .osd GtkMenuButton.menu-button:checked { background-image: linear-gradient(to bottom, @osd_button_bg_active_a, @@ -1978,11 +1969,11 @@ GtkOverlay.osd { @osd_button_bg_active_c); } -.osd .linked .button:active:first-child { +.osd .linked button:active:first-child { border-left-width: 1px; } -.osd .linked .button:active:last-child { +.osd .linked button:active:last-child { border-right-width: 1px; } @@ -1997,7 +1988,7 @@ GtkOverlay.osd { } -.osd.toolbar { +toolbar.osd { color: @osd_fg; text-shadow: 0 1px @osd_text_shadow; padding: 5px; @@ -2013,22 +2004,22 @@ GtkOverlay.osd { -GtkToolbar-button-relief: normal; } -.osd.toolbar .flat.button.image-button { +toolbar.osd .flat.button.image-button { box-shadow: none; } -.osd.toolbar .button, -.osd.toolbar .button:hover, -.osd.toolbar .button:active, -.osd.toolbar .button:checked, -.osd.toolbar .button:active:hover, -.osd.toolbar .button:insensitive, -.osd.toolbar .linked .button, -.osd.toolbar .linked .button:hover, -.osd.toolbar .linked .button:active, -.osd.toolbar .linked .button:checked, -.osd.toolbar .linked .button:active:hover, -.osd.toolbar .linked .button:insensitive { +toolbar.osd button, +toolbar.osd button:hover, +toolbar.osd button:active, +toolbar.osd button:checked, +toolbar.osd button:active:hover, +toolbar.osd button:disabled, +toolbar.osd .linked button, +toolbar.osd .linked button:hover, +toolbar.osd .linked button:active, +toolbar.osd .linked button:checked, +toolbar.osd .linked button:active:hover, +toolbar.osd .linked button:disabled { border-color: shade (@theme_bg_color, 0.4); border-style: solid; border-image: none; @@ -2036,87 +2027,87 @@ GtkOverlay.osd { border-radius: 0px; } -.osd.toolbar .button:active, -.osd.toolbar .button:active:hover { +toolbar.osd button:active, +toolbar.osd button:active:hover { background-image: linear-gradient(to bottom, @osd_button_bg_active_a, @osd_button_bg_active_b 20%, @osd_button_bg_active_c); } -.osd.toolbar .button:hover { +toolbar.osd button:hover { background-image: linear-gradient(to bottom, @osd_button_bg_hover_a, @osd_button_bg_hover_b 68%, @osd_button_bg_hover_c); } -.osd.toolbar .button:first-child, -.osd.toolbar .button:hover:first-child, -.osd.toolbar .button:active:first-child, -.osd.toolbar .button:active:hover:first-child { +toolbar.osd button:first-child, +toolbar.osd button:hover:first-child, +toolbar.osd button:active:first-child, +toolbar.osd button:active:hover:first-child { border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; box-shadow: inset -1px 0 @osd_button_inset; } -.osd.toolbar .button:last-child, -.osd.toolbar .button:hover:last-child, -.osd.toolbar .button:active:last-child, -.osd.toolbar .button:active:hover:last-child { +toolbar.osd button:last-child, +toolbar.osd button:hover:last-child, +toolbar.osd button:active:last-child, +toolbar.osd button:active:hover:last-child { box-shadow: none; border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; } -.osd.toolbar .button:only-child, -.osd.toolbar .button:hover:only-child, -.osd.toolbar .button:active:only-child, -.osd.toolbar .button:active:hover:only-child, -.osd.toolbar GtkToolButton .button, -.osd.toolbar GtkToolButton:only-child .button, -.osd.toolbar GtkToolButton:last-child .button, -.osd.toolbar GtkToolButton:first-child .button { +toolbar.osd button:only-child, +toolbar.osd button:hover:only-child, +toolbar.osd button:active:only-child, +toolbar.osd button:active:hover:only-child, +toolbar.osd GtkToolButton button, +toolbar.osd GtkToolButton:only-child button, +toolbar.osd GtkToolButton:last-child button, +toolbar.osd GtkToolButton:first-child button { border-width: 1px; border-radius: 3px; border-style: solid; box-shadow: none; } -.osd.toolbar .separator { +toolbar.osd separator { color: shade(@osd_lowlight, 0.80); } /* used by gnome-settings-daemon's media-keys OSD */ -.osd.trough { +.osd trough { background-color: @osd_trough_bg; border-width: 0; } -.osd.progressbar { +.osd progressbar { background-color: @osd_fg; } -.osd .scale.trough { +.osd scale trough { border-color: shade (@theme_bg_color, 0.4); border-image: none; /* this defines the bg color of the played segment */ background-color: @osd_scale_trough_bg_color; } -.osd .scale.trough.highlight { +.osd scale trough highlight { background-image: none; background-color: @theme_selected_bg_color; background-color: @osd_scale_trough_highlight_bg_color; } -.osd .scale.trough:insensitive, -.osd .scale.trough.highlight:insensitive { +.osd scale trough:disabled, +.osd scale trough.highlight:disabled { background-image: none; background-color: transparent; } -.osd .scale-popup.popover.background { +.osd popover.background.scale-popup { color: @osd_fg; border-style: solid; border-width: 1px; @@ -2130,7 +2121,7 @@ GtkOverlay.osd { padding: 2px; } -.osd .scale-popup.popover.background .button.flat.image-button { +.osd popover.background.scale-popup button.flat.image-button { background-image: linear-gradient(to bottom, @osd_button_bg_a, @osd_button_bg_b 68%, @@ -2140,7 +2131,7 @@ GtkOverlay.osd { padding: 3px; } -.osd .scale-popup.popover.background .button.flat.image-button:hover { +.osd popover.background.scale-popup button.flat.image-button:hover { background-image: linear-gradient(to bottom, @osd_button_bg_hover_a, @osd_button_bg_hover_b 78%, @@ -2148,22 +2139,20 @@ GtkOverlay.osd { box-shadow: none; } -.osd .scale-popup.popover.background .button.flat.image-button:insensitive { +.osd popover.background.scale-popup button.flat.image-button:disabled { border-color: alpha (shade(@theme_bg_color, 0.4), 0.0); background-image: none; background-color: transparent; } -.osd GtkProgressBar, -GtkProgressBar.osd { +.osd progressbar, +progressbar .osd { padding: 0; - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 3px; - -GtkProgressBar-min-horizontal-bar-height: 3px; + min-height: 3px; } -.osd GtkProgressBar.trough, -GtkProgressBar.osd.trough { +.osd progressbar trough, +progressbar .osd trough { padding: 0; border-image: none; border-style: none; @@ -2173,37 +2162,37 @@ GtkProgressBar.osd.trough { border-radius: 0; } -.osd GtkProgressBar.progressbar, -GtkProgressBar.osd.progressbar { +.osd progressbar, +progressbar .osd { border-style: none; background-color: @theme_selected_bg_color; background-image: none; border-radius: 0; } -.osd .view, +.osd view, .osd.view { background-color: @osd_view_bg; } -.osd .scrollbar.trough { +.osd scrollbar trough { background-color: @osd_scrollbar_trough; } -.osd .scrollbar.slider { +.osd scrollbar slider { background-color: @osd_scrollbar_slider; } -.osd .scrollbar.slider:hover { +.osd scrollbar slider:hover { background-color: @osd_scrollbar_slider_prelight; } -.osd .scrollbar.slider:active { +.osd scrollbar slider:active { background-color: @osd_scrollbar_slider_active; } -.osd GtkIconView.cell:selected, -.osd GtkIconView.cell:selected:focus { +.osd iconview.cell:selected, +.osd iconview.cell:selected:focus { background-color: transparent; border-style: solid; border-radius: 15px; @@ -2225,12 +2214,12 @@ GtkProgressBar.osd.progressbar { * GtkAssistant * ****************/ -GtkAssistant .sidebar .highlight { +assistant .sidebar highlight { color: @theme_fg_color; font: bold; } -GtkAssistant .sidebar { +assistant .sidebar { padding: 12px; border-width: 1px; border-radius: 2px; @@ -2245,12 +2234,12 @@ GtkAssistant .sidebar { * GtkSwitch * *************/ -GtkSwitch { +switch { color: @switch_color; } -GtkScale.progressbar, -GtkSwitch.trough:active { +scale progressbar, +switch trough:active { color: @switch_trough_active_color; } @@ -2261,13 +2250,13 @@ GtkSwitch.trough:active { to (@switch_trough_active_gradient_b)); } -GtkSwitch.trough:insensitive { +switch trough:disabled { background-image: none; background-color: @insensitive_bg_color; color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5); } -GtkSwitch.slider { +switch slider { background-color: @switch_slider_bg_color; border-width: 1px; border-radius: 2px; @@ -2276,53 +2265,65 @@ GtkSwitch.slider { padding: 0px 0px 1px 0px; } -GtkSwitch.slider:insensitive { +switch slider:disabled { background-color: @switch_slider_insensitive_bg_color; border-color: @insensitive_border_color; } -GtkTreeView { +treeview { -GtkTreeView-vertical-separator: 0; -GtkTreeView-expander-size: 13; - -GtkWidget-focus-line-width: 1; - -GtkWidget-focus-padding: 1; } -GtkTreeView.dnd { +treeview.dnd { border-color: @internal_element_color; border-radius: 2px; border-width: 1px; border-style: solid; } -GtkViewport, -GtkIconView { +iconview, +viewport { border-radius: 3px; padding: 0; background-color: @theme_base_color; } -GtkIconView.view.cell:selected, -GtkIconView.view.cell:selected:focus { +iconview.view.cell:selected, +iconview.view.cell:selected:focus { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; border-radius: 4px; } -.view, -GtkTreeView { +view, +.view, +view text, +.view text, +iconview text, +textview text +treeview { background-color: @theme_base_color; color: @theme_text_color; } +view, +view:selected, +view:selected:focus, .view:selected, -GtkTreeView:selected { +.view:selected:focus, +view text selection, +.view text selection, +view text selection:focus, +.view text selection:focus +treeview:selected { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } -.view:insensitive, -GtkTreeView:insensitive { +view:disabled, +.view:disabled, +treeview:disabled { background-color: @insensitive_bg_color; color: @insensitive_fg_color; } @@ -2338,19 +2339,14 @@ GtkTreeView:hover { background-color: transparent; } -column-header.button, -column-header .button { +treeview header button { color: @internal_element_color; } -column-header.button, -column-header .button, -column-header.button:insensitive, -column-header .button:insensitive, -column-header.button:hover, -column-header .button:hover, -column-header.button:focus:hover, -column-header .button:focus:hover { +treeview header button, +treeview header button:disabled, +treeview header button:hover, +treeview header button:focus:hover { background-color: @theme_base_color; background-image: -gtk-gradient (linear, left top, @@ -2363,36 +2359,24 @@ column-header .button:focus:hover { font-weight: normal; } -column-header.button:insensitive, -column-header .button:insensitive { +treeview header button:disabled { background-color: @insensitive_bg_color; } -column-header.button:hover, -column-header .button:hover, -column-header.button:focus:hover, -column-header .button:focus:hover, -column-header.button:active:focus:hover, -column-header .button:active:focus:hover, -column-header.button:active:focus, -column-header .button:active:focus, -column-header.button:active:hover, -column-header .button:active:hover, -column-header.button *:active, -column-header .button *:active, -column-header.button *:active:hover, -column-header .button *:active:hover { +treeview header button:hover, +treeview header button:focus:hover, +treeview header button:active:focus:hover, +treeview header button:active:focus, +treeview header button:active:hover, +treeview header button:checked, +treeview header button:active:hover { color: @internal_element_hover_color; } -column-header.button:active, -column-header .button:active, -column-header.button:active:hover, -column-header .button:active:hover, -column-header.button:active:hover:focus, -column-header .button:active:hover:focus, -column-header.button:active:focus, -column-header .button:active:focus { +treeview header button:checked, +treeview header button:active:hover, +treeview header button:active:hover:focus, +treeview header button:active:focus { background-color: @entry_bg_color; background-image: none; } @@ -2401,7 +2385,7 @@ row:hover { border-width: 0; } -row:insensitive { +row:disabled { border-width: 0; } @@ -2431,7 +2415,7 @@ row:selected:focus, color: @theme_selected_fg_color; } -.expander { +expander { border-style: solid; border-width: 1px; border-radius: 2px; @@ -2440,14 +2424,14 @@ row:selected:focus, background-color: @theme_base_color; } -.expander:active { +expander:active { border-style: solid; border-width: 1px; border-color: shade (@internal_element_color, 1.40); background-color: @theme_base_color; } -.expander:hover { +expander:hover { border-style: solid; border-width: 1px; color: @internal_element_color; @@ -2455,12 +2439,12 @@ row:selected:focus, background-color: shade (@theme_bg_color, 1.02); } -.expander row { +expander row { border-radius: 2px; } -.expander row:selected, -.expander row:selected:focus { +expander row:selected, +expander row:selected:focus { border-style: solid; border-width: 1px; border-color: @expander_row_selected_border_color; @@ -2469,18 +2453,18 @@ row:selected:focus, } /* Calendars */ -GtkCalendar { +calendar { padding: 2px; } -GtkCalendar.view { +calendar.view { border-radius: 3px; border-style: solid; border-width: 1px; padding: 2px; } -GtkCalendar.header { +calendar.header { border-radius: 0; background-image: -gtk-gradient (linear, left top, @@ -2490,14 +2474,14 @@ GtkCalendar.header { border-width: 0; } -GtkCalendar.button, -GtkCalendar.button:insensitive { +calendar button, +calendar button:disabled { background-image: none; background-color: transparent; } -.highlight, -GtkCalendar.highlight { +highlight, +calendar.highlight { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; border-radius: 0; @@ -2506,48 +2490,48 @@ GtkCalendar.highlight { } /* Use different button and entry borders on infobars */ -GtkInfoBar .entry, -GtkInfoBar .entry:focus, -GtkInfoBar .button, -GtkInfoBar .button:insensitive, -GtkInfoBar .button:active, -GtkInfoBar .button:focus, -GtkInfoBar .button:active:focus, -.info .entry, -.info .entry:focus, -.info .button, -.info .button:insensitive, -.info .button:active, -.info .button:focus, -.info .button:active:focus, -.warning .entry, -.warning .entry:focus, -.warning .button, -.warning .button:insensitive, -.warning .button:active, -.warning .button:focus, -.warning .button:active:focus, -.question .entry, -.question .entry:focus, -.question .button, -.question .button:insensitive, -.question .button:active, -.question .button:focus, -.question .button:active:focus, -.error .entry, -.error .entry:focus, -.error .button, -.error .button:insensitive, -.error .button:active, -.error .button:focus, -.error .button:active:focus { +infobar entry, +infobar entry:focus, +infobar button, +infobar button:disabled, +infobar button:active, +infobar button:focus, +infobar button:active:focus, +entry.info, +entry.info:focus, +.info button, +.info button:disabled, +.info button:active, +.info button:focus, +.info button:active:focus, +entry.warning, +entry.warning:focus, +.warning button, +.warning button:disabled, +.warning button:active, +.warning button:focus, +.warning button:active:focus, +entry.question, +entry.question:focus, +.question button, +.question button:disabled, +.question button:active, +.question button:focus, +.question button:active:focus, +entry.error, +entry.error:focus, +.error button, +.error button:disabled, +.error button:active, +.error button:focus, +.error button:active:focus { border-image: none; border-color: shade(@border_color, 0.9); border-style: solid; border-width: 1px; } -GtkInfoBar:last-child, +infobar:last-child, .info:last-child, .warning:last-child, .question:last-child, @@ -2594,14 +2578,6 @@ GtkInfoBar:last-child, color: mix (@theme_selected_fg_color, @theme_base_color, 0.50); } -/*************** - * Resize grip * - ***************/ - -.grip { - background-color: transparent; -} - /************ * Titlebar * ************/ @@ -2637,17 +2613,17 @@ GtkInfoBar:last-child, /* padding: 5px 5px 6px 5px;*/ /*}*/ -.titlebar .titlebutton { +.titlebar button.titlebutton { background: none; border-image: none; } /* workaround to avoid unwanted black frames if switching compositor on/off */ -.background .window-frame { +.background decoration { box-shadow: none; } -.background.csd .window-frame { +.background.csd decoration { border-width: 0px; border-radius: 7px 7px 0 0; border-style: solid; @@ -2656,21 +2632,21 @@ GtkInfoBar:last-child, } /* workaround to avoid unwanted black frames if switching compositor on/off */ -.window-frame:backdrop { +decoration:backdrop { /* box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px*/ box-shadow: none; } -.window-frame.tiled { +.tiled decoration { border-radius: 0; background-color: @theme_bg_color; } -.window-frame.ssd { +.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } -.window-frame.solid-csd { +.solid-csd decoration { border-radius: 0; margin: 4px; background-color: @wm_bg_a; @@ -2678,17 +2654,17 @@ GtkInfoBar:last-child, box-shadow: none; } -.window-frame.csd.popup { +.csd.popup decoration { border-radius: 0; box-shadow: none; } -.window-frame.csd.tooltip { +tooltip.csd decoration { border-radius: 5px; box-shadow: 0 1px 5px @wm_shadow; } -.window-frame.csd.message-dialog { +messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 5px @wm_shadow; } @@ -2697,7 +2673,7 @@ GtkInfoBar:last-child, * Action bar * **************/ -.action-bar { +actionbar { border-style: none; padding: 7px 7px 3px 7px; } @@ -2706,7 +2682,7 @@ GtkInfoBar:last-child, * Header bar * **************/ -GtkHeaderBar .header-bar { +headerbar { padding: 5px 4px 4px 4px; } @@ -2714,7 +2690,7 @@ GtkHeaderBar .header-bar { * Popovers * *************/ -.popover { +popover.background { background-clip: initial; margin: 10px; padding: 2px; @@ -2727,84 +2703,85 @@ GtkHeaderBar .header-bar { shade(@theme_bg_color, 0.85)); box-shadow: 0 1px 5px @wm_shadow; text-shadow: none; - icon-shadow: none; -} - -.popover > .list, -.popover > .view, -.popover > .toolbar .popover.osd > .toolbar, -.popover > .inline-toolbar .popover.osd > .toolbar, -.popover > .search-bar .popover.osd > .toolbar, -.popover > .location-bar .popover.osd > .toolbar, -.popover > .toolbar .popover.osd > .inline-toolbar, -.popover > .inline-toolbar .popover.osd > .inline-toolbar, -.popover > .search-bar .popover.osd > .inline-toolbar, -.popover > .location-bar .popover.osd > .inline-toolbar, -.popover > .toolbar .popover.osd > .search-bar, -.popover > .inline-toolbar .popover.osd > .search-bar, -.popover > .search-bar .popover.osd > .search-bar, -.popover > .location-bar .popover.osd > .search-bar, -.popover > .toolbar .popover.osd > .location-bar, -.popover > .inline-toolbar .popover.osd > .location-bar, -.popover > .search-bar .popover.osd > .location-bar, -.popover > .location-bar .popover.osd > .location-bar { + -gtk-icon-shadow: none; +} + +popover > list, +popover > .view, +popover > toolbar popover.osd > toolbar, +popover > .inline-toolbar popover.osd > toolbar, +popover > searchbar popover.osd > toolbar, +popover > .location-bar popover.osd > toolbar, +popover > toolbar popover.osd > .inline-toolbar, +popover > .inline-toolbar .popover.osd > .inline-toolbar, +popover > searchbar popover.osd > .inline-toolbar, +popover > .location-bar popover.osd > .inline-toolbar, +popover > toolbar popover.osd > searchbar, +popover > .inline-toolbar popover.osd > searchbar, +popover > searchbar popover.osd > searchbar, +popover > .location-bar popover.osd > searchbar +popover > .inline-toolbar popover.osd > .location-bar, +popover > searchbar popover.osd > .location-bar, +popover > .location-bar popover.osd > .location-bar { border-style: none; background-color: transparent; } -.popover .separator { +popover separator { font-size: 80%; font-weight: bold; color: alpha(@theme_fg_color,0.1); text-shadow: none; background-color: transparent; - icon-shadow: none; + -gtk-icon-shadow: none; border: 0; } -.popover.osd { +popover.osd { background-image: none; background-color: alpha(shade(#3E403D, 0.85), 0.75); border: 1px solid black; box-shadow: none; color: @theme_selected_fg_color; } -.popover.osd .toolbar { +popover.osd toolbar { background-image: none; background-color: transparent; border-style: none; box-shadow: none; } -.popover.osd .button { + +popover.osd button { text-shadow: 0 -1px @osd_text_shadow; - icon-shadow: 0 -1px @osd_text_shadow; + -gtk-icon-shadow: 0 -1px @osd_text_shadow; } -.popover.osd .button:active, -.popover.osd .button:checked { + +popover.osd button:checked { box-shadow: none; } -.popover.osd .button:insensitive { + +popover.osd button:disabled { color: alpha(@theme_selected_fg_color, 0.4); } -.popover .list { +popover list { background-color: @theme_base_color; } -GtkModelButton.button { +modelbutton.flat { color: @theme_fg_color; border-radius: 3px; } -GtkModelButton.button:checked, -GtkModelButton.button:active, -GtkModelButton.button:insensitive, -GtkModelButton.button:active:insensitive, -GtkModelButton.button:checked:insensitive, -GtkModelButton.button, -GtkModelButton.button:focus, -GtkModelButton.button:active:focus, -GtkModelButton.button:checked:focus { +modelbutton.flat:checked, +modelbutton.flat:active, +modelbutton.flat:disabled, +modelbutton.flat:active:disabled, +modelbutton.flat:checked:disabled, +modelbutton.flat, +modelbutton.flat:focus, +modelbutton.flat:active:focus, +modelbutton.flat:checked:focus { color: @theme_fg_color; background-color: transparent; background-image: none; @@ -2815,10 +2792,10 @@ GtkModelButton.button:checked:focus { border-radius: 3px; } -GtkModelButton.button:checked:hover, -GtkModelButton.button:active:hover, -GtkModelButton.button:hover, -GtkModelButton.button:selected { +modelbutton.flat:checked:hover, +modelbutton.flat:active:hover, +modelbutton.flat:hover, +modelbutton.flat:selected { color: @theme_selected_fg_color; background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.1), @@ -2829,17 +2806,17 @@ GtkModelButton.button:selected { border-radius: 3px; } -GtkPopover .separator { +popover separator { font-size: 80%; font-weight: bold; color: alpha(@theme_text_color,0.4); text-shadow: none; background-color: transparent; - icon-shadow: none; + -gtk-icon-shadow: none; border: 0; } -.popover .button.default.suggested-action.text-button { +popover button.default.text-button.suggested-action { background-color: transparent; background-image: none; text-shadow:none; @@ -2848,7 +2825,7 @@ GtkPopover .separator { box-shadow: none; } -.popover .button.default.suggested-action.text-button:hover { +popover button.default.text-button.suggested-action:hover { color: @theme_selected_fg_color; background-image: linear-gradient(to bottom, shade(@theme_selected_bg_color, 1.1), @@ -2863,11 +2840,11 @@ GtkPopover .separator { * GtkStack * ************/ -GtkStackSidebar.sidebar .separator.horizontal { - -GtkWidget-separator-height: 0px; +stacksidebar.sidebar separator.horizontal { +/* -GtkWidget-separator-height: 0px; */ } -GtkStackSidebar.sidebar GtkViewport.frame { +stacksidebar.sidebar viewport.frame { border-color: @border_color; border-style: solid; border-width: 0 1px 0 0; @@ -2876,8 +2853,7 @@ GtkStackSidebar.sidebar GtkViewport.frame { background-color: @theme_base_color; } -GtkStackSidebar.sidebar GtkListBoxRow.button.list-row:active, -GtkStackSidebar.sidebar GtkListBoxRow.button.list-row:selected { +stacksidebar.sidebar list row.activatable:selected { border-style: none; border-width: 0px; box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 0.8), @@ -2887,11 +2863,11 @@ GtkStackSidebar.sidebar GtkListBoxRow.button.list-row:selected { } /* address entry */ -GtkStack .linked.vertical .entry { +stack .linked.vertical entry { padding: 4px; } -.horizontal.titlebar.header-bar .horizontal.linked.stack-switcher .button.text-button { +.horizontal.titlebar.header-bar .horizontal.linked.stack-switcher button.text-button { padding: 4px; } @@ -2917,14 +2893,14 @@ GtkStack .linked.vertical .entry { 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 GtkCalendar.header .button.titlebutton, -GtkCalendar.header .app-notification .button.titlebutton, -.app-notification.frame .button { +.app-notification button, +.app-notification headerbar button.titlebutton, +headerbar .app-notification button.titlebutton, +.app-notification .titlebar button.titlebutton, +.titlebar .app-notification button.titlebutton, +.app-notification calendar.header button.titlebutton, +calendar.header .app-notification button.titlebutton, +.app-notification.frame button { color: @theme_fg_color; border-color: rgba(75, 89, 112, 0.7); background-image: linear-gradient(to bottom, @@ -2932,32 +2908,32 @@ GtkCalendar.header .app-notification .button.titlebutton, background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; - icon-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-radius: 3px; padding: 0 0px 2px 0px; } -.app-notification .button.flat, -.app-notification .header-bar .titlebutton.button, -.header-bar .app-notification .titlebutton.button, -.app-notification .titlebar .titlebutton.button, -.titlebar .app-notification .titlebutton.button, -.app-notification GtkCalendar.header .titlebutton.button, -GtkCalendar.header .app-notification .titlebutton.button, -.app-notification.frame .button.flat, -.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, -.app-notification.frame GtkCalendar.header .titlebutton.button, -GtkCalendar.header .app-notification.frame .titlebutton.button { - icon-shadow: 0 1px black; +.app-notification button.flat, +.app-notification headerbar button.titlebutton, +headerbar .app-notification button.titlebutton, +.app-notification .titlebar button.titlebutton, +.titlebar .app-notification button.titlebutton, +.app-notification calendar.header button.titlebutton, +calendar.header .app-notification button.titlebutton, +.app-notification.frame button.flat, +.app-notification.frame headerbar button.titlebutton, +headerbar .app-notification.frame button.titlebutton, +.app-notification.frame .titlebar button.titlebutton, +.titlebar .app-notification.frame button.titlebutton, +.app-notification.frame calendar.header button.titlebutton, +calendar.header .app-notification.frame button.titlebutton { + -gtk-icon-shadow: 0 1px black; text-shadow: 0 1px black; } -.app-notification .button:hover, -.app-notification.frame .button:hover { +.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, @@ -2965,19 +2941,19 @@ GtkCalendar.header .app-notification.frame .titlebutton.button { background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; - icon-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-radius: 3px; } -.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 { +.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, @@ -2985,15 +2961,15 @@ GtkCalendar.header .app-notification.frame .titlebutton.button { background-clip: padding-box; box-shadow: none; text-shadow: none; - icon-shadow: none; + -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border-radius: 3px; } -.app-notification .button:insensitive, -.app-notification .button:backdrop:insensitive, -.app-notification.frame .button:insensitive, -.app-notification.frame .button:backdrop:insensitive { +.app-notification button:disabled, +.app-notification button:backdrop:disabled, +.app-notification.frame button:disabled, +.app-notification.frame button:backdrop:disabled { color: #878989; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, @@ -3001,13 +2977,13 @@ GtkCalendar.header .app-notification.frame .titlebutton.button { background-clip: padding-box; box-shadow: none; text-shadow: none; - icon-shadow: none; + -gtk-icon-shadow: none; border-radius: 3px; padding: 0px; } -.app-notification .button:backdrop, -.app-notification.frame .button:backdrop { +.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, @@ -3015,7 +2991,7 @@ GtkCalendar.header .app-notification.frame .titlebutton.button { background-clip: padding-box; box-shadow: none; text-shadow: none; - icon-shadow: none; + -gtk-icon-shadow: none; border-radius: 3px; padding: 0px; } @@ -3027,10 +3003,10 @@ GtkCalendar.header .app-notification.frame .titlebutton.button { color: @link_color; } -GtkLinkButton.button, -GtkLinkButton.button:hover, -GtkLinkButton.button:active, -GtkLinkButton.button:active:hover { +button.flat.link.text-button, +button.flat.link.text-button:hover, +button.flat.link.text-button:active, +button.flat.link.text-button:active:hover { transition: all 400ms ease-in; text-shadow: none; } @@ -3040,18 +3016,18 @@ GtkLinkButton.button:active:hover { ******************/ /* ie. mate-keyboard-properties option window */ -GtkDialog GtkScrolledWindow.frame { +dialog scrolledwindow.frame { border-color: @border_color; border-style: solid; border-width: 1px; border-radius: 2px; } -GtkDialog GtkScrolledWindow.frame GtkViewport .vertical { +dialog scrolledwindow.frame viewport .vertical { background-color: shade (@theme_bg_color, 1.04); } -GtkDialog GtkScrolledWindow.frame GtkViewport .vertical GtkExpander .vertical { +dialog scrolledwindow.frame viewport .vertical expander .vertical { background-color: @theme_base_color; border-radius: 3px; border-color: @border_color; @@ -3063,7 +3039,7 @@ GtkDialog GtkScrolledWindow.frame GtkViewport .vertical GtkExpander .vertical { * GtkAboutDialog * ******************/ -GtkAboutDialog.background .vertical.dialog-vbox GtkGrid.vertical { +dialog.background dialog-vbox.vertical .vertical { background: transparent; } diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css index 8fe89332..86ae9272 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css @@ -55,7 +55,7 @@ CajaDesktopWindow.background .caja-canvas-item { } CajaDesktopWindow.background .caja-canvas-item:active, -CajaDesktopWindow.background .caja-canvas-item:prelight, +CajaDesktopWindow.background .caja-canvas-item:hover, CajaDesktopWindow.background .caja-canvas-item:selected { text-shadow: none; } @@ -270,7 +270,7 @@ WnckPager { text-shadow: none; } -/* prelight of WnckPager */ +/* hover of WnckPager */ WnckPager:hover { background-image: linear-gradient(to bottom, shade (@theme_selected_bg_color, 1.86), @@ -347,8 +347,8 @@ ShellWindow GtkScrolledWindow .button.flat:hover { PlumaCloseButton.button.flat, PlumaCloseButton.button.flat:hover, -PlumaCloseButton:prelight.button.flat, -PlumaCloseButton:prelight.button.flat:hover { +PlumaCloseButton:hover.button.flat, +PlumaCloseButton:hover.button.flat:hover { padding: 0px; } @@ -453,7 +453,7 @@ PlumaFileBrowserWidget.vertical .toolbar.horizontal .button.flat.image-button { * Engrampa * ************/ -FrWindow .horizontal.toolbar .button.flat.image-button:insensitive { +FrWindow .horizontal.toolbar .button.flat.image-button:disabled { background-image: none; } @@ -477,7 +477,7 @@ EvWindow .toolbar .button.flat { } EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton.button, -EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton:prelight.button { +EvWindow .vertical.primary-toolbar .horizontal.toolbar EphyZoomControl GtkToggleButton:hover.button { padding: 8px 4px; border-radius: 4px; } @@ -519,7 +519,7 @@ EomThumbNav .button.flat:hover { border-color: @focus_border_color; } -EomThumbNav .button.flat:insensitive { +EomThumbNav .button.flat:disabled { border-color: @insensitive_border_color; } -- cgit v1.2.1 From 107c546eb767053905521966973250ec221dbff6 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 01:26:39 +0100 Subject: GTK+-3.0 TraditionalOK: port GtkNotebook to 3.20 --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 269 +++++++++++---------- 1 file changed, 140 insertions(+), 129 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index bdc35848..55f680b4 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1076,157 +1076,168 @@ toolbar.primary-toolbar button:focus:hover { *****************/ notebook { - padding: 0; - background-clip: border-box; - background-color: @notebook_bg_color; + padding: 0; + background-clip: border-box; + background-color: @notebook_bg_color; + border-color: @border_color; + border-style: solid; + border-width: 1px; + border-radius: 3px 3px 0px 0px; } -.notebook.header.frame { - border-width: 0; +/* view areas, ie. pluma-, caja-tabs */ +paned.horizontal notebook { + border-style: none; } -notebook viewport { - background-color: @theme_bg_color; +paned.horizontal notebook header { + box-shadow: none; } -.notebook tab { - padding: 3px; - border-radius: 3px; - border-color: @border_color; - border-style: solid; - border-width: 1px; - background-color: transparent; - background-color: transparent; +notebook header.top { + border-width: 0px 0px 1px 0px; + box-shadow: inset 0px -1px 0 0 @border_color; } -.notebook tab.top { - padding: 4px 2px 0 2px; - border-width: 1px 1px 0px; - background-image: linear-gradient(to bottom, - @notebook_tab_inner_border_color 1px, - @notebook_tab_gradient_a 2px, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, - @notebook_tab_gradient_d); -} - -.notebook tab.right { - padding: 2px 4px 2px 0; - border-width: 1px 1px 1px 0; - background-image: linear-gradient(to left, - @notebook_tab_inner_border_color 1px, - @notebook_tab_gradient_a 2px, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, - @notebook_tab_gradient_d); -} - -.notebook tab.bottom { - padding: 0 2px 4px; - border-width: 0px 1px 1px; - background-image: linear-gradient(to top, - @notebook_tab_inner_border_color 1px, - @notebook_tab_gradient_a 2px, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, - @notebook_tab_gradient_d); -} - -.notebook tab.left { - padding: 2px 0 2px 4px; - border-width: 1px 0 1px 1px; - background-image: linear-gradient(to right, - @notebook_tab_inner_border_color 1px, - @notebook_tab_gradient_a 2px, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, - @notebook_tab_gradient_d); + +notebook header.bottom { + border-width: 1px 1px 0px 0px; + box-shadow: inset 0px 1px 0 0 @border_color; } -.notebook tab.top:active { - padding-top: 7px; - border-top-color: @notebook_active_tab_border; - background-image: linear-gradient(to bottom, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, - @notebook_active_tab_gradient_b); -} - -.notebook tab.right:active { - padding-right: 7px; - border-right-color: @notebook_active_tab_border; - background-image: linear-gradient(to left, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, - @notebook_active_tab_gradient_b); -} - -.notebook tab.bottom:active { - padding-bottom: 7px; - border-bottom-color: @notebook_active_tab_border; - background-image: linear-gradient(to top, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, - @notebook_active_tab_gradient_b); -} - -.notebook tab.left:active { - padding-left: 7px; - border-left-color: @notebook_active_tab_border; - background-image: linear-gradient(to right, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, - @notebook_active_tab_gradient_b); +notebook header.left { + border-width: 0px 1px 0px 0px; + box-shadow: inset -1px 0px 0 0 @border_color; } -.notebook tab * { - background-color: transparent; +notebook header.right { + border-width: 0px 0px 0px 1px; + box-shadow: inset 1px 0px 0 0 @border_color; } -.notebook tab * { - background-color: transparent; +/* tabs in view areas, ie. pluma-, caja-tabs */ +paned.horizontal notebook header tab { + padding: 4px 2px; } -/* close button styling */ -.notebook tab button, -.notebook tab button:active, -.notebook tab button:hover { - border-image: none; - border-style: none; - background-image: none; - background-color: transparent; +notebook header tab { + padding: 3px; + border-color: @border_color; + border-style: solid; + border-width: 1px; + background-color: transparent; } -.notebook tab button GtkImage { - border-radius: 3px; - color: mix(@theme_fg_color, @theme_base_color, 0.6); - border-style: solid; - border-color: transparent; - border-width: 1px; - padding: 0; +notebook header.top tab { + padding: 7px 2px 0 2px; + border-width: 0px 1px 1px 1px; + border-radius: 3px 3px 0px 0px;; + background-image: linear-gradient(to bottom, + @notebook_tab_gradient_a, + @notebook_tab_gradient_b 50%, + @notebook_tab_gradient_c 50%, + @notebook_tab_gradient_d); } -.notebook tab button GtkImage:hover { - color: @theme_fg_color; - border-color: alpha(black, 0.1); +notebook header.right tab { + padding: 2px 7px 2px 0; + border-width: 1px 0px 1px 1px; + border-radius: 0px 3px 3px 0px;; + background-image: linear-gradient(to left, + @notebook_tab_gradient_a, + @notebook_tab_gradient_b 50%, + @notebook_tab_gradient_c 50%, + @notebook_tab_gradient_d); } -.notebook tab button GtkImage:active, -.notebook tab button GtkImage:active:hover { - background-color: alpha(black, 0.08); - color: @theme_base_color; - border-color: alpha(black, 0.27) - alpha(black, 0.13) - alpha(black, 0.13) - alpha(black, 0.13); +notebook header.bottom tab { + padding: 0px 2px 7px 2px; + border-width: 1px 1px 0px 1px; + border-radius: 0px 0px 3px 3px;; + background-image: linear-gradient(to top, + @notebook_tab_gradient_a, + @notebook_tab_gradient_b 50%, + @notebook_tab_gradient_c 50%, + @notebook_tab_gradient_d); +} + +notebook header.left tab { + padding: 2px 0 2px 7px; + border-width: 1px 1px 1px 0px; + border-radius: 3px 0px 0px 3px;; + background-image: linear-gradient(to right, + @notebook_tab_gradient_a, + @notebook_tab_gradient_b 50%, + @notebook_tab_gradient_c 50%, + @notebook_tab_gradient_d); +} + +notebook header.top tab:active { + border-width: 0px 1px 0px 1px; + border-top-color: @notebook_active_tab_border; + background-image: linear-gradient(to bottom, + @notebook_active_tab_strip_gradient_a, + @notebook_active_tab_strip_gradient_b 3px, + @notebook_active_tab_strip_border_bottom_color 4px, + @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_b); +} + +notebook header.right tab:active { + border-width: 1px 0px 1px 0px; + border-right-color: @notebook_active_tab_border; + background-image: linear-gradient(to left, + @notebook_active_tab_strip_gradient_a, + @notebook_active_tab_strip_gradient_b 3px, + @notebook_active_tab_strip_border_bottom_color 4px, + @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_b); +} + +notebook header.bottom tab:active { + border-width: 0px 1px 0px 1px; + border-bottom-color: @notebook_active_tab_border; + background-image: linear-gradient(to top, + @notebook_active_tab_strip_gradient_a, + @notebook_active_tab_strip_gradient_b 3px, + @notebook_active_tab_strip_border_bottom_color 4px, + @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_b); +} + +notebook header.left tab:active { + border-width: 1px 0px 1px 0px; + border-left-color: @notebook_active_tab_border; + background-image: linear-gradient(to right, + @notebook_active_tab_strip_gradient_a, + @notebook_active_tab_strip_gradient_b 3px, + @notebook_active_tab_strip_border_bottom_color 4px, + @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_b); +} + +.notebook tab * { + background-color: transparent; +} + +/* close button styling */ +paned.horizontal notebook button.flat, +notebook button.flat.small-button { + border-image: none; + border-radius: 3px; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-image: none; + background-color: transparent; + color: mix(@theme_fg_color, @theme_base_color, 0.6); + padding: 0; +} + +paned.horizontal notebook button.flat:hover, +notebook button.flat.small-button:hover{ + color: @theme_fg_color; + border-color: alpha(black, 0.1); } /************** -- cgit v1.2.1 From 17f36133337ed47183a31ca096ca57f26fa5b317 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 16:17:53 +0100 Subject: GTK+-3.20 TraditionalOK: port GtkSpinButton and linked buttons to 3.20 --- .../TraditionalOk/gtk-3.0/gtk-widgets-img.css | 251 --------------- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 344 ++++++++++++++++++--- 2 files changed, 297 insertions(+), 298 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css index 5cf090da..afa980ef 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css @@ -645,254 +645,3 @@ treeview header button:last-child:active:focus{ border-right: none; } -/* Leftmost button */ -.linked .entry:first-child, -.linked > combobox:first-child > button:last-child, -.linked > combobox:first-child > button:active:last-child, -.linked > combobox:first-child > button:active:hover:last-child, -.linked > combobox:first-child > button:focus:last-child, -.linked > combobox:first-child > button:focus:active:last-child, -.linked > combobox:first-child > button:disabled:last-child, -.linked button:first-child, -.linked button:active:first-child, -.linked button:active:hover:first-child, -.linked button:focus:first-child, -.linked button:focus:active:first-child, -.linked button:disabled:first-child { - border-image: none; - border-radius: 3px 0 0 3px; - border-color: @border_color; - border-width: 1px; - padding: 1px 2px; -} - -.linked entry:first-child { - padding: 6px; -} - -/* Middle button */ -.linked entry, -.linked > combobox > button:last-child, -.linked > combobox > button:active:last-child, -.linked > combobox > button:active:hover:last-child, -.linked > combobox > button:focus:last-child, -.linked > combobox > button:focus:active:last-child, -.linked > combobox > button:disabled:last-child, -.linked button, -.linked button:active, -.linked button:active:hover, -.linked button:focus, -.linked button:focus:active, -.linked button:disabled { - border-image: none; - border-radius: 0; - border-color: @border_color; - border-width: 1px 0; - padding: 1px 2px; -} - -/* Rightmost button */ -.linked entry:last-child, -.linked > combobox:last-child > button, -.linked > combobox:last-child > button:last-child, -.linked button:last-child, -.linked button:active:last-child, -.linked button:active:hover:last-child, -.linked button:focus:last-child, -.linked button:focus:active:last-child, -.linked button:disabled:last-child { - border-image: none; - border-radius: 0 3px 3px 0; - border-color: @border_color; - border-width: 1px; - padding: 1px 2px; -} - -.linked entry:last-child { - padding: 6px; -} - -/* vertical */ - -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:active, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:active:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:checked, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:checked:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:focus, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:focus:active, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:focus:checked, -.vertical .horizontal .vertical .frame .horizontal .vertical button.image-button:disabled { - border-image: none; - border-radius: 3px 3px 3px 3px; - border-color: @border_color; - border-width: 1px 1px 1px 1px; - padding: 4px 5px; -} - -.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button, -.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button:focus { - background-image: none; - border-style: none; - border-radius: 3px; - border-width: 1px 1px 1px 1px; - border-color: @theme_bg_color; - border-image: none; - padding: 6px; - box-shadow: none; -} - -.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button:hover, -.vertical .horizontal .vertical .frame .horizontal toolbar.vertical button.flat.image-button:focus:hover { - background-image: linear-gradient(to bottom, - @button_hover_gradient_a 5%, - @button_hover_gradient_b 95%, - @button_hover_gradient_c); - border-image: none; - border-radius: 3px; - border-width: 1px 1px 1px 1px; - border-style: solid; - border-color: @border_color; - padding: 5px; -} - -/* Middle button */ - -.linked.vertical > combobox > button:last-child, -.linked.vertical > combobox > button:active:last-child, -.linked.vertical > combobox > button:active:hover:last-child, -.linked.vertical > combobox > button:focus:last-child, -.linked.vertical > combobox > button:focus:active:last-child, -.linked.vertical > combobox > button:disabled:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:hover, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:active, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:disabled { - border-image: none; - border-radius: 0; - border-color: @border_color; - border-width: 0px 1px 0px 1px; - padding: 5px 5px; -} - -/* top button */ - -.linked.vertical > combobox:first-child > button:last-child, -.linked.vertical > combobox:first-child > button:active:last-child, -.linked.vertical > combobox:first-child > button:active:hover:last-child, -.linked.vertical > combobox:first-child > button:checked:last-child, -.linked.vertical > combobox:first-child > button:checked:hover:last-child, -.linked.vertical > combobox:first-child > button:focus:last-child, -.linked.vertical > combobox:first-child > button:focus:active:last-child, -.linked.vertical > combobox:first-child > button:focus:checked:last-child, -.linked.vertical > combobox:first-child > button:disabled:last-child { - border-image: none; - border-radius: 3px 3px 0px 0px; - border-color: @border_color; - border-width: 1px 1px 1px 1px; - padding: 5px 5px; -} - -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:hover:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:checked:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:checked:hover:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:active:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:checked:first-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:disabled:first-child { - border-image: none; - border-radius: 3px 3px 0px 0px; - border-color: @border_color; - border-width: 1px 1px 0px 1px; - padding: 5px 5px; -} - -/* bottom button */ - -.linked.vertical > combobox:last-child > button, -.linked.vertical > combobox:last-child > button:last-child, -.linked.vertical button:last-child, -.linked.vertical button:active:last-child, -.linked.vertical button:active:hover:last-child, -.linked.vertical button:focus:last-child, -.linked.vertical button:focus:active:last-child, -.linked.vertical button:disabled:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:active:hover:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:focus:active:last-child, -.vertical .horizontal .vertical .frame .horizontal .vertical .linked.vertical button.image-button:disabled:last-child { - border-image: none; - border-radius: 0px 0px 3px 3px; - border-color: @border_color; - border-width: 0px 1px 1px 1px; - padding: 5px 5px; -} - -/* vertical linked spinbutton */ - -.linked.vertical spinbutton.horizontal entry { - border-image: none; - border-color: @border_color; - border-radius: 0px; - border-width: 0px 1px 1px 1px; - padding: 4px 5px; - background-image: none; -} - -.linked.vertical spinbutton.horizontal button, -.linked.vertical spinbutton.horizontal button:hover, -.linked.vertical spinbutton.horizontal button:focus, -.linked.vertical spinbutton.horizontal button:active, -.linked.vertical spinbutton.horizontal button:checked, -.linked.vertical spinbutton.horizontal button:active:hover, -.linked.vertical spinbutton.horizontal button:checked:hover, -.linked.vertical spinbutton.horizontal button:disabled { - border-image: none; - border-color: @border_color; - border-radius: 0px; - border-width: 0px 1px 0px 1px; -} - -.linked.vertical spinbutton.horizontal button:last-child, -.linked.vertical spinbutton.horizontal button:hover:last-child, -.linked.vertical spinbutton.horizontal button:focus:last-child, -.linked.vertical spinbutton.horizontal button:active:last-child, -.linked.vertical spinbutton.horizontal button:checked:last-child, -.linked.vertical spinbutton.horizontal button:active:hover:last-child, -.linked.vertical spinbutton.horizontal button:checked:hover:last-child, -.linked.vertical spinbutton.horizontal button:disabled:last-child { - border-width: 0px 0px 0px 0px; -} - -/* Dialog Action Area */ - -/* Leftmost button */ -.dialog-action-area.linked button:first-child, -.dialog-action-area.linked button:active:first-child, -.dialog-action-area.linked button:active:hover:first-child, -.dialog-action-area.linked button:focus:first-child, -.dialog-action-area.linked button:focus:active:first-child, -.dialog-action-area.linked button:disabled:first-child, -/* Middle button */ -.dialog-action-area.linked button, -.dialog-action-area.linked button:active, -.dialog-action-area.linked button:active:hover, -.dialog-action-area.linked button:focus, -.dialog-action-area.linked button:focus:active, -.dialog-action-area.linked button:disabled, -/* Rightmost button */ -.dialog-action-area.linked button:last-child, -.dialog-action-area.linked button:active:last-child, -.dialog-action-area.linked button:active:hover:last-child, -.dialog-action-area.linked button:focus:last-child, -.dialog-action-area.linked button:focus:active:last-child, -.dialog-action-area.linked button:disabled:last-child { - border-radius: 3px; - border-width: 1px; -} diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 55f680b4..e2ccf7f6 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -829,78 +829,329 @@ button .separator { color: shade(@internal_element_color, 1.30); } +/* linked buttons and entries */ + +/* Middle button */ +.linked entry, +.linked > combobox > button.combo, +.linked > combobox > button.combo:hover, +.linked > combobox > button.combo:focus, +.linked > combobox > button.combo:focus:hover, +.linked > combobox > button.combo:checked, +.linked > combobox > button.combo:disabled, +.linked button, +.linked button:hover, +.linked button:focus, +.linked button:focus:hover, +.linked button:focus:hover:active, +.linked button:checked, +.linked button:checked:hover, +.linked button:checked:hover:active, +.linked button:disabled { + border-image: none; + border-radius: 0; + border-color: @border_color; + border-width: 1px; + padding: 4px 2px; +} + +/* Leftmost button */ +.linked entry:first-child, +.linked > combobox:first-child > button.combo:first-child, +.linked > combobox:first-child > button.combo:hover:first-child, +.linked > combobox:first-child > button.combo:focus:first-child, +.linked > combobox:first-child > button.combo:focus:hover:first-child, +.linked > combobox:first-child > button.combo:checked:first-child, +.linked > combobox:first-child > button.combo:disabled:first-child, +.linked button:first-child, +.linked button:hover:first-child, +.linked button:focus:first-child, +.linked button:focus:hover:first-child, +.linked button:focus:hover:active:first-child, +.linked button:checked:first-child, +.linked button:checked:hover:first-child, +.linked button:checked:hover:active:first-child, +.linked button:disabled:first-child { + border-image: none; + border-radius: 3px 0 0 3px; + border-color: @border_color; + border-width: 1px 0px 1px 1px; + padding: 4px 2px; +} + +.linked entry:first-child { + padding: 6px; + border-width: 1px; +} + +/* Rightmost button */ +.linked entry:last-child, +.linked > combobox:last-child > button.combo:last-child, +.linked > combobox:last-child > button.combo:hover:last-child, +.linked > combobox:last-child > button.combo:focus:last-child, +.linked > combobox:last-child > button.combo:focus:hover:last-child, +.linked > combobox:last-child > button.combo:checked:last-child, +.linked > combobox:last-child > button.combo:disabled:last-child, +.linked button:last-child, +.linked button:hover:last-child, +.linked button:focus:last-child, +.linked button:focus:hover:last-child, +.linked button:focus:hover:active:last-child, +.linked button:checked:last-child, +.linked button:checked:hover:last-child, +.linked button:checked:hover:active:last-child, +.linked button:disabled:last-child { + border-image: none; + border-radius: 0 3px 3px 0; + border-color: @border_color; + border-width: 1px 1px 1px 0px; + padding: 4px 2px; +} + +.linked entry:last-child { + padding: 6px; +} + +/* vertical */ + +/* Middle button */ +.linked.vertical > combobox > button.combo, +.linked.vertical > combobox > button.combo:hover, +.linked.vertical > combobox > button.combo:focus, +.linked.vertical > combobox > button.combo:focus:hover, +.linked.vertical > combobox > button.combo:checked, +.linked.vertical > combobox > button.combo:disabled, +.linked.vertical button.image-button, +.linked.vertical button.image-button:hover, +.linked.vertical button.image-button:focus, +.linked.vertical button.image-button:focus:hover, +.linked.vertical button.image-button:focus:hover:active, +.linked.vertical button.image-button:checked, +.linked.vertical button.image-button:checked:hover, +.linked.vertical button.image-button:checked:hover:active, +.linked.vertical button.image-button:disabled { + border-image: none; + border-radius: 0; + border-color: @border_color; + border-width: 0px 1px 0px 1px; + padding: 5px 5px; +} + +/* top button */ +.linked.vertical > combobox:first-child > button.combo:first-child, +.linked.vertical > combobox:first-child > button.combo:hover:first-child, +.linked.vertical > combobox:first-child > button.combo:focus:first-child, +.linked.vertical > combobox:first-child > button.combo:focus:hover:first-child, +.linked.vertical > combobox:first-child > button.combo:checked:first-child, +.linked.vertical > combobox:first-child > button.combo:disabled:first-child { + border-image: none; + border-radius: 3px 3px 0px 0px; + border-color: @border_color; + border-width: 1px 1px 1px 1px; + padding: 5px 5px; +} + +.linked.vertical button.image-button:first-child, +.linked.vertical button.image-button:hover:first-child, +.linked.vertical button.image-button:focus:first-child, +.linked.vertical button.image-button:focus:hover:first-child, +.linked.vertical button.image-button:focus:hover:active:first-child, +.linked.vertical button.image-button:checked:first-child, +.linked.vertical button.image-button:checked:hover:first-child, +.linked.vertical button.image-button:checked:hover:active:first-child, +.linked.vertical button.image-button:disabled:first-child { + border-image: none; + border-radius: 3px 3px 0px 0px; + border-color: @border_color; + border-width: 1px 1px 0px 1px; + padding: 5px 5px; +} + +/* bottom button */ +.linked.vertical > combobox:last-child > button.combo:last-child, +.linked.vertical > combobox:last-child > button.combo:hover:last-child, +.linked.vertical > combobox:last-child > button.combo:focus:last-child, +.linked.vertical > combobox:last-child > button:focus:hover:last-child, +.linked.vertical > combobox:last-child > button.combo:checked:last-child, +.linked.vertical > combobox:last-child > button.combo:disabled:last-child, +.linked.vertical button:last-child, +.linked.vertical button:hover:last-child, +.linked.vertical button:focus:last-child, +.linked.vertical button:focus:hover:last-child, +.linked.vertical button:focus:hover:active:last-child, +.linked.vertical button:checked:last-child, +.linked.vertical button:checked:hover:last-child, +.linked.vertical button:checked:hover:active:last-child, +.linked.vertical button:disabled:last-child { + border-image: none; + border-radius: 0px 0px 3px 3px; + border-color: @border_color; + border-width: 0px 1px 1px 1px; + padding: 5px 5px; +} + +/* Dialog Action Area */ + +/* Middle button */ +.dialog-action-area.linked button, +.dialog-action-area.linked button:hover, +.dialog-action-area.linked button:focus, +.dialog-action-area.linked button:focus:hover, +.dialog-action-area.linked button:focus:hover:active, +.dialog-action-area.linked button:checked, +.dialog-action-area.linked button:checked:hover, +.dialog-action-area.linked button:checked:hover:active, +.dialog-action-area.linked button:disabled { + padding: 4px 6px; + border-width: 1px 1px 1px 0px; +} + +/* Leftmost button */ +.dialog-action-area.linked button:first-child, +.dialog-action-area.linked button:hover:first-child, +.dialog-action-area.linked button:focus:first-child, +.dialog-action-area.linked button:focus:hover:first-child, +.dialog-action-area.linked button:focus:hover:active:first-child, +.dialog-action-area.linked button:checked:first-child, +.dialog-action-area.linked button:checked:hover:first-child, +.dialog-action-area.linked button:checked:hover:active:first-child, +.dialog-action-area.linked button:disabled:first-child { + padding: 4px 6px; + border-width: 1px 1px 1px 1px; +} + +/* Rightmost button */ +.dialog-action-area.linked button:last-child, +.dialog-action-area.linked button:hover:last-child, +.dialog-action-area.linked button:focus:last-child, +.dialog-action-area.linked button:focus:hover:last-child, +.dialog-action-area.linked button:focus:hover:active:last-child, +.dialog-action-area.linked button:checked:last-child, +.dialog-action-area.linked button:checked:hover:last-child, +.dialog-action-area.linked button:checked:hover:active:last-child, +.dialog-action-area.linked button:disabled:last-child { + padding: 4px 6px; + border-width: 1px 1px 1px 0px; +} + /***************** * GtkSpinButton * *****************/ -spinbutton button, -spinbutton button:focus { - color: @internal_element_color; - padding: 2px 6px; - border-width: 0 0 0 1px; - border-radius: 0; - border-style: solid; - border-color: @spinbutton_border_color; - border-image: none; +spinbutton, +spinbutton:focus { + background-color: transparent; + padding: 0px; + border-width: 1px; + border-radius: 3px; + border-style: solid; + border-color: @spinbutton_border_color; } -spinbutton button { - background-color: transparent; +spinbutton.horizontal > entry, +spinbutton.horizontal > entry:focus { + padding: 0px 10px 0px 3px; + box-shadow: none; + border-radius: 3px 0px 0px 3px; + border-style: none; + border-image: none; } -spinbutton button:disabled { - color: @internal_element_insensitive_color; +spinbutton > button, +spinbutton > button:focus, +spinbutton > button:focus:active { + background-color: transparent; + color: @internal_element_color; + padding: 2px 6px; + border-radius: 0; + border-width: 0 0 0 1px; + border-style: solid; + border-color: @spinbutton_border_color; + border-image: none; } -spinbutton button:active, -spinbutton button:active:focus, -spinbutton button:hover { - color: @internal_element_hover_color; +spinbutton > button:disabled { + color: @internal_element_insensitive_color; + border-color: @insensitive_border_color; + border-image: none; + border-radius: 0; } -spinbutton button:first-child { - border-radius: 2px 0 0 2px; +spinbutton > button:checked, +spinbutton > button:focus:checked, +spinbutton > button:hover { + color: @internal_element_hover_color; } -spinbutton button:last-child { - border-radius: 0 2px 2px 0; +spinbutton.horizontal > button { + border-width: 0 0 0 1px; } -/*vertical */ +spinbutton.horizontal > button:last-child { + border-radius: 0 3px 3px 0; +} -.vertical.entry.spinbutton.entry { +/*vertical */ +spinbutton.vertical > entry, +spinbutton.vertical > entry:focus { border-image: none; - border-color: @border_color; + border-color: @spinbutton_border_color; border-radius: 0px; - border-width: 0px 1px 0px 1px; - background-image: none; - padding: 4px; + border-width: 1px 0px 1px 0px; + padding: 6px 2px; } -.vertical.entry.spinbutton button, -.vertical.entry.spinbutton button:hover, -.vertical.entry.spinbutton button:focus, -.vertical.entry.spinbutton button:active, -.vertical.entry.spinbutton button:checked, -.vertical.entry.spinbutton button:active:hover, -.vertical.entry.spinbutton button:checked:hover, -.vertical.entry.spinbutton button:disabled { +spinbutton.vertical > button, +spinbutton.vertical > button:focus, +spinbutton.vertical > button:focus:active, +spinbutton.vertical > button:last-child, +spinbutton.vertical > button:focus:last-child, +spinbutton.vertical > button:focus:active:last-child { + padding: 6px 2px; + border-width: 0px; +} + +spinbutton.vertical > button, +spinbutton.vertical > button:focus, +spinbutton.vertical > button:focus:active { border-radius: 3px 3px 0px 0px; - border-width: 1px; } -.vertical.entry.spinbutton button:last-child, -.vertical.entry.spinbutton button:hover:last-child, -.vertical.entry.spinbutton button:focus:last-child, -.vertical.entry.spinbutton button:active:last-child, -.vertical.entry.spinbutton button:checked:last-child, -.vertical.entry.spinbutton button:active:hover:last-child, -.vertical.entry.spinbutton button:checked:hover:last-child, -.vertical.entry.spinbutton button:disabled:last-child { - border-width: 1px; +spinbutton.vertical > button:last-child, +spinbutton.vertical > button:focus:last-child, +spinbutton.vertical > button:focus:active:last-child { border-radius: 0px 0px 3px 3px; } +/* linked */ +.linked.vertical > spinbutton.horizontal { + padding: 0px; + border-radius: 0px ; + border-width: 0px 1px 1px 1px; +} + +.linked.vertical > spinbutton.horizontal > entry, +.linked.vertical > spinbutton.horizontal > entry:focus { + padding: 0px 10px 0px 3px; + border-radius: 0px ; + border-style: none; + border-image: none; + box-shadow: none; +} + +.linked.vertical > spinbutton.horizontal > button, +.linked.vertical > spinbutton.horizontal > button:focus, +.linked.vertical > spinbutton.horizontal > button:hover, +.linked.vertical > spinbutton.horizontal > button:focus:active, +.linked.vertical > spinbutton.horizontal > button:focus:hover { + border-radius: 0px; + border-width: 0 0 0 1px; + border-image: none; + border-color: @spinbutton_border_color; + padding: 4px 6px; +} + + /********************* * Button background * *********************/ @@ -931,7 +1182,7 @@ button:checked, button:checked:hover, button:active, button:active:hover, -.menuitem.button:hover, +menuitem button:hover, spinbutton button:active, spinbutton button:active:hover, toolbar button:active, @@ -3018,7 +3269,6 @@ button.flat.link.text-button, button.flat.link.text-button:hover, button.flat.link.text-button:active, button.flat.link.text-button:active:hover { - transition: all 400ms ease-in; text-shadow: none; } -- cgit v1.2.1 From 6acca1c6c0d7fa34305bab7e22d0804d51259ebf Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 17:14:58 +0100 Subject: GTK+-3.20 TraditionalOK: fix menus for 3.20 --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 237 ++++++++++++--------- 1 file changed, 140 insertions(+), 97 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index e2ccf7f6..249a4dd7 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1710,115 +1710,116 @@ scrollbar slider:hover { /* combobox menus */ treemenu menu { - background-color: @menu_bg_color; + background-color: @menu_bg_color; } treemenu menuitem { - padding: 2px; + padding: 2px; } menu { - font: normal; - background-color: @menu_bg_color; - color: @menu_fg_color; - padding: 1px; - border-style: solid; - border-width: 1px; - border-color: @menu_border_color; + font: normal; + background-color: @menu_bg_color; + color: @menu_fg_color; + padding: 1px; + border-style: solid; + border-width: 1px; + border-color: @menu_border_color; } menu button { - background-image: none; - background-color: @menu_bg_color; - color: @internal_element_color; - - border-image: none; - border-style: none; + background-image: none; + background-color: @menu_bg_color; + color: @internal_element_color; + border-image: none; + border-style: none; } menu button:hover { - background-image: none; - background-color: @theme_base_color; - color: @theme_text_color; - - border-image: none; - border-style: none; + background-image: none; + background-color: @theme_base_color; + color: @theme_text_color; + border-image: none; + border-style: none; } menu button:disabled { - background-color: @theme_base_color; - color: lighter(@internal_element_color); - - border-image: none; - border-style: none; + background-color: @theme_base_color; + color: lighter(@internal_element_color); + border-image: none; + border-style: none; } /* this controls the general appearance of the menubar */ menubar { - border-style: none; - padding: 1px; - -GtkWidget-window-dragging: true; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_gradient_a), - color-stop (0.50, @menubar_gradient_b), - to (@menubar_gradient_c)); + border-style: none; + padding: 1px; + -GtkWidget-window-dragging: true; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_gradient_a), + color-stop (0.50, @menubar_gradient_b), + to (@menubar_gradient_c)); } menubar menuitem { - border-style: none; - padding: 3px 5px; - background-color: transparent; + border-style: none; + padding: 3px 5px; + background-color: transparent; } menubar menuitem:hover, menuitem button.flat:hover, menuitem button.flat:active { - background-color: @menu_bg_color; - border-style: solid; - border-width: 1px 1px 0px; - border-color: @menubar_menuitem_hover_border_color; - border-radius: 3px 3px 0 0; - color: @menubar_menuitem_hover_color; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_menuitem_hover_gradient_a), - color-stop (0.50, @menubar_menuitem_hover_gradient_b), - color-stop (0.50, @menubar_menuitem_hover_gradient_c), - to (@menubar_menuitem_hover_gradient_d)); + background-color: @menu_bg_color; + border-style: solid; + border-width: 1px 1px 0px; + border-color: @menubar_menuitem_hover_border_color; + border-radius: 3px 3px 0 0; + color: @menubar_menuitem_hover_color; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_menuitem_hover_gradient_a), + color-stop (0.50, @menubar_menuitem_hover_gradient_b), + color-stop (0.50, @menubar_menuitem_hover_gradient_c), + to (@menubar_menuitem_hover_gradient_d)); } -menuitem.button.flat:hover { - border-width: 1px; - border-radius: 3px; +menuitem button.flat:hover { + border-width: 1px; + border-radius: 3px; } menuitem button.flat:focus { - color: @theme_text_color; + color: @theme_text_color; } menubar menuitem:hover { - border-width: 1px; - color: @menubar_menuitem_hover_color; + border-width: 1px; + color: @menubar_menuitem_hover_color; } -menu menuitem { - padding: 4px; - background-color: @menu_bg_color; +menu menuitem, +menu menuitem:disabled { + border-width: 1px 0px; + border-style: solid; + border-color: transparent; + padding: 4px; + background-color: @menu_bg_color; } menu menuitem:hover { - border-radius: 0; + border-radius: 0; } treemenu menuitem:hover, menu menuitem:active, menu menuitem:hover { - border-style: solid; - border-width: 1px; - border-color: @menubar_menuitem_hover_border_color; + border-style: solid; + border-width: 1px 0px; + border-color: @menubar_menuitem_hover_border_color; } treemenu menuitem:hover, @@ -1827,40 +1828,71 @@ menu menuitem:active, menu menuitem:active, menu menuitem:hover, menu menuitem:hover { - color: @theme_selected_fg_color; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_menuitem_hover_gradient_a), - color-stop (0.50, @menubar_menuitem_hover_gradient_b), - color-stop (0.50, @menubar_menuitem_hover_gradient_c), - to (@menubar_menuitem_hover_gradient_d)); + color: @theme_selected_fg_color; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_menuitem_hover_gradient_a), + color-stop (0.50, @menubar_menuitem_hover_gradient_b), + color-stop (0.50, @menubar_menuitem_hover_gradient_c), + to (@menubar_menuitem_hover_gradient_d)); } menu menuitem:disabled { - color: mix (@menu_fg_color, @menu_bg_color, 0.6); + color: mix (@menu_fg_color, @menu_bg_color, 0.6); } menu menuitem accelerator:disabled { - color: mix (@menu_fg_color, @menu_bg_color, 0.7); + color: mix (@menu_fg_color, @menu_bg_color, 0.7); } menuitem accelerator { - color: alpha (@menu_fg_color, 0.4); + color: alpha (@menu_fg_color, 0.4); } menuitem accelerator:hover, menuitem accelerator:active { - color: alpha (@menu_fg_color, 0.3); + color: alpha (@menu_fg_color, 0.3); } menuitem arrow { - color: @menu_controls_color; + min-height: 16px; + min-width: 16px; + margin-left: 10px; + color: @menu_controls_color; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu arrow:hover { + border-color: @theme_selected_fg_color; + color: shade (@theme_selected_bg_color, 1.6); } +menu separator, menuitem separator { - color: @menu_separator_color; - padding: 3px 1px 3px 1px; + color: @menu_separator_color; + min-height: 1px; + border-image: -gtk-gradient (linear, + left top, right top, + from (alpha (#000, 0.00)), + color-stop (0.25, alpha (#000, 0.03)), + color-stop (0.85, alpha (#000, 0.03)), + to (alpha (#000, 0.00))) 1; } menuitem check, @@ -1869,30 +1901,30 @@ menuitem check:hover, menuitem radio:hover, menuitem check:disabled, menuitem radio:disabled { - background-image: none; - background-color: transparent; - min-height: 12px; - min-width: 12px; + background-image: none; + background-color: transparent; + min-height: 12px; + min-width: 12px; } menuitem check:active, menuitem radio:active { - background-color: transparent; + background-color: transparent; } /*************** * Menu Button * ***************/ -.menuitem.button.flat:active { - color: @theme_text_color; - background-image: none; - background-color: @menu_bg_color; - border-radius: 5px 5px 0 0; - border-image: none; - border-width: 1px 1px 0 1px; - border-color: shade(@border_color, 1.30); - border-style: solid; +menuitem button.flat:active { + color: @theme_text_color; + background-image: none; + background-color: @menu_bg_color; + border-radius: 5px 5px 0 0; + border-image: none; + border-width: 1px 1px 0 1px; + border-color: shade(@border_color, 1.30); + border-style: solid; } /**************** @@ -1903,20 +1935,31 @@ check, radio, check:disabled, radio:disabled { - background-color: transparent; - border-style: none; + background-color: transparent; + border-style: none; +} + +check, +radio, +menuitem check, +menuitem radio, +menu menuitem check, +menu menuitem radio { + padding: 0px 6px 0px 0px; + background-repeat: no-repeat; + background-position: center; } check row:selected:disabled, check row:selected:focus:disabled { - background-color: transparent; + background-color: transparent; } checkbutton:hover, checkbutton:active:hover, checkbutton:selected, checkbutton:selected:focus { - background-color: transparent; + background-color: transparent; } /************ -- cgit v1.2.1 From 6d2f607f311599d7cd38864fb938c5213369daf5 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 17:19:43 +0100 Subject: GTK+-3.20 branch TraditionalOK: replace tabs with spaces --- .../TraditionalOk/gtk-3.0/applications.css | 68 +- .../TraditionalOk/gtk-3.0/gtk-widgets-img.css | 280 ++-- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 1400 ++++++++++---------- .../TraditionalOk/gtk-3.0/mate-applications.css | 326 ++--- .../TraditionalOk/gtk-3.0/other-applications.css | 2 +- 5 files changed, 1038 insertions(+), 1038 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/applications.css b/desktop-themes/TraditionalOk/gtk-3.0/applications.css index 4b36e396..ea0994da 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/applications.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/applications.css @@ -3,19 +3,19 @@ ************/ .nautilus-desktop.nautilus-canvas-item { - color: @theme_base_color; - text-shadow: 1px 1px alpha (@theme_fg_color, 0.8); + color: @theme_base_color; + text-shadow: 1px 1px alpha (@theme_fg_color, 0.8); } .nautilus-desktop.nautilus-canvas-item:active, .nautilus-desktop.nautilus-canvas-item:hover, .nautilus-desktop.nautilus-canvas-item:selected { - text-shadow: none; + text-shadow: none; } .nautilus-desktop .entry { - background-image: none; - border-image: none; + background-image: none; + border-image: none; } /******************* @@ -23,37 +23,37 @@ *******************/ .documents-scrolledwin.frame { - border-width: 1px 0 0 0; - border-radius: 0; + border-width: 1px 0 0 0; + border-radius: 0; } .documents-main-view.view { - background-color: @theme_base_color; + background-color: @theme_base_color; } GtkIconView.documents-main-view.check { - background-repeat: no-repeat; - background-position: center; - background-color: @theme_base_color; + background-repeat: no-repeat; + background-position: center; + background-color: @theme_base_color; } .documents-selection-mode.toolbar { - border-width: 0; + border-width: 0; } .documents-selection-mode.toolbar .dim-label { - color: @theme_fg_color; + color: @theme_fg_color; } .documents-icon-bg { - background-color: @switch_trough_active_gradient_a; - border-radius: 3px; - color: @theme_base_color; + background-color: @switch_trough_active_gradient_a; + border-radius: 3px; + color: @theme_base_color; } .documents-collection-icon { - background-color: @theme_bg_color; - border-radius: 3px; + background-color: @theme_bg_color; + border-radius: 3px; } /********* @@ -62,24 +62,24 @@ GtkIconView.documents-main-view.check { UnityPanelWidget, .unity-panel { - background-image: none; - background-color: @theme_bg_color; - color: @theme_fg_color; - border-width: 0; + background-image: none; + background-color: @theme_bg_color; + color: @theme_fg_color; + border-width: 0; } .unity-panel menubar menuitem:hover { - background-color: @menu_bg_color; - border-style: solid; - border-width: 1px 1px 0px; - border-color: @menubar_menuitem_hover_border_color; - border-radius: 3px 3px 0 0; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_menuitem_hover_gradient_a), - color-stop (0.50, @menubar_menuitem_hover_gradient_b), - color-stop (0.50, @menubar_menuitem_hover_gradient_c), - to (@menubar_menuitem_hover_gradient_d)); + background-color: @menu_bg_color; + border-style: solid; + border-width: 1px 1px 0px; + border-color: @menubar_menuitem_hover_border_color; + border-radius: 3px 3px 0 0; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_menuitem_hover_gradient_a), + color-stop (0.50, @menubar_menuitem_hover_gradient_b), + color-stop (0.50, @menubar_menuitem_hover_gradient_c), + to (@menubar_menuitem_hover_gradient_d)); } diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css index afa980ef..83a087f4 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css @@ -7,23 +7,23 @@ *************/ switch slider { - background-image: linear-gradient(to bottom, - alpha (@switch_slider_gradient_a, 0.5), - alpha (@switch_slider_gradient_b, 0.5) 50%, - alpha (@switch_slider_gradient_c, 0.5) 50%, - alpha (@switch_slider_gradient_d, 0.5)), - url("img/slider-horz-grip.png"); - background-repeat: no-repeat; - background-position: center center; + background-image: linear-gradient(to bottom, + alpha (@switch_slider_gradient_a, 0.5), + alpha (@switch_slider_gradient_b, 0.5) 50%, + alpha (@switch_slider_gradient_c, 0.5) 50%, + alpha (@switch_slider_gradient_d, 0.5)), + url("img/slider-horz-grip.png"); + background-repeat: no-repeat; + background-position: center center; } switch slider:disabled { - background-image: linear-gradient(to bottom, - alpha (@switch_slider_insensitive_gradient_a, 0.8), - alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%, - alpha (@switch_slider_insensitive_gradient_c, 0.8) 50%, - alpha (@switch_slider_insensitive_gradient_d, 0.8)), - url("img/slider-horz-grip.png"); + background-image: linear-gradient(to bottom, + alpha (@switch_slider_insensitive_gradient_a, 0.8), + alpha (@switch_slider_insensitive_gradient_b, 0.8) 50%, + alpha (@switch_slider_insensitive_gradient_c, 0.8) 50%, + alpha (@switch_slider_insensitive_gradient_d, 0.8)), + url("img/slider-horz-grip.png"); } /************* @@ -31,52 +31,52 @@ switch slider:disabled { *************/ scrollbar slider { - background-repeat: no-repeat; - background-position: center center; + background-repeat: no-repeat; + background-position: center center; } scrollbar.vertical slider { - background-image: linear-gradient(to right, - alpha (@scrollbar_slider_inner_border_color, 0.5), - alpha (@scrollbar_slider_gradient_a, 0.5) 1px, - alpha (@scrollbar_slider_gradient_b, 0.5) 50%, - alpha (@scrollbar_slider_gradient_c, 0.5) 50%, - alpha (@scrollbar_slider_gradient_d, 0.5) 95%, - alpha (@scrollbar_slider_inner_border_color, 0.5)), - url("img/slider-vert-grip.png"); + background-image: linear-gradient(to right, + alpha (@scrollbar_slider_inner_border_color, 0.5), + alpha (@scrollbar_slider_gradient_a, 0.5) 1px, + alpha (@scrollbar_slider_gradient_b, 0.5) 50%, + alpha (@scrollbar_slider_gradient_c, 0.5) 50%, + alpha (@scrollbar_slider_gradient_d, 0.5) 95%, + alpha (@scrollbar_slider_inner_border_color, 0.5)), + url("img/slider-vert-grip.png"); } scrollbar.horizontal slider { - background-image: linear-gradient(to bottom, - alpha (@scrollbar_slider_inner_border_color, 0.5), - alpha (@scrollbar_slider_gradient_a, 0.5) 1px, - alpha (@scrollbar_slider_gradient_b, 0.5) 50%, - alpha (@scrollbar_slider_gradient_c, 0.5) 50%, - alpha (@scrollbar_slider_gradient_d, 0.5) 95%, - alpha (@scrollbar_slider_inner_border_color, 0.5)), - url("img/slider-horz-grip.png"); + background-image: linear-gradient(to bottom, + alpha (@scrollbar_slider_inner_border_color, 0.5), + alpha (@scrollbar_slider_gradient_a, 0.5) 1px, + alpha (@scrollbar_slider_gradient_b, 0.5) 50%, + alpha (@scrollbar_slider_gradient_c, 0.5) 50%, + alpha (@scrollbar_slider_gradient_d, 0.5) 95%, + alpha (@scrollbar_slider_inner_border_color, 0.5)), + url("img/slider-horz-grip.png"); } scrollbar.vertical slider:hover { - background-image: linear-gradient(to right, - alpha (@scrollbar_slider_inner_border_color, 0.5), - alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, - alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%, - alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%, - alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%, - alpha (@scrollbar_slider_inner_border_color, 0.5)), - url("img/slider-vert-grip.png"); + background-image: linear-gradient(to right, + alpha (@scrollbar_slider_inner_border_color, 0.5), + alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, + alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%, + alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%, + alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%, + alpha (@scrollbar_slider_inner_border_color, 0.5)), + url("img/slider-vert-grip.png"); } scrollbar.horizontal slider:hover { - background-image: linear-gradient(to bottom, - alpha (@scrollbar_slider_inner_border_color, 0.5), - alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, - alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%, - alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%, - alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%, - alpha (@scrollbar_slider_inner_border_color, 0.5)), - url("img/slider-horz-grip.png"); + background-image: linear-gradient(to bottom, + alpha (@scrollbar_slider_inner_border_color, 0.5), + alpha (@scrollbar_slider_hover_gradient_a, 0.5) 1px, + alpha (@scrollbar_slider_hover_gradient_b, 0.5) 50%, + alpha (@scrollbar_slider_hover_gradient_c, 0.5) 50%, + alpha (@scrollbar_slider_hover_gradient_d, 0.5) 95%, + alpha (@scrollbar_slider_inner_border_color, 0.5)), + url("img/slider-horz-grip.png"); } /************************* @@ -86,19 +86,19 @@ scrollbar.horizontal slider:hover { check, check row:selected, check row:selected:focus { - -gtk-icon-source: url("img/checkbox-unchecked.png"); + -gtk-icon-source: url("img/checkbox-unchecked.png"); } check:hover, check row:selected:hover, check row:selected:focus:hover { - -gtk-icon-source: url("img/checkbox-unchecked-hover.png"); + -gtk-icon-source: url("img/checkbox-unchecked-hover.png"); } check:disabled, check row:selected:disabled, check row:selected:focus:disabled { - -gtk-icon-source: url("img/checkbox-unchecked-insensitive.png"); + -gtk-icon-source: url("img/checkbox-unchecked-insensitive.png"); } check:checked, @@ -107,7 +107,7 @@ check row:selected:focus:checked, check:active, check row:selected:active, check row:selected:focus:active { - -gtk-icon-source: url("img/checkbox-checked.png"); + -gtk-icon-source: url("img/checkbox-checked.png"); } check:checked:hover, @@ -116,7 +116,7 @@ check row:selected:focus:checked:hover, check:active:hover, check row:selected:active:hover, check row:selected:focus:active:hover { - -gtk-icon-source: url("img/checkbox-checked-hover.png"); + -gtk-icon-source: url("img/checkbox-checked-hover.png"); } check:checked:disabled, @@ -125,43 +125,43 @@ check row:selected:focus:checked:disabled, check:active:disabled, check row:selected:active:disabled, check row:selected:focus:active:disabled { - -gtk-icon-source: url("img/checkbox-checked-insensitive.png"); + -gtk-icon-source: url("img/checkbox-checked-insensitive.png"); } check:indeterminate, check row:selected:indeterminate, check row:selected:focus:indeterminate { - -gtk-icon-source: url("img/checkbox-mixed.png"); + -gtk-icon-source: url("img/checkbox-mixed.png"); } check:indeterminate:hover, check row:selected:indeterminate:hover, check row:selected:focus:indeterminate:hover { - -gtk-icon-source: url("img/checkbox-mixed-hover.png"); + -gtk-icon-source: url("img/checkbox-mixed-hover.png"); } check:indeterminate:disabled, check row:selected:indeterminate:disabled, check row:selected:focus:indeterminate:disabled { - -gtk-icon-source: url("img/checkbox-mixed-insensitive.png"); + -gtk-icon-source: url("img/checkbox-mixed-insensitive.png"); } radio, radio row:selected, radio row:selected:focus { - -gtk-icon-source: url("img/radio-unchecked.png"); + -gtk-icon-source: url("img/radio-unchecked.png"); } radio:hover, radio row:selected:hover, radio row:selected:focus:hover { - -gtk-icon-source: url("img/radio-unchecked-hover.png"); + -gtk-icon-source: url("img/radio-unchecked-hover.png"); } radio:disabled, radio row:selected:disabled, radio row:selected:focus:disabled { - -gtk-icon-source: url("img/radio-unchecked-insensitive.png"); + -gtk-icon-source: url("img/radio-unchecked-insensitive.png"); } radio:checked, @@ -170,7 +170,7 @@ radio row:selected:focus:checked, radio:active, radio row:selected:active, radio row:selected:focus:active { - -gtk-icon-source: url("img/radio-checked.png"); + -gtk-icon-source: url("img/radio-checked.png"); } radio:checked:hover, @@ -179,7 +179,7 @@ radio row:selected:focus:checked:hover, radio:active:hover, radio row:selected:active:hover, radio row:selected:focus:active:hover { - -gtk-icon-source: url("img/radio-checked-hover.png"); + -gtk-icon-source: url("img/radio-checked-hover.png"); } radio:checked:disabled, @@ -188,25 +188,25 @@ radio row:selected:focus:checked:disabled, radio:active:disabled, radio row:selected:active:disabled, radio row:selected:focus:active:disabled { - -gtk-icon-source: url("img/radio-checked-insensitive.png"); + -gtk-icon-source: url("img/radio-checked-insensitive.png"); } radio:indeterminate, radio row:selected:indeterminate, radio row:selected:focus:indeterminate { - -gtk-icon-source: url("img/radio-mixed.png"); + -gtk-icon-source: url("img/radio-mixed.png"); } radio:indeterminate:hover, radio row:selected:indeterminate:hover, radio row:selected:focus:indeterminate:hover { - -gtk-icon-source: url("img/radio-mixed-hover.png"); + -gtk-icon-source: url("img/radio-mixed-hover.png"); } radio:indeterminate:disabled, radio row:selected:indeterminate:disabled, radio row:selected:focus:indeterminate:disabled { - -gtk-icon-source: url("img/radio-mixed-insensitive.png"); + -gtk-icon-source: url("img/radio-mixed-insensitive.png"); } /********************* @@ -215,77 +215,77 @@ radio row:selected:focus:indeterminate:disabled { scale slider, scale.horizontal slider { - background-image: url("img/scale-slider-horz.png"); + background-image: url("img/scale-slider-horz.png"); } scale slider:hover, scale.horizontal slider:hover { - background-image: url("img/scale-slider-horz-hover.png"); + background-image: url("img/scale-slider-horz-hover.png"); } scale slider:disabled, scale.horizontal slider:disabled { - background-image: url("img/scale-slider-horz-insensitive.png"); + background-image: url("img/scale-slider-horz-insensitive.png"); } scale.vertical slider { - background-image: url("img/scale-slider-vert.png"); + background-image: url("img/scale-slider-vert.png"); } scale.vertical slider:hover { - background-image: url("img/scale-slider-vert-hover.png"); + background-image: url("img/scale-slider-vert-hover.png"); } scale.vertical slider:disabled { - background-image: url("img/scale-slider-vert-insensitive.png"); + background-image: url("img/scale-slider-vert-insensitive.png"); } scale.horizontal.scale-has-marks-above slider { - background-image: url("img/scale-slider-horz.png"); + background-image: url("img/scale-slider-horz.png"); } scale.horizontal.scale-has-marks-above slider:hover { - background-image: url("img/scale-slider-horz-hover.png"); + background-image: url("img/scale-slider-horz-hover.png"); } scale.horizontal.scale-has-marks-above slider:disabled { - background-image: url("img/scale-slider-horz-insensitive.png"); + background-image: url("img/scale-slider-horz-insensitive.png"); } scale.vertical.scale-has-marks-above slider { - background-image: url("img/scale-slider-vert.png"); + background-image: url("img/scale-slider-vert.png"); } scale.vertical.scale-has-marks-above slider:hover { - background-image: url("img/scale-slider-vert-hover.png"); + background-image: url("img/scale-slider-vert-hover.png"); } scale.vertical.scale-has-marks-above slider:disabled { - background-image: url("img/scale-slider-vert-insensitive.png"); + background-image: url("img/scale-slider-vert-insensitive.png"); } scale.horizontal.scale-has-marks-below slider { - background-image: url("img/scale-slider-horz.png"); + background-image: url("img/scale-slider-horz.png"); } scale.horizontal.scale-has-marks-below slider:hover { - background-image: url("img/scale-slider-horz-hover.png"); + background-image: url("img/scale-slider-horz-hover.png"); } scale.horizontal.scale-has-marks-below slider:disabled { - background-image: url("img/scale-slider-horz-insensitive.png"); + background-image: url("img/scale-slider-horz-insensitive.png"); } scale.vertical.scale-has-marks-below slider { - background-image: url("img/scale-slider-vert.png"); + background-image: url("img/scale-slider-vert.png"); } scale.vertical.scale-has-marks-below slider:hover { - background-image: url("img/scale-slider-vert-hover.png"); + background-image: url("img/scale-slider-vert-hover.png"); } scale.vertical.scale-has-marks-below slider:disabled { - background-image: url("img/scale-slider-vert-insensitive.png"); + background-image: url("img/scale-slider-vert-insensitive.png"); } /********* @@ -293,72 +293,72 @@ scale.vertical.scale-has-marks-below slider:disabled { *********/ menu menuitem check { - -gtk-icon-source: url("img/menuitem-checkbox.png"); + -gtk-icon-source: url("img/menuitem-checkbox.png"); } menu menuitem check:hover { - -gtk-icon-source: url("img/menuitem-checkbox-hover.png"); + -gtk-icon-source: url("img/menuitem-checkbox-hover.png"); } menu menuitem check:disabled { - -gtk-icon-source: url("img/menuitem-checkbox-insensitive.png"); + -gtk-icon-source: url("img/menuitem-checkbox-insensitive.png"); } menu menuitem check:checked, menu menuitem check:active { - -gtk-icon-source: url("img/menuitem-checkbox-checked.png"); + -gtk-icon-source: url("img/menuitem-checkbox-checked.png"); } menu menuitem check:checked:hover, menu menuitem check:active:hover { - -gtk-icon-source: url("img/menuitem-checkbox-checked-hover.png"); + -gtk-icon-source: url("img/menuitem-checkbox-checked-hover.png"); } menu menuitem check:checked:disabled, menu menuitem check:active:disabled { - -gtk-icon-source: url("img/menuitem-checkbox-checked-insensitive.png"); + -gtk-icon-source: url("img/menuitem-checkbox-checked-insensitive.png"); } menu menuitem check:indeterminate, menu menuitem radio:indeterminate { - -gtk-icon-source: url("img/menuitem-checkbox-mixed.png"); + -gtk-icon-source: url("img/menuitem-checkbox-mixed.png"); } menu menuitem check:indeterminate:hover, menu menuitem radio:indeterminate:hover { - -gtk-icon-source: url("img/menuitem-checkbox-mixed-hover.png"); + -gtk-icon-source: url("img/menuitem-checkbox-mixed-hover.png"); } menu menuitem check:indeterminate:disabled, menu menuitem radio:indeterminate:disabled { - -gtk-icon-source: url("img/menuitem-checkbox-mixed-insensitive.png"); + -gtk-icon-source: url("img/menuitem-checkbox-mixed-insensitive.png"); } menu menuitem radio { - -gtk-icon-source: url("img/menuitem-radio.png"); + -gtk-icon-source: url("img/menuitem-radio.png"); } menu menuitem radio:hover { - -gtk-icon-source: url("img/menuitem-radio-hover.png"); + -gtk-icon-source: url("img/menuitem-radio-hover.png"); } menu menuitem radio:disabled { - -gtk-icon-source: url("img/menuitem-radio-insensitive.png"); + -gtk-icon-source: url("img/menuitem-radio-insensitive.png"); } menu menuitem radio:checked, menu menuitem radio:active { - -gtk-icon-source: url("img/menuitem-radio-checked.png"); + -gtk-icon-source: url("img/menuitem-radio-checked.png"); } menu menuitem radio:checked:hover, menu menuitem radio:active:hover { - -gtk-icon-source: url("img/menuitem-radio-checked-hover.png"); + -gtk-icon-source: url("img/menuitem-radio-checked-hover.png"); } menu menuitem radio:checked:disabled, menu menuitem radio:active:disabled { - -gtk-icon-source: url("img/menuitem-radio-checked-insensitive.png"); + -gtk-icon-source: url("img/menuitem-radio-checked-insensitive.png"); } /********* @@ -366,11 +366,11 @@ menu menuitem radio:active:disabled { *********/ paned > separator { - background-image: url("img/pane-separator-grip-horz.png"); + background-image: url("img/pane-separator-grip-horz.png"); } paned.vertical > separator { - background-image: url("img/pane-separator-grip-vert.png"); + background-image: url("img/pane-separator-grip-vert.png"); } /*********** @@ -411,21 +411,21 @@ toolbar.primary-toolbar combobox button:active, toolbar.primary-toolbar combobox button:disabled, /* primary toolbar - hover button borders */ toolbar.primary-toolbar button:hover { - border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; + border-image: url("img/border.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; + border-radius: 3px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } toolbar.primary-toolbar entry, toolbar.primary-toolbar combobox entry { - border-width: 1px 2px 2px; + border-width: 1px 2px 2px; } toolbar.primary-toolbar entry:focus, toolbar.primary-toolbar combobox entry:focus { - border-width: 1px 2px 2px; + border-width: 1px 2px 2px; } /* Linked single button */ @@ -543,11 +543,11 @@ toolbar.inline-toolbar toolbutton button :only-child:active, toolbar.inline-toolbar toolbutton button :only-child:focus, toolbar.inline-toolbar toolbutton button :only-child:focus:active, toolbar.inline-toolbar toolbutton button :only-child:disabled { - border-image: url("img/border-inline-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; + border-image: url("img/border-inline-button.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; + border-radius: 3px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } /* generic disabled element borders */ @@ -557,11 +557,11 @@ combobox button:disabled, entry:disabled, button:disabled, trough row { - border-image: url("img/border-insensitive.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; + border-image: url("img/border-insensitive.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; + border-radius: 3px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } menuitem button.flat, @@ -597,29 +597,29 @@ toolbar.primary-toolbar button.raised.default, toolbar.primary-toolbar .raised button:focus, toolbar.primary-toolbar .raised button.default, toolbar.primary-toolbar combobox button:focus { - border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; + border-image: url("img/border-focused.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; + border-radius: 3px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } /* focused primary toolbar button borders */ toolbar.primary-toolbar button:focus { - border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; + border-image: url("img/border-focused-ptb.svg") 3 3 4 3 / 3px 3px 4px 3px repeat; + border-radius: 3px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } /* focused switch trough borders */ switch:active { - border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; - border-radius: 3px; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-color: transparent; + border-image: url("img/border-focused-switch.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; + border-radius: 3px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } /* column-headers borders */ @@ -628,12 +628,12 @@ treeview header button:focus, treeview header button:active, treeview header button:active:hover, treeview header button:active:focus { - border-image: none; - border-width: 1px; - border-radius: 0; - border-style: solid; - border-color: @column_header_border_top_color @column_header_border_right_color - @column_header_border_bottom_color @column_header_border_left_color; + border-image: none; + border-width: 1px; + border-radius: 0; + border-style: solid; + border-color: @column_header_border_top_color @column_header_border_right_color + @column_header_border_bottom_color @column_header_border_left_color; } @@ -642,6 +642,6 @@ treeview header button:last-child:focus, treeview header button:last-child:active, treeview header button:last-child:active:hover, treeview header button:last-child:active:focus{ - border-right: none; + border-right: none; } diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 249a4dd7..7b28a4d2 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1,40 +1,40 @@ * { -/* engine: none; */ - padding: 0; +/* engine: none; */ + padding: 0; - background-clip: padding-box; + background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; + -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: @error_color; + -GtkTextView-error-underline-color: @error_color; -/* -GtkPaned-handle-size: 5; deprecated */ +/* -GtkPaned-handle-size: 5; deprecated */ -/* -GtkCheckButton-indicator-size: 16; deprecated */ -/* -GtkCheckMenuItem-indicator-size: 10; deprecated */ +/* -GtkCheckButton-indicator-size: 16; deprecated */ +/* -GtkCheckMenuItem-indicator-size: 10; deprecated */ - -GtkScrolledWindow-scrollbar-spacing: 3; -/* -GtkScrolledWindow-scrollbars-within-bevel: 0; deprecated */ + -GtkScrolledWindow-scrollbar-spacing: 3; +/* -GtkScrolledWindow-scrollbars-within-bevel: 0; deprecated */ - -GtkToolItemGroup-expander-size: 11; -/* -GtkExpander-expander-size: 14; deprecated */ + -GtkToolItemGroup-expander-size: 11; +/* -GtkExpander-expander-size: 14; deprecated */ -/* -GtkMenu-horizontal-padding: 0; */ -/* -GtkMenu-vertical-padding: 0; */ +/* -GtkMenu-horizontal-padding: 0; */ +/* -GtkMenu-vertical-padding: 0; */ - -GtkIMHtml-hyperlink-color: @link_color; - -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkHTML-link-color: @link_color; - -WnckTasklist-fade-overlay-rect: 0; + -WnckTasklist-fade-overlay-rect: 0; - outline-color: @focus_border_color; - outline-style: dashed; - outline-offset: -2px; - outline-width: 0px; /* disable ugly focus-line */ - -gtk-outline-radius: 2px; - -gtk-icon-style: regular; /* disable symbolic icons */ - -GtkWindow-resize-grip-width: 11; - -GtkWindow-resize-grip-height: 11; + outline-color: @focus_border_color; + outline-style: dashed; + outline-offset: -2px; + outline-width: 0px; /* disable ugly focus-line */ + -gtk-outline-radius: 2px; + -gtk-icon-style: regular; /* disable symbolic icons */ + -GtkWindow-resize-grip-width: 11; + -GtkWindow-resize-grip-height: 11; } /*************** @@ -42,25 +42,25 @@ ***************/ window { - color: @theme_fg_color; + color: @theme_fg_color; } .background { - color: @theme_fg_color; - background-color: @theme_bg_color; + color: @theme_fg_color; + background-color: @theme_bg_color; } *:selected, *:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; } *:disabled { - background-color: @insensitive_bg_color; - color: @insensitive_fg_color; - text-shadow: 1px 1px @insensitive_text_shadow_color; - border-color: @insensitive_border_color; + background-color: @insensitive_bg_color; + color: @insensitive_fg_color; + text-shadow: 1px 1px @insensitive_text_shadow_color; + border-color: @insensitive_border_color; } image, @@ -71,7 +71,7 @@ box, box:disabled, GtkGrid, GtkGrid:disabled { - background-color: transparent; + background-color: transparent; } /************ @@ -79,17 +79,17 @@ GtkGrid:disabled { ************/ tooltip, tooltip.background { - padding: 4px; - border-style: solid; - border-width: 1px; - border-color: @theme_tooltip_border_color; - border-radius: 0px; - background-color: @theme_tooltip_bg_color; - color: @theme_tooltip_fg_color; + padding: 4px; + border-style: solid; + border-width: 1px; + border-color: @theme_tooltip_border_color; + border-radius: 0px; + background-color: @theme_tooltip_bg_color; + color: @theme_tooltip_fg_color; } tooltip * { - background-color: transparent; + background-color: transparent; } /********************* @@ -98,25 +98,25 @@ tooltip * { /* This is could be CPU-intensive */ @keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } + to { -gtk-icon-transform: rotate(1turn); } } spinner { - background: none; - background-color: blue; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + background: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } + opacity: 1; + animation: spin 1s linear infinite; } spinner:active:disabled { - opacity: 0.5; + opacity: 0.5; } button spinner:checked { - color: @theme_fg_color; + color: @theme_fg_color; } /***************** @@ -124,79 +124,79 @@ button spinner:checked { *****************/ .floating-bar { - background-image: linear-gradient( - to bottom, - @theme_base_color 20%, - shade(@theme_base_color, 0.9)); - background-color: @theme_base_color; - border-color: @border_color; - border-radius: 3px; - border-width: 1px; - border-style: solid; + background-image: linear-gradient( + to bottom, + @theme_base_color 20%, + shade(@theme_base_color, 0.9)); + background-color: @theme_base_color; + border-color: @border_color; + border-radius: 3px; + border-width: 1px; + border-style: solid; } .floating-bar.top { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } .floating-bar.right { - border-right-width: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .floating-bar.bottom { - border-bottom-width: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } .floating-bar.left { - border-left-width: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .floating-bar button { - background-color: alpha (@theme_base_color, 0.0); - background-image: none; - border-style: none; - border-image: none; + background-color: alpha (@theme_base_color, 0.0); + background-image: none; + border-style: none; + border-image: none; } .view.rubberband, .rubberband, view rubberband, rubberband { - background-color: alpha (@theme_selected_bg_color, 0.35); - border-color: @theme_selected_bg_color; - border-style: solid; - border-width: 1px; - border-radius: 2px; + background-color: alpha (@theme_selected_bg_color, 0.35); + border-color: @theme_selected_bg_color; + border-style: solid; + border-width: 1px; + border-radius: 2px; } statusbar label, statusbar frame { - color: @theme_fg_color; - font-size: smaller; + color: @theme_fg_color; + font-size: smaller; } statusbar frame { - padding: 2px 0px; - border-width: 0; + padding: 2px 0px; + border-width: 0; } statusbar frame button.flat { - padding: 2px 0px 0px 0px; + padding: 2px 0px 0px 0px; } .dnd { - border-width: 1px; - border-style: solid; - border-color: @theme_selected_bg_color; - border-radius: 0; + border-width: 1px; + border-style: solid; + border-color: @theme_selected_bg_color; + border-radius: 0; } treeview.view separator, @@ -204,7 +204,7 @@ treeview.view .separator, /* why ?*/ treeview separator, separator, separator:hover { - color: shade(@border_color, 1.30); + color: shade(@border_color, 1.30); } /********* @@ -427,46 +427,46 @@ undershoot.right { ****************/ entry { - border-style: solid; - padding: 4px; - color: @entry_text_color; - background-color: @theme_base_color; + border-style: solid; + padding: 4px; + color: @entry_text_color; + background-color: @theme_base_color; } entry progressbar { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; } entry selection, entry selection:focus, entry:selected { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; } entry:disabled { - color: @insensitive_fg_color; + color: @insensitive_fg_color; } /* Entry background */ entry { - background-color: @entry_bg_color; - background-image: linear-gradient(to bottom, - @entry_inner_border_color 1px, - @entry_bg_color 2px); + background-color: @entry_bg_color; + background-image: linear-gradient(to bottom, + @entry_inner_border_color 1px, + @entry_bg_color 2px); } /* Focused entry background */ entry:focus { - background-image: none; + background-image: none; } /* disabled entry background */ entry:disabled { - background-image: linear-gradient(to bottom, - @entry_insensitive_inner_border_color 2px, - @entry_insensitive_bg_color 3px); + background-image: linear-gradient(to bottom, + @entry_insensitive_inner_border_color 2px, + @entry_insensitive_bg_color 3px); } /******************* @@ -474,15 +474,15 @@ entry:disabled { *******************/ image { - color: @internal_element_color; + color: @internal_element_color; } image:hover { - color: @internal_element_hover_color; + color: @internal_element_hover_color; } image:selected { - color: @theme_selected_fg_color; + color: @theme_selected_fg_color; } /***************** @@ -491,17 +491,17 @@ image:selected { colorswatch, colorswatch:selected { - border-width: 1px; - border-style: solid; - border-radius: 3px; - border-color: @color_swatch_border_color; - background-color: transparent; - background-clip: border-box; + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: @color_swatch_border_color; + background-color: transparent; + background-clip: border-box; } colorswatch:hover, colorswatch:selected:hover { - border-color: @color_swatch_hover_border_color; + border-color: @color_swatch_hover_border_color; } colorchooser #add-color-button:hover, @@ -510,26 +510,26 @@ colorchooser #add-color-button:selected:hover { .color-active-badge, .color-active-badge:selected { - border-style: solid; - border-width: 2px; - background-color: transparent; + border-style: solid; + border-width: 2px; + background-color: transparent; } .color-active-badge.color-light, .color-active-badge.color-light:hover { - border-color: @color_active_badge_light_border_color; - color: @color_active_badge_light_color; + border-color: @color_active_badge_light_border_color; + color: @color_active_badge_light_color; } .color-active-badge.color-dark, .color-active-badge.color-dark:hover { - border-color: @color_active_badge_dark_border_color; - color: @color_active_badge_dark_color; + border-color: @color_active_badge_dark_border_color; + color: @color_active_badge_dark_color; } GtkColorEditor colorswatch.color-light:hover, GtkColorEditor colorswatch.color-dark:hover { - background-image: none; + background-image: none; } /**************** @@ -537,10 +537,10 @@ GtkColorEditor colorswatch.color-dark:hover { ****************/ progressbar { - min-height: 16px; - min-width: 16px; - border-radius: 3px; - padding: 0 0 1px 0; + min-height: 16px; + min-width: 16px; + border-radius: 3px; + padding: 0 0 1px 0; } /* progress component */ @@ -549,52 +549,52 @@ progressbar row, progressbar row:hover, progressbar row:selected, progressbar row:selected:focus { - background-color: @progressbar_bg_color; - background-image: linear-gradient(to bottom, - alpha (@progressbar_gradient_a, 0.7), - alpha (@progressbar_gradient_b, 0.7) 50%, - alpha (@progressbar_gradient_c, 0.7) 50%, - alpha (@progressbar_gradient_d, 0.7)), - repeating-linear-gradient(135deg, - alpha (@progressbar_pattern_color, 0.0), - alpha (@progressbar_pattern_color, 0.0) 12px, - alpha (@progressbar_pattern_color, 0.5) 12px, - alpha (@progressbar_pattern_color, 0.5) 24px); - border-radius: 3px; - border-width: 1px; - border-style: solid; - border-color: @progressbar_border_color; + background-color: @progressbar_bg_color; + background-image: linear-gradient(to bottom, + alpha (@progressbar_gradient_a, 0.7), + alpha (@progressbar_gradient_b, 0.7) 50%, + alpha (@progressbar_gradient_c, 0.7) 50%, + alpha (@progressbar_gradient_d, 0.7)), + repeating-linear-gradient(135deg, + alpha (@progressbar_pattern_color, 0.0), + alpha (@progressbar_pattern_color, 0.0) 12px, + alpha (@progressbar_pattern_color, 0.5) 12px, + alpha (@progressbar_pattern_color, 0.5) 24px); + border-radius: 3px; + border-width: 1px; + border-style: solid; + border-color: @progressbar_border_color; } progressbar row:selected, progressbar row:selected:focus { - border-color: shade(@progressbar_border_color, 0.85); + border-color: shade(@progressbar_border_color, 0.85); } progressbar.vertical { - background-image: linear-gradient(to right, - alpha (@progressbar_gradient_a, 0.7), - alpha (@progressbar_gradient_b, 0.7) 50%, - alpha (@progressbar_gradient_c, 0.7) 50%, - alpha (@progressbar_gradient_d, 0.7)), - repeating-linear-gradient(45deg, - alpha (@progressbar_pattern_color, 0.0), - alpha (@progressbar_pattern_color, 0.0) 12px, - alpha (@progressbar_pattern_color, 0.5) 12px, - alpha (@progressbar_pattern_color, 0.5) 24px); + background-image: linear-gradient(to right, + alpha (@progressbar_gradient_a, 0.7), + alpha (@progressbar_gradient_b, 0.7) 50%, + alpha (@progressbar_gradient_c, 0.7) 50%, + alpha (@progressbar_gradient_d, 0.7)), + repeating-linear-gradient(45deg, + alpha (@progressbar_pattern_color, 0.0), + alpha (@progressbar_pattern_color, 0.0) 12px, + alpha (@progressbar_pattern_color, 0.5) 12px, + alpha (@progressbar_pattern_color, 0.5) 24px); } /* for progressbars in cell renderers */ row trough { - padding: 0; + padding: 0; } row trough:selected, row trough:selected:focus { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (mix (@trough_gradient_a, @theme_selected_bg_color, 0.25)), - to (mix (@trough_gradient_b, @theme_selected_bg_color, 0.25))); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (mix (@trough_gradient_a, @theme_selected_bg_color, 0.25)), + to (mix (@trough_gradient_b, @theme_selected_bg_color, 0.25))); } /************ @@ -602,61 +602,61 @@ row trough:selected:focus { ************/ scale { - -GtkScale-slider-length: 21; - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 4; + -GtkScale-slider-length: 21; + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 4; } scale slider, scale slider:hover, scale slider:disabled { - border-radius: 0; - border-style: none; - background-color: transparent; + border-radius: 0; + border-style: none; + background-color: transparent; } scale trough, scale trough highlight, scale.vertical trough, scale trough:disabled { - border-image: none; - border-style: solid; - border-width: 1px; - border-radius: 1px; - background-image: none; + border-image: none; + border-style: solid; + border-width: 1px; + border-radius: 1px; + background-image: none; } scale trough { - margin: 8px 0; - border-color: @scale_trough_border_color; - background-color: @scale_trough_bg_color; + margin: 8px 0; + border-color: @scale_trough_border_color; + background-color: @scale_trough_bg_color; } scale.vertical trough { - margin: 0 8px; + margin: 0 8px; } scale trough highlight { - border-color: @scale_trough_highlight_border_color; - background-color: @scale_trough_highlight_bg_color; + border-color: @scale_trough_highlight_border_color; + background-color: @scale_trough_highlight_bg_color; } scale trough:disabled { - border-color: @scale_trough_insensitive_border_color; - background-color: @scale_trough_insensitive_highlight_bg_color; + border-color: @scale_trough_insensitive_border_color; + background-color: @scale_trough_insensitive_highlight_bg_color; } scale trough highlight:disabled { - border-color: @scale_trough_highlight_insensitive_border_color; - background-color: @scale_trough_highlight_insensitive_bg_color; + border-color: @scale_trough_highlight_insensitive_border_color; + background-color: @scale_trough_highlight_insensitive_bg_color; } scale progressbar { - background-color: @scale_progressbar_bg_color; + background-color: @scale_progressbar_bg_color; } scale marks { - color: @scale_mark_color; + color: @scale_mark_color; } /********** @@ -664,12 +664,12 @@ scale marks { **********/ frame { - border-width: 1px; - border-color: @border_color; - border-style: solid; - border-radius: 3px; - background-color: @notebook_bg_color; - padding: 0; + border-width: 1px; + border-color: @border_color; + border-style: solid; + border-radius: 3px; + background-color: @notebook_bg_color; + padding: 0; } frame.flat { @@ -677,21 +677,21 @@ frame.flat { } scrolledwindow.frame { - border-style: solid; - border-color: @border_color; - border-width: 1px; - border-radius: 2px; - padding: 0; + border-style: solid; + border-color: @border_color; + border-width: 1px; + border-radius: 2px; + padding: 0; } scrolledwindow viewport { - background-color: @theme_bg_color; + background-color: @theme_bg_color; } /* avoid double borders when a viewport is * packed into a GtkScrolledWindow */ scrolledwindow viewport.frame { - border-style: none; + border-style: none; } /*********** @@ -713,33 +713,33 @@ toolbar.horizontal button, toolbar.horizontal button:active, .titlebar .linked.raised button, .titlebar .linked.raised button:active { - padding: 5px 5px 6px; /* larger values makes the button arrow smaller*/ + padding: 5px 5px 6px; /* larger values makes the button arrow smaller*/ } toolbar.horizontal button, toolbar.horizontal button:active, toolbar.primary-toolbar.horizontal button, toolbar.primary-toolbar.horizontal button:active { - padding: 2px 2px; + padding: 2px 2px; } button.default { - text-shadow: none; - color: @theme_fg_color; + text-shadow: none; + color: @theme_fg_color; } button.flat { - 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; - -gtk-icon-shadow: none; - border-image: none; + 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; + -gtk-icon-shadow: none; + border-image: none; } button.flat.hover { - border-radius: 3px; + border-radius: 3px; } button.image-button.circular-button { @@ -753,63 +753,63 @@ combobox button.toggle, combobox button.text-button.toggle, toolbar.horizontal combobox button.toggle, toolbar.horizontal button.text-button.toggle { - padding: 4px; + padding: 4px; } .path-bar button, .path-bar button image, .path-bar button label { - padding: 2px; + padding: 2px; } .path-bar button { - border-width: 1px 0px 1px 1px; + border-width: 1px 0px 1px 1px; } .path-bar button:hover:active { - border-left-width: 1px; + border-left-width: 1px; } .path-bar button:first-child, .path-bar button:first-child:hover:active { - border-right-width: 0px; + border-right-width: 0px; } .path-bar button:only-child, .path-bar button:only-child:hover:active { - border-radius: 3px; - border-right-width: 1px; + border-radius: 3px; + border-right-width: 1px; } .linked.raised button:first-child, .linked.raised button:first-child:hover:active { - border-right-width: 0px; + border-right-width: 0px; } button { - color: @theme_text_color; - border-style: solid; - border-color: transparent; + color: @theme_text_color; + border-style: solid; + border-color: transparent; } /* We want anything inside the buttons to use their background */ button * { - background-color: transparent; + background-color: transparent; } /* We may want a background for focused buttons, but in the meantime let's remove it too */ GtkMenuToolButton *, toolbar.primary-toolbar button, toolbar.primary-toolbar button:disabled { - background-image: none; - background-color: transparent; + background-image: none; + background-color: transparent; } toolbar.primary-toolbar button { - border-image: none; - border-style: solid; - border-width: 1px 1px 2px 1px; - border-color: transparent; + border-image: none; + border-style: solid; + border-width: 1px 1px 2px 1px; + border-color: transparent; } toolbar.primary-toolbar button *:active, @@ -817,16 +817,16 @@ toolbar.inline-toolbar button *:active, button *:active, button *:active:focus, button *:focus { - color: @button_active_text_color; + color: @button_active_text_color; } button *:disabled, button *:active:disabled { - color: @insensitive_fg_color; + color: @insensitive_fg_color; } button .separator { - color: shade(@internal_element_color, 1.30); + color: shade(@internal_element_color, 1.30); } /* linked buttons and entries */ @@ -1088,7 +1088,7 @@ spinbutton.horizontal > button { } spinbutton.horizontal > button:last-child { - border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } /*vertical */ @@ -1169,12 +1169,12 @@ combobox entry button, toolbar.primary-toolbar combobox entry button, .titlebar .titlebutton:hover, GtkColorChooserWidget #add-color-button { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@button_gradient_a), - to (@button_gradient_d)); - background-color: transparent; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@button_gradient_a), + to (@button_gradient_d)); + background-color: transparent; } /* Pushed button background */ @@ -1203,63 +1203,63 @@ toolbar.primary-toolbar button:focus:active, toolbar.primary-toolbar button:focus:active:hover, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover { - background-image: linear-gradient(to bottom, - @button_active_gradient_a, - @button_active_gradient_b 3px, - @button_active_gradient_c 4px, - @button_active_gradient_d 50%, - @button_active_gradient_e 50%, - @button_active_gradient_f); - background-color: transparent; + background-image: linear-gradient(to bottom, + @button_active_gradient_a, + @button_active_gradient_b 3px, + @button_active_gradient_c 4px, + @button_active_gradient_d 50%, + @button_active_gradient_e 50%, + @button_active_gradient_f); + background-color: transparent; } GtkListBoxRow.list-row, GtkListBoxRow.button.list-row { - color: @theme_text_color; - background-color: @theme_base_color; - border-radius: 0px; - border-style: none; + color: @theme_text_color; + background-color: @theme_base_color; + border-radius: 0px; + border-style: none; padding: 2px; } GtkListBoxRow.list-row:hover, GtkListBoxRow.button.list-row:hover { - background-image: linear-gradient(to bottom, - @button_hover_gradient_a 5%, - @button_hover_gradient_b 95%, - @button_hover_gradient_c); - background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_a 5%, + @button_hover_gradient_b 95%, + @button_hover_gradient_c); + background-color: transparent; } GtkListBoxRow.list-row:selected, GtkListBoxRow.button.list-row:selected { - color: @theme_selected_fg_color; - border-style: solid; - border-width: 1px; - border-color: @menubar_menuitem_hover_border_color; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_menuitem_hover_gradient_a), - color-stop (0.50, @menubar_menuitem_hover_gradient_b), - color-stop (0.50, @menubar_menuitem_hover_gradient_c), - to (@menubar_menuitem_hover_gradient_d)); + color: @theme_selected_fg_color; + border-style: solid; + border-width: 1px; + border-color: @menubar_menuitem_hover_border_color; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_menuitem_hover_gradient_a), + color-stop (0.50, @menubar_menuitem_hover_gradient_b), + color-stop (0.50, @menubar_menuitem_hover_gradient_c), + to (@menubar_menuitem_hover_gradient_d)); } trough, trough highlight, trough row, trough row:hover { - background-image: linear-gradient(to bottom, - @trough_gradient_a, - @trough_gradient_b 4px); + background-image: linear-gradient(to bottom, + @trough_gradient_a, + @trough_gradient_b 4px); } /* Flipped pushed button background for vertical progressbar through and the like */ trough.vertical { - background-image: linear-gradient(to right, - @trough_gradient_a, - @trough_gradient_b 4px); + background-image: linear-gradient(to right, + @trough_gradient_a, + @trough_gradient_b 4px); } /* Prelight button background */ @@ -1273,19 +1273,19 @@ toolbar.primary-toolbar button:hover, combobox entry button:hover, toolbar.primary-toolbar combobox entry button:hover, colorchooser #add-color-button:hover { - background-color: transparent; - background-image: linear-gradient(to bottom, - @button_hover_gradient_a 5%, - @button_hover_gradient_b 95%, - @button_hover_gradient_c); + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_a 5%, + @button_hover_gradient_b 95%, + @button_hover_gradient_c); } /* disabled button background */ button:disabled, toolbar combobox button:disabled, combobox entry button:disabled { - background-image: none; - background-color: transparent; + background-image: none; + background-color: transparent; color: @insensitive_fg_color; } @@ -1293,32 +1293,32 @@ combobox entry button:disabled { button:active:disabled, toolbar button:active:disabled, toolbar combobox button:active:disabled { - background-image: linear-gradient(to bottom, - @button_active_insensitive_gradient_a, - @button_active_insensitive_gradient_b 3px, - @button_active_insensitive_gradient_c 4px, - @button_active_insensitive_gradient_d 50%, - @button_active_insensitive_gradient_e 50%, - @button_active_insensitive_gradient_f); - background-color: transparent; + background-image: linear-gradient(to bottom, + @button_active_insensitive_gradient_a, + @button_active_insensitive_gradient_b 3px, + @button_active_insensitive_gradient_c 4px, + @button_active_insensitive_gradient_d 50%, + @button_active_insensitive_gradient_e 50%, + @button_active_insensitive_gradient_f); + background-color: transparent; } /* Focused primary toolbar button background */ toolbar.primary-toolbar button:focus { - background-image: linear-gradient(to bottom, - @pt_button_focus_gradient_a, - @pt_button_focus_gradient_b 50%, - @pt_button_focus_gradient_c 50%, - @pt_button_focus_gradient_d); + background-image: linear-gradient(to bottom, + @pt_button_focus_gradient_a, + @pt_button_focus_gradient_b 50%, + @pt_button_focus_gradient_c 50%, + @pt_button_focus_gradient_d); } /* Focused + prelit primary toolbar button background */ toolbar.primary-toolbar button:focus:hover { - background-image: linear-gradient(to bottom, - @pt_button_focus_hover_gradient_a, - @pt_button_focus_hover_gradient_b 50%, - @pt_button_focus_hover_gradient_c 50%, - @pt_button_focus_hover_gradient_d); + background-image: linear-gradient(to bottom, + @pt_button_focus_hover_gradient_a, + @pt_button_focus_hover_gradient_b 50%, + @pt_button_focus_hover_gradient_c 50%, + @pt_button_focus_hover_gradient_d); } /***************** @@ -1496,62 +1496,62 @@ notebook button.flat.small-button:hover{ **************/ combobox { - padding: 0; + padding: 0; } combobox *:disabled { - color: @insensitive_fg_color; + color: @insensitive_fg_color; } combobox separator { - /* always disable separators */ - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; + /* always disable separators */ + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; } combobox entry .entry:first-child, combobox entry button:first-child { - border-image-width: 3px 0 4px 3px; - border-radius: 3px 0 0 3px; - border-right-width: 0; + border-image-width: 3px 0 4px 3px; + border-radius: 3px 0 0 3px; + border-right-width: 0; } combobox entry .entry:last-child, combobox entry button:last-child { - border-image-width: 3px 3px 4px 0; - border-radius: 0 3px 3px 0; - border-left-width: 0; + border-image-width: 3px 3px 4px 0; + border-radius: 0 3px 3px 0; + border-left-width: 0; } combobox entry button:last-child { - border-image-width: 3px 3px 4px 2px; + border-image-width: 3px 3px 4px 2px; } toolbar.primary-toolbar combobox entry .entry:first-child, toolbar.primary-toolbar combobox entry button:first-child { - border-image-width: 4px 0 4px 4px; - border-radius: 3px 0 0 3px; - border-right-width: 0; + border-image-width: 4px 0 4px 4px; + border-radius: 3px 0 0 3px; + border-right-width: 0; } toolbar.primary-toolbar combobox entry .entry:last-child, toolbar.primary-toolbar combobox entry button:last-child { - border-image-width: 4px 4px 4px 0; - border-radius: 0 3px 3px 0; - border-left-width: 0; + border-image-width: 4px 4px 4px 0; + border-radius: 0 3px 3px 0; + border-left-width: 0; } combobox entry button *:active, combobox entry button *:active:hover { - color: @theme_text_color; + color: @theme_text_color; } combobox button { - color: @internal_element_color; + color: @internal_element_color; } combobox button *:hover { - color: @theme_text_color; + color: @theme_text_color; } /************** @@ -1559,149 +1559,149 @@ combobox button *:hover { **************/ scrollbar { - background-image: none; - border-style: solid; - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 15; - -GtkRange-stepper-size: 15px; - -GtkScrollbar-min-slider-length: 30; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 0; + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: true; + -GtkScrollbar-has-forward-stepper: true; + -GtkRange-slider-width: 15; + -GtkRange-stepper-size: 15px; + -GtkScrollbar-min-slider-length: 30; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 0; } scrollbars-junction { - background-image: none; - background-color: @scrollbars_junction_bg_color; + background-image: none; + background-color: @scrollbars_junction_bg_color; } scrollbars-junction, .scrollbar.trough { - border-color: @scrollbar_trough_border_color; - border-radius: 0; - border-image: none; + border-color: @scrollbar_trough_border_color; + border-radius: 0; + border-image: none; } scrollbar trough.horizontal { - border-width: 1px 0px; - background-image: -gtk-gradient (linear, - left top, - left bottom, - color-stop (0, @scrollbar_trough_gradient_a), - color-stop (0.5, @scrollbar_trough_gradient_b)); + border-width: 1px 0px; + background-image: -gtk-gradient (linear, + left top, + left bottom, + color-stop (0, @scrollbar_trough_gradient_a), + color-stop (0.5, @scrollbar_trough_gradient_b)); } scrollbar trough.vertical { - border-width: 0px 1px; - background-image: -gtk-gradient (linear, - left top, - right top, - color-stop (0, @scrollbar_trough_gradient_a), - color-stop (0.5, @scrollbar_trough_gradient_b)); + border-width: 0px 1px; + background-image: -gtk-gradient (linear, + left top, + right top, + color-stop (0, @scrollbar_trough_gradient_a), + color-stop (0.5, @scrollbar_trough_gradient_b)); } scrollbar button { - border-width: 1px; - border-image: none; - border-color: @scrollbar_button_border_color; - background-image: none; - background-color: transparent; - color: @scrollbar_button_color; + border-width: 1px; + border-image: none; + border-color: @scrollbar_button_border_color; + background-image: none; + background-color: transparent; + color: @scrollbar_button_color; } scrollbar button.top { - border-radius: 3px 3px 0px 0px; + border-radius: 3px 3px 0px 0px; } scrollbar button.bottom { - border-radius: 0px 0px 3px 3px; + border-radius: 0px 0px 3px 3px; } scrollbar button.left { - border-radius: 3px 0px 0px 3px; + border-radius: 3px 0px 0px 3px; } scrollbar button.right { - border-radius: 0px 3px 3px 0px; + border-radius: 0px 3px 3px 0px; } scrollbar.horizontal button { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@scrollbar_button_gradient_a), - color-stop (0.50, @scrollbar_button_gradient_b), - color-stop (0.50, @scrollbar_button_gradient_c), - to (@scrollbar_button_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@scrollbar_button_gradient_a), + color-stop (0.50, @scrollbar_button_gradient_b), + color-stop (0.50, @scrollbar_button_gradient_c), + to (@scrollbar_button_gradient_d)); } scrollbar.vertical button { - background-image: -gtk-gradient (linear, - left top, - right top, - from (@scrollbar_button_gradient_a), - color-stop (0.50, @scrollbar_button_gradient_b), - color-stop (0.50, @scrollbar_button_gradient_c), - to (@scrollbar_button_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + right top, + from (@scrollbar_button_gradient_a), + color-stop (0.50, @scrollbar_button_gradient_b), + color-stop (0.50, @scrollbar_button_gradient_c), + to (@scrollbar_button_gradient_d)); } scrollbar.horizontal button:hover { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@scrollbar_button_hover_gradient_a), - color-stop (0.50, @scrollbar_button_hover_gradient_b), - color-stop (0.50, @scrollbar_button_hover_gradient_c), - to (@scrollbar_button_hover_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@scrollbar_button_hover_gradient_a), + color-stop (0.50, @scrollbar_button_hover_gradient_b), + color-stop (0.50, @scrollbar_button_hover_gradient_c), + to (@scrollbar_button_hover_gradient_d)); } scrollbar.vertical button:hover { - background-image: -gtk-gradient (linear, - left top, - right top, - from (@scrollbar_button_hover_gradient_a), - color-stop (0.50, @scrollbar_button_hover_gradient_b), - color-stop (0.50, @scrollbar_button_hover_gradient_c), - to (@scrollbar_button_hover_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + right top, + from (@scrollbar_button_hover_gradient_a), + color-stop (0.50, @scrollbar_button_hover_gradient_b), + color-stop (0.50, @scrollbar_button_hover_gradient_c), + to (@scrollbar_button_hover_gradient_d)); } scrollbar.horizontal button:active { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@scrollbar_button_active_gradient_a), - color-stop (0.50, @scrollbar_button_active_gradient_b), - color-stop (0.50, @scrollbar_button_active_gradient_c), - to (@scrollbar_button_active_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@scrollbar_button_active_gradient_a), + color-stop (0.50, @scrollbar_button_active_gradient_b), + color-stop (0.50, @scrollbar_button_active_gradient_c), + to (@scrollbar_button_active_gradient_d)); } scrollbar.vertical button:active { - background-image: -gtk-gradient (linear, - left top, - right top, - from (@scrollbar_button_active_gradient_a), - color-stop (0.50, @scrollbar_button_active_gradient_b), - color-stop (0.50, @scrollbar_button_active_gradient_c), - to (@scrollbar_button_active_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + right top, + from (@scrollbar_button_active_gradient_a), + color-stop (0.50, @scrollbar_button_active_gradient_b), + color-stop (0.50, @scrollbar_button_active_gradient_c), + to (@scrollbar_button_active_gradient_d)); } scrollbar button:disabled { - color: @scrollbar_button_insensitive_color; + color: @scrollbar_button_insensitive_color; } scrollbar slider { - background-color: @scrollbar_slider_bg_color; - background-image: none; - border-radius: 0; - border-style: solid; - border-image: none; - border-color: @scrollbar_slider_border_color; - border-width: 1px; + background-color: @scrollbar_slider_bg_color; + background-image: none; + border-radius: 0; + border-style: solid; + border-image: none; + border-color: @scrollbar_slider_border_color; + border-width: 1px; } scrollbar slider:hover { - background-color: @scrollbar_slider_hover_bg_color; + background-color: @scrollbar_slider_hover_bg_color; } /********* @@ -1967,17 +1967,17 @@ checkbutton:selected:focus { ************/ toolbar { - border-style: none; - border-color: darker (@theme_bg_color); - padding: 3px; + border-style: none; + border-color: darker (@theme_bg_color); + padding: 3px; } toolbar button { - padding: 1px; + padding: 1px; } toolbar:disabled { - color: alpha (@theme_fg_color, 0.6); + color: alpha (@theme_fg_color, 0.6); } /******************** @@ -1985,10 +1985,10 @@ toolbar:disabled { ********************/ toolbar menubar { - border-style: none; - -GtkToolbar-button-relief: normal; - padding-left: 4px; - padding-right: 4px; + border-style: none; + -GtkToolbar-button-relief: normal; + padding-left: 4px; + padding-right: 4px; } /******************** @@ -1999,33 +1999,33 @@ toolbar menubar { * hint on the containing vbox, so we need to handle both these cases here. */ toolbar.primary-toolbar { - border-width: 1px 0 1px 0; - border-radius: 0; - border-style: solid; - border-top-color: @toolbar_border_top_color; - border-bottom-color: @toolbar_border_bottom_color; - -GtkWidget-window-dragging: true; - -GtkToolbar-button-relief: normal; + border-width: 1px 0 1px 0; + border-radius: 0; + border-style: solid; + border-top-color: @toolbar_border_top_color; + border-bottom-color: @toolbar_border_bottom_color; + -GtkWidget-window-dragging: true; + -GtkToolbar-button-relief: normal; } toolbar.primary-toolbar:disabled { - background-image: none; - background-color: shade (@theme_bg_color, 0.97); - border-color: shade (@theme_bg_color, 0.91); + background-image: none; + background-color: shade (@theme_bg_color, 0.97); + border-color: shade (@theme_bg_color, 0.91); } /* progressbars on primary toolbar entries are special */ toolbar.primary-toolbar entry progress { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (@trough_gradient_a), - to (@trough_gradient_b)); - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: shade(@internal_element_color, 1.10); - border-image: none; - color: @theme_text_color; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@trough_gradient_a), + to (@trough_gradient_b)); + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: shade(@internal_element_color, 1.10); + border-image: none; + color: @theme_text_color; } /******************* @@ -2033,27 +2033,27 @@ toolbar.primary-toolbar entry progress { *******************/ toolbar.inline-toolbar { - border-width: 1px; - border-radius: 0; - border-style: solid; - -GtkToolbar-button-relief: normal; - padding: 4px; + border-width: 1px; + border-radius: 0; + border-style: solid; + -GtkToolbar-button-relief: normal; + padding: 4px; } toolbar.inline-toolbar:last-child { - border-width: 0 1px 1px 1px; - border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; + border-radius: 0 0 3px 3px; } /* Primary and inline toolbars background */ toolbar.primary-toolbar, toolbar.inline-toolbar { - background-color: transparent; - background-image: linear-gradient(to bottom, - @toolbar_gradient_a 2px, - @toolbar_gradient_b 50%, - @toolbar_gradient_c 50%, - @toolbar_gradient_d); + background-color: transparent; + background-image: linear-gradient(to bottom, + @toolbar_gradient_a 2px, + @toolbar_gradient_b 50%, + @toolbar_gradient_c 50%, + @toolbar_gradient_d); } /*********** @@ -2063,7 +2063,7 @@ toolbar.inline-toolbar { .sidebar, .sidebar .view, placessidebar .view { - background-color: @sidebar_bg_color; + background-color: @sidebar_bg_color; } .sidebar .frame { @@ -2090,14 +2090,14 @@ dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatab } dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:hover { - background-image: linear-gradient(to bottom, - shade(@button_active_gradient_a, 1.20), - shade(@button_active_gradient_b, 1.20) 3px, - shade(@button_active_gradient_c, 1.20) 4px, - shade(@button_active_gradient_d, 1.20) 50%, - shade(@button_active_gradient_e, 1.20) 50%, - shade(@button_active_gradient_f, 1.20)); - background-color: transparent; + background-image: linear-gradient(to bottom, + shade(@button_active_gradient_a, 1.20), + shade(@button_active_gradient_b, 1.20) 3px, + shade(@button_active_gradient_c, 1.20) 4px, + shade(@button_active_gradient_d, 1.20) 50%, + shade(@button_active_gradient_e, 1.20) 50%, + shade(@button_active_gradient_f, 1.20)); + background-color: transparent; } dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer image.sidebar-icon { @@ -2120,9 +2120,9 @@ dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatab /* workaround for broken first/last-child logic with linked buttons in pathbar with gtk+-3.18 *//* .path-bar.linked button.text-button { - border-right-width: 1px; - border-left-width: 1px; - border-radius: 2px; + border-right-width: 1px; + border-left-width: 1px; + border-radius: 2px; padding: 4px; } */ @@ -2130,8 +2130,8 @@ dialog filechooser placessidebar.sidebar.frame viewport.frame list row.activatab .sidebar radio, .sidebar radio:focus, .sidebar radio:selected { - background-image: none; - background-color: transparent; + background-image: none; + background-color: transparent; } /******* @@ -2520,19 +2520,19 @@ progressbar .osd { ****************/ assistant .sidebar highlight { - color: @theme_fg_color; - font: bold; + color: @theme_fg_color; + font: bold; } assistant .sidebar { - padding: 12px; - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: @gtkassistant_sidebar_border_color; - color: mix (@theme_fg_color, @theme_bg_color, 0.40); - background-color: shade (@theme_bg_color, 0.97); - /* shall we make it like sidebars in general? */ + padding: 12px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: @gtkassistant_sidebar_border_color; + color: mix (@theme_fg_color, @theme_bg_color, 0.40); + background-color: shade (@theme_bg_color, 0.97); + /* shall we make it like sidebars in general? */ } /************* @@ -2540,65 +2540,65 @@ assistant .sidebar { *************/ switch { - color: @switch_color; + color: @switch_color; } scale progressbar, switch trough:active { - color: @switch_trough_active_color; + color: @switch_trough_active_color; } GtkSwitch.trough:active { - background-image: -gtk-gradient (linear, - left top, left bottom, - from (@switch_trough_active_gradient_a), - to (@switch_trough_active_gradient_b)); + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@switch_trough_active_gradient_a), + to (@switch_trough_active_gradient_b)); } switch trough:disabled { - background-image: none; - background-color: @insensitive_bg_color; - color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5); + background-image: none; + background-color: @insensitive_bg_color; + color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5); } switch slider { - background-color: @switch_slider_bg_color; - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: @switch_slider_border_color; - padding: 0px 0px 1px 0px; + background-color: @switch_slider_bg_color; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: @switch_slider_border_color; + padding: 0px 0px 1px 0px; } switch slider:disabled { - background-color: @switch_slider_insensitive_bg_color; - border-color: @insensitive_border_color; + background-color: @switch_slider_insensitive_bg_color; + border-color: @insensitive_border_color; } treeview { - -GtkTreeView-vertical-separator: 0; - -GtkTreeView-expander-size: 13; + -GtkTreeView-vertical-separator: 0; + -GtkTreeView-expander-size: 13; } treeview.dnd { - border-color: @internal_element_color; - border-radius: 2px; - border-width: 1px; - border-style: solid; + border-color: @internal_element_color; + border-radius: 2px; + border-width: 1px; + border-style: solid; } iconview, viewport { - border-radius: 3px; - padding: 0; - background-color: @theme_base_color; + border-radius: 3px; + padding: 0; + background-color: @theme_base_color; } iconview.view.cell:selected, iconview.view.cell:selected:focus { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - border-radius: 4px; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + border-radius: 4px; } view, @@ -2608,8 +2608,8 @@ view text, iconview text, textview text treeview { - background-color: @theme_base_color; - color: @theme_text_color; + background-color: @theme_base_color; + color: @theme_text_color; } view, @@ -2622,50 +2622,50 @@ view text selection, view text selection:focus, .view text selection:focus treeview:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; } view:disabled, .view:disabled, treeview:disabled { - background-color: @insensitive_bg_color; - color: @insensitive_fg_color; + background-color: @insensitive_bg_color; + color: @insensitive_fg_color; } GtkTreeView:hover { - background-image: linear-gradient(to bottom, - shade(@button_active_gradient_a, 1.20), - shade(@button_active_gradient_b, 1.20) 3px, - shade(@button_active_gradient_c, 1.20) 4px, - shade(@button_active_gradient_d, 1.20) 50%, - shade(@button_active_gradient_e, 1.20) 50%, - shade(@button_active_gradient_f, 1.20)); - background-color: transparent; + background-image: linear-gradient(to bottom, + shade(@button_active_gradient_a, 1.20), + shade(@button_active_gradient_b, 1.20) 3px, + shade(@button_active_gradient_c, 1.20) 4px, + shade(@button_active_gradient_d, 1.20) 50%, + shade(@button_active_gradient_e, 1.20) 50%, + shade(@button_active_gradient_f, 1.20)); + background-color: transparent; } treeview header button { - color: @internal_element_color; + color: @internal_element_color; } treeview header button, treeview header button:disabled, treeview header button:hover, treeview header button:focus:hover { - background-color: @theme_base_color; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@column_header_button_gradient_a), - color-stop (0.50, @column_header_button_gradient_b), - color-stop (0.50, @column_header_button_gradient_c), - to (@column_header_button_gradient_d)); - padding: 0 4px; - font-weight: normal; + background-color: @theme_base_color; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@column_header_button_gradient_a), + color-stop (0.50, @column_header_button_gradient_b), + color-stop (0.50, @column_header_button_gradient_c), + to (@column_header_button_gradient_d)); + padding: 0 4px; + font-weight: normal; } treeview header button:disabled { - background-color: @insensitive_bg_color; + background-color: @insensitive_bg_color; } treeview header button:hover, @@ -2675,123 +2675,123 @@ treeview header button:active:focus, treeview header button:active:hover, treeview header button:checked, treeview header button:active:hover { - color: @internal_element_hover_color; + color: @internal_element_hover_color; } treeview header button:checked, treeview header button:active:hover, treeview header button:active:hover:focus, treeview header button:active:focus { - background-color: @entry_bg_color; - background-image: none; + background-color: @entry_bg_color; + background-image: none; } row:hover { - border-width: 0; + border-width: 0; } row:disabled { - border-width: 0; + border-width: 0; } row:selected, row:selected:focus { - border-width: 0; + border-width: 0; } row:selected:focus, .cell:selected { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_menuitem_hover_gradient_a), - color-stop (0.50, @menubar_menuitem_hover_gradient_b), - color-stop (0.50, @menubar_menuitem_hover_gradient_c), - to (@menubar_menuitem_hover_gradient_d)); + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_menuitem_hover_gradient_a), + color-stop (0.50, @menubar_menuitem_hover_gradient_b), + color-stop (0.50, @menubar_menuitem_hover_gradient_c), + to (@menubar_menuitem_hover_gradient_d)); } .cell { - color: @theme_text_color; - padding: 2px; - border-width: 0; + color: @theme_text_color; + padding: 2px; + border-width: 0; } .cell:selected { - color: @theme_selected_fg_color; + color: @theme_selected_fg_color; } expander { - border-style: solid; - border-width: 1px; - border-radius: 2px; - border-color: shade (@internal_element_color, 1.40); - color: @theme_base_color; - background-color: @theme_base_color; + border-style: solid; + border-width: 1px; + border-radius: 2px; + border-color: shade (@internal_element_color, 1.40); + color: @theme_base_color; + background-color: @theme_base_color; } expander:active { - border-style: solid; - border-width: 1px; - border-color: shade (@internal_element_color, 1.40); - background-color: @theme_base_color; + border-style: solid; + border-width: 1px; + border-color: shade (@internal_element_color, 1.40); + background-color: @theme_base_color; } expander:hover { - border-style: solid; - border-width: 1px; - color: @internal_element_color; - border-color: shade (@internal_element_color, 1.40); - background-color: shade (@theme_bg_color, 1.02); + border-style: solid; + border-width: 1px; + color: @internal_element_color; + border-color: shade (@internal_element_color, 1.40); + background-color: shade (@theme_bg_color, 1.02); } expander row { - border-radius: 2px; + border-radius: 2px; } expander row:selected, expander row:selected:focus { - border-style: solid; - border-width: 1px; - border-color: @expander_row_selected_border_color; - color: @expander_row_selected_color; - background-color: @theme_selected_bg_color; + border-style: solid; + border-width: 1px; + border-color: @expander_row_selected_border_color; + color: @expander_row_selected_color; + background-color: @theme_selected_bg_color; } /* Calendars */ calendar { - padding: 2px; + padding: 2px; } calendar.view { - border-radius: 3px; - border-style: solid; - border-width: 1px; - padding: 2px; + border-radius: 3px; + border-style: solid; + border-width: 1px; + padding: 2px; } calendar.header { - border-radius: 0; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (shade (@theme_bg_color, 1.04)), - to (shade (@theme_bg_color, 0.89))); - border-width: 0; + border-radius: 0; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade (@theme_bg_color, 1.04)), + to (shade (@theme_bg_color, 0.89))); + border-width: 0; } calendar button, calendar button:disabled { - background-image: none; - background-color: transparent; + background-image: none; + background-color: transparent; } highlight, calendar.highlight { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - border-radius: 0; - padding: 0; - border-width: 0; + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; + border-radius: 0; + padding: 0; + border-width: 0; } /* Use different button and entry borders on infobars */ @@ -2830,10 +2830,10 @@ entry.error:focus, .error button:active, .error button:focus, .error button:active:focus { - border-image: none; - border-color: shade(@border_color, 0.9); - border-style: solid; - border-width: 1px; + border-image: none; + border-color: shade(@border_color, 0.9); + border-style: solid; + border-width: 1px; } infobar:last-child, @@ -2841,46 +2841,46 @@ infobar:last-child, .warning:last-child, .question:last-child, .error:last-child { - /* only apply a border on the last infobar if - * there's more than one packed in */ - border-bottom-width: 1px; - border-style: solid; + /* only apply a border on the last infobar if + * there's more than one packed in */ + border-bottom-width: 1px; + border-style: solid; } .info > * { - background-color: @info_bg_color; - color: @info_fg_color; - border-color: darker(@info_bg_color); + background-color: @info_bg_color; + color: @info_fg_color; + border-color: darker(@info_bg_color); } .warning > * { - background-color: @warning_bg_color; - color: @warning_fg_color; - border-color: darker(@warning_bg_color); + background-color: @warning_bg_color; + color: @warning_fg_color; + border-color: darker(@warning_bg_color); } .question > * { - background-color: @question_bg_color; - color: @question_fg_color; - border-color: darker(@question_bg_color); + background-color: @question_bg_color; + color: @question_fg_color; + border-color: darker(@question_bg_color); } .error > * { - background-color: @error_bg_color; - color: @error_fg_color; - border-color: darker(@error_bg_color); + background-color: @error_bg_color; + color: @error_fg_color; + border-color: darker(@error_bg_color); } .view.dim-label, .dim-label, .dim-label:hover, .dim-label:focus { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); + color: mix (@theme_fg_color, @theme_bg_color, 0.50); } .dim-label:selected, .dim-label:selected:focus { - color: mix (@theme_selected_fg_color, @theme_base_color, 0.50); + color: mix (@theme_selected_fg_color, @theme_base_color, 0.50); } /************ @@ -2888,39 +2888,39 @@ infobar:last-child, ************/ .titlebar { - background-image: linear-gradient(to bottom, - @theme_base_color, - @theme_bg_color); - background-color: transparent; - border-radius: 7px 7px 0 0; - border-bottom: 1px solid; - border-color: shade(@border_color, 1.30); - padding: 5px 4px 4px 4px; + background-image: linear-gradient(to bottom, + @theme_base_color, + @theme_bg_color); + background-color: transparent; + border-radius: 7px 7px 0 0; + border-bottom: 1px solid; + border-color: shade(@border_color, 1.30); + padding: 5px 4px 4px 4px; } .titlebar > * { - background: none; + background: none; } .tiled .titlebar { - border-radius: 0; + border-radius: 0; } .maximized .titlebar { - border-radius: 0; + border-radius: 0; } .titlebar .title { - font: Bold; + font: Bold; } /*.titlebar :first-child {*/ -/* padding: 5px 5px 6px 5px;*/ +/* padding: 5px 5px 6px 5px;*/ /*}*/ .titlebar button.titlebutton { - background: none; - border-image: none; + background: none; + border-image: none; } /* workaround to avoid unwanted black frames if switching compositor on/off */ @@ -2929,22 +2929,22 @@ infobar:last-child, } .background.csd decoration { - border-width: 0px; - border-radius: 7px 7px 0 0; - border-style: solid; - box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; - margin: 10px; + border-width: 0px; + border-radius: 7px 7px 0 0; + border-style: solid; + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + margin: 10px; } /* workaround to avoid unwanted black frames if switching compositor on/off */ decoration:backdrop { -/* box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px*/ +/* box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px*/ box-shadow: none; } .tiled decoration { - border-radius: 0; - background-color: @theme_bg_color; + border-radius: 0; + background-color: @theme_bg_color; } .ssd decoration { @@ -2979,8 +2979,8 @@ messagedialog.csd decoration { **************/ actionbar { - border-style: none; - padding: 7px 7px 3px 7px; + border-style: none; + padding: 7px 7px 3px 7px; } /************** @@ -2988,7 +2988,7 @@ actionbar { **************/ headerbar { - padding: 5px 4px 4px 4px; + padding: 5px 4px 4px 4px; } /************* @@ -2996,19 +2996,19 @@ headerbar { *************/ popover.background { - background-clip: initial; - margin: 10px; - padding: 2px; - border-color: @border_color; - border: 1px solid; - border-radius: 2px; - background-color: @theme_bg_color; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.0), - shade(@theme_bg_color, 0.85)); - box-shadow: 0 1px 5px @wm_shadow; - text-shadow: none; - -gtk-icon-shadow: none; + background-clip: initial; + margin: 10px; + padding: 2px; + border-color: @border_color; + border: 1px solid; + border-radius: 2px; + background-color: @theme_bg_color; + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.0), + shade(@theme_bg_color, 0.85)); + box-shadow: 0 1px 5px @wm_shadow; + text-shadow: none; + -gtk-icon-shadow: none; } popover > list, @@ -3028,37 +3028,37 @@ popover > .location-bar popover.osd > searchbar popover > .inline-toolbar popover.osd > .location-bar, popover > searchbar popover.osd > .location-bar, popover > .location-bar popover.osd > .location-bar { - border-style: none; - background-color: transparent; + border-style: none; + background-color: transparent; } popover separator { - font-size: 80%; - font-weight: bold; - color: alpha(@theme_fg_color,0.1); - text-shadow: none; - background-color: transparent; - -gtk-icon-shadow: none; - border: 0; + font-size: 80%; + font-weight: bold; + color: alpha(@theme_fg_color,0.1); + text-shadow: none; + background-color: transparent; + -gtk-icon-shadow: none; + border: 0; } popover.osd { - background-image: none; - background-color: alpha(shade(#3E403D, 0.85), 0.75); - border: 1px solid black; - box-shadow: none; - color: @theme_selected_fg_color; + background-image: none; + background-color: alpha(shade(#3E403D, 0.85), 0.75); + border: 1px solid black; + box-shadow: none; + color: @theme_selected_fg_color; } popover.osd toolbar { - background-image: none; - background-color: transparent; - border-style: none; - box-shadow: none; + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; } popover.osd button { - text-shadow: 0 -1px @osd_text_shadow; - -gtk-icon-shadow: 0 -1px @osd_text_shadow; + text-shadow: 0 -1px @osd_text_shadow; + -gtk-icon-shadow: 0 -1px @osd_text_shadow; } popover.osd button:checked { @@ -3066,16 +3066,16 @@ popover.osd button:checked { } popover.osd button:disabled { - color: alpha(@theme_selected_fg_color, 0.4); + color: alpha(@theme_selected_fg_color, 0.4); } popover list { - background-color: @theme_base_color; + background-color: @theme_base_color; } modelbutton.flat { - color: @theme_fg_color; - border-radius: 3px; + color: @theme_fg_color; + border-radius: 3px; } modelbutton.flat:checked, @@ -3087,38 +3087,38 @@ modelbutton.flat, modelbutton.flat:focus, modelbutton.flat:active:focus, modelbutton.flat:checked:focus { - color: @theme_fg_color; - background-color: transparent; - background-image: none; - border-color: transparent; - border-image: none; - border-style: none; - box-shadow: none; - border-radius: 3px; + color: @theme_fg_color; + background-color: transparent; + background-image: none; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + border-radius: 3px; } modelbutton.flat:checked:hover, modelbutton.flat:active:hover, modelbutton.flat:hover, modelbutton.flat:selected { - color: @theme_selected_fg_color; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.8)); - text-shadow: none; - border-color: @border_color; - border-width: 2px; - border-radius: 3px; + color: @theme_selected_fg_color; + background-image: linear-gradient(to bottom, + shade(@theme_selected_bg_color, 1.1), + shade(@theme_selected_bg_color, 0.8)); + text-shadow: none; + border-color: @border_color; + border-width: 2px; + border-radius: 3px; } popover separator { - font-size: 80%; - font-weight: bold; - color: alpha(@theme_text_color,0.4); - text-shadow: none; - background-color: transparent; - -gtk-icon-shadow: none; - border: 0; + font-size: 80%; + font-weight: bold; + color: alpha(@theme_text_color,0.4); + text-shadow: none; + background-color: transparent; + -gtk-icon-shadow: none; + border: 0; } popover button.default.text-button.suggested-action { @@ -3131,14 +3131,14 @@ popover button.default.text-button.suggested-action { } popover button.default.text-button.suggested-action:hover { - color: @theme_selected_fg_color; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.8)); - text-shadow: none; - border-color: @border_color; - border-width: 2px; - border-radius: 3px; + color: @theme_selected_fg_color; + background-image: linear-gradient(to bottom, + shade(@theme_selected_bg_color, 1.1), + shade(@theme_selected_bg_color, 0.8)); + text-shadow: none; + border-color: @border_color; + border-width: 2px; + border-radius: 3px; } /************ diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css index 86ae9272..1b87d583 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css @@ -9,8 +9,8 @@ CajaWindow CajaPlacesSidebar .view, CajaWindow CajaHistorySidebar .view, CajaWindow CajaEmblemSidebar .frame, CajaWindow CajaInformationPanel .vertical { - background-color: shade (@theme_base_color, 1.00); - color: @theme_fg_color; + background-color: shade (@theme_base_color, 1.00); + color: @theme_fg_color; } /* moved eject button to left better for overlay scrollbars */ @@ -24,7 +24,7 @@ CajaWindow CajaNotesViewer .vertical.scrollbar.overlay-indicator, CajaWindow CajaPlacesSidebar .vertical.scrollbar.overlay-indicator, CajaWindow CajaEmblemSidebar .vertical.scrollbar.overlay-indicator, CajaWindow CajaHistorySidebar .vertical.scrollbar.overlay-indicator { - -GtkRange-slider-width: 13; + -GtkRange-slider-width: 13; } /* ComboBox views */ @@ -35,7 +35,7 @@ CajaWindow .primary-toolbar.toolbar.horizontal GtkComboBox .button { .caja-canvas-item, EelEditableLabel.entry { - border-radius: 3px; + border-radius: 3px; } EelEditableLabel.entry, @@ -50,14 +50,14 @@ EelEditableLabel.entry:focus { /* desktop */ CajaDesktopWindow.background .caja-canvas-item { - color: @theme_base_color; - text-shadow: 1px 1px alpha (@theme_fg_color, 0.8); + color: @theme_base_color; + text-shadow: 1px 1px alpha (@theme_fg_color, 0.8); } CajaDesktopWindow.background .caja-canvas-item:active, CajaDesktopWindow.background .caja-canvas-item:hover, CajaDesktopWindow.background .caja-canvas-item:selected { - text-shadow: none; + text-shadow: none; } /* view */ @@ -82,16 +82,16 @@ PanelAppletFrame, MatePanelAppletFrameDBus, MatePanelAppletContainer, MatePanelApplet { - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@menubar_gradient_a), - color-stop (0.50, @menubar_gradient_b), - to (@menubar_gradient_c)); - background-color: @theme_bg_color; - padding: 0px; - color: @theme_fg_color; - text-shadow: none; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@menubar_gradient_a), + color-stop (0.50, @menubar_gradient_b), + to (@menubar_gradient_c)); + background-color: @theme_bg_color; + padding: 0px; + color: @theme_fg_color; + text-shadow: none; } /* workaround to avoid unwanted black frames if switching compositor on/off */ @@ -101,186 +101,186 @@ MatePanelApplet { /* set selected menubar button */ PanelMenuBar.menubar .menuitem:hover { - background-image: none; - background-color: shade(@theme_selected_bg_color, 1.1); - border-style: none; - border-image: none; - /* join menuitem to menu */ - border-radius: 3px 3px 0px 0px; - border-width: 0px; - text-shadow: none; - padding: 3px 5px; + background-image: none; + background-color: shade(@theme_selected_bg_color, 1.1); + border-style: none; + border-image: none; + /* join menuitem to menu */ + border-radius: 3px 3px 0px 0px; + border-width: 0px; + text-shadow: none; + padding: 3px 5px; } /* set menubar menuitem */ PanelMenuBar.menubar .menu .menuitem { - background-image: none; - color: @theme_text_color; - border-style: solid; - border-width: 1px; - border-radius: 3px; - border-color: alpha(@theme_bg_color, 0.1); - padding: 6px 5px; + background-image: none; + color: @theme_text_color; + border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: alpha(@theme_bg_color, 0.1); + padding: 6px 5px; } /* set selected menubar menuitem */ PanelMenuBar.menubar .menu .menuitem:checked:hover, PanelMenuBar.menubar .menu .menuitem:active:hover, PanelMenuBar.menubar .menu .menuitem:hover { - background-image: none; - color: @theme_text_color; - border-style: solid; - border-width: 1px; - border-radius: 3px; - border-color: alpha(@theme_selected_bg_color, 0.1); - padding: 6px 5px; + background-image: none; + color: @theme_text_color; + border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: alpha(@theme_selected_bg_color, 0.1); + padding: 6px 5px; } MatePanelApplet { - border-width: 0; + border-width: 0; } PanelSeparator { - border-width: 0; - background-image: none; - color: shade (@theme_bg_color, 0.75); - text-shadow: none; + border-width: 0; + background-image: none; + color: shade (@theme_bg_color, 0.75); + text-shadow: none; } /* desktop-applet, clockapplet, drivemount, character-map, dictionary */ MatePanelApplet .button { - /* Due to a bug somewhere in gtk or cairo, - a padding of zero (or even one) doesn't work always!!! */ - padding: 0px; - border-radius: 3px; - border-width: 1px; - border-style: solid; - text-shadow: none; - color: @theme_fg_color; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@button_gradient_a), - color-stop (0.50, @button_gradient_b), - color-stop (0.50, @button_gradient_c), - to (@button_gradient_d)); + /* Due to a bug somewhere in gtk or cairo, + a padding of zero (or even one) doesn't work always!!! */ + padding: 0px; + border-radius: 3px; + border-width: 1px; + border-style: solid; + text-shadow: none; + color: @theme_fg_color; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@button_gradient_a), + color-stop (0.50, @button_gradient_b), + color-stop (0.50, @button_gradient_c), + to (@button_gradient_d)); } MatePanelApplet .button:checked:hover, MatePanelApplet .button:checked, MatePanelApplet .button:active:hover, MatePanelApplet .button:active { - border-style: solid; - background-image: linear-gradient(to bottom, - @button_active_gradient_a, - @button_active_gradient_b 3px, - @button_active_gradient_c 4px, - @button_active_gradient_d 50%, - @button_active_gradient_e 50%, - @button_active_gradient_f); + border-style: solid; + background-image: linear-gradient(to bottom, + @button_active_gradient_a, + @button_active_gradient_b 3px, + @button_active_gradient_c 4px, + @button_active_gradient_d 50%, + @button_active_gradient_e 50%, + @button_active_gradient_f); } MatePanelApplet .button:hover { - border-style: solid; - background-image: linear-gradient(to bottom, - @button_gradient_color_b, - @button_gradient_color_a); + border-style: solid; + background-image: linear-gradient(to bottom, + @button_gradient_color_b, + @button_gradient_color_a); } /*Wncklist */ WnckTasklist .button { - padding: 0px; - border-radius: 3px; - border-width: 1px; - border-style: solid; - text-shadow: none; - color: @theme_fg_color; - background-color: transparent; - background-image: -gtk-gradient (linear, - left top, - left bottom, - from (@button_gradient_a), - color-stop (0.50, @button_gradient_b), - color-stop (0.50, @button_gradient_c), - to (@button_gradient_d)); + padding: 0px; + border-radius: 3px; + border-width: 1px; + border-style: solid; + text-shadow: none; + color: @theme_fg_color; + background-color: transparent; + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (@button_gradient_a), + color-stop (0.50, @button_gradient_b), + color-stop (0.50, @button_gradient_c), + to (@button_gradient_d)); } WnckTasklist .button:checked:hover, WnckTasklist .button:checked, WnckTasklist .button:active:hover, WnckTasklist .button:active { - padding: 0px; - border-style: solid; - background-color: transparent; - background-image: linear-gradient(to bottom, - @button_active_gradient_a, - @button_active_gradient_b 3px, - @button_active_gradient_c 4px, - @button_active_gradient_d 50%, - @button_active_gradient_e 50%, - @button_active_gradient_f); + padding: 0px; + border-style: solid; + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_active_gradient_a, + @button_active_gradient_b 3px, + @button_active_gradient_c 4px, + @button_active_gradient_d 50%, + @button_active_gradient_e 50%, + @button_active_gradient_f); } WnckTasklist .button:hover { - padding: 0px; - border-style: solid; - background-color: transparent; - background-image: linear-gradient(to bottom, - @button_hover_gradient_c); + padding: 0px; + border-style: solid; + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_c); } /* set selected button WnckSelector */ .mate-panel-window-menu-menu-bar .menuitem:hover, MatePanelApplet > WnckSelector.menubar .menuitem:hover { - color: @theme_fg_color; - border-style: solid; - background-image: linear-gradient(to bottom, - @button_active_gradient_a, - @button_active_gradient_b 3px, - @button_active_gradient_c 4px, - @button_active_gradient_d 50%, - @button_active_gradient_e 50%, - @button_active_gradient_f); + color: @theme_fg_color; + border-style: solid; + background-image: linear-gradient(to bottom, + @button_active_gradient_a, + @button_active_gradient_b 3px, + @button_active_gradient_c 4px, + @button_active_gradient_d 50%, + @button_active_gradient_e 50%, + @button_active_gradient_f); } /* set WnckSelector selected menuitem */ .mate-panel-window-menu-menu-bar .menu .menuitem:hover, MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover { - background-image: none; - background-color: shade(@theme_selected_bg_color, 1.1); - color: @theme_text_color; - border-style: solid; - border-width: 1px; - border-radius: 3px; - border-image: url("assets/menu-border.svg") 2 / 2px stretch; - /*border-color: alpha(@theme_selected_bg_color, 0.1);*/ + background-image: none; + background-color: shade(@theme_selected_bg_color, 1.1); + color: @theme_text_color; + border-style: solid; + border-width: 1px; + border-radius: 3px; + border-image: url("assets/menu-border.svg") 2 / 2px stretch; + /*border-color: alpha(@theme_selected_bg_color, 0.1);*/ } ClockBox, .mate-panel-menu-bar.menubar, MatePanelApplet > GtkMenuBar.menubar { - font: normal; + font: normal; } WnckPager { - background-image: none; - border-color: transparent; - background-color: shade(@theme_bg_color, 0.9); - text-shadow: none; + background-image: none; + border-color: transparent; + background-color: shade(@theme_bg_color, 0.9); + text-shadow: none; } /* hover of WnckPager */ WnckPager:hover { - background-image: linear-gradient(to bottom, - shade (@theme_selected_bg_color, 1.86), - shade (@theme_selected_bg_color, 1.0)); - background-color: @theme_base_color; + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.86), + shade (@theme_selected_bg_color, 1.0)); + background-color: @theme_base_color; } /* Classic icon style */ .mate-panel-menu-bar { - -PanelMenuBar-icon-visible: true; + -PanelMenuBar-icon-visible: true; } /* no background for icon-padding area */ @@ -289,12 +289,12 @@ GtkTrayIcon.background { } NaTrayApplet { - background-image: none; - background-color: transparent; - padding: 0; - text-shadow: none; - -NaTrayApplet-icon-padding: 3; - -NaTrayApplet-icon-size: 16; + background-image: none; + background-color: transparent; + padding: 0; + text-shadow: none; + -NaTrayApplet-icon-padding: 3; + -NaTrayApplet-icon-size: 16; } /* volume applet, brightness applet */ @@ -368,17 +368,17 @@ PlumaWindow .button.flat:hover { /* Printpreview */ PlumaPrintPreview.vertical .toolbar.horizontal { - background-color: transparent; - background-image: linear-gradient(to bottom, - @toolbar_gradient_a 2px, - @toolbar_gradient_b 50%, - @toolbar_gradient_c 50%, - @toolbar_gradient_d); - border-width: 1px 0 1px 1px; - border-radius: 0; - border-style: solid; - border-top-color: @toolbar_border_top_color; - border-bottom-color: @toolbar_border_bottom_color; + background-color: transparent; + background-image: linear-gradient(to bottom, + @toolbar_gradient_a 2px, + @toolbar_gradient_b 50%, + @toolbar_gradient_c 50%, + @toolbar_gradient_d); + border-width: 1px 0 1px 1px; + border-radius: 0; + border-style: solid; + border-top-color: @toolbar_border_top_color; + border-bottom-color: @toolbar_border_bottom_color; padding: 0px; } @@ -409,16 +409,16 @@ PlumaPanel.vertical .horizontal .horizontal GtkImage { } PlumaPanel.vertical .notebook { - border-width: 0px; - border-radius: 0px; - border-style: none; + border-width: 0px; + border-radius: 0px; + border-style: none; } PlumaPanel.vertical .notebook.header.frame { - border-width: 0px 1px 1px 0px; - border-color: @border_color; - border-radius: 0px; - border-style: solid; + border-width: 0px 1px 1px 0px; + border-color: @border_color; + border-radius: 0px; + border-style: solid; } PlumaFileBrowserWidget.vertical GtkExpander .vertical .entry { @@ -426,17 +426,17 @@ PlumaFileBrowserWidget.vertical GtkExpander .vertical .entry { } PlumaFileBrowserWidget.vertical .toolbar.horizontal { - background-color: transparent; - background-image: linear-gradient(to bottom, - @toolbar_gradient_a 2px, - @toolbar_gradient_b 50%, - @toolbar_gradient_c 50%, - @toolbar_gradient_d); - border-width: 1px 1px 1px 1px; - border-radius: 1px; - border-style: solid; - border-top-color: @toolbar_border_top_color; - border-bottom-color: @toolbar_border_bottom_color; + background-color: transparent; + background-image: linear-gradient(to bottom, + @toolbar_gradient_a 2px, + @toolbar_gradient_b 50%, + @toolbar_gradient_c 50%, + @toolbar_gradient_d); + border-width: 1px 1px 1px 1px; + border-radius: 1px; + border-style: solid; + border-top-color: @toolbar_border_top_color; + border-bottom-color: @toolbar_border_bottom_color; padding: 5px; } diff --git a/desktop-themes/TraditionalOk/gtk-3.0/other-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/other-applications.css index 771872b2..7d650610 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/other-applications.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/other-applications.css @@ -36,6 +36,6 @@ GtkPaned GtkOverlay GtkRevealer.bottom .background.horizontal.osd .button.flat.i .primary-toolbar.toolbar.horizontal RBHeader.horizontal GtkVolumeButton.button.flat, .primary-toolbar.toolbar.horizontal RBHeader.horizontal GtkVolumeButton.button.flat:active, .primary-toolbar.toolbar.horizontal RBHeader.horizontal GtkVolumeButton.button.flat:hover { - padding: 0px 6px; + padding: 0px 6px; } -- cgit v1.2.1 From e1fb1e109f95253ccf3cc652d359076d78a5d2a7 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 17:25:56 +0100 Subject: GTK+-3.20 TraditionalOK: fix bg color of spinner animation --- desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 7b28a4d2..659381e5 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -103,14 +103,16 @@ tooltip * { spinner { background: none; - background-color: blue; + background-color: transparent; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; - animation: spin 1s linear infinite; } + animation: spin 1s linear infinite; +} + spinner:active:disabled { opacity: 0.5; } -- cgit v1.2.1 From df446cd421259fd507791ca617b8ca04c3bed108 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 17:34:59 +0100 Subject: GTK+-3.20TraditionalOK: use symbolic arrows for combobox button builtin GtkArrow does not work anymore. --- desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 659381e5..32d3f5ff 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1556,6 +1556,13 @@ combobox button *:hover { color: @theme_text_color; } +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: @theme_fg_color; + min-height: 16px; + min-width: 16px; +} + /************** * Scrollbars * **************/ -- cgit v1.2.1 From 6fdf5eb25bdf1e4025e143d0bf8b804a4b54bcb5 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 17:54:49 +0100 Subject: GTK+-3.20 TraditionalOK: make stackswitcher buttons in headerbars bigger --- desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 32d3f5ff..8628e1f4 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -3000,6 +3000,22 @@ headerbar { padding: 5px 4px 4px 4px; } +headerbar.titlebar > stackswitcher.linked.stack-switcher > button, +headerbar.titlebar > stackswitcher.linked.stack-switcher > button:checked:hover { + padding: 6px 22px; + border-width: 1px 1px 1px 0px; +} + +headerbar.titlebar > stackswitcher.linked.stack-switcher > button:first-child, +headerbar.titlebar > stackswitcher.linked.stack-switcher > button:checked:hover:first-child { + border-width: 1px; +} + +headerbar.titlebar > stackswitcher.linked.stack-switcher > button:last-child, +headerbar.titlebar > stackswitcher.linked.stack-switcher > button:checked:hover:last-child { + border-width: 1px 1px 1px 0px; +} + /************* * Popovers * *************/ -- cgit v1.2.1 From 396d28e512d1e256379d1cdac9d19baf1697897f Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 19:00:54 +0100 Subject: GTK+-3.20 TraditionalOK: fix progressbars --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 66 ++++++++++++++++++---- 1 file changed, 54 insertions(+), 12 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 8628e1f4..35d6a211 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -539,18 +539,56 @@ GtkColorEditor colorswatch.color-dark:hover { ****************/ progressbar { + border-radius: 3px; + padding: 0; +} + +progressbar.horizontal { min-height: 16px; +} + +progressbar.vertical { min-width: 16px; - border-radius: 3px; - padding: 0 0 1px 0; } /* progress component */ -progressbar, -progressbar row, -progressbar row:hover, -progressbar row:selected, -progressbar row:selected:focus { +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 16px; + border-radius: 3px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 16px; + border-radius: 3px; +} + +progressbar progress.left { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +progressbar progress.right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +progressbar progress.top { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +progressbar progress.bottom { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +progressbar.horizontal progress, +row progressbar progress, +row:hover progressbar progress, +row:selected progressbar progress, +row:selected:focus progressbar progress { background-color: @progressbar_bg_color; background-image: linear-gradient(to bottom, alpha (@progressbar_gradient_a, 0.7), @@ -568,12 +606,12 @@ progressbar row:selected:focus { border-color: @progressbar_border_color; } -progressbar row:selected, -progressbar row:selected:focus { +row:selected progressbar trough, +row:selected:focus progressbar trough { border-color: shade(@progressbar_border_color, 0.85); } -progressbar.vertical { +progressbar.vertical progress { background-image: linear-gradient(to right, alpha (@progressbar_gradient_a, 0.7), alpha (@progressbar_gradient_b, 0.7) 50%, @@ -584,6 +622,10 @@ progressbar.vertical { alpha (@progressbar_pattern_color, 0.0) 12px, alpha (@progressbar_pattern_color, 0.5) 12px, alpha (@progressbar_pattern_color, 0.5) 24px); + border-radius: 3px; + border-width: 1px; + border-style: solid; + border-color: @progressbar_border_color; } /* for progressbars in cell renderers */ @@ -591,8 +633,8 @@ row trough { padding: 0; } -row trough:selected, -row trough:selected:focus { +row:selected progressbar trough, +row:selected:focus progressbar trough { background-image: -gtk-gradient (linear, left top, left bottom, from (mix (@trough_gradient_a, @theme_selected_bg_color, 0.25)), -- cgit v1.2.1 From 5344fcb934743ed34cac338c50ddf9ea0fdf2248 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 21:53:14 +0100 Subject: GTK+-3.20 TraditionalOK: fix scrollbars for 3.20 --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 105 ++++++++++++--------- 1 file changed, 62 insertions(+), 43 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 35d6a211..7f01aa1e 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1622,19 +1622,19 @@ scrollbar { -GtkRange-trough-under-steppers: 0; } -scrollbars-junction { +scrolledwindow junction { background-image: none; background-color: @scrollbars_junction_bg_color; } -scrollbars-junction, -.scrollbar.trough { +scrollbar trough { + background-image: none; border-color: @scrollbar_trough_border_color; border-radius: 0; border-image: none; } -scrollbar trough.horizontal { +scrollbar.horizontal trough { border-width: 1px 0px; background-image: -gtk-gradient (linear, left top, @@ -1643,8 +1643,19 @@ scrollbar trough.horizontal { color-stop (0.5, @scrollbar_trough_gradient_b)); } -scrollbar trough.vertical { - border-width: 0px 1px; +scrollbar.horizontal.top trough { + border-width: 0px 0px 1px 0px; +} + +scrollbar.horizontal.bottom trough { + border-width: 1px 0px 0px 0px; +} + +scrollbar.vertical.right trough { + border-width: 0px 1px 0px 0px; +} + +scrollbar.vertical trough { background-image: -gtk-gradient (linear, left top, right top, @@ -1652,29 +1663,51 @@ scrollbar trough.vertical { color-stop (0.5, @scrollbar_trough_gradient_b)); } +scrollbar.vertical.left trough { + border-width: 0px 0px 0px 1px; +} + +scrollbar.vertical.right trough { + border-width: 0px 1px 0px 0px; +} + scrollbar button { border-width: 1px; border-image: none; border-color: @scrollbar_button_border_color; + border-radius: 0px; background-image: none; background-color: transparent; color: @scrollbar_button_color; } -scrollbar button.top { - border-radius: 3px 3px 0px 0px; +scrollbar button:disabled { + color: @scrollbar_button_insensitive_color; + border-color: @scrollbar_button_border_color; + border-radius: 0px; + border-image: none; + border-style: solid; + border-width: 1px; } -scrollbar button.bottom { - border-radius: 0px 0px 3px 3px; +scrollbar.vertical button:first-child, +scrollbar.vertical button:disabled:first-child { + border-width: 0px 0px 1px 1px; } -scrollbar button.left { - border-radius: 3px 0px 0px 3px; +scrollbar.vertical button:last-child, +scrollbar.vertical button:disabled:last-child { + border-width: 1px 0px 0px 1px; } -scrollbar button.right { - border-radius: 0px 3px 3px 0px; +scrollbar.horizontal button:first-child, +scrollbar.horizontal button:disabled:first-child { + border-width: 1px 1px 0px 0px; +} + +scrollbar.horizontal button:last-child, +scrollbar.horizontal button:disabled:last-child { + border-width: 1px 0px 0px 1px; } scrollbar.horizontal button { @@ -1682,52 +1715,42 @@ scrollbar.horizontal button { left top, left bottom, from (@scrollbar_button_gradient_a), - color-stop (0.50, @scrollbar_button_gradient_b), - color-stop (0.50, @scrollbar_button_gradient_c), to (@scrollbar_button_gradient_d)); } -scrollbar.vertical button { +scrollbar.horizontal button:hover { background-image: -gtk-gradient (linear, + left bottom, left top, - right top, - from (@scrollbar_button_gradient_a), - color-stop (0.50, @scrollbar_button_gradient_b), - color-stop (0.50, @scrollbar_button_gradient_c), - to (@scrollbar_button_gradient_d)); + from (@scrollbar_button_hover_gradient_a), + to (@scrollbar_button_hover_gradient_d)); } -scrollbar.horizontal button:hover { +scrollbar.horizontal button:hover:active { background-image: -gtk-gradient (linear, left top, left bottom, - from (@scrollbar_button_hover_gradient_a), - color-stop (0.50, @scrollbar_button_hover_gradient_b), - color-stop (0.50, @scrollbar_button_hover_gradient_c), - to (@scrollbar_button_hover_gradient_d)); + from (@scrollbar_button_active_gradient_a), + to (@scrollbar_button_active_gradient_d)); } -scrollbar.vertical button:hover { +scrollbar.vertical button { background-image: -gtk-gradient (linear, left top, - right top, - from (@scrollbar_button_hover_gradient_a), - color-stop (0.50, @scrollbar_button_hover_gradient_b), - color-stop (0.50, @scrollbar_button_hover_gradient_c), - to (@scrollbar_button_hover_gradient_d)); + left bottom, + from (@scrollbar_button_gradient_a), + to (@scrollbar_button_gradient_d)); } -scrollbar.horizontal button:active { +scrollbar.vertical button:hover { background-image: -gtk-gradient (linear, left top, left bottom, - from (@scrollbar_button_active_gradient_a), - color-stop (0.50, @scrollbar_button_active_gradient_b), - color-stop (0.50, @scrollbar_button_active_gradient_c), - to (@scrollbar_button_active_gradient_d)); + from (@scrollbar_button_hover_gradient_d), + to (@scrollbar_button_hover_gradient_a)); } -scrollbar.vertical button:active { +scrollbar.vertical button:hover:active { background-image: -gtk-gradient (linear, left top, right top, @@ -1737,10 +1760,6 @@ scrollbar.vertical button:active { to (@scrollbar_button_active_gradient_d)); } -scrollbar button:disabled { - color: @scrollbar_button_insensitive_color; -} - scrollbar slider { background-color: @scrollbar_slider_bg_color; background-image: none; -- cgit v1.2.1 From 83df1065683080be87146466492807b8a7a9b558 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 22:44:02 +0100 Subject: GTK+-3.20 TraditionalOK: adjust treeviews and rows --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 81 ++++++++++++++-------- 1 file changed, 54 insertions(+), 27 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 7f01aa1e..d78ff490 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -2645,17 +2645,9 @@ switch slider:disabled { border-color: @insensitive_border_color; } -treeview { - -GtkTreeView-vertical-separator: 0; - -GtkTreeView-expander-size: 13; -} - -treeview.dnd { - border-color: @internal_element_color; - border-radius: 2px; - border-width: 1px; - border-style: solid; -} +/************************** + * GtkIconview GtkViewport* + **************************/ iconview, viewport { @@ -2671,6 +2663,7 @@ iconview.view.cell:selected:focus { border-radius: 4px; } +list, view, .view, view text, @@ -2703,17 +2696,23 @@ treeview:disabled { color: @insensitive_fg_color; } -GtkTreeView:hover { - background-image: linear-gradient(to bottom, - shade(@button_active_gradient_a, 1.20), - shade(@button_active_gradient_b, 1.20) 3px, - shade(@button_active_gradient_c, 1.20) 4px, - shade(@button_active_gradient_d, 1.20) 50%, - shade(@button_active_gradient_e, 1.20) 50%, - shade(@button_active_gradient_f, 1.20)); - background-color: transparent; +/*************** + * GtkTreeview * + ***************/ + +treeview { + -GtkTreeView-vertical-separator: 0; + -GtkTreeView-expander-size: 13; } +treeview.dnd { + border-color: @internal_element_color; + border-radius: 2px; + border-width: 1px; + border-style: solid; +} + +/* column-headers */ treeview header button { color: @internal_element_color; } @@ -2756,30 +2755,58 @@ treeview header button:active:focus { background-image: none; } -row:hover { - border-width: 0; +treeview header button, +treeview header button:focus, +treeview header button:active, +treeview header button:active:hover, +treeview header button:active:focus { + border-image: none; + border-width: 1px; + border-radius: 0; + border-style: solid; + border-color: @column_header_border_top_color @column_header_border_right_color + @column_header_border_bottom_color @column_header_border_left_color; + } -row:disabled { - border-width: 0; +treeview header button:last-child, +treeview header button:last-child:focus, +treeview header button:last-child:active, +treeview header button:last-child:active:hover, +treeview header button:last-child:active:focus{ + border-right: none; } +row:hover, +row:disabled, row:selected, row:selected:focus { border-width: 0; } +row:selected, row:selected:focus, -.cell:selected { +.cell:selected, +row:selected:hover, +row:selected:focus:hover, +.cell:selected:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (@menubar_menuitem_hover_gradient_a), - color-stop (0.50, @menubar_menuitem_hover_gradient_b), - color-stop (0.50, @menubar_menuitem_hover_gradient_c), to (@menubar_menuitem_hover_gradient_d)); } +row:hover, +row:hover:focus, +.cell:hover { + background-image: -gtk-gradient (linear, + left top, + left bottom, + from (shade(@menubar_menuitem_hover_gradient_a, 1.2)), + to (shade(@menubar_menuitem_hover_gradient_d, 1.3))); +} + .cell { color: @theme_text_color; padding: 2px; -- cgit v1.2.1 From 98280713877beef1bead8b8d1700e5f138f34067 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 29 Feb 2016 23:37:32 +0100 Subject: GTK+-3.20 TraditionalOK: adjust GtkExpander --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 67 +++++++++++++++++----- 1 file changed, 54 insertions(+), 13 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index d78ff490..cc3b7553 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -2817,28 +2817,59 @@ row:hover:focus, color: @theme_selected_fg_color; } +/* expander */ expander { border-style: solid; border-width: 1px; border-radius: 2px; - border-color: shade (@internal_element_color, 1.40); - color: @theme_base_color; - background-color: @theme_base_color; + border-color: @border_color; + color: @theme_fg_color; + background-color: @theme_bg_color; } -expander:active { - border-style: solid; - border-width: 1px; - border-color: shade (@internal_element_color, 1.40); - background-color: @theme_base_color; +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: @theme_fg_color; } -expander:hover { - border-style: solid; - border-width: 1px; +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + } + +treeview.view.expander:hover { + color: @theme_selected_bg_color; +} + +treeview.view.expander:selected, +treeview.view.expander:selected:hover { + color: @theme_selected_fg_color; +} + +expander arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { color: @internal_element_color; - border-color: shade (@internal_element_color, 1.40); - background-color: shade (@theme_bg_color, 1.02); +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/* why this weird padding, possible issue with gtk+-3.18 ? */ +expander arrow { + min-width: 16px; + min-height: 16px; + padding: 0px 4px 0px 0px; } expander row { @@ -2854,6 +2885,16 @@ expander row:selected:focus { background-color: @theme_selected_bg_color; } +expander scrolledwindow.frame { + border-radius: 0px; + border-width: 1px 0px; +} + +expander toolbar.inline-toolbar { + border-width: 0px; + border-style: none; +} + /* Calendars */ calendar { padding: 2px; -- cgit v1.2.1 From 5cea5daf73d62bba7d8e3be20ee9c338b1951bdc Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 1 Mar 2016 00:15:10 +0100 Subject: GTK+-3.20: TraditionalOK gtk-widgets-img: delete forgotten olumn-headers borders --- .../TraditionalOk/gtk-3.0/gtk-widgets-img.css | 23 ---------------------- 1 file changed, 23 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css index 83a087f4..0016d914 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets-img.css @@ -622,26 +622,3 @@ switch:active { border-color: transparent; } -/* column-headers borders */ -treeview header button, -treeview header button:focus, -treeview header button:active, -treeview header button:active:hover, -treeview header button:active:focus { - border-image: none; - border-width: 1px; - border-radius: 0; - border-style: solid; - border-color: @column_header_border_top_color @column_header_border_right_color - @column_header_border_bottom_color @column_header_border_left_color; - -} - -treeview header button:last-child, -treeview header button:last-child:focus, -treeview header button:last-child:active, -treeview header button:last-child:active:hover, -treeview header button:last-child:active:focus{ - border-right: none; -} - -- cgit v1.2.1 From 399839207d1f1b6aa7434d11fff3dcd5024a2c16 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 1 Mar 2016 00:17:17 +0100 Subject: GTK+-3.20 TraditionalOK: fix menubar jumping and menuitem bg --- desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css | 6 ++++-- desktop-themes/TraditionalOk/gtk-3.0/gtk.css | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index cc3b7553..6c7cd7e0 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1834,7 +1834,9 @@ menubar { } menubar menuitem { - border-style: none; + border-style: solid; + border-width: 1px 1px 0px; + border-color: transparent; padding: 3px 5px; background-color: transparent; } @@ -1867,7 +1869,7 @@ menuitem button.flat:focus { } menubar menuitem:hover { - border-width: 1px; + border-width: 1px 1px 0px; color: @menubar_menuitem_hover_color; } diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk.css index 11bfc5a3..e7379185 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk.css @@ -198,7 +198,7 @@ * menu * ********/ -@define-color menu_bg_color @theme_base_color; +@define-color menu_bg_color shade(@theme_bg_color, 1.04); @define-color menu_fg_color @theme_fg_color; /* Example: submenu arrow. */ -- cgit v1.2.1 From b9eedcf69ef16d8b9f46a97328922abe83b01af7 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 1 Mar 2016 00:26:49 +0100 Subject: GTk+-3.20 TraditionalOK: adjust expander bg color --- desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'desktop-themes/TraditionalOk') diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 6c7cd7e0..0bc92379 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -2826,7 +2826,7 @@ expander { border-radius: 2px; border-color: @border_color; color: @theme_fg_color; - background-color: @theme_bg_color; + background-color: shade(@theme_bg_color, 1.02); } treeview.view.expander { -- cgit v1.2.1