callisto-debian/gtk3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gtk-demo: fancier css demo

Browse Source 
Thanks to Lapo Calamandrei.
This commit is contained in:
Matthias Clasen
2012-09-17 17:37:03 -04:00
parent e56f73c32b
commit fc1169279e
1 changed files with 55 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
demos/gtk-demo/fancy.css
View File

@ -1,24 +1,65 @@
GtkButton#fancy { GtkButton#fancy {
font-weight: bold; transition: none;
background-image: linear-gradient(135deg, yellow, blue); background-image: linear-gradient(to bottom,
border-radius: 20px; alpha(white, 0.7),
color: white; alpha(white, 0) 30%),
linear-gradient(to top,
alpha(#babdb6, 0.4),
alpha(#babdb6, 0) 50%),
linear-gradient(135deg,
#eeeeec,
white 20%,
#d3d7cf,
white 80%,
#babdb6);
color: #3465a4;
font-weight: bold;
text-shadow: 0 1px white;
} }
GtkButton#fancy:hover { GtkButton#fancy:hover {
font-weight: bold; transition: all 250ms linear;
background-image: linear-gradient(135deg, blue, yellow); background-image: linear-gradient(to bottom,
border-radius: 20px; alpha(white, 1),
color: white; alpha(white, 0)),
linear-gradient(135deg,
#eeeeec 10%,
white 40%,
#d3d7cf,
white 70%,
#babdb6);
color: #204a87;
} }
GtkButton#fancy:active { GtkButton#fancy:active,
font-weight: bold; GtkButton#fancy:active:hover {
background-image: linear-gradient(yellow, yellow); transition: none;
border-radius: 20px; background-image: linear-gradient(to bottom,
color: black; alpha(#555753, 0.5),
alpha(#babdb6, 0.3)),
linear-gradient(135deg,
#eeeeec,
white 20%,
#d3d7cf,
white 80%,
#babdb6);
color: white;
text-shadow: 0 1px black;
}
GtkButton#fancy:backdrop,
GtkButton#fancy:backdrop:hover {
transition: none;
background-image: linear-gradient(135deg,
alpha(#eeeeec, 0.5) 10%,
alpha(white, 0.5) 40%,
alpha(#d3d7cf, 0.5),
alpha(white, 0.5) 70%,
alpha(#babdb6, 0.5));
color: #babdb6;
} }
GtkButton#fancy * { GtkButton#fancy * {
color: inherit; /* Yeah this should be inherited by default */
color: inherit;
} }