/*******************************
* Smoothly Black gtk-3.0 theme *
********************************/ 
* {
    engine: none;

    -GtkButton-child-displacement-x: 1;
    -GtkButton-child-displacement-y: 1;
    -GtkButton-default-border: 0;
    -GtkButton-image-spacing: 0;
    -GtkButton-interior-focus: false;
    -GtkButton-inner-border: 3;
    -GtkCheckButton-indicator-size: 16;
    -GtkCheckMenuItem-indicator-size: 14;
    -GtkEntry-inner-border: 2px;
    -GtkEntry-progress-border: 0;
    -GtkExpander-expander-size: 14;
    -GtkHTML-link-color: @link_color-b;
    -GtkIMHtml-hyperlink-color: @link_color-b;
    -GtkMenu-horizontal-padding: 0;
    -GtkMenu-vertical-padding: 3px;
    -GtkMenuBar-internal-padding: 0;
    -GtkNotebook-tab-overlap: 3;
    -GtkPaned-handle-size: 3;
    -GtkProgressBar-min-horizontal-bar-height: 14;
    -GtkProgressBar-min-vertical-bar-width: 14;
    -GtkRange-trough-border: 0;
    -GtkRange-slider-width: 14;
    -GtkRange-stepper-size: 13;
    -GtkRange-trough-under-steppers: 0;
    -GtkRange-stepper-spacing: 0;
    -GtkScale-trough-border: 0;
    -GtkScale-trough-side-details: 1;
    -GtkScrollbar-activate-slider: 1;
    -GtkScrollbar-trough-border: 0;
    -GtkScrollbar-slider-width: 13;
    -GtkScrollbar-min-slider-length: 31;
    -GtkScrolledWindow-scrollbar-spacing: 0;
    -GtkScrolledWindow-scrollbars-within-bevel: 1;
    -GtkSeparatorMenuItem-horizontal-padding: 0;
    -GtkTextView-error-underline-color: @error_color-b;
    -GtkToolButton-icon-spacing: 6;
    -GtkToolItemGroup-expander-size: 12;
    -GtkToolbar-internal-padding: 0;
    -GtkTreeView-expander-size: 12;
    -GtkTreeView-vertical-separator: 1;
    -GtkWidget-wide-separators: 1;
    -GtkWidget-separator-width: 2;
    -GtkWidget-separator-height: 2;
    -GtkWidget-focus-padding: 0;
    -GtkWidget-focus-line-width: 0;
    -GtkWidget-link-color: @link_color-b;
    -GtkWidget-visited-link-color: @link_color-b;
    -WnckTasklist-fade-overlay-rect: 0;

    -GtkWindow-resize-grip-width: 13;
    -GtkWindow-resize-grip-height: 13

    background-origin: border-box;
    background-clip: padding-box;
    border-width: 0;
    border-radius: 0;
}

/***************
 * Base States *
 ***************/
GtkWindow {
    color: shade (@text_color-b, 1.00);
}

* {
    /*background-color: shade (@bg_color-b, 1.00);*/
    color: shade (@text_color-b, 1.00);
}

.background, .viewport {
    background-color: shade (@bg_color-b, 1.00);
    border-style: none;
    border-width: 0;
}

*:hover {
    color: @text_color-b;
    text-shadow: 1px 1px alpha (shade (@base_color-b, 1.25), 0.4);
}

*:selected {
    color: shade (@gradient_color_b-b, 2.20);
    background-color: shade (@gradient_color_b-b, 0.70);
    text-shadow: 1px 1px alpha (shade (@base_color-b, 1.25), 0.4);
}

*:selected:focused {
    background-color: shade (@gradient_color_b-b, 0.90);
    color:@text_color-b;
    text-shadow: 1px 1px alpha (shade (@base_color-b, 1.25), 0.4);
}

*:active {
    color:@text_color-b;
    text-shadow: 1px 1px alpha (shade (@base_color-b, 1.25), 0.4);
}

