1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

update notebook styling

This commit is contained in:
Horst3180 2016-02-19 11:06:17 +01:00
parent 2319f5dcc2
commit e2bd5989d4
7 changed files with 519 additions and 597 deletions

View File

@ -746,7 +746,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b
menuitem.button.flat, 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, 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; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1624,17 +1624,8 @@ notebook {
notebook.frame { notebook.frame {
border: 1px solid #2b2e39; } border: 1px solid #2b2e39; }
notebook header { notebook header {
padding: 2px;
background-color: #383C4A; } 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 { notebook header.top {
box-shadow: inset 0 -1px #2b2e39; } box-shadow: inset 0 -1px #2b2e39; }
notebook header.bottom { notebook header.bottom {
@ -1643,72 +1634,66 @@ notebook {
box-shadow: inset 1px 0 #2b2e39; } box-shadow: inset 1px 0 #2b2e39; }
notebook header.left { notebook header.left {
box-shadow: inset -1px 0 #2b2e39; } box-shadow: inset -1px 0 #2b2e39; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab { notebook header.top tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-top: 2px solid transparent; border: 1px solid transparent;
padding-top: 6px; border-bottom: none;
border-radius: 3.5px 2px 0 0; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.top tab:hover { notebook header.bottom {
background-color: rgba(64, 69, 82, 0.5); padding-top: 0; }
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 { notebook header.bottom tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-bottom: 2px solid transparent; border: 1px solid transparent;
padding-bottom: 6px; border-top: none;
border-radius: 0 0 2px 3.5px; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.bottom tab:hover { notebook header.right {
background-color: rgba(64, 69, 82, 0.5); padding-left: 0; }
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 { notebook header.right tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-right: 2px solid transparent; border: 1px solid transparent;
padding-right: 17px; border-left: none;
border-radius: 0 3.5px 3.5px 0; } margin-bottom: -1px;
notebook header.right tab:hover { border-radius: 0 1px 1px 0; }
background-color: rgba(64, 69, 82, 0.5); notebook header.right tab.reorderable-page {
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } padding-left: 12px;
notebook header.right tab:active, notebook header.right tab:active:hover { padding-right: 12px; }
background-color: #404552; notebook header.left {
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } padding-right: 0; }
notebook header.left tab { notebook header.left tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-left: 2px solid transparent; border: 1px solid transparent;
padding-left: 17px; border-right: none;
border-radius: 3.5px 0 0 3.5px; } margin-bottom: -1px;
notebook header.left tab:hover { border-radius: 1px 0 0 1px; }
background-color: rgba(64, 69, 82, 0.5); notebook header.left tab.reorderable-page {
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } padding-left: 12px;
notebook header.left tab:active, notebook header.left tab:active:hover { padding-right: 12px; }
background-color: #404552;
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; }
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"); } -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 { notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -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 { notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -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 { notebook header.left tabs arrow.down, notebook header.right tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -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 { notebook header tabs arrow {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
notebook header tabs arrow:hover { notebook header tabs arrow:hover {
@ -1717,21 +1702,28 @@ notebook {
color: #D3DAE3; } color: #D3DAE3; }
notebook header tabs arrow:disabled { notebook header tabs arrow:disabled {
color: rgba(211, 218, 227, 0.15); } color: rgba(211, 218, 227, 0.15); }
notebook tab label { notebook header tab {
padding: 0 2px; background-color: rgba(64, 69, 82, 0); }
notebook header tab label {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
notebook tab:hover label { 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); } color: rgba(211, 218, 227, 0.725); }
notebook tab:active label { notebook header tab:active {
background-color: #404552;
border-color: #2b2e39; }
notebook header tab:active label {
color: #D3DAE3; } color: #D3DAE3; }
notebook tab button { notebook header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #9da3ad; } color: #9da3ad; }
notebook tab button:hover { notebook header tab button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook tab button:active, notebook tab button:active:hover { notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {

View File

@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b
menuitem.button.flat, 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, 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; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1627,17 +1627,8 @@ notebook {
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook header { notebook header {
padding: 2px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
.frame notebook header {
border: 0px solid #dcdfe3; }
.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 { notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; } box-shadow: inset 0 -1px #dcdfe3; }
notebook header.bottom { notebook header.bottom {
@ -1646,72 +1637,66 @@ notebook {
box-shadow: inset 1px 0 #dcdfe3; } box-shadow: inset 1px 0 #dcdfe3; }
notebook header.left { notebook header.left {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab { notebook header.top tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-top: 2px solid transparent; border: 1px solid transparent;
padding-top: 6px; border-bottom: none;
border-radius: 3.5px 2px 0 0; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.top tab:hover { notebook header.bottom {
background-color: rgba(255, 255, 255, 0.5); padding-top: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.top tab:active, notebook header.top tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab { notebook header.bottom tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-bottom: 2px solid transparent; border: 1px solid transparent;
padding-bottom: 6px; border-top: none;
border-radius: 0 0 2px 3.5px; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.bottom tab:hover { notebook header.right {
background-color: rgba(255, 255, 255, 0.5); padding-left: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab:active, notebook header.bottom tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.right tab { notebook header.right tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-right: 2px solid transparent; border: 1px solid transparent;
padding-right: 17px; border-left: none;
border-radius: 0 3.5px 3.5px 0; } margin-bottom: -1px;
notebook header.right tab:hover { border-radius: 0 1px 1px 0; }
background-color: rgba(255, 255, 255, 0.5); notebook header.right tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.right tab:active, notebook header.right tab:active:hover { padding-right: 12px; }
background-color: #ffffff; notebook header.left {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } padding-right: 0; }
notebook header.left tab { notebook header.left tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-left: 2px solid transparent; border: 1px solid transparent;
padding-left: 17px; border-right: none;
border-radius: 3.5px 0 0 3.5px; } margin-bottom: -1px;
notebook header.left tab:hover { border-radius: 1px 0 0 1px; }
background-color: rgba(255, 255, 255, 0.5); notebook header.left tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.left tab:active, notebook header.left tab:active:hover { padding-right: 12px; }
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; }
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"); } -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 { notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -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 { notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -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 { notebook header.left tabs arrow.down, notebook header.right tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -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 { notebook header tabs arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook header tabs arrow:hover { notebook header tabs arrow:hover {
@ -1720,21 +1705,28 @@ notebook {
color: #5c616c; } color: #5c616c; }
notebook header tabs arrow:disabled { notebook header tabs arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook tab label { notebook header tab {
padding: 0 2px; background-color: rgba(255, 255, 255, 0); }
notebook header tab label {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook tab:hover label { notebook header tab:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; }
notebook header tab:hover label {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook tab:active label { notebook header tab:active {
background-color: #ffffff;
border-color: #dcdfe3; }
notebook header tab:active label {
color: #5c616c; } color: #5c616c; }
notebook tab button { notebook header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook tab button:hover { notebook header tab button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook tab button:active, notebook tab button:active:hover { notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {

View File

@ -746,7 +746,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b
menuitem.button.flat, 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, 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; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1624,17 +1624,8 @@ notebook {
notebook.frame { notebook.frame {
border: 1px solid #2b2e39; } border: 1px solid #2b2e39; }
notebook header { notebook header {
padding: 2px;
background-color: #383C4A; } 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 { notebook header.top {
box-shadow: inset 0 -1px #2b2e39; } box-shadow: inset 0 -1px #2b2e39; }
notebook header.bottom { notebook header.bottom {
@ -1643,72 +1634,66 @@ notebook {
box-shadow: inset 1px 0 #2b2e39; } box-shadow: inset 1px 0 #2b2e39; }
notebook header.left { notebook header.left {
box-shadow: inset -1px 0 #2b2e39; } box-shadow: inset -1px 0 #2b2e39; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab { notebook header.top tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-top: 2px solid transparent; border: 1px solid transparent;
padding-top: 6px; border-bottom: none;
border-radius: 3.5px 2px 0 0; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.top tab:hover { notebook header.bottom {
background-color: rgba(64, 69, 82, 0.5); padding-top: 0; }
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 { notebook header.bottom tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-bottom: 2px solid transparent; border: 1px solid transparent;
padding-bottom: 6px; border-top: none;
border-radius: 0 0 2px 3.5px; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.bottom tab:hover { notebook header.right {
background-color: rgba(64, 69, 82, 0.5); padding-left: 0; }
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 { notebook header.right tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-right: 2px solid transparent; border: 1px solid transparent;
padding-right: 17px; border-left: none;
border-radius: 0 3.5px 3.5px 0; } margin-bottom: -1px;
notebook header.right tab:hover { border-radius: 0 1px 1px 0; }
background-color: rgba(64, 69, 82, 0.5); notebook header.right tab.reorderable-page {
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } padding-left: 12px;
notebook header.right tab:active, notebook header.right tab:active:hover { padding-right: 12px; }
background-color: #404552; notebook header.left {
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } padding-right: 0; }
notebook header.left tab { notebook header.left tab {
border-width: 0;
background-color: rgba(64, 69, 82, 0);
padding: 4px 15px; padding: 4px 15px;
border-left: 2px solid transparent; border: 1px solid transparent;
padding-left: 17px; border-right: none;
border-radius: 3.5px 0 0 3.5px; } margin-bottom: -1px;
notebook header.left tab:hover { border-radius: 1px 0 0 1px; }
background-color: rgba(64, 69, 82, 0.5); notebook header.left tab.reorderable-page {
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } padding-left: 12px;
notebook header.left tab:active, notebook header.left tab:active:hover { padding-right: 12px; }
background-color: #404552;
box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; }
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"); } -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 { notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -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 { notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -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 { notebook header.left tabs arrow.down, notebook header.right tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -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 { notebook header tabs arrow {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
notebook header tabs arrow:hover { notebook header tabs arrow:hover {
@ -1717,21 +1702,28 @@ notebook {
color: #D3DAE3; } color: #D3DAE3; }
notebook header tabs arrow:disabled { notebook header tabs arrow:disabled {
color: rgba(211, 218, 227, 0.15); } color: rgba(211, 218, 227, 0.15); }
notebook tab label { notebook header tab {
padding: 0 2px; background-color: rgba(64, 69, 82, 0); }
notebook header tab label {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
notebook tab:hover label { 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); } color: rgba(211, 218, 227, 0.725); }
notebook tab:active label { notebook header tab:active {
background-color: #404552;
border-color: #2b2e39; }
notebook header tab:active label {
color: #D3DAE3; } color: #D3DAE3; }
notebook tab button { notebook header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #9da3ad; } color: #9da3ad; }
notebook tab button:hover { notebook header tab button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook tab button:active, notebook tab button:active:hover { notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {

View File

@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b
menuitem.button.flat, 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, 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; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1627,17 +1627,8 @@ notebook {
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook header { notebook header {
padding: 2px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
.frame notebook header {
border: 0px solid #dcdfe3; }
.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 { notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; } box-shadow: inset 0 -1px #dcdfe3; }
notebook header.bottom { notebook header.bottom {
@ -1646,72 +1637,66 @@ notebook {
box-shadow: inset 1px 0 #dcdfe3; } box-shadow: inset 1px 0 #dcdfe3; }
notebook header.left { notebook header.left {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab { notebook header.top tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-top: 2px solid transparent; border: 1px solid transparent;
padding-top: 6px; border-bottom: none;
border-radius: 3.5px 2px 0 0; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.top tab:hover { notebook header.bottom {
background-color: rgba(255, 255, 255, 0.5); padding-top: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.top tab:active, notebook header.top tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab { notebook header.bottom tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-bottom: 2px solid transparent; border: 1px solid transparent;
padding-bottom: 6px; border-top: none;
border-radius: 0 0 2px 3.5px; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.bottom tab:hover { notebook header.right {
background-color: rgba(255, 255, 255, 0.5); padding-left: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab:active, notebook header.bottom tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.right tab { notebook header.right tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-right: 2px solid transparent; border: 1px solid transparent;
padding-right: 17px; border-left: none;
border-radius: 0 3.5px 3.5px 0; } margin-bottom: -1px;
notebook header.right tab:hover { border-radius: 0 1px 1px 0; }
background-color: rgba(255, 255, 255, 0.5); notebook header.right tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.right tab:active, notebook header.right tab:active:hover { padding-right: 12px; }
background-color: #ffffff; notebook header.left {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } padding-right: 0; }
notebook header.left tab { notebook header.left tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-left: 2px solid transparent; border: 1px solid transparent;
padding-left: 17px; border-right: none;
border-radius: 3.5px 0 0 3.5px; } margin-bottom: -1px;
notebook header.left tab:hover { border-radius: 1px 0 0 1px; }
background-color: rgba(255, 255, 255, 0.5); notebook header.left tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.left tab:active, notebook header.left tab:active:hover { padding-right: 12px; }
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; }
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"); } -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 { notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -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 { notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -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 { notebook header.left tabs arrow.down, notebook header.right tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -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 { notebook header tabs arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook header tabs arrow:hover { notebook header tabs arrow:hover {
@ -1720,21 +1705,28 @@ notebook {
color: #5c616c; } color: #5c616c; }
notebook header tabs arrow:disabled { notebook header tabs arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook tab label { notebook header tab {
padding: 0 2px; background-color: rgba(255, 255, 255, 0); }
notebook header tab label {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook tab:hover label { notebook header tab:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; }
notebook header tab:hover label {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook tab:active label { notebook header tab:active {
background-color: #ffffff;
border-color: #dcdfe3; }
notebook header tab:active label {
color: #5c616c; } color: #5c616c; }
notebook tab button { notebook header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook tab button:hover { notebook header tab button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook tab button:active, notebook tab button:active:hover { notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {

View File

@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b
menuitem.button.flat, 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, 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; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1631,17 +1631,8 @@ notebook {
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook header { notebook header {
padding: 2px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
.frame notebook header {
border: 0px solid #dcdfe3; }
.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 { notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; } box-shadow: inset 0 -1px #dcdfe3; }
notebook header.bottom { notebook header.bottom {
@ -1650,72 +1641,66 @@ notebook {
box-shadow: inset 1px 0 #dcdfe3; } box-shadow: inset 1px 0 #dcdfe3; }
notebook header.left { notebook header.left {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab { notebook header.top tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-top: 2px solid transparent; border: 1px solid transparent;
padding-top: 6px; border-bottom: none;
border-radius: 3.5px 2px 0 0; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.top tab:hover { notebook header.bottom {
background-color: rgba(255, 255, 255, 0.5); padding-top: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.top tab:active, notebook header.top tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab { notebook header.bottom tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-bottom: 2px solid transparent; border: 1px solid transparent;
padding-bottom: 6px; border-top: none;
border-radius: 0 0 2px 3.5px; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.bottom tab:hover { notebook header.right {
background-color: rgba(255, 255, 255, 0.5); padding-left: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab:active, notebook header.bottom tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.right tab { notebook header.right tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-right: 2px solid transparent; border: 1px solid transparent;
padding-right: 17px; border-left: none;
border-radius: 0 3.5px 3.5px 0; } margin-bottom: -1px;
notebook header.right tab:hover { border-radius: 0 1px 1px 0; }
background-color: rgba(255, 255, 255, 0.5); notebook header.right tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.right tab:active, notebook header.right tab:active:hover { padding-right: 12px; }
background-color: #ffffff; notebook header.left {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } padding-right: 0; }
notebook header.left tab { notebook header.left tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-left: 2px solid transparent; border: 1px solid transparent;
padding-left: 17px; border-right: none;
border-radius: 3.5px 0 0 3.5px; } margin-bottom: -1px;
notebook header.left tab:hover { border-radius: 1px 0 0 1px; }
background-color: rgba(255, 255, 255, 0.5); notebook header.left tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.left tab:active, notebook header.left tab:active:hover { padding-right: 12px; }
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; }
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"); } -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 { notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -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 { notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -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 { notebook header.left tabs arrow.down, notebook header.right tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -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 { notebook header tabs arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook header tabs arrow:hover { notebook header tabs arrow:hover {
@ -1724,21 +1709,28 @@ notebook {
color: #5c616c; } color: #5c616c; }
notebook header tabs arrow:disabled { notebook header tabs arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook tab label { notebook header tab {
padding: 0 2px; background-color: rgba(255, 255, 255, 0); }
notebook header tab label {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook tab:hover label { notebook header tab:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; }
notebook header tab:hover label {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook tab:active label { notebook header tab:active {
background-color: #ffffff;
border-color: #dcdfe3; }
notebook header tab:active label {
color: #5c616c; } color: #5c616c; }
notebook tab button { notebook header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook tab button:hover { notebook header tab button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook tab button:active, notebook tab button:active:hover { notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {

View File

@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b
menuitem.button.flat, 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, 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; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1631,17 +1631,8 @@ notebook {
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook header { notebook header {
padding: 2px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
.frame notebook header {
border: 0px solid #dcdfe3; }
.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 { notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; } box-shadow: inset 0 -1px #dcdfe3; }
notebook header.bottom { notebook header.bottom {
@ -1650,72 +1641,66 @@ notebook {
box-shadow: inset 1px 0 #dcdfe3; } box-shadow: inset 1px 0 #dcdfe3; }
notebook header.left { notebook header.left {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab { notebook header.top tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-top: 2px solid transparent; border: 1px solid transparent;
padding-top: 6px; border-bottom: none;
border-radius: 3.5px 2px 0 0; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.top tab:hover { notebook header.bottom {
background-color: rgba(255, 255, 255, 0.5); padding-top: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.top tab:active, notebook header.top tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab { notebook header.bottom tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-bottom: 2px solid transparent; border: 1px solid transparent;
padding-bottom: 6px; border-top: none;
border-radius: 0 0 2px 3.5px; } 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-left: 12px;
padding-right: 12px; } padding-right: 12px; }
notebook header.bottom tab:hover { notebook header.right {
background-color: rgba(255, 255, 255, 0.5); padding-left: 0; }
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.bottom tab:active, notebook header.bottom tab:active:hover {
background-color: #ffffff;
box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; }
notebook header.right tab { notebook header.right tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-right: 2px solid transparent; border: 1px solid transparent;
padding-right: 17px; border-left: none;
border-radius: 0 3.5px 3.5px 0; } margin-bottom: -1px;
notebook header.right tab:hover { border-radius: 0 1px 1px 0; }
background-color: rgba(255, 255, 255, 0.5); notebook header.right tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.right tab:active, notebook header.right tab:active:hover { padding-right: 12px; }
background-color: #ffffff; notebook header.left {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } padding-right: 0; }
notebook header.left tab { notebook header.left tab {
border-width: 0;
background-color: rgba(255, 255, 255, 0);
padding: 4px 15px; padding: 4px 15px;
border-left: 2px solid transparent; border: 1px solid transparent;
padding-left: 17px; border-right: none;
border-radius: 3.5px 0 0 3.5px; } margin-bottom: -1px;
notebook header.left tab:hover { border-radius: 1px 0 0 1px; }
background-color: rgba(255, 255, 255, 0.5); notebook header.left tab.reorderable-page {
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } padding-left: 12px;
notebook header.left tab:active, notebook header.left tab:active:hover { padding-right: 12px; }
background-color: #ffffff;
box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; }
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"); } -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 { notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -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 { notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -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 { notebook header.left tabs arrow.down, notebook header.right tabs arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -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 { notebook header tabs arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook header tabs arrow:hover { notebook header tabs arrow:hover {
@ -1724,21 +1709,28 @@ notebook {
color: #5c616c; } color: #5c616c; }
notebook header tabs arrow:disabled { notebook header tabs arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook tab label { notebook header tab {
padding: 0 2px; background-color: rgba(255, 255, 255, 0); }
notebook header tab label {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook tab:hover label { notebook header tab:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; }
notebook header tab:hover label {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook tab:active label { notebook header tab:active {
background-color: #ffffff;
border-color: #dcdfe3; }
notebook header tab:active label {
color: #5c616c; } color: #5c616c; }
notebook tab button { notebook header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook tab button:hover { notebook header tab button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook tab button:active, notebook tab button:active:hover { notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {

View File

@ -1785,106 +1785,71 @@ notebook {
background-color: $base_color; background-color: $base_color;
transition: all 200ms $ease-out-quad; transition: all 200ms $ease-out-quad;
&.frame { &.frame { border: 1px solid $borders_color; }
border: 1px solid $borders_color;
}
header { header {
// tab sizing
$vpadding: 4px; $vpadding: 4px;
$hpadding: 15px; $hpadding: 15px;
padding: 2px;
background-color: $bg_color; background-color: $bg_color;
.frame & {
border: 0px solid $borders_color;
&.top { border-bottom-width: 0; }
&.bottom { border-top-width: 0; }
&.right { border-left-width: 0; }
&.left { border-right-width: 0; }
}
$_header_border: $borders_color; $_header_border: $borders_color;
// FIXME use borders and margins
&.top { box-shadow: inset 0 -1px $_header_border; } &.top { box-shadow: inset 0 -1px $_header_border; }
&.bottom { box-shadow: inset 0 1px $_header_border; } &.bottom { box-shadow: inset 0 1px $_header_border; }
&.right { box-shadow: inset 1px 0 $_header_border; } &.right { box-shadow: inset 1px 0 $_header_border; }
&.left { box-shadow: inset -1px 0 $_header_border; } &.left { box-shadow: inset -1px 0 $_header_border; }
@each $_pos in (top, bottom, right, left) { @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) {
&.#{$_pos} tab {
border-width: 0; &.#{$_pos} {
background-color: transparentize($base_color, 1); padding-#{$_bpos}: 0;
tab {
padding: $vpadding $hpadding; padding: $vpadding $hpadding;
border: 1px solid transparent;
border-#{$_pos}: 2px solid transparent; border-#{$_bpos}: none;
@if $_pos==top or $_pos==bottom {
padding-#{$_pos}: $vpadding + 2;
&.reorderable-page { &.reorderable-page {
padding-left: 12px; // for a nicer close button padding-left: 12px; // for a nicer close button
padding-right: 12px; // placement padding-right: 12px; // placement
} }
}
@else if $_pos==left or $_pos==right { // Tab overlap
padding-#{$_pos}: $hpadding + 2; // FIXME @if $_pos==top or $_pos==bottom { margin-right: -1px; }
@else { margin-bottom: -1px; }
} // Tab border radius
@if $_pos==top { border-radius: 1px 1px 0 0; }
@if $_pos==top { border-radius: 3.5px 2px 0 0; } @else if $_pos==bottom { border-radius: 0 0 1px 1px; }
@else if $_pos==bottom { border-radius: 0 0 2px 3.5px; } @else if $_pos==left { border-radius: 1px 0 0 1px; }
@else if $_pos==left { border-radius: 3.5px 0 0 3.5px; } @else if $_pos==right { border-radius: 0 1px 1px 0; }
@else if $_pos==right { border-radius: 0 3.5px 3.5px 0; }
&:hover {
background-color: transparentize($base_color, 0.5);
box-shadow: inset 0 1px $borders_color,
inset 0 -1px $borders_color,
inset 1px 0 $borders_color,
inset -1px 0 $borders_color;
}
&:active, &:active:hover {
background-color: $base_color;
@if $_pos==top {
box-shadow: inset 0 1px $borders_color,
inset 0 -1px $base_color,
inset 1px 0 $borders_color,
inset -1px 0 $borders_color;
}
@else if $_pos==bottom {
box-shadow: inset 0 -1px $base_color,
inset 0 -1px $borders_color,
inset 1px 0 $borders_color,
inset -1px 0 $borders_color;
}
@else if $_pos==left {
box-shadow: inset 0 1px $borders_color,
inset 0 -1px $borders_color,
inset 1px 0 $borders_color,
inset -1px 0 $base_color;
}
@else if $_pos==right {
box-shadow: inset 0 1px $borders_color,
inset 0 -1px $borders_color,
inset 1px 0 $base_color,
inset -1px 0 $borders_color;
}
} }
} }
} }
&.top, &.bottom { &.top, &.bottom {
& tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } tabs arrow.up {
& tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:last-child { margin-left: 2px; }
}
tabs arrow.down {
-gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
&:first-child { margin-right: 2px; }
}
} }
&.left, &.right { &.left, &.right {
& tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } tabs arrow.up {
& tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
&:last-child { margin-top: 2px; }
} }
& tabs arrow { tabs arrow.down {
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
&:first-child { margin-bottom: 2px; }
}
}
tabs arrow {
color: $insensitive_fg_color; color: $insensitive_fg_color;
&:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); }
@ -1893,20 +1858,25 @@ notebook {
} }
} }
tab { header tab {
label { //tab text background-color: transparentize($base_color, 1);
padding: 0 2px; // needed for a nicer focus ring
color: $insensitive_fg_color; label { color: $insensitive_fg_color; }
&:hover {
background-color: transparentize($base_color, 0.5);
border-color: $borders_color;
label { color: mix($fg_color, $insensitive_fg_color, 50%); }
} }
&:hover label { &:active {
// prelight tab text background-color: $base_color;
color: mix($fg_color, $insensitive_fg_color, 50%); border-color: $borders_color;
label { color: $fg_color; }
} }
&:active label {
// active tab text button { // close button
color: $fg_color;
}
button { //tab close button
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;