Rework notebook tabs, incompatible with gtk3.10 and previous

pull/127/head
Satyajit Sahoo 2014-03-21 18:41:46 +05:30
parent c736089e41
commit 4634f2f0f7
1 changed files with 49 additions and 15 deletions

View File

@ -1134,7 +1134,7 @@ GtkModelButton.button:selected {
************/ ************/
.notebook { .notebook {
padding: 0; padding: 0;
border-width: 1px; border-width: 1px 0 0 0;
border-style: solid; border-style: solid;
border-color: shade(@theme_base_color, 0.7); border-color: shade(@theme_base_color, 0.7);
border-radius: 0; border-radius: 0;
@ -1182,67 +1182,101 @@ GtkModelButton.button:selected {
} }
.notebook tab { .notebook tab {
padding: 4px; padding: 4px 6px;
border-style: none; border-style: solid;
background-color: shade(@theme_base_color, 0.85); border-width: 1px;
background-image: none; border-color: transparent;
} background-color: transparent;
.notebook tab:hover {
background-color: shade(@theme_base_color, 0.95);
background-image: none; background-image: none;
} }
.notebook tab:active { .notebook tab:active {
background-color: shade(@theme_base_color, 0.85); background-color: transparent;
background-image: none; background-image: none;
} }
.notebook tab.top { .notebook tab.top {
border-bottom-width: 2px;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.notebook tab.top:hover {
border-bottom-color: alpha(@theme_selected_bg_color, 0.3);
}
.notebook tab.top:active { .notebook tab.top:active {
box-shadow:inset 0 -2px @theme_selected_bg_color; border-bottom-color: @theme_selected_bg_color;
} }
.notebook tab.right { .notebook tab.right {
border-left-width: 2px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
} }
.notebook tab.right:hover {
border-left-color: alpha(@theme_selected_bg_color, 0.3);
}
.notebook tab.right:active { .notebook tab.right:active {
box-shadow:inset 2px 0 @theme_selected_bg_color; border-left-color: @theme_selected_bg_color;
} }
.notebook tab.bottom { .notebook tab.bottom {
border-top-width: 2px;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
} }
.notebook tab.bottom:hover {
border-top-color: alpha(@theme_selected_bg_color, 0.3);
}
.notebook tab.bottom:active { .notebook tab.bottom:active {
box-shadow:inset 0 2px @theme_selected_bg_color; border-top-color: @theme_selected_bg_color;
} }
.notebook tab.left { .notebook tab.left {
border-right-width: 2px;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.notebook tab.left:hover {
border-right-color: alpha(@theme_selected_bg_color, 0.3);
}
.notebook tab.left:active { .notebook tab.left:active {
box-shadow:inset -2px 0 @theme_selected_bg_color; border-right-color: @theme_selected_bg_color;
} }
.notebook tab GtkLabel { .notebook tab GtkLabel {
color: mix(@theme_text_color, @theme_base_color, 0.3); color: mix(@theme_text_color, @theme_base_color, 0.3);
} }
.notebook .prelight-page,
.notebook .prelight-page GtkLabel {
color: mix (@theme_text_color, @theme_base_color, 0.15);
}
.notebook .active-page, .notebook .active-page,
.notebook tab .active-page GtkLabel { .notebook .active-page GtkLabel {
color: @theme_text_color; color: @theme_text_color;
} }
.notebook tab.reorderable-page:hover {
background-color: shade(@theme_base_color, 0.85);
border-left: 1px solid shade(@theme_base_color, 0.7);
border-right: 1px solid shade(@theme_base_color, 0.7);
}
.notebook tab.reorderable-page:active {
background-color: shade(@theme_base_color, 0.90);
border-left: 1px solid shade(@theme_base_color, 0.75);
border-right: 1px solid shade(@theme_base_color, 0.75);
}
/* close button styling */ /* close button styling */
.notebook tab .button, .notebook tab .button,
.notebook tab .button:active, .notebook tab .button:active,