aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/buttons.css

   1 /**
   2  * @file
   3  * Styles for Bartik's buttons.
   4  */
   5
   6 .button {
   7   background-color: #fff;
   8   background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
   9   background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  10   border: 1px solid #e4e4e4;
  11   border-bottom-color: #b4b4b4;
  12   border-left-color: #d2d2d2;
  13   border-right-color: #d2d2d2;
  14   color: #3a3a3a;
  15   cursor: pointer;
  16   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  17   font-size: 0.929em;
  18   font-weight: normal;
  19   text-align: center;
  20   padding: 0.250em 1.063em;
  21   border-radius: 1em;
  22   display: inline-block;
  23   line-height: normal;
  24 }
  25 .button:hover,
  26 .button:active,
  27 .button:focus {
  28   background: #dedede;
  29   color: #5a5a5a;
  30   text-decoration: none;
  31 }
  32 .button.is-disabled:hover,
  33 .button.is-disabled:active,
  34 .button.is-disabled:focus,
  35 .button.is-disabled {
  36   background: #ededed;
  37   border-color: #bbb;
  38   color: #717171;
  39   cursor: default;
  40 }