homes/graphic/.themes/dorian-theme-3.10/gtk-3.0/notebook.css
2013-12-16 01:09:10 +01:00

418 lines
10 KiB
CSS

/*****************
* 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;
}