6060 lines
232 KiB
CSS
6060 lines
232 KiB
CSS
/* Copyright 2016 Sam Hewitt.
|
|
*
|
|
* This file is part of the Paper GTK theme.
|
|
*
|
|
* The Paper GTK theme is free software: you can redistribute it
|
|
* and/or modify it under the terms of the GNU General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* The Paper GTK theme is distributed in the hope that it will be
|
|
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
|
|
* Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along
|
|
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
|
|
*/
|
|
/* GTK NAMED COLORS
|
|
----------------
|
|
use responsibly! */
|
|
/* widget text/foreground color */
|
|
@define-color theme_fg_color white;
|
|
/* text color for entries, views and content in general */
|
|
@define-color theme_text_color white;
|
|
/* widget base background color */
|
|
@define-color theme_bg_color #4F585C;
|
|
/* text widgets and the like base background color */
|
|
@define-color theme_base_color #6a7981;
|
|
/* base background color of selections */
|
|
@define-color theme_selected_bg_color #449ac2;
|
|
/* text/foreground color of selections */
|
|
@define-color theme_selected_fg_color #ffffff;
|
|
/* base background color of insensitive widgets */
|
|
@define-color insensitive_bg_color #5a656b;
|
|
/* text foreground color of insensitive widgets */
|
|
@define-color insensitive_fg_color #a7acae;
|
|
/* insensitive text widgets and the like base background color */
|
|
@define-color insensitive_base_color #6a7981;
|
|
/* widget text/foreground color on backdrop windows */
|
|
@define-color theme_unfocused_fg_color #a7acae;
|
|
/* text color for entries, views and content in general on backdrop windows */
|
|
@define-color theme_unfocused_text_color white;
|
|
/* widget base background color on backdrop windows */
|
|
@define-color theme_unfocused_bg_color #4F585C;
|
|
/* text widgets and the like base background color on backdrop windows */
|
|
@define-color theme_unfocused_base_color #6c7c84;
|
|
/* base background color of selections on backdrop windows */
|
|
@define-color theme_unfocused_selected_bg_color #449ac2;
|
|
/* text/foreground color of selections on backdrop windows */
|
|
@define-color theme_unfocused_selected_fg_color #ffffff;
|
|
/* widgets main borders color */
|
|
@define-color borders #373e41;
|
|
/* widgets main borders color on backdrop windows */
|
|
@define-color unfocused_borders #394144;
|
|
/* these are pretty self explicative */
|
|
@define-color warning_color #fec006;
|
|
@define-color error_color #f34235;
|
|
@define-color success_color #3c8a3f;
|
|
/* these colors are exported for the window manager and shouldn't be used in applications,
|
|
read if you used those and something break with a version upgrade you're on your own... */
|
|
@define-color wm_title shade(white, 1.8);
|
|
@define-color wm_unfocused_title #a7acae;
|
|
@define-color wm_highlight transparent;
|
|
@define-color wm_borders_edge rgba(255, 255, 255, 0.3);
|
|
@define-color wm_bg_a shade(#4F585C, 1.2);
|
|
@define-color wm_bg_b #4F585C;
|
|
@define-color wm_shadow alpha(black, 0.35);
|
|
@define-color wm_border alpha(black, 0.18);
|
|
@define-color wm_button_hover_color_a shade(#4F585C, 1.3);
|
|
@define-color wm_button_hover_color_b #4F585C;
|
|
@define-color wm_button_active_color_a shade(#4F585C, 0.85);
|
|
@define-color wm_button_active_color_b shade(#4F585C, 0.89);
|
|
@define-color wm_button_active_color_c shade(#4F585C, 0.9);
|
|
@define-color content_view_bg #6a7981;
|
|
/**********
|
|
* Common *
|
|
**********/
|
|
* {
|
|
padding: 0;
|
|
-GtkToolButton-icon-spacing: 4;
|
|
-GtkTextView-error-underline-color: #f34235;
|
|
-GtkScrolledWindow-scrollbar-spacing: 0;
|
|
-GtkToolItemGroup-expander-size: 11;
|
|
-GtkTreeView-expander-size: 11;
|
|
-GtkTreeView-horizontal-separator: 4;
|
|
-GtkWidget-text-handle-width: 20;
|
|
-GtkWidget-text-handle-height: 24;
|
|
-GtkDialog-button-spacing: 4;
|
|
-GtkDialog-action-area-border: 0;
|
|
-GtkPaned-handle-size: 1; }
|
|
|
|
/***********
|
|
* Widgets *
|
|
***********/
|
|
/***************
|
|
* Action bars *
|
|
***************/
|
|
.action-bar {
|
|
background-color: #373e41;
|
|
border: solid #373e41;
|
|
border-width: 1px 0 0 0;
|
|
color: white;
|
|
box-shadow: none; }
|
|
.action-bar:backdrop {
|
|
background-color: #373e41;
|
|
box-shadow: none;
|
|
-gtk-icon-effect: dim; }
|
|
.action-bar:first-child {
|
|
border-radius: 6px 6px 0px 0px;
|
|
border-width: 1px 1px 0px 1px; }
|
|
.action-bar:last-child {
|
|
border-radius: 0 0 6px 6px;
|
|
border-width: 0px 1px 1px 1px; }
|
|
|
|
/*********************
|
|
* App Notifications *
|
|
*********************/
|
|
.app-notification,
|
|
.app-notification.frame {
|
|
padding: 10px;
|
|
border-radius: 0 0 5px 5px;
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box; }
|
|
.app-notification:backdrop,
|
|
.app-notification.frame:backdrop {
|
|
background-image: none;
|
|
transition: 200ms ease-out; }
|
|
|
|
/***************
|
|
* Base States *
|
|
***************/
|
|
.background {
|
|
color: white;
|
|
background-color: #4F585C; }
|
|
.background:backdrop {
|
|
color: #a7acae;
|
|
background-color: #4F585C;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
|
|
/*
|
|
These wildcard seems unavoidable, need to investigate.
|
|
Wildcards are bad and troublesome, use them with care,
|
|
or better, just don't.
|
|
Everytime a wildcard is used a kitten dies, painfully.
|
|
*/
|
|
*:insensitive {
|
|
-gtk-icon-effect: dim; }
|
|
|
|
.gtkstyle-fallback {
|
|
color: white;
|
|
background-color: #4F585C; }
|
|
.gtkstyle-fallback:hover {
|
|
color: white;
|
|
background-color: #677277; }
|
|
.gtkstyle-fallback:active {
|
|
color: white;
|
|
background-color: #373e41; }
|
|
.gtkstyle-fallback:insensitive {
|
|
color: #a7acae;
|
|
background-color: #5a656b; }
|
|
.gtkstyle-fallback:selected {
|
|
color: #ffffff;
|
|
background-color: #449ac2; }
|
|
|
|
.view, GtkIconView,
|
|
GtkTextView GtkLabel {
|
|
color: white;
|
|
background-color: #6a7981; }
|
|
.view:backdrop, GtkIconView:backdrop,
|
|
GtkTextView GtkLabel:backdrop {
|
|
color: #e2e5e6;
|
|
background-color: #6c7c84; }
|
|
.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected,
|
|
GtkTextView GtkLabel:selected:focus,
|
|
GtkTextView GtkLabel:selected {
|
|
border-radius: 3px; }
|
|
|
|
GtkTextView {
|
|
background-color: #5d696f; }
|
|
GtkTextView:backdrop {
|
|
background-color: #5e6a70; }
|
|
GtkTextView.bottom {
|
|
background-size: 100% 1px;
|
|
background-position: top; }
|
|
GtkTextView.top {
|
|
background-size: 100% 1px;
|
|
background-position: bottom; }
|
|
GtkTextView.left {
|
|
background-size: 1px 100%;
|
|
background-position: right; }
|
|
GtkTextView.right {
|
|
background-size: 1px 100%;
|
|
background-position: left; }
|
|
|
|
GtkIconView {
|
|
background-color: transparent; }
|
|
GtkIconView:backdrop {
|
|
background-color: transparent; }
|
|
|
|
.rubberband,
|
|
GtkFlow rubberband,
|
|
GtkFlow GtkTreeView.view .rubberband,
|
|
GtkTreeView.view GtkFlow .rubberband,
|
|
GtkFlow GtkTreeView.view rubberband,
|
|
GtkTreeView.view GtkFlow rubberband,
|
|
GtkFlow treeview.view .rubberband,
|
|
treeview.view GtkFlow .rubberband,
|
|
GtkFlow treeview.view rubberband,
|
|
treeview.view GtkFlow rubberband {
|
|
border: 1px solid #347d9f;
|
|
background-color: rgba(52, 125, 159, 0.2); }
|
|
|
|
GtkFlow flowboxchild {
|
|
padding: 3px;
|
|
border-radius: 3px; }
|
|
GtkFlow flowboxchild:selected {
|
|
outline-offset: -2px; }
|
|
|
|
GtkLabel.separator {
|
|
color: white; }
|
|
GtkLabel.separator:backdrop {
|
|
color: #a7acae; }
|
|
GtkLabel:selected {
|
|
background-color: #449ac2;
|
|
color: #ffffff; }
|
|
GtkLabel:insensitive {
|
|
color: #a7acae; }
|
|
GtkLabel:insensitive:backdrop {
|
|
color: #727f85; }
|
|
GtkLabel:backdrop {
|
|
color: #a7acae; }
|
|
|
|
.dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle,
|
|
.header-bar .subtitle {
|
|
opacity: 0.55;
|
|
text-shadow: none; }
|
|
|
|
.app-notification,
|
|
.app-notification.frame, .osd .scale-popup, .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier, .csd .popover .background.osd, .popover .background.osd,
|
|
.osd {
|
|
color: #e4e6e7;
|
|
border: none;
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
outline-color: rgba(228, 230, 231, 0.3);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black; }
|
|
.app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop,
|
|
.osd:backdrop {
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected,
|
|
GtkTextView GtkLabel:selected:focus,
|
|
GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, .popover .check:selected,
|
|
.popover .radio:selected,
|
|
.menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical),
|
|
.entry:selected:focus,
|
|
.entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
|
|
treeview.view:selected:focus,
|
|
treeview.view:selected {
|
|
background-color: #449ac2; }
|
|
.list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected,
|
|
GtkTextView GtkLabel:selected:focus,
|
|
GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, .popover .check:selected,
|
|
.popover .radio:selected,
|
|
.menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical),
|
|
.entry:selected:focus,
|
|
.entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
|
|
treeview.view:selected:focus,
|
|
treeview.view:selected {
|
|
color: #ffffff; }
|
|
.list-row:selected GtkLabel:insensitive, row:selected GtkLabel:insensitive, GtkLabel:insensitive:selected, GtkIconView:insensitive:selected:focus, .view:insensitive:selected, GtkIconView:insensitive:selected,
|
|
GtkTextView GtkLabel:insensitive:selected:focus, GtkTextView GtkLabel selection:insensitive, GtkFlow flowboxchild:insensitive:selected, GtkLabel:insensitive:selected, modelbutton.flat:insensitive:selected, .popover .check:insensitive:selected,
|
|
.popover .radio:insensitive:selected,
|
|
.menuitem.button.flat:insensitive:selected, GtkCalendar:insensitive:selected, .spinbutton:insensitive:selected:not(.vertical),
|
|
.entry:insensitive:selected, .list-row:insensitive:selected {
|
|
color: #a2cde1; }
|
|
.list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, GtkIconView:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected,
|
|
GtkTextView GtkLabel:backdrop:selected:focus, GtkTextView GtkLabel selection:backdrop, GtkFlow flowboxchild:backdrop:selected, GtkLabel:backdrop:selected, modelbutton.flat:backdrop:selected, .popover .check:backdrop:selected,
|
|
.popover .radio:backdrop:selected,
|
|
.menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical),
|
|
.entry:backdrop:selected, .list-row:backdrop:selected {
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
.list-row:selected GtkLabel:backdrop:insensitive, row:selected GtkLabel:backdrop:insensitive, GtkLabel:backdrop:insensitive:selected, .view:backdrop:insensitive:selected, GtkIconView:backdrop:insensitive:selected, GtkTextView GtkLabel selection:backdrop:insensitive, GtkFlow flowboxchild:backdrop:insensitive:selected, GtkLabel:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, .popover .check:backdrop:insensitive:selected,
|
|
.popover .radio:backdrop:insensitive:selected,
|
|
.menuitem.button.flat:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .spinbutton:backdrop:insensitive:selected:not(.vertical),
|
|
.entry:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected {
|
|
color: rgba(91, 167, 202, 0.85); }
|
|
|
|
.monospace {
|
|
font-family: Monospace; }
|
|
|
|
/***********
|
|
* Buttons *
|
|
***********/
|
|
@keyframes needs_attention {
|
|
from {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#7eb9d5), to(transparent)); }
|
|
to {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } }
|
|
.button {
|
|
padding: 4px 9px;
|
|
border: 1px solid #373e41;
|
|
border-radius: 3px;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.flat {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
transition: none; }
|
|
.button.flat:hover {
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
transition-duration: 500ms; }
|
|
.button.flat:hover:active {
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
.button:hover {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
|
-gtk-icon-effect: highlight; }
|
|
.button:active,
|
|
.button:checked {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #3f4649, #4a5357);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05);
|
|
transition-duration: 50ms; }
|
|
.button:backdrop.flat,
|
|
.button:backdrop {
|
|
border-color: #394144;
|
|
background-color: #4F585C;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
transition: 200ms ease-out;
|
|
-gtk-icon-effect: none; }
|
|
.button:backdrop.flat GtkLabel,
|
|
.button:backdrop.flat,
|
|
.button:backdrop GtkLabel,
|
|
.button:backdrop {
|
|
color: #a7acae; }
|
|
.button:backdrop.flat:active,
|
|
.button:backdrop.flat:checked,
|
|
.button:backdrop:active,
|
|
.button:backdrop:checked {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button:backdrop.flat:active GtkLabel,
|
|
.button:backdrop.flat:active,
|
|
.button:backdrop.flat:checked GtkLabel,
|
|
.button:backdrop.flat:checked,
|
|
.button:backdrop:active GtkLabel,
|
|
.button:backdrop:active,
|
|
.button:backdrop:checked GtkLabel,
|
|
.button:backdrop:checked {
|
|
color: #a7acae; }
|
|
.button:backdrop.flat:active label,
|
|
.button:backdrop.flat:active,
|
|
.button:backdrop.flat:checked label,
|
|
.button:backdrop.flat:checked,
|
|
.button:backdrop:active label,
|
|
.button:backdrop:active,
|
|
.button:backdrop:checked label,
|
|
.button:backdrop:checked {
|
|
color: #a7acae; }
|
|
.button:backdrop.flat:insensitive,
|
|
.button:backdrop:insensitive {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.button:backdrop.flat:insensitive GtkLabel,
|
|
.button:backdrop.flat:insensitive,
|
|
.button:backdrop:insensitive GtkLabel,
|
|
.button:backdrop:insensitive {
|
|
color: #727f85; }
|
|
.button:backdrop.flat:insensitive:active,
|
|
.button:backdrop.flat:insensitive:checked,
|
|
.button:backdrop:insensitive:active,
|
|
.button:backdrop:insensitive:checked {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
background-color: #4e585d;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button:backdrop.flat:insensitive:active GtkLabel,
|
|
.button:backdrop.flat:insensitive:checked GtkLabel,
|
|
.button:backdrop:insensitive:active GtkLabel,
|
|
.button:backdrop:insensitive:checked GtkLabel {
|
|
color: #727f85; }
|
|
.button.flat:backdrop,
|
|
.button.flat:insensitive,
|
|
.button.flat:backdrop:insensitive {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.button:insensitive,
|
|
.button:insensitive {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.button:insensitive GtkLabel,
|
|
.button:insensitive,
|
|
.button:insensitive GtkLabel,
|
|
.button:insensitive {
|
|
color: #a7acae; }
|
|
.button:insensitive:active,
|
|
.button:insensitive:checked,
|
|
.button:insensitive:active,
|
|
.button:insensitive:checked {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button:insensitive:active GtkLabel,
|
|
.button:insensitive:active,
|
|
.button:insensitive:checked GtkLabel,
|
|
.button:insensitive:checked,
|
|
.button:insensitive:active GtkLabel,
|
|
.button:insensitive:active,
|
|
.button:insensitive:checked GtkLabel,
|
|
.button:insensitive:checked {
|
|
color: #a7acae; }
|
|
.button.image-button {
|
|
padding-left: 4px;
|
|
padding-right: 4px; }
|
|
.button.text-button {
|
|
padding-left: 16px;
|
|
padding-right: 16px; }
|
|
.button.text-button.image-button {
|
|
padding-left: 8px;
|
|
padding-right: 8px; }
|
|
.button.text-button.image-button GtkLabel,
|
|
.button.text-button.image-button label {
|
|
padding-left: 8px;
|
|
padding-right: 8px; }
|
|
row:selected
|
|
.button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
|
|
color: #ffffff;
|
|
border-color: transparent; }
|
|
row:selected
|
|
.button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
|
|
color: #a7acae; }
|
|
.button.osd {
|
|
color: #e4e6e7;
|
|
border-radius: 5px;
|
|
outline-color: rgba(228, 230, 231, 0.3);
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3);
|
|
border: none;
|
|
box-shadow: none; }
|
|
.button.osd:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(60, 69, 71, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3);
|
|
border: none;
|
|
box-shadow: none; }
|
|
.button.osd:active,
|
|
.button.osd:checked {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3);
|
|
border: none;
|
|
box-shadow: none; }
|
|
.button.osd:insensitive:backdrop,
|
|
.button.osd:insensitive,
|
|
.button.osd:insensitive:backdrop,
|
|
.button.osd:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
border: none; }
|
|
.button.osd:backdrop {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
border: none; }
|
|
.app-notification .button, .app-notification button,
|
|
.app-notification.frame .button,
|
|
.app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd
|
|
.button {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd
|
|
.button:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(60, 69, 71, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd
|
|
.button:active:backdrop, .osd
|
|
.button:active, .osd
|
|
.button:checked:backdrop, .osd
|
|
.button:checked {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd
|
|
.button:insensitive:backdrop, .osd
|
|
.button:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd
|
|
.button:backdrop {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.app-notification .flat.button, .app-notification button.flat, .popover .background.touch-selection button.flat, .popover .background.magnifier button.flat, .osd
|
|
.button.flat {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: none; }
|
|
.app-notification .flat.button:hover, .app-notification button.flat:hover, .popover .background.touch-selection button.flat:hover, .popover .background.magnifier button.flat:hover, .osd
|
|
.button.flat:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(60, 69, 71, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd
|
|
.button.flat:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
background-image: none;
|
|
border-color: transparent;
|
|
box-shadow: none; }
|
|
.app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover .background.touch-selection button.flat:backdrop, .popover .background.magnifier button.flat:backdrop, .osd
|
|
.button.flat:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.app-notification .flat.button:active, .app-notification button.flat:active, .popover .background.touch-selection button.flat:active, .popover .background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover .background.touch-selection button.flat:checked, .popover .background.magnifier button.flat:checked, .osd
|
|
.button.flat:active, .osd
|
|
.button.flat:checked {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.button.suggested-action {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #215065;
|
|
background-image: linear-gradient(to bottom, #449ac2, #3a8cb2);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.suggested-action.flat {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #449ac2; }
|
|
.button.suggested-action:hover {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #215065;
|
|
background-image: linear-gradient(to bottom, #489cc3, #3e95be 60%, #3c8fb6);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
|
|
.button.suggested-action:active,
|
|
.button.suggested-action:checked {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #215065;
|
|
background-image: linear-gradient(to bottom, #3886ab, #3e95be);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.suggested-action:backdrop,
|
|
.button.suggested-action.flat:backdrop {
|
|
border-color: #215065;
|
|
background-color: #449ac2;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.button.suggested-action:backdrop GtkLabel,
|
|
.button.suggested-action:backdrop,
|
|
.button.suggested-action.flat:backdrop GtkLabel,
|
|
.button.suggested-action.flat:backdrop {
|
|
color: #a7acae; }
|
|
.button.suggested-action:backdrop:active,
|
|
.button.suggested-action:backdrop:checked,
|
|
.button.suggested-action.flat:backdrop:active,
|
|
.button.suggested-action.flat:backdrop:checked {
|
|
border-color: #215065;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.suggested-action:backdrop:active GtkLabel,
|
|
.button.suggested-action:backdrop:active,
|
|
.button.suggested-action:backdrop:checked GtkLabel,
|
|
.button.suggested-action:backdrop:checked,
|
|
.button.suggested-action.flat:backdrop:active GtkLabel,
|
|
.button.suggested-action.flat:backdrop:active,
|
|
.button.suggested-action.flat:backdrop:checked GtkLabel,
|
|
.button.suggested-action.flat:backdrop:checked {
|
|
color: #a7acae; }
|
|
.button.suggested-action:backdrop:active label,
|
|
.button.suggested-action:backdrop:active,
|
|
.button.suggested-action:backdrop:checked label,
|
|
.button.suggested-action:backdrop:checked,
|
|
.button.suggested-action.flat:backdrop:active label,
|
|
.button.suggested-action.flat:backdrop:active,
|
|
.button.suggested-action.flat:backdrop:checked label,
|
|
.button.suggested-action.flat:backdrop:checked {
|
|
color: #a7acae; }
|
|
.button.suggested-action:backdrop:insensitive,
|
|
.button.suggested-action.flat:backdrop:insensitive {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.button.suggested-action:backdrop:insensitive GtkLabel,
|
|
.button.suggested-action:backdrop:insensitive,
|
|
.button.suggested-action.flat:backdrop:insensitive GtkLabel,
|
|
.button.suggested-action.flat:backdrop:insensitive {
|
|
color: #727f85; }
|
|
.button.suggested-action:backdrop:insensitive:active,
|
|
.button.suggested-action:backdrop:insensitive:checked,
|
|
.button.suggested-action.flat:backdrop:insensitive:active,
|
|
.button.suggested-action.flat:backdrop:insensitive:checked {
|
|
border-color: #215065;
|
|
background-image: none;
|
|
background-color: #4287a7;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.suggested-action:backdrop:insensitive:active GtkLabel,
|
|
.button.suggested-action:backdrop:insensitive:checked GtkLabel,
|
|
.button.suggested-action.flat:backdrop:insensitive:active GtkLabel,
|
|
.button.suggested-action.flat:backdrop:insensitive:checked GtkLabel {
|
|
color: #84b1c6; }
|
|
.button.suggested-action.flat:backdrop,
|
|
.button.suggested-action.flat:insensitive,
|
|
.button.suggested-action.flat:backdrop:insensitive {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: rgba(68, 154, 194, 0.8); }
|
|
.button.suggested-action:insensitive {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.button.suggested-action:insensitive GtkLabel,
|
|
.button.suggested-action:insensitive {
|
|
color: #a7acae; }
|
|
.button.suggested-action:insensitive:active,
|
|
.button.suggested-action:insensitive:checked {
|
|
border-color: #215065;
|
|
background-image: none;
|
|
background-color: #4287a7;
|
|
text-shadow: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.suggested-action:insensitive:active GtkLabel,
|
|
.button.suggested-action:insensitive:active,
|
|
.button.suggested-action:insensitive:checked GtkLabel,
|
|
.button.suggested-action:insensitive:checked {
|
|
color: #b3cfdc; }
|
|
.osd
|
|
.button.suggested-action {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(68, 154, 194, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd
|
|
.button.suggested-action:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(68, 154, 194, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd
|
|
.button.suggested-action:active:backdrop, .osd
|
|
.button.suggested-action:active, .osd
|
|
.button.suggested-action:checked:backdrop, .osd
|
|
.button.suggested-action:checked {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: #449ac2;
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd
|
|
.button.suggested-action:insensitive:backdrop, .osd
|
|
.button.suggested-action:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.osd
|
|
.button.suggested-action:backdrop {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(68, 154, 194, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.button.destructive-action {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #6f0e07;
|
|
background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.destructive-action.flat {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #e71d0e; }
|
|
.button.destructive-action:hover {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #6f0e07;
|
|
background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
|
|
.button.destructive-action:active,
|
|
.button.destructive-action:checked {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #6f0e07;
|
|
background-image: linear-gradient(to bottom, #c6180c, #de1b0d);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.destructive-action:backdrop,
|
|
.button.destructive-action.flat:backdrop {
|
|
border-color: #6f0e07;
|
|
background-color: #e71d0e;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.button.destructive-action:backdrop GtkLabel,
|
|
.button.destructive-action:backdrop,
|
|
.button.destructive-action.flat:backdrop GtkLabel,
|
|
.button.destructive-action.flat:backdrop {
|
|
color: #a7acae; }
|
|
.button.destructive-action:backdrop:active,
|
|
.button.destructive-action:backdrop:checked,
|
|
.button.destructive-action.flat:backdrop:active,
|
|
.button.destructive-action.flat:backdrop:checked {
|
|
border-color: #6f0e07;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.destructive-action:backdrop:active GtkLabel,
|
|
.button.destructive-action:backdrop:active,
|
|
.button.destructive-action:backdrop:checked GtkLabel,
|
|
.button.destructive-action:backdrop:checked,
|
|
.button.destructive-action.flat:backdrop:active GtkLabel,
|
|
.button.destructive-action.flat:backdrop:active,
|
|
.button.destructive-action.flat:backdrop:checked GtkLabel,
|
|
.button.destructive-action.flat:backdrop:checked {
|
|
color: #a7acae; }
|
|
.button.destructive-action:backdrop:active label,
|
|
.button.destructive-action:backdrop:active,
|
|
.button.destructive-action:backdrop:checked label,
|
|
.button.destructive-action:backdrop:checked,
|
|
.button.destructive-action.flat:backdrop:active label,
|
|
.button.destructive-action.flat:backdrop:active,
|
|
.button.destructive-action.flat:backdrop:checked label,
|
|
.button.destructive-action.flat:backdrop:checked {
|
|
color: #a7acae; }
|
|
.button.destructive-action:backdrop:insensitive,
|
|
.button.destructive-action.flat:backdrop:insensitive {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.button.destructive-action:backdrop:insensitive GtkLabel,
|
|
.button.destructive-action:backdrop:insensitive,
|
|
.button.destructive-action.flat:backdrop:insensitive GtkLabel,
|
|
.button.destructive-action.flat:backdrop:insensitive {
|
|
color: #727f85; }
|
|
.button.destructive-action:backdrop:insensitive:active,
|
|
.button.destructive-action:backdrop:insensitive:checked,
|
|
.button.destructive-action.flat:backdrop:insensitive:active,
|
|
.button.destructive-action.flat:backdrop:insensitive:checked {
|
|
border-color: #6f0e07;
|
|
background-image: none;
|
|
background-color: #be261c;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.destructive-action:backdrop:insensitive:active GtkLabel,
|
|
.button.destructive-action:backdrop:insensitive:checked GtkLabel,
|
|
.button.destructive-action.flat:backdrop:insensitive:active GtkLabel,
|
|
.button.destructive-action.flat:backdrop:insensitive:checked GtkLabel {
|
|
color: #d5726b; }
|
|
.button.destructive-action.flat:backdrop,
|
|
.button.destructive-action.flat:insensitive,
|
|
.button.destructive-action.flat:backdrop:insensitive {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: rgba(231, 29, 14, 0.8); }
|
|
.button.destructive-action:insensitive {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.button.destructive-action:insensitive GtkLabel,
|
|
.button.destructive-action:insensitive {
|
|
color: #a7acae; }
|
|
.button.destructive-action:insensitive:active,
|
|
.button.destructive-action:insensitive:checked {
|
|
border-color: #6f0e07;
|
|
background-image: none;
|
|
background-color: #be261c;
|
|
text-shadow: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.button.destructive-action:insensitive:active GtkLabel,
|
|
.button.destructive-action:insensitive:active,
|
|
.button.destructive-action:insensitive:checked GtkLabel,
|
|
.button.destructive-action:insensitive:checked {
|
|
color: #e5a8a4; }
|
|
.osd
|
|
.button.destructive-action {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(231, 29, 14, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd
|
|
.button.destructive-action:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(231, 29, 14, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd
|
|
.button.destructive-action:active:backdrop, .osd
|
|
.button.destructive-action:active, .osd
|
|
.button.destructive-action:checked:backdrop, .osd
|
|
.button.destructive-action:checked {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: #e71d0e;
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd
|
|
.button.destructive-action:insensitive:backdrop, .osd
|
|
.button.destructive-action:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.osd
|
|
.button.destructive-action:backdrop {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(231, 29, 14, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.stack-switcher >
|
|
.button {
|
|
outline-offset: -3px; }
|
|
.stack-switcher >
|
|
.button > GtkLabel {
|
|
padding-left: 6px;
|
|
padding-right: 6px; }
|
|
.stack-switcher >
|
|
.button > GtkImage {
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px; }
|
|
.stack-switcher >
|
|
.button.text-button {
|
|
padding-left: 10px;
|
|
padding-right: 10px; }
|
|
.stack-switcher >
|
|
.button.image-button {
|
|
padding-left: 2px;
|
|
padding-right: 2px; }
|
|
.stack-switcher >
|
|
.button.needs-attention:active > label,
|
|
.stack-switcher >
|
|
.button.needs-attention:active > image, .stack-switcher >
|
|
.button.needs-attention:checked > label,
|
|
.stack-switcher >
|
|
.button.needs-attention:checked > image {
|
|
animation: none;
|
|
background-image: none; }
|
|
.inline-toolbar
|
|
.button, .inline-toolbar
|
|
.button:backdrop {
|
|
border-radius: 2px;
|
|
border-width: 1px; }
|
|
.primary-toolbar
|
|
.button {
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.stack-switcher >
|
|
.button.needs-attention > label,
|
|
.stack-switcher >
|
|
.button.needs-attention > image {
|
|
animation: needs_attention 150ms ease-in;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7eb9d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent));
|
|
background-size: 6px 6px, 6px 6px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 3px, right 2px; }
|
|
.stack-switcher >
|
|
.button.needs-attention > label:backdrop,
|
|
.stack-switcher >
|
|
.button.needs-attention > image:backdrop {
|
|
background-size: 6px 6px, 0 0; }
|
|
.stack-switcher >
|
|
.button.needs-attention > label:dir(rtl),
|
|
.stack-switcher >
|
|
.button.needs-attention > image:dir(rtl) {
|
|
background-position: left 3px, left 2px; }
|
|
|
|
.inline-toolbar toolbutton > button {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.inline-toolbar toolbutton > button:hover {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
|
|
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #3f4649, #4a5357);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.inline-toolbar toolbutton > button:insensitive {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive {
|
|
color: #a7acae; }
|
|
.inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked {
|
|
color: #a7acae; }
|
|
.inline-toolbar toolbutton > button:backdrop {
|
|
border-color: #394144;
|
|
background-color: #4F585C;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
|
|
color: #a7acae; }
|
|
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked {
|
|
color: #a7acae; }
|
|
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
|
|
color: #a7acae; }
|
|
.inline-toolbar toolbutton > button:backdrop:insensitive {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive {
|
|
color: #727f85; }
|
|
.inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked {
|
|
border-color: #394144;
|
|
background-image: none;
|
|
background-color: #4e585d;
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
.inline-toolbar toolbutton > button:backdrop:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive:checked GtkLabel {
|
|
color: #727f85; }
|
|
|
|
toolbar.inline-toolbar toolbutton > button.flat,
|
|
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar
|
|
.button, .inline-toolbar
|
|
.button:backdrop, .linked >
|
|
.button, .linked >
|
|
.button:hover, .linked >
|
|
.button:active, .linked >
|
|
.button:checked, .linked >
|
|
.button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), .linked:not(.vertical) >
|
|
.entry, .linked > GtkComboBox > box > button.combo:dir(ltr), .linked > GtkComboBox > box > button.combo:dir(rtl) {
|
|
border-radius: 0;
|
|
border-right-style: none; }
|
|
|
|
.inline-toolbar
|
|
.button:first-child, .linked >
|
|
.button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
|
|
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(rtl), .linked:not(.vertical) > GtkComboBox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
|
|
.entry:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px; }
|
|
.inline-toolbar
|
|
.button:last-child, .linked >
|
|
.button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
|
|
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(ltr), .linked:not(.vertical) > GtkComboBox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
|
|
.entry:last-child {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-right-style: solid; }
|
|
.inline-toolbar
|
|
.button:only-child, .linked >
|
|
.button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
|
|
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > GtkComboBox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
|
|
.entry:only-child {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
.linked.vertical >
|
|
.button, .linked.vertical >
|
|
.button:hover, .linked.vertical >
|
|
.button:active, .linked.vertical >
|
|
.button:checked, .linked.vertical >
|
|
.button:backdrop, .linked.vertical > .spinbutton:not(.vertical), .linked.vertical >
|
|
.entry, .linked.vertical > GtkComboBox > box > button.combo {
|
|
border-style: solid solid none solid;
|
|
border-radius: 0; }
|
|
|
|
.linked.vertical >
|
|
.button:first-child, .linked.vertical > GtkComboBox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), .linked.vertical >
|
|
.entry:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px; }
|
|
.linked.vertical >
|
|
.button:last-child, .linked.vertical > GtkComboBox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), .linked.vertical >
|
|
.entry:last-child {
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-style: solid; }
|
|
.linked.vertical >
|
|
.button:only-child, .linked.vertical > GtkComboBox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), .linked.vertical >
|
|
.entry:only-child {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
modelbutton.flat, .popover .check,
|
|
.popover .radio,
|
|
.menuitem.button.flat, modelbutton.flat:backdrop, .popover .check:backdrop,
|
|
.popover .radio:backdrop, modelbutton.flat:backdrop:hover, .popover .check:backdrop:hover,
|
|
.popover .radio:backdrop:hover,
|
|
.menuitem.button.flat:backdrop,
|
|
.menuitem.button.flat:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:insensitive, .button:link,
|
|
.button:visited, .button:link:hover, .button:link:active, .button:link:checked,
|
|
.button:visited:hover,
|
|
.button:visited:active,
|
|
.button:visited:checked, .scale-popup .button:hover,
|
|
.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive, .scale-popup .button:backdrop,
|
|
.scale-popup button:backdrop:hover,
|
|
.scale-popup button:backdrop:insensitive,
|
|
.scale-popup button:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-color: transparent;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
|
|
/* menu buttons */
|
|
modelbutton.flat, .popover .check,
|
|
.popover .radio,
|
|
.menuitem.button.flat {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border-radius: 3px;
|
|
outline-offset: -2px; }
|
|
modelbutton.flat:hover, .popover .check:hover,
|
|
.popover .radio:hover,
|
|
.menuitem.button.flat:hover {
|
|
background-color: #76868e; }
|
|
modelbutton.flat check:last-child, .popover .check check:last-child,
|
|
.popover .radio check:last-child,
|
|
modelbutton.flat radio:last-child,
|
|
.popover .check radio:last-child,
|
|
.popover .radio radio:last-child,
|
|
.menuitem.button.flat check:last-child,
|
|
.menuitem.button.flat radio:last-child {
|
|
margin-left: 8px; }
|
|
modelbutton.flat check:first-child, .popover .check check:first-child,
|
|
.popover .radio check:first-child,
|
|
modelbutton.flat radio:first-child,
|
|
.popover .check radio:first-child,
|
|
.popover .radio radio:first-child,
|
|
.menuitem.button.flat check:first-child,
|
|
.menuitem.button.flat radio:first-child {
|
|
margin-right: 8px; }
|
|
|
|
modelbutton.flat arrow, .popover .check arrow,
|
|
.popover .radio arrow {
|
|
background: none; }
|
|
modelbutton.flat arrow:hover, .popover .check arrow:hover,
|
|
.popover .radio arrow:hover {
|
|
background: none; }
|
|
modelbutton.flat arrow.left, .popover .check arrow.left,
|
|
.popover .radio arrow.left {
|
|
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
|
|
modelbutton.flat arrow.right, .popover .check arrow.right,
|
|
.popover .radio arrow.right {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|
|
|
button.color {
|
|
padding: 4px; }
|
|
button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
|
|
border-radius: 0; }
|
|
|
|
/************
|
|
* Calendar *
|
|
***********/
|
|
GtkCalendar {
|
|
color: white;
|
|
border: 1px solid #373e41; }
|
|
GtkCalendar:selected {
|
|
border-radius: 3px; }
|
|
GtkCalendar.header {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-radius: 0; }
|
|
GtkCalendar.header:backdrop {
|
|
border-color: rgba(0, 0, 0, 0.1); }
|
|
GtkCalendar.button {
|
|
color: rgba(255, 255, 255, 0.45); }
|
|
GtkCalendar.button:hover {
|
|
color: white; }
|
|
GtkCalendar.button:backdrop {
|
|
color: rgba(167, 172, 174, 0.45); }
|
|
GtkCalendar.button:insensitive {
|
|
color: rgba(167, 172, 174, 0.45); }
|
|
GtkCalendar.highlight, GtkCalendar.highlight:backdrop {
|
|
font-size: smaller;
|
|
color: white; }
|
|
GtkCalendar:backdrop {
|
|
color: #e2e5e6;
|
|
border-color: #394144; }
|
|
|
|
/*************************
|
|
* Check and Radio Items *
|
|
*************************/
|
|
.check {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-backdrop-dark.png"), url("../assets/checkbox-unchecked-insensitive-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-backdrop-dark.png"), url("../assets/radio-unchecked-insensitive-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:hover:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:hover:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:active:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:active:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:insensitive:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:insensitive:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:insensitive:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:insensitive:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:hover:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:hover:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:active:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:active:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:insensitive:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:insensitive:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:checked:insensitive:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:checked:insensitive:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:hover:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:hover:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:active:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:active:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:insensitive:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:insensitive:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check:inconsistent:insensitive:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.radio:inconsistent:insensitive:backdrop:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check, GtkIconView.content-view.check {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio, GtkIconView.content-view.radio {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:hover, GtkIconView.content-view.check:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:hover, GtkIconView.content-view.radio:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:active, GtkIconView.content-view.check:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:active, GtkIconView.content-view.radio:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check, GtkIconView.content-view.check {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio, GtkIconView.content-view.radio {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:hover, GtkIconView.content-view.check:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:hover, GtkIconView.content-view.radio:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:active, GtkIconView.content-view.check:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:active, GtkIconView.content-view.radio:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png"));
|
|
-gtk-icon-shadow: none; }
|
|
|
|
.check.text-button, .radio.text-button {
|
|
padding: 2px 0;
|
|
outline-offset: 0; }
|
|
.check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child {
|
|
margin-left: 4px; }
|
|
.check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child {
|
|
margin-right: 4px; }
|
|
|
|
.check,
|
|
.radio {
|
|
margin: 0 4px; }
|
|
.menu .menuitem .check, .menu .menuitem
|
|
.radio {
|
|
margin: 0; }
|
|
|
|
GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected,
|
|
GtkTreeView.view radio:selected:focus,
|
|
GtkTreeView.view radio:selected {
|
|
color: white; }
|
|
GtkTreeView.view check:selected:insensitive,
|
|
GtkTreeView.view radio:selected:insensitive {
|
|
color: #a7acae; }
|
|
GtkTreeView.view check:selected:insensitive:backdrop,
|
|
GtkTreeView.view radio:selected:insensitive:backdrop {
|
|
color: #727f85; }
|
|
GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop,
|
|
GtkTreeView.view radio:backdrop:selected,
|
|
GtkTreeView.view radio:backdrop {
|
|
color: #a7acae; }
|
|
|
|
/*****************
|
|
* Color Chooser *
|
|
*****************/
|
|
GtkColorSwatch.top {
|
|
border-top-left-radius: 5.5px;
|
|
border-top-right-radius: 5.5px; }
|
|
GtkColorSwatch.top overlay {
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px; }
|
|
GtkColorSwatch.bottom {
|
|
border-bottom-left-radius: 5.5px;
|
|
border-bottom-right-radius: 5.5px; }
|
|
GtkColorSwatch.bottom overlay {
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px; }
|
|
GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top) {
|
|
border-top-left-radius: 5.5px;
|
|
border-bottom-left-radius: 5.5px; }
|
|
GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay {
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px; }
|
|
GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) {
|
|
border-top-right-radius: 5.5px;
|
|
border-bottom-right-radius: 5.5px; }
|
|
GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay {
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px; }
|
|
GtkColorSwatch.dark overlay {
|
|
color: #ffffff; }
|
|
GtkColorSwatch.dark overlay:hover {
|
|
border-color: #373e41; }
|
|
GtkColorSwatch.dark overlay:backdrop {
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
GtkColorSwatch.light overlay {
|
|
color: white; }
|
|
GtkColorSwatch.light overlay:hover {
|
|
border-color: #373e41; }
|
|
GtkColorSwatch.light overlay:backdrop {
|
|
color: #e2e5e6; }
|
|
GtkColorSwatch overlay {
|
|
box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
|
|
border: 1px solid #373e41; }
|
|
GtkColorSwatch overlay:hover {
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
|
|
GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover {
|
|
border-color: #373e41;
|
|
box-shadow: none; }
|
|
GtkColorSwatch#add-color-button {
|
|
border-radius: 5px 5px 0 0; }
|
|
GtkColorSwatch#add-color-button:only-child {
|
|
border-radius: 5px; }
|
|
GtkColorSwatch#add-color-button overlay {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
GtkColorSwatch#add-color-button overlay:hover {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
|
|
GtkColorSwatch#add-color-button overlay:backdrop {
|
|
border-color: #394144;
|
|
background-color: #4F585C;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop {
|
|
color: #a7acae; }
|
|
GtkColorSwatch:insensitive {
|
|
opacity: 0.5; }
|
|
GtkColorSwatch:insensitive overlay {
|
|
border-color: rgba(0, 0, 0, 0.6);
|
|
box-shadow: none; }
|
|
row:selected GtkColorSwatch {
|
|
box-shadow: 0 0 0 2px #ffffff; }
|
|
GtkColorSwatch#editor-color-sample {
|
|
border-radius: 4px; }
|
|
GtkColorSwatch#editor-color-sample overlay {
|
|
border-radius: 4.5px; }
|
|
|
|
colorchooser .popover.osd {
|
|
border-radius: 5px; }
|
|
|
|
/**************
|
|
* ComboBoxes *
|
|
**************/
|
|
GtkComboBox .arrow {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
|
|
/******************
|
|
* Combobox Entry *
|
|
******************/
|
|
.combobox-entry .button {
|
|
box-shadow: none; }
|
|
.combobox-entry .button:first-child {
|
|
border-radius: 4px 0 0 4px;
|
|
border-right-width: 0; }
|
|
.combobox-entry .button:last-child {
|
|
border-radius: 0 4px 4px 0; }
|
|
.combobox-entry .entry {
|
|
box-shadow: none; }
|
|
.combobox-entry .entry:first-child {
|
|
border-radius: 4px 0 0 4px;
|
|
border-right-width: 0; }
|
|
.combobox-entry .entry:last-child {
|
|
border-radius: 0 4px 4px 0;
|
|
border-radius: 0 4px 4px 0; }
|
|
|
|
/***********
|
|
* Dialogs *
|
|
***********/
|
|
GtkMessageDialog .header-bar,
|
|
GtkMessageDialog .titlebar,
|
|
.message-dialog .header-bar,
|
|
.message-dialog .titlebar {
|
|
background-image: none;
|
|
background-color: #4F585C;
|
|
border-style: none;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
|
|
GtkMessageDialog .header-bar:backdrop,
|
|
GtkMessageDialog .titlebar:backdrop,
|
|
.message-dialog .header-bar:backdrop,
|
|
.message-dialog .titlebar:backdrop {
|
|
background-color: #4F585C; }
|
|
GtkMessageDialog .header-bar.default-decoration,
|
|
GtkMessageDialog .titlebar.default-decoration,
|
|
.message-dialog .header-bar.default-decoration,
|
|
.message-dialog .titlebar.default-decoration {
|
|
padding: 6px;
|
|
background-color: #4F585C;
|
|
color: white; }
|
|
GtkMessageDialog .header-bar.default-decoration:backdrop,
|
|
GtkMessageDialog .titlebar.default-decoration:backdrop,
|
|
.message-dialog .header-bar.default-decoration:backdrop,
|
|
.message-dialog .titlebar.default-decoration:backdrop {
|
|
background-color: #4F585C;
|
|
color: #a7acae; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton {
|
|
padding: 1px;
|
|
border-radius: 50%;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton GtkImage,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton GtkImage,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton GtkImage {
|
|
color: white; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton:hover,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton:hover {
|
|
background-color: #373e41;
|
|
color: white; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage {
|
|
color: white; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton:backdrop,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton:backdrop {
|
|
background-color: transparent;
|
|
color: #a7acae; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage {
|
|
color: #c2c5c6; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton:active,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton:active {
|
|
background-color: white;
|
|
color: #4F585C;
|
|
border-radius: 50%;
|
|
box-shadow: none; }
|
|
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage,
|
|
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage,
|
|
.message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage,
|
|
.message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage {
|
|
color: #677277; }
|
|
GtkMessageDialog.csd,
|
|
.message-dialog.csd {
|
|
border: none;
|
|
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
|
|
GtkMessageDialog.csd.background,
|
|
.message-dialog.csd.background {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px; }
|
|
GtkMessageDialog.csd .dialog-action-area .button,
|
|
.message-dialog.csd .dialog-action-area .button {
|
|
padding: 10px 14px;
|
|
border-radius: 0;
|
|
background-image: none;
|
|
border-left-style: solid;
|
|
border-right-style: none;
|
|
border-bottom-style: none; }
|
|
GtkMessageDialog.csd .dialog-action-area .button:first-child,
|
|
.message-dialog.csd .dialog-action-area .button:first-child {
|
|
border-left-style: none;
|
|
border-bottom-left-radius: 4px; }
|
|
GtkMessageDialog.csd .dialog-action-area .button:last-child,
|
|
.message-dialog.csd .dialog-action-area .button:last-child {
|
|
border-bottom-right-radius: 4px; }
|
|
|
|
GtkFileChooserDialog {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px; }
|
|
GtkFileChooserDialog .dialog-action-box {
|
|
border-top: 1px solid #373e41;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px; }
|
|
GtkFileChooserDialog .dialog-action-box:backdrop {
|
|
border-top-color: #394144; }
|
|
GtkFileChooserDialog #pathbarbox {
|
|
border-bottom: 1px solid #4F585C; }
|
|
|
|
/****************
|
|
* Text Entries *
|
|
****************/
|
|
.spinbutton:not(.vertical), GeditWindow > .entry,
|
|
.entry {
|
|
padding: 4px 6px;
|
|
border: 1px solid;
|
|
border-radius: 3px;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
color: white;
|
|
border-color: #373e41;
|
|
background-color: #6a7981;
|
|
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
|
|
.spinbutton:not(.vertical) GtkImage, GeditWindow > .entry GtkImage,
|
|
.entry GtkImage {
|
|
color: #e1e4e6; }
|
|
.spinbutton:not(.vertical) GtkImage:hover, GeditWindow > .entry GtkImage:hover,
|
|
.entry GtkImage:hover {
|
|
color: white; }
|
|
.spinbutton:not(.vertical) GtkImage:active, GeditWindow > .entry GtkImage:active,
|
|
.entry GtkImage:active {
|
|
color: #449ac2; }
|
|
.spinbutton:not(.vertical) GtkImage:backdrop, GeditWindow > .entry GtkImage:backdrop,
|
|
.entry GtkImage:backdrop {
|
|
color: #9ba2a6; }
|
|
.spinbutton:not(.vertical) GtkImage.left, GeditWindow > .entry GtkImage.left,
|
|
.entry GtkImage.left {
|
|
padding-left: 0;
|
|
padding-right: 6px; }
|
|
.spinbutton:not(.vertical) GtkImage.right, GeditWindow > .entry GtkImage.right,
|
|
.entry GtkImage.right {
|
|
padding-left: 6px;
|
|
padding-right: 0; }
|
|
.spinbutton:not(.vertical) .undershoot.left, GeditWindow > .entry .undershoot.left,
|
|
.entry .undershoot.left {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
|
padding-left: 1px;
|
|
background-size: 1px 10px;
|
|
background-repeat: repeat-y;
|
|
background-origin: content-box;
|
|
background-position: left center;
|
|
border: none;
|
|
box-shadow: none; }
|
|
.spinbutton:not(.vertical) .undershoot.right, GeditWindow > .entry .undershoot.right,
|
|
.entry .undershoot.right {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
|
padding-right: 1px;
|
|
background-size: 1px 10px;
|
|
background-repeat: repeat-y;
|
|
background-origin: content-box;
|
|
background-position: right center;
|
|
border: none;
|
|
box-shadow: none; }
|
|
.flat.spinbutton:focus:not(.vertical), GeditWindow > .flat.entry:focus, .flat.spinbutton:not(.vertical), GeditWindow > .flat.entry,
|
|
.entry.flat:focus,
|
|
.entry.flat {
|
|
padding: 2px;
|
|
background-image: none;
|
|
border-color: transparent;
|
|
border-radius: 0; }
|
|
.spinbutton:focus:not(.vertical), GeditWindow > .entry:focus,
|
|
.entry:focus {
|
|
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
|
border-color: #347d9f; }
|
|
.spinbutton:insensitive:not(.vertical), GeditWindow > .entry:insensitive,
|
|
.entry:insensitive {
|
|
color: #a7acae;
|
|
border-color: #373e41;
|
|
background-color: #5a656b;
|
|
box-shadow: none; }
|
|
.spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop,
|
|
.entry:backdrop {
|
|
color: #e2e5e6;
|
|
border-color: #394144;
|
|
background-color: #6c7c84;
|
|
box-shadow: none;
|
|
transition: 200ms ease-out; }
|
|
.spinbutton:backdrop:insensitive:not(.vertical), GeditWindow > .entry:backdrop:insensitive,
|
|
.entry:backdrop:insensitive {
|
|
color: #727f85;
|
|
border-color: #394144;
|
|
background-color: #5a656b;
|
|
box-shadow: none; }
|
|
.spinbutton:backdrop:insensitive:not(.vertical), GeditWindow > .entry:backdrop:insensitive,
|
|
.entry:backdrop:insensitive {
|
|
color: #727f85;
|
|
border-color: #394144;
|
|
background-color: #5a656b;
|
|
box-shadow: none; }
|
|
.error.spinbutton:not(.vertical), GeditWindow > .error.entry,
|
|
.entry.error {
|
|
color: #f34235;
|
|
border-color: #6f0e07; }
|
|
.error.spinbutton:focus:not(.vertical), GeditWindow > .error.entry:focus,
|
|
.entry.error:focus {
|
|
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
|
border-color: #6f0e07; }
|
|
.error.spinbutton:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, .error.spinbutton:selected:not(.vertical), GeditWindow > .error.entry:selected,
|
|
.entry.error:selected:focus,
|
|
.entry.error:selected {
|
|
background-color: #f34235; }
|
|
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
|
|
.entry.warning {
|
|
color: #fec006;
|
|
border-color: #513d00; }
|
|
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
|
|
.entry.warning:focus {
|
|
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
|
border-color: #513d00; }
|
|
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
|
|
.entry.warning:selected:focus,
|
|
.entry.warning:selected {
|
|
background-color: #fec006; }
|
|
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
|
|
.entry .progressbar {
|
|
margin: 2px -6px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 0;
|
|
border-width: 0 0 2px;
|
|
border-color: #449ac2;
|
|
border-style: solid;
|
|
box-shadow: none; }
|
|
.spinbutton:not(.vertical) .progressbar:backdrop, GeditWindow > .entry .progressbar:backdrop,
|
|
.entry .progressbar:backdrop {
|
|
background-color: transparent; }
|
|
.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:focus + .spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .entry, GeditWindow.linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, GeditWindow.linked:not(.vertical) > .entry:focus + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, GeditWindow.linked:not(.vertical) > .entry:focus + combobox > box > button.combo, .linked:not(.vertical) >
|
|
.entry:focus + .spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) >
|
|
.entry:focus + button, .linked:not(.vertical) >
|
|
.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) +
|
|
.entry, GeditWindow.linked:not(.vertical) > .entry:focus +
|
|
.entry, .linked:not(.vertical) >
|
|
.entry:focus +
|
|
.entry {
|
|
border-left-color: #347d9f; }
|
|
.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), GeditWindow.linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .entry:not(:insensitive), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive), .linked.vertical >
|
|
.entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical >
|
|
.entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) {
|
|
border-top-color: #5b676e;
|
|
background-color: #6a7981; }
|
|
.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, GeditWindow.linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .entry:not(:insensitive):backdrop, GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop, .linked.vertical >
|
|
.entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical >
|
|
.entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop {
|
|
border-top-color: #5d6a71;
|
|
background-color: #6c7c84; }
|
|
.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .entry:insensitive + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .spinbutton:insensitive:not(.vertical) + .entry:insensitive, GeditWindow.linked.vertical > .entry:insensitive + .entry:insensitive, .linked.vertical >
|
|
.entry:insensitive + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .entry:insensitive + .entry:insensitive {
|
|
border-top-color: #5b676e; }
|
|
.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(.vertical) + .entry:focus:not(:only-child), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child), .linked.vertical >
|
|
.entry + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child) {
|
|
border-top-color: #347d9f; }
|
|
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .spinbutton:not(.vertical), GeditWindow.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry,
|
|
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry,
|
|
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry,
|
|
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button,
|
|
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .button,
|
|
.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + GtkComboBox > box > .button.combo,
|
|
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > box > .button.combo, .linked.vertical >
|
|
.entry:focus:not(:only-child) + .spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry,
|
|
.linked.vertical >
|
|
.entry:focus:not(:only-child) + .entry,
|
|
.linked.vertical >
|
|
.entry:focus:not(:only-child) + .button,
|
|
.linked.vertical >
|
|
.entry:focus:not(:only-child) + GtkComboBox > box > .button.combo {
|
|
border-top-color: #347d9f; }
|
|
|
|
GtkTreeView .acceleditor > GtkLabel {
|
|
background-color: #449ac2; }
|
|
|
|
GtkTreeView .entry.flat, GtkTreeView .entry {
|
|
border-radius: 0;
|
|
background-image: none;
|
|
background-color: #6a7981; }
|
|
GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus {
|
|
border-color: #449ac2; }
|
|
|
|
/*************
|
|
* Expanders *
|
|
*************/
|
|
expander .arrow {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|
expander .arrow:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
expander .arrow:hover {
|
|
color: white; }
|
|
expander .arrow:checked {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
|
|
/****************
|
|
* Floating Bar *
|
|
****************/
|
|
.floating-bar {
|
|
background-color: #4F585C;
|
|
padding-top: 1px;
|
|
border-width: 1px;
|
|
border-style: solid solid none;
|
|
border-color: #373e41;
|
|
border-radius: 3px 3px 0 0;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
|
|
.floating-bar.bottom.left {
|
|
border-left-style: none;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 4px; }
|
|
.floating-bar.bottom.right {
|
|
border-right-style: none;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 4px; }
|
|
.floating-bar > .button {
|
|
padding: 4px; }
|
|
.floating-bar:backdrop {
|
|
background-color: #4F585C;
|
|
border-color: #394144; }
|
|
|
|
/**********
|
|
* Frames *
|
|
**********/
|
|
.frame {
|
|
box-shadow: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
border: 1px solid #373e41; }
|
|
.frame.flat {
|
|
border-style: none; }
|
|
.frame:backdrop {
|
|
border-color: #394144; }
|
|
|
|
GtkScrolledWindow GtkViewport.frame {
|
|
border-style: none; }
|
|
GtkScrolledWindow overshoot.top {
|
|
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
|
|
background-size: 100% 5%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.top:backdrop {
|
|
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
|
|
background-size: 100% 5%;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.bottom {
|
|
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
|
|
background-size: 100% 5%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.bottom:backdrop {
|
|
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
|
|
background-size: 100% 5%;
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.left {
|
|
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
|
|
background-size: 5% 100%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.left:backdrop {
|
|
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
|
|
background-size: 5% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.right {
|
|
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
|
|
background-size: 5% 100%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow overshoot.right:backdrop {
|
|
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
|
|
background-size: 5% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow undershoot.top {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
|
padding-top: 1px;
|
|
background-size: 10px 1px;
|
|
background-repeat: repeat-x;
|
|
background-origin: content-box;
|
|
background-position: center top;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow undershoot.bottom {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
|
padding-bottom: 1px;
|
|
background-size: 10px 1px;
|
|
background-repeat: repeat-x;
|
|
background-origin: content-box;
|
|
background-position: center bottom;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow undershoot.left {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
|
padding-left: 1px;
|
|
background-size: 1px 10px;
|
|
background-repeat: repeat-y;
|
|
background-origin: content-box;
|
|
background-position: left center;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow undershoot.right {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
|
padding-right: 1px;
|
|
background-size: 1px 10px;
|
|
background-repeat: repeat-y;
|
|
background-origin: content-box;
|
|
background-position: right center;
|
|
border: none;
|
|
box-shadow: none; }
|
|
GtkScrolledWindow junction {
|
|
border-color: transparent;
|
|
border-image: linear-gradient(to bottom, #373e41 1px, transparent 1px) 0 0 0 1/0 1px stretch;
|
|
background-color: #5d696f; }
|
|
GtkScrolledWindow junction:dir(rtl) {
|
|
border-image-slice: 0 1 0 0; }
|
|
GtkScrolledWindow junction:backdrop {
|
|
border-image-source: linear-gradient(to bottom, #394144 1px, transparent 1px);
|
|
background-color: #485054;
|
|
transition: 200ms ease-out; }
|
|
|
|
.separator {
|
|
background: rgba(0, 0, 0, 0.1); }
|
|
|
|
/************
|
|
* Popovers *
|
|
************/
|
|
GraniteWidgetsPopOver {
|
|
-GraniteWidgetsPopOver-arrow-width: 21;
|
|
-GraniteWidgetsPopOver-arrow-height: 10;
|
|
-GraniteWidgetsPopOver-border-radius: 8px;
|
|
-GraniteWidgetsPopOver-border-width: 0;
|
|
-GraniteWidgetsPopOver-shadow-size: 12;
|
|
border: 1px solid #6a7981;
|
|
background: #6a7981;
|
|
color: white; }
|
|
GraniteWidgetsPopOver .button {
|
|
background-image: none;
|
|
background: none;
|
|
border: none; }
|
|
GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover {
|
|
color: #449ac2; }
|
|
GraniteWidgetsPopOver > .frame {
|
|
border: none; }
|
|
GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar {
|
|
border: none;
|
|
background: none; }
|
|
|
|
GraniteWidgetsStaticNotebook .frame {
|
|
border: none; }
|
|
|
|
.popover_bg {
|
|
background-color: #6a7981;
|
|
border: 1px solid #6a7981;
|
|
color: white; }
|
|
|
|
/***********
|
|
* Welcome *
|
|
**********/
|
|
GraniteWidgetsWelcome {
|
|
background-color: #6a7981; }
|
|
GraniteWidgetsWelcome GtkLabel {
|
|
color: white; }
|
|
GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
|
|
/**************
|
|
* Source List *
|
|
***************/
|
|
.source-list {
|
|
-GtkTreeView-horizontal-separator: 4px;
|
|
-GtkTreeView-vertical-separator: 4px;
|
|
background-color: #4F585C;
|
|
border: solid #373e41;
|
|
color: white;
|
|
border-right-width: 1px; }
|
|
.source-list .view, .source-list GtkIconView {
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: #373e41; }
|
|
.source-list .category-expander {
|
|
border: none;
|
|
color: white; }
|
|
.source-list .badge {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
color: #4F585C;
|
|
border-radius: 10px;
|
|
padding: 0 6px;
|
|
margin: 0 3px;
|
|
border-width: 0; }
|
|
.source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
color: #434b4e; }
|
|
.source-list .list-row {
|
|
border: none;
|
|
padding: 0; }
|
|
.source-list .list-row > GtkLabel {
|
|
padding-left: 6px;
|
|
padding-right: 6px; }
|
|
.source-list.sidebar {
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: #373e41; }
|
|
.source-list.sidebar.left, .source-list.sidebar.right {
|
|
border-width: 0; }
|
|
|
|
/**************
|
|
* Text Styles *
|
|
**************/
|
|
.h1 {
|
|
font-size: 24px; }
|
|
|
|
.h2 {
|
|
font-weight: 300;
|
|
font-size: 18px; }
|
|
|
|
.h3 {
|
|
font-size: 9px; }
|
|
|
|
.h4 {
|
|
font-weight: bold;
|
|
font-size: 9px; }
|
|
|
|
.category-label {
|
|
font-size: 9px;
|
|
padding: 6px;
|
|
color: rgba(255, 255, 255, 0.9);
|
|
font-weight: bold;
|
|
text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
|
|
|
|
/**************
|
|
* Storage Bar *
|
|
**************/
|
|
.storage-bar .trough {
|
|
border: none;
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
|
|
background-image: none;
|
|
background-color: transparent;
|
|
padding: 8px 6px; }
|
|
.storage-bar .fill-block {
|
|
background-color: #fec006;
|
|
border: none;
|
|
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
|
|
transition: all 200ms ease-in-out;
|
|
padding: 8px 6px; }
|
|
.storage-bar .fill-block:first-child {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
border-left-width: 1px;
|
|
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
|
|
.storage-bar .fill-block:last-child {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
|
|
.storage-bar .fill-block.empty-block {
|
|
background-color: #6a7981; }
|
|
.storage-bar .fill-block.app {
|
|
background-color: #2095f2; }
|
|
.storage-bar .fill-block.audio {
|
|
background-color: #fe9700; }
|
|
.storage-bar .fill-block.photo {
|
|
background-color: #f34235; }
|
|
.storage-bar .fill-block.video {
|
|
background-color: #9b26af; }
|
|
.storage-bar .fill-block .legend {
|
|
padding: 12px;
|
|
border-radius: 4px; }
|
|
|
|
/***************
|
|
* Header Bars *
|
|
***************/
|
|
.titlebar:not(headerbar),
|
|
.header-bar {
|
|
padding: 0 8px;
|
|
border: none;
|
|
border-radius: 4px 4px 0 0;
|
|
background-color: #3B4245;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
|
|
.titlebar:backdrop:not(headerbar),
|
|
.header-bar:backdrop {
|
|
background-color: #3B4245;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
transition: 200ms ease-out; }
|
|
.titlebar:not(headerbar) .title,
|
|
.header-bar .title {
|
|
font-weight: bold;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .title:backdrop,
|
|
.header-bar .title:backdrop {
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .subtitle,
|
|
.header-bar .subtitle {
|
|
font-size: smaller;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.selection-mode.titlebar:not(headerbar),
|
|
.header-bar.selection-mode {
|
|
border-radius: 4px 4px 0 0;
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
|
|
border-color: #347d9f;
|
|
background-color: #347D9F;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
|
|
.selection-mode.titlebar:backdrop:not(headerbar),
|
|
.header-bar.selection-mode:backdrop {
|
|
background-color: #275f79;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
|
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
|
|
.header-bar.selection-mode .selection-menu:backdrop,
|
|
.header-bar.selection-mode .selection-menu {
|
|
border-color: rgba(68, 154, 194, 0);
|
|
background-color: rgba(68, 154, 194, 0);
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding-left: 10px;
|
|
padding-right: 10px; }
|
|
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
|
|
.header-bar.selection-mode .selection-menu:backdrop GtkArrow,
|
|
.header-bar.selection-mode .selection-menu GtkArrow {
|
|
-GtkArrow-arrow-scaling: 1; }
|
|
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
|
|
.header-bar.selection-mode .selection-menu:backdrop .arrow,
|
|
.header-bar.selection-mode .selection-menu .arrow {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
|
color: rgba(255, 255, 255, 0.5);
|
|
-gtk-icon-shadow: none; }
|
|
.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
|
|
.header-bar:backdrop, .tiled
|
|
.header-bar, .maximized
|
|
.header-bar:backdrop, .maximized
|
|
.header-bar {
|
|
border-radius: 0; }
|
|
.default-decoration.titlebar:not(headerbar),
|
|
.header-bar.default-decoration {
|
|
padding: 6px;
|
|
background-color: #3B4245;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.default-decoration.titlebar:not(headerbar) .maximized,
|
|
.header-bar.default-decoration .maximized {
|
|
padding: 6px;
|
|
border-radius: 0; }
|
|
.default-decoration.titlebar:backdrop:not(headerbar),
|
|
.header-bar.default-decoration:backdrop {
|
|
background-color: #2f3537;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .entry,
|
|
.header-bar .entry {
|
|
margin: 6px 0;
|
|
border-radius: 2px;
|
|
padding: 4px;
|
|
border: none;
|
|
box-shadow: none;
|
|
background: rgba(106, 121, 129, 0.95);
|
|
color: white;
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
|
|
.titlebar:not(headerbar) .entry > .image,
|
|
.header-bar .entry > .image {
|
|
padding-right: 6px;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus,
|
|
.header-bar .entry:active,
|
|
.header-bar .entry:focus {
|
|
background: #6a7981;
|
|
color: white;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
|
|
.titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image,
|
|
.header-bar .entry:active > .image,
|
|
.header-bar .entry:focus > .image {
|
|
padding-right: 6px;
|
|
color: white; }
|
|
.titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop,
|
|
.header-bar .entry:active:backdrop,
|
|
.header-bar .entry:focus:backdrop {
|
|
background: rgba(106, 121, 129, 0.8);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .entry:insensitive,
|
|
.header-bar .entry:insensitive {
|
|
background: rgba(106, 121, 129, 0.6);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .entry:insensitive > .image,
|
|
.header-bar .entry:insensitive > .image {
|
|
padding-right: 6px;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
.titlebar:not(headerbar) .entry:insensitive:backdrop,
|
|
.header-bar .entry:insensitive:backdrop {
|
|
background: rgba(106, 121, 129, 0.5);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .entry:backdrop,
|
|
.header-bar .entry:backdrop {
|
|
background: rgba(106, 121, 129, 0.8);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .entry:backdrop > .image,
|
|
.header-bar .entry:backdrop > .image {
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
.titlebar:not(headerbar) .button,
|
|
.header-bar .button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 0px;
|
|
border: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
text-shadow: none; }
|
|
.titlebar:not(headerbar) .button.back-button, .titlebar:not(headerbar) .button.suggested-action, .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) .button.flat,
|
|
.header-bar .button.back-button,
|
|
.header-bar .button.suggested-action,
|
|
.header-bar .button.menu-button,
|
|
.header-bar .button.text-button,
|
|
.header-bar .button.image-button,
|
|
.header-bar .button.linked,
|
|
.header-bar .button.flat {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 0px;
|
|
border: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
text-shadow: none;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .button.back-button:backdrop, .titlebar:not(headerbar) .button.suggested-action:backdrop, .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.linked:backdrop, .titlebar:not(headerbar) .button.flat:backdrop,
|
|
.header-bar .button.back-button:backdrop,
|
|
.header-bar .button.suggested-action:backdrop,
|
|
.header-bar .button.menu-button:backdrop,
|
|
.header-bar .button.text-button:backdrop,
|
|
.header-bar .button.image-button:backdrop,
|
|
.header-bar .button.linked:backdrop,
|
|
.header-bar .button.flat:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .button.back-button:hover, .titlebar:not(headerbar) .button.suggested-action:hover, .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.text-button:hover, .titlebar:not(headerbar) .button.image-button:hover, .titlebar:not(headerbar) .button.linked:hover, .titlebar:not(headerbar) .button.flat:hover,
|
|
.header-bar .button.back-button:hover,
|
|
.header-bar .button.suggested-action:hover,
|
|
.header-bar .button.menu-button:hover,
|
|
.header-bar .button.text-button:hover,
|
|
.header-bar .button.image-button:hover,
|
|
.header-bar .button.linked:hover,
|
|
.header-bar .button.flat:hover {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: none;
|
|
text-shadow: none; }
|
|
.titlebar:not(headerbar) .button GtkLabel,
|
|
.titlebar:not(headerbar) .button GtkImage,
|
|
.header-bar .button GtkLabel,
|
|
.header-bar .button GtkImage {
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:insensitive,
|
|
.titlebar:not(headerbar) .button GtkImage:backdrop,
|
|
.titlebar:not(headerbar) .button GtkImage:insensitive,
|
|
.header-bar .button GtkLabel:backdrop,
|
|
.header-bar .button GtkLabel:insensitive,
|
|
.header-bar .button GtkImage:backdrop,
|
|
.header-bar .button GtkImage:insensitive {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
-gtk-icon-effect: dim; }
|
|
.titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover,
|
|
.header-bar .button:focus,
|
|
.header-bar .button:hover {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: none;
|
|
text-shadow: none; }
|
|
.titlebar:not(headerbar) .button:backdrop,
|
|
.header-bar .button:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .button:backdrop GtkImage,
|
|
.header-bar .button:backdrop GtkImage {
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked,
|
|
.header-bar .button:active,
|
|
.header-bar .button:checked {
|
|
border-radius: 0px;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop,
|
|
.header-bar .button:active:backdrop,
|
|
.header-bar .button:checked:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .button:active:focus, .titlebar:not(headerbar) .button:active:hover, .titlebar:not(headerbar) .button:checked:focus, .titlebar:not(headerbar) .button:checked:hover,
|
|
.header-bar .button:active:focus,
|
|
.header-bar .button:active:hover,
|
|
.header-bar .button:checked:focus,
|
|
.header-bar .button:checked:hover {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop,
|
|
.header-bar .button:insensitive,
|
|
.header-bar .button:insensitive:backdrop {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
background-color: transparent;
|
|
background-image: none; }
|
|
.titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage,
|
|
.header-bar .button:insensitive GtkImage,
|
|
.header-bar .button:insensitive:backdrop GtkImage {
|
|
-gtk-icon-effect: dim; }
|
|
.titlebar:not(headerbar) .button.titlebutton,
|
|
.header-bar .button.titlebutton {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 50%;
|
|
border: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
margin: 0;
|
|
padding: 1px;
|
|
text-shadow: none;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .button.titlebutton:hover,
|
|
.header-bar .button.titlebutton:hover {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.titlebar:not(headerbar) .button.titlebutton:backdrop,
|
|
.header-bar .button.titlebutton:backdrop {
|
|
background-color: transparent;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.titlebar:not(headerbar) .button.titlebutton:active,
|
|
.header-bar .button.titlebutton:active {
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
color: #3B4245;
|
|
border-radius: 50%;
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .button.titlebutton:active GtkImage,
|
|
.header-bar .button.titlebutton:active GtkImage {
|
|
color: #3B4245; }
|
|
.titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel,
|
|
.header-bar .button.menu-button .menu .menuitem GtkLabel {
|
|
color: white; }
|
|
.titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel:insensitive,
|
|
.header-bar .button.menu-button .menu .menuitem GtkLabel:insensitive {
|
|
color: #a7acae; }
|
|
.titlebar:not(headerbar) .button.menu-button .menu .menuitem .separator,
|
|
.header-bar .button.menu-button .menu .menuitem .separator {
|
|
color: #373e41; }
|
|
.titlebar:not(headerbar) .button.menu-button .menu .menuitem:hover GtkLabel,
|
|
.header-bar .button.menu-button .menu .menuitem:hover GtkLabel {
|
|
color: #ffffff; }
|
|
.titlebar:not(headerbar) .button.suggested-action,
|
|
.header-bar .button.suggested-action {
|
|
font-weight: bold;
|
|
padding: 0;
|
|
padding: 5px 10px;
|
|
border-radius: 2px;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
color: #449ac2;
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
|
|
.titlebar:not(headerbar) .button.suggested-action GtkLabel,
|
|
.header-bar .button.suggested-action GtkLabel {
|
|
color: #449ac2; }
|
|
.titlebar:not(headerbar) .button.suggested-action:hover,
|
|
.header-bar .button.suggested-action:hover {
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
|
|
.titlebar:not(headerbar) .button.suggested-action:hover GtkLabel,
|
|
.header-bar .button.suggested-action:hover GtkLabel {
|
|
color: #449ac2; }
|
|
.titlebar:not(headerbar) .button.suggested-action:hover:backdrop,
|
|
.header-bar .button.suggested-action:hover:backdrop {
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .button.suggested-action:hover:backdrop GtkLabel,
|
|
.header-bar .button.suggested-action:hover:backdrop GtkLabel {
|
|
color: rgba(68, 154, 194, 0.8); }
|
|
.titlebar:not(headerbar) .button.suggested-action:insensitive,
|
|
.header-bar .button.suggested-action:insensitive {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .button.suggested-action:insensitive GtkLabel,
|
|
.header-bar .button.suggested-action:insensitive GtkLabel {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
.titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop,
|
|
.header-bar .button.suggested-action:insensitive:backdrop {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop GtkLabel,
|
|
.header-bar .button.suggested-action:insensitive:backdrop GtkLabel {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
.titlebar:not(headerbar) .button.suggested-action:backdrop,
|
|
.header-bar .button.suggested-action:backdrop {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
box-shadow: none; }
|
|
.titlebar:not(headerbar) .button.suggested-action:backdrop GtkLabel,
|
|
.header-bar .button.suggested-action:backdrop GtkLabel {
|
|
color: rgba(68, 154, 194, 0.2); }
|
|
.titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child,
|
|
.header-bar .button.linked:first-child,
|
|
.header-bar .button.linked:last-child {
|
|
border-radius: 0; }
|
|
.titlebar:not(headerbar) .separator,
|
|
.header-bar .separator {
|
|
color: transparent;
|
|
background-color: transparent; }
|
|
|
|
.titlebar, .titlebar:backdrop {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px; }
|
|
|
|
.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop {
|
|
border-top-left-radius: 4px; }
|
|
.header-bar:last-child, .header-bar:last-child:backdrop {
|
|
border-top-right-radius: 4px; }
|
|
|
|
window.csd > .titlebar:not(headerbar) {
|
|
padding: 0;
|
|
background-color: #3B4245;
|
|
background-image: none;
|
|
border-style: none;
|
|
border-color: transparent;
|
|
box-shadow: none; }
|
|
window.csd > .titlebar:not(headerbar):backdrop {
|
|
background-color: #2f3537; }
|
|
|
|
/**************
|
|
* GtkInfoBar *
|
|
**************/
|
|
.info, .warning, .question, .error,
|
|
GtkInfoBar,
|
|
infobar {
|
|
text-shadow: none;
|
|
color: white;
|
|
background-color: #4F585C;
|
|
border-bottom: 1px solid #373e41;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
|
|
|
|
.info, .warning, .question, .error {
|
|
text-shadow: none;
|
|
color: #ffffff;
|
|
border: none; }
|
|
.info .label, .warning .label, .question .label, .error .label {
|
|
color: #ffffff; }
|
|
.info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
.info .button, .warning .button, .question .button, .error .button,
|
|
.info button,
|
|
.warning button,
|
|
.question button,
|
|
.error button {
|
|
border-radius: 2px;
|
|
border: none;
|
|
background: rgba(106, 121, 129, 0.95);
|
|
color: white;
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
|
|
.info .button .label, .warning .button .label, .question .button .label, .error .button .label,
|
|
.info button .label,
|
|
.warning button .label,
|
|
.question button .label,
|
|
.error button .label {
|
|
color: white; }
|
|
.info .button:active, .warning .button:active, .question .button:active, .error .button:active,
|
|
.info button:active,
|
|
.warning button:active,
|
|
.question button:active,
|
|
.error button:active {
|
|
background: #6a7981;
|
|
color: white;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
|
|
.info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop,
|
|
.info button:active:backdrop,
|
|
.warning button:active:backdrop,
|
|
.question button:active:backdrop,
|
|
.error button:active:backdrop {
|
|
background: rgba(106, 121, 129, 0.8);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus,
|
|
.info button:hover,
|
|
.warning button:hover,
|
|
.question button:hover,
|
|
.error button:hover,
|
|
.info button:focus,
|
|
.warning button:focus,
|
|
.question button:focus,
|
|
.error button:focus {
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
|
|
.info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive,
|
|
.info button:insensitive,
|
|
.warning button:insensitive,
|
|
.question button:insensitive,
|
|
.error button:insensitive {
|
|
background: rgba(106, 121, 129, 0.6);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop,
|
|
.info button:insensitive:backdrop,
|
|
.warning button:insensitive:backdrop,
|
|
.question button:insensitive:backdrop,
|
|
.error button:insensitive:backdrop {
|
|
background: rgba(106, 121, 129, 0.5);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
.info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop,
|
|
.info button:backdrop,
|
|
.warning button:backdrop,
|
|
.question button:backdrop,
|
|
.error button:backdrop {
|
|
background: rgba(106, 121, 129, 0.8);
|
|
color: rgba(255, 255, 255, 0.5);
|
|
box-shadow: none; }
|
|
|
|
.info {
|
|
background-color: #2095f2; }
|
|
.info:backdrop {
|
|
background-color: #50acf5;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
|
|
.warning {
|
|
background-color: #fec006; }
|
|
.warning:backdrop {
|
|
background-color: #fecd39;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
|
|
.question {
|
|
background-color: #4bae4f; }
|
|
.question:backdrop {
|
|
background-color: #6cc070;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
|
|
.error {
|
|
background-color: #f34235; }
|
|
.error:backdrop {
|
|
background-color: #f66f65;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
|
|
/*************
|
|
* Level Bar *
|
|
*************/
|
|
GtkLevelBar,
|
|
.level-bar {
|
|
-GtkLevelBar-min-block-width: 32;
|
|
-GtkLevelBar-min-block-height: 8; }
|
|
GtkLevelBar:backdrop,
|
|
.level-bar:backdrop {
|
|
transition: 200ms ease-out; }
|
|
GtkLevelBar .trough,
|
|
.level-bar .trough {
|
|
margin: 0;
|
|
padding: 2px;
|
|
border-radius: 3px; }
|
|
GtkLevelBar.horizontal.indicator-discrete.fill-block,
|
|
.level-bar.horizontal.indicator-discrete.fill-block {
|
|
margin: 0 1px; }
|
|
GtkLevelBar.horizontal.discrete block,
|
|
.level-bar.horizontal.discrete block {
|
|
margin: 0 1px; }
|
|
GtkLevelBar.vertical.indicator-discrete.fill-block,
|
|
.level-bar.vertical.indicator-discrete.fill-block {
|
|
margin: 1px 0; }
|
|
GtkLevelBar.vertical.discrete block,
|
|
.level-bar.vertical.discrete block {
|
|
margin: 1px 0; }
|
|
GtkLevelBar.vertical .fill-block,
|
|
GtkLevelBar .level-bar.vertical .fill-block,
|
|
.level-bar.vertical GtkLevelBar .fill-block,
|
|
GtkLevelBar .fill-block,
|
|
.level-bar GtkLevelBar.vertical .fill-block,
|
|
GtkLevelBar.vertical .level-bar .fill-block,
|
|
.level-bar.vertical .fill-block,
|
|
.level-bar .fill-block {
|
|
border-radius: 2px; }
|
|
GtkLevelBar.vertical .low.fill-block,
|
|
GtkLevelBar .level-bar.vertical .low.fill-block,
|
|
.level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block,
|
|
GtkLevelBar .level-bar.vertical .level-low.fill-block,
|
|
.level-bar.vertical GtkLevelBar .level-low.fill-block,
|
|
GtkLevelBar .fill-block.low,
|
|
GtkLevelBar .fill-block.level-low,
|
|
.level-bar GtkLevelBar.vertical .low.fill-block,
|
|
GtkLevelBar.vertical .level-bar .low.fill-block,
|
|
.level-bar.vertical .low.fill-block,
|
|
.level-bar GtkLevelBar.vertical .level-low.fill-block,
|
|
GtkLevelBar.vertical .level-bar .level-low.fill-block,
|
|
.level-bar.vertical .level-low.fill-block,
|
|
.level-bar .fill-block.low,
|
|
.level-bar .fill-block.level-low {
|
|
border: 1px solid #d09c01;
|
|
background-color: #fec006; }
|
|
GtkLevelBar.vertical .low.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop,
|
|
GtkLevelBar .fill-block.low:backdrop,
|
|
GtkLevelBar .fill-block.level-low:backdrop,
|
|
.level-bar GtkLevelBar.vertical .low.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .low.fill-block:backdrop,
|
|
.level-bar.vertical .low.fill-block:backdrop,
|
|
.level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop,
|
|
.level-bar.vertical .level-low.fill-block:backdrop,
|
|
.level-bar .fill-block.low:backdrop,
|
|
.level-bar .fill-block.level-low:backdrop {
|
|
border: 1px solid #fec006; }
|
|
GtkLevelBar.vertical .high.fill-block,
|
|
GtkLevelBar .level-bar.vertical .high.fill-block,
|
|
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
|
|
GtkLevelBar .level-bar.vertical .level-high.fill-block,
|
|
.level-bar.vertical GtkLevelBar .level-high.fill-block,
|
|
GtkLevelBar .fill-block.high,
|
|
GtkLevelBar .fill-block.level-high,
|
|
.level-bar GtkLevelBar.vertical .high.fill-block,
|
|
GtkLevelBar.vertical .level-bar .high.fill-block,
|
|
.level-bar.vertical .high.fill-block,
|
|
.level-bar GtkLevelBar.vertical .level-high.fill-block,
|
|
GtkLevelBar.vertical .level-bar .level-high.fill-block,
|
|
.level-bar.vertical .level-high.fill-block,
|
|
.level-bar .fill-block.high,
|
|
.level-bar .fill-block.level-high {
|
|
border: 1px solid #347d9f;
|
|
background-color: #449ac2; }
|
|
GtkLevelBar.vertical .high.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .high.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .high.fill-block:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop,
|
|
GtkLevelBar .fill-block.high:backdrop,
|
|
GtkLevelBar .fill-block.level-high:backdrop,
|
|
.level-bar GtkLevelBar.vertical .high.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .high.fill-block:backdrop,
|
|
.level-bar.vertical .high.fill-block:backdrop,
|
|
.level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop,
|
|
.level-bar.vertical .level-high.fill-block:backdrop,
|
|
.level-bar .fill-block.high:backdrop,
|
|
.level-bar .fill-block.level-high:backdrop {
|
|
border: 1px solid #449ac2; }
|
|
GtkLevelBar.vertical .full.fill-block,
|
|
GtkLevelBar .level-bar.vertical .full.fill-block,
|
|
.level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block,
|
|
GtkLevelBar .level-bar.vertical .level-full.fill-block,
|
|
.level-bar.vertical GtkLevelBar .level-full.fill-block,
|
|
GtkLevelBar .fill-block.full,
|
|
GtkLevelBar .fill-block.level-full,
|
|
.level-bar GtkLevelBar.vertical .full.fill-block,
|
|
GtkLevelBar.vertical .level-bar .full.fill-block,
|
|
.level-bar.vertical .full.fill-block,
|
|
.level-bar GtkLevelBar.vertical .level-full.fill-block,
|
|
GtkLevelBar.vertical .level-bar .level-full.fill-block,
|
|
.level-bar.vertical .level-full.fill-block,
|
|
.level-bar .fill-block.full,
|
|
.level-bar .fill-block.level-full {
|
|
border: 1px solid #2c672f;
|
|
background-color: #3c8a3f; }
|
|
GtkLevelBar.vertical .full.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .full.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop,
|
|
GtkLevelBar .fill-block.full:backdrop,
|
|
GtkLevelBar .fill-block.level-full:backdrop,
|
|
.level-bar GtkLevelBar.vertical .full.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .full.fill-block:backdrop,
|
|
.level-bar.vertical .full.fill-block:backdrop,
|
|
.level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop,
|
|
.level-bar.vertical .level-full.fill-block:backdrop,
|
|
.level-bar .fill-block.full:backdrop,
|
|
.level-bar .fill-block.level-full:backdrop {
|
|
border: 1px solid #3c8a3f; }
|
|
GtkLevelBar.vertical .empty.fill-block,
|
|
GtkLevelBar .level-bar.vertical .empty.fill-block,
|
|
.level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block,
|
|
GtkLevelBar .level-bar.vertical .level-empty.fill-block,
|
|
.level-bar.vertical GtkLevelBar .level-empty.fill-block,
|
|
GtkLevelBar .fill-block.empty,
|
|
GtkLevelBar .fill-block.level-empty,
|
|
.level-bar GtkLevelBar.vertical .empty.fill-block,
|
|
GtkLevelBar.vertical .level-bar .empty.fill-block,
|
|
.level-bar.vertical .empty.fill-block,
|
|
.level-bar GtkLevelBar.vertical .level-empty.fill-block,
|
|
GtkLevelBar.vertical .level-bar .level-empty.fill-block,
|
|
.level-bar.vertical .level-empty.fill-block,
|
|
.level-bar .fill-block.empty,
|
|
.level-bar .fill-block.level-empty {
|
|
background-color: transparent;
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
box-shadow: none; }
|
|
GtkLevelBar.vertical .empty.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop,
|
|
GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop,
|
|
.level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop,
|
|
GtkLevelBar .fill-block.empty:backdrop,
|
|
GtkLevelBar .fill-block.level-empty:backdrop,
|
|
.level-bar GtkLevelBar.vertical .empty.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop,
|
|
.level-bar.vertical .empty.fill-block:backdrop,
|
|
.level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop,
|
|
GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop,
|
|
.level-bar.vertical .level-empty.fill-block:backdrop,
|
|
.level-bar .fill-block.empty:backdrop,
|
|
.level-bar .fill-block.level-empty:backdrop {
|
|
border-color: rgba(167, 172, 174, 0.15); }
|
|
GtkLevelBar.vertical,
|
|
.level-bar.vertical {
|
|
-GtkLevelBar-min-block-width: 8;
|
|
-GtkLevelBar-min-block-height: 32; }
|
|
|
|
/*********
|
|
* Links *
|
|
*********/
|
|
*:link, .button:link,
|
|
.button:visited {
|
|
color: blue; }
|
|
*:link:visited,
|
|
.button:visited {
|
|
color: rgba(0, 0, 255, 0.5); }
|
|
*:selected *:link:visited,
|
|
*:selected .button:visited {
|
|
color: #b4d7e7; }
|
|
*:link:hover, .button:hover:link,
|
|
.button:hover:visited {
|
|
color: #3333ff; }
|
|
*:selected *:link:hover, *:selected .button:hover:link,
|
|
*:selected .button:hover:visited {
|
|
color: #ecf5f9; }
|
|
*:link:active, .button:active:link,
|
|
.button:active:visited {
|
|
color: blue; }
|
|
*:selected *:link:active, *:selected .button:active:link,
|
|
*:selected .button:active:visited {
|
|
color: #daebf3; }
|
|
*:link:backdrop:backdrop:hover, .button:backdrop:backdrop:hover:link,
|
|
.button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
|
|
.header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:selected:link,
|
|
.button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, .button:backdrop:link,
|
|
.button:backdrop:visited {
|
|
color: #449ac2; }
|
|
*:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
|
|
.header-bar.selection-mode .subtitle:link, .button:selected:link,
|
|
.button:selected:visited, *:selected *:link, *:selected .button:link,
|
|
*:selected .button:visited {
|
|
color: #daebf3; }
|
|
|
|
.button:link,
|
|
.button:visited {
|
|
text-shadow: none; }
|
|
.button:link:hover, .button:link:active, .button:link:checked,
|
|
.button:visited:hover,
|
|
.button:visited:active,
|
|
.button:visited:checked {
|
|
text-shadow: none; }
|
|
.button:link > GtkLabel,
|
|
.button:visited > GtkLabel {
|
|
text-decoration-line: underline; }
|
|
|
|
/*********
|
|
* Lists *
|
|
*********/
|
|
.list {
|
|
color: white;
|
|
background-color: #6a7981;
|
|
border-color: #373e41; }
|
|
.list:backdrop {
|
|
background-color: #6c7c84;
|
|
border-color: #394144; }
|
|
|
|
.list-row {
|
|
border-radius: 0;
|
|
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
.list-row GtkImage {
|
|
padding-right: 6px; }
|
|
.list-row:hover {
|
|
transition: none; }
|
|
.list-row:backdrop {
|
|
transition: 200ms ease-out; }
|
|
|
|
/*********
|
|
* Menus *
|
|
*********/
|
|
.menubar {
|
|
-GtkWidget-window-dragging: true;
|
|
padding: 0px;
|
|
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
|
|
background-color: #3B4245;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.menubar:backdrop {
|
|
background-color: #2f3537; }
|
|
.menubar > .menuitem {
|
|
padding: 4px 8px; }
|
|
.menubar > .menuitem:hover {
|
|
box-shadow: inset 0 -3px #449ac2;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.menubar > .menuitem:insensitive {
|
|
color: #a7acae;
|
|
box-shadow: none; }
|
|
|
|
.content-view .menu,
|
|
.menu,
|
|
.popup {
|
|
padding: 4px 0px;
|
|
background-color: #65727a;
|
|
border: 1px solid #373e41;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.3); }
|
|
.csd
|
|
.content-view .menu, .csd
|
|
.menu, .csd
|
|
.popup {
|
|
border: none; }
|
|
.content-view .menu:backdrop,
|
|
.menu:backdrop,
|
|
.popup:backdrop {
|
|
background-color: #66757c; }
|
|
.content-view .menu .menuitem,
|
|
.menu .menuitem,
|
|
.popup .menuitem {
|
|
padding: 8px 4px;
|
|
text-shadow: none; }
|
|
.content-view .menu .menuitem:hover,
|
|
.menu .menuitem:hover,
|
|
.popup .menuitem:hover {
|
|
color: #ffffff;
|
|
background-color: #449ac2; }
|
|
.content-view .menu .menuitem:insensitive,
|
|
.menu .menuitem:insensitive,
|
|
.popup .menuitem:insensitive {
|
|
color: #a7acae; }
|
|
.content-view .menu .menuitem:insensitive:backdrop,
|
|
.menu .menuitem:insensitive:backdrop,
|
|
.popup .menuitem:insensitive:backdrop {
|
|
color: #727f85; }
|
|
.content-view .menu .menuitem:backdrop,
|
|
.content-view .menu .menuitem:backdrop:hover,
|
|
.menu .menuitem:backdrop,
|
|
.menu .menuitem:backdrop:hover,
|
|
.popup .menuitem:backdrop,
|
|
.popup .menuitem:backdrop:hover {
|
|
color: #a7acae;
|
|
background-color: transparent; }
|
|
.content-view .menu .menuitem .arrow:dir(ltr),
|
|
.menu .menuitem .arrow:dir(ltr),
|
|
.popup .menuitem .arrow:dir(ltr) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
|
margin-left: 10px; }
|
|
.content-view .menu .menuitem .arrow:dir(rtl),
|
|
.menu .menuitem .arrow:dir(rtl),
|
|
.popup .menuitem .arrow:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
|
margin-right: 10px; }
|
|
.content-view .menu > .arrow,
|
|
.menu > .arrow,
|
|
.popup > .arrow {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
padding: 4px;
|
|
background-color: #65727a;
|
|
border-radius: 0; }
|
|
.content-view .menu > .arrow.top,
|
|
.menu > .arrow.top,
|
|
.popup > .arrow.top {
|
|
margin-top: -6px;
|
|
border-bottom: 1px solid #79868e;
|
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
|
.content-view .menu > .arrow.bottom,
|
|
.menu > .arrow.bottom,
|
|
.popup > .arrow.bottom {
|
|
margin-bottom: -6px;
|
|
border-top: 1px solid #79868e;
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
.content-view .menu > .arrow:hover,
|
|
.menu > .arrow:hover,
|
|
.popup > .arrow:hover {
|
|
background-color: #79868e; }
|
|
.content-view .menu > .arrow:backdrop,
|
|
.menu > .arrow:backdrop,
|
|
.popup > .arrow:backdrop {
|
|
background-color: #66757c; }
|
|
.content-view .menu > .arrow:insensitive,
|
|
.menu > .arrow:insensitive,
|
|
.popup > .arrow:insensitive {
|
|
color: transparent;
|
|
background-color: transparent;
|
|
border-color: transparent; }
|
|
|
|
.menuitem .accelerator {
|
|
color: alpha(currentColor,0.55); }
|
|
.menuitem .check:dir(ltr),
|
|
.menuitem .radio:dir(ltr) {
|
|
margin-right: 7px; }
|
|
.menuitem .check:dir(rtl),
|
|
.menuitem .radio:dir(rtl) {
|
|
margin-left: 7px; }
|
|
|
|
/********
|
|
* Misc *
|
|
********/
|
|
.content-view {
|
|
background-color: #3f4649; }
|
|
.content-view:hover {
|
|
-gtk-icon-effect: highlight; }
|
|
.content-view:backdrop {
|
|
background-color: #3f4649; }
|
|
|
|
.osd .scale-popup button.flat {
|
|
border-style: none;
|
|
border-radius: 5px; }
|
|
.scale-popup .button:hover,
|
|
.scale-popup button:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
border-radius: 5px; }
|
|
|
|
.separator {
|
|
color: #373e41; }
|
|
|
|
/************
|
|
* Assistant *
|
|
*************/
|
|
GtkAssistant {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px; }
|
|
GtkAssistant .sidebar {
|
|
background-color: #6a7981;
|
|
border-top: 1px solid #373e41;
|
|
border-bottom-left-radius: 4px; }
|
|
GtkAssistant .sidebar:backdrop {
|
|
background-color: #6c7c84;
|
|
border-color: #394144; }
|
|
GtkAssistant.csd .sidebar {
|
|
border-top-style: none; }
|
|
GtkAssistant .sidebar GtkLabel {
|
|
padding: 6px 12px; }
|
|
GtkAssistant .sidebar GtkLabel.highlight {
|
|
background-color: #72797d; }
|
|
|
|
/*************
|
|
* Notebooks *
|
|
*************/
|
|
.dynamic-notebook,
|
|
.notebook {
|
|
padding: 0;
|
|
background-color: #6a7981;
|
|
box-shadow: 0 0 0 1px #373e41;
|
|
background-clip: border-box; }
|
|
.dynamic-notebook > .header,
|
|
.notebook > .header {
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color: #4F585C; }
|
|
.dynamic-notebook > tab,
|
|
.notebook > tab {
|
|
border-radius: 0;
|
|
background-color: #4F585C; }
|
|
.dynamic-notebook > tab.top,
|
|
.notebook > tab.top {
|
|
padding: 6px 8px 8px 8px;
|
|
box-shadow: inset 0 -1px 0 0 #373e41; }
|
|
.dynamic-notebook > tab.top:active,
|
|
.notebook > tab.top:active {
|
|
box-shadow: inset 0 -3px 0 0 #449ac2; }
|
|
.dynamic-notebook > tab.top:active:backdrop,
|
|
.notebook > tab.top:active:backdrop {
|
|
box-shadow: inset 0 -3px 0 0 #57a4c8; }
|
|
.dynamic-notebook > tab.top:backdrop,
|
|
.notebook > tab.top:backdrop {
|
|
box-shadow: inset 0 -1px 0 0 #394144; }
|
|
.dynamic-notebook > tab.top:insensitive,
|
|
.notebook > tab.top:insensitive {
|
|
box-shadow: inset 0 -1px 0 0 #373e41; }
|
|
.dynamic-notebook > tab.bottom,
|
|
.notebook > tab.bottom {
|
|
padding: 8px 8px 6px 8px;
|
|
box-shadow: inset 0 1px 0 0 #373e41; }
|
|
.dynamic-notebook > tab.bottom:active,
|
|
.notebook > tab.bottom:active {
|
|
box-shadow: inset 0 3px 0 0 #449ac2; }
|
|
.dynamic-notebook > tab.bottom:active:backdrop,
|
|
.notebook > tab.bottom:active:backdrop {
|
|
box-shadow: inset 0 3px 0 0 #57a4c8; }
|
|
.dynamic-notebook > tab.bottom:backdrop,
|
|
.notebook > tab.bottom:backdrop {
|
|
box-shadow: inset 0 1px 0 0 #394144; }
|
|
.dynamic-notebook > tab.bottom:insensitive,
|
|
.notebook > tab.bottom:insensitive {
|
|
box-shadow: inset 0 1px 0 0 #373e41; }
|
|
.dynamic-notebook > tab.left,
|
|
.notebook > tab.left {
|
|
padding: 8px;
|
|
box-shadow: inset -1px 0 0 0 #373e41; }
|
|
.dynamic-notebook > tab.left:active,
|
|
.notebook > tab.left:active {
|
|
box-shadow: inset -3px 0 0 0 #449ac2; }
|
|
.dynamic-notebook > tab.left:active:backdrop,
|
|
.notebook > tab.left:active:backdrop {
|
|
box-shadow: inset -3px 0 0 0 #57a4c8; }
|
|
.dynamic-notebook > tab.left:backdrop,
|
|
.notebook > tab.left:backdrop {
|
|
box-shadow: inset -1px 0 0 0 #394144; }
|
|
.dynamic-notebook > tab.left:insensitive,
|
|
.notebook > tab.left:insensitive {
|
|
box-shadow: inset -1px 0 0 0 #373e41; }
|
|
.dynamic-notebook > tab.right,
|
|
.notebook > tab.right {
|
|
padding: 8px;
|
|
box-shadow: inset 1px 0 0 0 #373e41; }
|
|
.dynamic-notebook > tab.right:active,
|
|
.notebook > tab.right:active {
|
|
box-shadow: inset 3px 0 0 0 #449ac2; }
|
|
.dynamic-notebook > tab.right:active:backdrop,
|
|
.notebook > tab.right:active:backdrop {
|
|
box-shadow: inset 3px 0 0 0 #57a4c8; }
|
|
.dynamic-notebook > tab.right:backdrop,
|
|
.notebook > tab.right:backdrop {
|
|
box-shadow: inset 1px 0 0 0 #394144; }
|
|
.dynamic-notebook > tab.right:insensitive,
|
|
.notebook > tab.right:insensitive {
|
|
box-shadow: inset 1px 0 0 0 #373e41; }
|
|
.dynamic-notebook > tab:active,
|
|
.notebook > tab:active {
|
|
font-weight: bold; }
|
|
.dynamic-notebook > tab:hover,
|
|
.notebook > tab:hover {
|
|
background: #434b4e; }
|
|
|
|
/*********
|
|
* Paned *
|
|
*********/
|
|
.paned {
|
|
border: solid #373e41;
|
|
border-left-width: 1px; }
|
|
.paned > .separator {
|
|
-gtk-icon-source: none;
|
|
border-style: none;
|
|
background-color: #373e41;
|
|
background-size: 1px 1px; }
|
|
.paned > .separator:selected {
|
|
background-color: #449ac2; }
|
|
.paned > .separator:backdrop {
|
|
background-color: #394144; }
|
|
.paned.horizontal > .separator {
|
|
background-repeat: repeat-y; }
|
|
.paned.horizontal > .separator:dir(ltr) {
|
|
margin: 0 -8px 0 0;
|
|
padding: 0 8px 0 0;
|
|
background-position: left; }
|
|
.paned.horizontal > .separator:dir(rtl) {
|
|
margin: 0 0 0 -8px;
|
|
padding: 0 0 0 8px;
|
|
background-position: right; }
|
|
.paned.horizontal > .separator.wide {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-repeat: repeat-y, repeat-y;
|
|
background-position: left, right; }
|
|
.paned.vertical > .separator {
|
|
margin: 0 0 -8px 0;
|
|
padding: 0 0 8px 0;
|
|
background-repeat: repeat-x;
|
|
background-position: top; }
|
|
.paned.vertical > .separator.wide {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-repeat: repeat-x, repeat-x;
|
|
background-position: bottom, top; }
|
|
|
|
/************
|
|
* Pathbars *
|
|
************/
|
|
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
|
|
padding-left: 4px;
|
|
padding-right: 4px; }
|
|
.path-bar button.text-button.image-button label {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
|
|
padding-right: 8px; }
|
|
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
|
|
padding-left: 8px; }
|
|
.path-bar button image {
|
|
padding-left: 4px;
|
|
padding-right: 4px; }
|
|
.path-bar button.slider-button {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
|
|
/************
|
|
* Popovers *
|
|
************/
|
|
.popover .background {
|
|
padding: 2px;
|
|
border-radius: 4px;
|
|
border: none;
|
|
background-color: #6a7981; }
|
|
.popover .background:backdrop {
|
|
background-color: #4F585C;
|
|
box-shadow: none; }
|
|
.popover .background > .view, .popover .background > GtkIconView,
|
|
.popover .background > .toolbar {
|
|
border-style: none;
|
|
background-color: transparent; }
|
|
.csd .popover .background, .popover .background {
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.3); }
|
|
.csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier {
|
|
border: 1px solid rgba(255, 255, 255, 0.1); }
|
|
.popover .separator {
|
|
margin: 3px; }
|
|
.popover .menuitem {
|
|
padding: 8px;
|
|
text-shadow: none; }
|
|
.popover .menuitem:hover {
|
|
color: #ffffff;
|
|
background-color: #449ac2; }
|
|
.popover .menuitem:insensitive {
|
|
color: #a7acae; }
|
|
.popover .menuitem:insensitive:backdrop {
|
|
color: #727f85; }
|
|
.popover .menuitem:backdrop, .popover .menuitem:backdrop:hover {
|
|
color: #a7acae;
|
|
background-color: transparent; }
|
|
.popover .menuitem .arrow:dir(ltr) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
|
margin-left: 10px; }
|
|
.popover .menuitem .arrow:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
|
margin-right: 10px; }
|
|
|
|
/*****************
|
|
* Progress bars *
|
|
*****************/
|
|
GtkProgressBar,
|
|
.progressbar {
|
|
font-size: smaller;
|
|
color: rgba(255, 255, 255, 0.4); }
|
|
GtkProgressBar.horizontal progress,
|
|
.progressbar.horizontal progress {
|
|
margin: 0 -1px; }
|
|
GtkProgressBar.vertical progress,
|
|
.progressbar.vertical progress {
|
|
margin: -1px 0; }
|
|
GtkProgressBar:active,
|
|
.progressbar:active {
|
|
border-radius: 0px;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: #449ac2;
|
|
border-color: #347d9f; }
|
|
GtkProgressBar:active:backdrop,
|
|
.progressbar:active:backdrop {
|
|
background-color: #6bafce;
|
|
border-color: #449ac2; }
|
|
GtkProgressBar:backdrop,
|
|
.progressbar:backdrop {
|
|
transition: 200ms ease-out; }
|
|
GtkProgressBar .progressbar,
|
|
.progressbar .progressbar {
|
|
border-radius: 0px; }
|
|
GtkProgressBar .progressbar.left,
|
|
.progressbar .progressbar.left {
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px; }
|
|
GtkProgressBar .progressbar.right,
|
|
.progressbar .progressbar.right {
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px; }
|
|
GtkProgressBar .progressbar.top,
|
|
.progressbar .progressbar.top {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px; }
|
|
GtkProgressBar .progressbar.bottom,
|
|
.progressbar .progressbar.bottom {
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px; }
|
|
GtkProgressBar.osd,
|
|
.progressbar.osd {
|
|
background-color: transparent; }
|
|
GtkProgressBar.osd .trough,
|
|
.progressbar.osd .trough {
|
|
border-style: none;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none; }
|
|
GtkProgressBar.osd .progressbar,
|
|
.progressbar.osd .progressbar {
|
|
border-style: none;
|
|
border-radius: 0; }
|
|
GtkProgressBar row:selected,
|
|
GtkProgressBar .list-row:selected,
|
|
.progressbar row:selected,
|
|
.progressbar .list-row:selected {
|
|
border: 1px solid #347d9f;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
background-color: #449ac2; }
|
|
|
|
/**********
|
|
* Scales *
|
|
**********/
|
|
GtkLevelBar .trough,
|
|
.level-bar .trough, GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough,
|
|
.level-bar.horizontal .trough,
|
|
.level-bar.vertical .trough, GtkProgressBar,
|
|
.progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill {
|
|
border: none;
|
|
background-color: #6a7981;
|
|
box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
|
|
border: 1px solid #373e41;
|
|
padding: 0;
|
|
margin: 0; }
|
|
GtkLevelBar .trough:insensitive,
|
|
.level-bar .trough:insensitive, GtkProgressBar:insensitive,
|
|
.progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive {
|
|
background-color: #5a656b; }
|
|
GtkLevelBar .trough:backdrop,
|
|
.level-bar .trough:backdrop, GtkProgressBar:backdrop,
|
|
.progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop {
|
|
background-color: #6c7c84;
|
|
transition: 200ms ease-out; }
|
|
GtkLevelBar .trough:backdrop:insensitive,
|
|
.level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive,
|
|
.progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive {
|
|
background-color: #5a656b; }
|
|
row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough,
|
|
row:selected .level-bar .trough,
|
|
.level-bar row:selected .trough, row:selected GtkProgressBar,
|
|
row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill {
|
|
box-shadow: none; }
|
|
row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough,
|
|
row:selected .level-bar .trough,
|
|
.level-bar row:selected .trough, row:selected GtkProgressBar,
|
|
row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, row:selected GtkLevelBar .trough:insensitive, GtkLevelBar row:selected .trough:insensitive,
|
|
row:selected .level-bar .trough:insensitive,
|
|
.level-bar row:selected .trough:insensitive, row:selected GtkProgressBar:insensitive,
|
|
row:selected .progressbar:insensitive, row:selected .scale .trough:insensitive, .scale row:selected .trough:insensitive, row:selected .scale fill:insensitive, .scale row:selected fill:insensitive {
|
|
border-color: #347d9f; }
|
|
.osd GtkLevelBar .trough, GtkLevelBar .osd .trough,
|
|
.osd .level-bar .trough,
|
|
.level-bar .osd .trough, .osd GtkProgressBar,
|
|
.osd .progressbar, .osd .scale .trough, .scale .osd .trough, .osd .scale fill, .scale .osd fill {
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
box-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.2); }
|
|
.osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive,
|
|
.osd .level-bar .trough:insensitive,
|
|
.level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive,
|
|
.osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive {
|
|
background-color: rgba(52, 56, 57, 0.5); }
|
|
|
|
GtkProgressBar .progressbar,
|
|
.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight {
|
|
border: 1px solid #347d9f;
|
|
background-color: #449ac2;
|
|
box-shadow: inset 0px 1px rgba(255, 255, 255, 0.3);
|
|
border-radius: 4px; }
|
|
GtkProgressBar .progressbar:insensitive,
|
|
.progressbar .progressbar:insensitive, .scale .highlight:insensitive {
|
|
border: 1px solid #373e41;
|
|
background-color: rgba(0, 0, 0, 0.1); }
|
|
GtkProgressBar .progressbar:backdrop,
|
|
.progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar,
|
|
.progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress,
|
|
.progressbar:backdrop progress, .scale .highlight:backdrop, GtkProgressBar .progressbar:active:backdrop,
|
|
.progressbar .progressbar:active:backdrop, GtkProgressBar:backdrop .progressbar:active,
|
|
.progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active,
|
|
.progressbar:backdrop progress:active, .scale .highlight:active:backdrop {
|
|
border-color: #6bafce;
|
|
background-color: #6bafce; }
|
|
GtkProgressBar .progressbar:backdrop:insensitive,
|
|
.progressbar .progressbar:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:insensitive,
|
|
.progressbar:backdrop .progressbar:insensitive, GtkProgressBar:backdrop progress:insensitive,
|
|
.progressbar:backdrop progress:insensitive, .scale .highlight:backdrop:insensitive, GtkProgressBar .progressbar:active:backdrop:insensitive,
|
|
.progressbar .progressbar:active:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:active:insensitive,
|
|
.progressbar:backdrop .progressbar:active:insensitive, GtkProgressBar:backdrop progress:active:insensitive,
|
|
.progressbar:backdrop progress:active:insensitive, .scale .highlight:active:backdrop:insensitive {
|
|
background-color: transparent;
|
|
border-color: transparent; }
|
|
.list-row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar .list-row:selected .progressbar:insensitive,
|
|
.list-row:selected .progressbar .progressbar:insensitive,
|
|
.progressbar .list-row:selected .progressbar:insensitive, .list-row:selected .scale .highlight:insensitive, .scale .list-row:selected .highlight:insensitive, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar,
|
|
.list-row:selected .progressbar .progressbar,
|
|
.progressbar .list-row:selected .progressbar, .list-row:selected .scale .highlight, .scale .list-row:selected .highlight {
|
|
border-color: #347d9f; }
|
|
row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar row:selected .progressbar:insensitive,
|
|
row:selected .progressbar .progressbar:insensitive,
|
|
.progressbar row:selected .progressbar:insensitive, row:selected .scale .highlight:insensitive, .scale row:selected .highlight:insensitive, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar,
|
|
row:selected .progressbar .progressbar,
|
|
.progressbar row:selected .progressbar, row:selected .scale .highlight, .scale row:selected .highlight {
|
|
border-color: #347d9f; }
|
|
.osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar,
|
|
.osd .progressbar .progressbar,
|
|
.progressbar .osd .progressbar, .osd .scale .highlight, .scale .osd .highlight {
|
|
border-color: rgba(0, 0, 0, 0.7); }
|
|
.osd GtkProgressBar .progressbar:insensitive, GtkProgressBar .osd .progressbar:insensitive,
|
|
.osd .progressbar .progressbar:insensitive,
|
|
.progressbar .osd .progressbar:insensitive, .osd .scale .highlight:insensitive, .scale .osd .highlight:insensitive {
|
|
border-color: transparent; }
|
|
|
|
.scale {
|
|
-GtkScale-slider-length: 16px;
|
|
-GtkRange-slider-width: 16px;
|
|
-GtkRange-trough-border: 0px;
|
|
padding: 8px; }
|
|
.scale .highlight {
|
|
margin: -1px; }
|
|
.scale .slider {
|
|
margin: 1px;
|
|
background-color: #6a7981;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
border: 1px solid #373e41;
|
|
border-radius: 12px;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
transition-property: background, border, box-shadow; }
|
|
.scale .slider:active {
|
|
box-shadow: 0 1px 2px 0 rgba(68, 154, 194, 0.5);
|
|
border: 1px solid #449ac2; }
|
|
.scale .slider:active:insensitive {
|
|
box-shadow: none;
|
|
border: 1px solid rgba(0, 0, 0, 0.2); }
|
|
.scale .slider:insensitive {
|
|
box-shadow: none; }
|
|
.list-row:selected .scale .slider, .list-row:selected .scale .slider:insensitive {
|
|
border-color: #347d9f; }
|
|
row:selected .scale .slider, row:selected .scale .slider:insensitive {
|
|
border-color: #347d9f; }
|
|
.osd .scale .slider {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3);
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: #202526; }
|
|
.osd .scale .slider:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(60, 69, 71, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd .scale .slider:active {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd .scale .slider:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.osd .scale .slider:backdrop {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.scale .trough {
|
|
border-radius: 2px;
|
|
margin: 6px;
|
|
outline-offset: 2px;
|
|
-gtk-outline-radius: 5px; }
|
|
.scale.fine-tune.horizontal {
|
|
padding-top: 9px;
|
|
padding-bottom: 9px; }
|
|
.scale.fine-tune.vertical {
|
|
padding-left: 9px;
|
|
padding-right: 9px; }
|
|
.scale.fine-tune .slider {
|
|
background-color: #6a7981;
|
|
border-color: #6a7981;
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
border-radius: 12px;
|
|
box-shadow: none; }
|
|
.scale.fine-tune .trough {
|
|
border-radius: 6px;
|
|
outline-offset: 2px;
|
|
-gtk-outline-radius: 5px;
|
|
margin: 2px; }
|
|
.scale fill {
|
|
border-radius: 2px; }
|
|
.scale fill, .scale fill:backdrop {
|
|
background-color: #373e41;
|
|
box-shadow: none; }
|
|
.scale fill:insensitive, .scale fill:insensitive:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent; }
|
|
.osd .scale fill {
|
|
background-color: rgba(87, 88, 88, 0.775); }
|
|
.osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent; }
|
|
.scale value {
|
|
color: alpha(currentColor,0.4); }
|
|
.scale marks {
|
|
color: alpha(currentColor,0.4); }
|
|
.scale marks.top {
|
|
margin-bottom: 6px;
|
|
margin-top: -12px; }
|
|
.scale marks.bottom {
|
|
margin-top: 6px;
|
|
margin-bottom: -12px; }
|
|
.scale marks.top {
|
|
margin-right: 6px;
|
|
margin-left: -12px; }
|
|
.scale marks.bottom {
|
|
margin-left: 6px;
|
|
margin-right: -12px; }
|
|
.scale.fine-tune marks.top {
|
|
margin-bottom: 6px;
|
|
margin-top: -9px; }
|
|
.scale.fine-tune marks.bottom {
|
|
margin-top: 6px;
|
|
margin-bottom: -9px; }
|
|
.scale.fine-tune marks.top {
|
|
margin-right: 6px;
|
|
margin-left: -9px; }
|
|
.scale.fine-tune marks.bottom {
|
|
margin-left: 6px;
|
|
margin-right: -9px; }
|
|
|
|
/**************
|
|
* Scrollbars *
|
|
**************/
|
|
.scrollbar {
|
|
background-color: #5d696f;
|
|
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
* {
|
|
-GtkScrollbar-has-backward-stepper: false;
|
|
-GtkScrollbar-has-forward-stepper: false; }
|
|
.scrollbar.top {
|
|
border-bottom: 1px solid #373e41; }
|
|
.scrollbar.bottom {
|
|
border-top: 1px solid #373e41; }
|
|
.scrollbar.left {
|
|
border-right: 1px solid #373e41; }
|
|
.scrollbar.right {
|
|
border-left: 1px solid #373e41; }
|
|
.scrollbar:backdrop {
|
|
background-color: #485054;
|
|
border-color: #394144;
|
|
transition: 200ms ease-out; }
|
|
.scrollbar .slider {
|
|
margin: -1px;
|
|
border: 4px solid transparent;
|
|
border-radius: 8px;
|
|
background-clip: padding-box;
|
|
background-color: #b9bcbe; }
|
|
.scrollbar .slider:hover {
|
|
background-color: #dcdede; }
|
|
.scrollbar .slider:hover:active {
|
|
background-color: #6bafce; }
|
|
.scrollbar .slider:backdrop {
|
|
background-color: #727a7d; }
|
|
.scrollbar .slider:insensitive {
|
|
background-color: transparent; }
|
|
.scrollbar.fine-tune.horizontal .slider {
|
|
border-width: 5px 4px; }
|
|
.scrollbar.fine-tune.vertical .slider {
|
|
border-width: 4px 5px; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
border-color: transparent;
|
|
opacity: 0.4;
|
|
background-color: transparent; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
|
|
margin: 0;
|
|
background-color: white;
|
|
border: 1px solid black; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
|
|
background-color: white;
|
|
background-clip: padding-box;
|
|
border-radius: 100%;
|
|
border: 1px solid black;
|
|
-gtk-icon-source: none; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider,
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
|
margin: 0 2px; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button,
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
|
|
margin: 1px 2px; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider {
|
|
margin: 2px 0; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button {
|
|
margin: 2px 1px; }
|
|
.scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering {
|
|
opacity: 0.8; }
|
|
.scrollbar .button {
|
|
padding: 0;
|
|
border-style: none;
|
|
border-radius: 0;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #b9bcbe; }
|
|
.scrollbar .button:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #dcdede; }
|
|
.scrollbar .button:active, .scrollbar .button:checked {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #6bafce; }
|
|
.scrollbar .button:insensitive {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: rgba(185, 188, 190, 0.2); }
|
|
.scrollbar .button:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #727a7d; }
|
|
.scrollbar .button:backdrop:insensitive {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: rgba(114, 122, 125, 0.2); }
|
|
.scrollbar.vertical .button.down,
|
|
.scrollbar.vertical button.down {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
.scrollbar.vertical .button.up,
|
|
.scrollbar.vertical button.up {
|
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
|
.scrollbar.horizontal .button.down,
|
|
.scrollbar.horizontal button.down {
|
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
|
.scrollbar.horizontal .button.up,
|
|
.scrollbar.horizontal button.up {
|
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
|
|
|
GtkTreeView ~ .scrollbar.vertical {
|
|
border-top: 1px solid #373e41;
|
|
margin-top: -1px; }
|
|
|
|
/**********************
|
|
* Overlay Scrollbars *
|
|
*********************/
|
|
OsThumb,
|
|
OsScrollbar {
|
|
color: #449ac2; }
|
|
OsThumb:active, OsThumb:selected,
|
|
OsScrollbar:active,
|
|
OsScrollbar:selected {
|
|
background-color: #449ac2; }
|
|
OsThumb:backdrop, OsThumb:active:backdrop,
|
|
OsScrollbar:backdrop,
|
|
OsScrollbar:active:backdrop {
|
|
background-color: #a7acae; }
|
|
OsThumb:insensitive,
|
|
OsScrollbar:insensitive {
|
|
background-color: #a7acae; }
|
|
|
|
/***********
|
|
* Sidebar *
|
|
***********/
|
|
.sidebar {
|
|
padding: 0;
|
|
border-style: solid;
|
|
background-color: #4F585C; }
|
|
.sidebar.left {
|
|
border-right: 1px solid #373e41;
|
|
border-left-style: none; }
|
|
.sidebar.right {
|
|
border-left: 1px solid #373e41;
|
|
border-right-style: none; }
|
|
.sidebar:backdrop {
|
|
background-color: #5e6a70;
|
|
border-color: #394144;
|
|
transition: 200ms ease-out; }
|
|
.sidebar .frame {
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px; }
|
|
.sidebar .sidebar-item,
|
|
.sidebar .sidebar-row {
|
|
padding: 5px 8px; }
|
|
.sidebar .sidebar-item GtkImage,
|
|
.sidebar .sidebar-row GtkImage {
|
|
padding-right: 6px;
|
|
padding-left: 6px; }
|
|
.sidebar .sidebar-item:selected, .sidebar .sidebar-item:active,
|
|
.sidebar .sidebar-row:selected,
|
|
.sidebar .sidebar-row:active {
|
|
background-color: #449ac2;
|
|
color: #ffffff; }
|
|
.sidebar .sidebar-item:selected:hover, .sidebar .sidebar-item:active:hover,
|
|
.sidebar .sidebar-row:selected:hover,
|
|
.sidebar .sidebar-row:active:hover {
|
|
background-color: #449ac2;
|
|
color: #ffffff;
|
|
box-shadow: none; }
|
|
.sidebar .sidebar-item:selected:backdrop, .sidebar .sidebar-item:active:backdrop,
|
|
.sidebar .sidebar-row:selected:backdrop,
|
|
.sidebar .sidebar-row:active:backdrop {
|
|
background-color: #91c3db; }
|
|
.sidebar .sidebar-item:hover,
|
|
.sidebar .sidebar-row:hover {
|
|
background-color: #6a7981;
|
|
color: white;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
|
|
.sidebar .sidebar-item:hover:backdrop,
|
|
.sidebar .sidebar-row:hover:backdrop {
|
|
box-shadow: none; }
|
|
.sidebar .separator {
|
|
color: #373e41; }
|
|
.paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar {
|
|
border-style: none; }
|
|
|
|
/*****************
|
|
* GtkSpinButton *
|
|
*****************/
|
|
.spinbutton:not(.vertical) .entry {
|
|
padding: 0;
|
|
background: none;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
.spinbutton:not(.vertical) .button {
|
|
margin: 0;
|
|
padding: 6px;
|
|
color: #f0f2f2;
|
|
background-image: none;
|
|
border-style: none none none solid;
|
|
border-color: rgba(55, 62, 65, 0.3);
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
.spinbutton:not(.vertical) .button:dir(rtl) {
|
|
border-style: none solid none none; }
|
|
.spinbutton:not(.vertical) .button:hover {
|
|
color: white;
|
|
background-color: rgba(255, 255, 255, 0.05); }
|
|
.spinbutton:not(.vertical) .button:insensitive {
|
|
color: rgba(167, 172, 174, 0.3); }
|
|
.spinbutton:not(.vertical) .button:active {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
|
|
.spinbutton:not(.vertical) .button:backdrop {
|
|
color: #a1a7aa;
|
|
background-color: transparent;
|
|
border-color: rgba(57, 65, 68, 0.3);
|
|
transition: 200ms ease-out; }
|
|
.spinbutton:not(.vertical) .button:backdrop:insensitive {
|
|
color: rgba(114, 127, 133, 0.3);
|
|
background-image: none;
|
|
border-style: none none none solid; }
|
|
.spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) {
|
|
border-style: none solid none none; }
|
|
.osd .spinbutton:not(.vertical) .button {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #e4e6e7;
|
|
border-style: none none none solid;
|
|
border-color: rgba(0, 0, 0, 0.4);
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
.osd .spinbutton:not(.vertical) .button:dir(rtl) {
|
|
border-style: none solid none none; }
|
|
.osd .spinbutton:not(.vertical) .button:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
background-color: rgba(228, 230, 231, 0.1);
|
|
box-shadow: none; }
|
|
.osd .spinbutton:not(.vertical) .button:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
box-shadow: none; }
|
|
.osd .spinbutton:not(.vertical) .button:insensitive {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
box-shadow: none; }
|
|
.osd .spinbutton:not(.vertical) .button:last-child {
|
|
border-radius: 0 3px 3px 0; }
|
|
.osd .spinbutton:not(.vertical) .button:dir(rtl):first-child {
|
|
border-radius: 3px 0 0 3px; }
|
|
.spinbutton.vertical:insensitive {
|
|
color: #a7acae; }
|
|
.spinbutton.vertical:backdrop:insensitive {
|
|
color: #727f85; }
|
|
.spinbutton.vertical .entry {
|
|
padding: 0;
|
|
border-radius: 0; }
|
|
.spinbutton.vertical .button {
|
|
padding: 0;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
color: white; }
|
|
.spinbutton.vertical .button:hover {
|
|
background-color: #449ac2;
|
|
color: #ffffff;
|
|
-gtk-icon-shadow: none; }
|
|
.spinbutton.vertical .button:active {
|
|
background-color: transparent;
|
|
color: white; }
|
|
.spinbutton.vertical .button.up {
|
|
border-radius: 3px 3px 0 0;
|
|
border-style: solid solid none solid; }
|
|
.spinbutton.vertical .button.down {
|
|
border-radius: 0 0 3px 3px;
|
|
border-style: none solid solid solid; }
|
|
.osd .spinbutton.vertical button:first-child {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd .spinbutton.vertical button:first-child:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(60, 69, 71, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd .spinbutton.vertical button:first-child:active {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
.osd .spinbutton.vertical button:first-child:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
.osd .spinbutton.vertical button:first-child:backdrop {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
GtkTreeView .spinbutton:not(.vertical) {
|
|
border-style: none;
|
|
border-radius: 0; }
|
|
GtkTreeView .spinbutton:not(.vertical) .entry {
|
|
padding: 1px 2px; }
|
|
|
|
/***********
|
|
* Spinner *
|
|
***********/
|
|
.menu.spinner,
|
|
menu spinner,
|
|
.primary-toolbar .spinner {
|
|
color: #449ac2; }
|
|
|
|
/*********************
|
|
* Spinner Animation *
|
|
*********************/
|
|
@keyframes spin {
|
|
to {
|
|
-gtk-icon-transform: rotate(1turn); } }
|
|
.spinner,
|
|
spinner {
|
|
background-image: none;
|
|
background: none;
|
|
opacity: 0;
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
|
|
.spinner:active, .spinner:checked,
|
|
spinner:active,
|
|
spinner:checked {
|
|
opacity: 1;
|
|
animation: spin 1s linear infinite; }
|
|
.spinner:active:insensitive, .spinner:active:insensitive, .spinner:checked:insensitive, .spinner:checked:insensitive,
|
|
spinner:active:insensitive,
|
|
spinner:active:insensitive,
|
|
spinner:checked:insensitive,
|
|
spinner:checked:insensitive {
|
|
opacity: 0.5; }
|
|
|
|
/**********
|
|
* Switch *
|
|
**********/
|
|
GtkSwitch {
|
|
-GtkSwitch-slider-width: 24px;
|
|
-GtkSwitch-slider-height: 24px;
|
|
font-size: 1px;
|
|
font-weight: bold;
|
|
outline-offset: -4px;
|
|
transition: all 200ms ease-in;
|
|
border: none;
|
|
border-radius: 14px;
|
|
color: transparent;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); }
|
|
GtkSwitch:insensitive {
|
|
background-color: #5a656b; }
|
|
GtkSwitch:backdrop {
|
|
background-color: #4F585C;
|
|
transition: 200ms ease-out; }
|
|
GtkSwitch:backdrop:insensitive {
|
|
background-color: #5a656b; }
|
|
GtkSwitch:active, GtkSwitch:checked {
|
|
background-color: #449ac2; }
|
|
GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop {
|
|
background-color: #57a4c8; }
|
|
GtkSwitch:active:backdrop .slider:backdrop,
|
|
GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop,
|
|
GtkSwitch:checked:backdrop slider:backdrop {
|
|
box-shadow: none;
|
|
background-color: rgba(106, 121, 129, 0.9);
|
|
border: none; }
|
|
GtkSwitch .slider {
|
|
padding: 2px;
|
|
border-radius: 50%;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
background-color: #6a7981;
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
|
|
GtkSwitch .slider:backdrop {
|
|
padding: 2px;
|
|
box-shadow: none;
|
|
background-color: #6a7981; }
|
|
GtkSwitch .trough:active, GtkSwitch .trough:checked {
|
|
background-color: #449ac2; }
|
|
GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop {
|
|
background-color: #57a4c8; }
|
|
|
|
/************
|
|
* Toolbars *
|
|
************/
|
|
.toolbar {
|
|
-GtkWidget-window-dragging: true;
|
|
padding: 0px;
|
|
background-color: #3B4245;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.toolbar:backdrop {
|
|
background-color: #2f3537;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
|
|
.osd .toolbar {
|
|
box-shadow: none;
|
|
background-color: transparent; }
|
|
.toolbar .button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 0px;
|
|
border: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
text-shadow: none; }
|
|
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.menu-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 0px;
|
|
border: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
text-shadow: none;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.menu-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.menu-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: none;
|
|
text-shadow: none; }
|
|
.toolbar .button.suggested-action:insensitive, .toolbar .button.text-button:insensitive, .toolbar .button.menu-button:insensitive, .toolbar .button.image-button:insensitive, .toolbar .button.linked:insensitive, .toolbar .button.flat:insensitive {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
-gtk-icon-effect: dim; }
|
|
.toolbar .button GtkLabel,
|
|
.toolbar .button GtkImage {
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.toolbar .button GtkLabel:insensitive, .toolbar .button GtkLabel:backdrop,
|
|
.toolbar .button GtkImage:insensitive,
|
|
.toolbar .button GtkImage:backdrop {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
-gtk-icon-effect: dim; }
|
|
.toolbar .button:focus, .toolbar .button:hover {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: none;
|
|
text-shadow: none; }
|
|
.toolbar .button:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.toolbar .button:backdrop GtkImage {
|
|
color: rgba(255, 255, 255, 0.6); }
|
|
.toolbar .button:active, .toolbar .button:checked {
|
|
border-radius: 0px;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(255, 255, 255, 0.8); }
|
|
.toolbar .button:active:backdrop, .toolbar .button:checked:backdrop {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.6); }
|
|
.toolbar .button:active:focus, .toolbar .button:active:hover, .toolbar .button:checked:focus, .toolbar .button:checked:hover {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); }
|
|
.toolbar .button:insensitive, .toolbar .button:insensitive:backdrop {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
background-color: transparent;
|
|
background-image: none; }
|
|
.toolbar .button:insensitive image,
|
|
.toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
|
|
.toolbar .button:insensitive:backdrop GtkImage {
|
|
-gtk-icon-effect: dim; }
|
|
.toolbar .button.menu-button .menu .menuitem GtkLabel {
|
|
color: white; }
|
|
.toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive {
|
|
color: #a7acae; }
|
|
.toolbar .button.menu-button .menu .menuitem .separator {
|
|
color: #373e41; }
|
|
.toolbar .button.menu-button .menu .menuitem:hover GtkLabel {
|
|
color: #ffffff; }
|
|
.toolbar .separator {
|
|
color: transparent;
|
|
background-color: transparent; }
|
|
.toolbar.osd {
|
|
padding: 13px;
|
|
border: none;
|
|
border-radius: 5px;
|
|
background-color: rgba(32, 37, 38, 0.8); }
|
|
.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
|
|
border-radius: 0; }
|
|
.toolbar.horizontal separator {
|
|
margin: 0 7px 1px 6px; }
|
|
.toolbar.vertical separator {
|
|
margin: 6px 1px 7px 0; }
|
|
|
|
/*******************
|
|
* Inline Toolbars *
|
|
*******************/
|
|
searchbar,
|
|
.search-bar, .location-bar,
|
|
.inline-toolbar {
|
|
-GtkWidget-window-dragging: true;
|
|
background-color: #4a5357;
|
|
color: white;
|
|
border: 1px solid #373e41;
|
|
border-top-width: 0;
|
|
border-radius: 0 0 5px 5px;
|
|
box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5);
|
|
padding: 0px; }
|
|
searchbar:backdrop,
|
|
.search-bar:backdrop, .location-bar:backdrop,
|
|
.inline-toolbar:backdrop {
|
|
background-color: #434b4e; }
|
|
searchbar .button,
|
|
.search-bar .button, .location-bar .button,
|
|
.inline-toolbar .button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-radius: 0px;
|
|
border: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
text-shadow: none; }
|
|
searchbar .button.suggested-action,
|
|
.search-bar .button.suggested-action, .location-bar .button.suggested-action, searchbar .button.text-button,
|
|
.search-bar .button.text-button, .location-bar .button.text-button, searchbar .button.menu-button,
|
|
.search-bar .button.menu-button, .location-bar .button.menu-button, searchbar .button.image-button,
|
|
.search-bar .button.image-button, .location-bar .button.image-button, searchbar .button.linked,
|
|
.search-bar .button.linked, .location-bar .button.linked, searchbar .button.flat,
|
|
.search-bar .button.flat, .location-bar .button.flat,
|
|
.inline-toolbar .button.suggested-action,
|
|
.inline-toolbar .button.text-button,
|
|
.inline-toolbar .button.menu-button,
|
|
.inline-toolbar .button.image-button,
|
|
.inline-toolbar .button.linked,
|
|
.inline-toolbar .button.flat {
|
|
border: none;
|
|
background: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
color: white;
|
|
border-radius: 0px;
|
|
padding: 10px; }
|
|
searchbar .button:focus,
|
|
.search-bar .button:focus, .location-bar .button:focus, searchbar .button:active,
|
|
.search-bar .button:active, .location-bar .button:active,
|
|
.inline-toolbar .button:focus,
|
|
.inline-toolbar .button:active {
|
|
font-weight: bold;
|
|
color: white;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
background-color: rgba(0, 0, 0, 0.05); }
|
|
searchbar .button:focus:backdrop,
|
|
.search-bar .button:focus:backdrop, .location-bar .button:focus:backdrop, searchbar .button:active:backdrop,
|
|
.search-bar .button:active:backdrop, .location-bar .button:active:backdrop,
|
|
.inline-toolbar .button:focus:backdrop,
|
|
.inline-toolbar .button:active:backdrop {
|
|
border: none;
|
|
background-color: transparent;
|
|
color: #a7acae; }
|
|
searchbar .button:hover,
|
|
.search-bar .button:hover, .location-bar .button:hover,
|
|
.inline-toolbar .button:hover {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
text-shadow: none;
|
|
color: white;
|
|
box-shadow: none; }
|
|
searchbar .button:insensitive,
|
|
.search-bar .button:insensitive, .location-bar .button:insensitive,
|
|
.inline-toolbar .button:insensitive {
|
|
background: none;
|
|
background-color: transparent;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
searchbar .button:backdrop,
|
|
.search-bar .button:backdrop, .location-bar .button:backdrop,
|
|
.inline-toolbar .button:backdrop {
|
|
border: none;
|
|
background: none;
|
|
background-color: transparent;
|
|
color: #a7acae; }
|
|
searchbar .button GtkLabel,
|
|
.search-bar .button GtkLabel, .location-bar .button GtkLabel,
|
|
searchbar .button GtkImage,
|
|
.search-bar .button GtkImage,
|
|
.location-bar .button GtkImage,
|
|
.inline-toolbar .button GtkLabel,
|
|
.inline-toolbar .button GtkImage {
|
|
color: white; }
|
|
searchbar .button GtkLabel:insensitive,
|
|
.search-bar .button GtkLabel:insensitive, .location-bar .button GtkLabel:insensitive, searchbar .button GtkLabel:backdrop,
|
|
.search-bar .button GtkLabel:backdrop, .location-bar .button GtkLabel:backdrop,
|
|
searchbar .button GtkImage:insensitive,
|
|
.search-bar .button GtkImage:insensitive,
|
|
.location-bar .button GtkImage:insensitive,
|
|
searchbar .button GtkImage:backdrop,
|
|
.search-bar .button GtkImage:backdrop,
|
|
.location-bar .button GtkImage:backdrop,
|
|
.inline-toolbar .button GtkLabel:insensitive,
|
|
.inline-toolbar .button GtkLabel:backdrop,
|
|
.inline-toolbar .button GtkImage:insensitive,
|
|
.inline-toolbar .button GtkImage:backdrop {
|
|
color: #a7acae;
|
|
-gtk-icon-effect: dim; }
|
|
searchbar .entry,
|
|
.search-bar .entry, .location-bar .entry,
|
|
searchbar entry,
|
|
.search-bar entry,
|
|
.location-bar entry,
|
|
.inline-toolbar .entry,
|
|
.inline-toolbar entry {
|
|
background: none;
|
|
color: white;
|
|
border-radius: 0px;
|
|
border: none;
|
|
box-shadow: none; }
|
|
searchbar .entry.image,
|
|
.search-bar .entry.image, .location-bar .entry.image,
|
|
searchbar entry.image,
|
|
.search-bar entry.image,
|
|
.location-bar entry.image,
|
|
.inline-toolbar .entry.image,
|
|
.inline-toolbar entry.image {
|
|
color: white; }
|
|
searchbar .entry.image.left,
|
|
.search-bar .entry.image.left, .location-bar .entry.image.left,
|
|
searchbar entry.image.left,
|
|
.search-bar entry.image.left,
|
|
.location-bar entry.image.left,
|
|
.inline-toolbar .entry.image.left,
|
|
.inline-toolbar entry.image.left {
|
|
padding-right: 6px; }
|
|
searchbar .entry:backdrop,
|
|
.search-bar .entry:backdrop, .location-bar .entry:backdrop,
|
|
searchbar entry:backdrop,
|
|
.search-bar entry:backdrop,
|
|
.location-bar entry:backdrop,
|
|
.inline-toolbar .entry:backdrop,
|
|
.inline-toolbar entry:backdrop {
|
|
color: #a7acae; }
|
|
searchbar .entry:selected,
|
|
.search-bar .entry:selected, .location-bar .entry:selected,
|
|
searchbar entry:selected,
|
|
.search-bar entry:selected,
|
|
.location-bar entry:selected,
|
|
.inline-toolbar .entry:selected,
|
|
.inline-toolbar entry:selected {
|
|
color: #6a7981;
|
|
background-color: #449ac2; }
|
|
|
|
searchbar,
|
|
.search-bar, .location-bar {
|
|
border-style: solid;
|
|
border-color: #373e41;
|
|
background-color: #485054; }
|
|
searchbar:backdrop,
|
|
.search-bar:backdrop, .location-bar:backdrop {
|
|
border-color: #394144;
|
|
background-color: #475054;
|
|
box-shadow: none;
|
|
transition: 200ms ease-out; }
|
|
|
|
searchbar,
|
|
.search-bar {
|
|
padding: 3px 0px;
|
|
border-width: 0;
|
|
border-radius: 0; }
|
|
|
|
.location-bar {
|
|
border-width: 0 0 1px;
|
|
padding: 3px; }
|
|
|
|
/************
|
|
* Tooltips *
|
|
************/
|
|
.tooltip,
|
|
.overlay-bar {
|
|
margin: 4px;
|
|
border: none;
|
|
border-radius: 3px;
|
|
background-color: #6a7981;
|
|
color: white; }
|
|
.tooltip.background,
|
|
.overlay-bar.background {
|
|
background-color: #6a7981;
|
|
border: none;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
|
|
.tooltip *,
|
|
.overlay-bar * {
|
|
padding: 2px;
|
|
background-color: transparent;
|
|
color: white; }
|
|
.tooltip .csd,
|
|
.overlay-bar .csd {
|
|
border-radius: 5px;
|
|
box-shadow: none; }
|
|
|
|
/**************
|
|
* Tree Views *
|
|
**************/
|
|
GtkTreeView.view,
|
|
treeview.view {
|
|
-GtkTreeView-grid-line-width: 1;
|
|
-GtkTreeView-tree-line-width: 1;
|
|
-GtkTreeView-tree-line-pattern: '';
|
|
-GtkTreeView-expander-size: 16;
|
|
border-left-color: #b5bcc0;
|
|
border-top-color: #4F585C; }
|
|
GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
|
|
treeview.view:selected:focus,
|
|
treeview.view:selected {
|
|
border-radius: 0; }
|
|
GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected,
|
|
treeview.view:selected:backdrop,
|
|
treeview.view:selected {
|
|
border-left-color: #a2cde1;
|
|
border-top-color: rgba(255, 255, 255, 0.1); }
|
|
GtkTreeView.view:insensitive,
|
|
treeview.view:insensitive {
|
|
color: #a7acae; }
|
|
GtkTreeView.view:insensitive:selected,
|
|
treeview.view:insensitive:selected {
|
|
color: #8fc2da; }
|
|
GtkTreeView.view:insensitive:selected:backdrop,
|
|
treeview.view:insensitive:selected:backdrop {
|
|
color: rgba(91, 167, 202, 0.85); }
|
|
GtkTreeView.view:insensitive:backdrop,
|
|
treeview.view:insensitive:backdrop {
|
|
color: #727f85; }
|
|
GtkTreeView.view.separator,
|
|
treeview.view.separator {
|
|
color: #4F585C; }
|
|
GtkTreeView.view.separator:backdrop,
|
|
treeview.view.separator:backdrop {
|
|
color: rgba(79, 88, 92, 0.1); }
|
|
GtkTreeView.view:backdrop,
|
|
treeview.view:backdrop {
|
|
border-left-color: #7b8285;
|
|
border-top: #4F585C; }
|
|
GtkTreeView.view.expander,
|
|
treeview.view.expander {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
|
color: #d2d7d9; }
|
|
GtkTreeView.view.expander:dir(rtl),
|
|
treeview.view.expander:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
GtkTreeView.view.expander:hover,
|
|
treeview.view.expander:hover {
|
|
color: white; }
|
|
GtkTreeView.view.expander:selected,
|
|
treeview.view.expander:selected {
|
|
color: #c7e1ed; }
|
|
GtkTreeView.view.expander:selected:hover,
|
|
treeview.view.expander:selected:hover {
|
|
color: #ffffff; }
|
|
GtkTreeView.view.expander:selected:backdrop,
|
|
treeview.view.expander:selected:backdrop {
|
|
color: rgba(150, 198, 221, 0.65); }
|
|
GtkTreeView.view.expander:checked,
|
|
treeview.view.expander:checked {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
GtkTreeView.view.expander:backdrop,
|
|
treeview.view.expander:backdrop {
|
|
color: #959ea1; }
|
|
GtkTreeView.view.progressbar,
|
|
treeview.view.progressbar {
|
|
border: 1px solid #347d9f;
|
|
border-radius: 4px;
|
|
background-color: #449ac2;
|
|
background-image: linear-gradient(to bottom, #449ac2, #347d9f);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
|
|
GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected,
|
|
treeview.view.progressbar:selected:focus,
|
|
treeview.view.progressbar:selected {
|
|
border-radius: 0;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
|
background-image: linear-gradient(to bottom, #6a7981, #535f65); }
|
|
GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop,
|
|
treeview.view.progressbar:selected:focus:backdrop,
|
|
treeview.view.progressbar:selected:backdrop {
|
|
border-color: #6c7c84;
|
|
background-color: #6c7c84; }
|
|
GtkTreeView.view.progressbar:backdrop,
|
|
treeview.view.progressbar:backdrop {
|
|
border-color: #6c7c84;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
GtkTreeView.view.trough,
|
|
treeview.view.trough {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
border-radius: 4px; }
|
|
GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected,
|
|
treeview.view.trough:selected:focus,
|
|
treeview.view.trough:selected {
|
|
background-color: #347d9f;
|
|
border-radius: 4px; }
|
|
GtkTreeView.view column-header .button,
|
|
GtkTreeView.view column-header button,
|
|
GtkTreeView.view header .button,
|
|
GtkTreeView.view header button,
|
|
treeview.view column-header .button,
|
|
treeview.view column-header button,
|
|
treeview.view header .button,
|
|
treeview.view header button {
|
|
color: #b5bcc0;
|
|
background-color: #6a7981;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
box-shadow: none; }
|
|
GtkTreeView.view column-header .button:hover,
|
|
GtkTreeView.view column-header button:hover,
|
|
GtkTreeView.view header .button:hover,
|
|
GtkTreeView.view header button:hover,
|
|
treeview.view column-header .button:hover,
|
|
treeview.view column-header button:hover,
|
|
treeview.view header .button:hover,
|
|
treeview.view header button:hover {
|
|
color: #dadee0;
|
|
box-shadow: none;
|
|
transition: none; }
|
|
GtkTreeView.view column-header .button:active,
|
|
GtkTreeView.view column-header button:active,
|
|
GtkTreeView.view header .button:active,
|
|
GtkTreeView.view header button:active,
|
|
treeview.view column-header .button:active,
|
|
treeview.view column-header button:active,
|
|
treeview.view header .button:active,
|
|
treeview.view header button:active {
|
|
color: white;
|
|
transition: none; }
|
|
GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child,
|
|
GtkTreeView.view header button:last-child:backdrop,
|
|
GtkTreeView.view header button:last-child,
|
|
treeview.view column-header button:last-child:backdrop,
|
|
treeview.view column-header button:last-child,
|
|
treeview.view header button:last-child:backdrop,
|
|
treeview.view header button:last-child {
|
|
border-right-style: none; }
|
|
GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd,
|
|
GtkTreeView.view button.dnd:active,
|
|
GtkTreeView.view button.dnd:selected,
|
|
GtkTreeView.view button.dnd:hover,
|
|
GtkTreeView.view button.dnd,
|
|
GtkTreeView.view column-header.button.dnd:active,
|
|
GtkTreeView.view column-header.button.dnd:selected,
|
|
GtkTreeView.view column-header.button.dnd:hover,
|
|
GtkTreeView.view column-header.button.dnd,
|
|
GtkTreeView.view header.button.dnd:active,
|
|
GtkTreeView.view header.button.dnd:selected,
|
|
GtkTreeView.view header.button.dnd:hover,
|
|
GtkTreeView.view header.button.dnd,
|
|
treeview.view .button.dnd:active,
|
|
treeview.view .button.dnd:selected,
|
|
treeview.view .button.dnd:hover,
|
|
treeview.view .button.dnd,
|
|
treeview.view button.dnd:active,
|
|
treeview.view button.dnd:selected,
|
|
treeview.view button.dnd:hover,
|
|
treeview.view button.dnd,
|
|
treeview.view column-header.button.dnd:active,
|
|
treeview.view column-header.button.dnd:selected,
|
|
treeview.view column-header.button.dnd:hover,
|
|
treeview.view column-header.button.dnd,
|
|
treeview.view header.button.dnd:active,
|
|
treeview.view header.button.dnd:selected,
|
|
treeview.view header.button.dnd:hover,
|
|
treeview.view header.button.dnd {
|
|
padding: 4px 6px;
|
|
transition: none;
|
|
background-image: none;
|
|
background-color: #449ac2;
|
|
color: #6a7981;
|
|
border-radius: 0;
|
|
border-style: none;
|
|
box-shadow: inset 0 0 0 1px #6a7981;
|
|
text-shadow: none; }
|
|
|
|
GtkTreeView.view column-header .button,
|
|
GtkTreeView.view column-header button,
|
|
GtkTreeView.view header .button,
|
|
GtkTreeView.view header button,
|
|
treeview.view column-header .button,
|
|
treeview.view column-header button,
|
|
treeview.view header .button,
|
|
treeview.view header button, GtkTreeView.view column-header .button:hover,
|
|
GtkTreeView.view column-header button:hover,
|
|
GtkTreeView.view header .button:hover,
|
|
GtkTreeView.view header button:hover,
|
|
treeview.view column-header .button:hover,
|
|
treeview.view column-header button:hover,
|
|
treeview.view header .button:hover,
|
|
treeview.view header button:hover, GtkTreeView.view column-header .button:active,
|
|
GtkTreeView.view column-header button:active,
|
|
GtkTreeView.view header .button:active,
|
|
GtkTreeView.view header button:active,
|
|
treeview.view column-header .button:active,
|
|
treeview.view column-header button:active,
|
|
treeview.view header .button:active,
|
|
treeview.view header button:active {
|
|
padding: 4px 6px;
|
|
border-radius: 0;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
border-style: none solid solid none;
|
|
border-color: #4F585C; }
|
|
GtkTreeView.view column-header .button:insensitive,
|
|
GtkTreeView.view column-header button:insensitive,
|
|
GtkTreeView.view header .button:insensitive,
|
|
GtkTreeView.view header button:insensitive,
|
|
treeview.view column-header .button:insensitive,
|
|
treeview.view column-header button:insensitive,
|
|
treeview.view header .button:insensitive,
|
|
treeview.view header button:insensitive {
|
|
border-color: #4F585C;
|
|
background-image: none; }
|
|
GtkTreeView.view column-header .button:backdrop,
|
|
GtkTreeView.view column-header button:backdrop,
|
|
GtkTreeView.view header .button:backdrop,
|
|
GtkTreeView.view header button:backdrop,
|
|
treeview.view column-header .button:backdrop,
|
|
treeview.view column-header button:backdrop,
|
|
treeview.view header .button:backdrop,
|
|
treeview.view header button:backdrop {
|
|
border-color: #4F585C;
|
|
border-style: none solid solid none;
|
|
color: #7b8285;
|
|
background-image: none;
|
|
background-color: #6c7c84; }
|
|
GtkTreeView.view column-header .button:backdrop:insensitive,
|
|
GtkTreeView.view column-header button:backdrop:insensitive,
|
|
GtkTreeView.view header .button:backdrop:insensitive,
|
|
GtkTreeView.view header button:backdrop:insensitive,
|
|
treeview.view column-header .button:backdrop:insensitive,
|
|
treeview.view column-header button:backdrop:insensitive,
|
|
treeview.view header .button:backdrop:insensitive,
|
|
treeview.view header button:backdrop:insensitive {
|
|
border-color: #4F585C;
|
|
background-image: none; }
|
|
|
|
/**********************
|
|
* Window Decorations *
|
|
*********************/
|
|
.window-frame {
|
|
border-radius: 4px;
|
|
border-width: 0px;
|
|
box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5);
|
|
margin: 10px; }
|
|
.window-frame:backdrop {
|
|
box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3);
|
|
transition: 200ms ease-out; }
|
|
.fullscreen .window-frame, .tiled .window-frame {
|
|
border-radius: 0; }
|
|
.popup .window-frame {
|
|
box-shadow: none; }
|
|
.ssd .window-frame {
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); }
|
|
.csd.popup .window-frame {
|
|
border-radius: 0;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
|
|
.solid-csd .window-frame {
|
|
border-radius: 0;
|
|
margin: 4px;
|
|
background-color: #4F585C;
|
|
border: 0px solid #394144;
|
|
box-shadow: none; }
|
|
|
|
/**********************
|
|
* DE-Specific Styles *
|
|
**********************/
|
|
/*********
|
|
* Budgie *
|
|
**********/
|
|
.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
|
|
background-color: rgba(0, 0, 0, 0.1); }
|
|
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
|
|
background-color: rgba(0, 0, 0, 0.2); }
|
|
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
|
|
border-bottom: 2px solid transparent;
|
|
border-top: 2px solid transparent; }
|
|
.top .budgie-panel .unpinned .launcher,
|
|
.top .budgie-panel .pinned .launcher.running {
|
|
border-top: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
|
|
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
|
|
border-top: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
|
|
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
|
|
border-top: 2px solid #449ac2; }
|
|
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent; }
|
|
.bottom .budgie-panel .unpinned .launcher,
|
|
.bottom .budgie-panel .pinned .launcher.running {
|
|
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
|
|
border-top: 2px solid rgba(0, 0, 0, 0.1);
|
|
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
|
|
border-top: 2px solid rgba(0, 0, 0, 0.2);
|
|
border-bottom: 2px solid #449ac2; }
|
|
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
|
|
border-right: 2px solid transparent;
|
|
border-left: 2px solid transparent; }
|
|
.left .budgie-panel .unpinned .launcher,
|
|
.left .budgie-panel .pinned .launcher.running {
|
|
border-left: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
|
|
border-right: 2px solid rgba(0, 0, 0, 0.1);
|
|
border-left: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
|
|
border-right: 2px solid rgba(0, 0, 0, 0.2);
|
|
border-left: 2px solid #449ac2; }
|
|
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid transparent; }
|
|
.right .budgie-panel .unpinned .launcher,
|
|
.right .budgie-panel .pinned .launcher.running {
|
|
border-right: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
|
|
border-left: 2px solid rgba(0, 0, 0, 0.1);
|
|
border-right: 2px solid rgba(68, 154, 194, 0.5); }
|
|
.right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
|
|
border-left: 2px solid rgba(0, 0, 0, 0.2);
|
|
border-right: 2px solid #449ac2; }
|
|
|
|
.budgie-menu GtkSearchEntry.entry:not(:selected) {
|
|
border: none;
|
|
box-shadow: none;
|
|
background: none;
|
|
font-size: 120%; }
|
|
.budgie-menu GtkSearchEntry.entry:not(:selected).image {
|
|
padding-left: 0px;
|
|
padding-right: 6px; }
|
|
.budgie-menu .list-row.activatable:selected,
|
|
.budgie-menu .list-row.activatable:selected .button {
|
|
color: inherit; }
|
|
|
|
.budgie-panel {
|
|
font-weight: bold;
|
|
color: white;
|
|
background-color: rgba(0, 0, 0, 0.7); }
|
|
.budgie-panel:backdrop {
|
|
color: white;
|
|
background-color: rgba(0, 0, 0, 0.7); }
|
|
.budgie-panel WnckTasklist .button,
|
|
.budgie-panel WnckTasklist .button:backdrop {
|
|
border-radius: 0; }
|
|
.budgie-panel .launcher {
|
|
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
border-color: transparent; }
|
|
.budgie-panel .launcher:hover {
|
|
-gtk-icon-effect: highlight; }
|
|
|
|
.top .budgie-panel {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.top .raven-frame {
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.top .shadow-block {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
|
|
|
|
.bottom .budgie-panel {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.bottom .raven-frame {
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.bottom .shadow-block {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
|
|
|
|
.left .budgie-panel {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.left .raven-frame {
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.left .shadow-block {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
|
|
|
|
.right .budgie-panel {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.right .raven-frame {
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
border-left: 1px solid rgba(0, 0, 0, 0.2); }
|
|
|
|
.right .shadow-block {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
|
|
|
|
.raven {
|
|
color: white;
|
|
background-color: transparent;
|
|
transition: 170ms ease-out; }
|
|
.raven .raven-header {
|
|
color: white;
|
|
border-width: 1px 0; }
|
|
.raven .raven-header.top {
|
|
border-top-style: none; }
|
|
.raven .raven-header.bottom {
|
|
border-bottom-style: none; }
|
|
.raven .raven-background {
|
|
color: white;
|
|
background-color: transparent;
|
|
border-bottom: 1px solid transparent; }
|
|
.raven .raven-background.middle {
|
|
border-bottom-style: none; }
|
|
.raven .powerstrip .button {
|
|
padding: 10px; }
|
|
.raven .option-subtitle {
|
|
font-size: smaller; }
|
|
|
|
.raven-mpris {
|
|
border-width: 1px 0; }
|
|
.raven-mpris .button.image-button {
|
|
padding: 8px; }
|
|
|
|
.budgie-notification-window {
|
|
background: none;
|
|
border-radius: 1px; }
|
|
|
|
.budgie-notification.background {
|
|
background-color: white;
|
|
border-radius: 4px; }
|
|
.budgie-notification .notification-title {
|
|
font-size: 110%;
|
|
color: white; }
|
|
.budgie-notification .notification-body {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
|
|
background-color: transparent;
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
|
|
border-radius: 1px; }
|
|
|
|
.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
|
|
border-bottom: none;
|
|
border-radius: 0; }
|
|
.budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
|
|
border-left: none;
|
|
border-radius: 0; }
|
|
.budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
|
|
border-right: none;
|
|
border-radius: 0; }
|
|
|
|
.budgie-polkit-dialog .message {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
.budgie-polkit-dialog .failure {
|
|
color: #f34235; }
|
|
|
|
/***************
|
|
* font-viewer *
|
|
***************/
|
|
SushiFontWidget {
|
|
padding: 6px 12px; }
|
|
|
|
/**********
|
|
* Sudoku *
|
|
**********/
|
|
SudokuView SudokuCellView {
|
|
border: inherit;
|
|
background-color: inherit; }
|
|
|
|
SudokuView SudokuCellView:backdrop {
|
|
border: inherit;
|
|
background-color: inherit; }
|
|
|
|
SudokuView {
|
|
border: none; }
|
|
|
|
/*****************
|
|
* Character Map *
|
|
*****************/
|
|
GucharmapChartable {
|
|
background-color: #6a7981; }
|
|
|
|
GucharmapChartable:active,
|
|
GucharmapChartable:focus,
|
|
GucharmapChartable:selected {
|
|
background-color: #449ac2;
|
|
color: #ffffff; }
|
|
|
|
/********
|
|
* Misc *
|
|
*******/
|
|
ApDocView,
|
|
EogScrollView,
|
|
CheeseThumbView {
|
|
-EogScrollView-shadow-type: none; }
|
|
|
|
/************
|
|
* Terminal *
|
|
************/
|
|
TerminalScreen,
|
|
VteTerminal {
|
|
background-color: rgba(0, 43, 54, 0.9);
|
|
color: #839495; }
|
|
|
|
TerminalWindow .titlebar,
|
|
TerminalWindow .header-bar {
|
|
background-color: #546e7a; }
|
|
TerminalWindow .titlebar:backdrop,
|
|
TerminalWindow .header-bar:backdrop {
|
|
background-color: #3f535c; }
|
|
|
|
/************
|
|
* Nautilus *
|
|
************/
|
|
NautilusCanvasView {
|
|
border: none; }
|
|
NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop {
|
|
border: none; }
|
|
|
|
.nautilus-circular-button {
|
|
border-radius: 20px;
|
|
-gtk-outline-radius: 20px; }
|
|
|
|
.disk-space-display {
|
|
border: 2px solid; }
|
|
.disk-space-display .unknown {
|
|
background-color: #888a85;
|
|
border-color: #555653; }
|
|
.disk-space-display .used {
|
|
background-color: #9FB0B9;
|
|
border-color: #667f8c; }
|
|
.disk-space-display .free {
|
|
background-color: #D8D8D8;
|
|
border-color: #a5a5a5; }
|
|
|
|
.nautilus-desktop {
|
|
color: white; }
|
|
.nautilus-desktop .nautilus-canvas-item {
|
|
border-radius: 5px;
|
|
color: #ffffff;
|
|
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
|
|
.nautilus-desktop .nautilus-canvas-item:active {
|
|
color: white;
|
|
text-shadow: none; }
|
|
.nautilus-desktop .nautilus-canvas-item:hover {
|
|
color: white;
|
|
text-shadow: none; }
|
|
.nautilus-desktop .nautilus-canvas-item:selected {
|
|
color: #ffffff;
|
|
text-shadow: none; }
|
|
.nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected,
|
|
.nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected,
|
|
.header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected {
|
|
color: #ffffff; }
|
|
.nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected,
|
|
.nautilus-desktop .nautilus-list .header-bar .subtitle:selected,
|
|
.header-bar .nautilus-desktop .nautilus-list .subtitle:selected {
|
|
color: #ffffff; }
|
|
|
|
/***********
|
|
* Builder *
|
|
***********/
|
|
GbGreeterWindow .titlebar,
|
|
GbGreeterWindow .header-bar,
|
|
GbWorkbench .titlebar,
|
|
GbWorkbench .header-bar {
|
|
background-color: #CBBB2E; }
|
|
GbGreeterWindow .titlebar:backdrop,
|
|
GbGreeterWindow .header-bar:backdrop,
|
|
GbWorkbench .titlebar:backdrop,
|
|
GbWorkbench .header-bar:backdrop {
|
|
background-color: #a19525; }
|
|
|
|
/**************
|
|
* Calculator *
|
|
**************/
|
|
MathWindow {
|
|
background-color: #6a7981;
|
|
border-radius: 0 0 4px 4px; }
|
|
MathWindow .titlebar,
|
|
MathWindow .header-bar,
|
|
MathWindow .toolbar {
|
|
background-color: #07ce8e; }
|
|
MathWindow .titlebar:backdrop,
|
|
MathWindow .header-bar:backdrop,
|
|
MathWindow .toolbar:backdrop {
|
|
background-color: #059d6c; }
|
|
MathWindow MathButtons GtkComboBox,
|
|
MathWindow MathButtons .button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
text-shadow: none;
|
|
color: #07ce8e;
|
|
font-weight: bold; }
|
|
MathWindow MathButtons GtkComboBox:hover,
|
|
MathWindow MathButtons .button:hover {
|
|
background-image: none;
|
|
background-color: #6a7981;
|
|
color: #07ce8e; }
|
|
MathWindow MathButtons GtkComboBox:backdrop,
|
|
MathWindow MathButtons .button:backdrop {
|
|
color: #059d6c; }
|
|
MathWindow MathButtons GtkComboBox.text-button.suggested-action,
|
|
MathWindow MathButtons .button.text-button.suggested-action {
|
|
background-image: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-color: #07ce8e;
|
|
color: #6a7981; }
|
|
MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop,
|
|
MathWindow MathButtons .button.text-button.suggested-action:backdrop {
|
|
background-color: #059d6c;
|
|
color: rgba(106, 121, 129, 0.5); }
|
|
MathWindow MathDisplay {
|
|
padding: 4px;
|
|
background-color: #6a7981;
|
|
border: 1px solid #373e41; }
|
|
|
|
/************
|
|
* Calendar *
|
|
************/
|
|
GcalWindow .titlebar,
|
|
GcalWindow .header-bar {
|
|
background-color: #75A3F6; }
|
|
GcalWindow .titlebar:backdrop,
|
|
GcalWindow .header-bar:backdrop {
|
|
background-color: #4583f3; }
|
|
|
|
/**********
|
|
* Cheese *
|
|
**********/
|
|
CheeseWindow .titlebar,
|
|
CheeseWindow .header-bar,
|
|
CheeseWindow .toolbar {
|
|
background-color: #ad7fa8; }
|
|
CheeseWindow .titlebar:backdrop,
|
|
CheeseWindow .header-bar:backdrop,
|
|
CheeseWindow .toolbar:backdrop {
|
|
background-color: #986192; }
|
|
|
|
/************
|
|
* Contacts *
|
|
************/
|
|
ContactsWindow .titlebar,
|
|
ContactsWindow .header-bar {
|
|
background-color: #2095F2; }
|
|
ContactsWindow .titlebar:backdrop,
|
|
ContactsWindow .header-bar:backdrop {
|
|
background-color: #0c7bd3; }
|
|
|
|
/**********
|
|
* Clocks *
|
|
**********/
|
|
ClocksWindow .titlebar,
|
|
ClocksWindow .header-bar {
|
|
background-color: #4BAE4F; }
|
|
ClocksWindow .titlebar:backdrop,
|
|
ClocksWindow .header-bar:backdrop {
|
|
background-color: #3c8a3f; }
|
|
|
|
/*********
|
|
* Disks *
|
|
*********/
|
|
GduWindow .titlebar,
|
|
GduWindow .header-bar {
|
|
background-color: #8561C5; }
|
|
GduWindow .titlebar:backdrop,
|
|
GduWindow .header-bar:backdrop {
|
|
background-color: #6a41b2; }
|
|
|
|
/**************
|
|
* Disk Usage *
|
|
**************/
|
|
BaobabWindow .titlebar,
|
|
BaobabWindow .header-bar {
|
|
background-color: #CC5E55; }
|
|
BaobabWindow .titlebar:backdrop,
|
|
BaobabWindow .header-bar:backdrop {
|
|
background-color: #b74137; }
|
|
|
|
/*************
|
|
* Documents *
|
|
*************/
|
|
#Documents .titlebar,
|
|
#Documents .header-bar {
|
|
background-color: #C2352A; }
|
|
#Documents .titlebar:backdrop,
|
|
#Documents .header-bar:backdrop {
|
|
background-color: #982a21; }
|
|
|
|
/************
|
|
* Epiphany *
|
|
************/
|
|
EphyWindow .titlebar,
|
|
EphyWindow .header-bar {
|
|
background-color: #6573C3; }
|
|
EphyWindow .titlebar:backdrop,
|
|
EphyWindow .header-bar:backdrop {
|
|
background-color: #4555b0; }
|
|
EphyWindow .titlebar .incognito-mode,
|
|
EphyWindow .header-bar .incognito-mode {
|
|
background-color: #3e4c9e; }
|
|
EphyWindow .titlebar .incognito-mode .button,
|
|
EphyWindow .header-bar .incognito-mode .button {
|
|
background-image: none; }
|
|
EphyWindow .titlebar .incognito-mode:backdrop,
|
|
EphyWindow .header-bar .incognito-mode:backdrop {
|
|
background-color: #2f3a79; }
|
|
|
|
/*********
|
|
* Gedit *
|
|
*********/
|
|
GeditWindow .titlebar,
|
|
GeditWindow .header-bar {
|
|
background-color: #DC4836; }
|
|
GeditWindow .titlebar:backdrop,
|
|
GeditWindow .header-bar:backdrop {
|
|
background-color: #be3221; }
|
|
|
|
/**************
|
|
* Log Viewer *
|
|
**************/
|
|
GlWindow .titlebar,
|
|
GlWindow .header-bar,
|
|
GlWindow .toolbar,
|
|
LogviewWindow .titlebar,
|
|
LogviewWindow .header-bar,
|
|
LogviewWindow .toolbar {
|
|
background-color: #009587; }
|
|
GlWindow .titlebar:backdrop,
|
|
GlWindow .header-bar:backdrop,
|
|
GlWindow .toolbar:backdrop,
|
|
LogviewWindow .titlebar:backdrop,
|
|
LogviewWindow .header-bar:backdrop,
|
|
LogviewWindow .toolbar:backdrop {
|
|
background-color: #006259; }
|
|
|
|
/*********
|
|
* Music *
|
|
*********/
|
|
gnomemusic + window + Window .titlebar,
|
|
gnomemusic + window + Window .header-bar {
|
|
background-color: #fe9700; }
|
|
gnomemusic + window + Window .titlebar:backdrop,
|
|
gnomemusic + window + Window .header-bar:backdrop {
|
|
background-color: #cb7900; }
|
|
|
|
/*****************
|
|
* Notes/Bijiben *
|
|
*****************/
|
|
BjbMainToolbar .titlebar,
|
|
BjbMainToolbar .header-bar,
|
|
BjbWindowBase .titlebar,
|
|
BjbWindowBase .header-bar {
|
|
background-color: #ebdd4d; }
|
|
BjbMainToolbar .titlebar:backdrop,
|
|
BjbMainToolbar .header-bar:backdrop,
|
|
BjbWindowBase .titlebar:backdrop,
|
|
BjbWindowBase .header-bar:backdrop {
|
|
background-color: #e6d41f; }
|
|
|
|
/**********
|
|
* Photos *
|
|
**********/
|
|
PhotosMainWindow .titlebar,
|
|
PhotosMainWindow .header-bar {
|
|
background-color: #D30101; }
|
|
PhotosMainWindow .titlebar:backdrop,
|
|
PhotosMainWindow .header-bar:backdrop {
|
|
background-color: #a00101; }
|
|
|
|
/**********
|
|
* Polari *
|
|
**********/
|
|
.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right,
|
|
.header-bar.polari-titlebar-left,
|
|
.header-bar.polari-titlebar-right {
|
|
background-color: #4BAE4F; }
|
|
.titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop,
|
|
.header-bar.polari-titlebar-left:backdrop,
|
|
.header-bar.polari-titlebar-right:backdrop {
|
|
background-color: #3c8a3f; }
|
|
|
|
/*******************
|
|
* System Settings *
|
|
******************/
|
|
CcWindow .titlebar,
|
|
CcWindow .header-bar {
|
|
background-color: #5F7C8A; }
|
|
CcWindow .titlebar:backdrop,
|
|
CcWindow .header-bar:backdrop {
|
|
background-color: #4a616c; }
|
|
|
|
CcShellNavBar {
|
|
padding: 0px; }
|
|
|
|
/************
|
|
* Software *
|
|
************/
|
|
#window_software .titlebar,
|
|
#window_software .header-bar {
|
|
background-color: #1A77C2; }
|
|
#window_software .titlebar:backdrop,
|
|
#window_software .header-bar:backdrop {
|
|
background-color: #145b95; }
|
|
|
|
/******************
|
|
* System Monitor *
|
|
******************/
|
|
#gnome-system-monitor .titlebar,
|
|
#gnome-system-monitor .header-bar {
|
|
background-color: #6fbe72; }
|
|
#gnome-system-monitor .titlebar:backdrop,
|
|
#gnome-system-monitor .header-bar:backdrop {
|
|
background-color: #4eac51; }
|
|
|
|
/********
|
|
* ToDo *
|
|
********/
|
|
GtdWindow .titlebar,
|
|
GtdWindow .header-bar {
|
|
background-color: #3262A1; }
|
|
GtdWindow .titlebar:backdrop,
|
|
GtdWindow .header-bar:backdrop {
|
|
background-color: #264a7a; }
|
|
|
|
/********
|
|
* Yelp *
|
|
********/
|
|
YelpWindow .titlebar,
|
|
YelpWindow .header-bar {
|
|
background-color: #435ece; }
|
|
YelpWindow .titlebar:backdrop,
|
|
YelpWindow .header-bar:backdrop {
|
|
background-color: #2e47b0; }
|
|
|
|
/********
|
|
* Gala *
|
|
*******/
|
|
.gala-notification {
|
|
border-width: 0;
|
|
border-radius: 2px;
|
|
color: white;
|
|
border: 1px solid #6a7981;
|
|
background-color: #6a7981; }
|
|
.gala-notification .title,
|
|
.gala-notification .label {
|
|
color: white; }
|
|
|
|
.gala-button {
|
|
padding: 3px;
|
|
color: #6a7981;
|
|
border: none;
|
|
border-radius: 50%;
|
|
background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77);
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
|
|
|
|
/**********
|
|
* Notify *
|
|
*********/
|
|
.notify {
|
|
/*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
|
|
border-radius: 5px;
|
|
border: 1px solid rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(106, 121, 129, 0.05); }
|
|
|
|
/***************
|
|
* SwitchBoard *
|
|
***************/
|
|
.category-label {
|
|
font-weight: bold;
|
|
color: white; }
|
|
|
|
/*************
|
|
* Slingshot *
|
|
************/
|
|
.button.app {
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
background-image: none; }
|
|
.button.app .app:hover {
|
|
border-radius: 8px;
|
|
border: none;
|
|
background-color: rgba(68, 154, 194, 0.3);
|
|
color: white; }
|
|
.button.app .app:focus {
|
|
/*background-color: transparentize(black, 0.20);*/ }
|
|
|
|
.search-item {
|
|
border-radius: 0;
|
|
border: none;
|
|
color: white;
|
|
background: none; }
|
|
.search-item:hover, .search-item:focus {
|
|
border-radius: 0;
|
|
background-color: rgba(68, 154, 194, 0.3);
|
|
color: #ffffff; }
|
|
|
|
.search-entry-large,
|
|
.search-entry-large:focus {
|
|
border: none;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
background-image: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0; }
|
|
|
|
.search-category-header {
|
|
font-weight: bold;
|
|
color: white; }
|
|
|
|
/*********
|
|
* Panel *
|
|
********/
|
|
.panel {
|
|
background-color: transparent;
|
|
transition: all 100ms ease-in-out;
|
|
color: white; }
|
|
.panel.maximized {
|
|
background-color: #000; }
|
|
.panel.translucent {
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.composited-indicator > GtkRevealer,
|
|
.composited-indicator > GtkRevealer GtkImage,
|
|
.composited-indicator > GtkRevealer GtkLabel {
|
|
color: white;
|
|
font-weight: bold;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
-gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); }
|
|
|
|
.panel.color-light .composited-indicator > GtkRevealer,
|
|
.panel.color-light .composited-indicator > GtkRevealer GtkImage,
|
|
.panel.color-light .composited-indicator > GtkRevealer GtkLabel {
|
|
color: rgba(0, 0, 0, 0.6);
|
|
text-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
|
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); }
|
|
|
|
/*************
|
|
* AppCenter *
|
|
*************/
|
|
AppCenterMainWindow .titlebar,
|
|
AppCenterMainWindow .header-bar {
|
|
background-color: #378BE6; }
|
|
AppCenterMainWindow .titlebar:backdrop,
|
|
AppCenterMainWindow .header-bar:backdrop {
|
|
background-color: #1a71d0; }
|
|
|
|
/**************
|
|
* Calculator *
|
|
**************/
|
|
PantheonCalculatorMainWindow {
|
|
border-radius: 0 0 4px 4px; }
|
|
PantheonCalculatorMainWindow .titlebar,
|
|
PantheonCalculatorMainWindow .header-bar {
|
|
background-color: #07ce8e; }
|
|
PantheonCalculatorMainWindow .titlebar:backdrop,
|
|
PantheonCalculatorMainWindow .header-bar:backdrop {
|
|
background-color: #059d6c; }
|
|
PantheonCalculatorMainWindow .window-frame {
|
|
border-radius: 3px; }
|
|
|
|
/********
|
|
* Maya *
|
|
********/
|
|
MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar {
|
|
background-color: #4bae4f; }
|
|
MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop {
|
|
background-color: #3c8a3f; }
|
|
|
|
/*********
|
|
* Cards *
|
|
*********/
|
|
.deck {
|
|
background-color: #3c4346; }
|
|
|
|
.card {
|
|
background-color: #6a7981;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
|
|
transition: all 150ms ease-in-out; }
|
|
|
|
.card.collapsed {
|
|
background-color: #5e6c73;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
|
|
|
|
/*********
|
|
* Noise *
|
|
*********/
|
|
NoiseLibraryWindow {
|
|
border-radius: 0 0 4px 4px; }
|
|
NoiseLibraryWindow .titlebar,
|
|
NoiseLibraryWindow .header-bar {
|
|
background-color: #EE6020; }
|
|
NoiseLibraryWindow .titlebar:backdrop,
|
|
NoiseLibraryWindow .header-bar:backdrop {
|
|
background-color: #cb4a10; }
|
|
NoiseLibraryWindow .action-bar {
|
|
border-radius: 0 0 4px 4px; }
|
|
NoiseLibraryWindow .window-frame {
|
|
border-radius: 3px; }
|
|
|
|
/***********
|
|
* Scratch *
|
|
***********/
|
|
ScratchMainWindow .titlebar,
|
|
ScratchMainWindow .header-bar {
|
|
background-color: #e74c3c; }
|
|
ScratchMainWindow .titlebar:backdrop,
|
|
ScratchMainWindow .header-bar:backdrop {
|
|
background-color: #d62c1a; }
|
|
|
|
/********
|
|
* Snap *
|
|
********/
|
|
SnapMainWindow .titlebar,
|
|
SnapMainWindow .header-bar,
|
|
SnapSnapWindow .titlebar,
|
|
SnapSnapWindow .header-bar {
|
|
background-color: #6d266a; }
|
|
SnapMainWindow .titlebar:backdrop,
|
|
SnapMainWindow .header-bar:backdrop,
|
|
SnapSnapWindow .titlebar:backdrop,
|
|
SnapSnapWindow .header-bar:backdrop {
|
|
background-color: #471945; }
|
|
SnapMainWindow .take-button,
|
|
SnapSnapWindow .take-button {
|
|
border-radius: 0; }
|
|
|
|
/*******************
|
|
* Photos/Shotwell *
|
|
*******************/
|
|
DirectWindow .titlebar,
|
|
DirectWindow .header-bar,
|
|
LibraryWindow .titlebar,
|
|
LibraryWindow .header-bar {
|
|
background-color: #5544B5; }
|
|
DirectWindow .titlebar:backdrop,
|
|
DirectWindow .header-bar:backdrop,
|
|
LibraryWindow .titlebar:backdrop,
|
|
LibraryWindow .header-bar:backdrop {
|
|
background-color: #443690; }
|
|
DirectWindow .the-button-in-the-combobox,
|
|
LibraryWindow .the-button-in-the-combobox {
|
|
background: none; }
|
|
|
|
.checkerboard-layout {
|
|
background-color: #4F585C;
|
|
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
|
|
background-size: 24px 24px;
|
|
background-position: 0 0, 12px 12px; }
|
|
|
|
.checkboard-layout .item {
|
|
background-color: white; }
|
|
|
|
/********
|
|
* Unity *
|
|
*********/
|
|
/* Unity window border color */
|
|
/* Backdrop Unity window border color */
|
|
/* Unity window text color */
|
|
/* Backdrop Unity window text color */
|
|
/* Unity panel color #454D50 */
|
|
/* Backdrop Unity panel color */
|
|
UnityDecoration {
|
|
/* Border properties (top, right, bottom, left) */
|
|
-UnityDecoration-extents: 28px 1px 1px 1px;
|
|
/* the size of the decorations */
|
|
-UnityDecoration-input-extents: 10px;
|
|
/* the extra size of the input areas */
|
|
/* Shadows settings */
|
|
-UnityDecoration-shadow-offset-x: 1px;
|
|
/* Size property, the shadow x offset */
|
|
-UnityDecoration-shadow-offset-y: 1px;
|
|
/* Size property, the shadow y offset */
|
|
-UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
|
|
/* Color property, active window shadow color */
|
|
-UnityDecoration-active-shadow-radius: 8px;
|
|
/* Size property, active window shadow radius */
|
|
-UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
|
|
/* Color property, inactive windows shadow color */
|
|
-UnityDecoration-inactive-shadow-radius: 5px;
|
|
/* Size property, inactive windows shadow radius */
|
|
/* Glow applied to the selected scaled window */
|
|
-UnityDecoration-glow-size: 8px;
|
|
/* Size property, size of glow */
|
|
-UnityDecoration-glow-color: #449ac2;
|
|
/* Color property of the glow */
|
|
/* Title settings */
|
|
-UnityDecoration-title-indent: 10px;
|
|
/* Size property, left indent of the title */
|
|
-UnityDecoration-title-fade: 35px;
|
|
/* Size property, space of the title that can be faded */
|
|
-UnityDecoration-title-alignment: 0.0;
|
|
/* Float from 0.0 to 1.0, to align the title */
|
|
background-color: #546e7a;
|
|
color: #dbdee0; }
|
|
UnityDecoration .top {
|
|
padding: 0 5px 0 5px;
|
|
border-radius: 4px 4px 0px 0px;
|
|
box-shadow: none;
|
|
border: 1px solid #546e7a;
|
|
border-bottom-width: 0;
|
|
background-color: #546e7a;
|
|
color: #dbdee0;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1); }
|
|
UnityDecoration .top:backdrop {
|
|
border-bottom-width: 0;
|
|
background-color: #3f535c;
|
|
color: #c0c5c8;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1); }
|
|
UnityDecoration .top .menuitem {
|
|
color: #dbdee0; }
|
|
UnityDecoration .top .menuitem:backdrop {
|
|
background-color: #3f535c;
|
|
color: #c0c5c8; }
|
|
|
|
UnityDecoration.left,
|
|
UnityDecoration.right {
|
|
background-repeat: repeat-x;
|
|
background-color: #536c78;
|
|
background-size: 1px 120px;
|
|
background-clip: border-box;
|
|
background-image: linear-gradient(to bottom, #546e7a, #536c78); }
|
|
|
|
UnityDecoration.bottom {
|
|
background-size: 1px;
|
|
background-repeat: repeat-x;
|
|
background-color: #536c78; }
|
|
|
|
UnityDecoration.left:backdrop,
|
|
UnityDecoration.right:backdrop,
|
|
UnityDecoration.bottom:backdrop {
|
|
background-size: 1px;
|
|
background-repeat: repeat-x;
|
|
background-color: #3f535c; }
|
|
|
|
/**************
|
|
* Unity Panel *
|
|
***************/
|
|
UnityPanelWidget,
|
|
.unity-panel {
|
|
background-color: #2a383e;
|
|
color: #dbdee0; }
|
|
|
|
UnityPanelWidget:backdrop,
|
|
.unity-panel:backdrop {
|
|
background-color: #161c1f;
|
|
color: #c0c5c8; }
|
|
|
|
.unity-panel.menuitem,
|
|
.unity-panel .menuitem {
|
|
border-width: 0 1px;
|
|
color: #dbdee0; }
|
|
|
|
.unity-panel.menubar,
|
|
.unity-panel .menubar {
|
|
color: #dbdee0; }
|
|
|
|
.unity-panel.menu.menubar,
|
|
.unity-panel .menu .menubar {
|
|
background-color: #2a383e;
|
|
color: #dbdee0; }
|
|
|
|
.unity-panel.menubar:backdrop,
|
|
.unity-panel .menubar *:backdrop {
|
|
color: #a7acae; }
|
|
|
|
.unity-panel.menubar.menuitem,
|
|
.unity-panel.menubar .menuitem {
|
|
padding: 3px 5px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border: none;
|
|
background: none;
|
|
color: #dbdee0;
|
|
box-shadow: none; }
|
|
|
|
.unity-panel.menubar.menuitem:hover,
|
|
.unity-panel.menubar .menuitem:hover {
|
|
border-radius: 0;
|
|
background-color: #526b77;
|
|
color: #dbdee0;
|
|
box-shadow: none; }
|
|
|
|
.unity-panel.menubar .menuitem *:hover {
|
|
color: white;
|
|
box-shadow: none; }
|
|
|
|
.unity-panel.menubar .menuitem.separator,
|
|
.unity-panel.menubar.menuitem.separator {
|
|
-GtkMenuItem-horizontal-padding: 0;
|
|
-GtkWidget-separator-height: 1;
|
|
border: none;
|
|
color: #373e41; }
|
|
|
|
/* Force Quit */
|
|
SheetStyleDialog.unity-force-quit {
|
|
background-color: #6a7981; }
|
|
|
|
@keyframes playbackmenuitem_spinner {
|
|
to {
|
|
-gtk-icon-transform: rotate(1turn); } }
|
|
.menu IdoPlaybackMenuItem.menuitem:active {
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
|
animation: playbackmenuitem_spinner 1s infinite linear;
|
|
color: #449ac2; }
|
|
|
|
/***********************
|
|
* App-Specific Styles *
|
|
***********************/
|
|
/*******************
|
|
* Archive Manager *
|
|
*******************/
|
|
FrWindow .titlebar,
|
|
FrWindow .header-bar,
|
|
FrWindow .toolbar {
|
|
background-color: #A88A67; }
|
|
FrWindow .titlebar:backdrop,
|
|
FrWindow .header-bar:backdrop,
|
|
FrWindow .toolbar:backdrop {
|
|
background-color: #8c7050; }
|
|
|
|
/*********
|
|
* Birdie *
|
|
*********/
|
|
BirdieWidgetsUnifiedWindow .titlebar,
|
|
BirdieWidgetsUnifiedWindow .header-bar {
|
|
background-image: none;
|
|
background-color: #3998E7; }
|
|
BirdieWidgetsUnifiedWindow .titlebar:backdrop,
|
|
BirdieWidgetsUnifiedWindow .header-bar:backdrop {
|
|
background-image: none;
|
|
background-color: #1a7fd3; }
|
|
BirdieWidgetsUnifiedWindow .menu-button {
|
|
padding: 0px;
|
|
padding-left: 6px;
|
|
padding-right: 6px; }
|
|
|
|
BirdieWidgetsTweetList * {
|
|
background-image: none;
|
|
background: none; }
|
|
|
|
BirdieWidgetsUserbox {
|
|
background-color: rgba(57, 152, 231, 0.2); }
|
|
|
|
BirdieWidgetsNotebook .header {
|
|
background-color: #6a7981; }
|
|
BirdieWidgetsNotebook tab:active {
|
|
box-shadow: inset 0 -3px 0 0 #3998E7; }
|
|
|
|
/*********
|
|
* Geary *
|
|
*********/
|
|
.geary-titlebar-left,
|
|
.geary-titlebar-right {
|
|
background-color: #F2B035; }
|
|
.geary-titlebar-left:backdrop,
|
|
.geary-titlebar-right:backdrop {
|
|
background-color: #e59a0f; }
|
|
.geary-titlebar-left .separator,
|
|
.geary-titlebar-right .separator {
|
|
opacity: 0; }
|
|
|
|
ConversationListView {
|
|
-GtkWidget-focus-line-width: 1px;
|
|
-GtkTreeView-grid-line-width: 0; }
|
|
ConversationListView .view:active, ConversationListView GtkIconView:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected {
|
|
background-color: #449ac2;
|
|
color: #ffffff; }
|
|
ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop {
|
|
background-color: #57a4c8;
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
ConversationListView .view .cell, ConversationListView GtkIconView .cell {
|
|
border: solid rgba(0, 0, 0, 0.2);
|
|
border-width: 0 0 1px 0; }
|
|
ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected {
|
|
color: #ffffff;
|
|
border: 0px solid #347d9f; }
|
|
|
|
/***********
|
|
* LightDm *
|
|
***********/
|
|
#panel_window {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
color: white;
|
|
font-weight: bold;
|
|
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); }
|
|
#panel_window .menubar,
|
|
#panel_window .menubar > .menuitem
|
|
menubar,
|
|
#panel_window menubar > menuitem {
|
|
background-color: transparent;
|
|
color: white;
|
|
font-weight: bold; }
|
|
#panel_window .menubar .menuitem:insensitive,
|
|
#panel_window menubar menuitem:insensitive {
|
|
color: rgba(255, 255, 255, 0.5); }
|
|
#panel_window .menubar .menuitem:insensitive GtkLabel,
|
|
#panel_window menubar menuitem:insensitive GtkLabel {
|
|
color: inherit; }
|
|
#panel_window .menubar .menuitem:insensitive label,
|
|
#panel_window menubar menuitem:insensitive label {
|
|
color: inherit; }
|
|
#panel_window .menubar .menu > .menuitem,
|
|
#panel_window menubar menu > menuitem {
|
|
/*font: normal;*/ }
|
|
|
|
#login_window,
|
|
#shutdown_dialog,
|
|
#restart_dialog {
|
|
/*font: normal;*/
|
|
border-style: none;
|
|
background-color: transparent;
|
|
color: white; }
|
|
|
|
#content_frame {
|
|
padding-bottom: 14px;
|
|
background-color: #4F585C;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 2px;
|
|
border: solid rgba(0, 0, 0, 0.1);
|
|
border-width: 1px 1px 0 1px; }
|
|
|
|
#content_frame button {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #4F585C, #434b4e);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
|
|
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
#content_frame button:hover {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
|
|
#content_frame button:active, #content_frame button:checked {
|
|
color: white;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
border-color: #373e41;
|
|
background-image: linear-gradient(to bottom, #3f4649, #4a5357);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
|
|
#content_frame button:insensitive {
|
|
border-color: #373e41;
|
|
background-image: none;
|
|
background-color: #5a656b;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
#content_frame button:insensitive GtkLabel, #content_frame button:insensitive {
|
|
color: #a7acae; }
|
|
|
|
#buttonbox_frame {
|
|
padding-top: 20px;
|
|
padding-bottom: 0px;
|
|
border-style: none;
|
|
background-color: #3B4245;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border: solid rgba(0, 0, 0, 0.1);
|
|
border-width: 0 1px 1px 1px; }
|
|
|
|
#buttonbox_frame button {
|
|
color: #e4e6e7;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(32, 37, 38, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
#buttonbox_frame button:hover {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(60, 69, 71, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
|
text-shadow: 0 1px black;
|
|
-gtk-icon-shadow: 0 1px black;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
#buttonbox_frame button:active, #buttonbox_frame button:checked {
|
|
color: white;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
outline-color: rgba(228, 230, 231, 0.3); }
|
|
#buttonbox_frame button:insensitive {
|
|
color: #828687;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
background-color: rgba(52, 56, 57, 0.5);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none; }
|
|
|
|
#login_window #user_combobox {
|
|
color: white;
|
|
font-size: 13px; }
|
|
#login_window #user_combobox .menu,
|
|
#login_window #user_combobox menu {
|
|
/*font: normal;*/ }
|
|
|
|
#user_image {
|
|
padding: 3px;
|
|
border-radius: 2px; }
|
|
|
|
#greeter_infobar {
|
|
border-bottom-width: 0;
|
|
font-weight: bold; }
|
|
|
|
/**********
|
|
* Midori *
|
|
**********/
|
|
MidoriBrowser .titlebar,
|
|
MidoriBrowser .header-bar,
|
|
MidoriBrowser .toolbar {
|
|
background-color: #7FC843; }
|
|
MidoriBrowser .titlebar:backdrop,
|
|
MidoriBrowser .header-bar:backdrop,
|
|
MidoriBrowser .toolbar:backdrop {
|
|
background-color: #66a731; }
|
|
|
|
/*********
|
|
* Vocal *
|
|
*********/
|
|
.titlebar.vocal-headerbar,
|
|
.header-bar.vocal-headerbar {
|
|
background-color: #9C69C6; }
|
|
.titlebar.vocal-headerbar:backdrop,
|
|
.header-bar.vocal-headerbar:backdrop {
|
|
background-color: #8345b7; }
|