[gnome-themes-standard] add back bottom hilight to vertical switch
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] add back bottom hilight to vertical switch
- Date: Mon, 9 Jun 2014 13:12:55 +0000 (UTC)
commit 57227df1017771b27a5f1543a9fe795646e6e261
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Mon May 26 18:11:35 2014 +0200
add back bottom hilight to vertical switch
themes/Adwaita/gtk-3.0/_common.scss | 9 +-
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 185 +++++++++++++------------
themes/Adwaita/gtk-3.0/gtk-contained.css | 185 +++++++++++++------------
3 files changed, 198 insertions(+), 181 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 78ea095..3b5a219 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -376,15 +376,18 @@ GtkColorButton.button { // Uniform padding on the GtkColorButton.button
&.vertical {
.button {
//FIXME box-shadow outset needs to be removed
- @include button(normal,$bg_color,$fg_color,true);
- &:first-child { border-radius: 3px 3px 0 0;
+ &:first-child {
+ border-radius: 3px 3px 0 0;
+ @include button(normal,$bg_color,$fg_color,true);
&:active { @include button(active,$bg_color,$fg_color,true); }
&:insensitive { @include button(insensitive,$bg_color,$fg_color,true); }
&:hover { @include button(hover,$bg_color,$fg_color,true); }
&:backdrop { @include button(backdrop); }
&:backdrop:insensitive { @include button(backdrop-insensitive); }
}
- &:last-child { border-radius: 0 0 3px 3px;
+ &:last-child {
+ border-radius: 0 0 3px 3px;
+ @include button(normal);
&:active { @include button(active); }
&:insensitive { @include button(insensitive); }
&:hover { @include button(hover); }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index e17d1ec..f825117 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -395,7 +395,8 @@ GtkColorButton.button {
.spinbutton .button:backdrop:insensitive {
border-width: 0 0 0 1px;
color: rgba(255, 255, 255, 0.3); }
- .spinbutton.vertical .button {
+ .spinbutton.vertical .button:first-child {
+ border-radius: 3px 3px 0 0;
border-width: 1px;
border-style: solid;
color: #eeeeec;
@@ -404,94 +405,100 @@ GtkColorButton.button {
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
- .spinbutton.vertical .button:first-child {
- border-radius: 3px 3px 0 0; }
- .spinbutton.vertical .button:first-child:active {
- border-width: 1px;
- border-style: solid;
- color: #eeeeec;
- border-color: #1c1f1f;
- background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
- .spinbutton.vertical .button:first-child:insensitive {
- border-width: 1px;
- border-style: solid;
- color: white;
- border-color: #1c1f1f;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:first-child:hover {
- border-width: 1px;
- border-style: solid;
- color: #eeeeec;
- border-color: #212424;
- background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
- .spinbutton.vertical .button:first-child:backdrop {
- border-width: 1px;
- border-style: solid;
- color: #eeeeec;
- border-color: #1c1f1f;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:first-child:backdrop:insensitive {
- border-width: 1px;
- border-style: solid;
- color: white;
- border-color: #1c1f1f;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:last-child {
- border-radius: 0 0 3px 3px; }
- .spinbutton.vertical .button:last-child:active {
- border-width: 1px;
- border-style: solid;
- color: #eeeeec;
- border-color: #1c1f1f;
- background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
- .spinbutton.vertical .button:last-child:insensitive {
- border-width: 1px;
- border-style: solid;
- color: white;
- border-color: #1c1f1f;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
- .spinbutton.vertical .button:last-child:hover {
- border-width: 1px;
- border-style: solid;
- color: #eeeeec;
- border-color: #212424;
- background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
- icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
- .spinbutton.vertical .button:last-child:backdrop {
- border-width: 1px;
- border-style: solid;
- color: #eeeeec;
- border-color: #1c1f1f;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:last-child:backdrop:insensitive {
- border-width: 1px;
- border-style: solid;
- color: white;
- border-color: #1c1f1f;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:first-child:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .spinbutton.vertical .button:first-child:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c1f1f;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:first-child:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #212424;
+ background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .spinbutton.vertical .button:first-child:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:first-child:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c1f1f;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:last-child {
+ border-radius: 0 0 3px 3px;
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+ border-color: #1c1f1f;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+ .spinbutton.vertical .button:last-child:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
+ .spinbutton.vertical .button:last-child:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c1f1f;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
+ .spinbutton.vertical .button:last-child:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #212424;
+ background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+ .spinbutton.vertical .button:last-child:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:last-child:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c1f1f;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical.entry {
border-radius: 0;
border-width: 0 1px 0 1px; }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 1ceba50..607ca89 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -395,7 +395,8 @@ GtkColorButton.button {
.spinbutton .button:backdrop:insensitive {
border-width: 0 0 0 1px;
color: rgba(199, 199, 199, 0.3); }
- .spinbutton.vertical .button {
+ .spinbutton.vertical .button:first-child {
+ border-radius: 3px 3px 0 0;
border-width: 1px;
border-style: solid;
color: #2e3436;
@@ -404,94 +405,100 @@ GtkColorButton.button {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
- .spinbutton.vertical .button:first-child {
- border-radius: 3px 3px 0 0; }
- .spinbutton.vertical .button:first-child:active {
- border-width: 1px;
- border-style: solid;
- color: #2e3436;
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
- text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
- .spinbutton.vertical .button:first-child:insensitive {
- border-width: 1px;
- border-style: solid;
- color: #748489;
- border-color: #a1a1a1;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:first-child:hover {
- border-width: 1px;
- border-style: solid;
- color: #2e3436;
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
- text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- box-shadow: inset 0 1px white; }
- .spinbutton.vertical .button:first-child:backdrop {
- border-width: 1px;
- border-style: solid;
- color: #454f52;
- border-color: #a1a1a1;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:first-child:backdrop:insensitive {
- border-width: 1px;
- border-style: solid;
- color: #c7c7c7;
- border-color: #a1a1a1;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:last-child {
- border-radius: 0 0 3px 3px; }
- .spinbutton.vertical .button:last-child:active {
- border-width: 1px;
- border-style: solid;
- color: #2e3436;
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
- text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; }
- .spinbutton.vertical .button:last-child:insensitive {
- border-width: 1px;
- border-style: solid;
- color: #748489;
- border-color: #a1a1a1;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
- .spinbutton.vertical .button:last-child:hover {
- border-width: 1px;
- border-style: solid;
- color: #2e3436;
- border-color: #a1a1a1;
- background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
- text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
- box-shadow: inset 0 1px white, 0 1px white; }
- .spinbutton.vertical .button:last-child:backdrop {
- border-width: 1px;
- border-style: solid;
- color: #454f52;
- border-color: #a1a1a1;
- background-image: none;
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .spinbutton.vertical .button:last-child:backdrop:insensitive {
- border-width: 1px;
- border-style: solid;
- color: #c7c7c7;
- border-color: #a1a1a1;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:first-child:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .spinbutton.vertical .button:first-child:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #748489;
+ border-color: #a1a1a1;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:first-child:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white; }
+ .spinbutton.vertical .button:first-child:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #454f52;
+ border-color: #a1a1a1;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:first-child:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #c7c7c7;
+ border-color: #a1a1a1;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:last-child {
+ border-radius: 0 0 3px 3px;
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+ border-color: #a1a1a1;
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white, 0 1px white; }
+ .spinbutton.vertical .button:last-child:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; }
+ .spinbutton.vertical .button:last-child:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #748489;
+ border-color: #a1a1a1;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
+ .spinbutton.vertical .button:last-child:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white, 0 1px white; }
+ .spinbutton.vertical .button:last-child:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #454f52;
+ border-color: #a1a1a1;
+ background-image: none;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ .spinbutton.vertical .button:last-child:backdrop:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #c7c7c7;
+ border-color: #a1a1a1;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.spinbutton.vertical.entry {
border-radius: 0;
border-width: 0 1px 0 1px; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]