*:insensitive {
    color: shade (@base_color-b, 1.00);
/*    text-shadow: 1px 1px alpha (shade (@text_color-b, 1.25), 0.80);*/
    text-shadow: 1.5px 1px alpha (shade (@text_color-b, 1.25), 0.80); /* fix green shadows */
}

/* notifications bubble */
.gtkstyle-fallback {
    background-color: shade (@text_color-b, 0.10);
    color: shade (@bg_color-b, 0.00);
}

.tooltip {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@bg_color-b, 0.10)),
                                     color-stop (0.24, shade (@bg_color-b, 0.92)),
                                     color-stop (1.00, shade (@bg_color-b, 0.92)),
                                     to (shade (@bg_color-b, 0.92)));
    border-color: shade (@border_gradient_color_a-b, 1.55);
    box-shadow: inset 2px 2px shade (@inner_gradient_color_a-b, 0.95),
                inset -2px -2px shade (@inner_gradient_color_a-b, 1.45),
                inset 1px 1px shade (@border_gradient_color_b-b, 0.85),
                inset -1px -1px shade (@border_gradient_color_b-b, 0.85);
}

.tooltip * {
    background-color: @transparent-b;
}

.app-notification,
.app-notification.frame, .osd {
    padding: 6px;
    border-radius: 0 0 6px 6px;
    background-color: rgba(46, 52, 54, 0.9);
    text-shadow: 0px 1px black;
    icon-shadow: 0 1px black;
}

.app-notification .button {
    border: 1px solid;
    color: @text_color;
    outline-color: rgba(238, 238, 236, 0.2);
    background-color: transparent;
    background-clip: padding-box;
    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
    border-color: rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    icon-shadow: 0 1px black;
}

.app-notification .button:hover,
.app-notification.frame .button:hover {
    color: @bg_color-b;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    icon-shadow: 0 1px black;
}

.grip {
	background-color: @transparent-b;
    /*background-color: @bg_color-b;*/
}

.separator,
.button .separator,
.button.separator,
.notebook .button .separator,
.notebook .button.separator,
.menuitem.separator,
Genericmenuitem .menuitem.separator, 
DbusmenuGtkMenu .menuitem.separator,
.menubar .menuitem.separator,
.primary-toolbar .menuitem.separator,
GtkTreeView .separator,
.pane-separator,
.pane-separator:prelight,
.pane-separator:selected,
.primary-toolbar .toolbar GtkSeparatorToolItem,
.primary-toolbar.toolbar GtkSeparatorToolItem {
    border-width: 1px;
    border-style: solid;
    border-image: none;
    border-color: shade (@base_color-b, 0.50);
    border-bottom-color: alpha (shade (@gradient_color_a-b, 1.25), 0.5);
    border-right-color: alpha (shade (@gradient_color_a-b, 1.25), 0.5);
    padding: 0px 0px 0px 0px;
}

GtkStatusbar {
    -GtkStatusbar-shadow-type: none;
}

.dnd {
    border-width: 1px;
    border-style: solid;
    border-color: @bg_color-b;
    border-radius: 0;
}

/*******************
 * Symbolic images *
 *******************/
.image {
    background-color: @transparent-b;
}

.image:prelight {
}

/******************
 * GtkDrawingArea
 ******************/
/* only a test, maybe remove */
GtkDrawingArea {
    color: shade (@info_color-b, 0.70);
}

/************
* expander *
************/
.expander {
    color: @text_color-b;
}

/**********
 * Frames *
 **********/
.frame {
    border-color: shade (@border_gradient_color_b-b, 1.40);
    box-shadow: inset 1px 1px alpha (shade (@border_gradient_color_a-b, 1.25), 0.20);
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
}

