Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

notebook fixes

Browse Source
This commit is contained in:
Horst3180 2016-04-06 00:04:04 +02:00
parent 3a41c93ff4
commit 46a232eff8
7 changed files with 155 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -1628,6 +1628,12 @@ notebook {
border: 1px solid #2b2e39; } border: 1px solid #2b2e39; }
notebook.frame > header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
notebook.frame > header.left, notebook.frame > header.right {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #404552; } background-color: #404552; }
notebook > header { notebook > header {
@ -1650,8 +1656,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top > tabs > tab + tab {
margin-left: -1px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
@ -1661,8 +1668,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom > tabs > tab + tab {
margin-left: -1px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
@ -1672,8 +1680,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right > tabs > tab + tab {
margin-top: -1px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
@ -1683,8 +1692,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left > tabs > tab + tab {
margin-top: -1px; }
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 { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1709,14 +1719,21 @@ 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 > header.top > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 -1px #2b2e39; }
notebook > header.bottom > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 1px #2b2e39; }
notebook > header.left > tabs > tab:hover:not(:checked) {
box-shadow: inset -1px 0 #2b2e39; }
notebook > header.right > tabs > tab:hover:not(:checked) {
box-shadow: inset 1px 0 #2b2e39; }
notebook > header > tabs > tab { notebook > header > tabs > tab {
color: rgba(211, 218, 227, 0.45); color: rgba(211, 218, 227, 0.45);
background-color: rgba(64, 69, 82, 0); } background-color: rgba(64, 69, 82, 0); }
notebook > header > tabs > tab:hover:not(:checked) { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(211, 218, 227, 0.725); color: rgba(211, 218, 227, 0.725);
background-color: rgba(64, 69, 82, 0.5); background-color: rgba(64, 69, 82, 0.5);
border-color: #2b2e39; border-color: #2b2e39; }
box-shadow: inset 0 -1px #2b2e39; }
notebook > header > tabs > tab:checked { notebook > header > tabs > tab:checked {
color: #D3DAE3; color: #D3DAE3;
background-color: #404552; background-color: #404552;

29
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -1627,6 +1627,12 @@ notebook {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame > header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
notebook.frame > header.left, notebook.frame > header.right {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #ffffff; } background-color: #ffffff; }
notebook > header { notebook > header {
@ -1649,8 +1655,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top > tabs > tab + tab {
margin-left: -1px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
@ -1660,8 +1667,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom > tabs > tab + tab {
margin-left: -1px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
@ -1671,8 +1679,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right > tabs > tab + tab {
margin-top: -1px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
@ -1682,8 +1691,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left > tabs > tab + tab {
margin-top: -1px; }
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 { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1708,14 +1718,21 @@ 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 > header.top > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header.bottom > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 1px #dcdfe3; }
notebook > header.left > tabs > tab:hover:not(:checked) {
box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.right > tabs > tab:hover:not(:checked) {
box-shadow: inset 1px 0 #dcdfe3; }
notebook > header > tabs > tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header > tabs > tab:hover:not(:checked) { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.775); color: rgba(92, 97, 108, 0.775);
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; border-color: #dcdfe3; }
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header > tabs > tab:checked { notebook > header > tabs > tab:checked {
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;

29
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -1628,6 +1628,12 @@ notebook {
border: 1px solid #2b2e39; } border: 1px solid #2b2e39; }
notebook.frame > header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
notebook.frame > header.left, notebook.frame > header.right {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #404552; } background-color: #404552; }
notebook > header { notebook > header {
@ -1650,8 +1656,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top > tabs > tab + tab {
margin-left: -1px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
@ -1661,8 +1668,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom > tabs > tab + tab {
margin-left: -1px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
@ -1672,8 +1680,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right > tabs > tab + tab {
margin-top: -1px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
@ -1683,8 +1692,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left > tabs > tab + tab {
margin-top: -1px; }
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 { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1709,14 +1719,21 @@ 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 > header.top > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 -1px #2b2e39; }
notebook > header.bottom > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 1px #2b2e39; }
notebook > header.left > tabs > tab:hover:not(:checked) {
box-shadow: inset -1px 0 #2b2e39; }
notebook > header.right > tabs > tab:hover:not(:checked) {
box-shadow: inset 1px 0 #2b2e39; }
notebook > header > tabs > tab { notebook > header > tabs > tab {
color: rgba(211, 218, 227, 0.45); color: rgba(211, 218, 227, 0.45);
background-color: rgba(64, 69, 82, 0); } background-color: rgba(64, 69, 82, 0); }
notebook > header > tabs > tab:hover:not(:checked) { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(211, 218, 227, 0.725); color: rgba(211, 218, 227, 0.725);
background-color: rgba(64, 69, 82, 0.5); background-color: rgba(64, 69, 82, 0.5);
border-color: #2b2e39; border-color: #2b2e39; }
box-shadow: inset 0 -1px #2b2e39; }
notebook > header > tabs > tab:checked { notebook > header > tabs > tab:checked {
color: #D3DAE3; color: #D3DAE3;
background-color: #404552; background-color: #404552;

29
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -1627,6 +1627,12 @@ notebook {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame > header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
notebook.frame > header.left, notebook.frame > header.right {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #ffffff; } background-color: #ffffff; }
notebook > header { notebook > header {
@ -1649,8 +1655,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top > tabs > tab + tab {
margin-left: -1px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
@ -1660,8 +1667,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom > tabs > tab + tab {
margin-left: -1px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
@ -1671,8 +1679,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right > tabs > tab + tab {
margin-top: -1px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
@ -1682,8 +1691,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left > tabs > tab + tab {
margin-top: -1px; }
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 { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1708,14 +1718,21 @@ 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 > header.top > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header.bottom > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 1px #dcdfe3; }
notebook > header.left > tabs > tab:hover:not(:checked) {
box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.right > tabs > tab:hover:not(:checked) {
box-shadow: inset 1px 0 #dcdfe3; }
notebook > header > tabs > tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header > tabs > tab:hover:not(:checked) { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.775); color: rgba(92, 97, 108, 0.775);
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; border-color: #dcdfe3; }
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header > tabs > tab:checked { notebook > header > tabs > tab:checked {
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;

29
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -1631,6 +1631,12 @@ notebook {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame > header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
notebook.frame > header.left, notebook.frame > header.right {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #ffffff; } background-color: #ffffff; }
notebook > header { notebook > header {
@ -1653,8 +1659,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top > tabs > tab + tab {
margin-left: -1px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
@ -1664,8 +1671,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom > tabs > tab + tab {
margin-left: -1px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
@ -1675,8 +1683,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right > tabs > tab + tab {
margin-top: -1px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
@ -1686,8 +1695,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left > tabs > tab + tab {
margin-top: -1px; }
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 { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1712,14 +1722,21 @@ 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 > header.top > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header.bottom > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 1px #dcdfe3; }
notebook > header.left > tabs > tab:hover:not(:checked) {
box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.right > tabs > tab:hover:not(:checked) {
box-shadow: inset 1px 0 #dcdfe3; }
notebook > header > tabs > tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header > tabs > tab:hover:not(:checked) { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.775); color: rgba(92, 97, 108, 0.775);
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; border-color: #dcdfe3; }
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header > tabs > tab:checked { notebook > header > tabs > tab:checked {
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;

29
common/gtk-3.0/3.20/gtk.css
View File

@ -1631,6 +1631,12 @@ notebook {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame > header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
notebook.frame > header.left, notebook.frame > header.right {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #ffffff; } background-color: #ffffff; }
notebook > header { notebook > header {
@ -1653,8 +1659,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top > tabs > tab + tab {
margin-left: -1px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom > tabs > tab { notebook > header.bottom > tabs > tab {
@ -1664,8 +1671,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom > tabs > tab + tab {
margin-left: -1px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right > tabs > tab { notebook > header.right > tabs > tab {
@ -1675,8 +1683,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right > tabs > tab + tab {
margin-top: -1px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left > tabs > tab { notebook > header.left > tabs > tab {
@ -1686,8 +1695,9 @@ notebook {
outline-offset: -4px; outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left > tabs > tab + tab {
margin-top: -1px; }
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 { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1712,14 +1722,21 @@ 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 > header.top > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header.bottom > tabs > tab:hover:not(:checked) {
box-shadow: inset 0 1px #dcdfe3; }
notebook > header.left > tabs > tab:hover:not(:checked) {
box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.right > tabs > tab:hover:not(:checked) {
box-shadow: inset 1px 0 #dcdfe3; }
notebook > header > tabs > tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header > tabs > tab:hover:not(:checked) { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.775); color: rgba(92, 97, 108, 0.775);
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; border-color: #dcdfe3; }
box-shadow: inset 0 -1px #dcdfe3; }
notebook > header > tabs > tab:checked { notebook > header > tabs > tab:checked {
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;

21
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -1725,7 +1725,12 @@ notebook {
&.frame { &.frame {
border: 1px solid $borders_color; border: 1px solid $borders_color;
> header { margin: -1px; } // ugly hack to hide the borders around the header > header {
margin: -1px; // ugly hack to hide the borders around the header
&.top, &.bottom { padding-left: 0; padding-right: 0; }
&.left, &.right { padding-top: 0; padding-bottom: 0; }
}
} }
> stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks
@ -1757,8 +1762,10 @@ notebook {
border-#{$_bpos}: none; border-#{$_bpos}: none;
// tab overlap // tab overlap
@if $_pos==top or $_pos==bottom { margin-right: -1px; } + tab {
@else { margin-bottom: -1px; } @if $_pos==top or $_pos==bottom { margin-left: -1px; }
@else { margin-top: -1px; }
}
// tab border radius // tab border radius
@if $_pos==top { border-radius: 1px 1px 0 0; } @if $_pos==top { border-radius: 1px 1px 0 0; }
@ -1796,7 +1803,14 @@ notebook {
&:active { color: $fg_color; } &:active { color: $fg_color; }
&:disabled { color: transparentize($insensitive_fg_color,0.3); } &:disabled { color: transparentize($insensitive_fg_color,0.3); }
} }
// tab colors // tab colors
&.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px $borders_color; }
&.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px $borders_color; }
&.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 $borders_color; }
&.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 $borders_color; }
> tabs > tab { > tabs > tab {
color: $insensitive_fg_color; color: $insensitive_fg_color;
background-color: transparentize($base_color, 1); background-color: transparentize($base_color, 1);
@ -1805,7 +1819,6 @@ notebook {
color: mix($fg_color, $insensitive_fg_color, 50%); color: mix($fg_color, $insensitive_fg_color, 50%);
background-color: transparentize($base_color, 0.5); background-color: transparentize($base_color, 0.5);
border-color: $borders_color; border-color: $borders_color;
box-shadow: inset 0 -1px $borders_color;
} }
&:checked { &:checked {
color: $fg_color; color: $fg_color;