漂亮的圆形Button

作一个小项目时，用到了一个漂亮的button按钮，忘记出处了，记录下button样式

   1 @-webkit-keyframes glowing {
   2   /* line 11, ../scss/partials/_glow.scss */
   3   from {
   4     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   5     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   6     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   7   }
   8 
   9   /* line 12, ../scss/partials/_glow.scss */
  10   50% {
  11     -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  12     -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  13     box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  14   }
  15 
  16   /* line 13, ../scss/partials/_glow.scss */
  17   to {
  18     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  19     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  20     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  21   }
  22 }
  23 
  24 @-moz-keyframes glowing {
  25   /* line 17, ../scss/partials/_glow.scss */
  26   from {
  27     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  28     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  29     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  30   }
  31 
  32   /* line 18, ../scss/partials/_glow.scss */
  33   50% {
  34     -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  35     -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  36     box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  37   }
  38 
  39   /* line 19, ../scss/partials/_glow.scss */
  40   to {
  41     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  42     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  43     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  44   }
  45 }
  46 
  47 @-o-keyframes glowing {
  48   /* line 23, ../scss/partials/_glow.scss */
  49   from {
  50     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  51     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  52     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  53   }
  54 
  55   /* line 24, ../scss/partials/_glow.scss */
  56   50% {
  57     -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  58     -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  59     box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  60   }
  61 
  62   /* line 25, ../scss/partials/_glow.scss */
  63   to {
  64     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  65     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  66     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  67   }
  68 }
  69 
  70 @keyframes glowing {
  71   /* line 29, ../scss/partials/_glow.scss */
  72   from {
  73     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  74     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  75     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  76   }
  77 
  78   /* line 30, ../scss/partials/_glow.scss */
  79   50% {
  80     -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  81     -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  82     box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  83   }
  84 
  85   /* line 31, ../scss/partials/_glow.scss */
  86   to {
  87     -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  88     -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  89     box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  90   }
  91 }
  92 
  93 /* line 26, ../scss/partials/_buttons.scss */
  94 .button {
  95   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  96   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  97   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  98   background-color: #eeeeee;
  99   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
 100   background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
 101   background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
 102   background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
 103   background: linear-gradient(top, #fbfbfb, #e1e1e1);
 104   display: -moz-inline-stack;
 105   display: inline-block;
 106   vertical-align: middle;
 107   *vertical-align: auto;
 108   zoom: 1;
 109   *display: inline;
 110   border: 1px solid #d4d4d4;
 111   height: 32px;
 112   line-height: 30px;
 113   padding: 0px 25.6px;
 114   font-weight: 300;
 115   font-size: 16px;
 116   font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 117   color: #666666;
 118   text-shadow: 0 1px 1px white;
 119   margin: 0;
 120   text-decoration: none;
 121   text-align: center;
 122 }
 123 /* line 44, ../scss/partials/_buttons.scss */
 124 .button:hover, .button:focus {
 125   background-color: #eeeeee;
 126   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
 127   background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
 128   background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
 129   background: -o-linear-gradient(top, #ffffff, #dcdcdc);
 130   background: linear-gradient(top, #ffffff, #dcdcdc);
 131 }
 132 /* line 48, ../scss/partials/_buttons.scss */
 133 .button:active {
 134   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 135   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 136   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 137   text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
 138   background: #eeeeee;
 139   color: #bbbbbb;
 140 }
 141 /* line 54, ../scss/partials/_buttons.scss */
 142 .button:focus {
 143   outline: none;
 144 }
 145 
 146 /* line 60, ../scss/partials/_buttons.scss */
 147 input.button, button.button {
 148   height: 34px;
 149   cursor: pointer;
 150   -webkit-appearance: none;
 151 }
 152 
 153 /* line 67, ../scss/partials/_buttons.scss */
 154 .button-block {
 155   display: block;
 156 }
 157 
 158 /* line 77, ../scss/partials/_buttons.scss */
 159 .button.disabled,
 160 .button.disabled:hover,
 161 .button.disabled:focus,
 162 .button.disabled:active,
 163 input.button:disabled,
 164 button.button:disabled {
 165   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 166   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 167   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 168   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 169   opacity: 0.8;
 170   background: #EEE;
 171   border: 1px solid #DDD;
 172   text-shadow: 0 1px 1px white;
 173   color: #CCC;
 174   cursor: default;
 175   -webkit-appearance: none;
 176 }
 177 
 178 /* line 89, ../scss/partials/_buttons.scss */
 179 .button-wrap {
 180   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
 181   background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
 182   background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
 183   background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
 184   background: linear-gradient(top, #e3e3e3, #f2f2f2);
 185   -webkit-border-radius: 200px;
 186   -moz-border-radius: 200px;
 187   -ms-border-radius: 200px;
 188   -o-border-radius: 200px;
 189   border-radius: 200px;
 190   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
 191   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
 192   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
 193   padding: 10px;
 194   display: inline-block;
 195 }
 196 
 197 /* line 99, ../scss/partials/_buttons.scss */
 198 .button-flat {
 199   -webkit-box-shadow: none;
 200   -moz-box-shadow: none;
 201   box-shadow: none;
 202   -webkit-transition-property: background;
 203   -moz-transition-property: background;
 204   -o-transition-property: background;
 205   transition-property: background;
 206   -webkit-transition-duration: 0.3s;
 207   -moz-transition-duration: 0.3s;
 208   -o-transition-duration: 0.3s;
 209   transition-duration: 0.3s;
 210   background: #eeeeee;
 211   border: none;
 212   text-shadow: none;
 213 }
 214 /* line 108, ../scss/partials/_buttons.scss */
 215 .button-flat:hover, .button-flat:focus {
 216   background: #fbfbfb;
 217 }
 218 /* line 111, ../scss/partials/_buttons.scss */
 219 .button-flat:active {
 220   -webkit-transition-duration: 0s;
 221   -moz-transition-duration: 0s;
 222   -o-transition-duration: 0s;
 223   transition-duration: 0s;
 224   background: #eeeeee;
 225   color: #bbbbbb;
 226 }
 227 /* line 116, ../scss/partials/_buttons.scss */
 228 .button-flat.disabled {
 229   -webkit-box-shadow: none;
 230   -moz-box-shadow: none;
 231   box-shadow: none;
 232   -webkit-appearance: none;
 233 }
 234 
 235 /* line 126, ../scss/partials/_buttons.scss */
 236 .button-border {
 237   -webkit-box-shadow: none;
 238   -moz-box-shadow: none;
 239   box-shadow: none;
 240   -webkit-transition-property: all;
 241   -moz-transition-property: all;
 242   -o-transition-property: all;
 243   transition-property: all;
 244   -webkit-transition-duration: 0.3s;
 245   -moz-transition-duration: 0.3s;
 246   -o-transition-duration: 0.3s;
 247   transition-duration: 0.3s;
 248   color: #666666;
 249   border: 2px solid #666666;
 250   background: none;
 251   text-shadow: none;
 252 }
 253 /* line 135, ../scss/partials/_buttons.scss */
 254 .button-border:hover, .button-border:focus {
 255   background: none;
 256   color: gray;
 257   border: 2px solid gray;
 258 }
 259 /* line 140, ../scss/partials/_buttons.scss */
 260 .button-border:active {
 261   -webkit-transition-duration: 0s;
 262   -moz-transition-duration: 0s;
 263   -o-transition-duration: 0s;
 264   transition-duration: 0s;
 265   background: none;
 266   color: #4d4d4d;
 267   border: 2px solid #4d4d4d;
 268 }
 269 /* line 146, ../scss/partials/_buttons.scss */
 270 .button-border.disabled {
 271   -webkit-box-shadow: none;
 272   -moz-box-shadow: none;
 273   box-shadow: none;
 274   -webkit-appearance: none;
 275 }
 276 
 277 /* line 156, ../scss/partials/_buttons.scss */
 278 .button-3d {
 279   -webkit-transition-property: all;
 280   -moz-transition-property: all;
 281   -o-transition-property: all;
 282   transition-property: all;
 283   -webkit-transition-duration: 0.3s;
 284   -moz-transition-duration: 0.3s;
 285   -o-transition-duration: 0.3s;
 286   transition-duration: 0.3s;
 287   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
 288   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
 289   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
 290   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
 291   background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9);
 292   background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9);
 293   background: -o-linear-gradient(top, #f3f3f3, #e9e9e9);
 294   background: linear-gradient(top, #f3f3f3, #e9e9e9);
 295   background-color: #eeeeee;
 296   color: #666666;
 297   border: 1px solid #e1e1e1;
 298   text-shadow: none;
 299   position: relative;
 300   top: 0px;
 301 }
 302 /* line 168, ../scss/partials/_buttons.scss */
 303 .button-3d:hover, .button-3d:focus {
 304   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
 305   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
 306   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
 307   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
 308   background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
 309   background: -moz-linear-gradient(top, #ffffff, #ebebeb);
 310   background: -o-linear-gradient(top, #ffffff, #ebebeb);
 311   background: linear-gradient(top, #ffffff, #ebebeb);
 312   background-color: white;
 313 }
 314 /* line 173, ../scss/partials/_buttons.scss */
 315 .button-3d:active {
 316   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
 317   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
 318   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
 319   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3));
 320   background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3);
 321   background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3);
 322   background: -o-linear-gradient(top, #e9e9e9, #f3f3f3);
 323   background: linear-gradient(top, #e9e9e9, #f3f3f3);
 324   background-color: #eeeeee;
 325   color: #bbbbbb;
 326   border: 1px solid #e1e1e1;
 327   top: 5px;
 328 }
 329 /* line 181, ../scss/partials/_buttons.scss */
 330 .button-3d.disabled {
 331   -webkit-box-shadow: none;
 332   -moz-box-shadow: none;
 333   box-shadow: none;
 334   -webkit-appearance: none;
 335 }
 336 
 337 /* line 195, ../scss/partials/_buttons.scss */
 338 .button-rounded {
 339   -webkit-border-radius: 3px;
 340   -moz-border-radius: 3px;
 341   -ms-border-radius: 3px;
 342   -o-border-radius: 3px;
 343   border-radius: 3px;
 344 }
 345 
 346 /* line 195, ../scss/partials/_buttons.scss */
 347 .button-pill {
 348   -webkit-border-radius: 50px;
 349   -moz-border-radius: 50px;
 350   -ms-border-radius: 50px;
 351   -o-border-radius: 50px;
 352   border-radius: 50px;
 353 }
 354 
 355 /* line 195, ../scss/partials/_buttons.scss */
 356 .button-circle {
 357   -webkit-border-radius: 240px;
 358   -moz-border-radius: 240px;
 359   -ms-border-radius: 240px;
 360   -o-border-radius: 240px;
 361   border-radius: 240px;
 362   -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 363   -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 364   box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 365   width: 120px;
 366   line-height: 120px;
 367   height: 120px;
 368   padding: 0px;
 369   border-width: 4px;
 370   font-size: 18px;
 371 }
 372 
 373 /* line 229, ../scss/partials/_buttons.scss */
 374 .button-primary {
 375   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
 376   background: -webkit-linear-gradient(top, #00b5e5, #008db2);
 377   background: -moz-linear-gradient(top, #00b5e5, #008db2);
 378   background: -o-linear-gradient(top, #00b5e5, #008db2);
 379   background: linear-gradient(top, #00b5e5, #008db2);
 380   background-color: #00a1cb;
 381   border-color: #007998;
 382   color: white;
 383   text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
 384 }
 385 /* line 236, ../scss/partials/_buttons.scss */
 386 .button-primary:hover, .button-primary:focus {
 387   background-color: #00a1cb;
 388   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
 389   background: -webkit-linear-gradient(top, #00c9fe, #008db2);
 390   background: -moz-linear-gradient(top, #00c9fe, #008db2);
 391   background: -o-linear-gradient(top, #00c9fe, #008db2);
 392   background: linear-gradient(top, #00c9fe, #008db2);
 393 }
 394 /* line 240, ../scss/partials/_buttons.scss */
 395 .button-primary:active {
 396   background: #1495b7;
 397   color: #005065;
 398 }
 399 
 400 /* line 253, ../scss/partials/_buttons.scss */
 401 .button-3d-primary {
 402   -webkit-transition-property: all;
 403   -moz-transition-property: all;
 404   -o-transition-property: all;
 405   transition-property: all;
 406   -webkit-transition-duration: 0.3s;
 407   -moz-transition-duration: 0.3s;
 408   -o-transition-duration: 0.3s;
 409   transition-duration: 0.3s;
 410   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
 411   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
 412   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
 413   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9d5), color-stop(100%, #0099c1));
 414   background: -webkit-linear-gradient(top, #00a9d5, #0099c1);
 415   background: -moz-linear-gradient(top, #00a9d5, #0099c1);
 416   background: -o-linear-gradient(top, #00a9d5, #0099c1);
 417   background: linear-gradient(top, #00a9d5, #0099c1);
 418   background-color: #00a1cb;
 419   color: white;
 420   border: 1px solid #007998;
 421   text-shadow: none;
 422   position: relative;
 423   top: 0px;
 424 }
 425 /* line 265, ../scss/partials/_buttons.scss */
 426 .button-3d-primary:hover, .button-3d-primary:focus {
 427   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
 428   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
 429   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
 430   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1f4), color-stop(100%, #009dc6));
 431   background: -webkit-linear-gradient(top, #00c1f4, #009dc6);
 432   background: -moz-linear-gradient(top, #00c1f4, #009dc6);
 433   background: -o-linear-gradient(top, #00c1f4, #009dc6);
 434   background: linear-gradient(top, #00c1f4, #009dc6);
 435   background-color: #00c9fe;
 436 }
 437 /* line 270, ../scss/partials/_buttons.scss */
 438 .button-3d-primary:active {
 439   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
 440   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
 441   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
 442   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099c1), color-stop(100%, #00a9d5));
 443   background: -webkit-linear-gradient(top, #0099c1, #00a9d5);
 444   background: -moz-linear-gradient(top, #0099c1, #00a9d5);
 445   background: -o-linear-gradient(top, #0099c1, #00a9d5);
 446   background: linear-gradient(top, #0099c1, #00a9d5);
 447   background-color: #1495b7;
 448   color: #005065;
 449   border: 1px solid #008db2;
 450   top: 5px;
 451 }
 452 /* line 278, ../scss/partials/_buttons.scss */
 453 .button-3d-primary.disabled {
 454   -webkit-box-shadow: none;
 455   -moz-box-shadow: none;
 456   box-shadow: none;
 457   -webkit-appearance: none;
 458 }
 459 
 460 /* line 292, ../scss/partials/_buttons.scss */
 461 .button-border-primary {
 462   -webkit-box-shadow: none;
 463   -moz-box-shadow: none;
 464   box-shadow: none;
 465   -webkit-transition-property: all;
 466   -moz-transition-property: all;
 467   -o-transition-property: all;
 468   transition-property: all;
 469   -webkit-transition-duration: 0.3s;
 470   -moz-transition-duration: 0.3s;
 471   -o-transition-duration: 0.3s;
 472   transition-duration: 0.3s;
 473   color: #00a1cb;
 474   border: 2px solid #00a1cb;
 475   background: none;
 476   text-shadow: none;
 477 }
 478 /* line 301, ../scss/partials/_buttons.scss */
 479 .button-border-primary:hover, .button-border-primary:focus {
 480   background: none;
 481   color: #00c9fe;
 482   border: 2px solid #00c9fe;
 483 }
 484 /* line 306, ../scss/partials/_buttons.scss */
 485 .button-border-primary:active {
 486   -webkit-transition-duration: 0s;
 487   -moz-transition-duration: 0s;
 488   -o-transition-duration: 0s;
 489   transition-duration: 0s;
 490   background: none;
 491   color: #007998;
 492   border: 2px solid #007998;
 493 }
 494 /* line 312, ../scss/partials/_buttons.scss */
 495 .button-border-primary.disabled {
 496   -webkit-box-shadow: none;
 497   -moz-box-shadow: none;
 498   box-shadow: none;
 499   -webkit-appearance: none;
 500 }
 501 
 502 /* line 324, ../scss/partials/_buttons.scss */
 503 .button-flat-primary {
 504   -webkit-box-shadow: none;
 505   -moz-box-shadow: none;
 506   box-shadow: none;
 507   -webkit-transition-property: background;
 508   -moz-transition-property: background;
 509   -o-transition-property: background;
 510   transition-property: background;
 511   -webkit-transition-duration: 0.3s;
 512   -moz-transition-duration: 0.3s;
 513   -o-transition-duration: 0.3s;
 514   transition-duration: 0.3s;
 515   background: #00a1cb;
 516   color: white;
 517   text-shadow: none;
 518   border: none;
 519 }
 520 /* line 333, ../scss/partials/_buttons.scss */
 521 .button-flat-primary:hover, .button-flat-primary:focus {
 522   background: #00b5e5;
 523 }
 524 /* line 336, ../scss/partials/_buttons.scss */
 525 .button-flat-primary:active {
 526   -webkit-transition-duration: 0s;
 527   -moz-transition-duration: 0s;
 528   -o-transition-duration: 0s;
 529   transition-duration: 0s;
 530   background: #1495b7;
 531   color: #00647f;
 532 }
 533 /* line 341, ../scss/partials/_buttons.scss */
 534 .button-flat-primary.disabled {
 535   -webkit-box-shadow: none;
 536   -moz-box-shadow: none;
 537   box-shadow: none;
 538   -webkit-appearance: none;
 539 }
 540 
 541 /* line 229, ../scss/partials/_buttons.scss */
 542 .button-secondary {
 543   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
 544   background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
 545   background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
 546   background: -o-linear-gradient(top, #ffffff, #f2f2f2);
 547   background: linear-gradient(top, #ffffff, #f2f2f2);
 548   background-color: white;
 549   border-color: #e6e6e6;
 550   color: white;
 551   text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35);
 552 }
 553 /* line 236, ../scss/partials/_buttons.scss */
 554 .button-secondary:hover, .button-secondary:focus {
 555   background-color: white;
 556   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
 557   background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
 558   background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
 559   background: -o-linear-gradient(top, #ffffff, #f2f2f2);
 560   background: linear-gradient(top, #ffffff, #f2f2f2);
 561 }
 562 /* line 240, ../scss/partials/_buttons.scss */
 563 .button-secondary:active {
 564   background: white;
 565   color: #cccccc;
 566 }
 567 
 568 /* line 253, ../scss/partials/_buttons.scss */
 569 .button-3d-secondary {
 570   -webkit-transition-property: all;
 571   -moz-transition-property: all;
 572   -o-transition-property: all;
 573   transition-property: all;
 574   -webkit-transition-duration: 0.3s;
 575   -moz-transition-duration: 0.3s;
 576   -o-transition-duration: 0.3s;
 577   transition-duration: 0.3s;
 578   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
 579   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
 580   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
 581   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa));
 582   background: -webkit-linear-gradient(top, #ffffff, #fafafa);
 583   background: -moz-linear-gradient(top, #ffffff, #fafafa);
 584   background: -o-linear-gradient(top, #ffffff, #fafafa);
 585   background: linear-gradient(top, #ffffff, #fafafa);
 586   background-color: white;
 587   color: white;
 588   border: 1px solid #e6e6e6;
 589   text-shadow: none;
 590   position: relative;
 591   top: 0px;
 592 }
 593 /* line 265, ../scss/partials/_buttons.scss */
 594 .button-3d-secondary:hover, .button-3d-secondary:focus {
 595   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
 596   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
 597   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
 598   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc));
 599   background: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
 600   background: -moz-linear-gradient(top, #ffffff, #fcfcfc);
 601   background: -o-linear-gradient(top, #ffffff, #fcfcfc);
 602   background: linear-gradient(top, #ffffff, #fcfcfc);
 603   background-color: white;
 604 }
 605 /* line 270, ../scss/partials/_buttons.scss */
 606 .button-3d-secondary:active {
 607   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
 608   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
 609   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
 610   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff));
 611   background: -webkit-linear-gradient(top, #fafafa, #ffffff);
 612   background: -moz-linear-gradient(top, #fafafa, #ffffff);
 613   background: -o-linear-gradient(top, #fafafa, #ffffff);
 614   background: linear-gradient(top, #fafafa, #ffffff);
 615   background-color: white;
 616   color: #cccccc;
 617   border: 1px solid #f2f2f2;
 618   top: 5px;
 619 }
 620 /* line 278, ../scss/partials/_buttons.scss */
 621 .button-3d-secondary.disabled {
 622   -webkit-box-shadow: none;
 623   -moz-box-shadow: none;
 624   box-shadow: none;
 625   -webkit-appearance: none;
 626 }
 627 
 628 /* line 292, ../scss/partials/_buttons.scss */
 629 .button-border-secondary {
 630   -webkit-box-shadow: none;
 631   -moz-box-shadow: none;
 632   box-shadow: none;
 633   -webkit-transition-property: all;
 634   -moz-transition-property: all;
 635   -o-transition-property: all;
 636   transition-property: all;
 637   -webkit-transition-duration: 0.3s;
 638   -moz-transition-duration: 0.3s;
 639   -o-transition-duration: 0.3s;
 640   transition-duration: 0.3s;
 641   color: white;
 642   border: 2px solid white;
 643   background: none;
 644   text-shadow: none;
 645 }
 646 /* line 301, ../scss/partials/_buttons.scss */
 647 .button-border-secondary:hover, .button-border-secondary:focus {
 648   background: none;
 649   color: white;
 650   border: 2px solid white;
 651 }
 652 /* line 306, ../scss/partials/_buttons.scss */
 653 .button-border-secondary:active {
 654   -webkit-transition-duration: 0s;
 655   -moz-transition-duration: 0s;
 656   -o-transition-duration: 0s;
 657   transition-duration: 0s;
 658   background: none;
 659   color: #e6e6e6;
 660   border: 2px solid #e6e6e6;
 661 }
 662 /* line 312, ../scss/partials/_buttons.scss */
 663 .button-border-secondary.disabled {
 664   -webkit-box-shadow: none;
 665   -moz-box-shadow: none;
 666   box-shadow: none;
 667   -webkit-appearance: none;
 668 }
 669 
 670 /* line 324, ../scss/partials/_buttons.scss */
 671 .button-flat-secondary {
 672   -webkit-box-shadow: none;
 673   -moz-box-shadow: none;
 674   box-shadow: none;
 675   -webkit-transition-property: background;
 676   -moz-transition-property: background;
 677   -o-transition-property: background;
 678   transition-property: background;
 679   -webkit-transition-duration: 0.3s;
 680   -moz-transition-duration: 0.3s;
 681   -o-transition-duration: 0.3s;
 682   transition-duration: 0.3s;
 683   background: white;
 684   color: white;
 685   text-shadow: none;
 686   border: none;
 687 }
 688 /* line 333, ../scss/partials/_buttons.scss */
 689 .button-flat-secondary:hover, .button-flat-secondary:focus {
 690   background: white;
 691 }
 692 /* line 336, ../scss/partials/_buttons.scss */
 693 .button-flat-secondary:active {
 694   -webkit-transition-duration: 0s;
 695   -moz-transition-duration: 0s;
 696   -o-transition-duration: 0s;
 697   transition-duration: 0s;
 698   background: white;
 699   color: #d9d9d9;
 700 }
 701 /* line 341, ../scss/partials/_buttons.scss */
 702 .button-flat-secondary.disabled {
 703   -webkit-box-shadow: none;
 704   -moz-box-shadow: none;
 705   box-shadow: none;
 706   -webkit-appearance: none;
 707 }
 708 
 709 /* line 229, ../scss/partials/_buttons.scss */
 710 .button-action {
 711   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
 712   background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
 713   background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
 714   background: -o-linear-gradient(top, #8fcf00, #6b9c00);
 715   background: linear-gradient(top, #8fcf00, #6b9c00);
 716   background-color: #7db500;
 717   border-color: #5a8200;
 718   color: white;
 719   text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
 720 }
 721 /* line 236, ../scss/partials/_buttons.scss */
 722 .button-action:hover, .button-action:focus {
 723   background-color: #7db500;
 724   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
 725   background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
 726   background: -moz-linear-gradient(top, #a0e800, #6b9c00);
 727   background: -o-linear-gradient(top, #a0e800, #6b9c00);
 728   background: linear-gradient(top, #a0e800, #6b9c00);
 729 }
 730 /* line 240, ../scss/partials/_buttons.scss */
 731 .button-action:active {
 732   background: #76a312;
 733   color: #374f00;
 734 }
 735 
 736 /* line 253, ../scss/partials/_buttons.scss */
 737 .button-3d-action {
 738   -webkit-transition-property: all;
 739   -moz-transition-property: all;
 740   -o-transition-property: all;
 741   transition-property: all;
 742   -webkit-transition-duration: 0.3s;
 743   -moz-transition-duration: 0.3s;
 744   -o-transition-duration: 0.3s;
 745   transition-duration: 0.3s;
 746   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
 747   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
 748   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
 749   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84bf00), color-stop(100%, #76ab00));
 750   background: -webkit-linear-gradient(top, #84bf00, #76ab00);
 751   background: -moz-linear-gradient(top, #84bf00, #76ab00);
 752   background: -o-linear-gradient(top, #84bf00, #76ab00);
 753   background: linear-gradient(top, #84bf00, #76ab00);
 754   background-color: #7db500;
 755   color: white;
 756   border: 1px solid #5a8200;
 757   text-shadow: none;
 758   position: relative;
 759   top: 0px;
 760 }
 761 /* line 265, ../scss/partials/_buttons.scss */
 762 .button-3d-action:hover, .button-3d-action:focus {
 763   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
 764   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
 765   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
 766   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99de00), color-stop(100%, #79b000));
 767   background: -webkit-linear-gradient(top, #99de00, #79b000);
 768   background: -moz-linear-gradient(top, #99de00, #79b000);
 769   background: -o-linear-gradient(top, #99de00, #79b000);
 770   background: linear-gradient(top, #99de00, #79b000);
 771   background-color: #a0e800;
 772 }
 773 /* line 270, ../scss/partials/_buttons.scss */
 774 .button-3d-action:active {
 775   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
 776   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
 777   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
 778   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76ab00), color-stop(100%, #84bf00));
 779   background: -webkit-linear-gradient(top, #76ab00, #84bf00);
 780   background: -moz-linear-gradient(top, #76ab00, #84bf00);
 781   background: -o-linear-gradient(top, #76ab00, #84bf00);
 782   background: linear-gradient(top, #76ab00, #84bf00);
 783   background-color: #76a312;
 784   color: #374f00;
 785   border: 1px solid #6b9c00;
 786   top: 5px;
 787 }
 788 /* line 278, ../scss/partials/_buttons.scss */
 789 .button-3d-action.disabled {
 790   -webkit-box-shadow: none;
 791   -moz-box-shadow: none;
 792   box-shadow: none;
 793   -webkit-appearance: none;
 794 }
 795 
 796 /* line 292, ../scss/partials/_buttons.scss */
 797 .button-border-action {
 798   -webkit-box-shadow: none;
 799   -moz-box-shadow: none;
 800   box-shadow: none;
 801   -webkit-transition-property: all;
 802   -moz-transition-property: all;
 803   -o-transition-property: all;
 804   transition-property: all;
 805   -webkit-transition-duration: 0.3s;
 806   -moz-transition-duration: 0.3s;
 807   -o-transition-duration: 0.3s;
 808   transition-duration: 0.3s;
 809   color: #7db500;
 810   border: 2px solid #7db500;
 811   background: none;
 812   text-shadow: none;
 813 }
 814 /* line 301, ../scss/partials/_buttons.scss */
 815 .button-border-action:hover, .button-border-action:focus {
 816   background: none;
 817   color: #a0e800;
 818   border: 2px solid #a0e800;
 819 }
 820 /* line 306, ../scss/partials/_buttons.scss */
 821 .button-border-action:active {
 822   -webkit-transition-duration: 0s;
 823   -moz-transition-duration: 0s;
 824   -o-transition-duration: 0s;
 825   transition-duration: 0s;
 826   background: none;
 827   color: #5a8200;
 828   border: 2px solid #5a8200;
 829 }
 830 /* line 312, ../scss/partials/_buttons.scss */
 831 .button-border-action.disabled {
 832   -webkit-box-shadow: none;
 833   -moz-box-shadow: none;
 834   box-shadow: none;
 835   -webkit-appearance: none;
 836 }
 837 
 838 /* line 324, ../scss/partials/_buttons.scss */
 839 .button-flat-action {
 840   -webkit-box-shadow: none;
 841   -moz-box-shadow: none;
 842   box-shadow: none;
 843   -webkit-transition-property: background;
 844   -moz-transition-property: background;
 845   -o-transition-property: background;
 846   transition-property: background;
 847   -webkit-transition-duration: 0.3s;
 848   -moz-transition-duration: 0.3s;
 849   -o-transition-duration: 0.3s;
 850   transition-duration: 0.3s;
 851   background: #7db500;
 852   color: white;
 853   text-shadow: none;
 854   border: none;
 855 }
 856 /* line 333, ../scss/partials/_buttons.scss */
 857 .button-flat-action:hover, .button-flat-action:focus {
 858   background: #8fcf00;
 859 }
 860 /* line 336, ../scss/partials/_buttons.scss */
 861 .button-flat-action:active {
 862   -webkit-transition-duration: 0s;
 863   -moz-transition-duration: 0s;
 864   -o-transition-duration: 0s;
 865   transition-duration: 0s;
 866   background: #76a312;
 867   color: #486900;
 868 }
 869 /* line 341, ../scss/partials/_buttons.scss */
 870 .button-flat-action.disabled {
 871   -webkit-box-shadow: none;
 872   -moz-box-shadow: none;
 873   box-shadow: none;
 874   -webkit-appearance: none;
 875 }
 876 
 877 /* line 229, ../scss/partials/_buttons.scss */
 878 .button-highlight {
 879   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
 880   background: -webkit-linear-gradient(top, #fa9915, #d87e04);
 881   background: -moz-linear-gradient(top, #fa9915, #d87e04);
 882   background: -o-linear-gradient(top, #fa9915, #d87e04);
 883   background: linear-gradient(top, #fa9915, #d87e04);
 884   background-color: #f18d05;
 885   border-color: #bf7004;
 886   color: white;
 887   text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
 888 }
 889 /* line 236, ../scss/partials/_buttons.scss */
 890 .button-highlight:hover, .button-highlight:focus {
 891   background-color: #f18d05;
 892   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
 893   background: -webkit-linear-gradient(top, #fba42e, #d87e04);
 894   background: -moz-linear-gradient(top, #fba42e, #d87e04);
 895   background: -o-linear-gradient(top, #fba42e, #d87e04);
 896   background: linear-gradient(top, #fba42e, #d87e04);
 897 }
 898 /* line 240, ../scss/partials/_buttons.scss */
 899 .button-highlight:active {
 900   background: #d8891e;
 901   color: #8d5303;
 902 }
 903 
 904 /* line 253, ../scss/partials/_buttons.scss */
 905 .button-3d-highlight {
 906   -webkit-transition-property: all;
 907   -moz-transition-property: all;
 908   -o-transition-property: all;
 909   transition-property: all;
 910   -webkit-transition-duration: 0.3s;
 911   -moz-transition-duration: 0.3s;
 912   -o-transition-duration: 0.3s;
 913   transition-duration: 0.3s;
 914   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
 915   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
 916   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
 917   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9306), color-stop(100%, #e78705));
 918   background: -webkit-linear-gradient(top, #fa9306, #e78705);
 919   background: -moz-linear-gradient(top, #fa9306, #e78705);
 920   background: -o-linear-gradient(top, #fa9306, #e78705);
 921   background: linear-gradient(top, #fa9306, #e78705);
 922   background-color: #f18d05;
 923   color: white;
 924   border: 1px solid #bf7004;
 925   text-shadow: none;
 926   position: relative;
 927   top: 0px;
 928 }
 929 /* line 265, ../scss/partials/_buttons.scss */
 930 .button-3d-highlight:hover, .button-3d-highlight:focus {
 931   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
 932   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
 933   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
 934   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa024), color-stop(100%, #ec8a05));
 935   background: -webkit-linear-gradient(top, #faa024, #ec8a05);
 936   background: -moz-linear-gradient(top, #faa024, #ec8a05);
 937   background: -o-linear-gradient(top, #faa024, #ec8a05);
 938   background: linear-gradient(top, #faa024, #ec8a05);
 939   background-color: #fba42e;
 940 }
 941 /* line 270, ../scss/partials/_buttons.scss */
 942 .button-3d-highlight:active {
 943   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
 944   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
 945   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
 946   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78705), color-stop(100%, #fa9306));
 947   background: -webkit-linear-gradient(top, #e78705, #fa9306);
 948   background: -moz-linear-gradient(top, #e78705, #fa9306);
 949   background: -o-linear-gradient(top, #e78705, #fa9306);
 950   background: linear-gradient(top, #e78705, #fa9306);
 951   background-color: #d8891e;
 952   color: #8d5303;
 953   border: 1px solid #d87e04;
 954   top: 5px;
 955 }
 956 /* line 278, ../scss/partials/_buttons.scss */
 957 .button-3d-highlight.disabled {
 958   -webkit-box-shadow: none;
 959   -moz-box-shadow: none;
 960   box-shadow: none;
 961   -webkit-appearance: none;
 962 }
 963 
 964 /* line 292, ../scss/partials/_buttons.scss */
 965 .button-border-highlight {
 966   -webkit-box-shadow: none;
 967   -moz-box-shadow: none;
 968   box-shadow: none;
 969   -webkit-transition-property: all;
 970   -moz-transition-property: all;
 971   -o-transition-property: all;
 972   transition-property: all;
 973   -webkit-transition-duration: 0.3s;
 974   -moz-transition-duration: 0.3s;
 975   -o-transition-duration: 0.3s;
 976   transition-duration: 0.3s;
 977   color: #f18d05;
 978   border: 2px solid #f18d05;
 979   background: none;
 980   text-shadow: none;
 981 }
 982 /* line 301, ../scss/partials/_buttons.scss */
 983 .button-border-highlight:hover, .button-border-highlight:focus {
 984   background: none;
 985   color: #fba42e;
 986   border: 2px solid #fba42e;
 987 }
 988 /* line 306, ../scss/partials/_buttons.scss */
 989 .button-border-highlight:active {
 990   -webkit-transition-duration: 0s;
 991   -moz-transition-duration: 0s;
 992   -o-transition-duration: 0s;
 993   transition-duration: 0s;
 994   background: none;
 995   color: #bf7004;
 996   border: 2px solid #bf7004;
 997 }
 998 /* line 312, ../scss/partials/_buttons.scss */
 999 .button-border-highlight.disabled {
1000   -webkit-box-shadow: none;
1001   -moz-box-shadow: none;
1002   box-shadow: none;
1003   -webkit-appearance: none;
1004 }
1005 
1006 /* line 324, ../scss/partials/_buttons.scss */
1007 .button-flat-highlight {
1008   -webkit-box-shadow: none;
1009   -moz-box-shadow: none;
1010   box-shadow: none;
1011   -webkit-transition-property: background;
1012   -moz-transition-property: background;
1013   -o-transition-property: background;
1014   transition-property: background;
1015   -webkit-transition-duration: 0.3s;
1016   -moz-transition-duration: 0.3s;
1017   -o-transition-duration: 0.3s;
1018   transition-duration: 0.3s;
1019   background: #f18d05;
1020   color: white;
1021   text-shadow: none;
1022   border: none;
1023 }
1024 /* line 333, ../scss/partials/_buttons.scss */
1025 .button-flat-highlight:hover, .button-flat-highlight:focus {
1026   background: #fa9915;
1027 }
1028 /* line 336, ../scss/partials/_buttons.scss */
1029 .button-flat-highlight:active {
1030   -webkit-transition-duration: 0s;
1031   -moz-transition-duration: 0s;
1032   -o-transition-duration: 0s;
1033   transition-duration: 0s;
1034   background: #d8891e;
1035   color: #a66103;
1036 }
1037 /* line 341, ../scss/partials/_buttons.scss */
1038 .button-flat-highlight.disabled {
1039   -webkit-box-shadow: none;
1040   -moz-box-shadow: none;
1041   box-shadow: none;
1042   -webkit-appearance: none;
1043 }
1044 
1045 /* line 229, ../scss/partials/_buttons.scss */
1046 .button-caution {
1047   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
1048   background: -webkit-linear-gradient(top, #e8543f, #d9331a);
1049   background: -moz-linear-gradient(top, #e8543f, #d9331a);
1050   background: -o-linear-gradient(top, #e8543f, #d9331a);
1051   background: linear-gradient(top, #e8543f, #d9331a);
1052   background-color: #e54028;
1053   border-color: #c22d18;
1054   color: white;
1055   text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
1056 }
1057 /* line 236, ../scss/partials/_buttons.scss */
1058 .button-caution:hover, .button-caution:focus {
1059   background-color: #e54028;
1060   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
1061   background: -webkit-linear-gradient(top, #eb6855, #d9331a);
1062   background: -moz-linear-gradient(top, #eb6855, #d9331a);
1063   background: -o-linear-gradient(top, #eb6855, #d9331a);
1064   background: linear-gradient(top, #eb6855, #d9331a);
1065 }
1066 /* line 240, ../scss/partials/_buttons.scss */
1067 .button-caution:active {
1068   background: #cd5240;
1069   color: #952312;
1070 }
1071 
1072 /* line 253, ../scss/partials/_buttons.scss */
1073 .button-3d-caution {
1074   -webkit-transition-property: all;
1075   -moz-transition-property: all;
1076   -o-transition-property: all;
1077   transition-property: all;
1078   -webkit-transition-duration: 0.3s;
1079   -moz-transition-duration: 0.3s;
1080   -o-transition-duration: 0.3s;
1081   transition-duration: 0.3s;
1082   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
1083   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
1084   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
1085   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f));
1086   background: -webkit-linear-gradient(top, #e64831, #e4381f);
1087   background: -moz-linear-gradient(top, #e64831, #e4381f);
1088   background: -o-linear-gradient(top, #e64831, #e4381f);
1089   background: linear-gradient(top, #e64831, #e4381f);
1090   background-color: #e54028;
1091   color: white;
1092   border: 1px solid #c22d18;
1093   text-shadow: none;
1094   position: relative;
1095   top: 0px;
1096 }
1097 /* line 265, ../scss/partials/_buttons.scss */
1098 .button-3d-caution:hover, .button-3d-caution:focus {
1099   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
1100   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
1101   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
1102   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23));
1103   background: -webkit-linear-gradient(top, #e9604c, #e43c23);
1104   background: -moz-linear-gradient(top, #e9604c, #e43c23);
1105   background: -o-linear-gradient(top, #e9604c, #e43c23);
1106   background: linear-gradient(top, #e9604c, #e43c23);
1107   background-color: #eb6855;
1108 }
1109 /* line 270, ../scss/partials/_buttons.scss */
1110 .button-3d-caution:active {
1111   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
1112   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
1113   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
1114   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831));
1115   background: -webkit-linear-gradient(top, #e4381f, #e64831);
1116   background: -moz-linear-gradient(top, #e4381f, #e64831);
1117   background: -o-linear-gradient(top, #e4381f, #e64831);
1118   background: linear-gradient(top, #e4381f, #e64831);
1119   background-color: #cd5240;
1120   color: #952312;
1121   border: 1px solid #d9331a;
1122   top: 5px;
1123 }
1124 /* line 278, ../scss/partials/_buttons.scss */
1125 .button-3d-caution.disabled {
1126   -webkit-box-shadow: none;
1127   -moz-box-shadow: none;
1128   box-shadow: none;
1129   -webkit-appearance: none;
1130 }
1131 
1132 /* line 292, ../scss/partials/_buttons.scss */
1133 .button-border-caution {
1134   -webkit-box-shadow: none;
1135   -moz-box-shadow: none;
1136   box-shadow: none;
1137   -webkit-transition-property: all;
1138   -moz-transition-property: all;
1139   -o-transition-property: all;
1140   transition-property: all;
1141   -webkit-transition-duration: 0.3s;
1142   -moz-transition-duration: 0.3s;
1143   -o-transition-duration: 0.3s;
1144   transition-duration: 0.3s;
1145   color: #e54028;
1146   border: 2px solid #e54028;
1147   background: none;
1148   text-shadow: none;
1149 }
1150 /* line 301, ../scss/partials/_buttons.scss */
1151 .button-border-caution:hover, .button-border-caution:focus {
1152   background: none;
1153   color: #eb6855;
1154   border: 2px solid #eb6855;
1155 }
1156 /* line 306, ../scss/partials/_buttons.scss */
1157 .button-border-caution:active {
1158   -webkit-transition-duration: 0s;
1159   -moz-transition-duration: 0s;
1160   -o-transition-duration: 0s;
1161   transition-duration: 0s;
1162   background: none;
1163   color: #c22d18;
1164   border: 2px solid #c22d18;
1165 }
1166 /* line 312, ../scss/partials/_buttons.scss */
1167 .button-border-caution.disabled {
1168   -webkit-box-shadow: none;
1169   -moz-box-shadow: none;
1170   box-shadow: none;
1171   -webkit-appearance: none;
1172 }
1173 
1174 /* line 324, ../scss/partials/_buttons.scss */
1175 .button-flat-caution {
1176   -webkit-box-shadow: none;
1177   -moz-box-shadow: none;
1178   box-shadow: none;
1179   -webkit-transition-property: background;
1180   -moz-transition-property: background;
1181   -o-transition-property: background;
1182   transition-property: background;
1183   -webkit-transition-duration: 0.3s;
1184   -moz-transition-duration: 0.3s;
1185   -o-transition-duration: 0.3s;
1186   transition-duration: 0.3s;
1187   background: #e54028;
1188   color: white;
1189   text-shadow: none;
1190   border: none;
1191 }
1192 /* line 333, ../scss/partials/_buttons.scss */
1193 .button-flat-caution:hover, .button-flat-caution:focus {
1194   background: #e8543f;
1195 }
1196 /* line 336, ../scss/partials/_buttons.scss */
1197 .button-flat-caution:active {
1198   -webkit-transition-duration: 0s;
1199   -moz-transition-duration: 0s;
1200   -o-transition-duration: 0s;
1201   transition-duration: 0s;
1202   background: #cd5240;
1203   color: #ac2815;
1204 }
1205 /* line 341, ../scss/partials/_buttons.scss */
1206 .button-flat-caution.disabled {
1207   -webkit-box-shadow: none;
1208   -moz-box-shadow: none;
1209   box-shadow: none;
1210   -webkit-appearance: none;
1211 }
1212 
1213 /* line 229, ../scss/partials/_buttons.scss */
1214 .button-royal {
1215   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79));
1216   background: -webkit-linear-gradient(top, #99389f, #752a79);
1217   background: -moz-linear-gradient(top, #99389f, #752a79);
1218   background: -o-linear-gradient(top, #99389f, #752a79);
1219   background: linear-gradient(top, #99389f, #752a79);
1220   background-color: #87318c;
1221   border-color: #632466;
1222   color: white;
1223   text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);
1224 }
1225 /* line 236, ../scss/partials/_buttons.scss */
1226 .button-royal:hover, .button-royal:focus {
1227   background-color: #87318c;
1228   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79));
1229   background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
1230   background: -moz-linear-gradient(top, #ab3eb2, #752a79);
1231   background: -o-linear-gradient(top, #ab3eb2, #752a79);
1232   background: linear-gradient(top, #ab3eb2, #752a79);
1233 }
1234 /* line 240, ../scss/partials/_buttons.scss */
1235 .button-royal:active {
1236   background: #764479;
1237   color: #3e1740;
1238 }
1239 
1240 /* line 253, ../scss/partials/_buttons.scss */
1241 .button-3d-royal {
1242   -webkit-transition-property: all;
1243   -moz-transition-property: all;
1244   -o-transition-property: all;
1245   transition-property: all;
1246   -webkit-transition-duration: 0.3s;
1247   -moz-transition-duration: 0.3s;
1248   -o-transition-duration: 0.3s;
1249   transition-duration: 0.3s;
1250   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
1251   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
1252   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
1253   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8e3494), color-stop(100%, #802e84));
1254   background: -webkit-linear-gradient(top, #8e3494, #802e84);
1255   background: -moz-linear-gradient(top, #8e3494, #802e84);
1256   background: -o-linear-gradient(top, #8e3494, #802e84);
1257   background: linear-gradient(top, #8e3494, #802e84);
1258   background-color: #87318c;
1259   color: white;
1260   border: 1px solid #632466;
1261   text-shadow: none;
1262   position: relative;
1263   top: 0px;
1264 }
1265 /* line 265, ../scss/partials/_buttons.scss */
1266 .button-3d-royal:hover, .button-3d-royal:focus {
1267   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
1268   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
1269   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
1270   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a43caa), color-stop(100%, #833088));
1271   background: -webkit-linear-gradient(top, #a43caa, #833088);
1272   background: -moz-linear-gradient(top, #a43caa, #833088);
1273   background: -o-linear-gradient(top, #a43caa, #833088);
1274   background: linear-gradient(top, #a43caa, #833088);
1275   background-color: #ab3eb2;
1276 }
1277 /* line 270, ../scss/partials/_buttons.scss */
1278 .button-3d-royal:active {
1279   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
1280   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
1281   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
1282   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #802e84), color-stop(100%, #8e3494));
1283   background: -webkit-linear-gradient(top, #802e84, #8e3494);
1284   background: -moz-linear-gradient(top, #802e84, #8e3494);
1285   background: -o-linear-gradient(top, #802e84, #8e3494);
1286   background: linear-gradient(top, #802e84, #8e3494);
1287   background-color: #764479;
1288   color: #3e1740;
1289   border: 1px solid #752a79;
1290   top: 5px;
1291 }
1292 /* line 278, ../scss/partials/_buttons.scss */
1293 .button-3d-royal.disabled {
1294   -webkit-box-shadow: none;
1295   -moz-box-shadow: none;
1296   box-shadow: none;
1297   -webkit-appearance: none;
1298 }
1299 
1300 /* line 292, ../scss/partials/_buttons.scss */
1301 .button-border-royal {
1302   -webkit-box-shadow: none;
1303   -moz-box-shadow: none;
1304   box-shadow: none;
1305   -webkit-transition-property: all;
1306   -moz-transition-property: all;
1307   -o-transition-property: all;
1308   transition-property: all;
1309   -webkit-transition-duration: 0.3s;
1310   -moz-transition-duration: 0.3s;
1311   -o-transition-duration: 0.3s;
1312   transition-duration: 0.3s;
1313   color: #87318c;
1314   border: 2px solid #87318c;
1315   background: none;
1316   text-shadow: none;
1317 }
1318 /* line 301, ../scss/partials/_buttons.scss */
1319 .button-border-royal:hover, .button-border-royal:focus {
1320   background: none;
1321   color: #ab3eb2;
1322   border: 2px solid #ab3eb2;
1323 }
1324 /* line 306, ../scss/partials/_buttons.scss */
1325 .button-border-royal:active {
1326   -webkit-transition-duration: 0s;
1327   -moz-transition-duration: 0s;
1328   -o-transition-duration: 0s;
1329   transition-duration: 0s;
1330   background: none;
1331   color: #632466;
1332   border: 2px solid #632466;
1333 }
1334 /* line 312, ../scss/partials/_buttons.scss */
1335 .button-border-royal.disabled {
1336   -webkit-box-shadow: none;
1337   -moz-box-shadow: none;
1338   box-shadow: none;
1339   -webkit-appearance: none;
1340 }
1341 
1342 /* line 324, ../scss/partials/_buttons.scss */
1343 .button-flat-royal {
1344   -webkit-box-shadow: none;
1345   -moz-box-shadow: none;
1346   box-shadow: none;
1347   -webkit-transition-property: background;
1348   -moz-transition-property: background;
1349   -o-transition-property: background;
1350   transition-property: background;
1351   -webkit-transition-duration: 0.3s;
1352   -moz-transition-duration: 0.3s;
1353   -o-transition-duration: 0.3s;
1354   transition-duration: 0.3s;
1355   background: #87318c;
1356   color: white;
1357   text-shadow: none;
1358   border: none;
1359 }
1360 /* line 333, ../scss/partials/_buttons.scss */
1361 .button-flat-royal:hover, .button-flat-royal:focus {
1362   background: #99389f;
1363 }
1364 /* line 336, ../scss/partials/_buttons.scss */
1365 .button-flat-royal:active {
1366   -webkit-transition-duration: 0s;
1367   -moz-transition-duration: 0s;
1368   -o-transition-duration: 0s;
1369   transition-duration: 0s;
1370   background: #764479;
1371   color: #501d53;
1372 }
1373 /* line 341, ../scss/partials/_buttons.scss */
1374 .button-flat-royal.disabled {
1375   -webkit-box-shadow: none;
1376   -moz-box-shadow: none;
1377   box-shadow: none;
1378   -webkit-appearance: none;
1379 }
1380 
1381 /* line 354, ../scss/partials/_buttons.scss */
1382 .button-group {
1383   position: relative;
1384   display: inline-block;
1385 }
1386 /* line 357, ../scss/partials/_buttons.scss */
1387 .button-group .button {
1388   float: left;
1389 }
1390 /* line 359, ../scss/partials/_buttons.scss */
1391 .button-group .button:focus, .button-group .button:hover, .button-group .button.active {
1392   z-index: 5;
1393 }
1394 /* line 362, ../scss/partials/_buttons.scss */
1395 .button-group .button.active {
1396   background: gainsboro;
1397 }
1398 /* line 366, ../scss/partials/_buttons.scss */
1399 .button-group .button:not(:first-child):not(:last-child) {
1400   border-radius: 0;
1401 }
1402 /* line 369, ../scss/partials/_buttons.scss */
1403 .button-group .button:first-child {
1404   border-top-right-radius: 0;
1405   border-bottom-right-radius: 0;
1406 }
1407 /* line 373, ../scss/partials/_buttons.scss */
1408 .button-group .button:last-child {
1409   border-top-left-radius: 0;
1410   border-bottom-left-radius: 0;
1411 }
1412 /* line 379, ../scss/partials/_buttons.scss */
1413 .button-group .button + .button {
1414   margin-left: -1px;
1415 }
1416 
1417 /* line 392, ../scss/partials/_buttons.scss */
1418 .button-jumbo {
1419   font-size: 24px;
1420   height: 51.2px;
1421   line-height: 51.2px;
1422   padding: 0px 40.96px;
1423 }
1424 
1425 /* line 392, ../scss/partials/_buttons.scss */
1426 .button-large {
1427   font-size: 18px;
1428   height: 38.4px;
1429   line-height: 38.4px;
1430   padding: 0px 30.72px;
1431 }
1432 
1433 /* line 423, ../scss/partials/_buttons.scss */
1434 input.button-large, button.button-large {
1435   height: 40.4px;
1436 }
1437 
1438 /* line 392, ../scss/partials/_buttons.scss */
1439 .button-small {
1440   font-size: 14px;
1441   height: 25.6px;
1442   line-height: 24px;
1443   padding: 0px 20.48px;
1444 }
1445 
1446 /* line 423, ../scss/partials/_buttons.scss */
1447 input.button-small, button.button-small {
1448   height: 27.6px;
1449 }
1450 
1451 /* line 392, ../scss/partials/_buttons.scss */
1452 .button-tiny {
1453   font-size: 12px;
1454   height: 22.4px;
1455   line-height: 22.4px;
1456   padding: 0px 19.2px;
1457 }
1458 
1459 /* line 423, ../scss/partials/_buttons.scss */
1460 input.button-tiny, button.button-tiny {
1461   height: 24.4px;
1462 }
1463 
1464 /* line 444, ../scss/partials/_buttons.scss */
1465 .button.glow {
1466   -webkit-animation-duration: 3s;
1467   -moz-animation-duration: 3s;
1468   -ms-animation-duration: 3s;
1469   -o-animation-duration: 3s;
1470   animation-duration: 3s;
1471   -webkit-animation-iteration-count: infinite;
1472   -khtml-animation-iteration-count: infinite;
1473   -moz-animation-iteration-count: infinite;
1474   -ms-animation-iteration-count: infinite;
1475   -o-animation-iteration-count: infinite;
1476   animation-iteration-count: infinite;
1477   -webkit-animation-name: glowing;
1478   -khtml-animation-name: glowing;
1479   -moz-animation-name: glowing;
1480   -ms-animation-name: glowing;
1481   -o-animation-name: glowing;
1482   animation-name: glowing;
1483 }
1484 /* line 447, ../scss/partials/_buttons.scss */
1485 .button.glow:active {
1486   -webkit-animation-name: none;
1487   -moz-animation-name: none;
1488   -ms-animation-name: none;
1489   -o-animation-name: none;
1490   animation-name: none;
1491   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
1492   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
1493   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
1494 }
1495 
1496 /* line 459, ../scss/partials/_buttons.scss */
1497 .button-dropdown {
1498   position: relative;
1499   overflow: visible;
1500   display: inline-block;
1501 }
1502 /* line 466, ../scss/partials/_buttons.scss */
1503 .button-dropdown .button .icon-caret-down {
1504   font-size: 90%;
1505   margin: 0px 0px 0px 3px;
1506   vertical-align: middle;
1507 }
1508 /* line 473, ../scss/partials/_buttons.scss */
1509 .button-dropdown ul.button-dropdown-menu-below {
1510   top: 115%;
1511 }
1512 /* line 476, ../scss/partials/_buttons.scss */
1513 .button-dropdown ul.button-dropdown-menu-above {
1514   bottom: 115%;
1515   top: auto;
1516 }
1517 /* line 482, ../scss/partials/_buttons.scss */
1518 .button-dropdown ul {
1519   -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
1520   -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
1521   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
1522   -webkit-border-radius: 3px;
1523   -moz-border-radius: 3px;
1524   -ms-border-radius: 3px;
1525   -o-border-radius: 3px;
1526   border-radius: 3px;
1527   display: none;
1528   position: absolute;
1529   background: #fcfcfc;
1530   top: -2px;
1531   left: -2px;
1532   z-index: 1000;
1533   padding: 0px;
1534   margin: 0px;
1535   list-style-type: none;
1536   min-width: 102%;
1537 }
1538 /* line 496, ../scss/partials/_buttons.scss */
1539 .button-dropdown ul li {
1540   padding: 0px;
1541   margin: 0px;
1542   display: block;
1543 }
1544 /* line 501, ../scss/partials/_buttons.scss */
1545 .button-dropdown ul li:first-child a {
1546   -moz-border-radius-topleft: 3px;
1547   -webkit-border-top-left-radius: 3px;
1548   border-top-left-radius: 3px;
1549   -moz-border-radius-topright: 3px;
1550   -webkit-border-top-right-radius: 3px;
1551   border-top-right-radius: 3px;
1552 }
1553 /* line 504, ../scss/partials/_buttons.scss */
1554 .button-dropdown ul li:last-child a {
1555   -moz-border-radius-bottomleft: 3px;
1556   -webkit-border-bottom-left-radius: 3px;
1557   border-bottom-left-radius: 3px;
1558   -moz-border-radius-bottomright: 3px;
1559   -webkit-border-bottom-right-radius: 3px;
1560   border-bottom-right-radius: 3px;
1561 }
1562 /* line 510, ../scss/partials/_buttons.scss */
1563 .button-dropdown ul .button-dropdown-divider {
1564   -webkit-box-shadow: inset 0px 1px 0px white;
1565   -moz-box-shadow: inset 0px 1px 0px white;
1566   box-shadow: inset 0px 1px 0px white;
1567   border-top: 1px solid #e4e4e4;
1568 }
1569 /* line 515, ../scss/partials/_buttons.scss */
1570 .button-dropdown ul a {
1571   display: block;
1572   padding: 0px 20px;
1573   text-decoration: none;
1574   font-size: 12px;
1575   color: #333333;
1576   line-height: 30px;
1577   white-space: nowrap;
1578 }
1579 /* line 524, ../scss/partials/_buttons.scss */
1580 .button-dropdown ul a:hover, .button-dropdown ul a:focus {
1581   background-color: #3c6ab9;
1582   color: white;
1583 }
View Code

使用时：

 <a href="" class="button button-circle" target="_blank">网站介绍</a>

即可，多种颜色可选。

posted @ 2015-05-26 22:27  ToBeStrong  阅读(233)  评论(0)    收藏  举报