.frame:insensitive,
.notebook:insensitive {
    border-color: shade (@border_gradient_color_b-b, 1.40);
    box-shadow: inset 1px 1px alpha (shade (@border_gradient_color_a-b, 1.05), 0.00);
    border-width: 1px;
    border-radius: 3px;
}

/*
.check:active,
.notebook .frame,
.notebook,
.radio:active {
    border-color: @border_gradient_color_b-b;
    box-shadow: inset 1px 1px shade (@border_gradient_color_b-b, 1.50); 
    border-width: 1px;
    border-radius: 3px;
}*/

GtkScrolledWindow.frame {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 2px;
    border-color: shade (@border_gradient_color_b-b, 2.85);
    box-shadow: inset 2px 2px shade (@inner_gradient_color_b-b, 0.55),
                inset -2px -2px shade (@inner_gradient_color_b-b, 0.55),
                inset 1px 1px shade (@border_gradient_color_b-b, 1.55),
                inset -1px -1px shade (@border_gradient_color_b-b, 1.55);
}

/**************
 * ComboBoxes *
 **************/
GtkComboBox {
    -GtkComboBox-arrow-scaling: 1;
}

GtkComboBox.button {
}

GtkTreeMenu.menu {
    border-radius: 1px;
}


GtkAssistant .sidebar .highlight {
    color: @text_color-b;
    font: bold;
}

/****************
 * GtkAssistant *
 ****************/
GtkAssistant .sidebar {
    padding: 12px;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    border-color: @border_gradient_color_b-b;
    color: mix (@gradient_color_a-b, @gradient_color_b-b, 0.40);
    background-color: shade (@bg_color-b, 0.97);
}

/****************
 * GtkTextView *
 ****************/
GtkTextView {
    background-color: shade (@text_color-b, 1.00);
}

/************
* Calendars *
*************/
GtkCalendar {
    border-style: solid;
    color: @base_color-b;
    border-color: shade (@border_gradient_color_b-b, 5.05);
    box-shadow: inset 2px 2px shade (@inner_gradient_color_a-b, 0.95),
                inset -2px -2px shade (@inner_gradient_color_a-b, 0.95),
                inset 1px 1px shade (@border_gradient_color_b-b, 1.45),
                inset -1px -1px shade (@border_gradient_color_b-b, 1.45);
}

GtkCalendar.view {
    border-width: 1px;
    border-radius: 3px;
    padding: 2px;
    background-color: shade (@gradient_color_a-b, 0.80);
}

GtkCalendar.header {
    border-width: 1px;
    border-radius: 3px;
    padding: 2px;
    color: @text_color-b;
}

GtkCalendar.button {
/*    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (rgba (0, 0, 0, 0)),
                                     to (rgba (0, 0, 0, 0)));*/

    border-width: 0px;
    border-radius: 0px;
    padding: 8px;
}

.highlight,
GtkCalendar.highlight {
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    color: @text_color-b;
    border-color: shade (@border_gradient_color_a-b, 0.92);
    box-shadow: inset 1px 1px shade (@inner_gradient_color_a-b, 1.07),
                inset -1px -1px shade (@inner_gradient_color_b-b, 0.92);
}

/*********
 * image *
 *********/
GtkImage {
    background-color: @transparent-b;
}

/***********
 * infobar *                                                                                                                                             
 ***********/
.info, .warning, .question, .error, .dim-label {
    border-radius: 1px;
    border-color: alpha (@text_color-b, 0.10);
/*    box-shadow: inset 1px 1px @base_color-b,
                inset -1px -1px shade (@bg_color-b, 1.1);*/
}

.info {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@info_color-b, 1.2)),
                                     to (@info_bg_color-b));
}

.warning {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@warning_color-b, 1.2)),
                                     to (@warning_bg_color-b));
}

.question {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@question_color-b, 1.2)),
                                     to (@question_bg_color-b));
}

.error {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@error_color-b, 1.2)),
                                     to (@error_bg_color-b));
}

.dim-label {
}

/************
 * levelbar *
 ************/
