/*****************
 * Notebooks and *
 * tabs          *
 *****************/
.notebook {
engine: unico;

    padding: 5px 0 0 0;
-GtkWidget-focus-line-width: 0;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
	border-top-color: shade(@theme_base_color, 1.04);
    border-right-color: shade(@theme_base_color, 0.92);
    border-bottom-color: shade(@theme_base_color, 0.8);
    border-left-color: shade(@theme_base_color, 0.96);

    background-clip: border-box;
    background-color: shade(@theme_base_color, 1.1);

    -GtkNotebook-tab-overlap: 15;
    -GtkNotebook-initial-gap: 2;
}

.notebook GtkViewport {
    background-color: @theme_base_color;
}
/*
.notebook:backdrop,
.notebook GtkViewport:backdrop {
    background-color: @theme_unfocused_base_color;
    border-color: @unfocused_borders;
    border-style: solid;
    border-width: 1px;
    border-top-color: shade(@theme_unfocused_base_color, 0.8);
    border-right-color: shade(@theme_unfocused_base_color, 0.8);
    border-bottom-color: shade(@theme_unfocused_base_color, 0.65);
    border-left-color: shade(@theme_unfocused_base_color, 0.8);
}*/


/* close button styling */
/*
.notebook tab .button,
.notebook tab .button:active,
.notebook tab .button:active:hover,
.notebook tab .button:hover {
    border-image: none;
    border-style: none;
    background-image: none;
    background-color: transparent;
}

.notebook tab .button GtkImage {
    border-radius: 3px;
    color: mix(@theme_fg_color, @theme_base_color, 0.6);
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    padding-top: 0px;

    icon-shadow: 0 1px @button_text_shadow;
}

.notebook tab .button GtkImage:hover {
    background-color: alpha(#7D0126, 0.34);
    color: @theme_fg_color;
    border-color: alpha(black, 0.1);
    icon-shadow: 0 1px alpha(black, 0.5);
}

.notebook tab .button GtkImage:active,
.notebook tab .button GtkImage:active:hover {
    background-color: #7D0126;
    box-shadow: inset 0 1px alpha(black, 0.05);
    color:  @theme_base_color;
    icon-shadow: 0 1px @button_active_text_shadow;

    border-color: alpha(black, 0.27)
                  alpha(black, 0.13)
                  alpha(black, 0.13)
                  alpha(black, 0.13);
}*/
/*
.notebook tab .button GtkImage:backdrop {
    color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.7);
    icon-shadow: none;
}*/
/*
.notebook tab .button GtkImage:backdrop:hover {
    color: @theme_unfocused_fg_color;
}*/

.notebook tab {
    box-shadow: none;
    background-image: none;
    background-color: transparent;
    background-clip: padding-box;
    border-width: 3px 15px 2px 15px;
    border-style: solid;
    -unico-focus-border-color: transparent;
    -unico-focus-fill-color: transparent;
}
/*
.notebook tab.top {
border-image: linear-gradient(to bottom,
                                  transparent,
                                  transparent 25%,
                                  shade(@theme_base_color, 0.65)
                                  ) 0 1 0 0;
    border-width: 0 1px 0px 0px;
	}*/
/*
.notebook tab.bottom {
border-image: linear-gradient(to bottom,
								  shade(@theme_base_color, 0.65),
                                  transparent 25%,
                                  transparent
                                  ) 0 1 0 0;
    border-width: 0 1px 0px 0px;
	}*/
/*
.notebook tab.right {
border-image: linear-gradient(to right,
								  shade(@theme_base_color, 0.65),
                                  transparent 25%,
                                  transparent
                                  ) 0 0 1 0;
    border-width: 0px 0px 1px 0px;
	}*/
/*
.notebook tab.left {
border-image: linear-gradient(to left,
								  shade(@theme_base_color, 0.65),
                                  transparent 25%,
                                  transparent
                                  ) 0 0 1 0;
    border-width: 0 0px 1px 0px;
	}*/

.notebook tab.top:active,
.notebook tab:active {
    background-color: transparent;
    background-image: none;
    color: @theme_fg_color;
    border-width: 3px 15px 2px 15px;
}
/*
.notebook tab.top,
.notebook tab {
	background-image: linear-gradient(to bottom,
										alpha(#000000,0.06),
										transparent
										),
					  linear-gradient(to bottom,
										#121212,
										#121212
										);
	background-size: auto, auto;
}*/

.notebook tab.top:active,
.notebook tab:active {
	background-image: linear-gradient(to bottom,
										rgba(255,255,255, 0.03),
										rgba(255,255,255, 0.0) 25%,
										rgba(255,255,255, 0.0)
										),
					  linear-gradient(to bottom,
										#0b0b0b,
										#0b0b0b
										);
	background-size: auto, auto;
}

