From e2bd5989d463c7e7c66b12d0bd7e552d8e017a6a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: update notebook styling --- common/gtk-3.0/3.20/gtk-dark.css | 162 +++++++++++++++++++-------------------- 1 file changed, 77 insertions(+), 85 deletions(-) (limited to 'common/gtk-3.0/3.20/gtk-dark.css') diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 61b22c1..996754a 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -746,7 +746,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b 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 tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.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, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1624,17 +1624,8 @@ notebook { notebook.frame { border: 1px solid #2b2e39; } notebook header { + padding: 2px; background-color: #383C4A; } - .frame notebook header { - border: 0px solid #2b2e39; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #2b2e39; } notebook header.bottom { @@ -1643,72 +1634,66 @@ notebook { box-shadow: inset 1px 0 #2b2e39; } notebook header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #404552; - box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.right tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } - notebook header.left tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top { + padding-bottom: 0; } + 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 { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + 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 { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + 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 { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + 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 { + padding-left: 12px; + padding-right: 12px; } 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 { + margin-left: 2px; } 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 { + margin-right: 2px; } 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 { + margin-top: 2px; } 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 { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(211, 218, 227, 0.45); } notebook header tabs arrow:hover { @@ -1717,22 +1702,29 @@ notebook { color: #D3DAE3; } notebook header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook tab label { - padding: 0 2px; - color: rgba(211, 218, 227, 0.45); } - notebook tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook tab:active label { - color: #D3DAE3; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #9da3ad; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(64, 69, 82, 0); } + notebook header tab label { + color: rgba(211, 218, 227, 0.45); } + notebook header tab:hover { + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook header tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook header tab:active { + background-color: #404552; + border-color: #2b2e39; } + notebook header tab:active label { + color: #D3DAE3; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; -- cgit v1.2.3