GtkLevelBar {
    -GtkLevelBar-min-block-width: 34;
    -GtkLevelBar-min-block-height: 3;
}

GtkLevelBar.vertical {
    -GtkLevelBar-min-block-width: 3;
    -GtkLevelBar-min-block-height: 34;
}

.level-bar.trough {
    padding: 0px;
}

.level-bar.fill-block {
    border-width: 1px;
    border-style: solid;
    border-color: @border_gradient_color_b-b;
    background-image: linear-gradient(to bottom,
                                      shade (@gradient_color_a-b, 1.95),
                                      @gradient_color_a-b 40%,
                                      shade (@gradient_color_a-b, 0.05));
}

.level-bar.indicator-continuous.fill-block {
    padding: 5px;
    border-radius: 2px;
}

.level-bar.indicator-discrete.fill-block.horizontal {
    margin: 0 1px;
}

.level-bar.indicator-discrete.fill-block.vertical {
    margin: 1px 0;
}

.level-bar.fill-block.level-high {
    border-color: shade(@success_color-b, 0.85);
    background-image: linear-gradient(to bottom,
                                      shade (@success_color-b, 1.2),
                                      @success_color-b 75%,
                                      shade (@success_color-b, 0.95));
}

.level-bar.fill-block.level-low {
    border-color: shade(@warning_bg_color-b, 0.80);
    background-image: linear-gradient(to bottom,
                                      shade (@warning_bg_color-b, 1.3),
                                      @warning_bg_color-b 75%,
                                      shade(@warning_bg_color-b, 0.90));
}

.level-bar.fill-block.empty-fill-block {
    background-color: @transparent-b;
    background-image: none;
    border-color: alpha (@border_gradient_color_b-b, 1.2);
}

/*********************
 * Spinner Animation *
 *********************/
/* This is CPU-intensive, no animation */
/*
@keyframes spin {
	to { -gtk-icon-transform: rotate(1turn); }
}
*/

@keyframes spin {
	to { -gtk-icon-transform: rotate(0turn); }
}

.spinner {
    background-image: none;
    background-color: @glow_color;
    opacity: 0;
    -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }

.spinner:active {
    opacity: 1;
    animation: spin 1s linear infinite; }

.spinner:active:insensitive {
    opacity: 0.5; }

/***************
 * Header bars *
 ***************/
.header-bar {
	border-width: 0 0 1px;
	border-style: solid;
    border-radius: 7px 7px 0 0;
	padding: 4px;
	background-color: @bg_color-b;
	border-color: alpha(@border_gradient_color_a, 0.6);
}

.notebook GtkContainer .header-bar {
	background-color: @bg_color-b;
}


.header-bar .button.text-button {
	padding: 2px 6px;
}

.header-bar .button.image-button {
	padding: 5px 4px 4px 5px;
}

/*************
 * Popovers *
 *************/

.popover {
	background-clip: initial;
	margin: 10px;
    padding: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    -GtkMenuItem-arrow-scaling: 0.4;
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@bg_color-b, 0.00)),
                                     color-stop (0.12, shade (@bg_color-b, 1.00)),
                                     color-stop (1.00, shade (@bg_color-b, 1.00)),
                                     to (shade (@bg_color-b, 1.00)));
    border-color: shade (@border_gradient_color_a-b, 1.55);
    box-shadow: inset 2px 2px shade (@inner_gradient_color_a-b, 0.95),
                inset -2px -2px shade (@inner_gradient_color_a-b, 1.45),
                inset 1px 1px shade (@border_gradient_color_b-b, 0.85),
                inset -1px -1px shade (@border_gradient_color_b-b, 0.85);
}

