From e68449c64479c8429a356e6080daa13e5efedf68 Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Thu, 18 Dec 2014 00:01:33 -0500 Subject: [PATCH] Refinement; updated readme. --- Paper/gtk-3.0/gtk-widgets-assets-common.css | 477 -------------------- Paper/gtk-3.0/widgets/entry.css | 3 - Paper/gtk-3.0/widgets/header-bar.css | 7 +- Paper/gtk-3.0/widgets/search-bars.css | 197 +++++--- Paper/gtk-3.0/widgets/sidebar.css | 4 - Paper/gtk-3.0/widgets/titlebar.css | 4 +- Paper/gtk-3.0/widgets/toolbars.css | 32 -- README.md | 10 +- 8 files changed, 137 insertions(+), 597 deletions(-) delete mode 100644 Paper/gtk-3.0/gtk-widgets-assets-common.css diff --git a/Paper/gtk-3.0/gtk-widgets-assets-common.css b/Paper/gtk-3.0/gtk-widgets-assets-common.css deleted file mode 100644 index 5af403b..0000000 --- a/Paper/gtk-3.0/gtk-widgets-assets-common.css +++ /dev/null @@ -1,477 +0,0 @@ -/************************* - * Check and Radio items * - *************************/ - -.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - icon-shadow: 0 1px 0 white; -} -.check.button.flat, -.header-bar .check.titlebutton.button, -.titlebar .check.titlebutton.button { -} -.view.check:selected, -GtkCalendar.check:selected, -.list-row:selected .check { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); -} -.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:hover.button.flat, -.header-bar .check.titlebutton.button:hover, -.titlebar .check.titlebutton.button:hover { -} -.view.check:hover:selected, -GtkCalendar.check:hover:selected, -.list-row:selected .check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); -} -.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:active.button.flat, -.header-bar .check.titlebutton.button:active, -.titlebar .check.titlebutton.button:active { -} -.view.check:active:selected, -GtkCalendar.check:active:selected, -.list-row:selected .check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); -} -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:insensitive.button.flat, -.header-bar .check.titlebutton.button:insensitive, -.titlebar .check.titlebutton.button:insensitive { -} -.view.check:insensitive:selected, -GtkCalendar.check:insensitive:selected, -.list-row:selected .check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); -} -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); -} -.check:backdrop.button.flat, -.header-bar .check.titlebutton.button:backdrop, -.titlebar .check.titlebutton.button:backdrop { -} -.view.check:backdrop:selected, -GtkCalendar.check:backdrop:selected, -.list-row:selected .check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); -} -.check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); -} -.check:backdrop:insensitive.button.flat, -.header-bar .check.titlebutton.button:backdrop:insensitive, -.titlebar .check.titlebutton.button:backdrop:insensitive { -} -.view.check:backdrop:insensitive:selected, -GtkCalendar.check:backdrop:insensitive:selected, -.list-row:selected .check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); -} -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:inconsistent.button.flat, -.header-bar .check.titlebutton.button:inconsistent, -.titlebar .check.titlebutton.button:inconsistent { -} -.view.check:inconsistent:selected, -GtkCalendar.check:inconsistent:selected, -.list-row:selected .check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); -} -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:inconsistent:hover.button.flat, -.header-bar .check.titlebutton.button:inconsistent:hover, -.titlebar .check.titlebutton.button:inconsistent:hover { -} -.view.check:inconsistent:hover:selected, -GtkCalendar.check:inconsistent:hover:selected, -.list-row:selected .check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); -} -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:inconsistent:selected.button.flat, -.header-bar .check.titlebutton.button:inconsistent:selected, -.titlebar .check.titlebutton.button:inconsistent:selected { -} -.view.check:inconsistent:selected:selected, -GtkCalendar.check:inconsistent:selected, -.list-row:selected .check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); -} -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); -} -.check:inconsistent:backdrop.button.flat, -.header-bar .check.titlebutton.button:inconsistent:backdrop, -.titlebar .check.titlebutton.button:inconsistent:backdrop { -} -.view.check:inconsistent:backdrop:selected, -GtkCalendar.check:inconsistent:backdrop:selected, -.list-row:selected .check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); -} -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:inconsistent:insensitive.button.flat, -.header-bar .check.titlebutton.button:inconsistent:insensitive, -.titlebar .check.titlebutton.button:inconsistent:insensitive { -} -.view.check:inconsistent:insensitive:selected, -GtkCalendar.check:inconsistent:insensitive:selected, -.list-row:selected .check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); -} -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png")); -} -.check:inconsistent:insensitive:backdrop.button.flat, -.header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, -.titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { -} -.view.check:inconsistent:insensitive:backdrop:selected, -GtkCalendar.check:inconsistent:insensitive:backdrop:selected, -.list-row:selected .check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); -} -.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:checked.button.flat, -.header-bar .check.titlebutton.button:checked, -.titlebar .check.titlebutton.button:checked { -} -.view.check:checked:selected, -GtkCalendar.check:checked:selected, -.list-row:selected .check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); -} -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:checked:insensitive.button.flat, -.header-bar .check.titlebutton.button:checked:insensitive, -.titlebar .check.titlebutton.button:checked:insensitive { -} -.view.check:checked:insensitive:selected, -GtkCalendar.check:checked:insensitive:selected, -.list-row:selected .check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); -} -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:checked:hover.button.flat, -.header-bar .check.titlebutton.button:checked:hover, -.titlebar .check.titlebutton.button:checked:hover { -} -.view.check:checked:hover:selected, -GtkCalendar.check:checked:hover:selected, -.list-row:selected .check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); -} -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - icon-shadow: 0 1px 0 white; -} -.check:checked:active.button.flat, -.header-bar .check.titlebutton.button:checked:active, -.titlebar .check.titlebutton.button:checked:active { -} -.view.check:checked:active:selected, -GtkCalendar.check:checked:active:selected, -.list-row:selected .check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); -} -.check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); -} -.check:backdrop:checked.button.flat, -.header-bar .check.titlebutton.button:backdrop:checked, -.titlebar .check.titlebutton.button:backdrop:checked { -} -.view.check:backdrop:checked:selected, -GtkCalendar.check:backdrop:checked:selected, -.list-row:selected .check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); -} -.check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); -} -.check:backdrop:checked:insensitive.button.flat, -.header-bar .check.titlebutton.button:backdrop:checked:insensitive, -.titlebar .check.titlebutton.button:backdrop:checked:insensitive { -} -.view.check:backdrop:checked:insensitive:selected, -GtkCalendar.check:backdrop:checked:insensitive:selected, -.list-row:selected .check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); -} -.menu .menuitem.check { - -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); - color: #7a7e7f; -} -.menu .menuitem.check:active, -.menu .menuitem.check:checked { - -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); -} -.menu .menuitem.check:inconsistent { - -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); -} -.menu .menuitem.check:hover { - color: #ffffff; -} -.menu .menuitem.check:insensitive { - color: #bdbebf; -} -.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio.button.flat, -.header-bar .radio.titlebutton.button, -.titlebar .radio.titlebutton.button { -} -.view.radio:selected, -GtkCalendar.radio:selected, -.list-row:selected .radio { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); -} -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:hover.button.flat, -.header-bar .radio.titlebutton.button:hover, -.titlebar .radio.titlebutton.button:hover { -} -.view.radio:hover:selected, -GtkCalendar.radio:hover:selected, -.list-row:selected .radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); -} -.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:active.button.flat, -.header-bar .radio.titlebutton.button:active, -.titlebar .radio.titlebutton.button:active { -} -.view.radio:active:selected, -GtkCalendar.radio:active:selected, -.list-row:selected .radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); -} -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:insensitive.button.flat, -.header-bar .radio.titlebutton.button:insensitive, -.titlebar .radio.titlebutton.button:insensitive { -} -.view.radio:insensitive:selected, -GtkCalendar.radio:insensitive:selected, -.list-row:selected .radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); -} -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); -} -.radio:backdrop.button.flat, -.header-bar .radio.titlebutton.button:backdrop, -.titlebar .radio.titlebutton.button:backdrop { -} -.view.radio:backdrop:selected, -GtkCalendar.radio:backdrop:selected, -.list-row:selected .radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); -} -.radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); -} -.radio:backdrop:insensitive.button.flat, -.header-bar .radio.titlebutton.button:backdrop:insensitive, -.titlebar .radio.titlebutton.button:backdrop:insensitive { -} -.view.radio:backdrop:insensitive:selected, -GtkCalendar.radio:backdrop:insensitive:selected, -.list-row:selected .radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); -} -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:inconsistent.button.flat, -.header-bar .radio.titlebutton.button:inconsistent, -.titlebar .radio.titlebutton.button:inconsistent { -} -.view.radio:inconsistent:selected, -GtkCalendar.radio:inconsistent:selected, -.list-row:selected .radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); -} -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:inconsistent:hover.button.flat, -.header-bar .radio.titlebutton.button:inconsistent:hover, -.titlebar .radio.titlebutton.button:inconsistent:hover { -} -.view.radio:inconsistent:hover:selected, -GtkCalendar.radio:inconsistent:hover:selected, -.list-row:selected .radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); -} -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:inconsistent:selected.button.flat, -.header-bar .radio.titlebutton.button:inconsistent:selected, -.titlebar .radio.titlebutton.button:inconsistent:selected { -} -.view.radio:inconsistent:selected:selected, -GtkCalendar.radio:inconsistent:selected, -.list-row:selected .radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); -} -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); -} -.radio:inconsistent:backdrop.button.flat, -.header-bar .radio.titlebutton.button:inconsistent:backdrop, -.titlebar .radio.titlebutton.button:inconsistent:backdrop { -} -.view.radio:inconsistent:backdrop:selected, -GtkCalendar.radio:inconsistent:backdrop:selected, -.list-row:selected .radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); -} -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:inconsistent:insensitive.button.flat, -.header-bar .radio.titlebutton.button:inconsistent:insensitive, -.titlebar .radio.titlebutton.button:inconsistent:insensitive { -} -.view.radio:inconsistent:insensitive:selected, -GtkCalendar.radio:inconsistent:insensitive:selected, -.list-row:selected .radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); -} -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png")); -} -.radio:inconsistent:insensitive:backdrop.button.flat, -.header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, -.titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { -} -.view.radio:inconsistent:insensitive:backdrop:selected, -GtkCalendar.radio:inconsistent:insensitive:backdrop:selected, -.list-row:selected .radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); -} -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:checked.button.flat, -.header-bar .radio.titlebutton.button:checked, -.titlebar .radio.titlebutton.button:checked { -} -.view.radio:checked:selected, -GtkCalendar.radio:checked:selected, -.list-row:selected .radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); -} -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:checked:insensitive.button.flat, -.header-bar .radio.titlebutton.button:checked:insensitive, -.titlebar .radio.titlebutton.button:checked:insensitive { -} -.view.radio:checked:insensitive:selected, -GtkCalendar.radio:checked:insensitive:selected, -.list-row:selected .radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); -} -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:checked:hover.button.flat, -.header-bar .radio.titlebutton.button:checked:hover, -.titlebar .radio.titlebutton.button:checked:hover { -} -.view.radio:checked:hover:selected, -GtkCalendar.radio:checked:hover:selected, -.list-row:selected .radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); -} -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - icon-shadow: 0 1px 0 white; -} -.radio:checked:active.button.flat, -.header-bar .radio.titlebutton.button:checked:active, -.titlebar .radio.titlebutton.button:checked:active { -} -.view.radio:checked:active:selected, -GtkCalendar.radio:checked:active:selected, -.list-row:selected .radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); -} -.radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); -} -.radio:backdrop:checked.button.flat, -.header-bar .radio.titlebutton.button:backdrop:checked, -.titlebar .radio.titlebutton.button:backdrop:checked { -} -.view.radio:backdrop:checked:selected, -GtkCalendar.radio:backdrop:checked:selected, -.list-row:selected .radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); -} -.radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); -} -.radio:backdrop:checked:insensitive.button.flat, -.header-bar .radio.titlebutton.button:backdrop:checked:insensitive, -.titlebar .radio.titlebutton.button:backdrop:checked:insensitive { -} -.view.radio:backdrop:checked:insensitive:selected, -GtkCalendar.radio:backdrop:checked:insensitive:selected, -.list-row:selected .radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); -} diff --git a/Paper/gtk-3.0/widgets/entry.css b/Paper/gtk-3.0/widgets/entry.css index 3139df1..06e641a 100644 --- a/Paper/gtk-3.0/widgets/entry.css +++ b/Paper/gtk-3.0/widgets/entry.css @@ -25,7 +25,6 @@ color: @text; padding: 6px; border-radius: 2px; - icon-shadow:none; border: 1px solid @border; } @@ -67,13 +66,11 @@ .entry.image { color: @insensitive_text; - icon-shadow:none; } .entry.image.left { padding-right: 6px; color: @text; - icon-shadow:none; } .entry .button, diff --git a/Paper/gtk-3.0/widgets/header-bar.css b/Paper/gtk-3.0/widgets/header-bar.css index abe2166..c3b6516 100644 --- a/Paper/gtk-3.0/widgets/header-bar.css +++ b/Paper/gtk-3.0/widgets/header-bar.css @@ -22,9 +22,7 @@ **************/ .header-bar { - padding: 6px; - padding-top: 0px; - padding-bottom: 0px; + padding: 0px; background-color: @header; color: @header_text; box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.7); @@ -313,7 +311,6 @@ border-radius: 6px; border: none; outline: none; - icon-shadow:none; } .header-bar .entry:active, @@ -333,13 +330,11 @@ .header-bar .entry.image { color: @insensitive_base; - icon-shadow:none; } .header-bar .entry.image.left { padding-right: 6px; color: @header_text; - icon-shadow:none; } diff --git a/Paper/gtk-3.0/widgets/search-bars.css b/Paper/gtk-3.0/widgets/search-bars.css index fd7d946..11ed45a 100644 --- a/Paper/gtk-3.0/widgets/search-bars.css +++ b/Paper/gtk-3.0/widgets/search-bars.css @@ -16,9 +16,7 @@ * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. */ -@define-color search @base; -@define-color search_text @text; - +@define-color searchbar shade(@base, 0.95); /*************** * Search bars * @@ -26,122 +24,183 @@ .search-bar.toolbar, .search-bar { - background-color: @search; + padding: 0px; + background-color: @searchbar; box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.5); - color: @search_text; + color: @text; } + .search-bar.toolbar:focus, .search-bar:focus { - background-color: @search; + background-color: @searchbar; box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.5); - color: @search_text; + color: @text; } .search-bar.toolbar:backdrop, .search-bar:backdrop { - background-color: shade(@search, 0.9); + background-color: shade(@searchbar, 0.9); box-shadow: none; - color: shade(@search_text, 0.9); + color: shade(@text, 0.9); } -.search-bar.toolbar:backdrop, -.search-bar:backdrop { - background-color: shade(@search, 0.9); - box-shadow: inset 0 -1px 2px -1px alpha(#000, 0.3); - color: shade(@search_text, 0.9); -} - -/* Entry */ -.search-bar .toolbar .entry, -.search-bar .entry { - color: @search_text; - border-radius: 0px; - border: none; - background-color:transparent; -} -.search-bar .toolbar .entry:active, -.search-bar .entry:active { - color: @search_text; - border-radius: 0px; - border: none; - background-color:transparent; -} - -.search-bar .toolbar .entry:focus, -.search-bar .entry:focus { - color: @search_text; - border: solid @search_text; - border-bottom-width: 1px; -} - -.search-bar .toolbar .entry:backdrop, -.search-bar .entry:backdrop { - color: shade(@search_text,0.9); - border: solid @search_text; - border-bottom-width: 1px; -} - - /*********** * Buttons * ***********/ + .search-bar.toolbar .button, -.search-bar .button { +.search-bar.toolbar .text-button, +.search-bar.toolbar .image-button { border: none; - color: @search_text; + background: none; + color: @text; + border-radius: 0px; + padding: 13px; } -.search-bar.toolbar .button:active, -.search-bar .button:active { +.search-bar.toolbar .button:active +.search-bar.toolbar .text-button:active, +.search-bar.toolbar .image-button:active { border: none; - color: @search_text; - box-shadow: inset 0 -2px 0 0 @search_text; + color: @text; + box-shadow: inset 0 -2px 0 0 @text; + padding: 13px; } /* Hover */ .search-bar.toolbar .button:hover, -.search-bar .button:hover, -.search-bar.toolbar .button:active:hover, -.search-bar .button:active:hover{ +.search-bar.toolbar .button:active:hover +.search-bar.toolbar .text-button:hover, +.search-bar.toolbar .text-button:active:hover, +.search-bar.toolbar .image-button:hover, +.search-bar.toolbar .image-button:active:hover { + padding: 13px; border: none; background-color: alpha(#000, 0.1); - color: @search_text; - box-shadow: inset 0 -2px 0 0 @search_text; + color: @text; + box-shadow: none; +} + +/* Insensitive */ +.search-bar.toolbar .button:insensitive, +.search-bar.toolbar .text-button:insensitive, +.search-bar.toolbar .image-button:insensitive { + background: none; + color: @insensitive_text; + -gtk-image-effect: dim; +} + +/* Backdrop */ +.search-bar.toolbar .button:backdrop, +.search-bar.toolbar .button:active:backdrop +.search-bar.toolbar .text-button:backdrop, +.search-bar.toolbar .text-button:active:backdrop, +.search-bar.toolbar .image-button:backdrop, +.search-bar.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.search-bar.toolbar .button:insensitive:backdrop, +.search-bar.toolbar .text-button:insensitive:backdrop, +.search-bar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.search-bar.toolbar .button GtkImage { + color: @text; +} + +.search-bar.toolbar .button:active GtkImage, +.search-bar.toolbar .button:focus GtkImage, +.search-bar.toolbar .button:hover GtkImage { + color: @text; +} + +.search-bar.toolbar .button:backdrop GtkImage, +.search-bar.toolbar .button:backdrop:hover GtkImage, +.search-bar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.search-bar.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.search-bar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.search-bar.toolbar .button GtkLabel { + color: @text; +} + +.search-bar.toolbar .button:active GtkLabel, +.search-bar.toolbar .button:focus GtkLabel, +.search-bar.toolbar .button:hover GtkLabel { + color: @text; +} + +.search-bar.toolbar .button:backdrop GtkLabel, +.search-bar.toolbar .button:backdrop:hover GtkLabel, +.search-bar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.search-bar.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.search-bar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); } /******************** * Search bar entry * ********************/ -.search-bar .entry { +.search-bar .entry, +.search-bar.toolbar .entry { background: none; color: @text; - padding: 6px; - border-radius: 6px; + border-radius: 0px; border: none; - icon-shadow:none; } .search-bar .entry:active, -.search-bar .entry:focus { +.search-bar .entry:focus, +.search-bar.toolbar .entry:active, +.search-bar.toolbar .entry:focus { background: none; color: @text; border: none; } -.search-bar .entry:backdrop { +.search-bar .entry:backdrop, +.search-bar.toolbar .entry:backdrop { background: none; color: @backdrop_text; border: none; } -.search-bar .entry.image { - color: @insensitive_text; - icon-shadow:none; +.search-bar .entry.image, +.search-bar.toolbar .entry.image { + color: @text; } -.search-bar .entry.image.left { +.search-bar .entry.image.left, +.search-bar.toolbar .entry.image.left { padding-right: 6px; color: @text; - icon-shadow:none; } diff --git a/Paper/gtk-3.0/widgets/sidebar.css b/Paper/gtk-3.0/widgets/sidebar.css index 7a5452e..4e9f85a 100644 --- a/Paper/gtk-3.0/widgets/sidebar.css +++ b/Paper/gtk-3.0/widgets/sidebar.css @@ -131,8 +131,6 @@ GtkDialog .sidebar .view:hover:selected:backdrop { border-radius: 10px; padding: 0 6px; margin: 0 3px; - text-shadow: 0 1px alpha(#000, 0.1); - icon-shadow: 0 1px alpha(#000, 0.1); border-width: 0; } @@ -146,6 +144,4 @@ GtkDialog .sidebar .view:hover:selected:backdrop { background-image: none; background-color: alpha(#000, 0.2); color: shade (@background, 0.95); - text-shadow: 0 1px alpha(#000, 0.1); - icon-shadow: 0 1px alpha(#000, 0.1); } diff --git a/Paper/gtk-3.0/widgets/titlebar.css b/Paper/gtk-3.0/widgets/titlebar.css index b775ccd..2ad7adf 100644 --- a/Paper/gtk-3.0/widgets/titlebar.css +++ b/Paper/gtk-3.0/widgets/titlebar.css @@ -22,9 +22,7 @@ .titlebar { border-width: 0px; - padding: 6px; - padding-bottom: 0px; - padding-top: 0px; + padding: 0px; background-color: @header; color: @header_text; } diff --git a/Paper/gtk-3.0/widgets/toolbars.css b/Paper/gtk-3.0/widgets/toolbars.css index 3d25311..1fa98e1 100644 --- a/Paper/gtk-3.0/widgets/toolbars.css +++ b/Paper/gtk-3.0/widgets/toolbars.css @@ -163,38 +163,6 @@ border-bottom-width: 1px; } - -/* Images */ -.toolbar GtkImage, -.toolbar .button GtkImage, -.toolbar .button GtkImage:active, -.toolbar .button GtkImage:focus, -.toolbar .button GtkImage:hover { - color: @toolbar_text; -} - -.toolbar .button GtkImage:active:backdrop, -.toolbar GtkImage:backdrop, -.toolbar .button GtkImage:backdrop, -.toolbar .button GtkImage:backdrop:hover { - color: @backdrop_toolbar_text; - -gtk-image-effect: dim; -} - -.toolbar GtkImage:insensitive, -.toolbar .button GtkImage:insensitive { - color: @insensitive_toolbar_text; - -gtk-image-effect: dim; -} - -.toolbar GtkImage:insensitive:backdrop, -.toolbar .button GtkImage:insensitive:backdrop { - color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5); - -gtk-image-effect: dim; -} - - - /* Images */ .toolbar .button GtkImage { color: @toolbar_text; diff --git a/README.md b/README.md index e81cab2..e3e2cc6 100755 --- a/README.md +++ b/README.md @@ -1,12 +1,16 @@ Paper Theme =========== -[Paper](http://snwh.org/paper/) is a modern GNOME desktop theme. - -Paper is distributed under the terms the GNU GPL v.3 +[Paper](http://snwh.org/paper/) is a modern GNOME desktop theme. Its design is mostly flat with a minimal use of shadows for depth. ###Preamble +Paper has been developed primarily for GNOME and other GTK3 desktops, legacy desktops will not have the same experience. + +Paper is distributed under the terms the GNU General Public License (GNU GPL v.3). + +###Bugs & Issues + If you find any bugs or issues with Paper or if you have a question, you can visit Paper's primary issue tracker on [GitHub](https://github.com/snwh/paper-gtk-theme/issues).