From e546f0315cea1280f6f0e5583eb8ac0d76ad2e97 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 22 Sep 2016 01:00:58 +0900 Subject: [PATCH] GTK3: Add specific styling for Builder 3.22 --- gtk-3.0/_apps.scss | 113 +++++++++++++++++++++++++++++++----- gtk-3.0/gtk-dark.css | 111 ++++++++++++++++++++++++++--------- gtk-3.0/gtk-dark_laptop.css | 111 ++++++++++++++++++++++++++--------- gtk-3.0/gtk.css | 111 ++++++++++++++++++++++++++--------- gtk-3.0/gtk_laptop.css | 111 ++++++++++++++++++++++++++--------- 5 files changed, 434 insertions(+), 123 deletions(-) diff --git a/gtk-3.0/_apps.scss b/gtk-3.0/_apps.scss index 2aede6e6d..654ac43d9 100644 --- a/gtk-3.0/_apps.scss +++ b/gtk-3.0/_apps.scss @@ -370,14 +370,6 @@ workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar // box-shadow: none; } -perspectiveswitcher { - background-color: $bg_color; -} - -perspectiveswitcher button:checked { - color: $primary_color; -} - // Layout tab and tab bar tweaks // The following makes the layout stack header look similar to a tab bar. layouttabbar { @@ -430,8 +422,99 @@ entry.search-missing { // tweak icons for treeviews workbench treeview.image { color: gtkalpha(currentColor, $hint_opacity); } + workbench treeview.image:selected { color: $tertiary_inversed_fg_color; } +popover.popover-selector list { + padding: 8px - 2px; +} + +popover.popover-selector list row { + border-radius: 2px; +} + +popover.popover-selector list row image { + &:dir(ltr) { margin-right: 6px; } + &:dir(rtl) { margin-left: 6px; } +} + +omnibar { + &.linked:not(.vertical) entry { border-radius: 2px; } + + &:not(:hover):not(:active) entry { color: $secondary_fg_color; } +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid $borders_color; +} + +entry.preferences-search { + @extend %entry.flat; + + box-shadow: inset 0 -1px $borders_color; + background-color: $base_color; + + // doesn't work properly + // &:dir(ltr) { border-right: 1px solid $borders_color; } + // &:dir(rtl) { border-left: 1px solid $borders_color; } +} + +preferences stacksidebar.sidebar list { + background-color: $lighter_bg_color; +} + +preferences stacksidebar.sidebar { + &:dir(ltr), + &:dir(rtl) { list { border-style: none; }} +} + +preferences stacksidebar list separator { + min-width: 0; + min-height: 0; + background: transparent; +} + +preferences > box > box { + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + @extend %simple_flat_button; + + padding: 8px 16px; + border-top: 1px solid $borders_color; + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 2px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 2px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid $borders_color; +} + +popover.transfers list row > box { + padding: 10px; +} + dockbin { border: 1px solid $borders_color; -PnlDockBin-handle-size: 1; @@ -505,7 +588,7 @@ pillbox { } buildperspective row { - padding: 10px; + // padding: 10px; } layoutpane entry.search { @@ -526,12 +609,6 @@ editortweak entry.search { // let's tweak hard-coded elements // -// styling for editor search -frame.gb-search-frame { - // border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} - .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; @@ -561,6 +638,12 @@ workbench preferences preferencesgroup list entry { padding-bottom: 8px; } +button.run-arrow-button { + // min-width: 12px; + padding-left: ($medium_size - 16px) / 2; + padding-right: ($medium_size - 16px) / 2; +} + /********** * Photos * diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 03c94f44c..d1c6f4a23 100644 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -193,7 +193,7 @@ entry { background-color: #4d646f; color: rgba(255, 255, 255, 0.4); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), - notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, #login_window entry, + notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry, entry.flat { border-radius: 0; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); @@ -202,12 +202,12 @@ entry { background-color: transparent; color: #FFFFFF; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), - notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, + notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px alpha(currentColor, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, + notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -269,7 +269,7 @@ entry { background-color: #4d646f; color: rgba(255, 255, 255, 0.4); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), - notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, + notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, entry.error.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -277,12 +277,12 @@ entry { background-color: transparent; color: #FFFFFF; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, + notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, + notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -304,7 +304,7 @@ entry { background-color: #4d646f; color: rgba(255, 255, 255, 0.4); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, + notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, entry.warning.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -312,12 +312,12 @@ entry { background-color: transparent; color: #FFFFFF; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, + notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, + notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -330,8 +330,8 @@ entry progress { border-color: #42A5F5; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), -notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), -notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > +notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), +notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } @@ -386,7 +386,7 @@ button { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, - radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) + radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { @@ -398,7 +398,7 @@ button { modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, - radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) + radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { @@ -408,7 +408,7 @@ button { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, - radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) + radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { @@ -419,7 +419,7 @@ button { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, - radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) + radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { @@ -2650,12 +2650,6 @@ workbench stack.titlebar { workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } -perspectiveswitcher { - background-color: #455A64; } - -perspectiveswitcher button:checked { - color: #42A5F5; } - layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: #455A64; } @@ -2696,6 +2690,71 @@ workbench treeview.image { workbench treeview.image:selected { color: rgba(255, 255, 255, 0.6); } +popover.popover-selector list { + padding: 6px; } + +popover.popover-selector list row { + border-radius: 2px; } + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; } +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; } + +omnibar.linked:not(.vertical) entry { + border-radius: 2px; } +omnibar:not(:hover):not(:active) entry { + color: rgba(255, 255, 255, 0.75); } + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + +entry.preferences-search { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #546E7A; } + +preferences stacksidebar.sidebar list { + background-color: #607D8B; } + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; } + +preferences stacksidebar list separator { + min-width: 0; + min-height: 0; + background: transparent; } + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.2); } +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.2); } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; } + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 2px; } + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 2px; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.transfers list { + background-color: transparent; } + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(0, 0, 0, 0.2); } + +popover.transfers list row > box { + padding: 10px; } + dockbin { border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } @@ -2753,9 +2812,6 @@ pillbox { background-color: #455A64; border-radius: 2px; } -buildperspective row { - padding: 10px; } - layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); background-color: #546E7A; } @@ -2764,9 +2820,6 @@ editortweak entry.search { margin-bottom: -1px; box-shadow: none; } -frame.gb-search-frame { - border-bottom-right-radius: 5px; } - .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } @@ -2778,6 +2831,10 @@ workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } +button.run-arrow-button { + padding-left: 10px; + padding-right: 10px; } + /********** * Photos * **********/ diff --git a/gtk-3.0/gtk-dark_laptop.css b/gtk-3.0/gtk-dark_laptop.css index 18447643e..114ed5daa 100644 --- a/gtk-3.0/gtk-dark_laptop.css +++ b/gtk-3.0/gtk-dark_laptop.css @@ -193,7 +193,7 @@ entry { background-color: #4d646f; color: rgba(255, 255, 255, 0.4); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), - notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, #login_window entry, + notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry, entry.flat { border-radius: 0; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); @@ -202,12 +202,12 @@ entry { background-color: transparent; color: #FFFFFF; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), - notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, + notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px alpha(currentColor, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, + notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -269,7 +269,7 @@ entry { background-color: #4d646f; color: rgba(255, 255, 255, 0.4); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), - notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, + notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, entry.error.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -277,12 +277,12 @@ entry { background-color: transparent; color: #FFFFFF; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, + notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, + notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -304,7 +304,7 @@ entry { background-color: #4d646f; color: rgba(255, 255, 255, 0.4); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, + notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, entry.warning.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -312,12 +312,12 @@ entry { background-color: transparent; color: #FFFFFF; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, + notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, + notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -330,8 +330,8 @@ entry progress { border-color: #42A5F5; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), -notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), -notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > +notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), +notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } @@ -386,7 +386,7 @@ button { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, - radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) + radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { @@ -398,7 +398,7 @@ button { modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, - radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) + radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { @@ -408,7 +408,7 @@ button { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, - radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) + radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { @@ -419,7 +419,7 @@ button { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, - radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) + radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { @@ -2650,12 +2650,6 @@ workbench stack.titlebar { workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } -perspectiveswitcher { - background-color: #455A64; } - -perspectiveswitcher button:checked { - color: #42A5F5; } - layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: #455A64; } @@ -2696,6 +2690,71 @@ workbench treeview.image { workbench treeview.image:selected { color: rgba(255, 255, 255, 0.6); } +popover.popover-selector list { + padding: 6px; } + +popover.popover-selector list row { + border-radius: 2px; } + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; } +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; } + +omnibar.linked:not(.vertical) entry { + border-radius: 2px; } +omnibar:not(:hover):not(:active) entry { + color: rgba(255, 255, 255, 0.75); } + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + +entry.preferences-search { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #546E7A; } + +preferences stacksidebar.sidebar list { + background-color: #607D8B; } + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; } + +preferences stacksidebar list separator { + min-width: 0; + min-height: 0; + background: transparent; } + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.2); } +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.2); } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; } + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 2px; } + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 2px; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.transfers list { + background-color: transparent; } + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(0, 0, 0, 0.2); } + +popover.transfers list row > box { + padding: 10px; } + dockbin { border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } @@ -2753,9 +2812,6 @@ pillbox { background-color: #455A64; border-radius: 2px; } -buildperspective row { - padding: 10px; } - layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); background-color: #546E7A; } @@ -2764,9 +2820,6 @@ editortweak entry.search { margin-bottom: -1px; box-shadow: none; } -frame.gb-search-frame { - border-bottom-right-radius: 5px; } - .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } @@ -2778,6 +2831,10 @@ workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } +button.run-arrow-button { + padding-left: 8px; + padding-right: 8px; } + /********** * Photos * **********/ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index fc18c675b..f777d3a76 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -193,7 +193,7 @@ entry { background-color: #fafafa; color: rgba(0, 0, 0, 0.32); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), - notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, #login_window entry, + notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry, entry.flat { border-radius: 0; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); @@ -202,12 +202,12 @@ entry { background-color: transparent; color: rgba(0, 0, 0, 0.8); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), - notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, + notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px alpha(currentColor, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, + notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -269,7 +269,7 @@ entry { background-color: #fafafa; color: rgba(0, 0, 0, 0.32); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), - notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, + notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, entry.error.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -277,12 +277,12 @@ entry { background-color: transparent; color: rgba(0, 0, 0, 0.8); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, + notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, + notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -304,7 +304,7 @@ entry { background-color: #fafafa; color: rgba(0, 0, 0, 0.32); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, + notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, entry.warning.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -312,12 +312,12 @@ entry { background-color: transparent; color: rgba(0, 0, 0, 0.8); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, + notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, + notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -330,8 +330,8 @@ entry progress { border-color: #42A5F5; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), -notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), -notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > +notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), +notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } @@ -386,7 +386,7 @@ button { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, - radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) + radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { @@ -398,7 +398,7 @@ button { modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, - radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) + radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { @@ -408,7 +408,7 @@ button { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, - radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) + radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { @@ -419,7 +419,7 @@ button { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, - radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) + radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { @@ -2650,12 +2650,6 @@ workbench stack.titlebar { workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } -perspectiveswitcher { - background-color: #F5F5F5; } - -perspectiveswitcher button:checked { - color: #42A5F5; } - layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #F5F5F5; } @@ -2696,6 +2690,71 @@ workbench treeview.image { workbench treeview.image:selected { color: rgba(255, 255, 255, 0.6); } +popover.popover-selector list { + padding: 6px; } + +popover.popover-selector list row { + border-radius: 2px; } + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; } +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; } + +omnibar.linked:not(.vertical) entry { + border-radius: 2px; } +omnibar:not(:hover):not(:active) entry { + color: rgba(0, 0, 0, 0.6); } + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + +entry.preferences-search { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #FFFFFF; } + +preferences stacksidebar.sidebar list { + background-color: #FAFAFA; } + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; } + +preferences stacksidebar list separator { + min-width: 0; + min-height: 0; + background: transparent; } + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.1); } +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 2px; } + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 2px; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.transfers list { + background-color: transparent; } + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +popover.transfers list row > box { + padding: 10px; } + dockbin { border: 1px solid rgba(0, 0, 0, 0.1); -PnlDockBin-handle-size: 1; } @@ -2753,9 +2812,6 @@ pillbox { background-color: #F5F5F5; border-radius: 2px; } -buildperspective row { - padding: 10px; } - layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; } @@ -2764,9 +2820,6 @@ editortweak entry.search { margin-bottom: -1px; box-shadow: none; } -frame.gb-search-frame { - border-bottom-right-radius: 5px; } - .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } @@ -2778,6 +2831,10 @@ workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } +button.run-arrow-button { + padding-left: 10px; + padding-right: 10px; } + /********** * Photos * **********/ diff --git a/gtk-3.0/gtk_laptop.css b/gtk-3.0/gtk_laptop.css index 8ae351109..5ab0d7876 100644 --- a/gtk-3.0/gtk_laptop.css +++ b/gtk-3.0/gtk_laptop.css @@ -193,7 +193,7 @@ entry { background-color: #fafafa; color: rgba(0, 0, 0, 0.32); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), - notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, #login_window entry, + notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry, entry.flat { border-radius: 0; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); @@ -202,12 +202,12 @@ entry { background-color: transparent; color: rgba(0, 0, 0, 0.8); } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), - notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, + notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus, entry.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px alpha(currentColor, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, + notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled, entry.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -269,7 +269,7 @@ entry { background-color: #fafafa; color: rgba(0, 0, 0, 0.32); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), - notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, + notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error, entry.error.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -277,12 +277,12 @@ entry { background-color: transparent; color: rgba(0, 0, 0, 0.8); } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, + notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus, entry.error.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #DD2C00; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, + notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled, entry.error.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -304,7 +304,7 @@ entry { background-color: #fafafa; color: rgba(0, 0, 0, 0.32); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, + notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning, entry.warning.flat { transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; @@ -312,12 +312,12 @@ entry { background-color: transparent; color: rgba(0, 0, 0, 0.8); } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, + notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus, entry.warning.flat:focus { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; box-shadow: inset 0 -1px #FF6D00; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), - notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, + notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled, entry.warning.flat:disabled { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; @@ -330,8 +330,8 @@ entry progress { border-color: #42A5F5; background-color: transparent; } .linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search), -notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), -notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > +notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search), +notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat { border-radius: 0; } @@ -386,7 +386,7 @@ button { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, - radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) + radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, button.flat { @@ -398,7 +398,7 @@ button { modelbutton.flat:hover, .menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, - radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) + radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { @@ -408,7 +408,7 @@ button { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, - radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) + radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, button.flat:active { @@ -419,7 +419,7 @@ button { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, - radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) + radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, button.flat:disabled { @@ -2650,12 +2650,6 @@ workbench stack.titlebar { workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar { border-radius: 2px 2px 0 0; } -perspectiveswitcher { - background-color: #F5F5F5; } - -perspectiveswitcher button:checked { - color: #42A5F5; } - layouttabbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #F5F5F5; } @@ -2696,6 +2690,71 @@ workbench treeview.image { workbench treeview.image:selected { color: rgba(255, 255, 255, 0.6); } +popover.popover-selector list { + padding: 6px; } + +popover.popover-selector list row { + border-radius: 2px; } + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; } +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; } + +omnibar.linked:not(.vertical) entry { + border-radius: 2px; } +omnibar:not(:hover):not(:active) entry { + color: rgba(0, 0, 0, 0.6); } + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + +entry.preferences-search { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #FFFFFF; } + +preferences stacksidebar.sidebar list { + background-color: #FAFAFA; } + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; } + +preferences stacksidebar list separator { + min-width: 0; + min-height: 0; + background: transparent; } + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(0, 0, 0, 0.1); } +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(0, 0, 0, 0.1); } + +popover.messagepopover.background { + padding: 0; } + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 2px; } + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 2px; } + +popover.messagepopover .popover-content-area { + margin: 16px; } + +popover.transfers list { + background-color: transparent; } + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +popover.transfers list row > box { + padding: 10px; } + dockbin { border: 1px solid rgba(0, 0, 0, 0.1); -PnlDockBin-handle-size: 1; } @@ -2753,9 +2812,6 @@ pillbox { background-color: #F5F5F5; border-radius: 2px; } -buildperspective row { - padding: 10px; } - layoutpane entry.search { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; } @@ -2764,9 +2820,6 @@ editortweak entry.search { margin-bottom: -1px; box-shadow: none; } -frame.gb-search-frame { - border-bottom-right-radius: 5px; } - .gb-search-entry-occurrences-tag { box-shadow: none; background-color: transparent; } @@ -2778,6 +2831,10 @@ workbench preferences preferencesgroup list entry { padding-top: 8px; padding-bottom: 8px; } +button.run-arrow-button { + padding-left: 8px; + padding-right: 8px; } + /********** * Photos * **********/