3034 lines
118 KiB
CSS
3034 lines
118 KiB
CSS
/* GTK NAMED COLORS
|
|
----------------
|
|
use responsibly! */
|
|
/*
|
|
widget text/foreground color */
|
|
@define-color theme_fg_color #57584f;
|
|
/*
|
|
text color for entries, views and content in general */
|
|
@define-color theme_text_color #57584f;
|
|
/*
|
|
widget base background color */
|
|
@define-color theme_bg_color #1b1c16;
|
|
/*
|
|
text widgets and the like base background color */
|
|
@define-color theme_base_color #1d1e17;
|
|
/*
|
|
base background color of selections */
|
|
@define-color theme_selected_bg_color #241c2c;
|
|
/*
|
|
text/foreground color of selections */
|
|
@define-color theme_selected_fg_color #57584f;
|
|
/*
|
|
base background color of insensitive widgets */
|
|
@define-color insensitive_bg_color #191914;
|
|
/*
|
|
text foreground color of insensitive widgets */
|
|
@define-color insensitive_fg_color rgba(79, 80, 72, 0.35);
|
|
/*
|
|
insensitive text widgets and the like base background color */
|
|
@define-color insensitive_base_color rgba(79, 80, 72, 0.35);
|
|
/*
|
|
widget text/foreground color on backdrop windows */
|
|
@define-color theme_unfocused_fg_color #57584f;
|
|
/*
|
|
text color for entries, views and content in general on backdrop windows */
|
|
@define-color theme_unfocused_text_color #57584f;
|
|
/*
|
|
widget base background color on backdrop windows */
|
|
@define-color theme_unfocused_bg_color #1b1c16;
|
|
/*
|
|
text widgets and the like base background color on backdrop windows */
|
|
@define-color theme_unfocused_base_color #1d1e17;
|
|
/*
|
|
base background color of selections on backdrop windows */
|
|
@define-color theme_unfocused_selected_bg_color rgba(36, 28, 44, 0.5);
|
|
/*
|
|
text/foreground color of selections on backdrop windows */
|
|
@define-color theme_unfocused_selected_fg_color #57584f;
|
|
/*
|
|
widgets main borders color */
|
|
@define-color borders #21221c;
|
|
/*
|
|
widgets main borders color on backdrop windows */
|
|
@define-color unfocused_borders #21221c;
|
|
/*
|
|
widgets main borders color insensitive */
|
|
@define-color insensitive_borders rgba(30, 31, 25, 0.35);
|
|
/*
|
|
these are pretty self explicative */
|
|
@define-color warning_color #fc961f;
|
|
@define-color error_color #f82570;
|
|
@define-color success_color #a6e12d;
|
|
@define-color content_view_bg #1d1e17;
|
|
* {
|
|
padding: 0;
|
|
-GtkToolButton-icon-spacing: 4;
|
|
-GtkTextView-error-underline-color: #f82570;
|
|
-GtkButton-child-displacement-x: 0;
|
|
-GtkButton-child-displacement-y: 0;
|
|
-GtkCheckButton-indicator-size: 18;
|
|
-GtkCheckMenuItem-indicator-size: 18;
|
|
-GtkScrolledWindow-scrollbar-spacing: 0;
|
|
-GtkScrolledWindow-scrollbars-within-bevel: 1;
|
|
-GtkToolItemGroup-expander-size: 11;
|
|
-GtkExpander-expander-size: 16;
|
|
-GtkTreeView-expander-size: 11;
|
|
-GtkTreeView-horizontal-separator: 4;
|
|
-GtkMenu-horizontal-padding: 0;
|
|
-GtkMenu-vertical-padding: 0;
|
|
-GtkWidget-link-color: #616258;
|
|
-GtkWidget-visited-link-color: #616258;
|
|
-GtkWidget-focus-padding: 2;
|
|
-GtkWidget-focus-line-width: 1;
|
|
-GtkWidget-text-handle-width: 20;
|
|
-GtkWidget-text-handle-height: 20;
|
|
-GtkDialog-button-spacing: 4;
|
|
-GtkDialog-action-area-border: 0;
|
|
-GtkStatusbar-shadow-type: none;
|
|
outline-width: 0px; }
|
|
|
|
/***************
|
|
* Base States *
|
|
***************/
|
|
.background {
|
|
color: #57584f;
|
|
background-color: #1b1c16; }
|
|
.background:backdrop {
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
background-color: #1b1c16; }
|
|
|
|
/*
|
|
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-image-effect: dim; }
|
|
|
|
.gtkstyle-fallback {
|
|
background-color: #1b1c16;
|
|
color: #57584f; }
|
|
.gtkstyle-fallback:prelight {
|
|
background-color: #37392c;
|
|
color: #57584f; }
|
|
.gtkstyle-fallback:active {
|
|
background-color: black;
|
|
color: #57584f; }
|
|
.gtkstyle-fallback:insensitive {
|
|
background-color: #191914;
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.gtkstyle-fallback:selected {
|
|
background-color: #241c2c;
|
|
color: #57584f; }
|
|
|
|
.view {
|
|
color: #43443d;
|
|
background-color: #1d1e17; }
|
|
.view:backdrop {
|
|
color: #43443d;
|
|
background-color: #1d1e17; }
|
|
.view:selected {
|
|
border-radius: 3px; }
|
|
.view:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
.rubberband {
|
|
border: 1px solid #241c2c;
|
|
background-color: rgba(36, 28, 44, 0.2); }
|
|
.rubberband:backdrop {
|
|
border-color: #241c2c;
|
|
background-color: rgba(36, 28, 44, 0.2); }
|
|
|
|
.label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
|
|
color: #57584f; }
|
|
.label.separator:backdrop,
|
|
GtkPlacesSidebar.sidebar .view .label.separator:backdrop {
|
|
color: #57584f; }
|
|
|
|
.label:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.label:insensitive:backdrop {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle,
|
|
.header-bar .subtitle {
|
|
opacity: 0.5;
|
|
text-shadow: none; }
|
|
|
|
GtkAssistant .sidebar {
|
|
background-color: #57584f;
|
|
border-top: 1px solid #21221c; }
|
|
GtkAssistant .sidebar:dir(ltr) {
|
|
border-right: 1px solid #21221c; }
|
|
GtkAssistant .sidebar:dir(rtl) {
|
|
border-left: 1px solid #21221c; }
|
|
GtkAssistant .sidebar:backdrop {
|
|
background-color: #57584f;
|
|
border-color: #21221c; }
|
|
|
|
GtkAssistant.csd .sidebar {
|
|
border-top-style: none; }
|
|
|
|
GtkAssistant .sidebar .label {
|
|
padding: 6px 12px; }
|
|
|
|
GtkAssistant .sidebar .label.highlight {
|
|
background-color: #292a22; }
|
|
|
|
GtkTextView {
|
|
background-color: #1c1d17; }
|
|
GtkTextView:backdrop {
|
|
background-color: #1c1d17; }
|
|
GtkTextView:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
.grid-child {
|
|
padding: 3px;
|
|
border-radius: 3px; }
|
|
|
|
.app-notification,
|
|
.app-notification.frame, .popover.osd, .osd {
|
|
color: #57584f;
|
|
border: 1px solid #1b1c16;
|
|
background-color: rgba(27, 28, 22, 0.8);
|
|
background-clip: padding-box;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop {
|
|
color: #57584f;
|
|
background-color: rgba(27, 28, 22, 0.8); }
|
|
|
|
.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected,
|
|
.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected {
|
|
background-color: #241c2c;
|
|
color: #57584f; }
|
|
.view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected {
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
color: #1d1e17; }
|
|
|
|
/***********
|
|
* Buttons *
|
|
***********/
|
|
@keyframes needs_attention {
|
|
from {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#241c2c), to(transparent)); }
|
|
to {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)); } }
|
|
|
|
.button, .button.osd, .osd .button {
|
|
border: 1px solid;
|
|
border-radius: 3px;
|
|
padding: 6px;
|
|
background-clip: border-box;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.flat.button {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
transition: none; }
|
|
.flat.button:hover {
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
transition-duration: 500ms; }
|
|
.flat.button:hover:active {
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
.flat.button:checked {
|
|
background-color: #21221c; }
|
|
.button:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
-gtk-image-effect: highlight; }
|
|
.button:active, .button:checked {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928);
|
|
transition-duration: 50ms; }
|
|
.button:active:hover, .button:checked:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.button:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720);
|
|
-gtk-image-effect: none; }
|
|
.button:backdrop:active, .button:backdrop:checked {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.button:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label {
|
|
color: inherit; }
|
|
.button:backdrop:insensitive:active, .button:backdrop:insensitive:checked {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label {
|
|
color: inherit; }
|
|
.flat.button:backdrop {
|
|
-gtk-image-effect: none;
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f; }
|
|
.flat.button:insensitive {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.flat.button:backdrop:insensitive {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.button:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.button:insensitive > .label, .osd .button:insensitive > .label {
|
|
color: inherit; }
|
|
.button:insensitive:active, .button:insensitive:checked {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label {
|
|
color: inherit; }
|
|
|
|
.button.suggested-action,
|
|
.button.suggested-action.osd .button {
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #241c2c, #231b2b); }
|
|
.button.suggested-action.flat,
|
|
.button.suggested-action.osd .button.flat {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #241c2c; }
|
|
.button.suggested-action:hover,
|
|
.button.suggested-action.osd .button:hover {
|
|
color: white;
|
|
border-color: #241c2c; }
|
|
.button.suggested-action:active, .button.suggested-action:checked,
|
|
.button.suggested-action.osd .button:active,
|
|
.button.suggested-action.osd .button:checked {
|
|
color: white;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.button.suggested-action:backdrop, .button.suggested-action.flat:backdrop,
|
|
.button.suggested-action.osd .button:backdrop,
|
|
.button.suggested-action.osd .button.flat:backdrop {
|
|
color: white;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #241c2c, #231b2b); }
|
|
.button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked,
|
|
.button.suggested-action.osd .button:backdrop:active,
|
|
.button.suggested-action.osd .button:backdrop:checked,
|
|
.button.suggested-action.osd .button.flat:backdrop:active,
|
|
.button.suggested-action.osd .button.flat:backdrop:checked {
|
|
color: white;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive,
|
|
.button.suggested-action.osd .button:backdrop:insensitive,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label,
|
|
.button.suggested-action.osd .button:backdrop:insensitive > .label,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive > .label {
|
|
color: inherit; }
|
|
.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,
|
|
.button.suggested-action.osd .button:backdrop:insensitive:active,
|
|
.button.suggested-action.osd .button:backdrop:insensitive:checked,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive:active,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive:checked {
|
|
color: rgba(232, 232, 232, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label,
|
|
.button.suggested-action.osd .button:backdrop:insensitive:active > .label,
|
|
.button.suggested-action.osd .button:backdrop:insensitive:checked > .label,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label {
|
|
color: inherit; }
|
|
.button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive,
|
|
.button.suggested-action.osd .button.flat:backdrop,
|
|
.button.suggested-action.osd .button.flat:insensitive,
|
|
.button.suggested-action.osd .button.flat:backdrop:insensitive {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: rgba(36, 28, 44, 0.8); }
|
|
.button.suggested-action:insensitive,
|
|
.button.suggested-action.osd .button:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.button.suggested-action:insensitive > .label,
|
|
.button.suggested-action.osd .button:insensitive > .label {
|
|
color: inherit; }
|
|
.button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked,
|
|
.button.suggested-action.osd .button:insensitive:active,
|
|
.button.suggested-action.osd .button:insensitive:checked {
|
|
color: rgba(232, 232, 232, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label,
|
|
.button.suggested-action.osd .button:insensitive:active > .label,
|
|
.button.suggested-action.osd .button:insensitive:checked > .label {
|
|
color: inherit; }
|
|
|
|
.button.destructive-action,
|
|
.button.destructive-action.osd .button {
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #f82570;
|
|
background-image: linear-gradient(to bottom, #f82872, #f81d6b); }
|
|
.button.destructive-action.flat,
|
|
.button.destructive-action.osd .button.flat {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #f82570; }
|
|
.button.destructive-action:hover,
|
|
.button.destructive-action.osd .button:hover {
|
|
color: white;
|
|
border-color: #f82570; }
|
|
.button.destructive-action:active, .button.destructive-action:checked,
|
|
.button.destructive-action.osd .button:active,
|
|
.button.destructive-action.osd .button:checked {
|
|
color: white;
|
|
border-color: #f82570;
|
|
background-image: linear-gradient(to bottom, #f82d75, #f70c60); }
|
|
.button.destructive-action:backdrop, .button.destructive-action.flat:backdrop,
|
|
.button.destructive-action.osd .button:backdrop,
|
|
.button.destructive-action.osd .button.flat:backdrop {
|
|
color: white;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #f82872, #f81d6b); }
|
|
.button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked,
|
|
.button.destructive-action.osd .button:backdrop:active,
|
|
.button.destructive-action.osd .button:backdrop:checked,
|
|
.button.destructive-action.osd .button.flat:backdrop:active,
|
|
.button.destructive-action.osd .button.flat:backdrop:checked {
|
|
color: white;
|
|
border-color: #f82570;
|
|
background-image: linear-gradient(to bottom, #f82d75, #f70c60); }
|
|
.button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive,
|
|
.button.destructive-action.osd .button:backdrop:insensitive,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label,
|
|
.button.destructive-action.osd .button:backdrop:insensitive > .label,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive > .label {
|
|
color: inherit; }
|
|
.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,
|
|
.button.destructive-action.osd .button:backdrop:insensitive:active,
|
|
.button.destructive-action.osd .button:backdrop:insensitive:checked,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive:active,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive:checked {
|
|
color: rgba(232, 232, 232, 0.35);
|
|
border-color: rgba(247, 12, 96, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); }
|
|
.button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label,
|
|
.button.destructive-action.osd .button:backdrop:insensitive:active > .label,
|
|
.button.destructive-action.osd .button:backdrop:insensitive:checked > .label,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label {
|
|
color: inherit; }
|
|
.button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive,
|
|
.button.destructive-action.osd .button.flat:backdrop,
|
|
.button.destructive-action.osd .button.flat:insensitive,
|
|
.button.destructive-action.osd .button.flat:backdrop:insensitive {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: rgba(248, 37, 112, 0.8); }
|
|
.button.destructive-action:insensitive,
|
|
.button.destructive-action.osd .button:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.button.destructive-action:insensitive > .label,
|
|
.button.destructive-action.osd .button:insensitive > .label {
|
|
color: inherit; }
|
|
.button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked,
|
|
.button.destructive-action.osd .button:insensitive:active,
|
|
.button.destructive-action.osd .button:insensitive:checked {
|
|
color: rgba(232, 232, 232, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(247, 19, 100, 0.35), rgba(228, 7, 86, 0.35)); }
|
|
.button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label,
|
|
.button.destructive-action.osd .button:insensitive:active > .label,
|
|
.button.destructive-action.osd .button:insensitive:checked > .label {
|
|
color: inherit; }
|
|
|
|
.button.image-button {
|
|
padding: 6px; }
|
|
|
|
.button.text-button {
|
|
padding: 6px; }
|
|
|
|
.button.text-button.image-button {
|
|
padding: 6px; }
|
|
.button.text-button.image-button .label:first-child {
|
|
padding-left: 8px; }
|
|
.button.text-button.image-button .label:last-child {
|
|
padding-right: 8px; }
|
|
|
|
.stack-switcher > .button > .label {
|
|
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: 6px; }
|
|
|
|
.stack-switcher > .button.image-button {
|
|
padding: 3px 0px; }
|
|
|
|
.stack-switcher > .button.needs-attention:active > .label,
|
|
.stack-switcher > .button.needs-attention:active > GtkImage,
|
|
.stack-switcher > .button.needs-attention:checked > .label,
|
|
.stack-switcher > .button.needs-attention:checked > GtkImage {
|
|
animation: none;
|
|
background-image: none; }
|
|
|
|
.inline-toolbar .button, .inline-toolbar .button:backdrop {
|
|
border-radius: 3px;
|
|
border-width: 1px; }
|
|
|
|
.primary-toolbar .button {
|
|
icon-shadow: none; }
|
|
|
|
/**************
|
|
* ComboBoxes *
|
|
**************/
|
|
GtkComboBox {
|
|
-GtkComboBox-arrow-scaling: 0.5;
|
|
-GtkComboBox-shadow-type: none; }
|
|
GtkComboBox > .button {
|
|
padding: 5px 4px; }
|
|
GtkComboBox:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
GtkComboBox:backdrop {
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
GtkComboBox:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkComboBox .menuitem {
|
|
text-shadow: none; }
|
|
GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator {
|
|
-GtkWidget-wide-separators: true; }
|
|
|
|
.stack-switcher > .button.needs-attention > .label,
|
|
.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
|
|
animation: needs_attention 150ms ease-in;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#241c2c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#57584f), to(transparent));
|
|
background-size: 6px 6px, 6px 6px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 3px, right 4px; }
|
|
.stack-switcher > .button.needs-attention > .label:backdrop,
|
|
.stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop {
|
|
background-size: 6px 6px, 0 0; }
|
|
.stack-switcher > .button.needs-attention > .label:dir(rtl),
|
|
.stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
|
|
background-position: left 3px, left 4px; }
|
|
|
|
.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button,
|
|
.linked > .button:hover,
|
|
.linked > .button:active,
|
|
.linked > .button:checked,
|
|
.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop {
|
|
border-radius: 3px; }
|
|
.inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl),
|
|
.linked > .button:dir(rtl):hover,
|
|
.linked > .button:dir(rtl):active,
|
|
.linked > .button:dir(rtl):checked,
|
|
.linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop {
|
|
border-radius: 3px; }
|
|
|
|
.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child {
|
|
border-radius: 3px; }
|
|
|
|
.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button: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 {
|
|
border-style: solid;
|
|
border-radius: 3px; }
|
|
|
|
.linked.vertical > .button:first-child {
|
|
border-radius: 3px; }
|
|
|
|
.linked.vertical > .button:last-child {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
.linked.vertical > .button:only-child {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
.app-notification .button.flat,
|
|
.app-notification.frame .button.flat, .app-notification .button.flat:hover,
|
|
.app-notification.frame .button.flat:hover, .app-notification .button.flat:active,
|
|
.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive,
|
|
.app-notification.frame .button.flat:backdrop,
|
|
.app-notification.frame .button.flat:insensitive,
|
|
.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive,
|
|
.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button,
|
|
.list-row.button:backdrop,
|
|
.list-row.button:backdrop:active,
|
|
.list-row.button:backdrop:checked,
|
|
.list-row.button:backdrop:insensitive,
|
|
.list-row.button:backdrop:insensitive:active,
|
|
.list-row.button:backdrop:insensitive:checked,
|
|
.list-row.button:insensitive:active,
|
|
.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button,
|
|
.scale-popup .button.flat, .scale-popup .button:hover,
|
|
.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton,
|
|
.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover,
|
|
.titlebar .button.titlebutton:hover,
|
|
.titlebar .button.titlebutton:active,
|
|
.titlebar .button.titlebutton:checked,
|
|
.titlebar .button.titlebutton:backdrop,
|
|
.titlebar .button.titlebutton:active:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
|
|
/****************
|
|
* Text Entries *
|
|
****************/
|
|
.entry {
|
|
border: 1px solid;
|
|
padding: 5px 8px 5px;
|
|
border-radius: 3px;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-color: #1d1e17;
|
|
box-shadow: none; }
|
|
.entry.image.left {
|
|
padding-left: 0; }
|
|
.entry.image.right {
|
|
padding-right: 0; }
|
|
.entry.flat, .entry.flat:focus {
|
|
padding: 2px;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-color: #1d1e17;
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 0; }
|
|
.entry:focus {
|
|
border-color: #323529; }
|
|
.entry:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-color: rgba(26, 27, 21, 0.35); }
|
|
.entry:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-color: #1d1e17; }
|
|
.entry:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-color: rgba(26, 27, 21, 0.35); }
|
|
.entry.progressbar {
|
|
margin: 1px;
|
|
border-radius: 0;
|
|
border-width: 0 0 2px;
|
|
border-color: #241c2c;
|
|
border-style: solid;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
box-shadow: none; }
|
|
.entry.progressbar:backdrop {
|
|
background-color: transparent;
|
|
border-color: rgba(36, 28, 44, 0.5); }
|
|
.entry.error {
|
|
color: #f82570;
|
|
border-color: #f82570;
|
|
background-color: rgba(248, 37, 112, 0.5); }
|
|
.entry.error:focus {
|
|
border-color: #f82570;
|
|
background-color: rgba(248, 37, 112, 0.5); }
|
|
.entry.error:selected, .entry.error:selected:focus {
|
|
background-color: #f82570; }
|
|
.entry.error:backdrop {
|
|
color: #f82570;
|
|
border-color: #f82570;
|
|
background-color: rgba(248, 37, 112, 0.5); }
|
|
.entry.warning {
|
|
color: #fc961f;
|
|
border-color: #fc961f;
|
|
background-color: rgba(252, 150, 31, 0.5); }
|
|
.entry.warning:focus {
|
|
border-color: #fc961f;
|
|
background-color: rgba(252, 150, 31, 0.5); }
|
|
.entry.warning:selected, .entry.warning:selected:focus {
|
|
background-color: #fc961f; }
|
|
.entry.warning:backdrop {
|
|
color: #fc961f;
|
|
border-color: #fc961f;
|
|
background-color: rgba(252, 150, 31, 0.5); }
|
|
.entry.image {
|
|
color: #57584f; }
|
|
.entry.image:hover {
|
|
color: #241c2c; }
|
|
.entry.image:active {
|
|
color: #241c2c; }
|
|
.entry.image:backdrop {
|
|
color: #57584f; }
|
|
|
|
/*********************
|
|
* App Notifications *
|
|
*********************/
|
|
.app-notification,
|
|
.app-notification.frame {
|
|
padding: 10px;
|
|
border-top-width: 0px;
|
|
border-radius: 0px 0px 3px 3px; }
|
|
.app-notification:backdrop,
|
|
.app-notification.frame:backdrop {
|
|
background-image: none; }
|
|
.app-notification .button,
|
|
.app-notification.frame .button {
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.app-notification .button.flat,
|
|
.app-notification.frame .button.flat {
|
|
icon-shadow: none;
|
|
text-shadow: none; }
|
|
.app-notification .button.flat:hover,
|
|
.app-notification.frame .button.flat:hover {
|
|
color: #241c2c; }
|
|
.app-notification .button.flat:active,
|
|
.app-notification.frame .button.flat:active {
|
|
color: #241c2c; }
|
|
.app-notification .button:hover,
|
|
.app-notification.frame .button:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c; }
|
|
.app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked,
|
|
.app-notification.frame .button:active,
|
|
.app-notification.frame .button:checked,
|
|
.app-notification.frame .button:backdrop:active,
|
|
.app-notification.frame .button:backdrop:checked {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.app-notification .button:insensitive, .app-notification .button:backdrop:insensitive,
|
|
.app-notification.frame .button:insensitive,
|
|
.app-notification.frame .button:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label,
|
|
.app-notification.frame .button:insensitive > .label,
|
|
.app-notification.frame .button:backdrop:insensitive > .label {
|
|
color: inherit; }
|
|
.app-notification .button:backdrop,
|
|
.app-notification.frame .button:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
|
|
/************
|
|
* Calendar *
|
|
***********/
|
|
GtkCalendar {
|
|
color: #57584f;
|
|
border: 1px solid #21221c;
|
|
background-color: #1d1e17; }
|
|
GtkCalendar:selected {
|
|
background-color: #21221c; }
|
|
GtkCalendar:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkCalendar.header {
|
|
border: 1px solid #21221c;
|
|
border-radius: 0;
|
|
color: #57584f; }
|
|
GtkCalendar.header:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c; }
|
|
GtkCalendar.header:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkCalendar.button {
|
|
color: #57584f; }
|
|
GtkCalendar.button:hover {
|
|
color: #241c2c; }
|
|
GtkCalendar.button:active {
|
|
color: #241c2c; }
|
|
GtkCalendar.button:backdrop {
|
|
color: #57584f; }
|
|
GtkCalendar:inconsistent, GtkCalendar.highlight {
|
|
color: rgba(87, 88, 79, 0.5); }
|
|
GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop {
|
|
color: rgba(87, 88, 79, 0.5); }
|
|
GtkCalendar:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-color: #1d1e17; }
|
|
|
|
/*************************
|
|
* Check and Radio items *
|
|
*************************/
|
|
.check {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:backdrop:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:inconsistent {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:inconsistent:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:inconsistent:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:inconsistent:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:inconsistent:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:inconsistent:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:checked {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:checked:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:checked:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:checked:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:backdrop:checked {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.check:backdrop:checked:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.menu .menuitem.check:hover,
|
|
.popover .button.flat.check:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); }
|
|
|
|
.menu .menuitem.check:active:hover,
|
|
.popover .button.flat.check:active:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); }
|
|
|
|
.menu .menuitem.check:checked:hover,
|
|
.popover .button.flat.check:checked:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); }
|
|
|
|
.menu .menuitem.check:inconsistent:hover,
|
|
.popover .button.flat.check:inconsistent:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); }
|
|
|
|
.radio {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:backdrop:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:inconsistent {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:inconsistent:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:inconsistent:selected {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:inconsistent:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:inconsistent:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:inconsistent:insensitive:backdrop {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:checked {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:checked:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:checked:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:checked:active {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:backdrop:checked {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.radio:backdrop:checked:insensitive {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png"));
|
|
icon-shadow: none; }
|
|
|
|
.menu .menuitem.radio:hover,
|
|
.popover .button.flat.radio:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); }
|
|
|
|
.menu .menuitem.radio:active:hover,
|
|
.popover .button.flat.radio:active:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); }
|
|
|
|
.menu .menuitem.radio:checked:hover,
|
|
.popover .button.flat.radio:checked:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); }
|
|
|
|
.menu .menuitem.radio:inconsistent:hover,
|
|
.popover .button.flat.radio:inconsistent:hover {
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); }
|
|
|
|
.view.check, .view.radio,
|
|
.list-row .check, list-row .radio {
|
|
icon-shadow: none; }
|
|
.view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover,
|
|
.list-row .check:selected,
|
|
.list-row .check:hover, list-row .radio:selected, list-row .radio:hover {
|
|
icon-shadow: none; }
|
|
|
|
.view.content-view.check {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:hover {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:active {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:backdrop {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:checked {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:checked:hover {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:checked:active {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png"));
|
|
background-color: transparent; }
|
|
|
|
.view.content-view.check:backdrop:checked {
|
|
icon-shadow: none;
|
|
-gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png"));
|
|
background-color: transparent; }
|
|
|
|
GtkCheckButton.text-button, GtkRadioButton.text-button {
|
|
padding: 1px 2px 4px;
|
|
outline-offset: 0; }
|
|
GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
/*****************
|
|
* Color Chooser *
|
|
*****************/
|
|
:selected GtkColorSwatch {
|
|
box-shadow: none; }
|
|
:selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
|
|
border-color: #57584f; }
|
|
|
|
GtkColorSwatch:selected {
|
|
box-shadow: none; }
|
|
|
|
GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay),
|
|
GtkColorSwatch.top > .overlay,
|
|
GtkColorSwatch.bottom > .overlay,
|
|
GtkColorSwatch:first-child:not(.top) > .overlay,
|
|
GtkColorSwatch:last-child:not(.bottom) > .overlay,
|
|
GtkColorSwatch:only-child > .overlay {
|
|
border-radius: 3px; }
|
|
|
|
GtkColorSwatch:hover, GtkColorSwatch:hover:selected {
|
|
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
|
|
GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark {
|
|
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
|
|
|
|
GtkColorSwatch:backdrop,
|
|
GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected {
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
|
|
GtkColorEditor GtkColorSwatch {
|
|
border-radius: 3px; }
|
|
GtkColorEditor GtkColorSwatch:hover {
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
GtkColorEditor GtkColorSwatch:backdrop {
|
|
box-shadow: none; }
|
|
|
|
GtkColorSwatch.color-dark {
|
|
color: white;
|
|
outline-color: rgba(0, 0, 0, 0.3); }
|
|
GtkColorSwatch.color-dark:backdrop {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
|
|
GtkColorSwatch.color-light {
|
|
color: black;
|
|
outline-color: rgba(255, 255, 255, 0.5); }
|
|
GtkColorSwatch.color-light:backdrop {
|
|
color: rgba(0, 0, 0, 0.3); }
|
|
|
|
GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected {
|
|
border: 1px solid #21221c; }
|
|
GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover {
|
|
border-color: #241c2c; }
|
|
|
|
GtkColorSwatch#add-color-button {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
GtkColorSwatch#add-color-button:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c; }
|
|
GtkColorSwatch#add-color-button:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
GtkColorSwatch#add-color-button .overlay {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
|
|
GtkColorButton.button {
|
|
padding: 5px; }
|
|
GtkColorButton.button GtkColorSwatch:first-child:last-child {
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop {
|
|
box-shadow: none; }
|
|
|
|
/***********
|
|
* Dialogs *
|
|
***********/
|
|
.message-dialog {
|
|
-GtkDialog-button-spacing: 8;
|
|
-GtkDialog-action-area-border: 8; }
|
|
.message-dialog.background {
|
|
background-color: #1b1c16; }
|
|
.message-dialog:backdrop {
|
|
background-color: #1b1c16; }
|
|
.message-dialog .titlebar {
|
|
box-shadow: none; }
|
|
|
|
GtkFileChooserDialog .search-bar {
|
|
background-color: #1b1c16;
|
|
border-color: #1b1c16;
|
|
box-shadow: none; }
|
|
GtkFileChooserDialog .search-bar:backdrop {
|
|
background-color: #1b1c16;
|
|
border-color: #1b1c16;
|
|
color: #57584f; }
|
|
|
|
GtkFileChooserDialog .dialog-action-box {
|
|
border-top: 1px solid #21221c; }
|
|
GtkFileChooserDialog .dialog-action-box:backdrop {
|
|
border-top-color: #21221c; }
|
|
|
|
/***************
|
|
* Header bars *
|
|
***************/
|
|
.titlebar,
|
|
.header-bar {
|
|
transition: none;
|
|
padding: 4px 6px;
|
|
border-width: 0px 0px 1px 0px;
|
|
border-radius: 3px 3px 0px 0px;
|
|
border-style: solid;
|
|
border-color: #21221c;
|
|
color: #43443d;
|
|
background-image: linear-gradient(to bottom, #1b1c16, #161613); }
|
|
.titlebar:backdrop,
|
|
.header-bar:backdrop {
|
|
border-color: transparent;
|
|
background-image: none;
|
|
background-color: #161613;
|
|
color: #3b3c36;
|
|
box-shadow: none; }
|
|
.titlebar .path-bar .button,
|
|
.header-bar .path-bar .button {
|
|
color: #43443d; }
|
|
.titlebar .button,
|
|
.header-bar .button {
|
|
transition: none;
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #43443d;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.titlebar .button.flat,
|
|
.header-bar .button.flat {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #43443d;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.titlebar .button:hover,
|
|
.header-bar .button:hover {
|
|
color: #43443d;
|
|
border-color: #241c2c; }
|
|
.titlebar .button:hover:backdrop,
|
|
.header-bar .button:hover:backdrop {
|
|
border-color: #161613; }
|
|
.titlebar .button:active, .titlebar .button:checked,
|
|
.header-bar .button:active,
|
|
.header-bar .button:checked {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.titlebar .button:active:hover, .titlebar .button:checked:hover,
|
|
.header-bar .button:active:hover,
|
|
.header-bar .button:checked:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.titlebar .button:active:backdrop, .titlebar .button:checked:backdrop,
|
|
.header-bar .button:active:backdrop,
|
|
.header-bar .button:checked:backdrop {
|
|
background-image: none;
|
|
background-color: #161613;
|
|
border-color: #161613;
|
|
color: #3b3c36; }
|
|
.titlebar .button:backdrop,
|
|
.header-bar .button:backdrop {
|
|
background-color: #161613;
|
|
color: #3b3c36; }
|
|
.titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop,
|
|
.header-bar .button.flat:backdrop,
|
|
.header-bar .button.flat:backdrop:insensitive,
|
|
.header-bar .button:insensitive:backdrop {
|
|
background-image: none;
|
|
background-color: #161613;
|
|
color: #3b3c36;
|
|
border-color: transparent; }
|
|
.titlebar .button.flat:insensitive,
|
|
.header-bar .button.flat:insensitive {
|
|
color: rgba(61, 62, 55, 0.35); }
|
|
.titlebar .button:insensitive,
|
|
.header-bar .button:insensitive {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(61, 62, 55, 0.35); }
|
|
.titlebar .button:insensitive:active, .titlebar .button:insensitive:checked,
|
|
.header-bar .button:insensitive:active,
|
|
.header-bar .button:insensitive:checked {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label,
|
|
.header-bar .button:insensitive:active > .label,
|
|
.header-bar .button:insensitive:checked > .label {
|
|
color: inherit; }
|
|
.titlebar .title,
|
|
.header-bar .title {
|
|
font-weight: normal;
|
|
padding: 0px 12px; }
|
|
.titlebar .subtitle,
|
|
.header-bar .subtitle {
|
|
font-size: smaller;
|
|
padding: 0 12px; }
|
|
.titlebar .header-bar-separator,
|
|
.titlebar > GtkBox > .separator.vertical,
|
|
GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator,
|
|
.header-bar .header-bar-separator,
|
|
.header-bar > GtkBox > .separator.vertical,
|
|
GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator {
|
|
-GtkWidget-wide-separators: true;
|
|
-GtkWidget-separator-width: 1px;
|
|
border-width: 0px;
|
|
background-color: #161613;
|
|
border-color: #161613; }
|
|
.titlebar .header-bar-separator:backdrop,
|
|
.titlebar > GtkBox > .separator.vertical:backdrop,
|
|
GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
|
|
.header-bar .header-bar-separator:backdrop,
|
|
.header-bar > GtkBox > .separator.vertical:backdrop,
|
|
GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
|
|
background-color: #161613;
|
|
border-color: #161613; }
|
|
.titlebar.selection-mode .selection-menu,
|
|
.header-bar.selection-mode .selection-menu {
|
|
padding-left: 10px;
|
|
padding-right: 10px; }
|
|
.titlebar.selection-mode .selection-menu GtkArrow,
|
|
.header-bar.selection-mode .selection-menu GtkArrow {
|
|
-GtkArrow-arrow-scaling: 1; }
|
|
.titlebar.selection-mode .selection-menu .arrow,
|
|
.header-bar.selection-mode .selection-menu .arrow {
|
|
-gtk-icon-source: -gtk-icontheme("arrow-down");
|
|
icon-shadow: none; }
|
|
.tiled .titlebar, .maximized .titlebar, .tiled
|
|
.header-bar, .maximized
|
|
.header-bar {
|
|
border-radius: 0; }
|
|
.titlebar.default-decoration,
|
|
.header-bar.default-decoration {
|
|
padding: 4px; }
|
|
.titlebar.default-decoration .button,
|
|
.header-bar.default-decoration .button {
|
|
padding: 5px; }
|
|
|
|
.titlebar .button.suggested-action,
|
|
.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action,
|
|
.header-bar.selection-mode.suggested-action {
|
|
background-image: none;
|
|
background-color: #241c2c; }
|
|
.titlebar .button.suggested-action:hover,
|
|
.header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover,
|
|
.header-bar.selection-mode.suggested-action:hover {
|
|
background-color: #241c2c;
|
|
color: #57584f; }
|
|
.titlebar .button.suggested-action:insensitive,
|
|
.header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive,
|
|
.header-bar.selection-mode.suggested-action:insensitive {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: rgba(61, 62, 55, 0.35); }
|
|
.titlebar .button.suggested-action:insensitive:active,
|
|
.header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active,
|
|
.header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked,
|
|
.header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked,
|
|
.header-bar.selection-mode.suggested-action:insensitive:checked {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label {
|
|
color: inherit; }
|
|
.titlebar .button.suggested-action:backdrop,
|
|
.header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop,
|
|
.header-bar.selection-mode.suggested-action:backdrop {
|
|
background-color: #161613;
|
|
border-color: transparent;
|
|
color: #3b3c36; }
|
|
.titlebar .button.suggested-action:backdrop:insensitive,
|
|
.header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive,
|
|
.header-bar.selection-mode.suggested-action:backdrop:insensitive {
|
|
color: rgba(54, 55, 49, 0.35); }
|
|
|
|
/**************
|
|
* GtkInfoBar *
|
|
**************/
|
|
GtkInfoBar {
|
|
border-style: none;
|
|
border-bottom: 1px solid #21221c;
|
|
background-color: #1b1c16;
|
|
background-image: none; }
|
|
GtkInfoBar:backdrop {
|
|
border-bottom: 1px solid #21221c; }
|
|
|
|
.info, .titlebar.selection-mode,
|
|
.header-bar.selection-mode,
|
|
.question,
|
|
.warning,
|
|
.error {
|
|
background-color: #1b1c16;
|
|
background-image: none;
|
|
color: #fc961f;
|
|
text-shadow: none; }
|
|
.info:backdrop, .titlebar.selection-mode:backdrop,
|
|
.header-bar.selection-mode:backdrop,
|
|
.question:backdrop,
|
|
.warning:backdrop,
|
|
.error:backdrop {
|
|
background-color: #1b1c16;
|
|
color: #fc961f; }
|
|
.info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button,
|
|
.question .button,
|
|
.warning .button,
|
|
.error .button {
|
|
box-shadow: none;
|
|
background-image: none;
|
|
background-color: rgba(252, 150, 31, 0.5);
|
|
border-color: rgba(252, 150, 31, 0.5);
|
|
color: #57584f; }
|
|
.info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover,
|
|
.question .button:hover,
|
|
.warning .button:hover,
|
|
.error .button:hover {
|
|
background-color: rgba(252, 150, 31, 0.25);
|
|
border-color: #fc961f; }
|
|
.info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked,
|
|
.question .button:active,
|
|
.question .button:checked,
|
|
.warning .button:active,
|
|
.warning .button:checked,
|
|
.error .button:active,
|
|
.error .button:checked {
|
|
background-image: linear-gradient(to bottom, #fc9722, #fc9217);
|
|
color: #1b1c16;
|
|
border-color: #fc961f; }
|
|
.info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive,
|
|
.question .button:insensitive,
|
|
.warning .button:insensitive,
|
|
.error .button:insensitive {
|
|
background-color: rgba(252, 138, 6, 0);
|
|
border-color: rgba(252, 138, 6, 0);
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop,
|
|
.question .button:backdrop,
|
|
.warning .button:backdrop,
|
|
.error .button:backdrop {
|
|
background-color: rgba(252, 150, 31, 0.5);
|
|
border-color: rgba(252, 150, 31, 0.5);
|
|
color: #57584f; }
|
|
.info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked,
|
|
.question .button:backdrop:active,
|
|
.question .button:backdrop:checked,
|
|
.warning .button:backdrop:active,
|
|
.warning .button:backdrop:checked,
|
|
.error .button:backdrop:active,
|
|
.error .button:backdrop:checked {
|
|
background-image: linear-gradient(to bottom, #fc9722, #fc9217);
|
|
color: #1b1c16;
|
|
border-color: #fc961f; }
|
|
.info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive,
|
|
.question .button:backdrop:insensitive,
|
|
.warning .button:backdrop:insensitive,
|
|
.error .button:backdrop:insensitive {
|
|
background-color: rgba(252, 138, 6, 0);
|
|
border-color: rgba(252, 138, 6, 0);
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked,
|
|
.question .button:backdrop:insensitive:active,
|
|
.question .button:backdrop:insensitive:checked,
|
|
.warning .button:backdrop:insensitive:active,
|
|
.warning .button:backdrop:insensitive:checked,
|
|
.error .button:backdrop:insensitive:active,
|
|
.error .button:backdrop:insensitive:checked {
|
|
background-image: linear-gradient(to bottom, rgba(252, 139, 8, 0.35), rgba(246, 134, 3, 0.35));
|
|
color: #191914;
|
|
border-color: rgba(252, 138, 6, 0.35); }
|
|
|
|
/*********
|
|
* Links *
|
|
*********/
|
|
*:link, .button:link, .button:visited {
|
|
color: #616258; }
|
|
*:link:visited, .button:visited {
|
|
color: #616258; }
|
|
*:selected *:link:visited, *:selected .button:visited {
|
|
color: #434041; }
|
|
*:link:hover, .button:hover:link, .button:hover:visited {
|
|
color: #7c7d70; }
|
|
*:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited {
|
|
color: #52524c; }
|
|
*:link:active, .button:active:link, .button:active:visited {
|
|
color: #616258; }
|
|
*:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited {
|
|
color: #4d4c48; }
|
|
*:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link,
|
|
.header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited {
|
|
color: rgba(36, 28, 44, 0.5); }
|
|
*:link:selected, .titlebar.selection-mode .subtitle:link,
|
|
.header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited {
|
|
color: #4d4c48; }
|
|
|
|
.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; }
|
|
|
|
/*********
|
|
* Lists *
|
|
*********/
|
|
.list, .list-row {
|
|
background-color: #1b1c16;
|
|
color: #57584f;
|
|
border-width: 0px; }
|
|
.list:backdrop, .list-row:backdrop {
|
|
background-color: #1b1c16;
|
|
color: #57584f; }
|
|
|
|
.list-row,
|
|
.grid-child {
|
|
padding: 0px 2px;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-color: #1b1c16; }
|
|
|
|
.list-row.button,
|
|
.list-row.button:backdrop,
|
|
.list-row.button:backdrop:active,
|
|
.list-row.button:backdrop:checked,
|
|
.list-row.button:backdrop:insensitive,
|
|
.list-row.button:backdrop:insensitive:active,
|
|
.list-row.button:backdrop:insensitive:checked,
|
|
.list-row.button:insensitive:active,
|
|
.list-row.button:insensitive:checked {
|
|
background-color: rgba(29, 30, 23, 0);
|
|
border-style: none;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
|
|
.list-row.button {
|
|
background-color: #1b1c16; }
|
|
.list-row.button:hover {
|
|
background-color: rgba(36, 28, 44, 0.25); }
|
|
.list-row.button:active {
|
|
background-color: #241c2c;
|
|
box-shadow: none; }
|
|
.list-row.button:selected {
|
|
background-color: #241c2c; }
|
|
.list-row.button:selected:active {
|
|
box-shadow: none; }
|
|
.list-row.button:selected:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.list-row.button:selected:backdrop {
|
|
background-color: rgba(36, 28, 44, 0.5); }
|
|
.list-row.button:backdrop {
|
|
background-color: #1b1c16; }
|
|
|
|
.list-row:selected .button {
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.list-row:selected .button.flat {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.list-row:selected .button:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c; }
|
|
.list-row:selected .button:active, .list-row:selected .button:checked {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label {
|
|
color: inherit; }
|
|
.list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label {
|
|
color: inherit; }
|
|
.list-row:selected .button.flat:backdrop {
|
|
background-color: #1b1c16;
|
|
color: #57584f;
|
|
border-color: transparent; }
|
|
.list-row:selected .button:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.list-row:selected .button:insensitive > .label {
|
|
color: inherit; }
|
|
.list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(33, 25, 40, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(34, 26, 41, 0.35), rgba(30, 23, 36, 0.35)); }
|
|
.list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label {
|
|
color: inherit; }
|
|
|
|
.list-row, list-row.button {
|
|
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
.list-row:hover, list-row.button:hover {
|
|
transition: none; }
|
|
|
|
/*********
|
|
* Menus *
|
|
*********/
|
|
/* menu buttons */
|
|
.menuitem.button.flat {
|
|
color: #57584f; }
|
|
.menuitem.button.flat:hover {
|
|
background-color: #241c2c; }
|
|
.menuitem.button.flat:selected {
|
|
background-color: #241c2c;
|
|
color: #57584f; }
|
|
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover {
|
|
color: #57584f; }
|
|
|
|
.menubar {
|
|
-GtkWidget-window-dragging: true;
|
|
padding: 0px;
|
|
box-shadow: none;
|
|
background-color: #1b1c16; }
|
|
.menubar:backdrop {
|
|
background-color: #1b1c16; }
|
|
.menubar > .menuitem {
|
|
padding: 6px 8px; }
|
|
.menubar > .menuitem:hover {
|
|
background-color: #241c2c;
|
|
color: #57584f; }
|
|
.menubar > .menuitem:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
box-shadow: none; }
|
|
.menubar > .menuitem:insensitive:backdrop {
|
|
background-color: #1b1c16;
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.menubar > .menuitem:backdrop {
|
|
background-color: #1b1c16;
|
|
color: #57584f; }
|
|
|
|
.menu {
|
|
padding: 0px;
|
|
background-color: #1b1c16;
|
|
border: 1px solid #21221c;
|
|
border-radius: 3px; }
|
|
.csd .menu {
|
|
border: 1px solid #21221c; }
|
|
.menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator {
|
|
color: #21221c; }
|
|
.menu .menuitem {
|
|
text-shadow: none;
|
|
padding: 4px 4px; }
|
|
.menu .menuitem:hover {
|
|
color: #57584f;
|
|
background-color: #241c2c; }
|
|
.menu .menuitem:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.menu .menuitem:insensitive:backdrop {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
|
|
color: #57584f;
|
|
background-color: #1b1c16; }
|
|
.menu .menuitem.arrow {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|
.menu .menuitem.arrow:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
|
|
.menuitem .accelerator {
|
|
color: alpha(currentColor,0.5); }
|
|
|
|
/***************
|
|
* Popovers *
|
|
***************/
|
|
.popover {
|
|
margin: 10px;
|
|
padding: 0px;
|
|
border: 1px solid #21221c;
|
|
border-radius: 3px;
|
|
background-color: #1b1c16;
|
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); }
|
|
.popover:backdrop {
|
|
box-shadow: none; }
|
|
.popover > .list,
|
|
.popover > .view,
|
|
.popover > .toolbar,
|
|
.popover > .inline-toolbar,
|
|
.popover > .search-bar,
|
|
.popover > .location-bar,
|
|
.popover.osd > .toolbar,
|
|
.popover.osd > .inline-toolbar,
|
|
.popover.osd > .search-bar,
|
|
.popover.osd > .location-bar {
|
|
border-style: none;
|
|
background-color: transparent; }
|
|
.popover .button.flat {
|
|
border-radius: 0px;
|
|
color: #57584f; }
|
|
.popover .button.flat .label {
|
|
padding: 4px 0px; }
|
|
.popover .button.flat:hover, .popover .button.flat:checked:hover {
|
|
background-image: none;
|
|
background-color: #241c2c;
|
|
color: #57584f;
|
|
transition: none; }
|
|
.popover .button.flat:backdrop {
|
|
background-color: transparent;
|
|
color: #57584f; }
|
|
|
|
.entry.cursor-handle,
|
|
.cursor-handle {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
border-style: none; }
|
|
.entry.cursor-handle.top,
|
|
.cursor-handle.top {
|
|
-gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
|
|
.entry.cursor-handle.bottom,
|
|
.cursor-handle.bottom {
|
|
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
|
|
|
|
.scale-popup .button,
|
|
.scale-popup .button.flat {
|
|
background-color: transparent;
|
|
padding: 5px;
|
|
color: #57584f; }
|
|
.scale-popup .button:hover,
|
|
.scale-popup .button.flat:hover {
|
|
color: #241c2c; }
|
|
.scale-popup .button:active,
|
|
.scale-popup .button.flat:active {
|
|
color: #241c2c; }
|
|
.scale-popup .button:insensitive,
|
|
.scale-popup .button.flat:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.scale-popup .button:backdrop,
|
|
.scale-popup .button.flat:backdrop {
|
|
color: #57584f; }
|
|
.scale-popup .button:backdrop:insensitive,
|
|
.scale-popup .button.flat:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
GtkVolumeButton.button {
|
|
padding: 5px; }
|
|
|
|
/********
|
|
* Misc *
|
|
********/
|
|
/**********
|
|
* Frames *
|
|
**********/
|
|
.frame {
|
|
border: 1px solid #21221c;
|
|
padding: 0; }
|
|
.frame.flat {
|
|
border-style: none; }
|
|
.frame.action-bar {
|
|
padding: 6px;
|
|
border-width: 1px 0 0; }
|
|
.frame.action-bar:backdrop {
|
|
border-color: #21221c; }
|
|
.frame:backdrop {
|
|
border-color: #21221c; }
|
|
|
|
GtkScrolledWindow GtkViewport.frame {
|
|
border-style: none; }
|
|
|
|
.separator, GtkPlacesSidebar.sidebar .view .separator,
|
|
GtkPlacesSidebar.sidebar .view .separator:backdrop {
|
|
color: transparent; }
|
|
.separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator {
|
|
color: #21221c; }
|
|
.separator.vertical:backdrop,
|
|
GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop {
|
|
color: #21221c; }
|
|
GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator,
|
|
GtkFontButton .separator.vertical,
|
|
GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator,
|
|
GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator {
|
|
-GtkWidget-wide-separators: true; }
|
|
|
|
/*************
|
|
* Expanders *
|
|
*************/
|
|
.expander {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|
.expander:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
.expander:hover {
|
|
color: #a4a59b; }
|
|
.expander:checked {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
|
|
/*********
|
|
* Paned *
|
|
*********/
|
|
GtkPaned {
|
|
-GtkPaned-handle-size: 1;
|
|
-gtk-icon-source: none;
|
|
margin: 0 8px 8px 0; }
|
|
GtkPaned:dir(rtl) {
|
|
margin-right: 0;
|
|
margin-left: 8px; }
|
|
GtkPaned .pane-separator {
|
|
background-color: #21221c; }
|
|
GtkPaned .pane-separator:backdrop {
|
|
background-color: #21221c; }
|
|
|
|
GtkPaned.wide {
|
|
-GtkPaned-handle-size: 5;
|
|
margin: 0; }
|
|
GtkPaned.wide .pane-separator {
|
|
background-color: transparent;
|
|
border-style: none; }
|
|
GtkPaned.wide.vertical .pane-separator {
|
|
border-style: none; }
|
|
GtkPaned.wide .pane-separator:backdrop {
|
|
border-color: transparent; }
|
|
|
|
/*********************
|
|
* Spinner Animation *
|
|
*********************/
|
|
@keyframes spin {
|
|
to {
|
|
-gtk-icon-transform: rotate(1turn); } }
|
|
|
|
.spinner {
|
|
background-image: none;
|
|
background-color: blue;
|
|
opacity: 0;
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
|
|
.spinner:active {
|
|
opacity: 1;
|
|
animation: spin 1s linear infinite; }
|
|
.spinner:active:insensitive {
|
|
opacity: 0.5; }
|
|
|
|
/*****************
|
|
* Notebooks and *
|
|
* Tabs *
|
|
*****************/
|
|
.notebook {
|
|
-GtkNotebook-initial-gap: 0;
|
|
-GtkNotebook-arrow-spacing: 5;
|
|
-GtkNotebook-tab-curvature: 0;
|
|
-GtkNotebook-tab-overlap: 1;
|
|
-GtkNotebook-has-tab-gap: false;
|
|
-GtkWidget-focus-padding: 0;
|
|
-GtkWidget-focus-line-width: 0;
|
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
background-color: #1b1c16; }
|
|
.notebook:backdrop {
|
|
background-color: #1b1c16; }
|
|
.notebook.frame {
|
|
border: 1px solid #21221c; }
|
|
.notebook.frame.top {
|
|
border-top-width: 0; }
|
|
.notebook.frame.bottom {
|
|
border-bottom-width: 0; }
|
|
.notebook.frame.right {
|
|
border-right-width: 0; }
|
|
.notebook.frame.left {
|
|
border-left-width: 0; }
|
|
.notebook.frame:backdrop {
|
|
border-color: #21221c; }
|
|
.notebook.header {
|
|
background-color: #1b1c16;
|
|
padding-top: 4px; }
|
|
.notebook.header.frame {
|
|
border-style: none; }
|
|
.notebook.header.top {
|
|
box-shadow: inset 0 -1px #21221c; }
|
|
.notebook.header.top:backdrop {
|
|
box-shadow: inset 0 -1px #21221c; }
|
|
.notebook.header.bottom {
|
|
box-shadow: inset 0 1px #21221c; }
|
|
.notebook.header.bottom:backdrop {
|
|
box-shadow: inset 0 1px #21221c; }
|
|
.notebook.header.right {
|
|
box-shadow: inset 1px 0 #21221c; }
|
|
.notebook.header.right:backdrop {
|
|
box-shadow: inset 1px 0 #21221c; }
|
|
.notebook.header.left {
|
|
box-shadow: inset -1px 0 #21221c; }
|
|
.notebook.header.left:backdrop {
|
|
box-shadow: inset -1px 0 #21221c; }
|
|
.notebook.header:backdrop {
|
|
background-color: #1b1c16; }
|
|
.notebook tab {
|
|
border: 1px solid rgba(87, 88, 79, 0.2);
|
|
background-color: rgba(87, 88, 79, 0.2);
|
|
background-clip: padding-box;
|
|
padding: 8px; }
|
|
.notebook tab:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.2); }
|
|
.notebook tab.reorderable-page {
|
|
background-color: #1b1c16; }
|
|
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
|
|
padding-left: 12px;
|
|
padding-right: 6px;
|
|
padding-bottom: 8px; }
|
|
.notebook tab.top {
|
|
border-radius: 0px 0px 0px 0px;
|
|
border-bottom-color: transparent; }
|
|
.notebook tab.top:active, .notebook tab.top.active-page {
|
|
border-color: #21221c;
|
|
border-bottom-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop {
|
|
border-color: #21221c;
|
|
border-bottom-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.bottom {
|
|
border-radius: 0px 0px 0px 0px;
|
|
border-top-color: transparent; }
|
|
.notebook tab.bottom:active, .notebook tab.bottom.active-page {
|
|
border-color: #21221c;
|
|
border-top-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop {
|
|
border-color: #21221c;
|
|
border-top-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.left {
|
|
border-radius: 0px 0px 0px 0px;
|
|
border-right-color: transparent; }
|
|
.notebook tab.left:active, .notebook tab.left.active-page {
|
|
border-color: #21221c;
|
|
border-right-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop {
|
|
border-color: #21221c;
|
|
border-right-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.right {
|
|
border-radius: 0px 0px 0px 0px;
|
|
border-left-color: transparent; }
|
|
.notebook tab.right:active, .notebook tab.right.active-page {
|
|
border-color: #21221c;
|
|
border-left-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop {
|
|
border-color: #21221c;
|
|
border-left-color: #1b1c16;
|
|
background-color: #1b1c16; }
|
|
.notebook tab:hover, .notebook tab.prelight-page {
|
|
background-color: rgba(36, 28, 44, 0.2);
|
|
border-color: rgba(36, 28, 44, 0.2); }
|
|
.notebook tab.reorderable-page.top {
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background-color: #1b1c16;
|
|
background-clip: padding-box;
|
|
border-right-width: 1px;
|
|
border-right-color: #21221c;
|
|
box-shadow: inset -3px 0px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
|
|
box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
|
|
box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop {
|
|
background-color: #1b1c16;
|
|
border-color: transparent;
|
|
border-right-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.top:backdrop {
|
|
background-color: #1b1c16;
|
|
border-right-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.bottom {
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background-color: #1b1c16;
|
|
background-clip: padding-box;
|
|
border-right-width: 1px;
|
|
border-right-color: #21221c;
|
|
box-shadow: inset -3px 0px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
|
|
box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset -3px 0px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
|
|
box-shadow: inset 0px -3px 0px 0px #241c2c, inset -3px 0px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop {
|
|
background-color: #1b1c16;
|
|
border-color: transparent;
|
|
border-right-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.bottom:backdrop {
|
|
background-color: #1b1c16;
|
|
border-right-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.left {
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background-color: #1b1c16;
|
|
background-clip: padding-box;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #21221c;
|
|
box-shadow: inset 0px -3px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
|
|
box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
|
|
box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop {
|
|
background-color: #1b1c16;
|
|
border-color: transparent;
|
|
border-bottom-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.left:backdrop {
|
|
background-color: #1b1c16;
|
|
border-bottom-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.right {
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background-color: #1b1c16;
|
|
background-clip: padding-box;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #21221c;
|
|
box-shadow: inset 0px -3px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
|
|
box-shadow: inset 0px -3px 0px 0px rgba(36, 28, 44, 0.2), inset 0px -3px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
|
|
box-shadow: inset 0px -3px 0px 0px #241c2c, inset 0px -3px 0px 0px #1b1c16; }
|
|
.notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop {
|
|
background-color: #1b1c16;
|
|
border-color: transparent;
|
|
border-bottom-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab.reorderable-page.right:backdrop {
|
|
background-color: #1b1c16;
|
|
border-bottom-color: #21221c;
|
|
box-shadow: none; }
|
|
.notebook tab .label {
|
|
padding: 0 2px;
|
|
color: #57584f; }
|
|
.notebook tab .label:backdrop {
|
|
color: #57584f; }
|
|
.notebook tab .label:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.notebook tab .button {
|
|
padding: 0px;
|
|
border: 1px solid transparent;
|
|
border-radius: 50%;
|
|
background-image: none;
|
|
background-color: #21221c;
|
|
box-shadow: none;
|
|
icon-shadow: none;
|
|
transition: none;
|
|
color: #1b1c16; }
|
|
.notebook tab .button:hover {
|
|
background-color: #f82570;
|
|
border-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
.notebook tab .button:active {
|
|
color: #1b1c16;
|
|
border-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
.notebook tab .button:backdrop {
|
|
color: #1b1c16;
|
|
background-color: #21221c; }
|
|
.notebook tab .button > GtkImage {
|
|
padding: 0px; }
|
|
.notebook tab .button .active-page, .notebook tab .button.active-page {
|
|
background-color: #f82570; }
|
|
.notebook.arrow {
|
|
color: #57584f; }
|
|
.notebook.arrow:hover {
|
|
color: #241c2c; }
|
|
.notebook.arrow:active {
|
|
color: #241c2c; }
|
|
.notebook.arrow:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.notebook.arrow:backdrop {
|
|
color: #57584f; }
|
|
.notebook.arrow:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
/* Decouple the font of context menus from their entry/textview */
|
|
.touch-selection,
|
|
.context-menu {
|
|
font: initial; }
|
|
|
|
.monospace {
|
|
font: Monospace; }
|
|
|
|
.overshoot.top {
|
|
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0)));
|
|
background-size: 100% 5%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
.overshoot.top:backdrop {
|
|
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#21221c), to(rgba(33, 34, 28, 0)));
|
|
background-size: 100% 5%;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
.overshoot.bottom {
|
|
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0)));
|
|
background-size: 100% 5%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
.overshoot.bottom:backdrop {
|
|
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#21221c), to(rgba(33, 34, 28, 0)));
|
|
background-size: 100% 5%;
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
.overshoot.left {
|
|
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0)));
|
|
background-size: 5% 100%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
.overshoot.left:backdrop {
|
|
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0)));
|
|
background-size: 5% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
.overshoot.right {
|
|
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#060605), to(rgba(6, 6, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(87, 88, 79, 0.07)), to(rgba(87, 88, 79, 0)));
|
|
background-size: 5% 100%, 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
.overshoot.right:backdrop {
|
|
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#21221c), to(rgba(33, 34, 28, 0)));
|
|
background-size: 5% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
/************
|
|
* Pathbars *
|
|
************/
|
|
.path-bar .button {
|
|
border-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
color: #57584f;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
padding: 4px 8px;
|
|
color: #57584f; }
|
|
.path-bar .button:hover {
|
|
border-color: #241c2c; }
|
|
.path-bar .button:active, .path-bar .button:checked {
|
|
background-color: #21221c; }
|
|
.path-bar .button:first-child {
|
|
padding-left: 8px; }
|
|
.path-bar .button:last-child {
|
|
padding-right: 8px; }
|
|
.path-bar .button:only-child {
|
|
padding-left: 12px;
|
|
padding-right: 12px; }
|
|
.path-bar .button .label:last-child {
|
|
padding-left: 2px; }
|
|
.path-bar .button .label:first-child {
|
|
padding-right: 2px; }
|
|
.path-bar .button .label:only-child {
|
|
padding-right: 0;
|
|
padding-left: 0; }
|
|
.path-bar .button GtkImage {
|
|
padding-top: 1px; }
|
|
|
|
/*****************
|
|
* Progress bars *
|
|
*****************/
|
|
GtkProgressBar {
|
|
padding: 0;
|
|
font-size: smaller;
|
|
color: rgba(87, 88, 79, 0.3);
|
|
box-shadow: none; }
|
|
GtkProgressBar:backdrop {
|
|
color: rgba(87, 88, 79, 0.3); }
|
|
GtkProgressBar.osd {
|
|
-GtkProgressBar-xspacing: 0;
|
|
-GtkProgressBar-yspacing: 0;
|
|
-GtkProgressBar-min-horizontal-bar-height: 3; }
|
|
GtkProgressBar.trough {
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
GtkProgressBar.trough.osd {
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
GtkProgressBar.trough.osd:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
GtkProgressBar.trough:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
|
|
.progressbar {
|
|
background-color: #241c2c;
|
|
border: 1px solid #241c2c;
|
|
border-radius: 0px;
|
|
box-shadow: none; }
|
|
.progressbar.left {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px; }
|
|
.progressbar.right {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px; }
|
|
.progressbar.left.right {
|
|
box-shadow: none; }
|
|
.progressbar.vertical.bottom {
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
box-shadow: none; }
|
|
.progressbar.vertical.top {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px; }
|
|
.progressbar.osd {
|
|
background-image: none;
|
|
background-color: #241c2c;
|
|
border: 1px solid #241c2c;
|
|
border-radius: 3px; }
|
|
.progressbar.osd:backdrop {
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
border-color: rgba(36, 28, 44, 0.5); }
|
|
.progressbar:backdrop {
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
border-color: rgba(36, 28, 44, 0.5); }
|
|
|
|
/*************
|
|
* Level Bar *
|
|
*************/
|
|
.level-bar.vertical {
|
|
-GtkLevelBar-min-block-width: 6;
|
|
-GtkLevelBar-min-block-height: 34; }
|
|
|
|
.level-bar {
|
|
box-shadow: none;
|
|
-GtkLevelBar-min-block-width: 34;
|
|
-GtkLevelBar-min-block-height: 6; }
|
|
.level-bar.vertical {
|
|
-GtkLevelBar-min-block-width: 6;
|
|
-GtkLevelBar-min-block-height: 34; }
|
|
.level-bar.trough {
|
|
border: 1px solid transparent;
|
|
padding: 3px;
|
|
border-radius: 3px;
|
|
background-color: transparent; }
|
|
.level-bar.fill-block {
|
|
border: 1px solid #241c2c;
|
|
background-color: #241c2c;
|
|
box-shadow: none;
|
|
border-radius: 3px; }
|
|
.level-bar.fill-block.indicator-discrete.horizontal {
|
|
margin: 0 1px; }
|
|
.level-bar.fill-block.indicator-discrete.vertical {
|
|
margin: 1px 0; }
|
|
.level-bar.fill-block.level-high {
|
|
border-color: #393241;
|
|
background-color: #393241; }
|
|
.level-bar.fill-block.level-high:backdrop {
|
|
background-color: #393241;
|
|
border-color: #393241; }
|
|
.level-bar.fill-block.level-low {
|
|
border-color: #fc961f;
|
|
background-color: #fc961f; }
|
|
.level-bar.fill-block.level-low:backdrop {
|
|
background-color: #fc961f;
|
|
border-color: #fc961f; }
|
|
.level-bar.fill-block.empty-fill-block {
|
|
background-color: rgba(87, 88, 79, 0.3);
|
|
border-color: transparent;
|
|
box-shadow: none; }
|
|
.level-bar.fill-block:backdrop {
|
|
border-color: rgba(36, 28, 44, 0.5);
|
|
background-color: rgba(36, 28, 44, 0.5); }
|
|
|
|
/************
|
|
* GtkScale *
|
|
************/
|
|
.scale,
|
|
.scale.scale-has-marks-above.scale-has-marks-below,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
|
|
-GtkScale-slider-length: 18;
|
|
-GtkRange-slider-width: 18;
|
|
-GtkRange-trough-border: 2; }
|
|
.scale.fine-tune.trough,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
|
|
margin: 8px;
|
|
border-radius: 3px; }
|
|
.scale.slider,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
|
|
background-color: #272821;
|
|
border: 1px solid #21221c;
|
|
border-radius: 50%;
|
|
box-shadow: none; }
|
|
.scale.slider:hover,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
border-color: #241c2c;
|
|
border-radius: 50%; }
|
|
.scale.slider:hover:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop {
|
|
background-color: #272821;
|
|
border-color: #241c2c; }
|
|
.scale.slider:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
background-color: rgba(35, 36, 30, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35); }
|
|
.scale.slider:insensitive:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop {
|
|
background-color: rgba(35, 36, 30, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35); }
|
|
.scale.slider:active,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
|
|
border: 2px solid #241c2c; }
|
|
.scale.slider:active:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop {
|
|
background-color: #272821;
|
|
border-color: #241c2c; }
|
|
.scale.slider:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
|
|
background-color: #272821;
|
|
border-color: #21221c; }
|
|
.scale.trough,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
|
|
margin: 9px;
|
|
border: 1px solid rgba(87, 88, 79, 0.3);
|
|
border-radius: 3px;
|
|
background-color: rgba(87, 88, 79, 0.3);
|
|
box-shadow: none; }
|
|
.scale.trough.highlight,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
|
|
background-color: #241c2c;
|
|
border-color: #241c2c; }
|
|
.scale.trough.highlight.vertical,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical {
|
|
background-color: #241c2c;
|
|
border-color: #241c2c; }
|
|
.scale.trough.highlight:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
border-color: rgba(36, 28, 44, 0.5); }
|
|
.scale.trough:insensitive, .scale.trough.vertical:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive {
|
|
border-color: rgba(44, 45, 38, 0.545);
|
|
background-color: rgba(44, 45, 38, 0.545);
|
|
box-shadow: none; }
|
|
.scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop {
|
|
background-color: rgba(44, 45, 38, 0.545);
|
|
border-color: rgba(44, 45, 38, 0.545); }
|
|
.scale.trough:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.3);
|
|
border-color: rgba(87, 88, 79, 0.3); }
|
|
|
|
/**************
|
|
* Scrollbars *
|
|
**************/
|
|
.scrollbar {
|
|
-GtkRange-trough-border: 0;
|
|
-GtkScrollbar-has-backward-stepper: false;
|
|
-GtkScrollbar-has-forward-stepper: false;
|
|
-GtkRange-slider-width: 10px;
|
|
-GtkScrollbar-min-slider-length: 64;
|
|
-GtkRange-stepper-spacing: 0;
|
|
-GtkRange-trough-under-steppers: 1; }
|
|
.scrollbar .button {
|
|
color: #57584f; }
|
|
.scrollbar .button:hover {
|
|
color: #241c2c; }
|
|
.scrollbar .button:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.scrollbar .button:backdrop {
|
|
color: #57584f; }
|
|
.scrollbar .button:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
.scrollbar.dragging, .scrollbar.hovering {
|
|
opacity: 0.9910; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
opacity: 0.999; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
-GtkRange-slider-width: 10px;
|
|
-GtkScrollbar-has-backward-stepper: false;
|
|
-GtkScrollbar-has-forward-stepper: false; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
|
|
margin: 2px;
|
|
border: 5px solid transparent;
|
|
border-radius: 8px;
|
|
background-color: rgba(87, 88, 79, 0.5); }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.5); }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
|
|
border: none;
|
|
background: none; }
|
|
.scrollbar.trough {
|
|
margin: 2px;
|
|
border: 5px solid transparent;
|
|
border-radius: 8px;
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
.scrollbar.trough:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
.scrollbar.slider {
|
|
margin: 2px;
|
|
border: 5px solid transparent;
|
|
border-radius: 8px;
|
|
background-color: rgba(87, 88, 79, 0.5); }
|
|
.scrollbar.slider:hover {
|
|
background-color: #241c2c; }
|
|
.scrollbar.slider:active {
|
|
background-color: #241c2c; }
|
|
.scrollbar.slider:insensitive {
|
|
background-color: rgba(79, 80, 72, 0); }
|
|
.scrollbar.slider:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
.scrollbar.slider:backdrop:insensitive {
|
|
background-color: rgba(79, 80, 72, 0); }
|
|
|
|
.scrollbars-junction,
|
|
.scrollbars-junction.frame {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
border-image: none; }
|
|
|
|
/***********
|
|
* Sidebar *
|
|
***********/
|
|
.sidebar,
|
|
.sidebar .view {
|
|
border: none;
|
|
background-color: #1b1c16; }
|
|
.sidebar:backdrop,
|
|
.sidebar .view:backdrop {
|
|
background-color: #1b1c16; }
|
|
|
|
GtkSidebarRow.list-row {
|
|
padding: 0px; }
|
|
|
|
GtkSidebarRow .sidebar-revealer {
|
|
padding: 4px 14px 4px 12px; }
|
|
|
|
GtkSidebarRow .sidebar-icon:dir(ltr) {
|
|
padding-right: 8px; }
|
|
|
|
GtkSidebarRow .sidebar-icon:dir(rtl) {
|
|
padding-left: 8px; }
|
|
|
|
GtkSidebarRow .sidebar-label:dir(ltr) {
|
|
padding-right: 2px; }
|
|
|
|
GtkSidebarRow .sidebar-label:dir(rtl) {
|
|
padding-left: 2px; }
|
|
|
|
GtkPlacesSidebar.sidebar .view:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
GtkPlacesSidebar.sidebar .view:backdrop {
|
|
color: #57584f; }
|
|
GtkPlacesSidebar.sidebar .view:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
GtkPlacesSidebar.sidebar .view .image {
|
|
color: #57584f; }
|
|
GtkPlacesSidebar.sidebar .view .image:selected {
|
|
color: #57584f; }
|
|
GtkPlacesSidebar.sidebar .view .image:selected:backdrop {
|
|
color: #57584f; }
|
|
GtkPlacesSidebar.sidebar .view .image:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkPlacesSidebar.sidebar .view .image:backdrop {
|
|
color: #57584f; }
|
|
GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
.sidebar-item {
|
|
padding: 10px 4px; }
|
|
.sidebar-item > .label {
|
|
padding-left: 6px;
|
|
padding-right: 6px; }
|
|
.sidebar-item.needs-attention > .label {
|
|
background-size: 6px 6px, 0 0; }
|
|
|
|
/*****************
|
|
* GtkSpinButton *
|
|
*****************/
|
|
.osd .spinbutton .button:last-child {
|
|
border-radius: 0 3px 3px 0; }
|
|
|
|
.osd .spinbutton .button:dir(rtl):first-child {
|
|
border-radius: 3px 0 0 3px; }
|
|
|
|
.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px; }
|
|
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c; }
|
|
.spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label {
|
|
color: inherit; }
|
|
.spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active {
|
|
color: #57584f;
|
|
border-color: #241c2c;
|
|
background-image: linear-gradient(to bottom, #251d2d, #211928); }
|
|
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
|
|
color: #57584f;
|
|
border-color: #241c2c; }
|
|
.spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label {
|
|
color: inherit; }
|
|
.spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
|
|
color: #57584f;
|
|
border-color: #21221c;
|
|
background-image: linear-gradient(to bottom, #272821, #262720); }
|
|
.spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: linear-gradient(to bottom, rgba(36, 37, 30, 0.35), rgba(34, 35, 29, 0.35)); }
|
|
.spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label {
|
|
color: inherit; }
|
|
|
|
.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry {
|
|
border-radius: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px; }
|
|
.spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive {
|
|
background-color: rgba(26, 27, 21, 0.35); }
|
|
|
|
GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus {
|
|
padding: 1px;
|
|
border-width: 1px 0;
|
|
border-color: #323529;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
|
|
.spinbutton .button, .osd .spinbutton .button {
|
|
background-image: none;
|
|
background-color: transparent;
|
|
border-style: none none none solid;
|
|
border-color: rgba(33, 34, 28, 0.3);
|
|
color: #57584f;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
.spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) {
|
|
border-style: none solid none none; }
|
|
.spinbutton .button:hover {
|
|
color: #241c2c; }
|
|
.spinbutton .button:insensitive {
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-color: rgba(30, 31, 25, 0); }
|
|
.spinbutton .button:active {
|
|
color: #241c2c; }
|
|
.spinbutton .button:backdrop {
|
|
color: #57584f;
|
|
border-color: rgba(33, 34, 28, 0.3);
|
|
background-color: transparent; }
|
|
.spinbutton .button:backdrop:insensitive {
|
|
background-image: none;
|
|
color: rgba(79, 80, 72, 0.35);
|
|
border-style: none none none solid;
|
|
border-color: rgba(30, 31, 25, 0); }
|
|
.spinbutton .button:backdrop:insensitive:dir(rtl) {
|
|
border-style: none solid none none; }
|
|
|
|
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
|
|
border-radius: 3px 3px 0 0;
|
|
border-style: solid solid none solid; }
|
|
|
|
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
|
|
border-radius: 0 0 3px 3px;
|
|
border-style: none solid solid solid; }
|
|
|
|
/**********
|
|
* Switch *
|
|
**********/
|
|
GtkSwitch {
|
|
-GtkSwitch-slider-width: 24px;
|
|
-GtkSwitch-slider-height: 24px;
|
|
font-weight: bold;
|
|
font-size: smaller;
|
|
outline-offset: 0px;
|
|
color: transparent;
|
|
box-shadow: none; }
|
|
GtkSwitch.trough {
|
|
border: 0px solid;
|
|
border-radius: 12px;
|
|
background-image: none;
|
|
background-color: rgba(87, 88, 79, 0.3);
|
|
text-shadow: none; }
|
|
GtkSwitch.trough:active {
|
|
background-color: #241c2c;
|
|
box-shadow: none;
|
|
text-shadow: none; }
|
|
GtkSwitch.trough:backdrop {
|
|
background-color: rgba(87, 88, 79, 0.3); }
|
|
GtkSwitch.slider {
|
|
border: 1px solid;
|
|
border-radius: 11px;
|
|
background-color: #1b1c16;
|
|
border-color: #21221c; }
|
|
GtkSwitch.slider:hover {
|
|
box-shadow: none;
|
|
border-color: #241c2c;
|
|
background-color: #1b1c16; }
|
|
GtkSwitch.slider:active {
|
|
border-color: #241c2c; }
|
|
GtkSwitch.slider:active:hover {
|
|
border-color: #241c2c; }
|
|
GtkSwitch.slider:insensitive {
|
|
background-color: #191914; }
|
|
GtkSwitch.slider:backdrop {
|
|
background-color: #1b1c16; }
|
|
GtkSwitch.slider:backdrop:insensitive {
|
|
background-color: #191914; }
|
|
.header-bar GtkSwitch.trough:backdrop {
|
|
background-color: transparent; }
|
|
.header-bar GtkSwitch.slider:backdrop {
|
|
background-color: #3b3c36; }
|
|
|
|
/************
|
|
* Toolbars *
|
|
************/
|
|
.toolbar, .inline-toolbar, .search-bar, .location-bar,
|
|
.primary-toolbar {
|
|
-GtkWidget-window-dragging: true;
|
|
padding: 4px;
|
|
background-color: #1b1c16; }
|
|
.toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop,
|
|
.primary-toolbar:backdrop {
|
|
background-color: #1b1c16;
|
|
box-shadow: none; }
|
|
.osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd
|
|
.primary-toolbar,
|
|
.primary-toolbar.osd {
|
|
padding: 13px;
|
|
border: none;
|
|
border-radius: 3px;
|
|
background-color: #1b1c16; }
|
|
.osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd
|
|
.primary-toolbar:backdrop,
|
|
.primary-toolbar.osd:backdrop {
|
|
border-color: #21221c;
|
|
background-color: #1b1c16;
|
|
box-shadow: none; }
|
|
|
|
.inline-toolbar {
|
|
border-width: 0px 0px 1px 0px;
|
|
padding: 3px;
|
|
border-radius: 0; }
|
|
|
|
.search-bar, .location-bar {
|
|
border-width: 0px 0px 1px 0px;
|
|
padding: 3px; }
|
|
|
|
.inline-toolbar, .search-bar, .location-bar {
|
|
border-style: solid;
|
|
border-color: #21221c;
|
|
text-shadow: none;
|
|
background-color: #1b1c16; }
|
|
|
|
/************
|
|
* Tooltips *
|
|
************/
|
|
.tooltip {
|
|
color: #57584f;
|
|
padding: 4px;
|
|
/* not working */
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
border: 1px solid #24251f; }
|
|
.tooltip.background {
|
|
background-color: #1b1c16;
|
|
background-clip: padding-box; }
|
|
.tooltip.window-frame.csd {
|
|
background-color: transparent; }
|
|
|
|
.tooltip * {
|
|
padding: 4px;
|
|
background-color: transparent;
|
|
color: inherit; }
|
|
|
|
/**************
|
|
* Tree Views *
|
|
**************/
|
|
GtkTreeView.view {
|
|
-GtkTreeView-grid-line-width: 0;
|
|
-GtkTreeView-grid-line-pattern: '';
|
|
-GtkTreeView-tree-line-width: 1;
|
|
-GtkTreeView-tree-line-pattern: '';
|
|
-GtkTreeView-expander-size: 16;
|
|
border-left-color: #21221c;
|
|
border-top-color: transparent; }
|
|
GtkTreeView.view:selected {
|
|
border-radius: 0; }
|
|
GtkTreeView.view:selected {
|
|
background-color: #241c2c;
|
|
border-left-color: #57584f;
|
|
border-top-color: #57584f; }
|
|
GtkTreeView.view:backdrop:selected {
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
border-left-color: #57584f;
|
|
border-top-color: #57584f; }
|
|
GtkTreeView.view:insensitive {
|
|
color: rgba(30, 31, 25, 0.35); }
|
|
GtkTreeView.view:insensitive:selected {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkTreeView.view:insensitive:selected:backdrop {
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
GtkTreeView.view:insensitive:backdrop {
|
|
color: rgba(30, 31, 25, 0.35); }
|
|
GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator {
|
|
color: #21221c; }
|
|
GtkTreeView.view.separator:backdrop,
|
|
GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop {
|
|
color: #21221c; }
|
|
GtkTreeView.view:backdrop {
|
|
border-left-color: #21221c; }
|
|
GtkTreeView.view.dnd {
|
|
border-style: solid none;
|
|
border-width: 1px;
|
|
border-color: #241c2c; }
|
|
GtkTreeView.view.expander {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
|
color: #57584f; }
|
|
GtkTreeView.view.expander:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
GtkTreeView.view.expander:hover {
|
|
color: #241c2c; }
|
|
GtkTreeView.view.expander:selected {
|
|
color: #57584f; }
|
|
GtkTreeView.view.expander:checked {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
GtkTreeView.view.expander:checked:selected {
|
|
color: #57584f; }
|
|
GtkTreeView.view.expander:checked:backdrop {
|
|
color: #1d1e17; }
|
|
GtkTreeView.view.expander:backdrop {
|
|
color: #57584f; }
|
|
|
|
column-header .button {
|
|
color: #57584f;
|
|
background-color: #272821;
|
|
text-shadow: none;
|
|
box-shadow: none; }
|
|
column-header .button:hover {
|
|
color: #57584f;
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
box-shadow: none;
|
|
transition: none; }
|
|
column-header .button:active {
|
|
color: #57584f;
|
|
background-color: rgba(36, 28, 44, 0.5);
|
|
transition: none; }
|
|
|
|
column-header:last-child .button,
|
|
column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop {
|
|
border-right-style: none; }
|
|
|
|
column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover {
|
|
transition: none;
|
|
color: #241c2c;
|
|
box-shadow: none; }
|
|
|
|
column-header .button, column-header .button:hover, column-header .button:active {
|
|
padding: 6px;
|
|
border-style: none solid solid none;
|
|
border-radius: 0;
|
|
background-image: none;
|
|
border-color: #21221c;
|
|
text-shadow: none; }
|
|
column-header .button:insensitive {
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
color: rgba(79, 80, 72, 0.35);
|
|
background-color: rgba(35, 36, 30, 0.35);
|
|
background-image: none; }
|
|
column-header .button:backdrop {
|
|
border-color: #21221c;
|
|
border-style: none solid solid none;
|
|
color: #57584f;
|
|
background-image: none;
|
|
background-color: #272821; }
|
|
column-header .button:backdrop:insensitive {
|
|
border-color: rgba(30, 31, 25, 0.35);
|
|
background-image: none;
|
|
background-color: rgba(35, 36, 30, 0.35);
|
|
color: rgba(79, 80, 72, 0.35); }
|
|
|
|
/**********************
|
|
* Window Decorations *
|
|
*********************/
|
|
.window-frame {
|
|
border-radius: 3px;
|
|
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
|
|
/* this is used for the resize cursor area */
|
|
margin: 10px; }
|
|
.window-frame:backdrop {
|
|
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
|
|
.window-frame.tiled {
|
|
border-radius: 0; }
|
|
.window-frame.popup {
|
|
border-radius: 3px;
|
|
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
|
|
.window-frame.ssd {
|
|
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
|
|
.window-frame.csd {
|
|
border-radius: 3px; }
|
|
.window-frame.csd.popup {
|
|
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
|
|
.window-frame.csd.tooltip {
|
|
box-shadow: none; }
|
|
.window-frame.csd.message-dialog {
|
|
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
|
|
.window-frame.solid-csd {
|
|
border-radius: 0;
|
|
margin: 0px;
|
|
background-color: #1b1c16;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
.header-bar .button.titlebutton,
|
|
.titlebar .button.titlebutton {
|
|
padding: 0px; }
|
|
.header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover,
|
|
.titlebar .button.titlebutton:hover,
|
|
.titlebar .button.titlebutton:active,
|
|
.titlebar .button.titlebutton:checked,
|
|
.titlebar .button.titlebutton:backdrop,
|
|
.titlebar .button.titlebutton:active:hover {
|
|
transition: none; }
|
|
.header-bar .button.titlebutton.close,
|
|
.titlebar .button.titlebutton.close {
|
|
padding: 1px;
|
|
color: transparent;
|
|
border-image: none;
|
|
box-shadow: none;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: -gtk-scaled(url("../assets/wm/close.png"), url("../assets/wm/close@2.png")); }
|
|
.header-bar .button.titlebutton.close:hover,
|
|
.titlebar .button.titlebutton.close:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); }
|
|
.header-bar .button.titlebutton.close:active,
|
|
.titlebar .button.titlebutton.close:active {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/close_prelight.png"), url("../assets/wm/close_prelight@2.png")); }
|
|
.header-bar .button.titlebutton.close:backdrop,
|
|
.titlebar .button.titlebutton.close:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/close_unfocused.png"), url("../assets/wm/close_unfocused@2.png")); }
|
|
.header-bar .button.titlebutton.maximize,
|
|
.titlebar .button.titlebutton.maximize {
|
|
padding: 1px;
|
|
color: transparent;
|
|
border-image: none;
|
|
box-shadow: none;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); }
|
|
.header-bar .button.titlebutton.maximize:hover,
|
|
.titlebar .button.titlebutton.maximize:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); }
|
|
.header-bar .button.titlebutton.maximize:active,
|
|
.titlebar .button.titlebutton.maximize:active {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); }
|
|
.header-bar .button.titlebutton.maximize:backdrop,
|
|
.titlebar .button.titlebutton.maximize:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); }
|
|
.header-bar .button.titlebutton.minimize,
|
|
.titlebar .button.titlebutton.minimize {
|
|
padding: 1px;
|
|
color: transparent;
|
|
border-image: none;
|
|
box-shadow: none;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: -gtk-scaled(url("../assets/wm/min.png"), url("../assets/wm/min@2.png")); }
|
|
.header-bar .button.titlebutton.minimize:hover,
|
|
.titlebar .button.titlebutton.minimize:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); }
|
|
.header-bar .button.titlebutton.minimize:active,
|
|
.titlebar .button.titlebutton.minimize:active {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/min_prelight.png"), url("../assets/wm/min_prelight@2.png")); }
|
|
.header-bar .button.titlebutton.minimize:backdrop,
|
|
.titlebar .button.titlebutton.minimize:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/min_unfocused.png"), url("../assets/wm/min_unfocused@2.png")); }
|
|
|
|
.maximized .header-bar .button.titlebutton.maximize, .maximized
|
|
.titlebar .button.titlebutton.maximize {
|
|
padding: 1px;
|
|
color: transparent;
|
|
border-image: none;
|
|
box-shadow: none;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize.png"), url("../assets/wm/maximize@2.png")); }
|
|
|
|
.maximized .header-bar .button.titlebutton.maximize:hover, .maximized
|
|
.titlebar .button.titlebutton.maximize:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); }
|
|
|
|
.maximized .header-bar .button.titlebutton.maximize:active, .maximized
|
|
.titlebar .button.titlebutton.maximize:active {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize_prelight.png"), url("../assets/wm/maximize_prelight@2.png")); }
|
|
|
|
.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized
|
|
.titlebar .button.titlebutton.maximize:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: -gtk-scaled(url("../assets/wm/maximize_unfocused.png"), url("../assets/wm/maximize_unfocused@2.png")); }
|
|
|
|
.header-bar.selection-mode .button.titlebutton,
|
|
.titlebar.selection-mode .button.titlebutton {
|
|
text-shadow: none; }
|
|
.header-bar.selection-mode .button.titlebutton:backdrop,
|
|
.titlebar.selection-mode .button.titlebutton:backdrop {
|
|
icon-shadow: none; }
|