4308 lines
194 KiB
CSS
4308 lines
194 KiB
CSS
|
* {
|
||
|
padding: 0;
|
||
|
-GtkToolButton-icon-spacing: 4;
|
||
|
-GtkTextView-error-underline-color: #ed1515;
|
||
|
-GtkCheckButton-indicator-size: 16;
|
||
|
-GtkCheckMenuItem-indicator-size: 16;
|
||
|
-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: #6A6865;
|
||
|
-GtkWidget-visited-link-color: #1478ac;
|
||
|
-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: #363636;
|
||
|
background-color: #eff0f1; }
|
||
|
.background:backdrop {
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #363636;
|
||
|
background-color: #eff0f1; }
|
||
|
|
||
|
/*
|
||
|
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.
|
||
|
*/
|
||
|
*:disabled {
|
||
|
-gtk-icon-effect: dim; }
|
||
|
|
||
|
.gtkstyle-fallback {
|
||
|
background-color: #eff0f1;
|
||
|
color: #363636; }
|
||
|
.gtkstyle-fallback:hover {
|
||
|
background-color: white;
|
||
|
color: #363636; }
|
||
|
.gtkstyle-fallback:active {
|
||
|
background-color: #d4d7d9;
|
||
|
color: #363636; }
|
||
|
.gtkstyle-fallback:disabled {
|
||
|
background-color: #e6e7e8;
|
||
|
color: #909396; }
|
||
|
.gtkstyle-fallback:selected {
|
||
|
background-color: #888888;
|
||
|
color: #fcfcfc; }
|
||
|
|
||
|
.view {
|
||
|
color: #363636;
|
||
|
background-color: #fcfcfc; }
|
||
|
.view:selected, calendar:selected {
|
||
|
border-radius: 3px; }
|
||
|
.view selection { }
|
||
|
|
||
|
view.rubberband,
|
||
|
rubberband,
|
||
|
.view.rubberband,
|
||
|
.rubberband {
|
||
|
border: 1px solid #888888;
|
||
|
background-color: rgba(147, 147, 147, 0.2); }
|
||
|
|
||
|
.label.separator, placessidebar.sidebar .view .label.separator {
|
||
|
color: #363636; }
|
||
|
.label:disabled {
|
||
|
color: #909396; }
|
||
|
|
||
|
.dim-label, .label.separator, placessidebar.sidebar .view .label.separator, .titlebar .subtitle,
|
||
|
headerbar .subtitle {
|
||
|
opacity: 0.55;
|
||
|
text-shadow: none; }
|
||
|
|
||
|
assistant .sidebar {
|
||
|
background-color: #fcfcfc;
|
||
|
border-top: 1px solid #c2c2c2; }
|
||
|
assistant .sidebar:dir(ltr) {
|
||
|
border-right: 1px solid #c2c2c2; }
|
||
|
assistant .sidebar:dir(rtl) {
|
||
|
border-left: 1px solid #c2c2c2; }
|
||
|
assistant .sidebar:backdrop {
|
||
|
background-color: white;
|
||
|
border-color: #c2c8cb; }
|
||
|
assistant.csd .sidebar {
|
||
|
border-top-style: none; }
|
||
|
assistant .sidebar .label {
|
||
|
padding: 6px 12px; }
|
||
|
assistant .sidebar .label.highlight {
|
||
|
background-color: #c9cbcd; }
|
||
|
|
||
|
textview {
|
||
|
background-color: #f6f6f7; }
|
||
|
textview text selection { }
|
||
|
|
||
|
.grid-child {
|
||
|
padding: 3px;
|
||
|
border-radius: 3px; }
|
||
|
|
||
|
popover.osd, .app-notification,
|
||
|
.app-notification.frame, .osd {
|
||
|
color: #363636;
|
||
|
border: 1px solid #eff0f1;
|
||
|
background-color: rgba(252, 252, 252, 0.8);
|
||
|
background-clip: padding-box;
|
||
|
outline-color: rgba(49, 54, 59, 0.3);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
popover.osd:backdrop, .app-notification:backdrop, .osd:backdrop {
|
||
|
text-shadow: none; }
|
||
|
|
||
|
/*********************
|
||
|
* 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:disabled {
|
||
|
opacity: 0.5; }
|
||
|
|
||
|
/****************
|
||
|
* Text Entries *
|
||
|
****************/
|
||
|
entry {
|
||
|
border: 1px solid;
|
||
|
padding: 5px 8px 6px;
|
||
|
border-radius: 3px;
|
||
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2; }
|
||
|
entry.image.left {
|
||
|
padding-left: 0; }
|
||
|
entry.image.right {
|
||
|
padding-right: 0; }
|
||
|
entry.flat, entry.flat:focus {
|
||
|
padding: 2px;
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
border: none;
|
||
|
border-radius: 0; }
|
||
|
entry:focus {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
border-color: #888888; }
|
||
|
entry:disabled {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-color: #e6e7e8;
|
||
|
box-shadow: none; }
|
||
|
entry selection,
|
||
|
entry selection:focus {
|
||
|
color: #fcfcfc;
|
||
|
background-color: #888888;
|
||
|
}
|
||
|
entry progressbar {
|
||
|
margin: 1px;
|
||
|
border-radius: 0;
|
||
|
border-width: 0 0 2px;
|
||
|
border-color: #888888;
|
||
|
border-style: solid;
|
||
|
background-image: none;
|
||
|
background-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
entry progressbar:backdrop {
|
||
|
background-color: transparent; }
|
||
|
.linked > entry {
|
||
|
border-radius: 0; }
|
||
|
.linked > entry:first-child {
|
||
|
border-top-left-radius: 3px;
|
||
|
border-bottom-left-radius: 3px; }
|
||
|
.linked > entry:first-child:dir(rtl) {
|
||
|
border-right-style: none; }
|
||
|
.linked > entry:last-child {
|
||
|
border-top-right-radius: 3px;
|
||
|
border-bottom-right-radius: 3px;
|
||
|
border-left-style: none; }
|
||
|
.linked > entry:last-child:dir(rtl) {
|
||
|
border-left-style: solid; }
|
||
|
entry.error {
|
||
|
color: #ed1515;
|
||
|
border-color: #ed1515; }
|
||
|
entry.error:focus {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
border-color: #ed1515; }
|
||
|
entry.error:selected, entry.error:selected:focus {
|
||
|
background-color: #ed1515; }
|
||
|
entry.warning {
|
||
|
color: #f67400;
|
||
|
border-color: #f67400; }
|
||
|
entry.warning:focus {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
border-color: #f67400; }
|
||
|
entry.warning:selected, entry.warning:selected:focus {
|
||
|
background-color: #f67400; }
|
||
|
entry.image {
|
||
|
color: #5a5e62; }
|
||
|
entry.image:hover {
|
||
|
color: #363636; }
|
||
|
entry.image:active {
|
||
|
color: #888888; }
|
||
|
entry.image:backdrop {
|
||
|
color: #cdced0; }
|
||
|
.osd entry {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #363636;
|
||
|
border-color: rgba(0, 0, 0, 0.7);
|
||
|
background-color: rgba(252, 252, 252, 0.8);
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd entry:focus {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-color: rgba(252, 252, 252, 0.8);
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd entry:backdrop {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #363636;
|
||
|
border-color: rgba(0, 0, 0, 0.7);
|
||
|
background-color: rgba(0, 0, 0, 0.7);
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd entry:disabled {
|
||
|
background-color: #fcfcfc;
|
||
|
background-image: none;
|
||
|
color: #97999c;
|
||
|
border-color: rgba(0, 0, 0, 0.7);
|
||
|
background-color: shade(#363636, 0.3);
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.linked.vertical > entry:not(:last-child) {
|
||
|
box-shadow: none; }
|
||
|
.linked.vertical > entry:focus:not(:last-child) {
|
||
|
box-shadow: inset 0 0 0 1px #888888; }
|
||
|
.linked.vertical > entry:not(:disabled) + entry:not(:disabled) {
|
||
|
border-top-color: #e9ebec;
|
||
|
background-image: linear-gradient(to bottom, #fcfcfc); }
|
||
|
.linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop {
|
||
|
border-top-color: #edefef;
|
||
|
background-image: linear-gradient(to bottom, white); }
|
||
|
.linked.vertical > entry + entry:focus:not(:last-child) {
|
||
|
border-top-color: #888888;
|
||
|
box-shadow: inset 0 0 0 1px #888888; }
|
||
|
.linked.vertical > entry + entry:focus:last-child {
|
||
|
border-top-color: #888888; }
|
||
|
.linked.vertical > entry:focus:not(:only-child) + entry,
|
||
|
.linked.vertical > entry:focus:not(:only-child) + button,
|
||
|
.linked.vertical > entry:focus:not(:only-child) + combobox > button,
|
||
|
.linked.vertical > entry:focus:not(:only-child) + comboboxText > button {
|
||
|
border-top-color: #888888; }
|
||
|
|
||
|
/***********
|
||
|
* Buttons *
|
||
|
***********/
|
||
|
@keyframes needs_attention {
|
||
|
from {
|
||
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#888888), to(transparent)); }
|
||
|
to {
|
||
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#888888), to(transparent)); } }
|
||
|
button, headerbar button.titlebutton,
|
||
|
.titlebar button.titlebutton {
|
||
|
border: 1px solid;
|
||
|
border-radius: 3px;
|
||
|
padding: 5px 8px 6px;
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
|
||
|
button.flat, headerbar .titlebutton.button,
|
||
|
.titlebar .titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
transition: none; }
|
||
|
button.flat:hover, headerbar .titlebutton.button:hover,
|
||
|
.titlebar .titlebutton.button:hover {
|
||
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
|
transition-duration: 500ms; }
|
||
|
button.flat:hover:active, headerbar .titlebutton.button:hover:active,
|
||
|
.titlebar .titlebutton.button:hover:active {
|
||
|
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||
|
button:hover, headerbar button.titlebutton:hover,
|
||
|
.titlebar button.titlebutton:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
|
||
|
-gtk-icon-effect: highlight; }
|
||
|
button:active, headerbar button.titlebutton:active,
|
||
|
.titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked,
|
||
|
.titlebar button.titlebutton:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
transition-duration: 50ms; }
|
||
|
button:active:hover, button:checked:hover {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, #888888); }
|
||
|
button.flat:backdrop, headerbar .titlebutton.button:backdrop,
|
||
|
.titlebar .titlebutton.button:backdrop, button.flat:disabled, headerbar .titlebutton.button:disabled,
|
||
|
.titlebar .titlebutton.button:disabled, button.flat:backdrop:disabled, headerbar .titlebutton.button:backdrop:disabled,
|
||
|
.titlebar .titlebutton.button:backdrop:disabled {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
button:disabled, headerbar button.titlebutton:disabled,
|
||
|
.titlebar button.titlebutton:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
|
||
|
button:disabled > .label, headerbar button.titlebutton:disabled > .label,
|
||
|
.titlebar button.titlebutton:disabled > .label {
|
||
|
color: inherit; }
|
||
|
button:disabled:active, button:disabled:checked {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e2e3e5, #e6e7e8); }
|
||
|
button:disabled:active > .label, headerbar button.titlebutton:disabled:active > .label,
|
||
|
.titlebar button.titlebutton:disabled:active > .label, button:disabled:checked > .label, headerbar button.titlebutton:disabled:checked > .label,
|
||
|
.titlebar button.titlebutton:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
button.osd, headerbar .osd.button.titlebutton,
|
||
|
.titlebar .osd.button.titlebutton {
|
||
|
color: #363636;
|
||
|
border-radius: 5px;
|
||
|
outline-color: rgba(49, 54, 59, 0.3);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal;
|
||
|
border: none;
|
||
|
box-shadow: none; }
|
||
|
button.osd.image-button, headerbar .osd.titlebutton.button,
|
||
|
.titlebar .osd.titlebutton.button {
|
||
|
padding: 13px; }
|
||
|
button.osd:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
border: none;
|
||
|
box-shadow: none; }
|
||
|
button.osd:active, button.osd:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
border: none;
|
||
|
box-shadow: none; }
|
||
|
button.osd:disabled, button.osd:backdrop:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #e6e7e8;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
border: none; }
|
||
|
button.osd:backdrop {
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
border: none; }
|
||
|
.osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
|
||
|
.osd .titlebar button.titlebutton,
|
||
|
.titlebar .osd button.titlebutton {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal;
|
||
|
border-radius: 3px;
|
||
|
border-style: solid; }
|
||
|
.osd button:dir(rtl) {
|
||
|
border-radius: 3px; }
|
||
|
.osd button:first-child {
|
||
|
border-radius: 3px 3px 3px 3px; }
|
||
|
.osd button:last-child {
|
||
|
border-radius: 3px 3px 3px 3px; }
|
||
|
.osd button:last-child:dir(rtl) {
|
||
|
border-right-style: solid; }
|
||
|
.osd button:only-child {
|
||
|
border-radius: 3px;
|
||
|
border-style: solid; }
|
||
|
.osd button:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button:disabled, .osd button:backdrop:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #e6e7e8;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button:backdrop {
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.flat, .osd headerbar .titlebutton.button, headerbar .osd .titlebutton.button,
|
||
|
.osd .titlebar .titlebutton.button,
|
||
|
.titlebar .osd .titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal; }
|
||
|
.osd button.flat:hover, .osd headerbar .titlebutton.button:hover, headerbar .osd .titlebutton.button:hover,
|
||
|
.osd .titlebar .titlebutton.button:hover,
|
||
|
.titlebar .osd .titlebutton.button:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none; }
|
||
|
.osd button.flat:disabled, .osd headerbar .titlebutton.button:disabled, headerbar .osd .titlebutton.button:disabled,
|
||
|
.osd .titlebar .titlebutton.button:disabled,
|
||
|
.titlebar .osd .titlebutton.button:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #e6e7e8;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
background-image: none;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
.osd button.flat:backdrop, .osd headerbar .titlebutton.button:backdrop, headerbar .osd .titlebutton.button:backdrop,
|
||
|
.osd .titlebar .titlebutton.button:backdrop,
|
||
|
.titlebar .osd .titlebutton.button:backdrop {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.flat:active, .osd headerbar .titlebutton.button:active, headerbar .osd .titlebutton.button:active,
|
||
|
.osd .titlebar .titlebutton.button:active,
|
||
|
.titlebar .osd .titlebutton.button:active, .osd button.flat:checked, .osd headerbar .titlebutton.button:checked, headerbar .osd .titlebutton.button:checked,
|
||
|
.osd .titlebar .titlebutton.button:checked,
|
||
|
.titlebar .osd .titlebutton.button:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
background-clip: padding-box;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
button.suggested-action, headerbar .suggested-action.button.titlebutton,
|
||
|
.titlebar .suggested-action.button.titlebutton {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #989898, #888888); }
|
||
|
button.suggested-action.flat, headerbar .suggested-action.titlebutton.button,
|
||
|
.titlebar .suggested-action.titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #888888; }
|
||
|
button.suggested-action:hover {
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, #888888); }
|
||
|
button.suggested-action:active, button.suggested-action:checked {
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop {
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, headerbar .suggested-action.titlebutton.button:backdrop:active,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar .suggested-action.titlebutton.button:backdrop:checked,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:checked {
|
||
|
color: #d1eaf8;
|
||
|
border-color: #6A6865;
|
||
|
background-image: linear-gradient(to bottom, #6A6865);
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
button.suggested-action:backdrop:disabled > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
|
||
|
.titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label, button.suggested-action.flat:backdrop:disabled > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled > .label,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked {
|
||
|
color: #85ccf1;
|
||
|
border-color: #43b0e9;
|
||
|
background-image: linear-gradient(to bottom, #43b0e9); }
|
||
|
button.suggested-action:backdrop:disabled:active > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:active > .label,
|
||
|
.titlebar .suggested-action.button.titlebutton:backdrop:disabled:active > .label, button.suggested-action:backdrop:disabled:checked > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label,
|
||
|
.titlebar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label, button.suggested-action.flat:backdrop:disabled:active > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active > .label,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:active > .label, button.suggested-action.flat:backdrop:disabled:checked > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop, button.suggested-action.flat:disabled, headerbar .suggested-action.titlebutton.button:disabled,
|
||
|
.titlebar .suggested-action.titlebutton.button:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
|
||
|
.titlebar .suggested-action.titlebutton.button:backdrop:disabled {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: rgba(147, 147, 147, 0.8); }
|
||
|
button.suggested-action:disabled {
|
||
|
background-color: transparent;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
|
||
|
background-color: transparent;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
.osd button.suggested-action {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal; }
|
||
|
.osd button.suggested-action:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #e6e7e8;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.suggested-action:backdrop {
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
button.destructive-action, headerbar .destructive-action.button.titlebutton,
|
||
|
.titlebar .destructive-action.button.titlebutton {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #fcfcfc;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #f03232, #ef2929); }
|
||
|
button.destructive-action.flat, headerbar .destructive-action.titlebutton.button,
|
||
|
.titlebar .destructive-action.titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #ef2929; }
|
||
|
button.destructive-action:hover {
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #ef2929, #ef2929); }
|
||
|
button.destructive-action:active, button.destructive-action:checked {
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #ef2929, shade(#ef2929, 0.8)); }
|
||
|
button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop {
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #ef2929);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, headerbar .destructive-action.titlebutton.button:backdrop:active,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar .destructive-action.titlebutton.button:backdrop:checked,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:checked {
|
||
|
color: #f7cfcf;
|
||
|
border-color: #d51010;
|
||
|
background-image: linear-gradient(to bottom, #d51010);
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
button.destructive-action:backdrop:disabled > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
|
||
|
.titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label, button.destructive-action.flat:backdrop:disabled > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled > .label,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked {
|
||
|
color: #f57979;
|
||
|
border-color: #ef3131;
|
||
|
background-image: linear-gradient(to bottom, #ef3131); }
|
||
|
button.destructive-action:backdrop:disabled:active > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:active > .label,
|
||
|
.titlebar .destructive-action.button.titlebutton:backdrop:disabled:active > .label, button.destructive-action:backdrop:disabled:checked > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label,
|
||
|
.titlebar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label, button.destructive-action.flat:backdrop:disabled:active > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active > .label,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:active > .label, button.destructive-action.flat:backdrop:disabled:checked > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop, button.destructive-action.flat:disabled, headerbar .destructive-action.titlebutton.button:disabled,
|
||
|
.titlebar .destructive-action.titlebutton.button:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
|
||
|
.titlebar .destructive-action.titlebutton.button:backdrop:disabled {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: rgba(239, 41, 41, 0.8); }
|
||
|
button.destructive-action:disabled {
|
||
|
background-color: transparent;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
|
||
|
background-color: transparent;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
.osd button.destructive-action {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal; }
|
||
|
.osd button.destructive-action:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #ef2929, shade(#ef2929, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #e6e7e8;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd button.destructive-action:backdrop {
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
button.image-button, headerbar .titlebutton.button,
|
||
|
.titlebar .titlebutton.button {
|
||
|
padding: 8px; }
|
||
|
button.text-button, headerbar .text-button.button.titlebutton,
|
||
|
.titlebar .text-button.button.titlebutton {
|
||
|
padding-left: 16px;
|
||
|
padding-right: 16px; }
|
||
|
button.text-button.image-button, headerbar .text-button.titlebutton.button,
|
||
|
.titlebar .text-button.titlebutton.button {
|
||
|
padding: 5px 8px 6px; }
|
||
|
button.text-button.image-button .label:first-child, headerbar .text-button.titlebutton.button .label:first-child,
|
||
|
.titlebar .text-button.titlebutton.button .label:first-child {
|
||
|
padding-left: 8px; }
|
||
|
button.text-button.image-button .label:last-child, headerbar .text-button.titlebutton.button .label:last-child,
|
||
|
.titlebar .text-button.titlebutton.button .label:last-child {
|
||
|
padding-right: 8px; }
|
||
|
.stack-switcher > button, headerbar .stack-switcher > button.titlebutton,
|
||
|
.titlebar .stack-switcher > button.titlebutton {
|
||
|
outline-offset: -3px; }
|
||
|
.stack-switcher > button > .label {
|
||
|
padding-left: 6px;
|
||
|
padding-right: 6px; }
|
||
|
.stack-switcher > button > image, headerbar .stack-switcher > button.titlebutton > image,
|
||
|
.titlebar .stack-switcher > button.titlebutton > image {
|
||
|
padding-left: 6px;
|
||
|
padding-right: 6px;
|
||
|
padding-top: 3px;
|
||
|
padding-bottom: 3px; }
|
||
|
.stack-switcher > button.text-button, headerbar .stack-switcher > .text-button.button.titlebutton,
|
||
|
.titlebar .stack-switcher > .text-button.button.titlebutton {
|
||
|
padding: 5px 10px 6px; }
|
||
|
.stack-switcher > button.image-button, headerbar .stack-switcher > .titlebutton.button,
|
||
|
.titlebar .stack-switcher > .titlebutton.button {
|
||
|
padding: 5px 2px; }
|
||
|
.stack-switcher > button.needs-attention:active > .label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > .label, .stack-switcher > button.needs-attention:checked > image {
|
||
|
animation: none;
|
||
|
background-image: none; }
|
||
|
.inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
|
||
|
.inline-toolbar .titlebar button.titlebutton,
|
||
|
.titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop {
|
||
|
border-radius: 2px;
|
||
|
border-width: 1px; }
|
||
|
.primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
|
||
|
.primary-toolbar .titlebar button.titlebutton,
|
||
|
.titlebar .primary-toolbar button.titlebutton {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.stack-switcher > button.needs-attention > .label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > .label {
|
||
|
animation: needs_attention 150ms ease-in;
|
||
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#888888), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), 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 > image: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 > image:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
|
||
|
background-position: left 3px, left 4px; }
|
||
|
|
||
|
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton > button.titlebutton {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
|
||
|
.inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
|
||
|
.inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
.inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
|
||
|
.inline-toolbar toolbutton > button:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e2e3e5, #e6e7e8); }
|
||
|
.inline-toolbar toolbutton > button:disabled:active > .label, .inline-toolbar toolbutton > button:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
.inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
|
||
|
color: #c0c2c4;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #dfe2e4);
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
.inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
.inline-toolbar toolbutton > button:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked,
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #d9dadc); }
|
||
|
.inline-toolbar toolbutton > button:backdrop:disabled:active > .label, .inline-toolbar toolbutton > button:backdrop:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
|
||
|
.inline-toolbar toolbutton > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
|
||
|
.inline-toolbar .titlebar toolbutton > button.titlebutton:dir(rtl),
|
||
|
.titlebar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
|
||
|
.inline-toolbar toolbutton:backdrop > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:dir(rtl) > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
|
||
|
.inline-toolbar.toolbar toolbutton:backdrop:dir(rtl) > button.flat,
|
||
|
.inline-toolbar toolbutton:backdrop:dir(rtl) > button.flat,
|
||
|
.inline-toolbar.search-bar toolbutton:backdrop:dir(rtl) > button.flat,
|
||
|
.inline-toolbar.location-bar toolbutton:backdrop:dir(rtl) > button.flat,
|
||
|
.inline-toolbar headerbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
|
||
|
headerbar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:backdrop:dir(rtl) > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton, .osd button:dir(rtl):hover, .osd button:dir(rtl):active, .osd button:dir(rtl):checked, .osd button:dir(rtl):disabled, .osd button:dir(rtl):backdrop, .osd button.suggested-action:dir(rtl), .osd button.destructive-action:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), headerbar .linked > button.titlebutton:dir(rtl),
|
||
|
.titlebar .linked > button.titlebutton:dir(rtl), combobox.combobox-entry entry:dir(rtl), combobox.combobox-entry button:dir(rtl), .linked > combobox > button:dir(rtl) {
|
||
|
border-radius: 3px; }
|
||
|
|
||
|
.osd button:first-child:hover, .osd button:first-child:active, .osd button:first-child:checked, .osd button:first-child:disabled, .osd button:first-child:backdrop, .osd button.suggested-action:first-child, .osd button.destructive-action:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child,
|
||
|
.titlebar .linked > button.titlebutton:first-child, .inline-toolbar.toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.search-bar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:first-child > button.titlebutton,
|
||
|
.inline-toolbar.toolbar toolbutton:backdrop:first-child > button.flat,
|
||
|
.inline-toolbar toolbutton:backdrop:first-child > button.flat,
|
||
|
.inline-toolbar.search-bar toolbutton:backdrop:first-child > button.flat,
|
||
|
.inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat,
|
||
|
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
|
||
|
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.combobox-entry entry:first-child, combobox.combobox-entry button:first-child, .linked > combobox:first-child > button {
|
||
|
border-radius: 3px 3px 3px 3px;
|
||
|
border-left-style: solid; }
|
||
|
.osd button:last-child:hover, .osd button:last-child:active, .osd button:last-child:checked, .osd button:last-child:disabled, .osd button:last-child:backdrop, .osd button.suggested-action:last-child, .osd button.destructive-action:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
|
||
|
.titlebar .linked > button.titlebutton:last-child, .inline-toolbar.toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.search-bar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:last-child > button.titlebutton,
|
||
|
.inline-toolbar.toolbar toolbutton:backdrop:last-child > button.flat,
|
||
|
.inline-toolbar toolbutton:backdrop:last-child > button.flat,
|
||
|
.inline-toolbar.search-bar toolbutton:backdrop:last-child > button.flat,
|
||
|
.inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat,
|
||
|
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
|
||
|
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.combobox-entry entry:last-child, combobox.combobox-entry button:last-child, .linked > combobox:last-child > button {
|
||
|
border-radius: 3px 3px 3px 3px; }
|
||
|
.osd button:last-child:dir(rtl):hover, .osd button:last-child:dir(rtl):active, .osd button:last-child:dir(rtl):checked, .osd button:last-child:dir(rtl):disabled, .osd button:last-child:dir(rtl):backdrop, .osd button.suggested-action:last-child:dir(rtl), .osd button.destructive-action:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), headerbar .linked > button.titlebutton:last-child:dir(rtl),
|
||
|
.titlebar .linked > button.titlebutton:last-child:dir(rtl), .inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton:last-child > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
|
||
|
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton:dir(rtl),
|
||
|
.titlebar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
|
||
|
.inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:last-child:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:last-child:dir(rtl) > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
|
||
|
.inline-toolbar.toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
|
||
|
.inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
|
||
|
.inline-toolbar.search-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
|
||
|
.inline-toolbar.location-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
|
||
|
.inline-toolbar headerbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
|
||
|
headerbar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton, combobox.combobox-entry entry:last-child:dir(rtl), combobox.combobox-entry button:last-child:dir(rtl), .linked > combobox:last-child > button:dir(rtl) {
|
||
|
border-right-style: solid; }
|
||
|
.osd button:only-child:hover, .osd button:only-child:active, .osd button:only-child:checked, .osd button:only-child:disabled, .osd button:only-child:backdrop, .osd button.suggested-action:only-child, .osd button.destructive-action:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child,
|
||
|
.titlebar .linked > button.titlebutton:only-child, .inline-toolbar.toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.search-bar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:only-child > button.titlebutton,
|
||
|
.inline-toolbar.toolbar toolbutton:backdrop:only-child > button.flat,
|
||
|
.inline-toolbar toolbutton:backdrop:only-child > button.flat,
|
||
|
.inline-toolbar.search-bar toolbutton:backdrop:only-child > button.flat,
|
||
|
.inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat,
|
||
|
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
|
||
|
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
|
||
|
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
|
||
|
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, combobox.combobox-entry entry:only-child, combobox.combobox-entry button:only-child, .linked > combobox:only-child > button {
|
||
|
border-radius: 3px;
|
||
|
border-style: solid; }
|
||
|
|
||
|
.linked.vertical > entry, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton,
|
||
|
.titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > comboboxText > button,
|
||
|
.linked.vertical > combobox > button {
|
||
|
border-left-style: solid;
|
||
|
border-bottom-style: none;
|
||
|
border-radius: 3px; }
|
||
|
|
||
|
.linked.vertical > entry:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
|
||
|
.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > comboboxText:first-child > button,
|
||
|
.linked.vertical > combobox:first-child > button {
|
||
|
border-radius: 3px 3px 3px 3px; }
|
||
|
.linked.vertical > entry:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
|
||
|
.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > comboboxText:last-child > button,
|
||
|
.linked.vertical > combobox:last-child > button {
|
||
|
border-radius: 3px 3px 3px 3px;
|
||
|
border-style: solid; }
|
||
|
.linked.vertical > entry:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
|
||
|
.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > comboboxText:only-child > button,
|
||
|
.linked.vertical > combobox:only-child > button {
|
||
|
border-radius: 3px;
|
||
|
border-style: solid; }
|
||
|
|
||
|
menuitem.button.flat, headerbar menuitem.titlebutton.button,
|
||
|
.titlebar menuitem.titlebutton.button, menuitem.button.flat:backdrop, menuitem.button.flat:backdrop:hover, headerbar menuitem.titlebutton.button:backdrop:hover,
|
||
|
.titlebar menuitem.titlebutton.button:backdrop:hover, button:link, headerbar button.titlebutton:link,
|
||
|
.titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
|
||
|
.titlebar button.titlebutton: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, menu.button, headerbar menu.button.titlebutton,
|
||
|
.titlebar menu.button.titlebutton, list-row.button, headerbar list-row.button.titlebutton,
|
||
|
.titlebar list-row.button.titlebutton,
|
||
|
list-row.button:backdrop,
|
||
|
list-row.button:backdrop:active,
|
||
|
list-row.button:backdrop:checked,
|
||
|
list-row.button:backdrop:disabled,
|
||
|
list-row.button:backdrop:disabled:active,
|
||
|
list-row.button:backdrop:disabled:checked,
|
||
|
list-row.button:disabled:active,
|
||
|
list-row.button:disabled:checked, .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
|
||
|
.app-notification .titlebar .titlebutton.button,
|
||
|
.titlebar .app-notification .titlebutton.button,
|
||
|
.app-notification.frame button.flat, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, .app-notification headerbar .titlebutton.button:backdrop:disabled, headerbar .app-notification .titlebutton.button:backdrop:disabled,
|
||
|
.app-notification .titlebar .titlebutton.button:backdrop:disabled,
|
||
|
.titlebar .app-notification .titlebutton.button:backdrop:disabled,
|
||
|
.app-notification.frame button.flat:backdrop,
|
||
|
.app-notification.frame headerbar button.titlebutton:backdrop,
|
||
|
headerbar .app-notification.frame button.titlebutton:backdrop,
|
||
|
.app-notification.frame .titlebar button.titlebutton:backdrop,
|
||
|
.titlebar .app-notification.frame button.titlebutton:backdrop,
|
||
|
.app-notification.frame button.flat:disabled,
|
||
|
.app-notification.frame headerbar button.titlebutton:disabled,
|
||
|
headerbar .app-notification.frame button.titlebutton:disabled,
|
||
|
.app-notification.frame .titlebar button.titlebutton:disabled,
|
||
|
.titlebar .app-notification.frame button.titlebutton:disabled,
|
||
|
.app-notification.frame button.flat:backdrop:disabled, calendar.button, headerbar calendar.button.titlebutton,
|
||
|
.titlebar calendar.button.titlebutton, calendar.button:hover, calendar.button:backdrop, scale-popup button:hover, scale-popup button:backdrop, scale-popup button:backdrop:hover, scale-popup button:backdrop:disabled {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
/* menu buttons */
|
||
|
menuitem.button.flat, headerbar menuitem.titlebutton.button,
|
||
|
.titlebar menuitem.titlebutton.button {
|
||
|
outline-offset: -1px; }
|
||
|
menuitem.button.flat:hover, headerbar menuitem.titlebutton.button:hover,
|
||
|
.titlebar menuitem.titlebutton.button:hover {
|
||
|
background-color: #dcdddf; }
|
||
|
|
||
|
button.color, headerbar button.color.titlebutton,
|
||
|
.titlebar button.color.titlebutton {
|
||
|
padding: 5px; }
|
||
|
button.color colorswatch:first-child:last-child {
|
||
|
border-radius: 0;
|
||
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
|
||
|
button.color colorswatch:first-child:last-child:disabled, button.color colorswatch:first-child:last-child:backdrop {
|
||
|
box-shadow: none; }
|
||
|
|
||
|
/*********
|
||
|
* Links *
|
||
|
*********/
|
||
|
*:link, button:link, headerbar button.titlebutton:link,
|
||
|
.titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
|
||
|
.titlebar button.titlebutton:visited {
|
||
|
color: #6A6865; }
|
||
|
*:link:visited, button:visited, headerbar button.titlebutton:visited,
|
||
|
.titlebar button.titlebutton:visited {
|
||
|
color: #1478ac; }
|
||
|
*:selected *:link:visited, *:selected button:visited {
|
||
|
color: #b0ddf4; }
|
||
|
*:link:hover, button:hover:link, button:hover:visited {
|
||
|
color: #888888; }
|
||
|
*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
|
||
|
color: #e9f4fa; }
|
||
|
*:link:active, button:active:link, button:active:visited {
|
||
|
color: #6A6865; }
|
||
|
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
|
||
|
color: #d6ecf8; }
|
||
|
*:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link,
|
||
|
headerbar.selection-mode .subtitle:backdrop:hover:link {
|
||
|
color: #888888; }
|
||
|
*:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link,
|
||
|
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
|
||
|
color: #d6ecf8; }
|
||
|
|
||
|
button:link, headerbar button.titlebutton:link,
|
||
|
.titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
|
||
|
.titlebar button.titlebutton: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; }
|
||
|
|
||
|
/*****************
|
||
|
* GtkSpinButton *
|
||
|
*****************/
|
||
|
spinbutton button, spinbutton headerbar button.titlebutton, headerbar spinbutton button.titlebutton,
|
||
|
spinbutton .titlebar button.titlebutton,
|
||
|
.titlebar spinbutton button.titlebutton {
|
||
|
background-image: none;
|
||
|
border-style: none none none solid;
|
||
|
border-color: rgba(189, 195, 199, 0.3);
|
||
|
color: #454a4e;
|
||
|
border-radius: 0;
|
||
|
box-shadow: none; }
|
||
|
spinbutton button:dir(rtl) {
|
||
|
border-style: none solid none none; }
|
||
|
spinbutton button:hover {
|
||
|
color: #363636;
|
||
|
background-color: rgba(49, 54, 59, 0.05); }
|
||
|
spinbutton button:disabled {
|
||
|
color: rgba(144, 147, 150, 0.3); }
|
||
|
spinbutton button:active {
|
||
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
|
||
|
background-color: rgba(0, 0, 0, 0.1); }
|
||
|
spinbutton button:backdrop {
|
||
|
color: #c6c8ca;
|
||
|
border-color: rgba(194, 200, 203, 0.3);
|
||
|
background-color: transparent; }
|
||
|
spinbutton button:backdrop:disabled {
|
||
|
background-image: none;
|
||
|
color: rgba(198, 202, 205, 0.3);
|
||
|
border-style: none none none solid; }
|
||
|
spinbutton button:backdrop:disabled:dir(rtl) {
|
||
|
border-style: none solid none none; }
|
||
|
.osd spinbutton button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #363636;
|
||
|
border-style: none none none solid;
|
||
|
border-color: rgba(0, 0, 0, 0.4);
|
||
|
border-radius: 0;
|
||
|
box-shadow: none;
|
||
|
-gtk-icon-shadow: 0 1px black; }
|
||
|
.osd spinbutton button:dir(rtl) {
|
||
|
border-style: none solid none none; }
|
||
|
.osd spinbutton button:hover {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #363636;
|
||
|
border-color: rgba(0, 0, 0, 0.5);
|
||
|
background-color: rgba(49, 54, 59, 0.1);
|
||
|
-gtk-icon-shadow: 0 1px black;
|
||
|
box-shadow: none; }
|
||
|
.osd spinbutton button:backdrop {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #363636;
|
||
|
border-color: rgba(0, 0, 0, 0.5);
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: none; }
|
||
|
.osd spinbutton button:disabled {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #97999c;
|
||
|
border-color: rgba(0, 0, 0, 0.5);
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: none; }
|
||
|
.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: 8px;
|
||
|
padding-bottom: 8px; }
|
||
|
spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
|
||
|
spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
|
||
|
spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
spinbutton.vertical button:first-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:first-child:disabled > .label,
|
||
|
spinbutton.vertical .titlebar button.titlebutton:first-child:disabled > .label, spinbutton.vertical:dir(rtl) button:first-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:first-child:disabled > .label,
|
||
|
spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:first-child:disabled > .label {
|
||
|
color: inherit; }
|
||
|
spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
|
||
|
spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
|
||
|
spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
|
||
|
spinbutton.vertical button:last-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:last-child:disabled > .label,
|
||
|
spinbutton.vertical .titlebar button.titlebutton:last-child:disabled > .label, spinbutton.vertical:dir(rtl) button:last-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:last-child:disabled > .label,
|
||
|
spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:last-child:disabled > .label {
|
||
|
color: inherit; }
|
||
|
spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
spinbutton.vertical button:backdrop:disabled, spinbutton.vertical:dir(rtl) button:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
spinbutton.vertical button:backdrop:disabled > .label, spinbutton.vertical headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
spinbutton.vertical .titlebar button.titlebutton:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) button:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
spinbutton.vertical.entry, spinbutton.vertical:dir(rtl).entry {
|
||
|
border-radius: 0;
|
||
|
padding-left: 3px;
|
||
|
padding-right: 3px; }
|
||
|
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:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:disabled, 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:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
|
||
|
border-radius: 0 0 3px 3px;
|
||
|
border-style: none solid solid solid; }
|
||
|
treeview spinbutton.entry, treeview spinbutton.entry:focus {
|
||
|
padding: 1px;
|
||
|
border-width: 1px 0;
|
||
|
border-color: #888888;
|
||
|
border-radius: 0;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
/**************
|
||
|
* ComboBoxes *
|
||
|
**************/
|
||
|
combobox {
|
||
|
-combobox-arrow-scaling: 0.5;
|
||
|
-combobox-shadow-type: none;
|
||
|
box-shadow: 0 1px white; }
|
||
|
combobox > button, headerbar combobox > button.titlebutton,
|
||
|
.titlebar combobox > button.titlebutton {
|
||
|
padding-top: 3px;
|
||
|
padding-bottom: 4px; }
|
||
|
combobox:disabled {
|
||
|
color: #909396;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
combobox:backdrop {
|
||
|
color: #c0c2c4;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
combobox:backdrop:disabled {
|
||
|
color: #c6cacd; }
|
||
|
combobox menuitem {
|
||
|
text-shadow: none; }
|
||
|
combobox .separator.vertical, combobox placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view combobox .vertical.separator {
|
||
|
-GtkWidget-wide-separators: true; }
|
||
|
|
||
|
/************
|
||
|
* Toolbars *
|
||
|
************/
|
||
|
.toolbar, .inline-toolbar, .search-bar, .location-bar {
|
||
|
-GtkWidget-window-dragging: true;
|
||
|
padding: 4px;
|
||
|
background-color: #eff0f1; }
|
||
|
.osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar {
|
||
|
padding: 13px;
|
||
|
border: none;
|
||
|
border-radius: 5px;
|
||
|
background-color: rgba(252, 252, 252, 0.8); }
|
||
|
|
||
|
.inline-toolbar {
|
||
|
border-width: 0 1px 1px;
|
||
|
padding: 3px;
|
||
|
border-radius: 0 0 3px 3px; }
|
||
|
|
||
|
.search-bar, .location-bar {
|
||
|
border-width: 0 0 1px;
|
||
|
padding: 3px; }
|
||
|
|
||
|
.inline-toolbar, .search-bar, .location-bar {
|
||
|
border-style: solid;
|
||
|
border-color: #c2c2c2;
|
||
|
text-shadow: none;
|
||
|
background-color: #eff0f1; }
|
||
|
.inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
|
||
|
border-color: #c2c8cb;
|
||
|
background-color: #dfe2e4;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
/***************
|
||
|
* Header bars *
|
||
|
***************/
|
||
|
.titlebar,
|
||
|
headerbar {
|
||
|
padding: 2px 6px;
|
||
|
/*papirus
|
||
|
border-width: 0px 0px 2px 0px;
|
||
|
border-style: solid;
|
||
|
border-color: #888888;
|
||
|
border-radius: 0;
|
||
|
*/
|
||
|
/*papirus*/
|
||
|
color: #888888;
|
||
|
background-image: none;
|
||
|
/*papirus*/
|
||
|
background-color: #eff0f1;
|
||
|
box-shadow: none; }
|
||
|
.titlebar:backdrop,
|
||
|
headerbar:backdrop {
|
||
|
border-color: transparent;
|
||
|
background-color: #eff0f1;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
color: #c0c2c4; }
|
||
|
.titlebar .path-bar button,
|
||
|
headerbar .path-bar button {
|
||
|
color: #fcfcfc; }
|
||
|
.titlebar button,
|
||
|
.titlebar button.titlebutton,
|
||
|
headerbar button,
|
||
|
headerbar button.titlebutton {
|
||
|
/*papirus*/
|
||
|
background-color: #eff0f1;
|
||
|
/*papirus*/
|
||
|
color: #746f6e;
|
||
|
background-image: none;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
.titlebar button.flat,
|
||
|
.titlebar .titlebutton.button,
|
||
|
headerbar button.flat,
|
||
|
headerbar .titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.titlebar button:hover,
|
||
|
headerbar button:hover {
|
||
|
border-color: #888888; }
|
||
|
.titlebar button:active, .titlebar button:checked,
|
||
|
headerbar button:active,
|
||
|
headerbar button:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
border-color: #4f4f4f;
|
||
|
box-shadow: none; }
|
||
|
.titlebar button:active:hover, .titlebar button:checked:hover,
|
||
|
headerbar button:active:hover,
|
||
|
headerbar button:checked:hover {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, #888888);
|
||
|
border-color: #4f4f4f;
|
||
|
box-shadow: none; }
|
||
|
.titlebar button:active:backdrop, .titlebar button:checked:backdrop,
|
||
|
headerbar button:active:backdrop,
|
||
|
headerbar button:checked:backdrop {
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1; }
|
||
|
.titlebar button.suggested-action,
|
||
|
headerbar button.suggested-action {
|
||
|
background-color: shade(#888888, 1.1); }
|
||
|
.titlebar button.suggested-action:hover,
|
||
|
headerbar button.suggested-action:hover {
|
||
|
background-color: #888888; }
|
||
|
.titlebar button.suggested-action:disabled,
|
||
|
headerbar button.suggested-action:disabled {
|
||
|
background-color: #4f4f4f;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
.titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked,
|
||
|
headerbar button.suggested-action:disabled:active,
|
||
|
headerbar button.suggested-action:disabled:checked {
|
||
|
background-color: #4f4f4f;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
.titlebar button:backdrop,
|
||
|
headerbar button:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
color: #c0c2c4; }
|
||
|
.titlebar button.flat:backdrop,
|
||
|
.titlebar .titlebutton.button:backdrop, .titlebar button.flat:backdrop:disabled,
|
||
|
.titlebar .titlebutton.button:backdrop:disabled, .titlebar button:disabled:backdrop,
|
||
|
headerbar button.flat:backdrop,
|
||
|
headerbar .titlebutton.button:backdrop,
|
||
|
headerbar button.flat:backdrop:disabled,
|
||
|
headerbar .titlebutton.button:backdrop:disabled,
|
||
|
headerbar button:disabled:backdrop {
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
color: #c0c2c4; }
|
||
|
.titlebar button.flat:disabled,
|
||
|
.titlebar .titlebutton.button:disabled,
|
||
|
headerbar button.flat:disabled,
|
||
|
headerbar .titlebutton.button:disabled {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.titlebar button:disabled,
|
||
|
headerbar button:disabled {
|
||
|
background-color: #4f4f4f;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
.titlebar button:disabled:active, .titlebar button:disabled:checked,
|
||
|
headerbar button:disabled:active,
|
||
|
headerbar button:disabled:checked {
|
||
|
color: #40464b;
|
||
|
border-color: #4f4f4f;
|
||
|
background-image: linear-gradient(to bottom, #555c61, #565d62); }
|
||
|
.titlebar button:disabled:active > .label, .titlebar headerbar button.titlebutton:disabled:active > .label, .titlebar button:disabled:checked > .label, .titlebar headerbar button.titlebutton:disabled:checked > .label,
|
||
|
headerbar button:disabled:active > .label,
|
||
|
headerbar .titlebar button.titlebutton:disabled:active > .label,
|
||
|
headerbar button:disabled:checked > .label,
|
||
|
headerbar .titlebar button.titlebutton:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar .title,
|
||
|
headerbar .title {
|
||
|
font-weight: normal;
|
||
|
padding: 0px 12px; }
|
||
|
.titlebar .subtitle,
|
||
|
headerbar .subtitle {
|
||
|
font-size: smaller;
|
||
|
padding: 0 12px; }
|
||
|
.titlebar .header-bar-separator, .titlebar > box > .separator.vertical,
|
||
|
placessidebar.sidebar .view .titlebar > box > .vertical.separator:backdrop,
|
||
|
headerbar .header-bar-separator,
|
||
|
headerbar > box > .separator.vertical,
|
||
|
placessidebar.sidebar .view headerbar > box > .vertical.separator:backdrop {
|
||
|
-GtkWidget-wide-separators: true;
|
||
|
-GtkWidget-separator-width: 1px;
|
||
|
border-width: 0 1px;
|
||
|
border-image: linear-gradient(to bottom, rgba(189, 195, 199, 0), #c2c2c2 30%, #c2c2c2 70%, rgba(189, 195, 199, 0) 100%) 0 1/0 1px stretch; }
|
||
|
.titlebar .header-bar-separator:backdrop, .titlebar > box > .separator.vertical:backdrop,
|
||
|
headerbar .header-bar-separator:backdrop,
|
||
|
headerbar > box > .separator.vertical:backdrop {
|
||
|
border-image: linear-gradient(to bottom, rgba(194, 200, 203, 0.5)) 0 1/1px 1px; }
|
||
|
.titlebar.selection-mode,
|
||
|
headerbar.selection-mode {
|
||
|
color: #fcfcfc;
|
||
|
text-shadow: none;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-color: #4f4f4f;
|
||
|
box-shadow: none; }
|
||
|
.titlebar.selection-mode:backdrop,
|
||
|
headerbar.selection-mode:backdrop {
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
box-shadow: none; }
|
||
|
.titlebar.selection-mode button,
|
||
|
headerbar.selection-mode button {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #989898, #888888); }
|
||
|
.titlebar.selection-mode button.flat,
|
||
|
.titlebar.selection-mode .titlebutton.button,
|
||
|
headerbar.selection-mode button.flat,
|
||
|
headerbar.selection-mode .titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.titlebar.selection-mode button:hover,
|
||
|
headerbar.selection-mode button:hover {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, #888888); }
|
||
|
.titlebar.selection-mode button:active, .titlebar.selection-mode button:checked,
|
||
|
headerbar.selection-mode button:active,
|
||
|
headerbar.selection-mode button:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
.titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop,
|
||
|
headerbar.selection-mode button:backdrop,
|
||
|
headerbar.selection-mode button.flat:backdrop,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
|
||
|
-gtk-icon-effect: none;
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:checked,
|
||
|
headerbar.selection-mode button:backdrop:active,
|
||
|
headerbar.selection-mode button:backdrop:checked,
|
||
|
headerbar.selection-mode button.flat:backdrop:active,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:active,
|
||
|
headerbar.selection-mode button.flat:backdrop:checked,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:checked {
|
||
|
color: #cfe8f5;
|
||
|
border-color: #6A6865;
|
||
|
background-image: linear-gradient(to bottom, #6A6865);
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button:backdrop:disabled, .titlebar.selection-mode button.flat:backdrop:disabled,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:disabled,
|
||
|
headerbar.selection-mode button:backdrop:disabled,
|
||
|
headerbar.selection-mode button.flat:backdrop:disabled,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:disabled {
|
||
|
color: #93d1f2;
|
||
|
border-color: #5abaec;
|
||
|
background-image: linear-gradient(to bottom, #5abaec);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button:backdrop:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled > .label, .titlebar.selection-mode button.flat:backdrop:disabled > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled > .label,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode button:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode button.flat:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar.selection-mode button:backdrop:disabled:active, .titlebar.selection-mode button:backdrop:disabled:checked, .titlebar.selection-mode button.flat:backdrop:disabled:active,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:active, .titlebar.selection-mode button.flat:backdrop:disabled:checked,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked,
|
||
|
headerbar.selection-mode button:backdrop:disabled:active,
|
||
|
headerbar.selection-mode button:backdrop:disabled:checked,
|
||
|
headerbar.selection-mode button.flat:backdrop:disabled:active,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:disabled:active,
|
||
|
headerbar.selection-mode button.flat:backdrop:disabled:checked,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked {
|
||
|
color: #84cbf0;
|
||
|
border-color: #43b0e9;
|
||
|
background-image: linear-gradient(to bottom, #43b0e9);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:active > .label, .titlebar.selection-mode button:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:checked > .label, .titlebar.selection-mode button.flat:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:active > .label,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:active > .label, .titlebar.selection-mode button.flat:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
headerbar.selection-mode button:backdrop:disabled:active > .label,
|
||
|
headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:active > .label,
|
||
|
headerbar.selection-mode button:backdrop:disabled:checked > .label,
|
||
|
headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:checked > .label,
|
||
|
headerbar.selection-mode button.flat:backdrop:disabled:active > .label,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:disabled:active > .label,
|
||
|
headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:active > .label,
|
||
|
headerbar.selection-mode button.flat:backdrop:disabled:checked > .label,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar.selection-mode button.flat:backdrop,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode button.flat:disabled,
|
||
|
.titlebar.selection-mode .titlebutton.button:disabled, .titlebar.selection-mode button.flat:disabled:backdrop,
|
||
|
.titlebar.selection-mode .titlebutton.button:disabled:backdrop,
|
||
|
headerbar.selection-mode button.flat:backdrop,
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop,
|
||
|
headerbar.selection-mode button.flat:disabled,
|
||
|
headerbar.selection-mode .titlebutton.button:disabled,
|
||
|
headerbar.selection-mode button.flat:disabled:backdrop,
|
||
|
headerbar.selection-mode .titlebutton.button:disabled:backdrop {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.titlebar.selection-mode button:disabled,
|
||
|
headerbar.selection-mode button:disabled {
|
||
|
color: #abdbf4;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #5abaec);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
|
||
|
.titlebar.selection-mode button:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled > .label,
|
||
|
headerbar.selection-mode button:disabled > .label,
|
||
|
headerbar.selection-mode .titlebar button.titlebutton:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar.selection-mode button:disabled:active, .titlebar.selection-mode button:disabled:checked,
|
||
|
headerbar.selection-mode button:disabled:active,
|
||
|
headerbar.selection-mode button:disabled:checked {
|
||
|
color: #b2def4;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #42b0e9, #43b0e9); }
|
||
|
.titlebar.selection-mode button:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:active > .label, .titlebar.selection-mode button:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:checked > .label,
|
||
|
headerbar.selection-mode button:disabled:active > .label,
|
||
|
headerbar.selection-mode .titlebar button.titlebutton:disabled:active > .label,
|
||
|
headerbar.selection-mode button:disabled:checked > .label,
|
||
|
headerbar.selection-mode .titlebar button.titlebutton:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar.selection-mode button.suggested-action,
|
||
|
headerbar.selection-mode button.suggested-action {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button.suggested-action:hover,
|
||
|
headerbar.selection-mode button.suggested-action:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button.suggested-action:active,
|
||
|
headerbar.selection-mode button.suggested-action:active {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button.suggested-action:disabled,
|
||
|
headerbar.selection-mode button.suggested-action:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white;
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button.suggested-action:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:disabled > .label,
|
||
|
headerbar.selection-mode button.suggested-action:disabled > .label,
|
||
|
headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar.selection-mode button.suggested-action:backdrop,
|
||
|
headerbar.selection-mode button.suggested-action:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button.suggested-action:backdrop:disabled,
|
||
|
headerbar.selection-mode button.suggested-action:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
.titlebar.selection-mode button.suggested-action:backdrop:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode button.suggested-action:backdrop:disabled > .label,
|
||
|
headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
|
||
|
headerbar.selection-mode .selection-menu,
|
||
|
headerbar.selection-mode .selection-menu:backdrop {
|
||
|
border-color: rgba(147, 147, 147, 0);
|
||
|
background-image: linear-gradient(to bottom, rgba(147, 147, 147, 0));
|
||
|
box-shadow: none;
|
||
|
padding-left: 10px;
|
||
|
padding-right: 10px; }
|
||
|
.titlebar.selection-mode .selection-menu arrow, .titlebar.selection-mode .selection-menu:backdrop arrow,
|
||
|
headerbar.selection-mode .selection-menu arrow,
|
||
|
headerbar.selection-mode .selection-menu:backdrop arrow {
|
||
|
-arrow-arrow-scaling: 1; }
|
||
|
.titlebar.selection-mode .selection-menu .arrow,
|
||
|
headerbar.selection-mode .selection-menu .arrow {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||
|
color: rgba(252, 252, 252, 0.5);
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.tiled .titlebar, .maximized .titlebar, .tiled
|
||
|
headerbar, .maximized
|
||
|
headerbar {
|
||
|
border-radius: 0; }
|
||
|
.titlebar.default-decoration,
|
||
|
headerbar.default-decoration {
|
||
|
padding: 4px; }
|
||
|
.titlebar.default-decoration button,
|
||
|
headerbar.default-decoration button {
|
||
|
padding: 5px; }
|
||
|
|
||
|
/************
|
||
|
* Pathbars *
|
||
|
************/
|
||
|
.path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton,
|
||
|
.path-bar .titlebar button.titlebutton,
|
||
|
.titlebar .path-bar button.titlebutton {
|
||
|
padding: 5px 6px 6px;
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #363636; }
|
||
|
.path-bar button:hover {
|
||
|
border-color: #888888; }
|
||
|
.path-bar button:active, .path-bar button:checked {
|
||
|
background-color: #c2c2c2; }
|
||
|
.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 image, .path-bar headerbar button.titlebutton image, headerbar .path-bar button.titlebutton image,
|
||
|
.path-bar .titlebar button.titlebutton image,
|
||
|
.titlebar .path-bar button.titlebutton image {
|
||
|
padding-top: 1px; }
|
||
|
|
||
|
/**************
|
||
|
* Tree Views *
|
||
|
**************/
|
||
|
treeview.view {
|
||
|
-GtkTreeView-grid-line-width: 1;
|
||
|
-GtkTreeView-grid-line-pattern: '';
|
||
|
-GtkTreeView-tree-line-width: 1;
|
||
|
-GtkTreeView-tree-line-pattern: '';
|
||
|
-GtkTreeView-expander-size: 16;
|
||
|
border-left-color: #97999c;
|
||
|
border-top-color: #eff0f1; }
|
||
|
treeview.view:selected {
|
||
|
border-radius: 0; }
|
||
|
treeview.view:selected, treeview.view:backdrop:selected {
|
||
|
border-left-color: #9dd5f3;
|
||
|
border-top-color: rgba(49, 54, 59, 0.1); }
|
||
|
treeview.view:disabled {
|
||
|
color: #909396; }
|
||
|
treeview.view:disabled:selected {
|
||
|
color: #89cdf1; }
|
||
|
treeview.view:disabled:selected:backdrop {
|
||
|
color: #76c5ef; }
|
||
|
treeview.view:disabled:backdrop {
|
||
|
color: #c6cacd; }
|
||
|
treeview.view.separator:backdrop {
|
||
|
color: rgba(0, 0, 0, 0.1); }
|
||
|
treeview.view:backdrop {
|
||
|
border-left-color: #d8d9db;
|
||
|
border-top: #eff0f1; }
|
||
|
treeview.view.dnd {
|
||
|
border-style: solid none;
|
||
|
border-width: 1px;
|
||
|
border-color: #377292; }
|
||
|
treeview.view.expander {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
||
|
color: #6e7175; }
|
||
|
treeview.view.expander:dir(rtl) {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
||
|
treeview.view.expander:hover {
|
||
|
color: #363636; }
|
||
|
treeview.view.expander:selected {
|
||
|
color: #c3e5f6; }
|
||
|
treeview.view.expander:selected:hover {
|
||
|
color: #fcfcfc; }
|
||
|
treeview.view.expander:selected:backdrop {
|
||
|
color: #c3e5f6; }
|
||
|
treeview.view.expander:checked {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||
|
treeview.view.expander:backdrop {
|
||
|
color: #d3d4d6; }
|
||
|
treeview.view.progressbar {
|
||
|
color: #fcfcfc;
|
||
|
border: 1px solid #888888;
|
||
|
border-radius: 4px;
|
||
|
background-image: linear-gradient(to bottom, #888888, #6A6865);
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
|
||
|
treeview.view.progressbar:selected {
|
||
|
color: #888888;
|
||
|
box-shadow: none;
|
||
|
background-image: linear-gradient(to bottom, #fcfcfc, #e3e3e3); }
|
||
|
treeview.view.progressbar:selected:backdrop {
|
||
|
color: #888888;
|
||
|
border-color: #888888;
|
||
|
background-color: white; }
|
||
|
treeview.view.progressbar:backdrop {
|
||
|
color: white;
|
||
|
background-image: none;
|
||
|
box-shadow: none; }
|
||
|
treeview.view.trough {
|
||
|
background-color: rgba(49, 54, 59, 0.1);
|
||
|
border-radius: 4px; }
|
||
|
treeview.view.trough:selected {
|
||
|
background-color: rgba(252, 252, 252, 0.3);
|
||
|
border-width: 1px 0;
|
||
|
border-style: solid;
|
||
|
border-color: #888888; }
|
||
|
|
||
|
column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
|
||
|
column-header .titlebar button.titlebutton,
|
||
|
.titlebar column-header button.titlebutton {
|
||
|
color: #97999c;
|
||
|
background-color: #fcfcfc;
|
||
|
font-weight: bold;
|
||
|
text-shadow: none;
|
||
|
box-shadow: none; }
|
||
|
column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover,
|
||
|
column-header .titlebar button.titlebutton:hover,
|
||
|
.titlebar column-header button.titlebutton:hover {
|
||
|
color: #64686c;
|
||
|
box-shadow: none;
|
||
|
transition: none; }
|
||
|
column-header button:active, column-header headerbar button.titlebutton:active, headerbar column-header button.titlebutton:active,
|
||
|
column-header .titlebar button.titlebutton:active,
|
||
|
.titlebar column-header button.titlebutton:active {
|
||
|
color: #363636;
|
||
|
transition: none; }
|
||
|
column-header:last-child button, column-header:last-child headerbar button.titlebutton, headerbar column-header:last-child button.titlebutton,
|
||
|
column-header:last-child .titlebar button.titlebutton,
|
||
|
.titlebar column-header:last-child button.titlebutton, column-header:last-child button:backdrop, column-header:last-child.button, headerbar column-header.button.titlebutton:last-child,
|
||
|
.titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
|
||
|
border-right-style: none; }
|
||
|
|
||
|
column-header.button.dnd, column-header button.dnd, column-header headerbar .dnd.button.titlebutton, headerbar column-header .dnd.button.titlebutton,
|
||
|
column-header .titlebar .dnd.button.titlebutton,
|
||
|
.titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, headerbar column-header.dnd.button.titlebutton,
|
||
|
.titlebar column-header.dnd.button.titlebutton {
|
||
|
transition: none;
|
||
|
color: #888888;
|
||
|
box-shadow: inset 1px 1px 0 1px #888888, inset -1px 0 0 1px #888888, inset 1px 1px #fcfcfc, inset -1px 0 #fcfcfc; }
|
||
|
|
||
|
column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
|
||
|
column-header .titlebar button.titlebutton,
|
||
|
.titlebar column-header button.titlebutton, column-header button:hover, column-header button:active {
|
||
|
padding: 3px 6px;
|
||
|
border-style: none solid solid none;
|
||
|
border-radius: 0;
|
||
|
background-image: none;
|
||
|
border-color: #eff0f1;
|
||
|
text-shadow: none; }
|
||
|
column-header button:disabled, column-header headerbar button.titlebutton:disabled, headerbar column-header button.titlebutton:disabled,
|
||
|
column-header .titlebar button.titlebutton:disabled,
|
||
|
.titlebar column-header button.titlebutton:disabled {
|
||
|
border-color: #eff0f1;
|
||
|
background-image: none; }
|
||
|
column-header button:backdrop, column-header headerbar button.titlebutton:backdrop, headerbar column-header button.titlebutton:backdrop,
|
||
|
column-header .titlebar button.titlebutton:backdrop,
|
||
|
.titlebar column-header button.titlebutton:backdrop {
|
||
|
border-color: #eff0f1;
|
||
|
border-style: none solid solid none;
|
||
|
color: #d8d9db;
|
||
|
background-image: none;
|
||
|
background-color: white; }
|
||
|
column-header button:backdrop:disabled {
|
||
|
border-color: #eff0f1;
|
||
|
background-image: none; }
|
||
|
|
||
|
/*********
|
||
|
* Menus *
|
||
|
*********/
|
||
|
menubar {
|
||
|
-GtkWidget-window-dragging: true;
|
||
|
padding: 2px;
|
||
|
box-shadow: none; }
|
||
|
menubar:backdrop {
|
||
|
background-color: #eff0f1; }
|
||
|
menubar > menuitem {
|
||
|
padding: 4px 8px; }
|
||
|
menubar > menuitem:hover {
|
||
|
background-color: #888888;
|
||
|
color: #fcfcfc; }
|
||
|
menubar > menuitem:disabled {
|
||
|
color: #909396;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
menu {
|
||
|
padding: 0px;
|
||
|
background-color: #eff0f1;
|
||
|
border: 1px solid #c2c2c2;
|
||
|
border-radius: 3px; }
|
||
|
.csd menu {
|
||
|
border: 1px solid #c2c2c2; }
|
||
|
menu menuitem {
|
||
|
text-shadow: none;
|
||
|
padding: 6px 6px; }
|
||
|
menu menuitem:hover {
|
||
|
color: #fcfcfc;
|
||
|
background-color: #888888;
|
||
|
background-clip: padding-box;
|
||
|
border-style: solid;
|
||
|
border-width: 0px 1px 0px 1px;
|
||
|
border-color: #6A6865; }
|
||
|
menu menuitem:hover:first-child {
|
||
|
border-radius: 3px 3px 0px 0px;
|
||
|
border-width: 1px 1px 0px 1px; }
|
||
|
menu menuitem:hover:last-child {
|
||
|
border-radius: 0px 0px 3px 3px;
|
||
|
border-width: 0px 1px 1px 1px; }
|
||
|
menu menuitem:disabled, menu menuitem *:disabled {
|
||
|
color: #909396; }
|
||
|
menu menuitem:disabled:backdrop, menu menuitem *:disabled:backdrop {
|
||
|
color: #c6cacd; }
|
||
|
menu menuitem:backdrop, menu menuitem:backdrop:hover {
|
||
|
color: #363636;
|
||
|
background-color: #eff0f1; }
|
||
|
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"); }
|
||
|
menu.button, headerbar menu.button.titlebutton,
|
||
|
.titlebar menu.button.titlebutton {
|
||
|
border-style: none;
|
||
|
border-radius: 0; }
|
||
|
menu.button.top {
|
||
|
border-bottom: 1px solid #e8e8e9; }
|
||
|
menu.button.bottom {
|
||
|
border-top: 1px solid #e8e8e9; }
|
||
|
menu.button:hover {
|
||
|
background-color: #e8e8e9; }
|
||
|
menu.button:disabled {
|
||
|
color: transparent;
|
||
|
background-color: transparent;
|
||
|
border-color: transparent; }
|
||
|
|
||
|
menuitem .accelerator {
|
||
|
color: alpha(currentColor,0.55); }
|
||
|
|
||
|
/***************
|
||
|
* Popovers *
|
||
|
***************/
|
||
|
popover {
|
||
|
padding: 2px;
|
||
|
border: 1px solid #c2c2c2;
|
||
|
border-radius: 2px;
|
||
|
background-color: #eff0f1;
|
||
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
|
||
|
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, popover headerbar .titlebutton.button, headerbar popover .titlebutton.button,
|
||
|
popover .titlebar .titlebutton.button,
|
||
|
.titlebar popover .titlebutton.button {
|
||
|
color: #363636; }
|
||
|
popover button.flat:hover, popover headerbar .titlebutton.button:hover, headerbar popover .titlebutton.button:hover,
|
||
|
popover .titlebar .titlebutton.button:hover,
|
||
|
.titlebar popover .titlebutton.button:hover {
|
||
|
background-color: rgba(147, 147, 147, 0.2);
|
||
|
color: #363636;
|
||
|
text-shadow: none;
|
||
|
transition: none; }
|
||
|
|
||
|
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"); }
|
||
|
|
||
|
/*****************
|
||
|
* Notebooks and *
|
||
|
* Tabs *
|
||
|
*****************/
|
||
|
notebook {
|
||
|
background-color: #eff0f1;
|
||
|
-GtkNotebook-initial-gap: 0;
|
||
|
-GtkNotebook-arrow-spacing: 5;
|
||
|
-GtkNotebook-tab-curvature: 0;
|
||
|
-GtkNotebook-tab-overlap: 0;
|
||
|
-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); }
|
||
|
notebook.frame {
|
||
|
border: 1px solid #c2c2c2; }
|
||
|
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.header {
|
||
|
background-color: #eff0f1;
|
||
|
padding-top: 4px; }
|
||
|
notebook.header.frame {
|
||
|
border-style: solid;
|
||
|
border-color: #c2c2c2; }
|
||
|
notebook.header.frame.top {
|
||
|
border-width: 0px; }
|
||
|
notebook.header.frame.bottom {
|
||
|
border-width: 0px; }
|
||
|
notebook.header.frame.right {
|
||
|
border-width: 0px; }
|
||
|
notebook.header.frame.left {
|
||
|
border-width: 0px; }
|
||
|
notebook.header.frame:backdrop {
|
||
|
border-color: #c2c2c2; }
|
||
|
notebook.header.top {
|
||
|
box-shadow: inset 0 -1px #c2c2c2; }
|
||
|
notebook.header.bottom {
|
||
|
box-shadow: inset 0 1px #c2c2c2; }
|
||
|
notebook.header.right {
|
||
|
box-shadow: inset 1px 0 #c2c2c2; }
|
||
|
notebook.header.left {
|
||
|
box-shadow: inset -1px 0 #c2c2c2; }
|
||
|
notebook tab {
|
||
|
border-width: 1px;
|
||
|
border-style: solid;
|
||
|
border-color: shade(#c2c2c2, 1.1);
|
||
|
background-color: shade(#c2c2c2, 1.1);
|
||
|
outline-offset: 0;
|
||
|
/* works for testnotebookdnd, but there's a superfluous border
|
||
|
in gedit or web, commented out for now, needs gtk fixes
|
||
|
&.reorderable-page {
|
||
|
&.top {
|
||
|
padding-top: ($vt_vpadding - 1px);
|
||
|
border-top-width: 1px;
|
||
|
border-left-width: 1px;
|
||
|
border-right-width: 1px;
|
||
|
}
|
||
|
&.bottom {
|
||
|
padding-bottom: ($vt_vpadding - 1px);
|
||
|
border-bottom-width: 1px;
|
||
|
border-left-width: 1px;
|
||
|
border-right-width: 1px;
|
||
|
}
|
||
|
&.left {
|
||
|
padding-left: ($ht_hpadding - 1px);
|
||
|
border-left-width: 1px;
|
||
|
border-top-width: 1px;
|
||
|
border-bottom-width: 1px;
|
||
|
}
|
||
|
&.right {
|
||
|
padding-right: ($ht_hpadding - 1px);
|
||
|
border-right-width: 1px;
|
||
|
border-top-width: 1px;
|
||
|
border-bottom-width: 1px;
|
||
|
}
|
||
|
}
|
||
|
*/ }
|
||
|
notebook tab.top, notebook tab.bottom {
|
||
|
padding: 6px 8px; }
|
||
|
notebook tab.left, notebook tab.right {
|
||
|
padding: 6px 8px; }
|
||
|
notebook tab.reorderable-page {
|
||
|
background-color: #eff0f1; }
|
||
|
notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
|
||
|
padding-left: 12px;
|
||
|
padding-right: 6px;
|
||
|
padding-bottom: 8px; }
|
||
|
notebook tab.top {
|
||
|
border-radius: 3px 3px 0px 0px; }
|
||
|
notebook tab.top:active, notebook tab.top.active-page, notebook tab.top:backdrop:active {
|
||
|
border-color: #c2c2c2;
|
||
|
border-bottom-color: #eff0f1;
|
||
|
background-color: #eff0f1; }
|
||
|
notebook tab.top:active:hover, notebook tab.top:active.prelight-page, notebook tab.top.active-page:hover, notebook tab.top.active-page.prelight-page, notebook tab.top:backdrop:active:hover, notebook tab.top:backdrop:active.prelight-page {
|
||
|
border-color: #c2c2c2;
|
||
|
border-bottom-color: #eff0f1; }
|
||
|
notebook tab.bottom {
|
||
|
border-radius: 0px 0px 3px 3px; }
|
||
|
notebook tab.bottom:active, notebook tab.bottom.active-page, notebook tab.bottom:backdrop:active {
|
||
|
border-color: #c2c2c2;
|
||
|
border-top-color: #eff0f1;
|
||
|
background-color: #eff0f1; }
|
||
|
notebook tab.bottom:active:hover, notebook tab.bottom:active.prelight-page, notebook tab.bottom.active-page:hover, notebook tab.bottom.active-page.prelight-page, notebook tab.bottom:backdrop:active:hover, notebook tab.bottom:backdrop:active.prelight-page {
|
||
|
border-color: #c2c2c2;
|
||
|
border-top-color: #eff0f1; }
|
||
|
notebook tab.left {
|
||
|
border-radius: 3px 0px 0px 3px; }
|
||
|
notebook tab.left:active, notebook tab.left.active-page, notebook tab.left:backdrop:active {
|
||
|
border-color: #c2c2c2;
|
||
|
border-right-color: #eff0f1;
|
||
|
background-color: #eff0f1; }
|
||
|
notebook tab.left:active:hover, notebook tab.left:active.prelight-page, notebook tab.left.active-page:hover, notebook tab.left.active-page.prelight-page, notebook tab.left:backdrop:active:hover, notebook tab.left:backdrop:active.prelight-page {
|
||
|
border-color: #c2c2c2;
|
||
|
border-right-color: #eff0f1; }
|
||
|
notebook tab.right {
|
||
|
border-radius: 0px 3px 3px 0px; }
|
||
|
notebook tab.right:active, notebook tab.right.active-page, notebook tab.right:backdrop:active {
|
||
|
border-color: #c2c2c2;
|
||
|
border-left-color: #eff0f1;
|
||
|
background-color: #eff0f1; }
|
||
|
notebook tab.right:active:hover, notebook tab.right:active.prelight-page, notebook tab.right.active-page:hover, notebook tab.right.active-page.prelight-page, notebook tab.right:backdrop:active:hover, notebook tab.right:backdrop:active.prelight-page {
|
||
|
border-color: #c2c2c2;
|
||
|
border-left-color: #eff0f1; }
|
||
|
notebook tab:hover, notebook tab.prelight-page {
|
||
|
background-color: rgba(190, 190, 190, 0.2);
|
||
|
border-color: rgba(190, 190, 190, 0.2); }
|
||
|
notebook tab.reorderable-page.top {
|
||
|
border-width: 3px;
|
||
|
border-style: solid;
|
||
|
border-color: #eff0f1;
|
||
|
background-color: #eff0f1;
|
||
|
border-right-width: 1px;
|
||
|
border-right-color: #c2c2c2;
|
||
|
box-shadow: inset -3px 0px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.top:hover, notebook tab.reorderable-page.top.prelight-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px rgba(147, 147, 147, 0.3), inset -3px 0px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.top:active, notebook tab.reorderable-page.top.active-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px #888888, inset -3px 0px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.top:active:hover, notebook tab.reorderable-page.top.active-page:hover {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-right-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.top:active:backdrop, notebook tab.reorderable-page.top.active-page:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-right-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.top:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-right-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.bottom {
|
||
|
border-width: 3px;
|
||
|
border-style: solid;
|
||
|
border-color: #eff0f1;
|
||
|
background-color: #eff0f1;
|
||
|
border-right-width: 1px;
|
||
|
border-right-color: #c2c2c2;
|
||
|
box-shadow: inset -3px 0px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.bottom:hover, notebook tab.reorderable-page.bottom.prelight-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px rgba(147, 147, 147, 0.3), inset -3px 0px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.bottom:active, notebook tab.reorderable-page.bottom.active-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px #888888, inset -3px 0px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.bottom:active:hover, notebook tab.reorderable-page.bottom.active-page:hover {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-right-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.bottom:active:backdrop, notebook tab.reorderable-page.bottom.active-page:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-right-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.bottom:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-right-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.left {
|
||
|
border-width: 3px;
|
||
|
border-style: solid;
|
||
|
border-color: #eff0f1;
|
||
|
background-color: #eff0f1;
|
||
|
border-bottom-width: 1px;
|
||
|
border-bottom-color: #c2c2c2;
|
||
|
box-shadow: inset 0px -3px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.left:hover, notebook tab.reorderable-page.left.prelight-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px rgba(147, 147, 147, 0.3), inset 0px -3px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.left:active, notebook tab.reorderable-page.left.active-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px #888888, inset 0px -3px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.left:active:hover, notebook tab.reorderable-page.left.active-page:hover {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-bottom-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.left:active:backdrop, notebook tab.reorderable-page.left.active-page:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-bottom-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.left:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-bottom-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.right {
|
||
|
border-width: 3px;
|
||
|
border-style: solid;
|
||
|
border-color: #eff0f1;
|
||
|
background-color: #eff0f1;
|
||
|
border-bottom-width: 1px;
|
||
|
border-bottom-color: #c2c2c2;
|
||
|
box-shadow: inset 0px -3px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.right:hover, notebook tab.reorderable-page.right.prelight-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px rgba(147, 147, 147, 0.3), inset 0px -3px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.right:active, notebook tab.reorderable-page.right.active-page {
|
||
|
box-shadow: inset 0px -3px 0px 0px #888888, inset 0px -3px 0px 0px #eff0f1; }
|
||
|
notebook tab.reorderable-page.right:active:hover, notebook tab.reorderable-page.right.active-page:hover {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-bottom-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.right:active:backdrop, notebook tab.reorderable-page.right.active-page:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-bottom-color: #c2c2c2; }
|
||
|
notebook tab.reorderable-page.right:backdrop {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
border-bottom-color: #c2c2c2; }
|
||
|
notebook tab .label {
|
||
|
padding: 0 2px;
|
||
|
color: #363636; }
|
||
|
notebook tab .prelight-page .label, notebook tab .label.prelight-page {
|
||
|
color: #363636; }
|
||
|
notebook tab .active-page .label, notebook tab .label.active-page {
|
||
|
color: #363636; }
|
||
|
notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton,
|
||
|
notebook tab .titlebar button.titlebutton,
|
||
|
.titlebar notebook tab button.titlebutton {
|
||
|
padding: 0px;
|
||
|
border: 1px solid transparent;
|
||
|
border-radius: 50%;
|
||
|
background-image: none;
|
||
|
background-color: #c2c2c2;
|
||
|
box-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
transition: none;
|
||
|
color: #eff0f1; }
|
||
|
notebook tab button:hover {
|
||
|
background-color: #da4453;
|
||
|
border-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none; }
|
||
|
notebook tab button:active {
|
||
|
color: #eff0f1;
|
||
|
border-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none; }
|
||
|
notebook tab button:backdrop {
|
||
|
color: #eff0f1;
|
||
|
border-color: transparent; }
|
||
|
notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image,
|
||
|
notebook tab .titlebar button.titlebutton > image,
|
||
|
.titlebar notebook tab button.titlebutton > image {
|
||
|
padding: 0px; }
|
||
|
notebook tab button .active-page, notebook tab button.active-page {
|
||
|
background-color: #da4453; }
|
||
|
notebook.arrow {
|
||
|
color: #909396; }
|
||
|
notebook.arrow:hover {
|
||
|
color: #A6A6A6; }
|
||
|
notebook.arrow:active {
|
||
|
color: #888888; }
|
||
|
notebook.arrow:disabled {
|
||
|
color: rgba(144, 147, 150, 0.3); }
|
||
|
notebook.arrow:backdrop {
|
||
|
color: #909396; }
|
||
|
notebook.arrow:backdrop:disabled {
|
||
|
color: rgba(144, 147, 150, 0.3); }
|
||
|
|
||
|
/**************
|
||
|
* Scrollbars *
|
||
|
**************/
|
||
|
scrollbar button,
|
||
|
.scrollbar button {
|
||
|
border: none; }
|
||
|
|
||
|
scrollbar.vertical button.down,
|
||
|
.scrollbar.vertical button.down {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||
|
|
||
|
scrollbar.vertical button.up,
|
||
|
.scrollbar.vertical button.up {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||
|
|
||
|
scrollbar.horizontal button.down,
|
||
|
.scrollbar.horizontal button.down {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
|
||
|
|
||
|
scrollbar.horizontal button.up,
|
||
|
.scrollbar.horizontal button.up {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
|
||
|
|
||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering),
|
||
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||
|
opacity: 0.4; }
|
||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
|
||
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||
|
margin: 0;
|
||
|
background-color: #eff0f1;
|
||
|
border: 1px solid rgba(255, 255, 255, 0.6);
|
||
|
background-clip: padding-box; }
|
||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
|
||
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
|
||
|
border-style: none;
|
||
|
background-color: transparent; }
|
||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
|
||
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||
|
min-width: 4px;
|
||
|
margin-top: 2px;
|
||
|
margin-bottom: 2px; }
|
||
|
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
|
||
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||
|
min-height: 4px;
|
||
|
margin-left: 2px;
|
||
|
margin-right: 2px; }
|
||
|
|
||
|
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
|
||
|
.scrollbar.overlay-indicator.dragging,
|
||
|
.scrollbar.overlay-indicator.hovering {
|
||
|
opacity: 0.99; }
|
||
|
|
||
|
scrollbar trough,
|
||
|
.scrollbar trough {
|
||
|
background-color: #eff0f1;
|
||
|
border: 1px none #eff0f1; }
|
||
|
|
||
|
scrollbar slider,
|
||
|
scrollbar .slider,
|
||
|
.scrollbar slider,
|
||
|
.scrollbar .slider {
|
||
|
background-color: #787b7f; }
|
||
|
scrollbar slider:hover,
|
||
|
scrollbar .slider:hover,
|
||
|
.scrollbar slider:hover,
|
||
|
.scrollbar .slider:hover {
|
||
|
background-color: #888888; }
|
||
|
scrollbar slider:hover:active,
|
||
|
scrollbar .slider:hover:active,
|
||
|
.scrollbar slider:hover:active,
|
||
|
.scrollbar .slider:hover:active {
|
||
|
background-color: #888888; }
|
||
|
scrollbar slider:disabled,
|
||
|
scrollbar .slider:disabled,
|
||
|
.scrollbar slider:disabled,
|
||
|
.scrollbar .slider:disabled {
|
||
|
background-color: transparent; }
|
||
|
|
||
|
scrollbar slider,
|
||
|
scrollbar .slider,
|
||
|
.scrollbar slider,
|
||
|
.scrollbar .slider {
|
||
|
border-radius: 100px;
|
||
|
margin: 3px; }
|
||
|
|
||
|
scrollbar.vertical.fine-tune slider,
|
||
|
.scrollbar.vertical.fine-tune slider {
|
||
|
min-width: 4px;
|
||
|
margin: 4px; }
|
||
|
|
||
|
scrollbar.vertical slider,
|
||
|
.scrollbar.vertical slider {
|
||
|
min-height: 42px;
|
||
|
min-width: 6px;
|
||
|
margin: 3px; }
|
||
|
|
||
|
scrollbar.vertical trough:dir(ltr),
|
||
|
.scrollbar.vertical trough:dir(ltr) {
|
||
|
border-left-style: solid; }
|
||
|
|
||
|
scrollbar.vertical trough:dir(rtl),
|
||
|
.scrollbar.vertical trough:dir(rtl) {
|
||
|
border-right-style: solid; }
|
||
|
|
||
|
scrollbar.horizontal.fine-tune slider,
|
||
|
.scrollbar.horizontal.fine-tune slider {
|
||
|
min-height: 4px;
|
||
|
margin: 4px; }
|
||
|
|
||
|
scrollbar.horizontal slider,
|
||
|
scrollbar.horizontal .slider,
|
||
|
.scrollbar.horizontal slider,
|
||
|
.scrollbar.horizontal .slider {
|
||
|
min-height: 6px;
|
||
|
min-width: 42px;
|
||
|
margin-top: 3px; }
|
||
|
|
||
|
scrollbar.horizontal trough,
|
||
|
.scrollbar.horizontal trough {
|
||
|
border-top-style: solid; }
|
||
|
|
||
|
/**********
|
||
|
* Switch *
|
||
|
**********/
|
||
|
switch {
|
||
|
-switch-slider-width: 30px;
|
||
|
font-weight: bold;
|
||
|
font-size: smaller;
|
||
|
outline-offset: 0px;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
switch {
|
||
|
border: 1px solid #c2c2c2;
|
||
|
border-radius: 3px;
|
||
|
color: #363636;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
text-shadow: none; }
|
||
|
switch:active, switch:checked {
|
||
|
color: #888888;
|
||
|
border-color: #888888;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none; }
|
||
|
switch:active:hover {
|
||
|
border-color: #A6A6A6; }
|
||
|
switch:hover {
|
||
|
border-color: #888888; }
|
||
|
switch:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #e6e7e8;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none; }
|
||
|
switch slider {
|
||
|
padding: 3px;
|
||
|
border: 3px solid;
|
||
|
border-radius: 3px;
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
box-shadow: none;
|
||
|
background-color: #c2c2c2; }
|
||
|
switch slider:hover {
|
||
|
box-shadow: none; }
|
||
|
switch slider:active {
|
||
|
background-color: #888888; }
|
||
|
switch slider:active:hover {
|
||
|
background-color: #A6A6A6; }
|
||
|
switch.slider:disabled {
|
||
|
background-color: #e6e7e8; }
|
||
|
row:selected switch {
|
||
|
box-shadow: none;
|
||
|
border-color: #888888; }
|
||
|
row:selected switch:backdrop {
|
||
|
border-color: #888888; }
|
||
|
row:selected switch slider:dir(rtl) {
|
||
|
border-left-color: #c2c2c2; }
|
||
|
row:selected switch slider:dir(ltr) {
|
||
|
border-right-color: #c2c2c2; }
|
||
|
row:selected switch slider, row:selected switch slider:active {
|
||
|
border-color: #888888; }
|
||
|
|
||
|
/*************************
|
||
|
* Check and Radio items *
|
||
|
*************************/
|
||
|
check {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check.button.flat, headerbar check.titlebutton.button,
|
||
|
.titlebar check.titlebutton.button {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:selected, calendar.check:selected,
|
||
|
list-row:selected check {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); }
|
||
|
|
||
|
check:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:hover.button.flat, headerbar check.titlebutton.button:hover,
|
||
|
.titlebar check.titlebutton.button:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:hover:selected, calendar.check:hover:selected,
|
||
|
list-row:selected check:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); }
|
||
|
|
||
|
check:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:active.button.flat, headerbar check.titlebutton.button:active,
|
||
|
.titlebar check.titlebutton.button:active {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:active:selected, calendar.check:active:selected,
|
||
|
list-row:selected check:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); }
|
||
|
|
||
|
check:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:disabled.button.flat, headerbar check.titlebutton.button:disabled,
|
||
|
.titlebar check.titlebutton.button:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:disabled:selected, calendar.check:disabled:selected,
|
||
|
list-row:selected check:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); }
|
||
|
|
||
|
check:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
check:backdrop.button.flat, headerbar check.titlebutton.button:backdrop,
|
||
|
.titlebar check.titlebutton.button:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:backdrop:selected, calendar.check:backdrop:selected,
|
||
|
list-row:selected check:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); }
|
||
|
|
||
|
check:backdrop:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
check:backdrop:disabled.button.flat, headerbar check.titlebutton.button:backdrop:disabled,
|
||
|
.titlebar check.titlebutton.button:backdrop:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:backdrop:disabled:selected, calendar.check:backdrop:disabled:selected,
|
||
|
list-row:selected check:backdrop:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); }
|
||
|
|
||
|
check:indeterminate {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:indeterminate.button.flat, headerbar check.titlebutton.button:indeterminate,
|
||
|
.titlebar check.titlebutton.button:indeterminate {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:indeterminate:selected, calendar.check:indeterminate:selected,
|
||
|
list-row:selected check:indeterminate {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); }
|
||
|
|
||
|
check:indeterminate:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:indeterminate:hover.button.flat, headerbar check.titlebutton.button:indeterminate:hover,
|
||
|
.titlebar check.titlebutton.button:indeterminate:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:indeterminate:hover:selected, calendar.check:indeterminate:hover:selected,
|
||
|
list-row:selected check:indeterminate:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); }
|
||
|
|
||
|
check:indeterminate:selected {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:indeterminate:selected.button.flat, headerbar check.titlebutton.button:indeterminate:selected,
|
||
|
.titlebar check.titlebutton.button:indeterminate:selected {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:indeterminate:selected:selected, calendar.check:indeterminate:selected,
|
||
|
list-row:selected check:indeterminate:selected {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); }
|
||
|
|
||
|
check:indeterminate:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
check:indeterminate:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:backdrop,
|
||
|
.titlebar check.titlebutton.button:indeterminate:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:indeterminate:backdrop:selected, calendar.check:indeterminate:backdrop:selected,
|
||
|
list-row:selected check:indeterminate:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); }
|
||
|
|
||
|
check:indeterminate:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:indeterminate:disabled.button.flat, headerbar check.titlebutton.button:indeterminate:disabled,
|
||
|
.titlebar check.titlebutton.button:indeterminate:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:indeterminate:disabled:selected, calendar.check:indeterminate:disabled:selected,
|
||
|
list-row:selected check:indeterminate:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); }
|
||
|
|
||
|
check:indeterminate:disabled:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
check:indeterminate:disabled:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:disabled:backdrop,
|
||
|
.titlebar check.titlebutton.button:indeterminate:disabled:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:indeterminate:disabled:backdrop:selected, calendar.check:indeterminate:disabled:backdrop:selected,
|
||
|
list-row:selected check:indeterminate:disabled:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); }
|
||
|
|
||
|
check:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:checked.button.flat, headerbar check.titlebutton.button:checked,
|
||
|
.titlebar check.titlebutton.button:checked {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:checked:selected, calendar.check:checked:selected,
|
||
|
list-row:selected check:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); }
|
||
|
|
||
|
check:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:checked:disabled.button.flat, headerbar check.titlebutton.button:checked:disabled,
|
||
|
.titlebar check.titlebutton.button:checked:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:checked:disabled:selected, calendar.check:checked:disabled:selected,
|
||
|
list-row:selected check:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); }
|
||
|
|
||
|
check:checked:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:checked:hover.button.flat, headerbar check.titlebutton.button:checked:hover,
|
||
|
.titlebar check.titlebutton.button:checked:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:checked:hover:selected, calendar.check:checked:hover:selected,
|
||
|
list-row:selected check:checked:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); }
|
||
|
|
||
|
check:checked:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
check:checked:active.button.flat, headerbar check.titlebutton.button:checked:active,
|
||
|
.titlebar check.titlebutton.button:checked:active {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:checked:active:selected, calendar.check:checked:active:selected,
|
||
|
list-row:selected check:checked:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); }
|
||
|
|
||
|
check:backdrop:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
check:backdrop:checked.button.flat, headerbar check.titlebutton.button:backdrop:checked,
|
||
|
.titlebar check.titlebutton.button:backdrop:checked {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:backdrop:checked:selected, calendar.check:backdrop:checked:selected,
|
||
|
list-row:selected check:backdrop:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); }
|
||
|
|
||
|
check:backdrop:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
check:backdrop:checked:disabled.button.flat, headerbar check.titlebutton.button:backdrop:checked:disabled,
|
||
|
.titlebar check.titlebutton.button:backdrop:checked:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.check:backdrop:checked:disabled:selected, calendar.check:backdrop:checked:disabled:selected,
|
||
|
list-row:selected check:backdrop:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); }
|
||
|
|
||
|
menu menuitem.check {
|
||
|
-gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
|
||
|
color: #7d8084;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
menu menuitem.check:active, menu menuitem.check:checked {
|
||
|
-gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
|
||
|
color: #888888; }
|
||
|
menu menuitem.check:indeterminate {
|
||
|
-gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
|
||
|
menu menuitem.check:hover {
|
||
|
color: #fcfcfc; }
|
||
|
menu menuitem.check:disabled {
|
||
|
color: #c0c2c4; }
|
||
|
|
||
|
radio {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio.button.flat, headerbar radio.titlebutton.button,
|
||
|
.titlebar radio.titlebutton.button {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:selected, calendar.radio:selected,
|
||
|
list-row:selected radio {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); }
|
||
|
|
||
|
radio:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:hover.button.flat, headerbar radio.titlebutton.button:hover,
|
||
|
.titlebar radio.titlebutton.button:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:hover:selected, calendar.radio:hover:selected,
|
||
|
list-row:selected radio:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); }
|
||
|
|
||
|
radio:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:active.button.flat, headerbar radio.titlebutton.button:active,
|
||
|
.titlebar radio.titlebutton.button:active {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:active:selected, calendar.radio:active:selected,
|
||
|
list-row:selected radio:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); }
|
||
|
|
||
|
radio:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:disabled.button.flat, headerbar radio.titlebutton.button:disabled,
|
||
|
.titlebar radio.titlebutton.button:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:disabled:selected, calendar.radio:disabled:selected,
|
||
|
list-row:selected radio:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); }
|
||
|
|
||
|
radio:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
radio:backdrop.button.flat, headerbar radio.titlebutton.button:backdrop,
|
||
|
.titlebar radio.titlebutton.button:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:backdrop:selected, calendar.radio:backdrop:selected,
|
||
|
list-row:selected radio:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); }
|
||
|
|
||
|
radio:backdrop:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
radio:backdrop:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:disabled,
|
||
|
.titlebar radio.titlebutton.button:backdrop:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:backdrop:disabled:selected, calendar.radio:backdrop:disabled:selected,
|
||
|
list-row:selected radio:backdrop:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); }
|
||
|
|
||
|
radio:indeterminate {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:indeterminate.button.flat, headerbar radio.titlebutton.button:indeterminate,
|
||
|
.titlebar radio.titlebutton.button:indeterminate {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:indeterminate:selected, calendar.radio:indeterminate:selected,
|
||
|
list-row:selected radio:indeterminate {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); }
|
||
|
|
||
|
radio:indeterminate:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:indeterminate:hover.button.flat, headerbar radio.titlebutton.button:indeterminate:hover,
|
||
|
.titlebar radio.titlebutton.button:indeterminate:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:indeterminate:hover:selected, calendar.radio:indeterminate:hover:selected,
|
||
|
list-row:selected radio:indeterminate:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); }
|
||
|
|
||
|
radio:indeterminate:selected {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:indeterminate:selected.button.flat, headerbar radio.titlebutton.button:indeterminate:selected,
|
||
|
.titlebar radio.titlebutton.button:indeterminate:selected {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:indeterminate:selected:selected, calendar.radio:indeterminate:selected,
|
||
|
list-row:selected radio:indeterminate:selected {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); }
|
||
|
|
||
|
radio:indeterminate:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
radio:indeterminate:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:backdrop,
|
||
|
.titlebar radio.titlebutton.button:indeterminate:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:indeterminate:backdrop:selected, calendar.radio:indeterminate:backdrop:selected,
|
||
|
list-row:selected radio:indeterminate:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); }
|
||
|
|
||
|
radio:indeterminate:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:indeterminate:disabled.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled,
|
||
|
.titlebar radio.titlebutton.button:indeterminate:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:indeterminate:disabled:selected, calendar.radio:indeterminate:disabled:selected,
|
||
|
list-row:selected radio:indeterminate:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); }
|
||
|
|
||
|
radio:indeterminate:disabled:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
radio:indeterminate:disabled:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled:backdrop,
|
||
|
.titlebar radio.titlebutton.button:indeterminate:disabled:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:indeterminate:disabled:backdrop:selected, calendar.radio:indeterminate:disabled:backdrop:selected,
|
||
|
list-row:selected radio:indeterminate:disabled:backdrop {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); }
|
||
|
|
||
|
radio:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:checked.button.flat, headerbar radio.titlebutton.button:checked,
|
||
|
.titlebar radio.titlebutton.button:checked {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:checked:selected, calendar.radio:checked:selected,
|
||
|
list-row:selected radio:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); }
|
||
|
|
||
|
radio:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:checked:disabled.button.flat, headerbar radio.titlebutton.button:checked:disabled,
|
||
|
.titlebar radio.titlebutton.button:checked:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:checked:disabled:selected, calendar.radio:checked:disabled:selected,
|
||
|
list-row:selected radio:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); }
|
||
|
|
||
|
radio:checked:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:checked:hover.button.flat, headerbar radio.titlebutton.button:checked:hover,
|
||
|
.titlebar radio.titlebutton.button:checked:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:checked:hover:selected, calendar.radio:checked:hover:selected,
|
||
|
list-row:selected radio:checked:hover {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); }
|
||
|
|
||
|
radio:checked:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png"));
|
||
|
-gtk-icon-shadow: 0 1px 0 white; }
|
||
|
radio:checked:active.button.flat, headerbar radio.titlebutton.button:checked:active,
|
||
|
.titlebar radio.titlebutton.button:checked:active {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:checked:active:selected, calendar.radio:checked:active:selected,
|
||
|
list-row:selected radio:checked:active {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); }
|
||
|
|
||
|
radio:backdrop:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
radio:backdrop:checked.button.flat, headerbar radio.titlebutton.button:backdrop:checked,
|
||
|
.titlebar radio.titlebutton.button:backdrop:checked {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:backdrop:checked:selected, calendar.radio:backdrop:checked:selected,
|
||
|
list-row:selected radio:backdrop:checked {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); }
|
||
|
|
||
|
radio:backdrop:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png"));
|
||
|
-gtk-icon-shadow: none; }
|
||
|
radio:backdrop:checked:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:checked:disabled,
|
||
|
.titlebar radio.titlebutton.button:backdrop:checked:disabled {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.view.radio:backdrop:checked:disabled:selected, calendar.radio:backdrop:checked:disabled:selected,
|
||
|
list-row:selected radio:backdrop:checked:disabled {
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); }
|
||
|
|
||
|
menu menuitem.radio {
|
||
|
-gtk-icon-source: -gtk-icontheme("radio-symbolic");
|
||
|
color: #7d8084;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
menu menuitem.radio:active, menu menuitem.radio:checked {
|
||
|
-gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
|
||
|
color: #888888; }
|
||
|
menu menuitem.radio:indeterminate {
|
||
|
-gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
|
||
|
menu menuitem.radio:hover {
|
||
|
color: #fcfcfc; }
|
||
|
menu menuitem.radio:disabled {
|
||
|
color: #c0c2c4; }
|
||
|
|
||
|
.view.check, .view.radio,
|
||
|
list-row check, list-row radio {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover,
|
||
|
list-row check:selected,
|
||
|
list-row check:hover, list-row radio:selected, list-row radio:hover {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
.content-view {
|
||
|
background-color: #dcdee0; }
|
||
|
.content-view:backdrop {
|
||
|
background-color: #dcdee0; }
|
||
|
|
||
|
.view.content-view.check {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:hover {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:active {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:backdrop {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:checked {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:checked:hover {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:checked:active {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
.view.content-view.check:backdrop:checked {
|
||
|
-gtk-icon-shadow: none;
|
||
|
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
|
||
|
background-color: transparent; }
|
||
|
|
||
|
checkbutton.text-button, radiobutton.text-button {
|
||
|
padding: 1px 2px 4px;
|
||
|
outline-offset: 0; }
|
||
|
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
|
||
|
color: #909396; }
|
||
|
checkbutton.text-button:disabled:backdrop, checkbutton.text-button:disabled:active:backdrop, checkbutton.text-button:disabled:indeterminate:backdrop, radiobutton.text-button:disabled:backdrop, radiobutton.text-button:disabled:active:backdrop, radiobutton.text-button:disabled:indeterminate:backdrop {
|
||
|
color: #c6cacd; }
|
||
|
|
||
|
/************
|
||
|
* GtkScale *
|
||
|
************/
|
||
|
scale {
|
||
|
-GtkRange-trough-border: 2;
|
||
|
outline-offset: -9px;
|
||
|
-gtk-outline-radius: 4px; }
|
||
|
scale.fine-tune {
|
||
|
outline-offset: -7px;
|
||
|
-gtk-outline-radius: 6px; }
|
||
|
scale.fine-tune trough {
|
||
|
margin: 8px;
|
||
|
border-radius: 4px; }
|
||
|
scale slider {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
|
||
|
border: 1px solid;
|
||
|
border-radius: 50%;
|
||
|
border-color: #888888;
|
||
|
box-shadow: inset 0 1px white, inset 0 -2px #eff0f1, inset 0 -1px #d6dadc; }
|
||
|
scale slider:hover {
|
||
|
border-width: 2px;
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
|
||
|
border-color: #A6A6A6;
|
||
|
border-radius: 50%;
|
||
|
box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #e0e3e4; }
|
||
|
scale slider:disabled {
|
||
|
border-style: solid;
|
||
|
border-radius: 50%;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
box-shadow: none; }
|
||
|
scale slider:active {
|
||
|
border: 2px solid #888888; }
|
||
|
scale trough {
|
||
|
min-height: 4px;
|
||
|
min-width: 4px;
|
||
|
margin: 9px;
|
||
|
border: 1px solid transparent;
|
||
|
border-radius: 4px;
|
||
|
background-color: #c2c2c2;
|
||
|
box-shadow: none; }
|
||
|
scale trough highlight {
|
||
|
background-color: #888888;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
scale.vertical trough highlight {
|
||
|
background-color: #888888; }
|
||
|
scale trough:disabled, scale.vertical trough:disabled {
|
||
|
border-color: transparent;
|
||
|
background-image: none;
|
||
|
background-color: #e6e7e8;
|
||
|
box-shadow: none; }
|
||
|
.osd scale slider {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal;
|
||
|
background-color: #4f4f4f; }
|
||
|
.osd scale slider:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd scale slider:active {
|
||
|
color: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd scale slider:backdrop {
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.osd scale trough {
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
margin: 9px;
|
||
|
background-color: #c2c2c2;
|
||
|
outline-color: rgba(49, 54, 59, 0.2);
|
||
|
outline-offset: -8px; }
|
||
|
.osd scale trough.fine-tune {
|
||
|
margin: 7px; }
|
||
|
.osd scale trough highlight {
|
||
|
background-image: none;
|
||
|
background-color: #888888; }
|
||
|
.osd scale trough:disabled, .osd scale trough:backdrop:disabled {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent; }
|
||
|
.osd scale trough:backdrop {
|
||
|
border-color: transparent;
|
||
|
background-image: none; }
|
||
|
scale value {
|
||
|
color: alpha(currentColor,0.4); }
|
||
|
scale marks {
|
||
|
color: alpha(currentColor,0.4); }
|
||
|
scale.horizontal indicator {
|
||
|
min-height: 6px;
|
||
|
min-width: 1px; }
|
||
|
scale.horizontal.fine-tune indicator {
|
||
|
min-height: 3px; }
|
||
|
scale.vertical indicator {
|
||
|
min-height: 1px;
|
||
|
min-width: 6px; }
|
||
|
scale.vertical.fine-tune indicator {
|
||
|
min-width: 3px; }
|
||
|
scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, scale.color.horizontal slider,
|
||
|
scale.horizontal contents:first-child > trough > slider,
|
||
|
scale.horizontal contents:last-child > trough > slider {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
|
||
|
background-size: 16px;
|
||
|
background-color: transparent;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.horizontal slider:hover,
|
||
|
scale.horizontal contents:first-child > trough > slider:hover,
|
||
|
scale.horizontal contents:last-child > trough > slider:hover {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
|
||
|
background-size: 16px;
|
||
|
background-color: transparent;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.horizontal slider:active,
|
||
|
scale.horizontal contents:first-child > trough > slider:active,
|
||
|
scale.horizontal contents:last-child > trough > slider:active {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png"));
|
||
|
background-size: 16px;
|
||
|
background-color: transparent;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.horizontal slider:disabled,
|
||
|
scale.horizontal contents:first-child > trough > slider:disabled,
|
||
|
scale.horizontal contents:last-child > trough > slider:disabled {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png"));
|
||
|
background-color: transparent;
|
||
|
background-size: 16px;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider,
|
||
|
scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider,
|
||
|
scale.vertical contents:first-child > trough > slider,
|
||
|
scale.vertical contents:last-child > trough > slider {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
|
||
|
background-color: transparent;
|
||
|
background-size: 16px;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.vertical:dir(ltr) slider:hover,
|
||
|
scale.color.vertical:dir(rtl) slider:hover,
|
||
|
scale.vertical contents:first-child > trough > slider:hover,
|
||
|
scale.vertical contents:last-child > trough > slider:hover {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png"));
|
||
|
background-color: transparent;
|
||
|
background-size: 16px;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.vertical:dir(ltr) slider:active,
|
||
|
scale.color.vertical:dir(rtl) slider:active,
|
||
|
scale.vertical contents:first-child > trough > slider:active,
|
||
|
scale.vertical contents:last-child > trough > slider:active {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png"));
|
||
|
background-color: transparent;
|
||
|
background-size: 16px;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color.vertical:dir(ltr) slider:disabled,
|
||
|
scale.color.vertical:dir(rtl) slider:disabled,
|
||
|
scale.vertical contents:first-child > trough > slider:disable,
|
||
|
scale.vertical contents:last-child > trough > slider:disabled {
|
||
|
margin: -10px;
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
|
||
|
background-color: transparent;
|
||
|
background-size: 16px;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
box-shadow: none; }
|
||
|
scale.color {
|
||
|
min-height: 0;
|
||
|
min-width: 0; }
|
||
|
scale.color trough {
|
||
|
background-image: linear-gradient(to top, #b0b0b0);
|
||
|
background-repeat: no-repeat; }
|
||
|
|
||
|
/*****************
|
||
|
* Progress bars *
|
||
|
*****************/
|
||
|
progressbar {
|
||
|
padding: 0;
|
||
|
font-size: smaller;
|
||
|
color: rgba(49, 54, 59, 0.4);
|
||
|
box-shadow: none; }
|
||
|
progressbar .osd {
|
||
|
-progressbar-xspacing: 0;
|
||
|
-progressbar-yspacing: 0;
|
||
|
-progressbar-min-horizontal-bar-height: 3; }
|
||
|
progressbar trough {
|
||
|
border: 1px solid transparent;
|
||
|
border-radius: 3px;
|
||
|
background-color: #c2c2c2; }
|
||
|
progressbar .osd trough {
|
||
|
border-style: none;
|
||
|
background-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
progressbar progress {
|
||
|
background-color: #888888;
|
||
|
border: 1px solid #888888;
|
||
|
border-radius: 0px;
|
||
|
box-shadow: none; }
|
||
|
progressbar.left progress {
|
||
|
border-top-left-radius: 3px;
|
||
|
border-bottom-left-radius: 3px; }
|
||
|
progressbar.right progress {
|
||
|
border-top-right-radius: 3px;
|
||
|
border-bottom-right-radius: 3px; }
|
||
|
progressbar.left.right progress {
|
||
|
box-shadow: none; }
|
||
|
progressbar.vertical.bottom progress {
|
||
|
border-bottom-left-radius: 3px;
|
||
|
border-bottom-right-radius: 3px;
|
||
|
box-shadow: none; }
|
||
|
progressbar.vertical.top progress {
|
||
|
border-top-left-radius: 3px;
|
||
|
border-top-right-radius: 3px; }
|
||
|
progressbar .osd progress {
|
||
|
background-image: none;
|
||
|
background-color: #888888;
|
||
|
border-style: none;
|
||
|
border-radius: 0; }
|
||
|
|
||
|
/*************
|
||
|
* Level Bar *
|
||
|
*************/
|
||
|
levelbar.vertical {
|
||
|
-GtkLevelBar-min-block-width: 6;
|
||
|
-GtkLevelBar-min-block-height: 34; }
|
||
|
|
||
|
levelbar {
|
||
|
box-shadow: none;
|
||
|
-GtkLevelBar-min-block-width: 34;
|
||
|
-GtkLevelBar-min-block-height: 6; }
|
||
|
levelbar.vertical {
|
||
|
-GtkLevelBar-min-block-width: 6;
|
||
|
-GtkLevelBar-min-block-height: 34; }
|
||
|
levelbar trough {
|
||
|
border: 1px solid transparent;
|
||
|
padding: 2px;
|
||
|
border-radius: 2px;
|
||
|
background-color: transparent; }
|
||
|
levelbar block.filled {
|
||
|
border: 1px solid #888888;
|
||
|
background-color: #888888;
|
||
|
box-shadow: none;
|
||
|
border-radius: 2px; }
|
||
|
levelbar.discrete.horizontal block.filled {
|
||
|
margin: 0 1px; }
|
||
|
levelbar.discrete.vertical block.filled {
|
||
|
margin: 1px 0; }
|
||
|
levelbar block.filled.high {
|
||
|
border-color: #11d116;
|
||
|
background-color: #11d116; }
|
||
|
levelbar block.filled.high:backdrop {
|
||
|
border-color: #11d116; }
|
||
|
levelbar block.filled.low {
|
||
|
border-color: #f67400;
|
||
|
background-color: #f67400; }
|
||
|
levelbar block.filled.low:backdrop {
|
||
|
border-color: #f67400; }
|
||
|
levelbar block.filled.empty {
|
||
|
background-color: #c2c2c2;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
/**********
|
||
|
* Frames *
|
||
|
**********/
|
||
|
frame {
|
||
|
border: 1px solid #c2c2c2;
|
||
|
padding: 0; }
|
||
|
frame.flat {
|
||
|
border-style: none; }
|
||
|
frame.action-bar {
|
||
|
padding: 6px;
|
||
|
border-width: 1px 0 0; }
|
||
|
|
||
|
scrolledwindow viewport.frame, frame box stack scrolledwindow {
|
||
|
border-style: none; }
|
||
|
|
||
|
.separator, placessidebar.sidebar .view .separator,
|
||
|
placessidebar.sidebar .view .separator:backdrop {
|
||
|
color: rgba(0, 0, 0, 0.1); }
|
||
|
filechooserbutton .separator.vertical, filechooserbutton placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view filechooserbutton .vertical.separator, button.font .separator.vertical, button.font placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view button.font .vertical.separator {
|
||
|
-GtkWidget-wide-separators: true; }
|
||
|
|
||
|
/*********
|
||
|
* Lists *
|
||
|
*********/
|
||
|
list, list-row {
|
||
|
background-color: #eff0f1;
|
||
|
border-width: 0px;
|
||
|
border-color: #888888; }
|
||
|
|
||
|
list-row,
|
||
|
.grid-child {
|
||
|
padding: 0px 2px;
|
||
|
border-style: solid;
|
||
|
border-width: 0px;
|
||
|
border-color: #888888; }
|
||
|
|
||
|
list-row.button, headerbar list-row.button.titlebutton,
|
||
|
.titlebar list-row.button.titlebutton,
|
||
|
list-row.button:backdrop,
|
||
|
list-row.button:backdrop:active,
|
||
|
list-row.button:backdrop:checked,
|
||
|
list-row.button:backdrop:disabled,
|
||
|
list-row.button:backdrop:disabled:active,
|
||
|
list-row.button:backdrop:disabled:checked,
|
||
|
list-row.button:disabled:active,
|
||
|
list-row.button:disabled:checked {
|
||
|
background-color: rgba(252, 252, 252, 0);
|
||
|
border-style: none;
|
||
|
border-radius: 0;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
list-row.button:hover {
|
||
|
background-color: rgba(190, 190, 190, 0.2); }
|
||
|
list-row.button:active {
|
||
|
box-shadow: none; }
|
||
|
list-row.button:selected:active {
|
||
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
|
||
|
list-row.button:selected:hover {
|
||
|
background-color: #3ca2d8; }
|
||
|
list-row.button:selected:backdrop {
|
||
|
background-color: #888888; }
|
||
|
list-row.button:backdrop:hover {
|
||
|
background-color: transparent; }
|
||
|
|
||
|
list-row:selected button {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button.flat, list-row:selected headerbar .titlebutton.button, headerbar list-row:selected .titlebutton.button,
|
||
|
list-row:selected .titlebar .titlebutton.button,
|
||
|
.titlebar list-row:selected .titlebutton.button {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: #fcfcfc; }
|
||
|
list-row:selected button:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:active, list-row:selected button:checked {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:backdrop, list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:backdrop:active, list-row:selected button:backdrop:checked, list-row:selected button.flat:backdrop:active, list-row:selected headerbar .titlebutton.button:backdrop:active, headerbar list-row:selected .titlebutton.button:backdrop:active,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:active,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:active, list-row:selected button.flat:backdrop:checked, list-row:selected headerbar .titlebutton.button:backdrop:checked, headerbar list-row:selected .titlebutton.button:backdrop:checked,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:checked,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:checked {
|
||
|
color: #c0c2c4;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #dfe2e4);
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:backdrop:disabled, list-row:selected button.flat:backdrop:disabled, list-row:selected headerbar .titlebutton.button:backdrop:disabled, headerbar list-row:selected .titlebutton.button:backdrop:disabled,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:disabled,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:backdrop:disabled > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
list-row:selected .titlebar button.titlebutton:backdrop:disabled > .label, list-row:selected button.flat:backdrop:disabled > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled > .label,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:disabled > .label,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
list-row:selected button:backdrop:disabled:active, list-row:selected button:backdrop:disabled:checked, list-row:selected button.flat:backdrop:disabled:active, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:active, list-row:selected button.flat:backdrop:disabled:checked, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #d9dadc);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:backdrop:disabled:active > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:active > .label,
|
||
|
list-row:selected .titlebar button.titlebutton:backdrop:disabled:active > .label, list-row:selected button:backdrop:disabled:checked > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:checked > .label,
|
||
|
list-row:selected .titlebar button.titlebutton:backdrop:disabled:checked > .label, list-row:selected button.flat:backdrop:disabled:active > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active > .label,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:active > .label, list-row:selected button.flat:backdrop:disabled:checked > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked > .label,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
|
||
|
list-row:selected .titlebar .titlebutton.button:backdrop,
|
||
|
.titlebar list-row:selected .titlebutton.button:backdrop {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
color: white; }
|
||
|
list-row:selected button:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
list-row:selected button:disabled > .label, list-row:selected headerbar button.titlebutton:disabled > .label,
|
||
|
list-row:selected .titlebar button.titlebutton:disabled > .label {
|
||
|
color: inherit; }
|
||
|
list-row:selected button:disabled:active, list-row:selected button:disabled:checked {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e2e3e5, #e6e7e8); }
|
||
|
list-row:selected button:disabled:active > .label, list-row:selected headerbar button.titlebutton:disabled:active > .label,
|
||
|
list-row:selected .titlebar button.titlebutton:disabled:active > .label, list-row:selected button:disabled:checked > .label, list-row:selected headerbar button.titlebutton:disabled:checked > .label,
|
||
|
list-row:selected .titlebar button.titlebutton:disabled:checked > .label {
|
||
|
color: inherit; }
|
||
|
|
||
|
list-row, list-row.button, headerbar list-row.button.titlebutton,
|
||
|
.titlebar list-row.button.titlebutton {
|
||
|
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||
|
list-row:hover, list-row.button:hover, headerbar list-row.button.titlebutton:hover,
|
||
|
.titlebar list-row.button.titlebutton:hover {
|
||
|
transition: none; }
|
||
|
|
||
|
/*********************
|
||
|
* App Notifications *
|
||
|
*********************/
|
||
|
.app-notification,
|
||
|
.app-notification.frame {
|
||
|
padding: 10px;
|
||
|
border: none;
|
||
|
border-radius: 0 0 3px 3px;
|
||
|
background-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: none;
|
||
|
background-clip: padding-box; }
|
||
|
.app-notification:backdrop,
|
||
|
.app-notification.frame:backdrop {
|
||
|
background-image: none; }
|
||
|
.app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
|
||
|
.app-notification .titlebar button.titlebutton,
|
||
|
.titlebar .app-notification button.titlebutton,
|
||
|
.app-notification.frame button {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: none;
|
||
|
background-color: #eff0f1;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
font-weight: normal; }
|
||
|
.app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
|
||
|
.app-notification .titlebar .titlebutton.button,
|
||
|
.titlebar .app-notification .titlebutton.button,
|
||
|
.app-notification.frame button.flat,
|
||
|
.app-notification.frame headerbar .titlebutton.button,
|
||
|
headerbar .app-notification.frame .titlebutton.button,
|
||
|
.app-notification.frame .titlebar .titlebutton.button,
|
||
|
.titlebar .app-notification.frame .titlebutton.button {
|
||
|
-gtk-icon-shadow: 0 1px black;
|
||
|
text-shadow: 0 1px black; }
|
||
|
.app-notification button:hover,
|
||
|
.app-notification.frame button:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.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: #fcfcfc;
|
||
|
border-color: rgba(252, 252, 252, 0.8);
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.app-notification button:disabled, .app-notification button:backdrop:disabled,
|
||
|
.app-notification.frame button:disabled,
|
||
|
.app-notification.frame button:backdrop:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #e6e7e8;
|
||
|
background-image: none;
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
.app-notification button:backdrop,
|
||
|
.app-notification.frame button:backdrop {
|
||
|
background-clip: padding-box;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
/*************
|
||
|
* Expanders *
|
||
|
*************/
|
||
|
treeview.view expander {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
||
|
treeview.view expander:dir(rtl) {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
||
|
treeview.view expander:hover {
|
||
|
color: #77838e; }
|
||
|
treeview.view expander:checked {
|
||
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||
|
|
||
|
/************
|
||
|
* Calendar *
|
||
|
***********/
|
||
|
calendar {
|
||
|
color: #363636;
|
||
|
border: 1px solid #c2c2c2; }
|
||
|
calendar.header {
|
||
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
border-radius: 0; }
|
||
|
calendar.header:backdrop {
|
||
|
border-color: rgba(0, 0, 0, 0.1); }
|
||
|
calendar.button, headerbar calendar.button.titlebutton,
|
||
|
.titlebar calendar.button.titlebutton {
|
||
|
color: rgba(49, 54, 59, 0.45); }
|
||
|
calendar.button:hover, headerbar calendar.button.titlebutton:hover,
|
||
|
.titlebar calendar.button.titlebutton:hover {
|
||
|
color: #363636; }
|
||
|
calendar.button:backdrop, headerbar calendar.button.titlebutton:backdrop,
|
||
|
.titlebar calendar.button.titlebutton:backdrop {
|
||
|
color: rgba(192, 194, 196, 0.45); }
|
||
|
calendar:indeterminate, calendar:indeterminate:backdrop, calendar.highlight, calendar.highlight:backdrop {
|
||
|
color: alpha(currentColor,0.55); }
|
||
|
calendar:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c8cb; }
|
||
|
|
||
|
/***********
|
||
|
* Dialogs *
|
||
|
***********/
|
||
|
message-dialog {
|
||
|
-GtkDialog-button-spacing: 8;
|
||
|
-GtkDialog-action-area-border: 8; }
|
||
|
message-dialog.background {
|
||
|
background-color: #eff0f1; }
|
||
|
message-dialog .titlebar {
|
||
|
box-shadow: none; }
|
||
|
message-dialog.csd.background {
|
||
|
border-bottom-left-radius: 0px;
|
||
|
border-bottom-right-radius: 0px; }
|
||
|
message-dialog.csd .dialog-action-area button {
|
||
|
border-radius: 0;
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
|
||
|
message-dialog.csd .dialog-action-area button:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
|
||
|
message-dialog.csd .dialog-action-area button:active {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
message-dialog.csd .dialog-action-area button:disabled {
|
||
|
color: #909396;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:disabled > .label,
|
||
|
message-dialog.csd .dialog-action-area .titlebar button.titlebutton:disabled > .label {
|
||
|
color: inherit; }
|
||
|
message-dialog.csd .dialog-action-area button:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
message-dialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #989898, #888888); }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action:hover {
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, #888888); }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action:active {
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
|
||
|
color: white;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
|
||
|
message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
message-dialog.csd .dialog-action-area button.suggested-action:disabled {
|
||
|
background-color: #4f4f4f;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #f03232, #ef2929); }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action:hover {
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #ef2929, #ef2929); }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action:active {
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #ef2929, shade(#ef2929, 0.8)); }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
|
||
|
color: white;
|
||
|
border-color: #ef2929;
|
||
|
background-image: linear-gradient(to bottom, #ef2929);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
|
||
|
color: #c6cacd;
|
||
|
border-color: #c2c8cb;
|
||
|
background-image: linear-gradient(to bottom, #e6e7e8);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
|
||
|
message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
message-dialog.csd .dialog-action-area button.destructive-action:disabled {
|
||
|
background-color: #4f4f4f;
|
||
|
color: shade(#fcfcfc, 0.5); }
|
||
|
filechooser .search-bar {
|
||
|
background-color: #eff0f1;
|
||
|
border-color: #eff0f1;
|
||
|
box-shadow: none; }
|
||
|
filechooser .search-bar:backdrop {
|
||
|
background-color: white;
|
||
|
border-color: #eff0f1; }
|
||
|
filechooser .dialog-action-box {
|
||
|
border-top: 1px solid #c2c2c2; }
|
||
|
filechooser .dialog-action-box:backdrop {
|
||
|
border-top-color: #c2c8cb; }
|
||
|
|
||
|
/***********
|
||
|
* Sidebar *
|
||
|
***********/
|
||
|
.sidebar {
|
||
|
border: none;
|
||
|
background-color: #eff0f1; }
|
||
|
|
||
|
placessidebar.sidebar .view {
|
||
|
color: #363636;
|
||
|
background-color: transparent; }
|
||
|
placessidebar.sidebar .view .image {
|
||
|
color: #6a6e72; }
|
||
|
placessidebar.sidebar .view .image:selected {
|
||
|
color: #e9f4fa; }
|
||
|
placessidebar.sidebar .view .image:selected:backdrop {
|
||
|
color: #e9f4fa; }
|
||
|
placessidebar.sidebar .view .image:disabled {
|
||
|
color: #adafb1; }
|
||
|
placessidebar.sidebar .view .image:backdrop {
|
||
|
color: #ced0d2; }
|
||
|
placessidebar.sidebar .view .image:backdrop:disabled {
|
||
|
color: #d2d5d8; }
|
||
|
placessidebar.sidebar .view:disabled {
|
||
|
color: #909396; }
|
||
|
placessidebar.sidebar .view:backdrop {
|
||
|
color: #c0c2c4; }
|
||
|
placessidebar.sidebar .view:backdrop:disabled {
|
||
|
color: #c6cacd; }
|
||
|
|
||
|
.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; }
|
||
|
|
||
|
/*********
|
||
|
* Paned *
|
||
|
*********/
|
||
|
paned {
|
||
|
-paned-handle-size: 1;
|
||
|
-gtk-icon-source: none;
|
||
|
margin: 0 8px 8px 0; }
|
||
|
paned:dir(rtl) {
|
||
|
margin-right: 0;
|
||
|
margin-left: 8px; }
|
||
|
paned .pane-separator {
|
||
|
background-color: #c2c2c2; }
|
||
|
paned .pane-separator:backdrop {
|
||
|
background-color: #c2c8cb; }
|
||
|
|
||
|
paned.wide {
|
||
|
-paned-handle-size: 5;
|
||
|
margin: 0; }
|
||
|
paned.wide .pane-separator {
|
||
|
background-color: transparent;
|
||
|
border-style: none solid;
|
||
|
border-color: #c2c2c2;
|
||
|
border-width: 1px; }
|
||
|
paned.wide.vertical .pane-separator {
|
||
|
border-style: solid none; }
|
||
|
paned.wide .pane-separator:backdrop {
|
||
|
border-color: #c2c8cb; }
|
||
|
|
||
|
/**************
|
||
|
* infobar *
|
||
|
**************/
|
||
|
infobar {
|
||
|
border-style: none; }
|
||
|
|
||
|
.info,
|
||
|
.question,
|
||
|
.warning,
|
||
|
.error {
|
||
|
background-color: #4f4f4f;
|
||
|
color: #fcfcfc;
|
||
|
text-shadow: none;
|
||
|
border-color: #6A6865; }
|
||
|
.info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
|
||
|
.info .titlebar button.titlebutton,
|
||
|
.titlebar .info button.titlebutton,
|
||
|
.question button,
|
||
|
.question headerbar button.titlebutton,
|
||
|
headerbar .question button.titlebutton,
|
||
|
.question .titlebar button.titlebutton,
|
||
|
.titlebar .question button.titlebutton,
|
||
|
.warning button,
|
||
|
.warning headerbar button.titlebutton,
|
||
|
headerbar .warning button.titlebutton,
|
||
|
.warning .titlebar button.titlebutton,
|
||
|
.titlebar .warning button.titlebutton,
|
||
|
.error button,
|
||
|
.error headerbar button.titlebutton,
|
||
|
headerbar .error button.titlebutton,
|
||
|
.error .titlebar button.titlebutton,
|
||
|
.titlebar .error button.titlebutton {
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #989898, #888888); }
|
||
|
.info button:hover,
|
||
|
.question button:hover,
|
||
|
.warning button:hover,
|
||
|
.error button:hover {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, #888888); }
|
||
|
.info button:active,
|
||
|
.question button:active,
|
||
|
.warning button:active,
|
||
|
.error button:active {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
|
||
|
.info button:disabled,
|
||
|
.question button:disabled,
|
||
|
.warning button:disabled,
|
||
|
.error button:disabled {
|
||
|
color: #abdbf4;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #5abaec);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||
|
.info button:disabled > .label, .info headerbar button.titlebutton:disabled > .label,
|
||
|
.info .titlebar button.titlebutton:disabled > .label,
|
||
|
.question button:disabled > .label,
|
||
|
.question headerbar button.titlebutton:disabled > .label,
|
||
|
.question .titlebar button.titlebutton:disabled > .label,
|
||
|
.warning button:disabled > .label,
|
||
|
.warning headerbar button.titlebutton:disabled > .label,
|
||
|
.warning .titlebar button.titlebutton:disabled > .label,
|
||
|
.error button:disabled > .label,
|
||
|
.error headerbar button.titlebutton:disabled > .label,
|
||
|
.error .titlebar button.titlebutton:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.info button:backdrop,
|
||
|
.question button:backdrop,
|
||
|
.warning button:backdrop,
|
||
|
.error button:backdrop {
|
||
|
color: #fcfcfc;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #888888);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
.info button:backdrop:disabled,
|
||
|
.question button:backdrop:disabled,
|
||
|
.warning button:backdrop:disabled,
|
||
|
.error button:backdrop:disabled {
|
||
|
color: #93d1f2;
|
||
|
border-color: #5abaec;
|
||
|
background-image: linear-gradient(to bottom, #5abaec);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||
|
border-color: #888888; }
|
||
|
.info button:backdrop:disabled > .label, .info headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
.info .titlebar button.titlebutton:backdrop:disabled > .label,
|
||
|
.question button:backdrop:disabled > .label,
|
||
|
.question headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
.question .titlebar button.titlebutton:backdrop:disabled > .label,
|
||
|
.warning button:backdrop:disabled > .label,
|
||
|
.warning headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
.warning .titlebar button.titlebutton:backdrop:disabled > .label,
|
||
|
.error button:backdrop:disabled > .label,
|
||
|
.error headerbar button.titlebutton:backdrop:disabled > .label,
|
||
|
.error .titlebar button.titlebutton:backdrop:disabled > .label {
|
||
|
color: inherit; }
|
||
|
.info .label:selected,
|
||
|
.info .label:selected:focus,
|
||
|
.info .label:selected:hover,
|
||
|
.question .label:selected,
|
||
|
.question .label:selected:focus,
|
||
|
.question .label:selected:hover,
|
||
|
.warning .label:selected,
|
||
|
.warning .label:selected:focus,
|
||
|
.warning .label:selected:hover,
|
||
|
.error .label:selected,
|
||
|
.error .label:selected:focus,
|
||
|
.error .label:selected:hover {
|
||
|
background-color: #6A6865; }
|
||
|
|
||
|
/************
|
||
|
* Tooltips *
|
||
|
************/
|
||
|
tooltip {
|
||
|
color: white;
|
||
|
padding: 4px;
|
||
|
/* not working */
|
||
|
border-radius: 5px;
|
||
|
box-shadow: none;
|
||
|
text-shadow: 0 1px black; }
|
||
|
tooltip.background {
|
||
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
background-clip: padding-box;
|
||
|
border: 1px solid rgba(255, 255, 255, 0.1); }
|
||
|
tooltip.window-frame.csd {
|
||
|
background-color: transparent; }
|
||
|
|
||
|
tooltip * {
|
||
|
padding: 4px;
|
||
|
background-color: transparent;
|
||
|
color: inherit; }
|
||
|
|
||
|
/*****************
|
||
|
* Color Chooser *
|
||
|
*****************/
|
||
|
colorswatch {
|
||
|
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
|
||
|
:selected colorswatch {
|
||
|
box-shadow: none; }
|
||
|
:selected colorswatch.overlay, :selected colorswatch.overlay:hover {
|
||
|
border-color: #fcfcfc; }
|
||
|
colorswatch:selected {
|
||
|
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
|
||
|
colorswatch.top {
|
||
|
border-top-left-radius: 6px;
|
||
|
border-top-right-radius: 6px; }
|
||
|
colorswatch.bottom {
|
||
|
border-bottom-left-radius: 6px;
|
||
|
border-bottom-right-radius: 6px; }
|
||
|
colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) {
|
||
|
border-top-left-radius: 6px;
|
||
|
border-bottom-left-radius: 6px; }
|
||
|
colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) {
|
||
|
border-top-right-radius: 6px;
|
||
|
border-bottom-right-radius: 6px; }
|
||
|
colorswatch:only-child:not(.overlay) {
|
||
|
border-radius: 6px; }
|
||
|
colorswatch.top > .overlay {
|
||
|
border-top-left-radius: 5px;
|
||
|
border-top-right-radius: 5px; }
|
||
|
colorswatch.bottom > .overlay {
|
||
|
border-bottom-left-radius: 5px;
|
||
|
border-bottom-right-radius: 5px; }
|
||
|
colorswatch:first-child:not(.top) > .overlay {
|
||
|
border-top-left-radius: 5px;
|
||
|
border-bottom-left-radius: 5px; }
|
||
|
colorswatch:last-child:not(.bottom) > .overlay {
|
||
|
border-top-right-radius: 5px;
|
||
|
border-bottom-right-radius: 5px; }
|
||
|
colorswatch:only-child > .overlay {
|
||
|
border-radius: 5px; }
|
||
|
colorswatch:hover, colorswatch: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), inset 0 -1px rgba(0, 0, 0, 0.1); }
|
||
|
colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark {
|
||
|
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
|
||
|
colorswatch:backdrop, colorswatch:backdrop:selected
|
||
|
colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected {
|
||
|
background-image: none;
|
||
|
box-shadow: none; }
|
||
|
colorchooser colorswatch {
|
||
|
border-radius: 3px; }
|
||
|
colorchooser colorswatch:hover {
|
||
|
background-image: none;
|
||
|
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
|
||
|
colorchooser colorswatch:backdrop {
|
||
|
box-shadow: none; }
|
||
|
colorswatch.color-dark {
|
||
|
color: white;
|
||
|
outline-color: rgba(0, 0, 0, 0.3); }
|
||
|
colorswatch.color-dark:backdrop {
|
||
|
color: rgba(255, 255, 255, 0.3); }
|
||
|
colorswatch.color-light {
|
||
|
color: black;
|
||
|
outline-color: rgba(255, 255, 255, 0.5); }
|
||
|
colorswatch.color-light:backdrop {
|
||
|
color: rgba(0, 0, 0, 0.3); }
|
||
|
colorswatch.overlay, colorswatch.overlay:selected {
|
||
|
border: 1px solid rgba(0, 0, 0, 0.3); }
|
||
|
colorswatch.overlay:hover, colorswatch.overlay:selected:hover {
|
||
|
border-color: rgba(0, 0, 0, 0.5); }
|
||
|
colorswatch#add-color-button {
|
||
|
border-style: solid;
|
||
|
border-width: 1px;
|
||
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
|
||
|
colorswatch#add-color-button:hover {
|
||
|
color: #363636;
|
||
|
border-color: #888888;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
|
||
|
colorswatch#add-color-button:backdrop {
|
||
|
color: #363636;
|
||
|
border-color: #c2c2c2;
|
||
|
background-image: linear-gradient(to bottom, #eff0f1);
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none;
|
||
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
||
|
colorswatch#add-color-button .overlay {
|
||
|
border-color: rgba(255, 255, 255, 0);
|
||
|
background-color: transparent;
|
||
|
background-image: none;
|
||
|
box-shadow: none;
|
||
|
text-shadow: none;
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
/********
|
||
|
* Misc *
|
||
|
********/
|
||
|
scale-popup button, scale-popup headerbar button.titlebutton, headerbar scale-popup button.titlebutton,
|
||
|
scale-popup .titlebar button.titlebutton,
|
||
|
.titlebar scale-popup button.titlebutton {
|
||
|
padding: 6px; }
|
||
|
scale-popup button:hover {
|
||
|
background-color: rgba(49, 54, 59, 0.1);
|
||
|
border-radius: 5px; }
|
||
|
|
||
|
/**********************
|
||
|
* Window Decorations *
|
||
|
*********************/
|
||
|
.window-frame {
|
||
|
border-width: 0;
|
||
|
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 {
|
||
|
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.popup {
|
||
|
border-radius: 0;
|
||
|
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
|
||
|
.window-frame.csd.tooltip {
|
||
|
border-radius: 5px;
|
||
|
box-shadow: none; }
|
||
|
.window-frame.csd.message-dialog {
|
||
|
border-radius: 7px;
|
||
|
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
|
||
|
.window-frame.solid-csd {
|
||
|
border-radius: 0;
|
||
|
margin: 1px;
|
||
|
background-color: #4f4f4f;
|
||
|
border: 0;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
headerbar .titlebutton.button,
|
||
|
.titlebar .titlebutton.button {
|
||
|
padding: 2px; }
|
||
|
headerbar .titlebutton.button:backdrop,
|
||
|
.titlebar .titlebutton.button:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
headerbar .titlebutton.close.button,
|
||
|
.titlebar .titlebutton.close.button {
|
||
|
color: transparent;
|
||
|
border-image: none;
|
||
|
box-shadow: none;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); }
|
||
|
headerbar .titlebutton.close.button:hover,
|
||
|
.titlebar .titlebutton.close.button:hover {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); }
|
||
|
headerbar .titlebutton.close.button:active,
|
||
|
.titlebar .titlebutton.close.button:active {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
|
||
|
headerbar .titlebutton.close.button:backdrop,
|
||
|
.titlebar .titlebutton.close.button:backdrop {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); }
|
||
|
headerbar .titlebutton.maximize.button,
|
||
|
.titlebar .titlebutton.maximize.button {
|
||
|
color: transparent;
|
||
|
border-image: none;
|
||
|
box-shadow: none;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
|
||
|
headerbar .titlebutton.maximize.button:hover,
|
||
|
.titlebar .titlebutton.maximize.button:hover {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
|
||
|
headerbar .titlebutton.maximize.button:active,
|
||
|
.titlebar .titlebutton.maximize.button:active {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
|
||
|
headerbar .titlebutton.maximize.button:backdrop,
|
||
|
.titlebar .titlebutton.maximize.button:backdrop {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
|
||
|
headerbar .titlebutton.minimize.button,
|
||
|
.titlebar .titlebutton.minimize.button {
|
||
|
color: transparent;
|
||
|
border-image: none;
|
||
|
box-shadow: none;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
|
||
|
headerbar .titlebutton.minimize.button:hover,
|
||
|
.titlebar .titlebutton.minimize.button:hover {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
|
||
|
headerbar .titlebutton.minimize.button:active,
|
||
|
.titlebar .titlebutton.minimize.button:active {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
|
||
|
headerbar .titlebutton.minimize.button:backdrop,
|
||
|
.titlebar .titlebutton.minimize.button:backdrop {
|
||
|
border-color: transparent;
|
||
|
background-color: transparent;
|
||
|
background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
|
||
|
|
||
|
headerbar.selection-mode .titlebutton.button,
|
||
|
.titlebar.selection-mode .titlebutton.button {
|
||
|
text-shadow: none; }
|
||
|
headerbar.selection-mode .titlebutton.button:backdrop,
|
||
|
.titlebar.selection-mode .titlebutton.button:backdrop {
|
||
|
-gtk-icon-shadow: none; }
|
||
|
|
||
|
textview text selection, .view selection, .view:selected, calendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, menuitem.button.flat:selected, headerbar menuitem.titlebutton.button:selected,
|
||
|
.titlebar menuitem.titlebutton.button:selected, list-row:selected, .sidebar:selected, placessidebar.sidebar .view:selected, placessidebar.sidebar calendar:selected {
|
||
|
background-color: #888888;
|
||
|
color: #fcfcfc;
|
||
|
outline-color: rgba(252, 252, 252, 0.3); }
|
||
|
|
||
|
/* 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(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 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(#c2c8cb), to(rgba(194, 200, 203, 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(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 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(#c2c8cb), to(rgba(194, 200, 203, 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(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 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(#c2c8cb), to(rgba(194, 200, 203, 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(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 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(#c2c8cb), to(rgba(194, 200, 203, 0)));
|
||
|
background-size: 5% 100%;
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: right center;
|
||
|
background-color: transparent;
|
||
|
border: none;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
.undershoot.top {
|
||
|
background-color: transparent;
|
||
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||
|
padding-top: 1px;
|
||
|
background-size: 10px 1px;
|
||
|
background-repeat: repeat-x;
|
||
|
background-origin: content-box;
|
||
|
background-position: center top; }
|
||
|
.undershoot.bottom {
|
||
|
background-color: transparent;
|
||
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||
|
padding-bottom: 1px;
|
||
|
background-size: 10px 1px;
|
||
|
background-repeat: repeat-x;
|
||
|
background-origin: content-box;
|
||
|
background-position: center bottom; }
|
||
|
.undershoot.left {
|
||
|
background-color: transparent;
|
||
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||
|
padding-left: 1px;
|
||
|
background-size: 1px 10px;
|
||
|
background-repeat: repeat-y;
|
||
|
background-origin: content-box;
|
||
|
background-position: left center; }
|
||
|
.undershoot.right {
|
||
|
background-color: transparent;
|
||
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
|
||
|
padding-right: 1px;
|
||
|
background-size: 1px 10px;
|
||
|
background-repeat: repeat-y;
|
||
|
background-origin: content-box;
|
||
|
background-position: right center; }
|
||
|
|
||
|
/* GTK NAMED COLORS
|
||
|
----------------
|
||
|
use responsibly! */
|
||
|
/*
|
||
|
widget text/foreground color */
|
||
|
@define-color theme_fg_color #363636;
|
||
|
/*
|
||
|
text color for entries, views and content in general */
|
||
|
@define-color theme_text_color #363636;
|
||
|
/*
|
||
|
widget base background color */
|
||
|
@define-color theme_bg_color #eff0f1;
|
||
|
/*
|
||
|
text widgets and the like base background color */
|
||
|
@define-color theme_base_color #fcfcfc;
|
||
|
/*
|
||
|
base background color of selections */
|
||
|
@define-color theme_selected_bg_color #888888;
|
||
|
/*
|
||
|
text/foreground color of selections */
|
||
|
@define-color theme_selected_fg_color #fcfcfc;
|
||
|
/*
|
||
|
base background color of insensitive widgets */
|
||
|
@define-color insensitive_bg_color #e6e7e8;
|
||
|
/*
|
||
|
text foreground color of insensitive widgets */
|
||
|
@define-color insensitive_fg_color #909396;
|
||
|
/*
|
||
|
insensitive text widgets and the like base background color */
|
||
|
@define-color insensitive_base_color #fcfcfc;
|
||
|
/*
|
||
|
widget text/foreground color on backdrop windows */
|
||
|
@define-color theme_unfocused_fg_color #c0c2c4;
|
||
|
/*
|
||
|
text color for entries, views and content in general on backdrop windows */
|
||
|
@define-color theme_unfocused_text_color #363636;
|
||
|
/*
|
||
|
widget base background color on backdrop windows */
|
||
|
@define-color theme_unfocused_bg_color #eff0f1;
|
||
|
/*
|
||
|
text widgets and the like base background color on backdrop windows */
|
||
|
@define-color theme_unfocused_base_color white;
|
||
|
/*
|
||
|
base background color of selections on backdrop windows */
|
||
|
@define-color theme_unfocused_selected_bg_color #888888;
|
||
|
/*
|
||
|
text/foreground color of selections on backdrop windows */
|
||
|
@define-color theme_unfocused_selected_fg_color #fcfcfc;
|
||
|
/*
|
||
|
widgets main borders color */
|
||
|
@define-color borders #c2c2c2;
|
||
|
/*
|
||
|
widgets main borders color on backdrop windows */
|
||
|
@define-color unfocused_borders #c2c8cb;
|
||
|
/*
|
||
|
these are pretty self explicative */
|
||
|
@define-color warning_color #f67400;
|
||
|
@define-color error_color #ed1515;
|
||
|
@define-color success_color #11d116;
|
||
|
@define-color icon_red #da4453;
|
||
|
/*
|
||
|
titlebar colors */
|
||
|
@define-color titlebar_bg_color #4f4f4f;
|
||
|
@define-color titlebar_fg_color #fcfcfc;
|
||
|
@define-color hover_color #A6A6A6;
|
||
|
/*
|
||
|
these colors are exported for the window manager and shouldn't be used in applications,
|
||
|
read if you used those and something break with a version upgrade you're on your own... */
|
||
|
@define-color wm_title #fcfcfc;
|
||
|
@define-color wm_unfocused_title #c0c2c4;
|
||
|
@define-color wm_highlight white;
|
||
|
@define-color wm_borders_edge white;
|
||
|
@define-color wm_bg_a #4f4f4f;
|
||
|
@define-color wm_bg_b #4f4f4f;
|
||
|
@define-color wm_shadow alpha(black, 0.35);
|
||
|
@define-color wm_border alpha(black, 0.18);
|
||
|
@define-color wm_button_hover_color_a shade(#eff0f1, 1.3);
|
||
|
@define-color wm_button_hover_color_b #eff0f1;
|
||
|
@define-color wm_button_active_color_a shade(#eff0f1, 0.85);
|
||
|
@define-color wm_button_active_color_b shade(#eff0f1, 0.89);
|
||
|
@define-color wm_button_active_color_c shade(#eff0f1, 0.9);
|
||
|
@define-color content_view_bg #fcfcfc;
|
||
|
|
||
|
/*# sourceMappingURL=gtk.css.map */
|