forked from AuroraMiddleware/gtk
dfedda3dee
Use a .activatable style class on the color swatch and tie the hover effect to it. The color editor simply removes this class now to get an inert color swatch. This is more flexible and lets us avoid referring to the GtkColorEditor type in the theme.
2952 lines
100 KiB
CSS
2952 lines
100 KiB
CSS
/* GTK NAMED COLORS */
|
|
@define-color theme_fg_color #000;
|
|
@define-color theme_bg_color #fff;
|
|
@define-color theme_base_color #fff;
|
|
@define-color theme_selected_bg_color #000;
|
|
@define-color theme_selected_fg_color #fff;
|
|
@define-color insensitive_bg_color white;
|
|
@define-color insensitive_fg_color gray;
|
|
@define-color insensitive_base_color #fff;
|
|
@define-color theme_unfocused_fg_color #000;
|
|
@define-color theme_unfocused_bg_color #fff;
|
|
@define-color theme_unfocused_base_color #fff;
|
|
@define-color theme_unfocused_selected_bg_color #000;
|
|
@define-color theme_unfocused_selected_fg_color #fff;
|
|
@define-color borders gray;
|
|
@define-color unfocused_borders #8d8d8d;
|
|
@define-color warning_color #f57900;
|
|
@define-color error_color #cc0000;
|
|
@define-color success_color #73d216;
|
|
@define-color wm_title shade(#000, 1.8);
|
|
@define-color wm_unfocused_title #000;
|
|
@define-color wm_highlight #fff;
|
|
@define-color wm_borders_edge #fff;
|
|
@define-color wm_bg_a shade(#fff, 1.2);
|
|
@define-color wm_bg_b #fff;
|
|
@define-color wm_shadow alpha(black, 0.35);
|
|
@define-color wm_border alpha(black, 0.18);
|
|
@define-color wm_button_hover_color_a shade(#fff, 1.3);
|
|
@define-color wm_button_hover_color_b #fff;
|
|
@define-color wm_button_active_color_a shade(#fff, 0.85);
|
|
@define-color wm_button_active_color_b shade(#fff, 0.89);
|
|
@define-color wm_button_active_color_c shade(#fff, 0.9);
|
|
@define-color content_view_bg #fff;
|
|
* {
|
|
padding: 0;
|
|
-GtkToolButton-icon-spacing: 4;
|
|
-GtkTextView-error-underline-color: #cc0000;
|
|
-GtkPaned-handle-size: 1;
|
|
-gtk-icon-style: symbolic;
|
|
-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-horizontal-separator: 4;
|
|
-GtkMenu-horizontal-padding: 0;
|
|
-GtkMenu-vertical-padding: 0;
|
|
-GtkWidget-link-color: #000;
|
|
-GtkWidget-visited-link-color: #000;
|
|
-GtkWidget-focus-padding: 2;
|
|
-GtkWidget-focus-line-width: 1;
|
|
-GtkDialog-button-spacing: 4;
|
|
-GtkDialog-action-area-border: 0;
|
|
-GtkStatusbar-shadow-type: none;
|
|
outline-color: rgba(0, 0, 0, 0.3);
|
|
outline-style: dashed;
|
|
outline-offset: -3px;
|
|
outline-width: 1px;
|
|
outline-radius: 2px; }
|
|
|
|
/***************
|
|
* Base States *
|
|
***************/
|
|
.background {
|
|
color: #000;
|
|
background-color: #fff; }
|
|
|
|
.background:backdrop {
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
color: #1a1a1a;
|
|
background-color: #fff; }
|
|
|
|
/*
|
|
These wildcard seems unavoidable, need to investigate.
|
|
Wildcards are bad and troublesome, use them with care,
|
|
or better, just don't.
|
|
Everytime a wildcard is used a kitten dies, painfully.
|
|
*/
|
|
*:insensitive {
|
|
-gtk-image-effect: dim; }
|
|
|
|
.gtkstyle-fallback {
|
|
background-color: #fff;
|
|
color: #000; }
|
|
.gtkstyle-fallback:prelight {
|
|
background-color: white;
|
|
color: #000; }
|
|
.gtkstyle-fallback:active {
|
|
background-color: #e6e6e6;
|
|
color: #000; }
|
|
.gtkstyle-fallback:insensitive {
|
|
background-color: white;
|
|
color: gray; }
|
|
.gtkstyle-fallback:selected {
|
|
background-color: #000;
|
|
color: #fff; }
|
|
|
|
textview text,
|
|
.view {
|
|
color: #000;
|
|
background-color: #fff; }
|
|
textview text:backdrop,
|
|
.view:backdrop {
|
|
color: #000;
|
|
background-color: #fff; }
|
|
|
|
.rubberband, treeview.view.rubberband {
|
|
border: 1px solid #000;
|
|
background-color: rgba(0, 0, 0, 0.2); }
|
|
|
|
.overshoot.top {
|
|
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#010101), to(rgba(1, 1, 1, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 0, 0, 0.5)), to(transparent));
|
|
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(#8d8d8d), to(rgba(141, 141, 141, 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(#010101), to(rgba(1, 1, 1, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 0, 0, 0.5)), to(transparent));
|
|
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(#8d8d8d), to(rgba(141, 141, 141, 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(#010101), to(rgba(1, 1, 1, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 0, 0, 0.5)), to(transparent));
|
|
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(#8d8d8d), to(rgba(141, 141, 141, 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(#010101), to(rgba(1, 1, 1, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 0, 0, 0.5)), to(transparent));
|
|
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(#8d8d8d), to(rgba(141, 141, 141, 0)));
|
|
background-size: 5% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
label:insensitive, label:backdrop:insensitive {
|
|
color: gray; }
|
|
|
|
/*********************
|
|
* Spinner Animation *
|
|
*********************/
|
|
@keyframes spin {
|
|
to {
|
|
-gtk-icon-transform: rotate(1turn); } }
|
|
spinner {
|
|
background-image: none;
|
|
background-color: blue;
|
|
opacity: 0;
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
|
|
spinner:active {
|
|
opacity: 1;
|
|
animation: spin 1s linear infinite; }
|
|
spinner:active:insensitive {
|
|
opacity: 0.5; }
|
|
|
|
/****************
|
|
* Text Entries *
|
|
****************/
|
|
entry, spinbutton {
|
|
padding: 7px 4px;
|
|
border-radius: 3px;
|
|
border-width: 1px;
|
|
transition: all 200ms ease-out;
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray; }
|
|
entry.flat, entry.flat:focus, spinbutton.flat, spinbutton.flat:focus {
|
|
padding: 2px;
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray;
|
|
border: none;
|
|
border-radius: 0; }
|
|
entry:focus, spinbutton:focus {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: #000;
|
|
box-shadow: inset 0 2px 2px -2px gray, inset 0 0 2px 1px #cccccc; }
|
|
entry:insensitive, spinbutton:insensitive {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
border-color: gray;
|
|
background-image: linear-gradient(to bottom, white);
|
|
box-shadow: none; }
|
|
entry:backdrop, spinbutton:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: #000;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0); }
|
|
entry:backdrop:insensitive, spinbutton:backdrop:insensitive {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0); }
|
|
entry:selected, entry:backdrop:selected, spinbutton:selected, spinbutton:backdrop:selected {
|
|
background-color: #000;
|
|
color: #fff; }
|
|
entry progress, spinbutton progress {
|
|
margin: 1px;
|
|
border-radius: 0;
|
|
border-width: 0 0 2px;
|
|
border-color: #000;
|
|
border-style: solid;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
box-shadow: none; }
|
|
entry progress:backdrop, spinbutton progress:backdrop {
|
|
background-color: transparent; }
|
|
.linked entry:first-child, .linked spinbutton:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0; }
|
|
.linked entry:first-child:dir(rtl), .linked spinbutton:first-child:dir(rtl) {
|
|
border-right-style: none; }
|
|
.linked entry:last-child, .linked spinbutton:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left-style: none; }
|
|
.linked entry:last-child:dir(rtl), .linked spinbutton:last-child:dir(rtl) {
|
|
border-left-style: solid; }
|
|
.linked.vertical entry, .linked.vertical spinbutton {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
border-bottom-color: #d9d9d9;
|
|
box-shadow: none; }
|
|
.linked.vertical entry:focus, .linked.vertical spinbutton:focus {
|
|
border-color: #000;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 -1px 0 0 #000; }
|
|
.linked.vertical entry:insensitive, .linked.vertical spinbutton:insensitive {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
border-color: gray;
|
|
background-image: linear-gradient(to bottom, white);
|
|
box-shadow: none;
|
|
border-bottom-color: #d9d9d9; }
|
|
.linked.vertical entry:insensitive:backdrop, .linked.vertical spinbutton:insensitive:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0);
|
|
border-bottom-color: #dddddd; }
|
|
.linked.vertical entry:backdrop, .linked.vertical spinbutton:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: #000;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0);
|
|
border-bottom-color: #dddddd; }
|
|
.linked.vertical entry:first-child, .linked.vertical spinbutton:first-child {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray;
|
|
border-bottom-color: #d9d9d9; }
|
|
.linked.vertical entry:first-child:focus, .linked.vertical spinbutton:first-child:focus {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: #000;
|
|
box-shadow: inset 0 2px 2px -2px gray, inset 0 0 2px 1px #cccccc; }
|
|
.linked.vertical entry:first-child:insensitive, .linked.vertical spinbutton:first-child:insensitive {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
border-color: gray;
|
|
background-image: linear-gradient(to bottom, white);
|
|
box-shadow: none;
|
|
border-bottom-color: #dddddd; }
|
|
.linked.vertical entry:first-child:insensitive:backdrop, .linked.vertical spinbutton:first-child:insensitive:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0);
|
|
border-bottom-color: #dddddd;
|
|
border-top-style: solid; }
|
|
.linked.vertical entry:first-child:backdrop, .linked.vertical spinbutton:first-child:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: #000;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0);
|
|
border-bottom-color: #dddddd; }
|
|
.linked.vertical entry:last-child, .linked.vertical spinbutton:last-child {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray;
|
|
border-top-width: 0;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: none; }
|
|
.linked.vertical entry:last-child:focus, .linked.vertical spinbutton:last-child:focus {
|
|
border-color: #000;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 -1px 0 0 #000; }
|
|
.linked.vertical entry:last-child:insensitive, .linked.vertical spinbutton:last-child:insensitive {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
border-color: gray;
|
|
background-image: linear-gradient(to bottom, white);
|
|
box-shadow: none; }
|
|
.linked.vertical entry:last-child:insensitive:backdrop, .linked.vertical spinbutton:last-child:insensitive:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: gray;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0); }
|
|
.linked.vertical entry:last-child:backdrop, .linked.vertical spinbutton:last-child:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: #000;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0); }
|
|
entry.error, spinbutton.error {
|
|
color: #cc0000;
|
|
border-color: #cc0000; }
|
|
entry.error:focus, spinbutton.error:focus {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: #cc0000;
|
|
box-shadow: inset 0 2px 2px -2px gray, inset 0 0 2px 1px #f5cccc; }
|
|
entry.error:selected, entry.error:selected:focus, spinbutton.error:selected, spinbutton.error:selected:focus {
|
|
background-color: #cc0000; }
|
|
entry.warning, spinbutton.warning {
|
|
color: #f57900;
|
|
border-color: #f57900; }
|
|
entry.warning:focus, spinbutton.warning:focus {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: #f57900;
|
|
box-shadow: inset 0 2px 2px -2px gray, inset 0 0 2px 1px #fde4cc; }
|
|
entry.warning:selected, entry.warning:selected:focus, spinbutton.warning:selected, spinbutton.warning:selected:focus {
|
|
background-color: #f57900; }
|
|
|
|
/***********
|
|
* Buttons *
|
|
***********/
|
|
@keyframes needs_attention {
|
|
from {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#000), to(transparent)); }
|
|
to {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent)); } }
|
|
button {
|
|
border-radius: 3px;
|
|
transition: all 200ms ease-out;
|
|
padding: 4px 6px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
button:hover, button.flat:hover, .sidebar-button.button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none;
|
|
-gtk-image-effect: highlight; }
|
|
button:active, button.flat:active, .sidebar-button.button:active, button:checked, button.flat:checked, .sidebar-button.button:checked {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray;
|
|
transition-duration: 50ms; }
|
|
button:backdrop, button.flat:backdrop, .sidebar-button.button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, .sidebar-button.button:backdrop:active, button.flat:backdrop:checked, .sidebar-button.button:backdrop:checked {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #8d8d8d;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
button:backdrop:insensitive, button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
button:backdrop:insensitive:active, button.flat:backdrop:insensitive:active, .sidebar-button.button:backdrop:insensitive:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
background-color: #f6f6f6; }
|
|
button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
button:insensitive:active, button:insensitive.flat:active, .sidebar-button.button:insensitive:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
border-color: gray;
|
|
background-image: none;
|
|
background-color: white; }
|
|
.osd button {
|
|
padding: 6px;
|
|
border-width: 1px 1px 2px 1px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
.osd button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: rgba(77, 77, 77, 0.8);
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
.osd button:active, .osd button:checked {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
background-color: #fff;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
.osd button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
color: gray; }
|
|
.osd button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid; }
|
|
button.suggested-action {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-image: none;
|
|
background-color: #4a90d9;
|
|
border-color: #1c5187; }
|
|
button.suggested-action:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #4a90d9;
|
|
border-color: #1c5187;
|
|
background-image: none; }
|
|
button.suggested-action:active, button.suggested-action:checked {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: black;
|
|
background-color: #b56f26;
|
|
border-color: #1c5187; }
|
|
button.suggested-action:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #4a90d9;
|
|
border-color: #4a90d9;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
button.suggested-action:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
button.suggested-action:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
button.destructive-action {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-image: none;
|
|
background-color: #ef2929;
|
|
border-color: #8e0b0b; }
|
|
button.destructive-action:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #ef2929;
|
|
border-color: #8e0b0b;
|
|
background-image: none; }
|
|
button.destructive-action:active, button.destructive-action:checked {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: black;
|
|
background-color: #10d6d6;
|
|
border-color: #8e0b0b; }
|
|
button.destructive-action:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #ef2929;
|
|
border-color: #ef2929;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
button.destructive-action:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
button.destructive-action:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
button.image-button {
|
|
padding: 8px; }
|
|
button.text-button {
|
|
padding: 6px 8px 5px; }
|
|
.inline-toolbar button, .inline-toolbar button:backdrop {
|
|
border-radius: 2px;
|
|
border-width: 1px; }
|
|
.primary-toolbar button {
|
|
icon-shadow: none; }
|
|
|
|
.inline-toolbar GtkToolButton > button {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
.inline-toolbar GtkToolButton > button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none; }
|
|
.inline-toolbar GtkToolButton > button:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray; }
|
|
.inline-toolbar GtkToolButton > button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.inline-toolbar GtkToolButton > button:insensitive:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
border-color: gray;
|
|
background-image: none;
|
|
background-color: white; }
|
|
.inline-toolbar GtkToolButton > button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.inline-toolbar GtkToolButton > button:backdrop:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #8d8d8d;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.inline-toolbar GtkToolButton > button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.inline-toolbar GtkToolButton > button:backdrop:insensitive:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
background-color: #f6f6f6; }
|
|
|
|
.inline-toolbar.toolbar GtkToolButton > button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button {
|
|
border-radius: 0;
|
|
border-left-style: none; }
|
|
.inline-toolbar.toolbar GtkToolButton:first-child > button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button {
|
|
border-radius: 3px 0 0 3px;
|
|
border-left-style: solid; }
|
|
.inline-toolbar.toolbar GtkToolButton:last-child > button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button {
|
|
border-radius: 0 3px 3px 0; }
|
|
.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > button.flat, .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .sidebar-button.button {
|
|
border-right-style: solid; }
|
|
.inline-toolbar.toolbar GtkToolButton:only-child > button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
.sidebar-item.needs-attention > label {
|
|
animation: needs_attention 150ms ease-in;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent));
|
|
background-size: 6px 6px, 6px 6px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 3px, right 4px; }
|
|
.sidebar-item.needs-attention > label:backdrop {
|
|
background-size: 6px 6px, 0 0; }
|
|
.sidebar-item.needs-attention > label:dir(rtl) {
|
|
background-position: left 3px, left 4px; }
|
|
|
|
.osd button, .osd button:hover, .osd button:active, .osd button:checked, .osd button:insensitive, .osd button:backdrop, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > GtkComboBox > button:dir(ltr) {
|
|
border-radius: 0;
|
|
border-left-style: none; }
|
|
.osd button:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), .linked > GtkComboBox > button:dir(rtl) {
|
|
border-radius: 0;
|
|
border-right-style: none;
|
|
border-left-style: solid; }
|
|
|
|
.osd button:first-child, .inline-toolbar button:first-child, .linked > button:first-child, .linked > GtkComboBox:first-child > button {
|
|
border-radius: 3px 0 0 3px;
|
|
border-left-style: solid; }
|
|
.osd button:last-child, .inline-toolbar button:last-child, .linked > button:last-child, .linked > GtkComboBox:last-child > button {
|
|
border-radius: 0 3px 3px 0; }
|
|
.osd button:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), .linked > GtkComboBox:last-child > button:dir(rtl) {
|
|
border-right-style: solid; }
|
|
.osd button:only-child, .inline-toolbar button:only-child, .linked > button:only-child, .linked > GtkComboBox:only-child > button {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
.linked.vertical entry, .linked.vertical spinbutton, .linked.vertical entry:focus, .linked.vertical spinbutton:focus, .linked.vertical entry:insensitive, .linked.vertical spinbutton:insensitive, .linked.vertical entry:insensitive:backdrop, .linked.vertical spinbutton:insensitive:backdrop, .linked.vertical entry:backdrop, .linked.vertical spinbutton:backdrop, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > GtkComboBoxText > button,
|
|
.linked.vertical > GtkComboBox > button {
|
|
border-left-style: solid;
|
|
border-top-style: none;
|
|
border-radius: 0; }
|
|
|
|
.linked.vertical entry:first-child, .linked.vertical spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > GtkComboBoxText:first-child > button,
|
|
.linked.vertical > GtkComboBox:first-child > button {
|
|
border-style: solid;
|
|
border-radius: 3px 3px 0 0; }
|
|
.linked.vertical entry:last-child, .linked.vertical spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > GtkComboBoxText:last-child > button,
|
|
.linked.vertical > GtkComboBox:last-child > button {
|
|
border-radius: 0 0 3px 3px; }
|
|
.linked.vertical entry:only-child, .linked.vertical spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > GtkComboBoxText:only-child > button,
|
|
.linked.vertical > GtkComboBox:only-child > button {
|
|
border-radius: 3px;
|
|
border-style: solid; }
|
|
|
|
button.flat, .sidebar-button.button, button.flat:backdrop, .sidebar-button.button:backdrop, button.flat:insensitive:backdrop, .sidebar-button.button:insensitive:backdrop, modelbutton.flat,
|
|
.menuitem.button.flat, modelbutton.flat:backdrop,
|
|
.menuitem.button.flat:backdrop, button:link, button:visited, button:link:hover, button:link:active, button:visited:hover, button:visited:active, button:link:backdrop, button:visited:backdrop, notebook tab button, .list-row.activatable,
|
|
.list-row.activatable:backdrop,
|
|
.list-row.activatable:backdrop:active,
|
|
.list-row.activatable:backdrop:checked,
|
|
.list-row.activatable:backdrop:insensitive,
|
|
.list-row.activatable:backdrop:insensitive:active,
|
|
.list-row.activatable:backdrop:insensitive:checked,
|
|
.list-row.activatable:insensitive:active,
|
|
.list-row.activatable:insensitive:checked, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:backdrop:hover {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
|
|
/* menu buttons */
|
|
modelbutton.flat,
|
|
.menuitem.button.flat {
|
|
outline-offset: -1px; }
|
|
modelbutton.flat:backdrop,
|
|
.menuitem.button.flat:backdrop {
|
|
color: #000; }
|
|
modelbutton.flat:backdrop:hover,
|
|
.menuitem.button.flat:backdrop:hover {
|
|
color: #fff;
|
|
background-color: #000; }
|
|
modelbutton.flat:insensitive,
|
|
.menuitem.button.flat:insensitive {
|
|
color: gray; }
|
|
|
|
button.color {
|
|
padding: 4px; }
|
|
|
|
/*********
|
|
* Links *
|
|
*********/
|
|
*:link {
|
|
color: #000; }
|
|
*:link:hover, *:link:active, *:link:visited {
|
|
color: black; }
|
|
*:link:backdrop, *:link:backdrop:hover {
|
|
color: #000; }
|
|
|
|
button:link, button:visited {
|
|
color: #4a90d9;
|
|
font-weight: bold;
|
|
text-shadow: none; }
|
|
button:link:hover, button:link:active, button:visited:hover, button:visited:active {
|
|
color: black;
|
|
text-shadow: none; }
|
|
button:link:backdrop, button:visited:backdrop {
|
|
color: #000; }
|
|
|
|
/*****************
|
|
* GtkSpinButton *
|
|
*****************/
|
|
spinbutton {
|
|
/* This is to fix spinbuttons in entries, but I feel like hiding code issues
|
|
* hence it's commented atm.
|
|
* treeview.view & {
|
|
* & entry, & entry:focus {
|
|
* padding: 1px;
|
|
* border-width: 1px 0;
|
|
* border-color: $selected_bg_color;
|
|
* border-radius: 0;
|
|
* box-shadow: none;
|
|
* }
|
|
* }
|
|
*/ }
|
|
spinbutton button {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray;
|
|
background-image: none;
|
|
border-width: 0 0 0 1px;
|
|
border-color: rgba(128, 128, 128, 0.3);
|
|
color: #0d0d0d;
|
|
border-radius: 0; }
|
|
spinbutton button:dir(rtl) {
|
|
border-width: 0 1px 0 0; }
|
|
spinbutton button:hover {
|
|
color: #000;
|
|
background-color: rgba(0, 0, 0, 0.05); }
|
|
spinbutton button:insensitive {
|
|
box-shadow: none;
|
|
color: rgba(128, 128, 128, 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 {
|
|
border-color: rgba(141, 141, 141, 0.3);
|
|
background-color: #fff;
|
|
box-shadow: none; }
|
|
spinbutton button:backdrop:insensitive {
|
|
box-shadow: none;
|
|
color: rgba(128, 128, 128, 0.3);
|
|
border-width: 0 0 0 1px; }
|
|
spinbutton button:backdrop:insensitive:dir(rtl) {
|
|
border-width: 0 1px 0 0; }
|
|
spinbutton.vertical button:first-child {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
spinbutton.vertical button:first-child:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray; }
|
|
spinbutton.vertical button:first-child:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none; }
|
|
spinbutton.vertical button:first-child:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
spinbutton.vertical button:first-child:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
spinbutton.vertical button:last-child {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
spinbutton.vertical button:last-child:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray; }
|
|
spinbutton.vertical button:last-child:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none; }
|
|
spinbutton.vertical button:last-child:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
spinbutton.vertical button:last-child:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
spinbutton.vertical button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
spinbutton.vertical.entry {
|
|
border-radius: 0; }
|
|
spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:insensitive, spinbutton.vertical button:first-child:backdrop {
|
|
border-radius: 3px 3px 0 0;
|
|
border-bottom-width: 0; }
|
|
spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:insensitive, spinbutton.vertical button:last-child:backdrop {
|
|
border-radius: 0 0 3px 3px;
|
|
border-top-width: 0; }
|
|
|
|
/**************
|
|
* ComboBoxes *
|
|
**************/
|
|
GtkComboBox {
|
|
padding: 0;
|
|
-GtkComboBox-arrow-scaling: 0.5;
|
|
-GtkComboBox-shadow-type: none;
|
|
box-shadow: 0 1px #fff;
|
|
text-shadow: 0 1px white;
|
|
icon-shadow: 0 1px white; }
|
|
GtkComboBox:insensitive {
|
|
color: gray;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
GtkComboBox:backdrop {
|
|
color: #000;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
GtkComboBox:backdrop:insensitive {
|
|
color: gray; }
|
|
GtkComboBox .menuitem {
|
|
text-shadow: none; }
|
|
GtkComboBox separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view separator.vertical, GtkPlacesSidebar.sidebar .view GtkComboBox separator.vertical {
|
|
-GtkWidget-wide-separators: true; }
|
|
GtkComboBox.combobox-entry entry {
|
|
border-radius: 3px 0 0 3px; }
|
|
GtkComboBox.combobox-entry entry:dir(rtl) {
|
|
border-radius: 0 3px 3px 0; }
|
|
GtkComboBox.combobox-entry button, GtkComboBox.combobox-entry button:backdrop {
|
|
border-radius: 0 3px 3px 0;
|
|
border-left-style: none; }
|
|
GtkComboBox.combobox-entry button:dir(rtl), GtkComboBox.combobox-entry button:backdrop:dir(rtl) {
|
|
border-radius: 3px 0 0 3px;
|
|
border-left-style: solid;
|
|
border-right-style: none; }
|
|
|
|
/************
|
|
* Toolbars *
|
|
************/
|
|
.toolbar {
|
|
padding: 6px;
|
|
background-color: #fff; }
|
|
.toolbar.osd {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-radius: 6px;
|
|
padding: 12px; }
|
|
.toolbar.osd label {
|
|
color: #fff; }
|
|
.toolbar.inline-toolbar {
|
|
border-width: 0 1px 1px;
|
|
padding: 3px;
|
|
border-radius: 0 0 4px 4px; }
|
|
.toolbar.search-bar {
|
|
border-width: 0 0 1px;
|
|
padding: 3px; }
|
|
.toolbar.vertical {
|
|
border-right: 1px solid gray; }
|
|
.toolbar.vertical:dir(rtl) {
|
|
border-right: none;
|
|
border-left: 1px solid gray; }
|
|
|
|
.toolbar.inline-toolbar, .toolbar.search-bar {
|
|
border-style: solid;
|
|
border-color: gray;
|
|
background-color: #d9d9d9;
|
|
box-shadow: inset 0 2px 3px -1px #a4a4a4; }
|
|
.toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #d7d7d7;
|
|
box-shadow: none; }
|
|
|
|
/***************
|
|
* Header bars *
|
|
***************/
|
|
.titlebar,
|
|
headerbar {
|
|
border-width: 0 0 1px;
|
|
border-style: solid;
|
|
border-color: gray;
|
|
border-radius: 7px 7px 0 0;
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to bottom, white, #fff);
|
|
box-shadow: inset 0 -1px #d9d9d9, inset 0 1px #fff;
|
|
padding: 6px; }
|
|
.titlebar:backdrop,
|
|
headerbar:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
.titlebar .title,
|
|
headerbar .title {
|
|
font: Bold;
|
|
padding: 0px 12px; }
|
|
.titlebar .subtitle,
|
|
headerbar .subtitle {
|
|
font-size: 80%;
|
|
padding: 0 12px; }
|
|
.titlebar .header-bar-separator, .titlebar > GtkBox > separator.vertical,
|
|
GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > separator.vertical:backdrop,
|
|
headerbar .header-bar-separator,
|
|
headerbar > GtkBox > separator.vertical,
|
|
GtkPlacesSidebar.sidebar .view headerbar > GtkBox > separator.vertical {
|
|
-GtkWidget-wide-separators: true;
|
|
-GtkWidget-separator-width: 1px;
|
|
border-width: 0 1px;
|
|
border-color: #000;
|
|
border-style: solid; }
|
|
.titlebar.selection-mode,
|
|
headerbar.selection-mode {
|
|
color: black;
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
|
|
background-image: linear-gradient(to bottom, #0d0d0d, #050505);
|
|
box-shadow: inset 0 -1px #d9d9d9, inset 0 1px gray; }
|
|
.titlebar.selection-mode button,
|
|
headerbar.selection-mode button {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-image: none;
|
|
background-color: #000;
|
|
border-color: black; }
|
|
.titlebar.selection-mode button:hover,
|
|
headerbar.selection-mode button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: #000;
|
|
border-color: black;
|
|
background-image: none; }
|
|
.titlebar.selection-mode button:active,
|
|
headerbar.selection-mode button:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: black;
|
|
background-color: white;
|
|
border-color: black; }
|
|
.titlebar.selection-mode button:insensitive,
|
|
headerbar.selection-mode button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.titlebar.selection-mode button:backdrop,
|
|
headerbar.selection-mode button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: #000;
|
|
border-color: #000;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
border-color: black; }
|
|
.titlebar.selection-mode button:backdrop:insensitive,
|
|
headerbar.selection-mode button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.titlebar.selection-mode button.suggested-action,
|
|
headerbar.selection-mode button.suggested-action {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
.titlebar.selection-mode button.suggested-action:hover,
|
|
headerbar.selection-mode button.suggested-action:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none; }
|
|
.titlebar.selection-mode button.suggested-action:active,
|
|
headerbar.selection-mode button.suggested-action:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray; }
|
|
.titlebar.selection-mode button.suggested-action:insensitive,
|
|
headerbar.selection-mode button.suggested-action:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.titlebar.selection-mode button.suggested-action:backdrop,
|
|
headerbar.selection-mode button.suggested-action:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.titlebar.selection-mode button.suggested-action:backdrop:insensitive,
|
|
headerbar.selection-mode button.suggested-action:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.titlebar.selection-mode .selection-menu,
|
|
headerbar.selection-mode .selection-menu {
|
|
border-width: 0;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
.tiled .titlebar, .maximized .titlebar, .tiled
|
|
headerbar, .maximized
|
|
headerbar {
|
|
border-radius: 0; }
|
|
|
|
/************
|
|
* Pathbars *
|
|
************/
|
|
.path-bar button {
|
|
padding: 5px 6px 6px; }
|
|
.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 {
|
|
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: gray;
|
|
border-top-color: #fff; }
|
|
treeview.view:selected {
|
|
border-radius: 0; }
|
|
treeview.view:selected, treeview.view:backdrop:selected {
|
|
border-left-color: gray;
|
|
border-top-color: rgba(0, 0, 0, 0.1); }
|
|
treeview.view:insensitive {
|
|
color: gray; }
|
|
treeview.view:insensitive:selected {
|
|
color: #666666; }
|
|
treeview.view:insensitive:selected:backdrop {
|
|
color: gray; }
|
|
treeview.view:insensitive:backdrop {
|
|
color: gray; }
|
|
treeview.view.separator:backdrop {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
treeview.view:backdrop {
|
|
color: #000;
|
|
border-left-color: gray;
|
|
border-top: #fff; }
|
|
treeview.view.dnd {
|
|
border-style: solid none;
|
|
border-width: 1px;
|
|
border-color: black; }
|
|
treeview.view.expander {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
|
color: #4d4d4d; }
|
|
treeview.view.expander:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
treeview.view.expander:hover {
|
|
color: #000; }
|
|
treeview.view.expander:selected {
|
|
color: #b3b3b3; }
|
|
treeview.view.expander:selected:hover {
|
|
color: #fff; }
|
|
treeview.view.expander:selected:backdrop {
|
|
color: #b3b3b3; }
|
|
treeview.view.expander:checked {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
treeview.view.expander:backdrop {
|
|
color: #4d4d4d; }
|
|
treeview.view.progressbar {
|
|
color: #fff;
|
|
border: 1px solid #000;
|
|
border-radius: 4px;
|
|
background-color: #000; }
|
|
treeview.view.progressbar:selected {
|
|
color: #000; }
|
|
treeview.view.progressbar:backdrop {
|
|
color: #000;
|
|
border-color: #000;
|
|
background-color: #fff; }
|
|
treeview.view.trough {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px; }
|
|
treeview.view.trough:selected {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
border-width: 1px 0;
|
|
border-style: solid;
|
|
border-color: #000; }
|
|
treeview.view header button {
|
|
color: gray;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
box-shadow: none; }
|
|
treeview.view header button:hover {
|
|
color: #404040;
|
|
box-shadow: none; }
|
|
treeview.view header button:active {
|
|
color: #fff; }
|
|
treeview.view header :last-child.button, treeview.view header:last-child.button {
|
|
border-right-style: none; }
|
|
|
|
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
|
|
border-width: 0 1px 1px 0;
|
|
border-radius: 0;
|
|
background-image: none;
|
|
border-color: #fff;
|
|
text-shadow: none; }
|
|
treeview.view header button:insensitive {
|
|
border-width: 0 1px 1px 0;
|
|
border-color: #fff;
|
|
background-image: none; }
|
|
treeview.view header button:backdrop {
|
|
border-color: #fff;
|
|
border-width: 0 1px 1px 0;
|
|
color: gray;
|
|
background-image: none; }
|
|
treeview.view header button:backdrop:insensitive {
|
|
border-width: 0 1px 1px 0;
|
|
border-color: #fff;
|
|
background-image: none; }
|
|
|
|
treeview.view.progressbar {
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
background-image: linear-gradient(to bottom, #000, black); }
|
|
treeview.view.progressbar:selected {
|
|
color: #000;
|
|
background-image: linear-gradient(to bottom, #fff, #e6e6e6); }
|
|
treeview.view.progressbar:selected:backdrop {
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff; }
|
|
treeview.view.progressbar:backdrop {
|
|
color: #fff;
|
|
background-image: none; }
|
|
|
|
/*********
|
|
* Menus *
|
|
*********/
|
|
.menubar {
|
|
padding: 0px;
|
|
background-color: #f2f2f2; }
|
|
.menubar:backdrop {
|
|
background-color: #fff; }
|
|
.menubar > .menuitem {
|
|
padding: 4px 8px; }
|
|
.menubar > .menuitem:hover {
|
|
box-shadow: inset 0 -3px #000;
|
|
color: #000; }
|
|
.menubar > .menuitem:insensitive {
|
|
color: gray;
|
|
box-shadow: none; }
|
|
|
|
.menu {
|
|
padding: 0px;
|
|
background-color: #fff; }
|
|
.menu .menuitem {
|
|
padding: 4px; }
|
|
.menu .menuitem:hover {
|
|
color: #fff;
|
|
background-color: #000; }
|
|
.menu .menuitem:insensitive {
|
|
color: gray; }
|
|
.menu .menuitem:insensitive:backdrop {
|
|
color: gray; }
|
|
.menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
|
|
color: #000;
|
|
background-color: #fff; }
|
|
.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"); }
|
|
|
|
/***************
|
|
* Popovers *
|
|
***************/
|
|
popover {
|
|
margin: 10px;
|
|
padding: 2px;
|
|
border-color: gray;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
|
|
popover:backdrop {
|
|
box-shadow: none; }
|
|
popover > .list, popover > .view, popover > .toolbar {
|
|
background-color: transparent; }
|
|
popover separator, popover GtkPlacesSidebar.sidebar .view separator, GtkPlacesSidebar.sidebar .view popover separator,
|
|
popover GtkPlacesSidebar.sidebar .view separator:backdrop,
|
|
GtkPlacesSidebar.sidebar .view popover separator:backdrop {
|
|
color: #000;
|
|
background-color: transparent;
|
|
border: 0; }
|
|
popover button.flat, popover .sidebar-button.button,
|
|
popover button.flat:hover,
|
|
popover .sidebar-button.button:hover {
|
|
color: #000;
|
|
text-shadow: none;
|
|
transition: none; }
|
|
popover.osd {
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border: 1px solid gray;
|
|
color: #fff; }
|
|
popover.osd button {
|
|
color: white;
|
|
text-shadow: none;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
popover.osd button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: rgba(77, 77, 77, 0.8);
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
popover.osd button:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
background-color: #fff;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
popover.osd button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
color: gray; }
|
|
|
|
/*****************
|
|
* Notebooks and *
|
|
* Tabs *
|
|
*****************/
|
|
notebook {
|
|
-GtkNotebook-initial-gap: 10;
|
|
-GtkNotebook-arrow-spacing: 5;
|
|
-GtkNotebook-tab-curvature: 0;
|
|
-GtkNotebook-tab-overlap: -8;
|
|
-GtkNotebook-has-tab-gap: false;
|
|
-GtkWidget-focus-padding: 0;
|
|
-GtkWidget-focus-line-width: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
transition: all 200ms ease-out; }
|
|
notebook:backdrop {
|
|
background-color: #fff; }
|
|
notebook.frame {
|
|
border: 1px solid gray; }
|
|
notebook.frame.top {
|
|
border-top-width: 0; }
|
|
notebook.frame.bottom {
|
|
border-bottom-width: 0; }
|
|
notebook.frame.right {
|
|
border-right-width: 0; }
|
|
notebook.frame.left {
|
|
border-left-width: 0; }
|
|
notebook.frame:backdrop {
|
|
border-color: #8d8d8d; }
|
|
notebook.header {
|
|
background-color: #d9d9d9; }
|
|
notebook.header.frame {
|
|
border: 1px solid gray; }
|
|
notebook.header.frame.top {
|
|
border-bottom-width: 0; }
|
|
notebook.header.frame.bottom {
|
|
border-top-width: 0; }
|
|
notebook.header.frame.right {
|
|
border-left-width: 0; }
|
|
notebook.header.frame.left {
|
|
border-right-width: 0; }
|
|
notebook.header.frame:backdrop {
|
|
border-color: #8d8d8d; }
|
|
notebook.header.top {
|
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px gray; }
|
|
notebook.header.top:backdrop {
|
|
box-shadow: inset 0 -1px #8d8d8d; }
|
|
notebook.header.bottom {
|
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px gray; }
|
|
notebook.header.bottom:backdrop {
|
|
box-shadow: inset 0 1px #8d8d8d; }
|
|
notebook.header.right {
|
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 gray; }
|
|
notebook.header.right:backdrop {
|
|
box-shadow: inset 1px 0 #8d8d8d; }
|
|
notebook.header.left {
|
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 gray; }
|
|
notebook.header.left:backdrop {
|
|
box-shadow: inset -1px 0 #8d8d8d; }
|
|
notebook.header:backdrop {
|
|
background-color: #d7d7d7;
|
|
box-shadow: none; }
|
|
notebook tab {
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
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: 8px 20px; }
|
|
notebook tab.left, notebook tab.right {
|
|
padding: 5px 20px; }
|
|
notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px; }
|
|
notebook tab.reorderable-page.left, notebook tab.reorderable-page.right {
|
|
border-bottom-width: 1px;
|
|
border-top-width: 1px; }
|
|
notebook tab.top {
|
|
border-bottom-width: 3px; }
|
|
notebook tab.bottom {
|
|
border-top-width: 3px; }
|
|
notebook tab.left {
|
|
border-right-width: 3px; }
|
|
notebook tab.right {
|
|
border-left-width: 3px; }
|
|
notebook tab:hover {
|
|
border-color: gray; }
|
|
notebook tab:active, notebook tab:backdrop:active {
|
|
border-color: #000; }
|
|
notebook tab:backdrop {
|
|
background-color: transparent;
|
|
border-color: transparent; }
|
|
notebook tab.reorderable-page.top {
|
|
border-color: transparent; }
|
|
notebook tab.reorderable-page.top:hover {
|
|
border-color: rgba(128, 128, 128, 0.3);
|
|
border-bottom-color: gray;
|
|
background-color: rgba(255, 255, 255, 0.2); }
|
|
notebook tab.reorderable-page.top:active {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border-color: rgba(128, 128, 128, 0.5);
|
|
border-bottom-color: #000; }
|
|
notebook tab.reorderable-page.top:active:hover {
|
|
background-color: rgba(255, 255, 255, 0.7); }
|
|
notebook tab.reorderable-page.top:active:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #fff;
|
|
border-bottom-color: #000; }
|
|
notebook tab.reorderable-page.top:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent; }
|
|
notebook tab.reorderable-page.bottom {
|
|
border-color: transparent; }
|
|
notebook tab.reorderable-page.bottom:hover {
|
|
border-color: rgba(128, 128, 128, 0.3);
|
|
border-top-color: gray;
|
|
background-color: rgba(255, 255, 255, 0.2); }
|
|
notebook tab.reorderable-page.bottom:active {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border-color: rgba(128, 128, 128, 0.5);
|
|
border-top-color: #000; }
|
|
notebook tab.reorderable-page.bottom:active:hover {
|
|
background-color: rgba(255, 255, 255, 0.7); }
|
|
notebook tab.reorderable-page.bottom:active:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #fff;
|
|
border-top-color: #000; }
|
|
notebook tab.reorderable-page.bottom:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent; }
|
|
notebook tab.reorderable-page.left {
|
|
border-color: transparent; }
|
|
notebook tab.reorderable-page.left:hover {
|
|
border-color: rgba(128, 128, 128, 0.3);
|
|
border-right-color: gray;
|
|
background-color: rgba(255, 255, 255, 0.2); }
|
|
notebook tab.reorderable-page.left:active {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border-color: rgba(128, 128, 128, 0.5);
|
|
border-right-color: #000; }
|
|
notebook tab.reorderable-page.left:active:hover {
|
|
background-color: rgba(255, 255, 255, 0.7); }
|
|
notebook tab.reorderable-page.left:active:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #fff;
|
|
border-right-color: #000; }
|
|
notebook tab.reorderable-page.left:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent; }
|
|
notebook tab.reorderable-page.right {
|
|
border-color: transparent; }
|
|
notebook tab.reorderable-page.right:hover {
|
|
border-color: rgba(128, 128, 128, 0.3);
|
|
border-left-color: gray;
|
|
background-color: rgba(255, 255, 255, 0.2); }
|
|
notebook tab.reorderable-page.right:active {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border-color: rgba(128, 128, 128, 0.5);
|
|
border-left-color: #000; }
|
|
notebook tab.reorderable-page.right:active:hover {
|
|
background-color: rgba(255, 255, 255, 0.7); }
|
|
notebook tab.reorderable-page.right:active:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #fff;
|
|
border-left-color: #000; }
|
|
notebook tab.reorderable-page.right:backdrop {
|
|
border-color: transparent;
|
|
background-color: transparent; }
|
|
notebook tab label {
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
color: gray;
|
|
/* color: inherit doesn't work here */ }
|
|
notebook tab label:backdrop {
|
|
color: gray; }
|
|
notebook tab:hover label {
|
|
color: #404040; }
|
|
notebook tab:active label {
|
|
color: #000; }
|
|
notebook tab:active label:backdrop {
|
|
color: #000; }
|
|
notebook tab button {
|
|
border: 2px solid transparent;
|
|
icon-shadow: none;
|
|
transition: none;
|
|
color: rgba(0, 0, 0, 0.3); }
|
|
notebook tab button:hover {
|
|
color: #000;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none;
|
|
border-width: 2px;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
notebook tab button:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray;
|
|
border-width: 2px; }
|
|
notebook tab button:backdrop, notebook tab button:backdrop:hover {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
border-color: transparent;
|
|
border-width: 2px; }
|
|
notebook tab button > image {
|
|
padding: 2px; }
|
|
|
|
/**************
|
|
* Scrollbars *
|
|
**************/
|
|
.scrollbar {
|
|
background-clip: padding-box;
|
|
background-image: none;
|
|
border-style: solid;
|
|
-GtkRange-trough-border: 0;
|
|
-GtkScrollbar-has-backward-stepper: false;
|
|
-GtkScrollbar-has-forward-stepper: false;
|
|
-GtkRange-slider-width: 20;
|
|
-GtkScrollbar-min-slider-length: 42;
|
|
-GtkRange-stepper-spacing: 0;
|
|
-GtkRange-trough-under-steppers: 1; }
|
|
.scrollbar .button {
|
|
border: none; }
|
|
.scrollbar.slider {
|
|
border-radius: 20px;
|
|
border: 5px solid transparent;
|
|
background-color: gray; }
|
|
.scrollbar.slider:backdrop, .scrollbar.slider:insensitive {
|
|
background-color: #e6e6e6; }
|
|
.scrollbar.slider:hover {
|
|
background-color: #4d4d4d; }
|
|
.scrollbar.slider:prelight:active {
|
|
background-color: #000; }
|
|
.scrollbar.slider.fine-tune {
|
|
border-width: 8px; }
|
|
.scrollbar.slider.fine-tune:prelight:active {
|
|
background-color: #000; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
|
opacity: 0.4;
|
|
-GtkRange-slider-width: 5px; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
|
|
margin: 0;
|
|
background-color: #000;
|
|
border: 1px solid white;
|
|
background-clip: padding-box; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
|
|
border-style: none;
|
|
background-color: transparent; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px; }
|
|
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
|
|
margin-left: 2px;
|
|
margin-right: 2px; }
|
|
.scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering {
|
|
opacity: 0.7; }
|
|
|
|
.scrollbars-junction, .scrollbar.trough {
|
|
border-color: transparent;
|
|
background-color: #f2f2f2; }
|
|
.scrollbars-junction:backdrop, .scrollbar.trough:backdrop {
|
|
background-color: transparent; }
|
|
|
|
/**********
|
|
* Switch *
|
|
**********/
|
|
GtkSwitch {
|
|
-GtkSwitch-slider-width: 47px;
|
|
-GtkSwitch-slider-height: 28px; }
|
|
|
|
switch {
|
|
font: bold condensed 9;
|
|
outline-offset: -4px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
border-color: gray;
|
|
background-color: #cccccc;
|
|
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
|
|
/*outset not working*/
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
|
|
switch:active {
|
|
color: white;
|
|
border-color: #000;
|
|
background-color: #000;
|
|
text-shadow: 0 0 2px white; }
|
|
switch:insensitive {
|
|
color: gray;
|
|
border-color: gray;
|
|
background-color: white;
|
|
text-shadow: none; }
|
|
switch:backdrop {
|
|
color: #000;
|
|
border-color: #8d8d8d;
|
|
background-color: #fff;
|
|
box-shadow: none;
|
|
text-shadow: none; }
|
|
switch:backdrop:active {
|
|
color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-color: #8d8d8d;
|
|
box-shadow: none; }
|
|
switch:backdrop:insensitive, switch:backdrop:insensitive:active {
|
|
background-color: white;
|
|
color: gray;
|
|
border-color: gray; }
|
|
switch slider {
|
|
border-radius: 3px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px silver; }
|
|
switch slider:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none;
|
|
box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px silver; }
|
|
switch slider:active {
|
|
border-color: #000; }
|
|
switch slider:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
switch slider:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
switch slider:backdrop:active {
|
|
border-color: #8d8d8d; }
|
|
switch slider:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
|
|
/*************************
|
|
* Check and Radio items *
|
|
*************************/
|
|
GtkCheckButton.text-button, GtkRadioButton.text-button {
|
|
padding: 1px;
|
|
outline-offset: 0; }
|
|
|
|
.check {
|
|
color: #000;
|
|
background-image: none;
|
|
-gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); }
|
|
.check:hover {
|
|
color: #333333; }
|
|
.check:checked, .check:active {
|
|
-gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
|
|
.check:checked:insensitive, .check:active:insensitive {
|
|
color: gray; }
|
|
.check:checked:insensitive:backdrop, .check:active:insensitive:backdrop {
|
|
color: gray; }
|
|
.check:checked:backdrop, .check:active:backdrop {
|
|
color: #000; }
|
|
.check:insensitive {
|
|
color: gray; }
|
|
.check:insensitive:backdrop {
|
|
color: gray; }
|
|
.check:inconsistent {
|
|
-gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
|
|
.check:backdrop {
|
|
color: #000; }
|
|
.check:backdrop:selected {
|
|
color: #000; }
|
|
|
|
.radio {
|
|
color: #000;
|
|
background-image: none;
|
|
-gtk-icon-source: -gtk-icontheme("radio-symbolic"); }
|
|
.radio:hover {
|
|
color: #333333; }
|
|
.radio:checked, .radio:active {
|
|
-gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
|
|
.radio:checked:insensitive, .radio:active:insensitive {
|
|
color: gray; }
|
|
.radio:checked:insensitive:backdrop, .radio:active:insensitive:backdrop {
|
|
color: gray; }
|
|
.radio:checked:backdrop, .radio:active:backdrop {
|
|
color: #000; }
|
|
.radio:insensitive {
|
|
color: gray; }
|
|
.radio:insensitive:backdrop {
|
|
color: gray; }
|
|
.radio:inconsistent {
|
|
-gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
|
|
.radio:backdrop {
|
|
color: #000; }
|
|
.radio:backdrop:selected {
|
|
color: #000; }
|
|
|
|
/************
|
|
* GtkScale *
|
|
************/
|
|
.scale,
|
|
.scale.scale-has-marks-above.scale-has-marks-below,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
|
|
-GtkScale-slider-length: 20;
|
|
-GtkRange-slider-width: 20;
|
|
-GtkRange-trough-border: 2;
|
|
outline-offset: -9px;
|
|
outline-radius: 4px; }
|
|
.scale.fine-tune,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
|
|
outline-offset: -7px;
|
|
outline-radius: 6px; }
|
|
.scale.fine-tune.trough,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
|
|
border-radius: 4px;
|
|
margin: 8px; }
|
|
.scale.slider,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
border-radius: 50%;
|
|
border-color: #787878; }
|
|
.scale.slider:hover,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none;
|
|
border-color: #787878;
|
|
border-radius: 50%; }
|
|
.scale.slider:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
.scale.slider:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
border-color: #858585;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
.scale.slider:backdrop:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.scale.slider:active,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
|
|
border: 1px solid black; }
|
|
.scale.trough,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
|
|
margin: 10px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
border-color: gray;
|
|
background-color: #cccccc;
|
|
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
|
|
.scale.trough.highlight,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
|
|
border-color: #000;
|
|
background-color: #000; }
|
|
.scale.trough.highlight:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
|
|
border-color: gray;
|
|
background-color: gray;
|
|
box-shadow: none; }
|
|
.scale.trough:insensitive, .scale.trough.hilight:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive {
|
|
border-color: gray;
|
|
background-color: white; }
|
|
.scale.trough:backdrop,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: silver;
|
|
box-shadow: none; }
|
|
.scale.trough:backdrop:insensitive, .scale.trough .hilight:backdrop:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
|
|
.scale.scale-has-marks-above.scale-has-marks-below.trough .hilight:backdrop:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
|
|
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .hilight:backdrop:insensitive {
|
|
border-color: gray;
|
|
background-color: #fff; }
|
|
|
|
/*****************
|
|
* Progress bars *
|
|
*****************/
|
|
GtkProgressBar {
|
|
padding: 0;
|
|
font-size: 83%;
|
|
color: #000; }
|
|
GtkProgressBar:backdrop {
|
|
color: gray; }
|
|
|
|
.progressbar {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
border-color: #000;
|
|
background-color: #000;
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
|
|
.progressbar.vertical {
|
|
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
|
|
.progressbar:backdrop {
|
|
border-color: #000;
|
|
background-color: #000;
|
|
box-shadow: none; }
|
|
.progressbar.osd {
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
-GtkProgressBar-xspacing: 0;
|
|
-GtkProgressBar-yspacing: 2px;
|
|
-GtkProgressBar-min-horizontal-bar-height: 2px; }
|
|
|
|
GtkProgressBar.trough {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
border-color: gray;
|
|
background-color: lightgray;
|
|
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
|
|
GtkProgressBar.trough:backdrop {
|
|
border-color: #8d8d8d;
|
|
background-color: #d7d7d7;
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0); }
|
|
GtkProgressBar.trough.osd {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border-width: 0; }
|
|
|
|
/*************
|
|
* Level Bar *
|
|
*************/
|
|
GtkLevelBar {
|
|
-GtkLevelBar-min-block-width: 34;
|
|
-GtkLevelBar-min-block-height: 3; }
|
|
|
|
GtkLevelBar.vertical {
|
|
-GtkLevelBar-min-block-width: 3;
|
|
-GtkLevelBar-min-block-height: 34; }
|
|
|
|
.level-bar.trough {
|
|
padding: 2px;
|
|
border-radius: 3px;
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
border-color: gray;
|
|
box-shadow: inset 0 2px 2px -2px gray; }
|
|
.level-bar.trough:backdrop {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
|
|
color: #000;
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0); }
|
|
.level-bar.fill-block {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: black;
|
|
background-color: #000;
|
|
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
|
|
border-radius: 1px; }
|
|
.level-bar.fill-block:backdrop {
|
|
border-color: #000;
|
|
box-shadow: none; }
|
|
.level-bar.fill-block.indicator-discrete.horizontal {
|
|
margin: 0 1px; }
|
|
.level-bar.fill-block.indicator-discrete.vertical {
|
|
margin: 1px 0; }
|
|
.level-bar.fill-block.level-high {
|
|
border-color: #5aa411;
|
|
background-color: #73d216; }
|
|
.level-bar.fill-block.level-high:backdrop {
|
|
border-color: #73d216; }
|
|
.level-bar.fill-block.level-low {
|
|
border-color: #c26000;
|
|
background-color: #f57900; }
|
|
.level-bar.fill-block.level-low:backdrop {
|
|
border-color: #f57900; }
|
|
.level-bar.fill-block.empty-fill-block {
|
|
background-color: transparent;
|
|
border-color: rgba(0, 0, 0, 0.2);
|
|
box-shadow: none; }
|
|
.level-bar.fill-block.empty-fill-block:backdrop {
|
|
border-color: rgba(0, 0, 0, 0.15); }
|
|
|
|
textview text:selected, textview text:selected:focus, textview text:selected:hover,
|
|
.view:selected,
|
|
calendar:selected,
|
|
.view:selected:focus,
|
|
calendar:focus:selected,
|
|
.view:selected:hover,
|
|
calendar:hover:selected, label:selected, label:selected:focus, label:selected:hover, label:backdrop:selected, entry:selected, entry:selected:focus, spinbutton:selected, spinbutton:selected:focus, modelbutton.flat:hover, modelbutton.flat:selected,
|
|
.menuitem.button.flat:hover,
|
|
.menuitem.button.flat:selected, .list-row.activatable:selected, .sidebar:selected, GtkPlacesSidebar.sidebar .view:selected, GtkPlacesSidebar.sidebar calendar:selected {
|
|
background-color: #000;
|
|
color: #fff;
|
|
outline-color: rgba(255, 255, 255, 0.3); }
|
|
textview text:backdrop:selected,
|
|
.view:backdrop:selected,
|
|
calendar:backdrop:selected,
|
|
calendar:backdrop:focus:selected,
|
|
calendar:backdrop:hover:selected, label:backdrop:selected, entry:backdrop:selected, spinbutton:backdrop:selected, modelbutton.flat:backdrop:hover, modelbutton.flat:backdrop:selected,
|
|
.menuitem.button.flat:backdrop:hover,
|
|
.menuitem.button.flat:backdrop:selected, .list-row.activatable:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected, GtkPlacesSidebar.sidebar calendar:backdrop:selected {
|
|
background-color: gray;
|
|
color: #fff; }
|
|
|
|
/**********
|
|
* Frames *
|
|
**********/
|
|
.frame {
|
|
border: 1px solid gray;
|
|
padding: 0; }
|
|
.frame.flat {
|
|
border-style: none; }
|
|
.frame:backdrop {
|
|
border-color: #8d8d8d; }
|
|
.frame.action-bar {
|
|
padding: 6px;
|
|
border-width: 1px 0 0; }
|
|
|
|
GtkScrolledWindow .frame {
|
|
border-radius: 2px; }
|
|
GtkScrolledWindow GtkViewport.frame {
|
|
border-style: none; }
|
|
|
|
separator, GtkPlacesSidebar.sidebar .view separator,
|
|
GtkPlacesSidebar.sidebar .view separator:backdrop {
|
|
color: gray; }
|
|
GtkFileChooserButton separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view separator.vertical, GtkPlacesSidebar.sidebar .view GtkFileChooserButton separator.vertical, button.font separator.vertical,
|
|
button.font GtkPlacesSidebar.sidebar .view separator.vertical:backdrop,
|
|
GtkPlacesSidebar.sidebar .view button.font separator.vertical:backdrop {
|
|
-GtkWidget-wide-separators: true; }
|
|
|
|
/*********
|
|
* Lists *
|
|
*********/
|
|
.list, .list-row {
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
.list:backdrop, .list-row:backdrop {
|
|
background-color: #fff;
|
|
border-color: #8d8d8d; }
|
|
|
|
.list-row,
|
|
.grid-child {
|
|
padding: 2px; }
|
|
|
|
.list-row.activatable,
|
|
.list-row.activatable:backdrop,
|
|
.list-row.activatable:backdrop:active,
|
|
.list-row.activatable:backdrop:checked,
|
|
.list-row.activatable:backdrop:insensitive,
|
|
.list-row.activatable:backdrop:insensitive:active,
|
|
.list-row.activatable:backdrop:insensitive:checked,
|
|
.list-row.activatable:insensitive:active,
|
|
.list-row.activatable:insensitive:checked {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
border-style: none;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
|
|
.list-row.activatable {
|
|
color: #000; }
|
|
.list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup {
|
|
background-color: #f2f2f2; }
|
|
.list-row.activatable:active {
|
|
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
|
|
.list-row.activatable:selected {
|
|
background-color: #000;
|
|
color: #fff; }
|
|
.list-row.activatable:selected:active {
|
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
|
|
.list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected {
|
|
background-color: black; }
|
|
.list-row.activatable:selected:backdrop {
|
|
background-color: gray; }
|
|
.list-row.activatable:selected .button.flat {
|
|
color: #fff; }
|
|
.list-row.activatable:selected .button.flat:hover {
|
|
color: #000; }
|
|
.list-row.activatable:selected .button.flat:active {
|
|
color: #fff; }
|
|
.list-row .button.flat {
|
|
color: #000; }
|
|
.list-row .button.flat:active {
|
|
color: #fff; }
|
|
|
|
.list-row, .list-row.activatable {
|
|
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
.list-row:hover, .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup {
|
|
transition: none; }
|
|
|
|
/*********************
|
|
* App Notifications *
|
|
*********************/
|
|
.app-notification,
|
|
.app-notification.frame {
|
|
padding: 10px;
|
|
border-width: 0 1px 1px;
|
|
border-style: solid;
|
|
border-color: gray;
|
|
border-radius: 0 0 6px 6px;
|
|
background-image: linear-gradient(to bottom, #f0f0f0 5%, whitesmoke); }
|
|
.app-notification .button,
|
|
.app-notification.frame .button {
|
|
padding: 6px; }
|
|
|
|
/*************
|
|
* Expanders *
|
|
*************/
|
|
GtkExpander {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|
GtkExpander:dir(rtl) {
|
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
|
GtkExpander:hover {
|
|
color: #4d4d4d; }
|
|
GtkExpander:checked {
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
|
|
|
/************
|
|
* Calendar *
|
|
***********/
|
|
calendar {
|
|
border: 1px solid gray; }
|
|
calendar.button {
|
|
padding: 0 4px;
|
|
color: #999999; }
|
|
calendar.button:hover {
|
|
color: #000; }
|
|
calendar.button:backdrop, calendar.button:backdrop:hover {
|
|
color: gray; }
|
|
calendar.view {
|
|
border-radius: 2px; }
|
|
calendar.header {
|
|
background: linear-gradient(to bottom, white, #fafafa);
|
|
border-bottom-color: silver; }
|
|
calendar.header:backdrop {
|
|
background-image: linear-gradient(to bottom, #fff);
|
|
border-bottom-color: #c6c6c6; }
|
|
calendar:inconsistent, calendar:inconsistent:backdrop {
|
|
color: alpha(currentColor,0.55); }
|
|
calendar.highlight, calendar.highlight:backdrop {
|
|
color: #000; }
|
|
|
|
/***********
|
|
* Dialogs *
|
|
***********/
|
|
.message-dialog .dialog-action-area button {
|
|
padding: 8px; }
|
|
|
|
.message-dialog .titlebar {
|
|
border-style: none;
|
|
box-shadow: inset 0 1px #fff; }
|
|
.message-dialog.csd {
|
|
border-bottom-left-radius: 9px;
|
|
border-bottom-right-radius: 9px; }
|
|
.message-dialog.csd .dialog-action-area button {
|
|
padding: 12px;
|
|
border-radius: 0;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
.message-dialog.csd .dialog-action-area button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none; }
|
|
.message-dialog.csd .dialog-action-area button:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray; }
|
|
.message-dialog.csd .dialog-action-area button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.message-dialog.csd .dialog-action-area button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.message-dialog.csd .dialog-action-area button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.message-dialog.csd .dialog-action-area button.suggested-action {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-image: none;
|
|
background-color: #4a90d9;
|
|
border-color: #1c5187; }
|
|
.message-dialog.csd .dialog-action-area button.suggested-action:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #4a90d9;
|
|
border-color: #1c5187;
|
|
background-image: none; }
|
|
.message-dialog.csd .dialog-action-area button.suggested-action:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: black;
|
|
background-color: #b56f26;
|
|
border-color: #1c5187; }
|
|
.message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #4a90d9;
|
|
border-color: #4a90d9;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.message-dialog.csd .dialog-action-area button.suggested-action:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.message-dialog.csd .dialog-action-area button.destructive-action {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-image: none;
|
|
background-color: #ef2929;
|
|
border-color: #8e0b0b; }
|
|
.message-dialog.csd .dialog-action-area button.destructive-action:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #ef2929;
|
|
border-color: #8e0b0b;
|
|
background-image: none; }
|
|
.message-dialog.csd .dialog-action-area button.destructive-action:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: black;
|
|
background-color: #10d6d6;
|
|
border-color: #8e0b0b; }
|
|
.message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: white;
|
|
background-color: #ef2929;
|
|
border-color: #ef2929;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.message-dialog.csd .dialog-action-area button.destructive-action:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.message-dialog.csd .dialog-action-area button, .message-dialog.csd .dialog-action-area button:hover, .message-dialog.csd .dialog-action-area button:active, .message-dialog.csd .dialog-action-area button:insensitive, .message-dialog.csd .dialog-action-area button:backdrop, .message-dialog.csd .dialog-action-area button:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action, .message-dialog.csd .dialog-action-area button.suggested-action:hover, .message-dialog.csd .dialog-action-area button.suggested-action:active, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action, .message-dialog.csd .dialog-action-area button.destructive-action:hover, .message-dialog.csd .dialog-action-area button.destructive-action:active, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action:insensitive {
|
|
border-right-style: none;
|
|
border-bottom-style: none; }
|
|
.message-dialog.csd .dialog-action-area button:last-child {
|
|
border-bottom-right-radius: 7px; }
|
|
.message-dialog.csd .dialog-action-area button:first-child {
|
|
border-left-style: none;
|
|
border-bottom-left-radius: 7px; }
|
|
|
|
GtkFileChooserDialog .search-bar {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
box-shadow: none; }
|
|
GtkFileChooserDialog .search-bar:backdrop {
|
|
background-color: #fff;
|
|
border-color: #fff; }
|
|
GtkFileChooserDialog .dialog-action-box {
|
|
border-top: 1px solid gray; }
|
|
GtkFileChooserDialog .dialog-action-box:backdrop {
|
|
border-top-color: #8d8d8d; }
|
|
|
|
/***********
|
|
* Sidebar *
|
|
***********/
|
|
.sidebar {
|
|
border: none; }
|
|
.sidebar:backdrop {
|
|
background-color: #fff; }
|
|
.sidebar > GtkScrolledWindow > .frame {
|
|
border-right: 1px solid gray; }
|
|
.sidebar > GtkScrolledWindow > .frame:dir(rtl) {
|
|
border-right: none;
|
|
border-left: 1px solid gray; }
|
|
|
|
GtkSidebarRow.list-row {
|
|
padding: 0px; }
|
|
GtkSidebarRow .sidebar-revealer {
|
|
padding: 4px 14px 4px 12px; }
|
|
GtkSidebarRow .sidebar-icon {
|
|
opacity: 0.9; }
|
|
GtkSidebarRow .sidebar-icon:dir(ltr) {
|
|
padding-right: 8px; }
|
|
GtkSidebarRow .sidebar-icon:dir(rtl) {
|
|
padding-left: 8px; }
|
|
GtkSidebarRow .sidebar-label:dir(ltr) {
|
|
padding-right: 2px; }
|
|
GtkSidebarRow .sidebar-label:dir(rtl) {
|
|
padding-left: 2px; }
|
|
|
|
.sidebar-button.button {
|
|
border-radius: 100%;
|
|
outline-radius: 100%; }
|
|
.sidebar-button.button.image-button {
|
|
padding: 5px; }
|
|
.sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
|
|
opacity: 0.9; }
|
|
GtkPlacesSidebar.sidebar .view {
|
|
color: #000;
|
|
background-color: transparent; }
|
|
GtkPlacesSidebar.sidebar .view .image {
|
|
color: #4d4d4d; }
|
|
GtkPlacesSidebar.sidebar .view .image:selected {
|
|
color: #e6e6e6; }
|
|
|
|
.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 {
|
|
margin: 0 8px 8px 0; }
|
|
paned:dir(rtl) {
|
|
margin-right: 0;
|
|
margin-left: 8px; }
|
|
paned separator, paned GtkPlacesSidebar.sidebar .view separator, GtkPlacesSidebar.sidebar .view paned separator,
|
|
paned GtkPlacesSidebar.sidebar .view separator:backdrop,
|
|
GtkPlacesSidebar.sidebar .view paned separator:backdrop {
|
|
background-image: linear-gradient(to bottom, gray); }
|
|
paned separator:backdrop, paned GtkPlacesSidebar.sidebar .view separator:backdrop, GtkPlacesSidebar.sidebar .view paned separator:backdrop {
|
|
background-image: linear-gradient(to bottom, #8d8d8d); }
|
|
|
|
paned.wide {
|
|
-GtkPaned-handle-size: 5;
|
|
margin: 0; }
|
|
paned.wide separator, paned.wide GtkPlacesSidebar.sidebar .view separator, GtkPlacesSidebar.sidebar .view paned.wide separator {
|
|
background-color: transparent;
|
|
border-style: none solid;
|
|
border-color: gray;
|
|
border-width: 1px; }
|
|
paned.wide.vertical separator,
|
|
paned.wide.vertical GtkPlacesSidebar.sidebar .view separator:backdrop,
|
|
GtkPlacesSidebar.sidebar .view paned.wide.vertical separator:backdrop {
|
|
border-style: solid none; }
|
|
paned.wide separator:backdrop {
|
|
border-color: #8d8d8d; }
|
|
|
|
/**************
|
|
* GtkInfoBar *
|
|
**************/
|
|
infobar {
|
|
border-width: 0;
|
|
border-style: none; }
|
|
|
|
.info,
|
|
.question,
|
|
.warning,
|
|
.error {
|
|
background-color: #000;
|
|
color: #fff;
|
|
text-shadow: 0 1px black;
|
|
border-color: black; }
|
|
.info button,
|
|
.question button,
|
|
.warning button,
|
|
.error button {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-image: none;
|
|
background-color: #000;
|
|
border-color: black; }
|
|
.info button:hover,
|
|
.question button:hover,
|
|
.warning button:hover,
|
|
.error button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: #000;
|
|
border-color: black;
|
|
background-image: none; }
|
|
.info button:active,
|
|
.question button:active,
|
|
.warning button:active,
|
|
.error button:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: black;
|
|
background-color: white;
|
|
border-color: black; }
|
|
.info button:insensitive,
|
|
.question button:insensitive,
|
|
.warning button:insensitive,
|
|
.error button:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: gray;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.info button:backdrop,
|
|
.question button:backdrop,
|
|
.warning button:backdrop,
|
|
.error button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: #000;
|
|
border-color: #000;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none; }
|
|
.info button:backdrop:insensitive,
|
|
.question button:backdrop:insensitive,
|
|
.warning button:backdrop:insensitive,
|
|
.error button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: gray;
|
|
background-color: white;
|
|
border-color: #8d8d8d;
|
|
background-image: none; }
|
|
.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: #333333; }
|
|
|
|
/************
|
|
* Tooltips *
|
|
************/
|
|
.tooltip {
|
|
color: white;
|
|
padding: 4px;
|
|
/* not working */
|
|
border-radius: 5px;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
text-shadow: 0 1px black; }
|
|
|
|
.tooltip * {
|
|
padding: 4px;
|
|
background-color: transparent;
|
|
color: inherit; }
|
|
|
|
/*****************
|
|
* Color Chooser *
|
|
*****************/
|
|
colorswatch {
|
|
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
|
|
:selected colorswatch {
|
|
box-shadow: none; }
|
|
:selected colorswatch overlay, :selected colorswatch overlay:hover {
|
|
border-color: #fff; }
|
|
colorswatch:selected {
|
|
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
|
|
button.color > colorswatch {
|
|
box-shadow: none; }
|
|
colorswatch.top {
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px; }
|
|
colorswatch.bottom {
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px; }
|
|
colorswatch.left, colorswatch:first-child:not(overlay), colorswatch:first-child:not(.top) > .overlay {
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px; }
|
|
colorswatch.right, colorswatch:last-child:not(overlay), colorswatch:last-child:not(.bottom) > .overlay {
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px; }
|
|
colorswatch:only-child:not(overlay), colorswatch:only-child > overlay {
|
|
border-radius: 5px; }
|
|
colorswatch.activatable:hover, colorswatch.activatable: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.4); }
|
|
colorswatch:backdrop, colorswatch:backdrop:selected {
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
colorswatch.dark {
|
|
color: white;
|
|
outline-color: rgba(0, 0, 0, 0.3); }
|
|
colorswatch.dark:backdrop {
|
|
color: rgba(255, 255, 255, 0.3); }
|
|
colorswatch.light {
|
|
color: black;
|
|
outline-color: rgba(255, 255, 255, 0.5); }
|
|
colorswatch.light:backdrop {
|
|
color: rgba(0, 0, 0, 0.3); }
|
|
colorswatch overlay, colorswatch overlay:selected {
|
|
border: 1px solid gray; }
|
|
colorswatch overlay:hover, colorswatch overlay:selected:hover {
|
|
border-color: black; }
|
|
colorswatch#add-color-button {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: none; }
|
|
colorswatch#add-color-button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: gray;
|
|
background-image: none; }
|
|
colorswatch#add-color-button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
border-width: 1px;
|
|
color: gray; }
|
|
colorswatch#add-color-button overlay {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-width: 0; }
|
|
|
|
/**********************
|
|
* Window Decorations *
|
|
*********************/
|
|
decoration {
|
|
border-radius: 7px 7px 0 0;
|
|
border-width: 0px;
|
|
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
|
|
/* this is used for the resize cursor area */
|
|
margin: 10px; }
|
|
decoration:backdrop {
|
|
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
|
|
decoration.tiled {
|
|
border-radius: 0; }
|
|
decoration.csd.popup {
|
|
border-radius: 0;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
|
|
decoration.csd.tooltip {
|
|
border-radius: 5px;
|
|
box-shadow: none; }
|
|
decoration.solid-csd {
|
|
border-radius: 0;
|
|
margin: 4px;
|
|
background-color: #fff;
|
|
border: solid 1px #8d8d8d;
|
|
box-shadow: none; }
|
|
|
|
button.titlebutton {
|
|
padding: 8px;
|
|
border-color: transparent;
|
|
background-image: none;
|
|
transition-property: border, box-shadow, color;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
|
|
button.titlebutton:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
border-color: gray; }
|
|
button.titlebutton:active {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
background-image: none;
|
|
color: white;
|
|
background-color: black;
|
|
border-color: gray; }
|
|
button.titlebutton:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: #8d8d8d;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
border-color: transparent;
|
|
transition-property: border, box-shadow, color; }
|
|
|
|
/**********************
|
|
* Touch Copy & Paste *
|
|
*********************/
|
|
.entry.cursor-handle,
|
|
.cursor-handle {
|
|
background-color: #fff;
|
|
background-image: none;
|
|
-gtk-icon-source: none;
|
|
box-shadow: none;
|
|
outline-style: none;
|
|
outline-color: transparent;
|
|
border: 2px solid #000; }
|
|
.entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl),
|
|
.cursor-handle.top:dir(ltr),
|
|
.cursor-handle.bottom:dir(rtl) {
|
|
border-radius: 10px 0 0 0;
|
|
padding-left: 10px; }
|
|
.entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl),
|
|
.cursor-handle.bottom:dir(ltr),
|
|
.cursor-handle.top:dir(rtl) {
|
|
border-radius: 0 10px 0 0;
|
|
padding-right: 10px; }
|
|
.entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl),
|
|
.cursor-handle.insertion-cursor:dir(ltr),
|
|
.cursor-handle.insertion-cursor:dir(rtl) {
|
|
border-radius: 10px 10px 0 0; }
|
|
.entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl),
|
|
.cursor-handle.top:hover:dir(ltr),
|
|
.cursor-handle.bottom:hover:dir(rtl) {
|
|
border-radius: 10px 0 0 0;
|
|
padding-left: 10px; }
|
|
.entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl),
|
|
.cursor-handle.bottom:hover:dir(ltr),
|
|
.cursor-handle.top:hover:dir(rtl) {
|
|
border-radius: 0 10px 0 0;
|
|
padding-right: 10px; }
|
|
.entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl),
|
|
.cursor-handle.insertion-cursor:hover:dir(ltr),
|
|
.cursor-handle.insertion-cursor:hover:dir(rtl) {
|
|
border-radius: 10px 10px 0 0; }
|
|
.entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl),
|
|
.cursor-handle.top:active:dir(ltr),
|
|
.cursor-handle.bottom:active:dir(rtl) {
|
|
border-radius: 10px 0 0 0;
|
|
padding-left: 10px; }
|
|
.entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl),
|
|
.cursor-handle.bottom:active:dir(ltr),
|
|
.cursor-handle.top:active:dir(rtl) {
|
|
border-radius: 0 10px 0 0;
|
|
padding-right: 10px; }
|
|
.entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl),
|
|
.cursor-handle.insertion-cursor:active:dir(ltr),
|
|
.cursor-handle.insertion-cursor:active:dir(rtl) {
|
|
border-radius: 10px 10px 0 0; }
|
|
|
|
/* Decouple the font of context menus from their entry/textview */
|
|
.context-menu {
|
|
font: initial; }
|
|
|
|
.touch-selection {
|
|
font: initial;
|
|
color: #fff;
|
|
border: none;
|
|
background-color: black;
|
|
background-clip: padding-box;
|
|
outline-color: rgba(255, 255, 255, 0.3);
|
|
box-shadow: none;
|
|
text-shadow: 0 1px black;
|
|
icon-shadow: 0 1px black; }
|
|
.touch-selection:backdrop {
|
|
text-shadow: none; }
|
|
.touch-selection button {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-image: none;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
.touch-selection button:hover {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: #fff;
|
|
background-color: rgba(77, 77, 77, 0.8);
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
.touch-selection button:active, .touch-selection button:checked {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
background-color: #fff;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
box-shadow: none; }
|
|
.touch-selection button:insensitive, .touch-selection button:backdrop:insensitive {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: rgba(255, 255, 255, 0.2);
|
|
color: gray; }
|
|
.touch-selection button:backdrop {
|
|
border-width: 2px;
|
|
border-style: solid; }
|
|
.touch-selection .check {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:hover {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:active {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:insensitive {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:inconsistent {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:inconsistent:hover {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:inconsistent:selected {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:inconsistent:insensitive {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:checked {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:checked:insensitive {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:checked:hover {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:checked:active {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .check:backdrop:checked {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:hover {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:active {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:insensitive {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:inconsistent {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:inconsistent:hover {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:inconsistent:selected {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:inconsistent:insensitive {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:checked {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:checked:insensitive {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:checked:hover {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:checked:active {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
.touch-selection .radio:backdrop:checked {
|
|
icon-shadow: none;
|
|
color: #fff; }
|
|
|
|
.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; }
|