.popover > .list,
.popover > .view,
.popover > .toolbar .popover.osd > .toolbar,
.popover > .inline-toolbar .popover.osd > .toolbar,
.popover > .search-bar .popover.osd > .toolbar,
.popover > .location-bar .popover.osd > .toolbar,
.popover > .toolbar .popover.osd > .inline-toolbar,
.popover > .inline-toolbar .popover.osd > .inline-toolbar,
.popover > .search-bar .popover.osd > .inline-toolbar,
.popover > .location-bar .popover.osd > .inline-toolbar,
.popover > .toolbar .popover.osd > .search-bar,
.popover > .inline-toolbar .popover.osd > .search-bar,
.popover > .search-bar .popover.osd > .search-bar,
.popover > .location-bar .popover.osd > .search-bar,
.popover > .toolbar .popover.osd > .location-bar,
.popover > .inline-toolbar .popover.osd > .location-bar,
.popover > .search-bar .popover.osd > .location-bar,
.popover > .location-bar .popover.osd > .location-bar {
	border-style: none;
	background-color: transparent;
}

.popover .separator {
	font-size: 80%;
	font-weight: bold;
	color: alpha(@text_color,0.1);
	text-shadow: none;
	background-color: transparent;
	icon-shadow: none;
	border: 0;
}

