forked from AuroraMiddleware/gtk
ece9ae4bc5
Resize grips were introduced for GNOME 3.0, before we had any of the "new GNOME app" features like invisible borders and CSD. With OS X 10.6 and 10.7, Apple has replaced the classic grips in their applications with invisible borders as well. New GNOME app designs don't use resize grips anymore and the new default theme for GTK+, Adwaita, disables them entirely by forcing their width and height to 0. They're past their time. Remove the code to support them. This can always be reverted if some app relies on them.
876 lines
54 KiB
CSS
876 lines
54 KiB
CSS
@define-color fg_color #000;
|
|
@define-color bg_color #dcdad5;
|
|
@define-color text_color #000;
|
|
@define-color base_color #fff;
|
|
@define-color selected_bg_color #4b6983;
|
|
@define-color selected_fg_color #fff;
|
|
@define-color tooltip_bg_color #eee1b3;
|
|
@define-color tooltip_fg_color #000;
|
|
@define-color placeholder_text_color #808080;
|
|
|
|
@define-color info_fg_color rgb (181, 171, 156);
|
|
@define-color info_bg_color rgb (252, 252, 189);
|
|
@define-color warning_fg_color rgb (173, 120, 41);
|
|
@define-color warning_bg_color rgb (250, 173, 61);
|
|
@define-color question_fg_color rgb (97, 122, 214);
|
|
@define-color question_bg_color rgb (138, 173, 212);
|
|
@define-color error_fg_color rgb (166, 38, 38);
|
|
@define-color error_bg_color rgb (237, 54, 54);
|
|
|
|
@define-color success_bg_color #4e9a06;
|
|
|
|
* {
|
|
color: @fg_color;
|
|
border-color: shade (@bg_color, 0.6);
|
|
padding: 2px;
|
|
-GtkWindow-decoration-button-layout: 'icon:minimize,maximize,close';
|
|
}
|
|
|
|
.background, .button, .slider {
|
|
background-color: @bg_color;
|
|
}
|
|
|
|
.popover {
|
|
border-color: darker(@bg_color);
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.expander, GtkTreeView.view.expander {
|
|
color: #fff;
|
|
}
|
|
|
|
.expander:hover,
|
|
GtkTreeView.view.expander:selected:hover {
|
|
color: @text_color;
|
|
}
|
|
|
|
GtkTreeView.dnd {
|
|
border-color: @internal_element_color;
|
|
border-radius: 0;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
*:insensitive {
|
|
border-color: shade (@bg_color, 0.7);
|
|
background-color: shade (@bg_color, 0.9);
|
|
color: shade (@bg_color, 0.7);
|
|
}
|
|
|
|
.entry.read-only {
|
|
border-color: shade (@bg_color, 0.7);
|
|
background-color: shade (@bg_color, 0.9);
|
|
}
|
|
|
|
.entry:selected {
|
|
background-color: shade (@bg_color, 0.9);
|
|
color: @fg_color;
|
|
}
|
|
|
|
.entry:selected:focused {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
.view {
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
background-color: @base_color;
|
|
color: @text_color;
|
|
}
|
|
.view:selected {
|
|
background-color: shade (@bg_color, 0.9);
|
|
color: @fg_color;
|
|
}
|
|
|
|
.view:selected:focused {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
.view column:sorted row,
|
|
.view column:sorted row:hover {
|
|
background-color: shade (@bg_color, 0.85);
|
|
}
|
|
|
|
.view column:sorted row:nth-child(odd),
|
|
.view column:sorted row:nth-child(odd):hover {
|
|
background-color: shade (@bg_color, 0.8);
|
|
}
|
|
|
|
.view row,
|
|
.view row:hover {
|
|
background-color: @base_color;
|
|
color: @text_color;
|
|
}
|
|
|
|
.view row:nth-child(odd),
|
|
.view row:nth-child(odd):hover {
|
|
background-color: shade (@base_color, 0.93);
|
|
}
|
|
|
|
.view row:selected:focused {
|
|
background-color: @selected_bg_color;
|
|
}
|
|
|
|
.view row:selected {
|
|
background-color: darker (@bg_color);
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
.view.cell.trough,
|
|
.view.cell.trough:hover,
|
|
.view.cell.trough:selected,
|
|
.view.cell.trough:selected:focused {
|
|
background-color: @bg_color;
|
|
color: @fg_color;
|
|
}
|
|
|
|
.view.cell.progressbar,
|
|
.view.cell.progressbar:hover,
|
|
.view.cell.progressbar:selected,
|
|
.view.cell.progressbar:selected:focused {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
.rubberband {
|
|
background-color: alpha (@fg_color, 0.25);
|
|
border-color: @fg_color;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.tooltip,
|
|
.tooltip * {
|
|
background-color: @tooltip_bg_color;
|
|
color: @tooltip_fg_color;
|
|
border-color: @tooltip_fg_color;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.button,
|
|
.slider {
|
|
border-style: outset;
|
|
border-width: 2px;
|
|
}
|
|
|
|
.button:active {
|
|
background-color: shade (@bg_color, 0.7);
|
|
border-style: inset;
|
|
}
|
|
|
|
.spinbutton.button:hover,
|
|
.button:hover,
|
|
.slider:hover {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
border-color: shade (@selected_bg_color, 0.7);
|
|
}
|
|
|
|
.trough {
|
|
background-color: darker (@bg_color);
|
|
border-style: inset;
|
|
border-width: 1px;
|
|
padding: 0;
|
|
}
|
|
|
|
.entry {
|
|
border-style: inset;
|
|
border-width: 2px;
|
|
background-color: @base_color;
|
|
color: @text_color;
|
|
}
|
|
|
|
.entry:insensitive {
|
|
background-color: shade (@base_color, 0.9);
|
|
color: shade (@base_color, 0.7);
|
|
}
|
|
.entry:active {
|
|
background-color: #c4c2bd;
|
|
color: #000;
|
|
}
|
|
|
|
.progressbar,
|
|
.entry.progressbar,
|
|
.cell.progressbar {
|
|
background-color: @selected_bg_color;
|
|
border-color: shade (@selected_bg_color, 0.7);
|
|
color: @selected_fg_color;
|
|
border-style: outset;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.level-bar.indicator-discrete {
|
|
margin: 1px;
|
|
}
|
|
|
|
.level-bar.fill-block {
|
|
background-color: @selected_bg_color;
|
|
}
|
|
|
|
.level-bar.fill-block.level-low {
|
|
background-color: @warning_bg_color;
|
|
}
|
|
|
|
.level-bar.fill-block.level-high {
|
|
background-color: @success_bg_color;
|
|
}
|
|
|
|
.level-bar.fill-block.empty-fill-block {
|
|
background-color: @base_color;
|
|
}
|
|
|
|
GtkCheckButton:hover,
|
|
GtkCheckButton:selected,
|
|
GtkRadioButton:hover,
|
|
GtkRadioButton:selected {
|
|
background-color: shade (@bg_color, 1.05);
|
|
}
|
|
|
|
.check, .radio,
|
|
.cell.check, .cell.radio,
|
|
.cell.check:hover, .cell.radio:hover {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
background-color: @base_color;
|
|
border-color: @fg_color;
|
|
}
|
|
|
|
.check:active, .radio:active,
|
|
.check:hover, .radio:hover {
|
|
background-color: @base_color;
|
|
border-color: @fg_color;
|
|
color: @text_color;
|
|
}
|
|
|
|
.check:selected, .radio:selected {
|
|
background-color: darker (@bg_color);
|
|
color: @selected_fg_color;
|
|
border-color: @selected_fg_color;
|
|
}
|
|
|
|
.check:selected:focused, .radio:selected:focused {
|
|
background-color: @selected_bg_color;
|
|
}
|
|
|
|
.menuitem.check, .menuitem.radio {
|
|
color: @fg_color;
|
|
border-style: none;
|
|
border-width: 0;
|
|
}
|
|
|
|
.popup {
|
|
border-style: outset;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.viewport {
|
|
border-style: inset;
|
|
border-width: 2px;
|
|
}
|
|
|
|
.notebook {
|
|
border-style: outset;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.notebook tab {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 0;
|
|
}
|
|
|
|
.notebook .active-page {
|
|
color: @selected_fg_color;
|
|
background-color: darker (@bg_color);
|
|
}
|
|
|
|
.frame {
|
|
border-style: inset;
|
|
border-width: 1px;
|
|
}
|
|
|
|
GtkScrolledWindow.frame {
|
|
padding: 0;
|
|
}
|
|
|
|
.menu,
|
|
.menubar,
|
|
.toolbar {
|
|
border-style: outset;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.menu:hover,
|
|
.menubar:hover,
|
|
.menuitem:hover,
|
|
.menuitem.check:hover,
|
|
.menuitem.radio:hover {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
GtkSpinButton.button {
|
|
border-width: 1px;
|
|
}
|
|
|
|
.scale.slider:hover,
|
|
GtkSpinButton.button:hover {
|
|
background-color: shade (@bg_color, 1.05);
|
|
border-color: shade (@bg_color, 0.8);
|
|
}
|
|
|
|
.scale.slider.fine-tune:active,
|
|
.scale.slider.fine-tune:active:hover,
|
|
.scale.slider.fine-tune.horizontal:active,
|
|
.scale.slider.fine-tune.horizontal:active:hover {
|
|
border-width: 5px;
|
|
}
|
|
|
|
.scrollbar.slider.fine-tune {
|
|
border-width: 5px;
|
|
}
|
|
|
|
GtkSwitch.trough:active {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
GtkToggleButton.button:inconsistent {
|
|
border-style: outset;
|
|
border-width: 1px;
|
|
background-color: shade (@bg_color, 0.9);
|
|
border-color: shade (@bg_color, 0.7);
|
|
}
|
|
|
|
GtkLabel:selected {
|
|
background-color: shade (@bg_color, 0.9);
|
|
}
|
|
|
|
GtkLabel:selected:focused {
|
|
background-color: @selected_bg_color;
|
|
}
|
|
|
|
.info {
|
|
background-color: @info_bg_color;
|
|
color: @info_fg_color;
|
|
}
|
|
|
|
.warning {
|
|
background-color: @warning_bg_color;
|
|
color: @warning_fg_color;
|
|
}
|
|
|
|
.question {
|
|
background-color: @question_bg_color;
|
|
color: @question_fg_color;
|
|
}
|
|
|
|
.error {
|
|
background-color: @error_bg_color;
|
|
color: @error_fg_color;
|
|
}
|
|
|
|
.highlight {
|
|
background-color: @selected_bg_color;
|
|
color: @selected_fg_color;
|
|
}
|
|
|
|
.light-area-focus {
|
|
color: #000;
|
|
}
|
|
|
|
.dark-area-focus {
|
|
color: #fff;
|
|
}
|
|
GtkCalendar.view {
|
|
border-width: 1px;
|
|
border-style: inset;
|
|
padding: 1px;
|
|
}
|
|
|
|
GtkCalendar.view:inconsistent {
|
|
color: darker (@bg_color);
|
|
}
|
|
|
|
GtkCalendar.header {
|
|
background-color: @bg_color;
|
|
border-style: outset;
|
|
border-width: 2px;
|
|
}
|
|
|
|
GtkCalendar.highlight {
|
|
border-width: 0;
|
|
}
|
|
|
|
GtkCalendar.button {
|
|
background-color: @bg_color;
|
|
}
|
|
|
|
GtkCalendar.button:hover {
|
|
background-color: lighter (@bg_color);
|
|
color: @fg_color;
|
|
}
|
|
|
|
.menu * {
|
|
border-width: 0;
|
|
padding: 2px;
|
|
}
|
|
|
|
@keyframes spinner {
|
|
0% { background-image: none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
|
|
0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
|
|
8% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none; }
|
|
8% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
|
|
16% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)); }
|
|
16% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)); }
|
|
25% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)); }
|
|
25% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)); }
|
|
33% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)); }
|
|
33% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)); }
|
|
41% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)); }
|
|
41% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)); }
|
|
50% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)); }
|
|
50% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)); }
|
|
58% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)); }
|
|
58% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)); }
|
|
66% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)); }
|
|
66% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)); }
|
|
75% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)); }
|
|
75% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)); }
|
|
83% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)); }
|
|
83% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)); }
|
|
91% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)); }
|
|
91% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)); }
|
|
100% { background-image: none,
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
|
|
100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
|
|
}
|
|
|
|
.spinner {
|
|
background-color: transparent;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
|
|
background-position: 25.00% 6.70%, 6.70% 25.00%, 0.00% 50.00%, 6.70% 75.00%, 25.00% 93.30%, 50.00% 100.00%, 75.00% 93.30%, 93.30% 75.00%, 100.00% 50.00%, 93.30% 25.00%, 75.00% 6.70%, 50.00% 0.00%;
|
|
background-size: 20% 20%;
|
|
background-repeat: no-repeat;
|
|
transition: background-image 500ms ease-out;
|
|
}
|
|
|
|
.spinner:active {
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
|
|
animation: spinner 1s infinite linear;
|
|
}
|
|
|
|
/* Client side decorations */
|
|
.titlebar {
|
|
text-shadow: 1px 1px lighter (@bg_color);
|
|
background-image: linear-gradient(to bottom, white, @bg_color);
|
|
border-radius: 7px 7px 0px 0px;
|
|
}
|
|
|
|
.maximized .titlebar,
|
|
.tiled .titlebar {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.titlebar.default-decoration {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.titlebar .title {
|
|
font: Bold 10;
|
|
}
|
|
|
|
.titlebar .subtitle {
|
|
font: 9;
|
|
}
|
|
|
|
.titlebar:backdrop {
|
|
text-shadow: none;
|
|
background-image: none;
|
|
background-color: @bg_color;
|
|
}
|
|
|
|
.titlebar .titlebutton {
|
|
icon-shadow: 0px 1px #ffff;
|
|
color: shade(@fg_color, 1.8);
|
|
background: none;
|
|
padding: 5px 5px 6px 5px;
|
|
|
|
border-radius: 3px;
|
|
border-width: 1px 1px 2px 1px;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-image: none;
|
|
}
|
|
|
|
.titlebar .titlebutton:hover {
|
|
background-image: linear-gradient(to bottom, @bg_color, lighter (@bg_color));
|
|
}
|
|
|
|
.titlebar .titlebutton:backdrop {
|
|
border-image: none;
|
|
background-image: none;
|
|
}
|
|
|
|
.titlebar .titlebutton:active {
|
|
background-image: linear-gradient(to bottom, #a7aba7, shade(@bg_color, 0.95));
|
|
color: @selected_fg_color;
|
|
icon-shadow: none;
|
|
}
|
|
|
|
.titlebar .titlebutton:backdrop {
|
|
background-image: none;
|
|
color: #a7aba7;
|
|
border-image: none;
|
|
icon-shadow: none;
|
|
}
|
|
|
|
.window-frame {
|
|
border-color: darker (@bg_color);
|
|
border-radius: 7px 7px 0 0;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
|
|
box-shadow: 0 2px 8px 3px alpha(black, 0.5);
|
|
margin: 10px;
|
|
}
|
|
|
|
.window-frame.tooltip.csd {
|
|
border-radius: 1px 1px 0 0;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
}
|
|
|
|
.window-frame.popup.csd {
|
|
border-radius: 1px 1px 0 0;
|
|
box-shadow: 0 1px 1px 1px alpha(black, 0.5);
|
|
margin: 0px;
|
|
}
|
|
|
|
.window-frame.popup {
|
|
border-color: darker (@bg_color);
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.window-frame.tiled {
|
|
border-radius: 0;
|
|
background-color: @bg_color;
|
|
}
|
|
|
|
.window-frame:backdrop {
|
|
box-shadow: 0 2px 5px 1px alpha(black, 0.5);
|
|
}
|