You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
artwork/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css

1885 lines
62 KiB

* {
-GtkArrow-arrow-scaling: 0.6;
-GtkButton-child-displacement-x: 1;
-GtkButton-child-displacement-y: 1;
-GtkButton-default-border: 0;
-GtkButton-image-spacing: 0;
-GtkButton-interior-focus: true;
-GtkButton-inner-border: 3;
-GtkCheckButton-indicator-size: 14;
-GtkCheckMenuItem-indicator-size: 14;
-GtkEntry-inner-border: 2;
-GtkEntry-progress-border: 0;
-GtkExpander-expander-size: 10;
-GtkHTML-link-color: @link_color;
-GtkLabel-color: @text_color;
-GtkIMHtml-hyperlink-color: @link_color;
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
-GtkMenuItem-arrow-scaling: 0.5;
-GtkMenuBar-internal-padding: 0;
-GtkNotebook-tab-overlap: -1;
-GtkPaned-handle-size: 3;
-GtkProgressBar-min-horizontal-bar-height: 20;
-GtkProgressBar-min-vertical-bar-width: 20;
-GtkRange-trough-border: 1;
-GtkRange-slider-width: 9;
-GtkRange-stepper-size: 9;
-GtkRange-trough-under-steppers: 1;
-GtkRange-stepper-spacing: 0;
-GtkScale-trough-border: 0;
-GtkScrollbar-activate-slider: 1;
-GtkScrollbar-trough-border: 0;
-GtkScrollbar-slider-width: 11;
-GtkScrollbar-min-slider-length: 30;
-GtkScrollbar-has-forward-stepper: 0;
-GtkScrollbar-has-backward-stepper: 0;
-GtkScrollbar-has-secondary-forward-stepper: 0;
-GtkScrollbar-has-secondary-backward-stepper: 0;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-GtkSeparatorMenuItem-horizontal-padding: 0;
-GtkStatusbar-shadow-type: none;
-GtkTextView-error-underline-color: @error_color;
-GtkToolButton-icon-spacing: 6;
-GtkToolItemGroup-expander-size: 11;
-GtkToolbar-internal-padding: 0;
-GtkTreeView-expander-size: 4;
-GtkTreeView-vertical-separator: 0;
-GtkWidget-wide-separators: 1;
-GtkWidget-separator-width: 2;
-GtkWidget-separator-height: 2;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 1;
-GtkWidget-link-color: @link_color;
-GtkWidget-visited-link-color: @link_color;
-GtkWindow-resize-grip-default: true;
-WnckTasklist-fade-overlay-rect: 0;
-GtkRuler-color: #ff0000;
border-width: 1px;
engine: unico;
-unico-focus-border-color: alpha (@selected_bg_color, 0.6);
-unico-focus-border-radius: 2;
-unico-focus-fill-color: alpha (@selected_bg_color, 0.1);
-unico-focus-outer-stroke-color: @transparent;
-unico-inner-stroke-color: shade (@bg_color, 1.1);
-unico-inner-stroke-width: 0;
}
/**********
* states *
**********/
ApDocView, /* Abiword */
EogScrollView, /* Eog */
CheeseThumbView /* Cheese */ {
background-color: @bg_color;
-EogScrollView-shadow-type: none;
}
*:insensitive {
color: shade (@bg_color, 0.6);
text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
}
*:active {
}
*:active:hover:insensitive {
}
*:active:insensitive {
}
*:hover {
}
*:hover:insensitive {
}
*:selected {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
*:selected:focused {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
/***********
* Borders *
***********/
/* border and inner stroke */
.button,
.frame,
.notebook {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.76)),
to (shade (@bg_color, 0.7)));
border: solid;
border-width: 1px;
color: #333333;
}
.button:insensitive,
.frame:insensitive,
.notebook:insensitive {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.8)));
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.9), 0.6)),
to (alpha (shade (@bg_color, 1.1), 0.7)));
}
/* inset */
GtkComboBox.combobox-entry .button,
.button:active,
.button:insensitive,
.check,
.entry,
.radio {
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.9), 0.6)),
to (alpha (shade (@bg_color, 1.05), 0.6)));
}
/* shadow */
.button,
.check:active,
.frame,
.notebook .button,
.notebook,
.radio:active {
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.05)),
to (alpha (shade (@bg_color, 0.05), 0.09)));
-unico-outer-stroke-width: 1;
}
/* GtkAssistant */
GtkAssistant .sidebar .highlight {
color: @fg_color;
font: bold;
}
GtkAssistant .sidebar {
padding: 12px;
border-width: 1px;
border-radius: 2px;
border-style: solid;
border-color: @inactive_frame_color;
color: mix (@fg_color, @bg_color, 0.40);
background-color: shade (@bg_color, 0.97);
}
/**************
* background *
**************/
.background {
background-color: @bg_color;
border-width: 0px;
}
/***********
* Buttons *
***********/
.button {
-unico-focus-border-color: alpha (@selected_bg_color, 0.7);
-unico-focus-fill-color: @transparent;
-unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.2);
padding: 4px;
}
GtkComboBox,
.button {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.1)),
to (shade (@button_bg_color, 0.96)));
border-radius: 2px;
border-style: solid;
color: #333333;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.85)),
to (shade (@button_bg_color, 0.67)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.16)),
to (shade (@button_bg_color, 1.015)));
-unico-inner-stroke-width: 0;
}
.button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (mix (shade (@button_bg_color, 1.2),shade (@selected_bg_color, 1.35),0.5)),
to (mix (shade (@button_bg_color, 0.98),shade (@selected_bg_color, 1.2),0.5)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.89)),
to (shade (@button_bg_color, 0.7)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.06)));
}
.button:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.9)),
to (shade (@button_bg_color, 0.8)));
-unico-focus-outer-stroke-color: @transparent;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.6)),
to (shade (@button_bg_color, 0.7)));
-unico-glow-color: shade (@button_bg_color, 0.65);
-unico-glow-radius: 12;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.84)),
to (shade (@button_bg_color, 0.9)));
}
.button:active:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.95)),
to (shade (@button_bg_color, 1.0)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.6)),
to (shade (@button_bg_color, 0.7)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.88)),
to (shade (@button_bg_color, 0.94)));
}
.button:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.04)),
to (shade (@button_insensitive_bg_color, 0.96)));
text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.8)),
to (shade (@button_insensitive_bg_color, 0.8)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.08)),
to (shade (@button_insensitive_bg_color, 1.0)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
.button:insensitive:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.97)),
to (shade (@button_insensitive_bg_color, 1.0)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.95)),
to (shade (@button_insensitive_bg_color, 0.98)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
GtkComboBox.combobox-entry .button,
.notebook .button,
.inline-toolbar.toolbar .button {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.12)),
to (shade (@bg_color, 0.92)));
border-top-color: shade (@bg_color, 0.82);
border-right-color: shade (@bg_color, 0.78);
border-bottom-color: shade (@bg_color, 0.64);
border-left-color: shade (@bg_color, 0.78);
padding: 4px;
text-shadow: 0 1 alpha (shade (@bg_color, 1.26), 0.5);
-unico-border-gradient: none;
-unico-glow-color: shade (@bg_color, 1.02);
-unico-glow-radius: 4;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.2)),
to (shade (@bg_color, 0.98)));
}
GtkComboBox.combobox-entry .button:hover,
.notebook .button:hover,
.inline-toolbar.toolbar .button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.16)),
to (shade (@bg_color, 0.95)));
border-top-color: shade (@bg_color, 0.85);
border-right-color: shade (@bg_color, 0.82);
border-bottom-color: shade (@bg_color, 0.67);
border-left-color: shade (@bg_color, 0.82);
-unico-border-gradient: none;
-unico-glow-color: shade (@bg_color, 1.07);
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.21)),
to (shade (@bg_color, 1.02)));
}
GtkComboBox.combobox-entry .button:active,
.notebook .button:active,
.inline-toolbar.toolbar .button:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.9)),
to (shade (@bg_color, 0.95)));
border-top-color: shade (@bg_color, 0.62);
border-right-color: shade (@bg_color, 0.72);
border-bottom-color: shade (@bg_color, 0.76);
border-left-color: shade (@bg_color, 0.72);
-unico-border-gradient: none;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.85)),
to (shade (@bg_color, 0.9)));
}
GtkComboBox.combobox-entry .button:active:hover,
.notebook .button:active:hover,
.inline-toolbar.toolbar .button:active:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.95)),
to (shade (@bg_color, 1.0)));
border-top-color: shade (@bg_color, 0.64);
border-right-color: shade (@bg_color, 0.74);
border-bottom-color: shade (@bg_color, 0.79);
border-left-color: shade (@bg_color, 0.74);
-unico-border-gradient: none;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.93)),
to (shade (@bg_color, 0.94)));
}
GtkComboBox.combobox-entry .button:insensitive,
.notebook .button:insensitive,
.inline-toolbar.toolbar .button:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.06)),
to (shade (@bg_color, 0.98)));
border-top-color: shade (@bg_color, 0.86);
border-right-color: shade (@bg_color, 0.86);
border-bottom-color: shade (@bg_color, 0.86);
border-left-color: shade (@bg_color, 0.9);
-unico-border-gradient: none;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.1)),
to (shade (@bg_color, 1.0)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
/* default button */
.button.default {
background-image: -gtk-gradient (linear, left top, left bottom,
from (mix (shade (@bg_color, 1.1), shade (@selected_bg_color, 0.65),0.17)),
to (mix (shade (@bg_color, 0.9), shade (@selected_bg_color, 0.65),0.17)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (mix (shade (@button_bg_color, 0.78), shade (@selected_bg_color, 0.35),0.3), 0.15)),
to (alpha (mix (shade (@button_bg_color, 0.78), shade (@selected_bg_color, 0.35),0.3), 0.15)));
-unico-outer-stroke-width: 1;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@selected_bg_color, 0.4),0.4)),
to (alpha (shade (@selected_bg_color, 0.3),0.6)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.06)));
}
.button.default:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (mix (shade (@selected_bg_color, 1.03), @bg_color, 0.3)),
to (mix (shade (@selected_bg_color, 0.89), @bg_color, 0.3)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (mix (shade (@selected_bg_color, 0.83), @bg_color, 0.3)),
to (mix (shade (@selected_bg_color, 0.67), @bg_color, 0.3)));
-unico-glow-color: mix (shade (@selected_bg_color, 1.55), @bg_color, 0.3);
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (mix (shade (@selected_bg_color, 1.47), @bg_color, 0.3)),
to (mix (shade (@selected_bg_color, 1.17), @bg_color, 0.3)));
}
.button.default:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 0.98)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.89)),
to (shade (@button_bg_color, 0.7)));
-unico-glow-color: shade (@selected_bg_color, 0.85);
-unico-glow-radius: 12;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.06)));
}
.button.default:active:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 0.98)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.89)),
to (shade (@button_bg_color, 0.7)));
-unico-glow-color: shade (@selected_bg_color, 0.85);
-unico-glow-radius: 12;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.06)));
}
.button.default:focused {
background-image: -gtk-gradient (linear, left top, left bottom,
from (mix (shade (@bg_color, 1.12), shade (@selected_bg_color, 0.65),0.2)),
to (mix (shade (@bg_color, 0.92), shade (@selected_bg_color, 0.65),0.2)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (mix (shade (@button_bg_color, 0.58), shade (@selected_bg_color, 0.35),0.3), 0.3)),
to (alpha (mix (shade (@button_bg_color, 0.58), shade (@selected_bg_color, 0.35),0.3), 0.3)));
-unico-outer-stroke-width: 1;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@selected_bg_color, 0.4),0.8)),
to (alpha (shade (@selected_bg_color, 0.3),0.9)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.06)));
}
.button.default:insensitive {
-unico-glow-radius: 0;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.08)),
to (shade (@button_insensitive_bg_color, 1.0)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
/****************
* cell and row *
****************/
.cell {
border-radius: 0px;
border-width: 0px;
}
.cell:selected {
}
row:hover {
}
row:insensitive {
}
row:selected:focused {
}
row:selected {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.06)),
to (shade (@selected_bg_color, 0.94)));
border-color: shade (@selected_bg_color, 0.88);
border-style: solid;
border-width: 1px;
color: @selected_fg_color;
}
/****************
* Checkbuttons *
****************/
.check,
.check row,
.radio,
.radio row {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@base_color, 0.96)),
color-stop (0.10, shade (@base_color, 0.98)),
to (@base_color));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.68)),
to (shade (@bg_color, 0.68)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02);
border-width: 1px;
border-style: solid;
}
.check:hover,
.check row:hover,
.radio:hover,
.radio row:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@base_color, 0.96)),
color-stop (0.10, shade (@base_color, 0.98)),
to (@base_color));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.68)),
to (shade (@bg_color, 0.68)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02);
border-width: 1px;
border-style: solid;
}
.check,
.check row {
border-radius: 2px;
}
.radio,
.radio row {
border-radius: 10px;
}
.check:active,
.check row:selected:active,
.check row:selected:focused:active,
.notebook .check:active,
.notebook .radio:active,
.radio:active,
.radio row:selected:active,
.radio row:selected:focused:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.1)),
to (shade (@selected_bg_color, 0.9)));
-unico-bullet-color: @text_color; /* shade (@selected_fg_color, 1.0); */
-unico-bullet-outline-color: shade (@selected_bg_color, 1.2);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 0.7)),
to (shade (@selected_bg_color, 0.7)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4);
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.02)),
to (alpha (shade (@bg_color, 0.05), 0.08)));
border-width: 1px;
border-style: solid;
}
.check:active:hover,
.check row:selected:active:hover,
.check row:selected:focused:active:hover,
.notebook .check:active:hover,
.notebook .radio:active:hover,
.radio:active:hover,
.radio row:selected:active:hover,
.radio row:selected:focused:active:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.1)),
to (shade (@selected_bg_color, 0.9)));
-unico-bullet-color: shade (@selected_fg_color, 1.0);
-unico-bullet-outline-color: shade (@selected_bg_color, 0.6);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 0.7)),
to (shade (@selected_bg_color, 0.7)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4);
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.02)),
to (alpha (shade (@bg_color, 0.05), 0.08)));
border-width: 1px;
border-style: solid;
}
.check:insensitive,
.radio:insensitive {
background-image: none;
background-color: shade (@bg_color, 0.96);
border-width: 1px;
border-style: solid;
}
.check:insensitive:active,
.radio:insensitive:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.96)),
to (shade (@bg_color, 0.9)));
-unico-bullet-color: shade (@bg_color, 0.6);
-unico-bullet-outline-color: shade (@bg_color, 1.0);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.7)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2);
border-width: 1px;
border-style: solid;
}
/************
* Columns *
************/
column-header .button,
column-header .button:active,
.notebook column-header .button,
.notebook column-header .button:active {
-GtkButton-inner-border: 0;
border-radius: 0px;
border-width: 0px 1px 1px 0px;
-unico-focus-border-radius: 0;
-unico-focus-border-color: @transparent;
-unico-focus-fill-color: alpha (@selected_bg_color, 0.2);
-unico-focus-outer-stroke-color: @transparent;
-unico-glow-radius: 0;
-unico-outer-stroke-width: 0;
}
column-header .button,
.notebook column-header .button {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@listview_header_gradient_a,0.99)),
color-stop (0.2,shade (@listview_header_gradient_a,1.02)),
to (shade (@listview_header_gradient_b,1.45)));
text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.9)),
to (shade (@bg_color, 0.8)));
-unico-glow-color: shade (@bg_color, 1.02);
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.16)),
to (shade (@bg_color, 0.99)));
}
column-header .button:hover,
.notebook column-header .button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.05)),
to (shade (@bg_color, 1.35)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.84)),
to (shade (@bg_color, 0.75)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.21)),
to (shade (@bg_color, 1.04)));
}
column-header:nth-child(last) .button {
border-width: 0px 0px 1px 0px;
}
/******************
* combobox entry *
******************/
GtkComboBox.combobox-entry .entry,
GtkComboBox.combobox-entry .entry:active,
GtkComboBox.combobox-entry .entry:focused,
GtkComboBox.combobox-entry .entry:insensitive {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 1px 0px 1px 1px;
-unico-outer-stroke-width: 1 0 1 1;
}
GtkComboBox.combobox-entry .button,
GtkComboBox.combobox-entry .button:hover,
GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:insensitive {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-width: 1px 1px 1px 1px;
-unico-outer-stroke-width: 1 1 1 0;
}
GtkComboBox.combobox-entry .button,
GtkComboBox.combobox-entry .button:hover,
GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:insensitive {
border-top-color: shade (@bg_color, 0.64);
border-right-color: shade (@bg_color, 0.8);
border-bottom-color: shade (@bg_color, 0.86);
border-left-color: shade (@bg_color, 0.76);
}
/****************
* Text Entries *
****************/
.entry,
.toolbar.entry {
background-color: @base_color;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@base_color, 0.82)),
color-stop (0.12, shade (@base_color, 0.98)),
color-stop (0.16, shade (@base_color, 1.0)),
to (@base_color));
border-radius: 3px;
border-width: 1px;
border-style: solid;
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (shade (@border_color_b, 1.00)),
to (shade (@border_color_a, 1.00)));
padding: 4px;
color: @text_color;
}
.entry:selected,
.entry:selected:focused {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
.entry:focused {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 0.75)),
to (shade (@selected_bg_color, 0.8)));
-unico-inner-stroke-color: alpha (@selected_bg_color, 0.3);
-unico-inner-stroke-gradient: none;
}
.entry:insensitive {
background-color: shade (@bg_color, 1.06);
background-image: none;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.04)),
to (alpha (shade (@bg_color, 0.05), 0.02)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
.primary-toolbar .toolbar .entry.progressbar,
.primary-toolbar.toolbar .entry.progressbar,
.entry.progressbar {
background-color: @selected_bg_color;
color: @selected_fg_color;
border-width: 1px;
border-radius: 1px;
border-color: @progressbar_border;
}
/************
* expander *
************/
.expander {
color: @fg_color;
}
/*********
* frame *
*********/
.frame {
border-radius: 3px;
-unico-outer-stroke-width: 0;
}
/************
* iconview *
************/
GtkViewport,
GtkIconView {
border-radius: 2px;
padding: 0px;
}
GtkIconView.view.cell:selected,
GtkIconView.view.cell:selected:focused {
background-color: @selected_bg_color;
border-radius: 2px;
}
.view {
background-color: @base_color;
color: @fg_color;
border-radius: 0px;
border-width: 0px;
}
.rubberband {
background-color: alpha (@selected_bg_color, 0.35);
border-color: @selected_bg_color;
border-style: solid;
border-width: 1px;
border-radius: 0px;
}
/***********
* infobar *
***********/
.info {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@info_bg_color, 1.04)),
to (shade (@info_bg_color, 0.96)));
border-style: solid;
border-width: 1px;
color: @info_fg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@info_bg_color, 0.8)),
to (shade (@info_bg_color, 0.75)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@info_bg_color, 1.1)),
to (shade (@info_bg_color, 1.04)));
-unico-inner-stroke-width: 1;
}
.warning {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@warning_bg_color, 1.04)),
to (shade (@warning_bg_color, 0.96)));
border-style: solid;
border-width: 1px;
color: @warning_fg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@warning_bg_color, 0.8)),
to (shade (@warning_bg_color, 0.75)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@warning_bg_color, 1.1)),
to (shade (@warning_bg_color, 1.04)));
-unico-inner-stroke-width: 1;
}
.question {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@question_bg_color, 1.04)),
to (shade (@question_bg_color, 0.96)));
border-style: solid;
border-width: 1px;
color: @question_fg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@question_bg_color, 0.8)),
to (shade (@question_bg_color, 0.75)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@question_bg_color, 1.1)),
to (shade (@question_bg_color, 1.04)));
-unico-inner-stroke-width: 1;
}
.error {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@error_bg_color, 1.04)),
to (shade (@error_bg_color, 0.96)));
border-style: solid;
border-width: 1px;
color: @error_fg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@error_bg_color, 0.8)),
to (shade (@error_bg_color, 0.75)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@error_bg_color, 1.1)),
to (shade (@error_bg_color, 1.04)));
-unico-inner-stroke-width: 1;
}
/********
* Menu *
********/
.menubar {
-GtkWidget-window-dragging: true;
background-color: #e0e0e0;
color: #333333;
}
.menuitem {
-unico-bullet-color: @fg_color;
border-radius: 0px;
padding: 4px;
}
.menuitem:prelight {
border-style: solid;
border-color: #7196B5;
color: #ffffff;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (#88ABC7),
to (#7EA3BF));
}
.menuitem *:hover,
.menubar .menuitem *:prelight {
color: #ffffff;
border-style: solid;
border-radius: 0px;
}
.menuitem:insensitive,
.menuitem *:insensitive {
color: #333333;
}
.menu {
background-color: #ffffff;
color: #333333;
padding: 1px;
border-style: solid;
border-color: #8a8a8a;
border-width: 1px;
border-radius: 0px;
}
/******************
* resize-grip *
******************/
.grip {
-unico-centroid-texture: url("../gtk-2.0/images/resizer.png");
}
/*******************
* Notebook & Tabs *
*******************/
.notebook {
padding: 2px;
border-radius: 4px;
background-color: shade (@bg_color, 1.05);
}
.notebook tab {
border-radius: 4px;
padding: 6px;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.87)),
to (shade (@bg_color, 0.82)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.75)),
to (shade (@bg_color, 0.7)));
-unico-inner-stroke-color: alpha (shade (@bg_color, 0.8), 0.3);
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-width: 1px;
}
.notebook tab:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.1)),
to (shade (@bg_color, 1.05)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.7)),
to (shade (@bg_color, 0.66)));
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-width: 1px;
padding: 10px 4px 4px 4px;
}
/******************
* pane separator *
******************/
.sidebar .pane-separator,
.pane-separator {
background-color: @transparent;
border-color: shade (@bg_color, 0.8);
-unico-border-gradient: none;
-unico-inner-stroke-color: @bg_color;
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-width: 1;
}
/***************
* progressbar *
***************/
/* progress component */
.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focused {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@progressbar_background_a,1.04)),
to (shade (@progressbar_background_b,0.98)));
border-radius: 12px;
border-style: solid;
border-width: 1px;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@progressbar_border, 1.25)),
to (shade (@progressbar_border, 1.0)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@base_color, 0.5)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
.progressbar.vertical,
.progressbar.vertical row,
.progressbar.vertical row:hover,
.progressbar.vertical row:selected,
.progressbar.vertical row:selected:focused {
background-image: -gtk-gradient (linear,
left top, right top,
from (shade (@progressbar_background_a,1.04)),
to (shade (@progressbar_background_b,0.98)));
border-radius: 12px;
border-style: solid;
border-width: 1px;
-unico-border-gradient: -gtk-gradient (linear, left top, right top,
from (shade (@progressbar_border, 1.25)),
to (shade (@progressbar_border, 1.0)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, right top,
from (alpha (@base_color, 0.5)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
/* through component */
GtkProgressBar,
.trough row {
padding: 0px;
}
GtkProgressBar.trough,
.trough row,
.trough row:hover {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade(@bg_color,0.8)),
to (shade(@bg_color,1.0)));
border-width: 1px;
border-style: solid;
border-radius: 12px;
border-color: shade (@progressbar_through_border, 0.9);
}
GtkProgressBar.trough.vertical,
.trough.vertical row,
.trough.vertical row:hover {
background-image: -gtk-gradient (linear,
left top, right top,
from (shade(@bg_color,0.8)),
to (shade(@bg_color,1.0)));
border-width: 1px;
border-style: solid;
border-radius: 12px;
border-color: shade (@progressbar_through_border, 0.9);
}
.trough row:selected,
.trough row:selected:focused {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)),
to (mix (@trough_bg_color_b, @selected_bg_color, 0.25)));
}
.trough.vertical row:selected,
.trough.vertical row:selected:focused {
background-image: -gtk-gradient (linear,
left top, right top,
from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)),
to (mix (@trough_bg_color_b, @selected_bg_color, 0.25)));
}
/************
* scale *
************/
GtkScale {
-GtkScale-slider-length: 13;
-GtkRange-slider-width: 13;
-GtkRange-trough-border: 1;
-GtkRange-show-fill-level: 1;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.1)),
to (shade (@button_bg_color, 0.9)));
border-style: solid;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.85)),
to (shade (@button_bg_color, 0.67)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.16)),
to (shade (@button_bg_color, 1.015)));
-unico-inner-stroke-width: 0;
border-radius: 12px;
}
GtkScale:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 0.98)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 0.89)),
to (shade (@button_bg_color, 0.7)));
-unico-glow-color: shade (@selected_bg_color, 0.85);
-unico-glow-radius: 12;
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.06)));
}
GtkScale.progressbar {
background-color: @dark_bg_color;
}
GtkScale.trough {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.92)),
to (shade (@bg_color, 0.96)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.8)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
GtkScale.trough.vertical {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.92)),
to (shade (@bg_color, 0.96)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.8)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, right top,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.2), 0.6)));
-unico-outer-stroke-width: 1px;
}
/*************
* scrollbar *
*************/
.scrollbar {
background-image: none;
border-style: solid;
-GtkRange-trough-border: 3;
-GtkRange-arrow-scaling: 0.0;
-GtkRange-slider-width: 9;
-GtkRange-stepper-size: 0;
-GtkScrollbar-min-slider-length: 50;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1;
-unico-inner-stroke-style: none;
}
/* Through */
.scrollbar.trough.vertical {
background-image: -gtk-gradient (linear,
left top, right top,
from (shade (@trough_bg_color_b, 1.05)),
to (shade (@trough_bg_color_a,1.3)));
background-color: shade (@bg_color, 0.882);
border-radius: 0px;
border-width: 0px;
border-style: none;
}
.scrollbar.trough.horizontal {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@trough_bg_color_b, 1.05)),
to (shade (@trough_bg_color_a,1.3)));
background-color: shade (@bg_color, 0.882);
border-radius: 0px;
border-width: 0px;
border-style: none;
}
/* Sliders and buttons */
.scrollbar.slider.vertical,
.scrollbar.button.vertical {
background-image: -gtk-gradient (linear,
left top, right top,
from (@scrollslider_gradient_a),
to (shade(@scrollslider_gradient_a,0.95)));
background-color: @base_color;
border-color: shade(@scrollslider_border,1.1);
border-radius: 10px;
border-width: 1px;
}
.scrollbar.slider.vertical:prelight {
background-image: -gtk-gradient (linear,
left top, right top,
from (shade (@scrollslider_gradient_a, 0.94)),
to (shade (@scrollslider_gradient_a, 0.9)));
background-color: @base_color;
border-color: shade (@scrollslider_border, 1.05);
}
.scrollbar.slider.vertical:prelight:active {
background-image: -gtk-gradient (linear,
left top, right top,
from (shade (@scrollslider_gradient_a, 0.94)),
to (shade (@scrollslider_gradient_b, 0.9)));
background-color: @base_color;
border-color: shade (@scrollslider_border, 1.05);
}
.scrollbar.slider.horizontal,
.scrollbar.button.horizontal {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@scrollslider_gradient_a),
to (shade(@scrollslider_gradient_a,0.95)));
background-color: @base_color;
border-color: shade (@scrollslider_border, 1.05);
border-radius: 10px;
border-width: 1px;
}
.scrollbar.slider.horizontal:prelight {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@scrollslider_gradient_a, 0.94)),
to (shade (@scrollslider_gradient_a, 0.9)));
background-color: @base_color;
border-color: @scrollslider_border;
}
.scrollbar.slider.horizontal:prelight:active {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@scrollslider_gradient_a, 0.94)),
to (shade (@scrollslider_gradient_b, 0.9)));
background-color: @base_color;
border-color: shade (@scrollslider_border, 1.05);
}
.scrollbar.slider:insensitive {
background-color: @base_color;
}
.scrollbar.trough:insensitive {
background-color: shade (@bg_color, 0.882);
}
/* overlay scrollbar */
OsThumb:selected,
OsScrollbar:selected {
background-color: @selected_bg_color;
}
OsThumb:active,
OsScrollbar:active {
background-color: shade (@bg_color, 0.6);
}
OsThumb:insensitive,
OsScrollbar:insensitive {
background-color: shade (@bg_color, 0.85);
}
/*******************
* scrolled window *
*******************/
GtkScrolledWindow.frame {
border-top-color: shade (@bg_color, 0.84);
border-right-color: shade (@bg_color, 0.76);
border-bottom-color: shade (@bg_color, 0.86);
border-left-color: shade (@bg_color, 0.76);
border-radius: 0px;
border-style: solid;
-unico-border-gradient: none;
-unico-inner-stroke-width: 0;
-unico-outer-stroke-width: 0;
}
/*************
* separator *
*************/
.separator {
border-color: shade (@bg_color, 0.8);
border-style: solid;
-unico-border-gradient: none;
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
-unico-inner-stroke-gradient: none;
}
.button .separator,
.button.separator {
border-color: shade (@button_bg_color, 0.84);
-unico-inner-stroke-color: alpha (shade (@button_bg_color, 1.26), 0.4);
-unico-inner-stroke-gradient: none;
}
.notebook .button .separator,
.notebook .button.separator {
border-color: shade (@bg_color, 0.9);
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
-unico-inner-stroke-gradient: none;
}
.button .separator:insensitive,
.button.separator:insensitive {
border-color: shade (@button_insensitive_bg_color, 0.9);
-unico-inner-stroke-color: alpha (shade (@button_insensitive_bg_color, 1.26), 0.6);
-unico-inner-stroke-gradient: none;
}
.notebook .button .separator,
.notebook .button.separator {
border-color: shade (@bg_color, 0.84);
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
-unico-inner-stroke-gradient: none;
}
.menuitem.separator {
-GtkMenuItem-horizontal-padding: 0;
padding: 2px 0px 2px 0px;
border-color: shade (@dark_bg_color, 0.86);
-unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
}
/***********
* sidebar *
***********/
.sidebar,
.sidebar.view {
background-color: shade (@sidebar_color, 1.00);
}
.sidebar.view:selected {
background-color: shade (@selected_bg_color, 0.8);
color: @selected_fg_color;
}
/***************
* Spinbuttons *
***************/
GtkSpinButton.button,
GtkSpinButton.button:prelight,
GtkSpinButton.button:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.05)),
to (shade (@bg_color, 0.98)));
border-width: 0px 0px 0px 1px;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.65)),
to (shade (@bg_color, 0.7)));
}
GtkSpinButton.button:insensitive {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.8)));
border-width: 1px;
-unico-outer-stroke-width: 1px 1px 1px 0px;
}
/***********
* spinner *
***********/
.menu.spinner,
.primary-toolbar .toolbar .spinner,
.primary-toolbar.toolbar .spinner {
color: @selected_bg_color;
}
/*************
* statusbar *
*************/
GtkStatusbar {
padding: 5px;
color: @fg_color;
-GtkStatusbar-shadow-type: none;
}
GtkStatusbar .frame {
border-width: 0px;
}
/************
* Switches *
************/
GtkSwitch {
border-style: solid;
border-radius: 1px;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_gradient_color_a),
to (@button_gradient_color_b));
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@border_color_a),
to (@border_color_b));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@base_color, 0.9)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
GtkSwitch.trough {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@progressbar_through_a, 1.0)),
to (shade (@progressbar_through_b, 1.0)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@border_color_b, 1.00)),
to (shade (@border_color_a, 1.00)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@fg_color, 0.2)),
to (alpha (shade (@button_bg_color, 1.26), 0.0)));
}
GtkSwitch.trough:active {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@selected_bg_color, 0.9)),
to (shade (@selected_bg_color, 1.0)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@border_color_b, 1.00)),
to (shade (@border_color_a, 1.00)));
-unico-inner-stroke-style: custom;
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (shade (@selected_bg_color, 0.6),0.2)),
to (alpha (shade (@selected_bg_color, 1.26), 0.0)));
color: @base_color;
}
/***********
* toolbar *
***********/
.toolbar {
border-style: none;
}
/* handlebox */
GtkHandleBox {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color,0.99)),
to (shade (@toolbar_gradient_base,0.9)));
border-style: solid;
border-bottom-color: shade (@bg_color,0.71);
border-width: 0px 0px 1px 0px;
-unico-inner-stroke-color: shade (@bg_color, 0.6);
}
/* primary-toolbar */
.primary-toolbar .toolbar,
.primary-toolbar.toolbar {
-GtkWidget-window-dragging: true;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color,1.0)),
to (shade (@toolbar_gradient_final,0.85)));
border-style: solid;
border-width: 0px 0px 1px 0px;
padding: 2px;
color: @fg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@toolbar_border, 0.0)),
to (shade (@bg_color,0.71)));
-unico-inner-stroke-color: shade (@bg_color, 1.1);
-unico-inner-stroke-width: 0;
}
.primary-toolbar .toolbar :insensitive,
.primary-toolbar.toolbar :insensitive {
text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
}
.primary-toolbar .toolbar GtkComboBox,
.primary-toolbar.toolbar GtkComboBox,
.primary-toolbar .toolbar .button,
.primary-toolbar.toolbar .button {
border-radius: 3px;
background-image: -gtk-gradient (linear,
left top, left bottom,
from (@button_gradient_color_a),
to (@button_gradient_color_b));
-unico-focus-border-radius: 4;
-unico-focus-border-color: alpha (@selected_bg_color, 0.5);
-unico-focus-fill-color: alpha (@selected_bg_color, 0.2);
-unico-focus-outer-stroke-color: @transparent;
-unico-inner-stroke-width: 0;
-unico-outer-stroke-width: 0;
}
.primary-toolbar .toolbar .raised .button,
.primary-toolbar.toolbar .raised .button,
.primary-toolbar .toolbar .raised.button,
.primary-toolbar.toolbar .raised.button,
.primary-toolbar .toolbar .button:hover,
.primary-toolbar.toolbar .button:hover,
.primary-toolbar .toolbar .button:active,
.primary-toolbar.toolbar .button:active,
.primary-toolbar .toolbar .button:insensitive,
.primary-toolbar.toolbar .button:insensitive {
}
.primary-toolbar GtkComboBox.combobox-entry .button {
-unico-inner-stroke-width: 1;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 1.2), 0.25)),
to (alpha (shade (@bg_color, 1.2), 0.35)));
}
.primary-toolbar GtkComboBox.combobox-entry .button,
.primary-toolbar .toolbar .raised .button,
.primary-toolbar.toolbar .raised .button,
.primary-toolbar .toolbar .raised.button,
.primary-toolbar.toolbar .raised.button,
.primary-toolbar .toolbar .button:hover,
.primary-toolbar.toolbar .button:hover {
background-image: -gtk-gradient (linear,
left top, left bottom,
from (shade (@button_hover_gradient_color_a,1.05)),
to (shade (@button_hover_gradient_color_b,0.95)));
-unico-outer-stroke-style: custom;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.05)),
to (alpha (shade (@bg_color, 0.05), 0.09)));
-unico-outer-stroke-width: 1;
-unico-glow-color:alpha (@selected_bg_color,0.2);
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@border_color_a, 0.70)),
to (alpha (@border_color_b, 0.70)));
}
.primary-toolbar .toolbar .raised .button:hover,
.primary-toolbar.toolbar .raised .button:hover,
.primary-toolbar .toolbar .raised.button:hover,
.primary-toolbar.toolbar .raised.button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_bg_color, 1.2)),
to (shade (@button_bg_color, 1.04)));
}
.primary-toolbar .toolbar raised.button:active,
.primary-toolbar.toolbar raised.button:active,
.primary-toolbar .toolbar .button:active,
.primary-toolbar.toolbar .button:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.9)),
to (shade (@bg_color, 0.85)));
color: @fg_color;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.6)),
to (shade (@bg_color, 0.6)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@button_bg_color, 0.0)),
to (shade (@button_bg_color, 1.02)));
-unico-glow-radius: 0;
-unico-inner-stroke-color: shade (@bg_color, 0.8);
-unico-inner-stroke-width: 1 1 0 1;
-unico-outer-stroke-width: 1;
-unico-focus-outer-stroke-color: @transparent;
}
.primary-toolbar .toolbar .button:active:hover,
.primary-toolbar.toolbar .button:active:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.95)),
to (shade (@bg_color, 0.9)));
color: @fg_color;
-unico-glow-color: shade (@selected_bg_color,0.7);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.6)),
to (shade (@bg_color, 0.6)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@button_bg_color, 0.0)),
to (shade (@button_bg_color, 1.02)));
-unico-inner-stroke-color: shade (@bg_color, 0.85);
-unico-inner-stroke-width: 1 1 0 1;
-unico-outer-stroke-width: 1;
-unico-focus-outer-stroke-color: @transparent;
}
.primary-toolbar .toolbar .button:active:insensitive,
.primary-toolbar.toolbar .button:active:insensitive,
.primary-toolbar .toolbar .button:insensitive,
.primary-toolbar.toolbar .button:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.04)),
to (shade (@button_insensitive_bg_color, 0.96)));
text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.8)),
to (shade (@button_insensitive_bg_color, 0.8)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.08)),
to (shade (@button_insensitive_bg_color, 1.0)));
}
.primary-toolbar .toolbar .button:insensitive,
.primary-toolbar.toolbar .button:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom,
from (alpha (@button_insensitive_bg_color, 0.00)),
to (alpha (@button_insensitive_bg_color, 0.00)));
text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
border-width: 0px;
-unico-inner-stroke-width: 0;
-unico-outer-stroke-width: 0;
-unico-border-gradient: none;
-unico-inner-stroke-gradient: none;
}
.primary-toolbar .toolbar .button:active:insensitive,
.primary-toolbar.toolbar .button:active:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 1.0)),
to (shade (@button_insensitive_bg_color, 0.97)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.95)),
to (shade (@button_insensitive_bg_color, 0.98)));
-unico-inner-stroke-width: 1 1 0 1;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@button_bg_color, 0.0)),
to (shade (@button_bg_color, 1.02)));
-unico-outer-stroke-width: 1;
border-width: 1px;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@button_insensitive_bg_color, 0.7)),
to (shade (@button_insensitive_bg_color, 0.8)));
}
.primary-toolbar .toolbar .entry,
.primary-toolbar.toolbar .entry,
.primary-toolbar .toolbar .entry:active,
.primary-toolbar.toolbar .entry:active,
.primary-toolbar .toolbar .entry:focused,
.primary-toolbar.toolbar .entry:focused {
border-radius: 2px;
color: @text_color;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 0.85), 0.2)));
-unico-outer-stroke-width: 0;
}
.primary-toolbar .toolbar .entry,
.primary-toolbar.toolbar .entry {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.75)),
to (shade (@bg_color, 0.75)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.16)),
to (alpha (shade (@bg_color, 0.05), 0.8)));
}
.primary-toolbar .toolbar .entry:insensitive,
.primary-toolbar.toolbar .entry:insensitive {
-unico-outer-stroke-width: 1;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 1.2), 0.18)),
to (alpha (shade (@bg_color, 1.4), 0.5)));
}
.primary-toolbar .toolbar .entry:focused,
.primary-toolbar.toolbar .entry:focused {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 0.75)),
to (shade (@selected_bg_color, 0.8)));
-unico-inner-stroke-color: alpha (@selected_bg_color, 0.2);
-unico-inner-stroke-gradient: none;
}
.primary-toolbar .toolbar GtkSeparatorToolItem,
.primary-toolbar.toolbar GtkSeparatorToolItem,
.primary-toolbar .toolbar .separator,
.primary-toolbar.toolbar .separator,
.primary-toolbar .toolbar .separator:insensitive,
.primary-toolbar.toolbar .separator:insensitive {
border-color: alpha (shade (@bg_color, 0.7), 0.8);
border-style: solid;
-unico-border-gradient: none;
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.5), 0.2);
-unico-inner-stroke-gradient: none;
}
/* secondary toolbar */
.secondary-toolbar.toolbar {
border-style: solid;
border-bottom-color: shade (@bg_color,0.71);
border-width: 0px 0px 1px 0px;
}
/* inline-toolbar */
.inline-toolbar.toolbar {
-GtkToolbar-button-relief: normal;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@base_color, 0.93)),
to (shade (@base_color, 0.93)));
border-radius: 0px;
border-style: solid;
border-width: 1px;
padding: 3px 4px 4px 4px;
}
.inline-toolbar.toolbar:nth-child(last) {
border-bottom-color: shade (@bg_color, 0.76);
border-color: shade (@bg_color, 0.8);
border-radius: 0px;
border-width: 0px 1px 1px 1px;
}
.inline-toolbar.toolbar .button {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.12)),
to (shade (@bg_color, 0.88)));
border-radius: 0px;
border-style: solid;
border-width: 1px 0px 1px 1px;
padding: 1px;
icon-shadow: 0 1 shade (@bg_color, 1.16);
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.16)),
to (shade (@bg_color, 0.98)));
-unico-outer-stroke-width: 1 0 1 0;
}
.inline-toolbar.toolbar .button *:active,
.inline-toolbar.toolbar .button *:insensitive,
.inline-toolbar.toolbar GtkToolButton .button:active,
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
-unico-outer-stroke-width: 1 0 1 0;
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.05), 0.02)),
to (alpha (shade (@bg_color, 0.05), 0.06)));
}
.inline-toolbar.toolbar .button *:insensitive,
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.02)),
to (shade (@bg_color, 0.98)));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.85)),
to (shade (@bg_color, 0.8)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.16)),
to (shade (@bg_color, 1.0)));
}
.inline-toolbar.toolbar .button:nth-child(first),
.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button {
border-radius: 2px 0px 0px 2px;
-unico-outer-stroke-width: 1 0 1 1;
}
.inline-toolbar.toolbar .button:nth-child(last),
.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button {
border-radius: 0px 2px 2px 0px;
border-width: 1px;
-unico-outer-stroke-width: 1 1 1 0;
}
/***********
* tooltip *
***********/
.tooltip {
border-color: @tooltip_bg_color;
}
/************
* Treeviews *
************/
GtkTreeView .entry {
background-image: none;
border-radius: 0;
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-width: 1;
}
GtkTreeView row:nth-child(even),
GtkTreeView row:nth-child(even):hover {
background-color: shade (@base_color, 1.0);
}
GtkTreeView row:nth-child(odd),
GtkTreeView row:nth-child(odd):hover {
background-color: shade (@base_color, 0.9);
}
/************
* viewport *
************/
GtkViewport.frame {
border-width: 0;
-unico-inner-stroke-width: 0;
}