.popover.osd {
	background-image: none;
	background-color: alpha(shade(#3E403D, 0.85), 0.75);
	border: 1px solid black;
	box-shadow: none;
	color: @text_color;
}
.popover.osd .toolbar {
	background-image: none;
	background-color: transparent;
	border: none;
	box-shadow: none;
}
.popover.osd .button {
	text-shadow: none;
	icon-shadow: none;
}
.popover.osd .button:active,
.popover.osd .button:checked {
        box-shadow: none;
}
.popover.osd .button:insensitive {
	color: alpha(@text_color, 0.4);
}

.popover .list {
	background-color: @base_color;
}

GtkModelButton.button {
	color: @text_color;
	border-radius: 3px;
}

GtkModelButton.button:checked,
GtkModelButton.button:active,
GtkModelButton.button:insensitive,
GtkModelButton.button:active:insensitive,
GtkModelButton.button:checked:insensitive,
GtkModelButton.button,
GtkModelButton.button:focus,
GtkModelButton.button:active:focus,
GtkModelButton.button:checked:focus {
	color: @text_color;
	background-color: transparent;
	background-image: none;
	border-color: transparent;
	border-image: none;
	border-style: none;
	box-shadow: none;
	border-radius: 3px;
}

GtkModelButton.button:checked:hover,
GtkModelButton.button:active:hover,
GtkModelButton.button:hover,
GtkModelButton.button:selected {
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (@gradient_color_a-b),
                                     to (@gradient_color_b-b));
    border-color: shade (@border_gradient_color_a-b, 0.90);
    box-shadow: inset 1px 1px shade (@inner_gradient_color_a-b, 1.65),
                inset -1px -1px shade (@inner_gradient_color_a-b, 0.70);
    padding: 2.5px 3px 2.5px 3px;
}

GtkPopover .separator {
    border-width: 1px;
    border-style: solid;
    border-image: none;
    border-color: shade (@base_color-b, 0.50);
    border-bottom-color: alpha (shade (@gradient_color_a-b, 1.25), 0.5);
    border-right-color: alpha (shade (@gradient_color_a-b, 1.25), 0.5);
}

/*******
 * CSD *
 *******/

.titlebar {
    text-shadow: none;
    background-image: linear-gradient(to bottom,
                                      shade (@bg_color-b, 1.50),
                                      shade (@bg_color-b, 1.0));
    border-width: 1px;
    border-radius: 7px 7px 0 0;
}

.tiled .titlebar {
    border-radius: 0;
}

.maximized .titlebar {
    border-radius: 0;
}

/* this is the default titlebar that is added by GTK
 * when client-side decorations are in use and the application
 * did not set a custom titlebar.
 */
.titlebar.default-decoration {
    border: none;
    box-shadow: none;
}

.titlebar .title {
    font: Bold 10;
    background: none;
    color: @text_color;
}

 /* Colour when unfocused? does this work?*/
.titlebar:backdrop {
    color: @text_color;
    text-shadow: none;
    background-image: none;
    background-color: @bg_color-b;
}

.titlebar .titlebutton,
.header-bar.frame.titlebar .button.image-button.titlebutton,
.button.text-button.titlebutton {
	/* Due to a bug somewhere in gtk or cairo,
	   a padding of zero (or even one) doesn't work always!!! */
	padding: 4px 4px 4px 4px;

	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-shadow: 0 -1px black;

	color: @text_color;
	background-image: none;
}

.titlebar .titlebutton:hover,
.header-bar.frame.titlebar .button.image-button.titlebutton:hover,
.button.text-button.titlebutton:hover {
	border-image: none;
	border-style: solid;
	border-color: shade(@border_gradient_color_a-b, 1.1);
	background-image: none;
}

.titlebar .titlebutton:active,
.titlebar .titlebutton:active:hover,
.header-bar.frame.titlebar:active,
.header-bar.frame.titlebar:active:hover,
.button.image-button.titlebutton:active,
.button.image-button.titlebutton:active:hover,
.button.text-button.titlebutton:active,
.button.text-button.titlebutton:active:hover {
	/* some apps need this */
	color: @text_color;
	border-style: solid;
	background-image: none;
}

.titlebar .right .titlebutton:first-child {
    border-left: 1px solid shade (@bg_color-b, 0.9);
}

.titlebar .right .titlebutton:last-child {
}

.titlebar .left .titlebutton:last-child {
    border-right: 1px solid shade (@bg_color-b, 0.9);
}

.titlebar .left .titlebutton:first-child {
}

.titlebar .titlebutton:backdrop,
.titlebar .titlebutton:hover:backdrop,
.header-bar.frame.titlebar .button.image-button.titlebutton:backdrop,
.header-bar.frame.titlebar .button.image-button.titlebutton:hover:backdrop {
    background: none;
    color: @text_color;
    border-image: none;
    icon-shadow: none;
}

.titlebar .titlebutton:hover:backdrop,
.header-bar.frame.titlebar .button.image-button.titlebutton:hover:backdrop {
	color: @text_color;
}

/****************************************************************************************
* Give and take related to recent gtk3.3.14 development,                                *
* to achieve full size of the icon menu of some of the applications whose notification  *
* icons appear in the system tray, the "shadow" is disabled.                            *
* same affect in mate-panel main menu, csd apps, header-bars apps                       *
* if compositor is disable !!!!!                                                        *
*****************************************************************************************/

.window-frame {
	border-radius: 7px 7px 0px 0px;
	border-width: 1px;
	box-shadow: 0 0 0 @wm_shadow;
	/* this is used for the resize cursor area */
	margin: 2px;
}

.window-frame.tiled {
	border-radius: 0;
	background-color: @bg_color-b;
}

.window-frame:backdrop {
	box-shadow: 0 0 0 @wm_shadow;
}

.window-frame.csd.popup {
    border-radius: 0;
    box-shadow: 0 1px 5px @wm_shadow;
}

.window-frame.csd.tooltip {
    border-radius: 5px;
    box-shadow: 0 1px 5px @wm_shadow;
}

.window-frame.csd.message-dialog {
    border-radius: 7px;
    box-shadow: 0 1px 5px @wm_shadow;
}


@import url("entry-dark.css");
@import url("button-dark.css");
@import url("header-cell-dark.css");
@import url("gtkswitch-dark.css");
@import url("menu-dark.css");
@import url("notebooks-dark.css");
@import url("progressbar-dark.css");
@import url("scale-dark.css");
@import url("scrollbar-dark.css");
@import url("sidebar-dark.css");
@import url("toolbar-dark.css");
@import url("check-radio-dark.css");
@import url("gnome-applications-dark.css");
@import url("mate-applications.css");