.notebook tab.bottom:active {
	background-image: linear-gradient(to bottom,
										transparent,
										alpha(#9d9d9d,0.06)
										),
					  linear-gradient(to bottom,
										#0b0b0b,
										#0b0b0b
										);
	background-size: auto, auto;
}

.notebook tab.right:active {
	background-image: linear-gradient(to right,
										transparent,
										alpha(#9d9d9d,0.06)
										),
					  linear-gradient(to right,
										#0b0b0b,
										#0b0b0b
										);
	background-size: auto, auto;
}

.notebook tab.right {
	background-image: linear-gradient(to right,
										transparent,
										rgba(0,0,0,0.12)
										),
					  linear-gradient(to right,
										#323232,
										#323232
										);
	background-size: auto, auto;
}

.notebook tab.left:active {
	background-image: linear-gradient(to left,
										transparent,
										alpha(#9d9d9d,0.06)
										),
					  linear-gradient(to left,
										#0b0b0b,
										#0b0b0b
										);
	background-size: auto, auto;
}

.notebook tab.left {
	background-image: linear-gradient(to left,
										transparent,
										rgba(0,0,0,0.12)
										),
					  linear-gradient(to left,
										#323232,
										#323232
										);
	background-size: auto, auto;
}

.notebook tab GtkLabel {
    padding: 1px 4px 1px;
}

.notebook tab {
    color: shade (@theme_bg_color, 0.48);
}

.notebook tab.top {
    padding: 1px 12px 1px 14px;
    background-color: transparent;
    background-image: none;
    border-width: 5px 3px 3px 3px
}

.notebook tab.top:active {
    padding: 4px 12px 1px 14px;
}

.notebook tab.right {
    padding: 14px 1px 13px 3px;
    border-width: 15px 3px 15px 2px;
}

.notebook tab.right:active {
    padding: 14px 1px 13px 3px;
    border-width: 15px 3px 15px 2px;
}

.notebook tab.bottom {
    padding: 3px 12px 1px 14px;
    background-color: transparent;
    background-image: none;
    border-width: 3px 3px 5px 3px
}

.notebook tab.bottom:active {
    border-width: 2px 15px 3px 15px;
    padding: 1px 13px 3px 14px;
}

.notebook tab.left {
    padding: 13px 3px 14px 1px;
    border-width: 15px 2px 15px 3px;
}

.notebook tab.left:active {
	border-width: 15px 2px 15px 3px;
    padding: 13px 3px 14px 1px;
}



.notebook GtkDrawingArea {
    background-color: @notebook_bg_color;
}

.notebook tab {
    border-image: none;
}

.notebook tab.top {
    border-image: url("assets/tab-top.svg") 5 3 3 3 / 5px 3px 3px 3px stretch;
}

.notebook tab.top:active {
    border-image: url("assets/tab-active-gtk-12.png") 3 15 2 15 / 3px 15px 2px 15px stretch;
}

.notebook tab.top:active:focus {
    border-image: url("assets/tab-active-gtk-13.png") 3 15 2 15 / 3px 15px 2px 15px stretch;
}



.notebook tab.right {
    border-image: url("assets/tab-gtk-7-right.png") 15 3 15 2 / 15px 3px 15px 2px stretch;
}

.notebook tab.right:active {
    border-image: url("assets/tab-active-gtk-6-right.png") 15 3 15 2 / 15px 3px 15px 2px stretch;
}

.notebook tab.right:active:focus {
    border-image: url("assets/tab-active-gtk-6-right.png") 15 3 15 2 / 15px 3px 15px 2px stretch;
}


.notebook tab.bottom {
    border-image: url("assets/tab-bottom.svg") 3 3 5 3 / 3px 3px 5px 3px stretch;
}

.notebook tab.bottom:active {
    border-image: url("assets/tab-active-gtk-8-bottom.png") 2 15 3 15 / 2px 15px 3px 15px stretch;
}

.notebook tab.bottom:active:focus {
    border-image: url("assets/tab-active-gtk-8-bottom.png") 2 15 3 15 / 2px 15px 3px 15px stretch;
}



.notebook tab.left {
    border-image: url("assets/tab-gtk-7-left.png") 15 2 15 3 / 15px 2px 15px 3px stretch;
}

.notebook tab.left:active {
    border-image: url("assets/tab-active-gtk-6-left.png") 15 2 15 3 / 15px 2px 15px 3px stretch;
}

.notebook tab.left:active:focus {
    border-image: url("assets/tab-active-gtk-6-left.png") 15 2 15 3 / 15px 2px 15px 3px stretch;
}

/* close button styling */
.notebook tab .button,
.notebook tab .button:active,
.notebook tab .button:hover {
    border-image: none;
    background-image: none;
    background-color: transparent;
    border-radius: 3px;
    color: mix(@theme_fg_color, @theme_base_color, 0.6);
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    padding: 1px;
    icon-shadow: 0 1px @button_text_shadow;
}


.notebook tab .button:hover {
    color: @theme_fg_color;
    border-color: alpha(black, 0.1);
}

.notebook tab .button:active,
.notebook tab .button:active:hover {
    background-color: alpha(black, 0.08);
    box-shadow: inset 0 1px alpha(black, 0.05);
    color:  @button_active_text;
    icon-shadow: 0 1px @button_active_text_shadow;

    border-color: alpha(black, 0.27)
                  alpha(black, 0.13)
                  alpha(black, 0.13)
                  alpha(black, 0.13);
}

.notebook tab .button:backdrop {
    color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.7);
    icon-shadow: none;
}

.notebook tab .button:backdrop:hover {
    color: @theme_unfocused_fg_color;
}

/***************************************************/
EphyNotebook.notebook {
	padding: 0;
}

EphyNotebook.notebook tab.top,
EphyNotebook.notebook tab {
	background-image: linear-gradient(to bottom,
										alpha(#000000,0.12),
										transparent
										),
					  linear-gradient(to bottom,
										#323232,
										#323232
										);
	background-size: auto, auto;
	border-width: 3px 15px 2px 15px;
}

EphyNotebook.notebook tab.top {
    border-image: url("assets/tab-gtk-7.png") 3 15 2 15 / 3px 15px 2px 15px stretch;
}