platforma/static/css/buttons.css

   1 /* set an awesome color for the buttons */
   2 button.awesome,
   3 input.awesome,
   4 a.button.awesome {
   5   background-color: #111;
   6 }
   7 /* Touch the rest at your onw risk. */
   8 button.awesome,
   9 input.awesome,
  10 a.button.awesome {
  11
  12   font: inherit;
  13   background-repeat: repeat-x;
  14   color: #fff;
  15   text-decoration: none;
  16   position: relative;
  17   cursor: pointer;
  18   border: 0;
  19   font-style: normal;
  20   font-weight: bold;
  21   line-height: 1;
  22
  23   padding: 5px 10px 6px;
  24   font-size: 13px;
  25
  26   /* IE only stuff */
  27   border-bottom: 1px solid transparent\9;
  28
  29   /* not all browser support these, but who cares? */
  30   text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
  31   border-radius: 5px;
  32   -moz-border-radius: 5px;
  33   -webkit-border-radius: 5px;
  34   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  35   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  36
  37   /* one image for all states
  38      see http://www.alistapart.com/articles/sprites */
  39   background-image: url(awesome-overlay-sprite.png);
  40   background-position: 0 0;
  41
  42   /* cross browser inline block hack
  43      see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
  44   display: -moz-inline-stack;
  45   display: inline-block;
  46   vertical-align: middle;
  47   *display: inline !important;
  48   position: relative;
  49
  50   /* help IE to calm down a bit */
  51   zoom: 1;
  52
  53   /*disable text selection (Firefox only)*/
  54   -moz-user-select: none;
  55 }
  56 /* hide selection background color */
  57 .awesome::selection {
  58         background: transparent;
  59 }
  60
  61 button.awesome:hover,
  62 input.awesome:hover,
  63 a.button.awesome:hover {
  64   background-position: 0 -50px;
  65   color: #fff;
  66 }
  67 button.awesome:active,
  68 input.awesome:active,
  69 a.button.awesome:active {
  70   background-position: 0 100%;
  71   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
  72   /* unfortunately, Safari seems not to support inset yet */
  73   -webkit-box-shadow: none;
  74
  75   /* IE only stuff */
  76   border-bottom: 0\9;
  77   border-top: 1px solid #666\9;
  78 }
  79
  80 /* Remove extra padding in Firefox */
  81 button::-moz-focus-inner {
  82     border: 0;
  83     padding: 0;
  84 }
  85
  86 button.awesome.small,         input.awesome.small,          a.button.awesome.small              { padding: 4px 7px 5px; font-size: 10px; }
  87 button.awesome.small:active,  input.awesome.small:active,   a.button.awesome.small:active         { padding: 5px 7px 4px; }
  88 button.awesome.medium,        input.awesome.medium,         a.button.awesome.medium         { /* default */ }
  89 button.awesome.medium:active, input.awesome.medium:active,  a.button.awesome.medium:active      { padding: 6px 10px 5px; }
  90 button.awesome.large,         input.awesome.large,          a.button.awesome.large              { padding: 8px 14px 9px; font-size: 14px; }
  91 button.awesome.large:active,  input.awesome.large:active,   a.button.awesome.large:active         { padding: 9px 14px 8px; }
  92
  93 .awesome.green { background-color: #3ACC00 !important; }