diff --git a/src/gtk-3.0/gtk-compact-dark-solid-thin.css b/src/gtk-3.0/gtk-compact-dark-solid-thin.css index f22e544..8f9fbf9 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-solid-thin.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(225, 219, 219, 0.8); - background-color: #373737; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(255, 255, 255, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(225, 219, 219, 0.8); - background-color: #4b4b4b; + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: #1e1e1e; - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: #848484; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css index 0bbfd62..e4e1a90 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid.css +++ b/src/gtk-3.0/gtk-compact-dark-solid.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(225, 219, 219, 0.8); - background-color: #373737; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(255, 255, 255, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(225, 219, 219, 0.8); - background-color: #4b4b4b; + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: #1e1e1e; - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: #848484; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-dark-thin.css b/src/gtk-3.0/gtk-compact-dark-thin.css index db170e9..d75f0b1 100644 --- a/src/gtk-3.0/gtk-compact-dark-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-thin.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(225, 219, 219, 0.8); - background-color: rgba(55, 55, 55, 0.98); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(255, 255, 255, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(225, 219, 219, 0.8); - background-color: rgba(75, 75, 75, 0.98); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: rgba(30, 30, 30, 0.98); - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css index 22c6fa7..1f0b4ba 100644 --- a/src/gtk-3.0/gtk-compact-dark.css +++ b/src/gtk-3.0/gtk-compact-dark.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(225, 219, 219, 0.8); - background-color: rgba(55, 55, 55, 0.98); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(255, 255, 255, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(225, 219, 219, 0.8); - background-color: rgba(75, 75, 75, 0.98); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: rgba(30, 30, 30, 0.98); - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-light-solid-thin.css b/src/gtk-3.0/gtk-compact-light-solid-thin.css index f2fc02a..7e7d700 100644 --- a/src/gtk-3.0/gtk-compact-light-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-light-solid-thin.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5288,38 +5272,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(40, 32, 32, 0.8); - background-color: #e5e5e5; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(40, 32, 32, 0.8); - background-color: #f9f9f9; + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: #cccccc; - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css index 312f09e..87418a3 100644 --- a/src/gtk-3.0/gtk-compact-light-solid.css +++ b/src/gtk-3.0/gtk-compact-light-solid.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5288,38 +5272,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(40, 32, 32, 0.8); - background-color: #e5e5e5; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(40, 32, 32, 0.8); - background-color: #f9f9f9; + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: #cccccc; - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-light-thin.css b/src/gtk-3.0/gtk-compact-light-thin.css index 4ab8779..451a1bd 100644 --- a/src/gtk-3.0/gtk-compact-light-thin.css +++ b/src/gtk-3.0/gtk-compact-light-thin.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5288,38 +5272,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(40, 32, 32, 0.8); - background-color: rgba(229, 229, 229, 0.95); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(40, 32, 32, 0.8); - background-color: rgba(249, 249, 249, 0.95); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: rgba(204, 204, 204, 0.95); - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css index 7d88423..30258f2 100644 --- a/src/gtk-3.0/gtk-compact-light.css +++ b/src/gtk-3.0/gtk-compact-light.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5288,38 +5272,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; color: rgba(40, 32, 32, 0.8); - background-color: rgba(229, 229, 229, 0.95); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { color: rgba(40, 32, 32, 0.8); - background-color: rgba(249, 249, 249, 0.95); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: rgba(204, 204, 204, 0.95); - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + border-right: 1px solid transparent; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-dark-solid-thin.css b/src/gtk-3.0/gtk-dark-solid-thin.css index 3970c5b..984b249 100644 --- a/src/gtk-3.0/gtk-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-dark-solid-thin.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,56 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(255, 255, 255, 0.12); color: rgba(225, 219, 219, 0.8); - background-color: #373737; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); + border: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(225, 219, 219, 0.8); - background-color: #4b4b4b; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: #1e1e1e; - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: #848484; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css index 9b2bf0c..2d6a40d 100644 --- a/src/gtk-3.0/gtk-dark-solid.css +++ b/src/gtk-3.0/gtk-dark-solid.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,56 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(255, 255, 255, 0.12); color: rgba(225, 219, 219, 0.8); - background-color: #373737; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); + border: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(225, 219, 219, 0.8); - background-color: #4b4b4b; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.9); + background-image: none; + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: #1e1e1e; - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: #777777; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: #848484; + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-dark-thin.css b/src/gtk-3.0/gtk-dark-thin.css index 07cb5b2..d7b6cdb 100644 --- a/src/gtk-3.0/gtk-dark-thin.css +++ b/src/gtk-3.0/gtk-dark-thin.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,56 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(255, 255, 255, 0.12); color: rgba(225, 219, 219, 0.8); - background-color: rgba(55, 55, 55, 0.98); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); + border: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(225, 219, 219, 0.8); - background-color: rgba(75, 75, 75, 0.98); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.88); + background-image: none; + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: rgba(30, 30, 30, 0.98); - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css index 24e9757..0a19cef 100644 --- a/src/gtk-3.0/gtk-dark.css +++ b/src/gtk-3.0/gtk-dark.css @@ -1022,7 +1022,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1033,7 +1033,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1045,27 +1045,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5278,38 +5262,56 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(225, 219, 219, 0.8); background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(255, 255, 255, 0.12); color: rgba(225, 219, 219, 0.8); - background-color: rgba(55, 55, 55, 0.98); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); + border: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(225, 219, 219, 0.8); - background-color: rgba(75, 75, 75, 0.98); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(221, 213, 213, 0.8); + background-color: rgba(119, 119, 119, 0.88); + background-image: none; + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(225, 219, 219, 0.8); - background-color: rgba(30, 30, 30, 0.98); - box-shadow: inset 0 -2px #7cadff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + border-color: rgba(255, 255, 255, 0.12); + border-top-color: rgba(255, 255, 255, 0.12); + border-bottom-color: rgba(255, 255, 255, 0.12); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(225, 219, 219, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-light-solid-thin.css b/src/gtk-3.0/gtk-light-solid-thin.css index 14a1d84..d9224f7 100644 --- a/src/gtk-3.0/gtk-light-solid-thin.css +++ b/src/gtk-3.0/gtk-light-solid-thin.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5306,38 +5290,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(0, 0, 0, 0.11); color: rgba(40, 32, 32, 0.8); - background-color: #e5e5e5; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(40, 32, 32, 0.8); - background-color: #f9f9f9; + border-color: rgba(0, 0, 0, 0.11); + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: #cccccc; - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css index 8c68b1d..8e31e66 100644 --- a/src/gtk-3.0/gtk-light-solid.css +++ b/src/gtk-3.0/gtk-light-solid.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5306,38 +5290,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(0, 0, 0, 0.11); color: rgba(40, 32, 32, 0.8); - background-color: #e5e5e5; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(40, 32, 32, 0.8); - background-color: #f9f9f9; + border-color: rgba(0, 0, 0, 0.11); + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: #cccccc; - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-light-thin.css b/src/gtk-3.0/gtk-light-thin.css index 34a1b56..4720852 100644 --- a/src/gtk-3.0/gtk-light-thin.css +++ b/src/gtk-3.0/gtk-light-thin.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5306,38 +5290,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(0, 0, 0, 0.11); color: rgba(40, 32, 32, 0.8); - background-color: rgba(229, 229, 229, 0.95); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(40, 32, 32, 0.8); - background-color: rgba(249, 249, 249, 0.95); + border-color: rgba(0, 0, 0, 0.11); + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: rgba(204, 204, 204, 0.95); - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css index 197afab..0f4edea 100644 --- a/src/gtk-3.0/gtk-light.css +++ b/src/gtk-3.0/gtk-light.css @@ -1024,7 +1024,7 @@ headerbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child:hover, headerbar .linked:not(.vertical).path-bar > button:first-child:active, headerbar .linked:not(.vertical).path-bar > button:first-child:checked, -headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } @@ -1035,7 +1035,7 @@ headerbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child:hover, headerbar .linked:not(.vertical).path-bar > button:last-child:active, headerbar .linked:not(.vertical).path-bar > button:last-child:checked, -headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; @@ -1047,27 +1047,11 @@ headerbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child:hover, headerbar .linked:not(.vertical).path-bar > button:only-child:active, headerbar .linked:not(.vertical).path-bar > button:only-child:checked, -headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 5px; border-style: solid; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 0; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-right-style: solid; -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { - border-radius: 5px 5px 0 0; - border-style: solid; -} - .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, @@ -5306,38 +5290,55 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border: none; color: rgba(40, 32, 32, 0.8); background-color: #e5e5e5; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { - padding-bottom: 2px; - margin: 0; + border-color: rgba(0, 0, 0, 0.11); color: rgba(40, 32, 32, 0.8); - background-color: rgba(229, 229, 229, 0.95); -} - -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { - margin: 0; + background-color: white; + background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { - color: rgba(40, 32, 32, 0.8); - background-color: rgba(249, 249, 249, 0.95); + border-color: rgba(0, 0, 0, 0.11); + color: rgba(34, 28, 28, 0.8); + background-color: #fafafa; + background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); + box-shadow: none; } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - color: rgba(40, 32, 32, 0.8); - background-color: rgba(204, 204, 204, 0.95); - box-shadow: inset 0 -2px #0f5cff; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active { + color: #ffffff; + background-color: #afafaf; + background-image: none; + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + background-color: #686868; + background-image: linear-gradient(0deg, #656565 0%, #707070 100%); + border-color: rgba(0, 0, 0, 0.11); + border-top-color: rgba(0, 0, 0, 0.11); + border-bottom-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(40, 32, 32, 0.4); } -.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:backdrop { + opacity: 0.7; + background-image: none; + box-shadow: none; } .caja-notebook { diff --git a/src/gtk-3.0/sass/_applications.scss b/src/gtk-3.0/sass/_applications.scss index c514342..20093df 100644 --- a/src/gtk-3.0/sass/_applications.scss +++ b/src/gtk-3.0/sass/_applications.scss @@ -212,45 +212,25 @@ $disk_space_free: darken($bg_color, 3%); border: none; color: $header_fg; background-color: opacify($header_bg, 1); + box-shadow: inset 0 -1px $borders_color; } // Pathbar + .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) { > button { - &:not(:last-child):not(:only-child) { - margin: 0; - } - - padding-bottom: 2px; - margin: 0; - color: $header_fg; - background-color: $header_bg; - - &:hover { - color: $header_fg; - background-color: lighten($header_bg, 8%); - } - &:active, - &:checked { - transition: background-color 0.00001s 0.3s; - animation: header_ripple_effect 0.3s cubic-bezier(0.0, 0.0, 0.2, 1); - color: $header_fg; - background-color: darken($header_bg, 10%); - box-shadow: inset 0 -2px lighten($selected_bg_color, 10%); - } - &:disabled { - color: transparentize($header_fg, 0.4); - } - - &, - &:hover, - &:active, - &:checked, - &:disabled { - @extend %linked-flat; - } + @include button(header-normal); + &:hover { @include button(header-hover); } + &:active { @include button(header-active); } + &:checked { @include button(header-checked); } + &:disabled { color: transparentize($header_fg, 0.4); } + &:backdrop { opacity: 0.7; background-image: none; @if $compact == 'false' { box-shadow: none; } } + &, &:hover, &:active, &:checked, &:disabled { + @extend %linked; + @if $compact == 'true' { border-right: 1px solid $header_button_border; } + } } - @include pathbar_linking_rules($sep_color:$header_button_border); + // @include pathbar_linking_rules($sep_color:$header_button_border); } }