From 61e1597a65115381291866f67d30492a24840c8f Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: notebook: use child selector --- common/gtk-3.0/3.20/gtk-dark.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-darker.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/sass/_common.scss | 2 +- 7 files changed, 235 insertions(+), 235 deletions(-) (limited to 'common/gtk-3.0/3.20') diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 8a8bf33..fea25da 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -661,7 +661,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1512,107 +1512,107 @@ notebook { border: 1px solid #2b2e39; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #383C4A; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #2b2e39; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #2b2e39; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook header.top tabs arrow.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook header.left tabs arrow.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(211, 218, 227, 0.45); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(211, 218, 227, 0.725); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #D3DAE3; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook header tab { + notebook > header tab { background-color: rgba(64, 69, 82, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(211, 218, 227, 0.45); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(64, 69, 82, 0.5); border-color: #2b2e39; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(211, 218, 227, 0.725); } - notebook header tab:active { + notebook > header tab:active { background-color: #404552; border-color: #2b2e39; } - notebook header tab:active label { + notebook > header tab:active label { color: #D3DAE3; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #9da3ad; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 99f39ae..91c79e8 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1511,107 +1511,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook header.top tabs arrow.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook header.left tabs arrow.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index ef8fefd..943b320 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -661,7 +661,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1512,107 +1512,107 @@ notebook { border: 1px solid #2b2e39; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #383C4A; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #2b2e39; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #2b2e39; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook header.top tabs arrow.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook header.left tabs arrow.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(211, 218, 227, 0.45); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(211, 218, 227, 0.725); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #D3DAE3; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook header tab { + notebook > header tab { background-color: rgba(64, 69, 82, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(211, 218, 227, 0.45); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(64, 69, 82, 0.5); border-color: #2b2e39; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(211, 218, 227, 0.725); } - notebook header tab:active { + notebook > header tab:active { background-color: #404552; border-color: #2b2e39; } - notebook header tab:active label { + notebook > header tab:active label { color: #D3DAE3; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #9da3ad; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 5e78d26..05e6165 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1511,107 +1511,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook header.top tabs arrow.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook header.left tabs arrow.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 4bcf4ae..dc743e6 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1515,107 +1515,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook header.top tabs arrow.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook header.left tabs arrow.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 1975e55..96e18c3 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1515,107 +1515,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook header.top tabs arrow.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook header.left tabs arrow.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 4eb1625..af5935f 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1600,7 +1600,7 @@ notebook { header { margin: -1px; } // ugly hack to hide the borders around the header } - header { + > header { $vpadding: 4px; $hpadding: 15px; padding: 3px; -- cgit v1.2.3