Pileus Git - ~andy/gtk/blob - demos/gtk-demo/fancy.css

   1 GtkButton#fancy {
   2     transition: none;
   3     background-image: linear-gradient(to bottom,
   4                                       alpha(white, 0.7),
   5                                       alpha(white, 0) 30%),
   6                       linear-gradient(to top,
   7                                       alpha(#babdb6, 0.4),
   8                                       alpha(#babdb6, 0) 50%),
   9                       linear-gradient(135deg,
  10                                       #eeeeec,
  11                                       white 20%,
  12                                       #d3d7cf,
  13                                       white 80%,
  14                                       #babdb6);
  15     color: #3465a4;
  16     font-weight: bold;
  17     text-shadow: 0 1px white;
  18 }
  19
  20 GtkButton#fancy:hover {
  21     transition: all 250ms linear;
  22     background-image: linear-gradient(to bottom,
  23                                       alpha(white, 1),
  24                                       alpha(white, 0)),
  25                       linear-gradient(135deg,
  26                                       #eeeeec 10%,
  27                                       white 40%,
  28                                       #d3d7cf,
  29                                       white 70%,
  30                                       #babdb6);
  31     color: #204a87;
  32 }
  33
  34 GtkButton#fancy:active,
  35 GtkButton#fancy:active:hover {
  36     transition: none;
  37     background-image: linear-gradient(to bottom,
  38                                       alpha(#555753, 0.5),
  39                                       alpha(#babdb6, 0.3)),
  40                       linear-gradient(135deg,
  41                                       #eeeeec,
  42                                       white 20%,
  43                                       #d3d7cf,
  44                                       white 80%,
  45                                       #babdb6);
  46     color: white;
  47     text-shadow: 0 1px black;
  48 }
  49
  50 GtkButton#fancy:backdrop,
  51 GtkButton#fancy:backdrop:hover {
  52     transition: none;
  53     background-image: linear-gradient(135deg,
  54                                       alpha(#eeeeec, 0.5) 10%,
  55                                       alpha(white, 0.5) 40%,
  56                                       alpha(#d3d7cf, 0.5),
  57                                       alpha(white, 0.5) 70%,
  58                                       alpha(#babdb6, 0.5));
  59     color: #babdb6;
  60 }
  61
  62 GtkButton#fancy * {
  63     /* Yeah this should be inherited by default */
  64     color: inherit;
  65 }