[gtk+] Adwaita: Update notebook styling
- From: Matthias Clasen <matthiasc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: Update notebook styling
- Date: Sat, 24 Oct 2015 14:56:11 +0000 (UTC)
commit a22e07f3745fe461d5d1fcdb64460cc06a1dcf3e
Author: Matthias Clasen <mclasen redhat com>
Date: Sat Oct 24 10:17:31 2015 -0400
Adwaita: Update notebook styling
The switch from .notebook to notebook requires minor changes,
such as moving the style properties into a separate selector.
gtk/theme/Adwaita/_common.scss | 19 ++--
gtk/theme/Adwaita/gtk-contained-dark.css | 182 ++++++++++++++++--------------
gtk/theme/Adwaita/gtk-contained.css | 182 ++++++++++++++++--------------
3 files changed, 201 insertions(+), 182 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index d0fada6..fe449df 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1549,14 +1549,7 @@ column-header.button.dnd { // for treeview-like derive widgets
* Tabs *
*****************/
-.notebook {
- // Through me you go to the grief wracked city;
- // Through me you go to everlasting pain;
- // Through me you go a pass among lost souls.
- // ...
- // Abandon all hope — Ye Who Enter Here
- padding: 0;
- background-color: $base_color;
+GtkNotebook {
-GtkNotebook-initial-gap: 10;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
@@ -1564,6 +1557,16 @@ column-header.button.dnd { // for treeview-like derive widgets
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
+}
+
+notebook {
+ // Through me you go to the grief wracked city;
+ // Through me you go to everlasting pain;
+ // Through me you go a pass among lost souls.
+ // ...
+ // Abandon all hope — Ye Who Enter Here
+ padding: 0;
+ background-color: $base_color;
transition: all 200ms $ease-out-quad;
&:backdrop {
background-color: $backdrop_base_color;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index c468e7b..e8055e5 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1154,9 +1154,9 @@ entry {
.titlebar .menuitem.titlebutton.button:backdrop:hover, .button:link, .header-bar .button.titlebutton:link,
.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited,
.titlebar .button.titlebutton:visited, .button:link:hover, .button:link:active, .button:link:checked,
.button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop,
.button:visited:backdrop, .menu.button, .header-bar .menu.button.titlebutton,
-.titlebar .menu.button.titlebutton, .notebook tab .button, .notebook tab .header-bar .button.titlebutton,
.header-bar .notebook tab .button.titlebutton,
-.notebook tab .titlebar .button.titlebutton,
-.titlebar .notebook tab .button.titlebutton, .app-notification .button.flat, .app-notification
.sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification
.titlebutton.button,
+.titlebar .menu.button.titlebutton, notebook tab .button, notebook tab .header-bar .button.titlebutton,
.header-bar notebook tab .button.titlebutton,
+notebook tab .titlebar .button.titlebutton,
+.titlebar notebook tab .button.titlebutton, .app-notification .button.flat, .app-notification
.sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification
.titlebutton.button,
.app-notification .titlebar .titlebutton.button,
.titlebar .app-notification .titlebutton.button,
.app-notification.frame .button.flat,
@@ -2071,65 +2071,67 @@ column-header .titlebar .button.titlebutton,
* Notebooks and *
* Tabs *
*****************/
-.notebook {
- padding: 0;
- background-color: #292929;
+GtkNotebook {
-GtkNotebook-initial-gap: 10;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: -8;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
- -GtkWidget-focus-line-width: 0;
+ -GtkWidget-focus-line-width: 0; }
+
+notebook {
+ padding: 0;
+ background-color: #292929;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- .notebook:backdrop {
+ notebook:backdrop {
background-color: #2c2c2c; }
- .notebook.frame {
+ notebook.frame {
border: 1px solid #1c1f1f; }
- .notebook.frame.top {
+ notebook.frame.top {
border-top-width: 0; }
- .notebook.frame.bottom {
+ notebook.frame.bottom {
border-bottom-width: 0; }
- .notebook.frame.right {
+ notebook.frame.right {
border-right-width: 0; }
- .notebook.frame.left {
+ notebook.frame.left {
border-left-width: 0; }
- .notebook.frame:backdrop {
+ notebook.frame:backdrop {
border-color: #1f2222; }
- .notebook.header {
+ notebook.header {
background-color: #303535; }
- .notebook.header.frame {
+ notebook.header.frame {
border: 1px solid #1c1f1f; }
- .notebook.header.frame.top {
+ notebook.header.frame.top {
border-bottom-width: 0; }
- .notebook.header.frame.bottom {
+ notebook.header.frame.bottom {
border-top-width: 0; }
- .notebook.header.frame.right {
+ notebook.header.frame.right {
border-left-width: 0; }
- .notebook.header.frame.left {
+ notebook.header.frame.left {
border-right-width: 0; }
- .notebook.header.frame:backdrop {
+ notebook.header.frame:backdrop {
border-color: #1f2222; }
- .notebook.header.top {
+ notebook.header.top {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #1c1f1f; }
- .notebook.header.top:backdrop {
+ notebook.header.top:backdrop {
box-shadow: inset 0 -1px #1f2222; }
- .notebook.header.bottom {
+ notebook.header.bottom {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #1c1f1f; }
- .notebook.header.bottom:backdrop {
+ notebook.header.bottom:backdrop {
box-shadow: inset 0 1px #1f2222; }
- .notebook.header.right {
+ notebook.header.right {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #1c1f1f; }
- .notebook.header.right:backdrop {
+ notebook.header.right:backdrop {
box-shadow: inset 1px 0 #1f2222; }
- .notebook.header.left {
+ notebook.header.left {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #1c1f1f; }
- .notebook.header.left:backdrop {
+ notebook.header.left:backdrop {
box-shadow: inset -1px 0 #1f2222; }
- .notebook.header:backdrop {
+ notebook.header:backdrop {
background-color: #303535;
box-shadow: none; }
- .notebook tab {
+ notebook tab {
border-width: 0;
border-style: solid;
border-color: transparent;
@@ -2164,132 +2166,134 @@ column-header .titlebar .button.titlebutton,
}
}
*/ }
- .notebook tab.top, .notebook tab.bottom {
+ notebook tab.top, notebook tab.bottom {
padding: 8px 20px; }
- .notebook tab.left, .notebook tab.right {
+ notebook tab.left, notebook tab.right {
padding: 5px 20px; }
- .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
+ notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 12px;
border-left-width: 1px;
border-right-width: 1px; }
- .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
+ notebook tab.reorderable-page.left, notebook tab.reorderable-page.right {
border-bottom-width: 1px;
border-top-width: 1px; }
- .notebook tab.top {
+ notebook tab.top {
border-bottom-width: 3px; }
- .notebook tab.bottom {
+ notebook tab.bottom {
border-top-width: 3px; }
- .notebook tab.left {
+ notebook tab.left {
border-right-width: 3px; }
- .notebook tab.right {
+ notebook tab.right {
border-left-width: 3px; }
- .notebook tab:hover {
+ notebook tab:hover {
border-color: #1c1f1f; }
- .notebook tab:active, .notebook tab:backdrop:active {
+ notebook tab:active, notebook tab:backdrop:active {
border-color: #215d9c; }
- .notebook tab:backdrop {
+ notebook tab:backdrop {
background-color: transparent;
border-color: transparent; }
- .notebook tab.reorderable-page.top {
+ notebook tab.reorderable-page.top {
border-color: transparent; }
- .notebook tab.reorderable-page.top:hover {
+ notebook tab.reorderable-page.top:hover {
border-color: rgba(28, 31, 31, 0.3);
border-bottom-color: #1c1f1f;
background-color: rgba(57, 63, 63, 0.2); }
- .notebook tab.reorderable-page.top:active {
+ notebook tab.reorderable-page.top:active {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-bottom-color: #215d9c; }
- .notebook tab.reorderable-page.top:active:hover {
+ notebook tab.reorderable-page.top:active:hover {
background-color: rgba(57, 63, 63, 0.7); }
- .notebook tab.reorderable-page.top:active:backdrop {
+ notebook tab.reorderable-page.top:active:backdrop {
border-color: #1f2222;
background-color: #393f3f;
border-bottom-color: #215d9c; }
- .notebook tab.reorderable-page.top:backdrop {
+ notebook tab.reorderable-page.top:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab.reorderable-page.bottom {
+ notebook tab.reorderable-page.bottom {
border-color: transparent; }
- .notebook tab.reorderable-page.bottom:hover {
+ notebook tab.reorderable-page.bottom:hover {
border-color: rgba(28, 31, 31, 0.3);
border-top-color: #1c1f1f;
background-color: rgba(57, 63, 63, 0.2); }
- .notebook tab.reorderable-page.bottom:active {
+ notebook tab.reorderable-page.bottom:active {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-top-color: #215d9c; }
- .notebook tab.reorderable-page.bottom:active:hover {
+ notebook tab.reorderable-page.bottom:active:hover {
background-color: rgba(57, 63, 63, 0.7); }
- .notebook tab.reorderable-page.bottom:active:backdrop {
+ notebook tab.reorderable-page.bottom:active:backdrop {
border-color: #1f2222;
background-color: #393f3f;
border-top-color: #215d9c; }
- .notebook tab.reorderable-page.bottom:backdrop {
+ notebook tab.reorderable-page.bottom:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab.reorderable-page.left {
+ notebook tab.reorderable-page.left {
border-color: transparent; }
- .notebook tab.reorderable-page.left:hover {
+ notebook tab.reorderable-page.left:hover {
border-color: rgba(28, 31, 31, 0.3);
border-right-color: #1c1f1f;
background-color: rgba(57, 63, 63, 0.2); }
- .notebook tab.reorderable-page.left:active {
+ notebook tab.reorderable-page.left:active {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-right-color: #215d9c; }
- .notebook tab.reorderable-page.left:active:hover {
+ notebook tab.reorderable-page.left:active:hover {
background-color: rgba(57, 63, 63, 0.7); }
- .notebook tab.reorderable-page.left:active:backdrop {
+ notebook tab.reorderable-page.left:active:backdrop {
border-color: #1f2222;
background-color: #393f3f;
border-right-color: #215d9c; }
- .notebook tab.reorderable-page.left:backdrop {
+ notebook tab.reorderable-page.left:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab.reorderable-page.right {
+ notebook tab.reorderable-page.right {
border-color: transparent; }
- .notebook tab.reorderable-page.right:hover {
+ notebook tab.reorderable-page.right:hover {
border-color: rgba(28, 31, 31, 0.3);
border-left-color: #1c1f1f;
background-color: rgba(57, 63, 63, 0.2); }
- .notebook tab.reorderable-page.right:active {
+ notebook tab.reorderable-page.right:active {
background-color: rgba(57, 63, 63, 0.5);
border-color: rgba(28, 31, 31, 0.5);
border-left-color: #215d9c; }
- .notebook tab.reorderable-page.right:active:hover {
+ notebook tab.reorderable-page.right:active:hover {
background-color: rgba(57, 63, 63, 0.7); }
- .notebook tab.reorderable-page.right:active:backdrop {
+ notebook tab.reorderable-page.right:active:backdrop {
border-color: #1f2222;
background-color: #393f3f;
border-left-color: #215d9c; }
- .notebook tab.reorderable-page.right:backdrop {
+ notebook tab.reorderable-page.right:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab label {
+ notebook tab label {
padding: 0 2px;
font-weight: bold;
color: #949796; }
- .notebook tab label:backdrop {
+ notebook tab label:backdrop {
color: #797f7f; }
- .notebook tab:hover label {
+ notebook tab:hover label {
color: #c1c3c1; }
- .notebook tab:hover label:backdrop {
+ notebook tab:hover label:backdrop {
color: #797f7f; }
- .notebook tab:active label {
+ notebook tab:active label {
color: #eeeeec; }
- .notebook tab:active label:backdrop {
+ notebook tab:active label:backdrop {
color: #949796; }
- .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab
.button.titlebutton,
- .notebook tab .titlebar .button.titlebutton,
- .titlebar .notebook tab .button.titlebutton {
+ notebook tab .button, notebook tab .header-bar .button.titlebutton, .header-bar notebook tab
.button.titlebutton,
+ notebook tab .titlebar .button.titlebutton,
+ .titlebar notebook tab .button.titlebutton {
padding: 0;
border: 1px solid transparent;
icon-shadow: none;
transition: none;
color: rgba(238, 238, 236, 0.3); }
- .notebook tab .button:hover {
+ notebook tab .button:hover, notebook tab .header-bar .button.titlebutton:hover, .header-bar notebook
tab .button.titlebutton:hover,
+ notebook tab .titlebar .button.titlebutton:hover,
+ .titlebar notebook tab .button.titlebutton:hover {
color: #eeeeec;
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
@@ -2300,7 +2304,9 @@ column-header .titlebar .button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
background-image: none;
box-shadow: none; }
- .notebook tab .button:active {
+ notebook tab .button:active, notebook tab .header-bar .button.titlebutton:active, .header-bar notebook
tab .button.titlebutton:active,
+ notebook tab .titlebar .button.titlebutton:active,
+ .titlebar notebook tab .button.titlebutton:active {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -2308,24 +2314,26 @@ column-header .titlebar .button.titlebutton,
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
- .notebook tab .button:backdrop {
+ notebook tab .button:backdrop, notebook tab .header-bar .button.titlebutton:backdrop, .header-bar
notebook tab .button.titlebutton:backdrop,
+ notebook tab .titlebar .button.titlebutton:backdrop,
+ .titlebar notebook tab .button.titlebutton:backdrop {
color: rgba(148, 151, 150, 0.3);
border-color: transparent; }
- .notebook tab .button > image, .notebook tab .header-bar .button.titlebutton > image, .header-bar
.notebook tab .button.titlebutton > image,
- .notebook tab .titlebar .button.titlebutton > image,
- .titlebar .notebook tab .button.titlebutton > image {
+ notebook tab .button > image, notebook tab .header-bar .button.titlebutton > image, .header-bar
notebook tab .button.titlebutton > image,
+ notebook tab .titlebar .button.titlebutton > image,
+ .titlebar notebook tab .button.titlebutton > image {
padding: 2px; }
- .notebook.arrow {
+ notebook.arrow {
color: #949796; }
- .notebook.arrow:hover {
+ notebook.arrow:hover {
color: #c1c3c1; }
- .notebook.arrow:active {
+ notebook.arrow:active {
color: #eeeeec; }
- .notebook.arrow:insensitive {
+ notebook.arrow:insensitive {
color: rgba(148, 151, 150, 0.3); }
- .notebook.arrow:backdrop {
+ notebook.arrow:backdrop {
color: rgba(148, 151, 150, 0.4); }
- .notebook.arrow:backdrop:insensitive {
+ notebook.arrow:backdrop:insensitive {
color: #5d6767; }
/**************
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 5d3e526..500563b 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1154,9 +1154,9 @@ entry {
.titlebar .menuitem.titlebutton.button:backdrop:hover, .button:link, .header-bar .button.titlebutton:link,
.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited,
.titlebar .button.titlebutton:visited, .button:link:hover, .button:link:active, .button:link:checked,
.button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop,
.button:visited:backdrop, .menu.button, .header-bar .menu.button.titlebutton,
-.titlebar .menu.button.titlebutton, .notebook tab .button, .notebook tab .header-bar .button.titlebutton,
.header-bar .notebook tab .button.titlebutton,
-.notebook tab .titlebar .button.titlebutton,
-.titlebar .notebook tab .button.titlebutton, .app-notification .button.flat, .app-notification
.sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification
.titlebutton.button,
+.titlebar .menu.button.titlebutton, notebook tab .button, notebook tab .header-bar .button.titlebutton,
.header-bar notebook tab .button.titlebutton,
+notebook tab .titlebar .button.titlebutton,
+.titlebar notebook tab .button.titlebutton, .app-notification .button.flat, .app-notification
.sidebar-button.button, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification
.titlebutton.button,
.app-notification .titlebar .titlebutton.button,
.titlebar .app-notification .titlebutton.button,
.app-notification.frame .button.flat,
@@ -2077,65 +2077,67 @@ column-header .titlebar .button.titlebutton,
* Notebooks and *
* Tabs *
*****************/
-.notebook {
- padding: 0;
- background-color: #ffffff;
+GtkNotebook {
-GtkNotebook-initial-gap: 10;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: -8;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
- -GtkWidget-focus-line-width: 0;
+ -GtkWidget-focus-line-width: 0; }
+
+notebook {
+ padding: 0;
+ background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- .notebook:backdrop {
+ notebook:backdrop {
background-color: white; }
- .notebook.frame {
+ notebook.frame {
border: 1px solid #a1a1a1; }
- .notebook.frame.top {
+ notebook.frame.top {
border-top-width: 0; }
- .notebook.frame.bottom {
+ notebook.frame.bottom {
border-bottom-width: 0; }
- .notebook.frame.right {
+ notebook.frame.right {
border-right-width: 0; }
- .notebook.frame.left {
+ notebook.frame.left {
border-left-width: 0; }
- .notebook.frame:backdrop {
+ notebook.frame:backdrop {
border-color: darkgray; }
- .notebook.header {
+ notebook.header {
background-color: #d6d6d6; }
- .notebook.header.frame {
+ notebook.header.frame {
border: 1px solid #a1a1a1; }
- .notebook.header.frame.top {
+ notebook.header.frame.top {
border-bottom-width: 0; }
- .notebook.header.frame.bottom {
+ notebook.header.frame.bottom {
border-top-width: 0; }
- .notebook.header.frame.right {
+ notebook.header.frame.right {
border-left-width: 0; }
- .notebook.header.frame.left {
+ notebook.header.frame.left {
border-right-width: 0; }
- .notebook.header.frame:backdrop {
+ notebook.header.frame:backdrop {
border-color: darkgray; }
- .notebook.header.top {
+ notebook.header.top {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #a1a1a1; }
- .notebook.header.top:backdrop {
+ notebook.header.top:backdrop {
box-shadow: inset 0 -1px darkgray; }
- .notebook.header.bottom {
+ notebook.header.bottom {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #a1a1a1; }
- .notebook.header.bottom:backdrop {
+ notebook.header.bottom:backdrop {
box-shadow: inset 0 1px darkgray; }
- .notebook.header.right {
+ notebook.header.right {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #a1a1a1; }
- .notebook.header.right:backdrop {
+ notebook.header.right:backdrop {
box-shadow: inset 1px 0 darkgray; }
- .notebook.header.left {
+ notebook.header.left {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #a1a1a1; }
- .notebook.header.left:backdrop {
+ notebook.header.left:backdrop {
box-shadow: inset -1px 0 darkgray; }
- .notebook.header:backdrop {
+ notebook.header:backdrop {
background-color: #d5d5d5;
box-shadow: none; }
- .notebook tab {
+ notebook tab {
border-width: 0;
border-style: solid;
border-color: transparent;
@@ -2170,132 +2172,134 @@ column-header .titlebar .button.titlebutton,
}
}
*/ }
- .notebook tab.top, .notebook tab.bottom {
+ notebook tab.top, notebook tab.bottom {
padding: 8px 20px; }
- .notebook tab.left, .notebook tab.right {
+ notebook tab.left, notebook tab.right {
padding: 5px 20px; }
- .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
+ notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 12px;
border-left-width: 1px;
border-right-width: 1px; }
- .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
+ notebook tab.reorderable-page.left, notebook tab.reorderable-page.right {
border-bottom-width: 1px;
border-top-width: 1px; }
- .notebook tab.top {
+ notebook tab.top {
border-bottom-width: 3px; }
- .notebook tab.bottom {
+ notebook tab.bottom {
border-top-width: 3px; }
- .notebook tab.left {
+ notebook tab.left {
border-right-width: 3px; }
- .notebook tab.right {
+ notebook tab.right {
border-left-width: 3px; }
- .notebook tab:hover {
+ notebook tab:hover {
border-color: #a1a1a1; }
- .notebook tab:active, .notebook tab:backdrop:active {
+ notebook tab:active, notebook tab:backdrop:active {
border-color: #4a90d9; }
- .notebook tab:backdrop {
+ notebook tab:backdrop {
background-color: transparent;
border-color: transparent; }
- .notebook tab.reorderable-page.top {
+ notebook tab.reorderable-page.top {
border-color: transparent; }
- .notebook tab.reorderable-page.top:hover {
+ notebook tab.reorderable-page.top:hover {
border-color: rgba(161, 161, 161, 0.3);
border-bottom-color: #a1a1a1;
background-color: rgba(237, 237, 237, 0.2); }
- .notebook tab.reorderable-page.top:active {
+ notebook tab.reorderable-page.top:active {
background-color: rgba(237, 237, 237, 0.5);
border-color: rgba(161, 161, 161, 0.5);
border-bottom-color: #4a90d9; }
- .notebook tab.reorderable-page.top:active:hover {
+ notebook tab.reorderable-page.top:active:hover {
background-color: rgba(237, 237, 237, 0.7); }
- .notebook tab.reorderable-page.top:active:backdrop {
+ notebook tab.reorderable-page.top:active:backdrop {
border-color: darkgray;
background-color: #ededed;
border-bottom-color: #4a90d9; }
- .notebook tab.reorderable-page.top:backdrop {
+ notebook tab.reorderable-page.top:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab.reorderable-page.bottom {
+ notebook tab.reorderable-page.bottom {
border-color: transparent; }
- .notebook tab.reorderable-page.bottom:hover {
+ notebook tab.reorderable-page.bottom:hover {
border-color: rgba(161, 161, 161, 0.3);
border-top-color: #a1a1a1;
background-color: rgba(237, 237, 237, 0.2); }
- .notebook tab.reorderable-page.bottom:active {
+ notebook tab.reorderable-page.bottom:active {
background-color: rgba(237, 237, 237, 0.5);
border-color: rgba(161, 161, 161, 0.5);
border-top-color: #4a90d9; }
- .notebook tab.reorderable-page.bottom:active:hover {
+ notebook tab.reorderable-page.bottom:active:hover {
background-color: rgba(237, 237, 237, 0.7); }
- .notebook tab.reorderable-page.bottom:active:backdrop {
+ notebook tab.reorderable-page.bottom:active:backdrop {
border-color: darkgray;
background-color: #ededed;
border-top-color: #4a90d9; }
- .notebook tab.reorderable-page.bottom:backdrop {
+ notebook tab.reorderable-page.bottom:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab.reorderable-page.left {
+ notebook tab.reorderable-page.left {
border-color: transparent; }
- .notebook tab.reorderable-page.left:hover {
+ notebook tab.reorderable-page.left:hover {
border-color: rgba(161, 161, 161, 0.3);
border-right-color: #a1a1a1;
background-color: rgba(237, 237, 237, 0.2); }
- .notebook tab.reorderable-page.left:active {
+ notebook tab.reorderable-page.left:active {
background-color: rgba(237, 237, 237, 0.5);
border-color: rgba(161, 161, 161, 0.5);
border-right-color: #4a90d9; }
- .notebook tab.reorderable-page.left:active:hover {
+ notebook tab.reorderable-page.left:active:hover {
background-color: rgba(237, 237, 237, 0.7); }
- .notebook tab.reorderable-page.left:active:backdrop {
+ notebook tab.reorderable-page.left:active:backdrop {
border-color: darkgray;
background-color: #ededed;
border-right-color: #4a90d9; }
- .notebook tab.reorderable-page.left:backdrop {
+ notebook tab.reorderable-page.left:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab.reorderable-page.right {
+ notebook tab.reorderable-page.right {
border-color: transparent; }
- .notebook tab.reorderable-page.right:hover {
+ notebook tab.reorderable-page.right:hover {
border-color: rgba(161, 161, 161, 0.3);
border-left-color: #a1a1a1;
background-color: rgba(237, 237, 237, 0.2); }
- .notebook tab.reorderable-page.right:active {
+ notebook tab.reorderable-page.right:active {
background-color: rgba(237, 237, 237, 0.5);
border-color: rgba(161, 161, 161, 0.5);
border-left-color: #4a90d9; }
- .notebook tab.reorderable-page.right:active:hover {
+ notebook tab.reorderable-page.right:active:hover {
background-color: rgba(237, 237, 237, 0.7); }
- .notebook tab.reorderable-page.right:active:backdrop {
+ notebook tab.reorderable-page.right:active:backdrop {
border-color: darkgray;
background-color: #ededed;
border-left-color: #4a90d9; }
- .notebook tab.reorderable-page.right:backdrop {
+ notebook tab.reorderable-page.right:backdrop {
border-color: transparent;
background-color: transparent; }
- .notebook tab label {
+ notebook tab label {
padding: 0 2px;
font-weight: bold;
color: #8e9192; }
- .notebook tab label:backdrop {
+ notebook tab label:backdrop {
color: #abacad; }
- .notebook tab:hover label {
+ notebook tab:hover label {
color: #5e6364; }
- .notebook tab:hover label:backdrop {
+ notebook tab:hover label:backdrop {
color: #abacad; }
- .notebook tab:active label {
+ notebook tab:active label {
color: #2e3436; }
- .notebook tab:active label:backdrop {
+ notebook tab:active label:backdrop {
color: #8e9192; }
- .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab
.button.titlebutton,
- .notebook tab .titlebar .button.titlebutton,
- .titlebar .notebook tab .button.titlebutton {
+ notebook tab .button, notebook tab .header-bar .button.titlebutton, .header-bar notebook tab
.button.titlebutton,
+ notebook tab .titlebar .button.titlebutton,
+ .titlebar notebook tab .button.titlebutton {
padding: 0;
border: 1px solid transparent;
icon-shadow: none;
transition: none;
color: rgba(46, 52, 54, 0.3); }
- .notebook tab .button:hover {
+ notebook tab .button:hover, notebook tab .header-bar .button.titlebutton:hover, .header-bar notebook
tab .button.titlebutton:hover,
+ notebook tab .titlebar .button.titlebutton:hover,
+ .titlebar notebook tab .button.titlebutton:hover {
color: #2e3436;
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
@@ -2306,7 +2310,9 @@ column-header .titlebar .button.titlebutton,
box-shadow: inset 0 1px white;
background-image: none;
box-shadow: none; }
- .notebook tab .button:active {
+ notebook tab .button:active, notebook tab .header-bar .button.titlebutton:active, .header-bar notebook
tab .button.titlebutton:active,
+ notebook tab .titlebar .button.titlebutton:active,
+ .titlebar notebook tab .button.titlebutton:active {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #a1a1a1;
@@ -2314,24 +2320,26 @@ column-header .titlebar .button.titlebutton,
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
- .notebook tab .button:backdrop {
+ notebook tab .button:backdrop, notebook tab .header-bar .button.titlebutton:backdrop, .header-bar
notebook tab .button.titlebutton:backdrop,
+ notebook tab .titlebar .button.titlebutton:backdrop,
+ .titlebar notebook tab .button.titlebutton:backdrop {
color: rgba(142, 145, 146, 0.3);
border-color: transparent; }
- .notebook tab .button > image, .notebook tab .header-bar .button.titlebutton > image, .header-bar
.notebook tab .button.titlebutton > image,
- .notebook tab .titlebar .button.titlebutton > image,
- .titlebar .notebook tab .button.titlebutton > image {
+ notebook tab .button > image, notebook tab .header-bar .button.titlebutton > image, .header-bar
notebook tab .button.titlebutton > image,
+ notebook tab .titlebar .button.titlebutton > image,
+ .titlebar notebook tab .button.titlebutton > image {
padding: 2px; }
- .notebook.arrow {
+ notebook.arrow {
color: #8e9192; }
- .notebook.arrow:hover {
+ notebook.arrow:hover {
color: #5e6364; }
- .notebook.arrow:active {
+ notebook.arrow:active {
color: #2e3436; }
- .notebook.arrow:insensitive {
+ notebook.arrow:insensitive {
color: rgba(142, 145, 146, 0.3); }
- .notebook.arrow:backdrop {
+ notebook.arrow:backdrop {
color: rgba(142, 145, 146, 0.4); }
- .notebook.arrow:backdrop:insensitive {
+ notebook.arrow:backdrop:insensitive {
color: #c7c7c7; }
/**************
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
