[gnome-themes-standard] vertical spinbutton - rewrite w/o the gross .button.button.button hack
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] vertical spinbutton - rewrite w/o the gross .button.button.button hack
- Date: Mon, 9 Jun 2014 13:17:02 +0000 (UTC)
commit a6ef04ab8a1480735b3ce18decd2256dd2b9d7d0
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Thu May 29 15:35:27 2014 +0200
vertical spinbutton
- rewrite w/o the gross .button.button.button hack
themes/Adwaita/gtk-3.0/_common.scss | 57 +++++--
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 217 +++++++++++--------------
themes/Adwaita/gtk-3.0/gtk-contained.css | 209 +++++++++++-------------
3 files changed, 230 insertions(+), 253 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 7c03529..9de9c5c 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -303,7 +303,6 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
*****************/
.spinbutton {
- box-shadow: 0 1px $borders_edge;
.button {
background-image: none;
border-width: 0 0 0 1px;
@@ -329,31 +328,55 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
&.vertical {
.button {
&:first-child {
- border-radius: 3px 3px 0 0;
+ @extend %first-child;
@include button(normal, $noedge: true);
- &:active { @include button(active, $noedge: true); }
- &:insensitive { @include button(insensitive, $noedge: true); }
- &:hover { @include button(hover, $noedge: true); }
- &:backdrop { @include button(backdrop); }
- &:backdrop:insensitive { @include button(backdrop-insensitive); }
+ &:active {
+ @extend %first-child;
+ @include button(active, $noedge: true);
+ }
+ &:hover {
+ @extend %first-child;
+ @include button(hover, $noedge: true);
+ }
+ &:insensitive {
+ @extend %first-child;
+ @include button(insensitive, $noedge: true);
+ }
}
&:last-child {
- border-radius: 0 0 3px 3px;
+ @extend %last-child;
@include button(normal);
- &:active { @include button(active); }
- &:insensitive { @include button(insensitive); }
- &:hover { @include button(hover); }
- &:backdrop { @include button(backdrop); }
- &:backdrop:insensitive { @include button(backdrop-insensitive); }
+ &:active {
+ @extend %last-child;
+ @include button(active);
+ }
+ &:hover {
+ @extend %last-child;
+ @include button(hover);
+ }
+ &:insensitive {
+ @extend %last-child;
+ @include button(insensitive);
+ }
+ }
+ &:backdrop {
+ @include button(backdrop);
+ }
+ &:backdrop:insensitive {
+ @include button(backdrop-insensitive);
}
- // FIXME this is a temporary gross hack
- &.button.button.button:first-child { border-bottom-width: 0; }
- &.button.button.button:last-child { border-top-width: 0; }
}
&.entry {
- @include entry(normal);
border-radius: 0;
}
+ %first-child {
+ border-radius: 3px 3px 0 0;
+ border-bottom-width: 0;
+ }
+ %last-child {
+ border-radius: 0 0 3px 3px;
+ border-top-width: 0;
+ }
}
}
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index a0d6999..6925a27 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -383,139 +383,116 @@ GtkColorButton.button {
/*****************
* GtkSpinButton *
*****************/
-.spinbutton {
- box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
- .spinbutton .button {
- background-image: none;
+.spinbutton .button {
+ background-image: none;
+ border-width: 0 0 0 1px;
+ border-color: rgba(28, 31, 31, 0.3);
+ border-radius: 0;
+ box-shadow: none; }
+ .spinbutton .button:insensitive {
+ color: rgba(255, 255, 255, 0.3); }
+ .spinbutton .button:active {
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+ .spinbutton .button:backdrop {
+ border-color: rgba(28, 31, 31, 0.3); }
+ .spinbutton .button:backdrop:insensitive {
border-width: 0 0 0 1px;
- border-color: rgba(28, 31, 31, 0.3);
- border-radius: 0;
- box-shadow: none; }
- .spinbutton .button:insensitive {
- color: rgba(255, 255, 255, 0.3); }
- .spinbutton .button:active {
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
- .spinbutton .button:backdrop {
- border-color: rgba(28, 31, 31, 0.3); }
- .spinbutton .button:backdrop:insensitive {
- border-width: 0 0 0 1px;
- color: rgba(255, 255, 255, 0.3); }
- .spinbutton.vertical .button:first-child {
- border-radius: 3px 3px 0 0;
+ color: rgba(255, 255, 255, 0.3); }
+.spinbutton.vertical .button:first-child {
+ 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); }
+ .spinbutton.vertical .button:first-child:active {
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);
+ 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:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ 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: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: linear-gradient(to bottom, #393f3f);
- 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: #1c1f1f;
- 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: linear-gradient(to bottom, #393f3f);
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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:first-child:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: white;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #393f3f);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.spinbutton.vertical .button:last-child {
+ 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;
- 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: linear-gradient(to bottom, #393f3f);
- 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: #1c1f1f;
- 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: linear-gradient(to bottom, #393f3f);
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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.button.button.button:first-child {
- border-bottom-width: 0; }
- .spinbutton.vertical .button.button.button.button:last-child {
- border-top-width: 0; }
- .spinbutton.vertical.entry {
- background-color: transparent;
+ 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:hover {
+ border-width: 1px;
border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ 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:insensitive {
border-width: 1px;
- background-image: linear-gradient(to bottom, #2b2b2b, #333333 90%);
+ border-style: solid;
+ color: white;
border-color: #1c1f1f;
- box-shadow: inset 0 2px 2px -2px #191919, 0 1px rgba(238, 238, 236, 0.1);
- border-radius: 0; }
+ background-image: linear-gradient(to bottom, #393f3f);
+ 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:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #393f3f);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+.spinbutton.vertical .button: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; }
+.spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active,
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive {
+ border-radius: 3px 3px 0 0;
+ border-bottom-width: 0; }
+.spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active,
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive {
+ border-radius: 0 0 3px 3px;
+ border-top-width: 0; }
/**************
* ComboBoxes *
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 3c31080..4fe1c13 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -383,139 +383,116 @@ GtkColorButton.button {
/*****************
* GtkSpinButton *
*****************/
-.spinbutton {
- box-shadow: 0 1px white; }
- .spinbutton .button {
- background-image: none;
+.spinbutton .button {
+ background-image: none;
+ border-width: 0 0 0 1px;
+ border-color: rgba(161, 161, 161, 0.3);
+ border-radius: 0;
+ box-shadow: none; }
+ .spinbutton .button:insensitive {
+ color: rgba(116, 132, 137, 0.3); }
+ .spinbutton .button:active {
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+ .spinbutton .button:backdrop {
+ border-color: rgba(161, 161, 161, 0.3); }
+ .spinbutton .button:backdrop:insensitive {
border-width: 0 0 0 1px;
- border-color: rgba(161, 161, 161, 0.3);
- border-radius: 0;
- box-shadow: none; }
- .spinbutton .button:insensitive {
- color: rgba(116, 132, 137, 0.3); }
- .spinbutton .button:active {
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
- .spinbutton .button:backdrop {
- border-color: rgba(161, 161, 161, 0.3); }
- .spinbutton .button:backdrop:insensitive {
- border-width: 0 0 0 1px;
- color: rgba(199, 199, 199, 0.3); }
- .spinbutton.vertical .button:first-child {
- border-radius: 3px 3px 0 0;
+ color: rgba(199, 199, 199, 0.3); }
+.spinbutton.vertical .button:first-child {
+ 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; }
+ .spinbutton.vertical .button:first-child:active {
border-width: 1px;
border-style: solid;
color: #2e3436;
- background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
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: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: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: linear-gradient(to bottom, #ededed);
- 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: linear-gradient(to bottom, #ededed);
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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:first-child:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #748489;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #ededed);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.spinbutton.vertical .button:last-child {
+ 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;
- background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
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 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: linear-gradient(to bottom, #ededed);
- 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: linear-gradient(to bottom, #ededed);
- text-shadow: none;
- icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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.button.button.button:first-child {
- border-bottom-width: 0; }
- .spinbutton.vertical .button.button.button.button:last-child {
- border-top-width: 0; }
- .spinbutton.vertical.entry {
- background-color: transparent;
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 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:insensitive {
border-width: 1px;
- background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+ border-style: solid;
+ color: #748489;
border-color: #a1a1a1;
- box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white;
- border-radius: 0; }
+ background-image: linear-gradient(to bottom, #ededed);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
+.spinbutton.vertical .button:backdrop {
+ border-width: 1px;
+ border-style: solid;
+ color: #454f52;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #ededed);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+.spinbutton.vertical .button: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; }
+.spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active,
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive {
+ border-radius: 3px 3px 0 0;
+ border-bottom-width: 0; }
+.spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active,
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive {
+ border-radius: 0 0 3px 3px;
+ border-top-width: 0; }
/**************
* ComboBoxes *
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
