amber/css/moka.css

@import "reset.css";
body {
  background: #d5d5d5;
}
.moka_view .mk_default {
  font-size: 12px;
  color: #555;
  text-shadow: 0 1px 0 white;
}
.moka_view .mk_control:focus {
  outline: 0;
}
.moka_view button,
.moka_view button:active,
.moka_view button:focus {
  font-size: 12px;
  color: #555;
  text-shadow: 0 1px 0 white;
  margin: 100px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
  background: #fafafa;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dedede), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dedede, #ffffff);
  background: -moz-linear-gradient(center bottom, #dedede 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dedede);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0);
  -webkit-box-shadow: 0 1px 3px 0 #cccccc;
  -moz-box-shadow: 0 1px 3px 0 #cccccc;
  box-shadow: 0 1px 3px 0 #cccccc;
  padding: 3px 10px;
}
.moka_view button:focus,
.moka_view button:active:focus,
.moka_view button:focus:focus {
  outline: 0;
}
.moka_view button:active,
.moka_view button:active:active,
.moka_view button:focus:active {
  -webkit-box-shadow: 0 0 3px 0 #cccccc;
  -moz-box-shadow: 0 0 3px 0 #cccccc;
  box-shadow: 0 0 3px 0 #cccccc;
  background: #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(1, #dedede));
  background: -ms-linear-gradient(bottom, #fafafa, #dedede);
  background: -moz-linear-gradient(center bottom, #fafafa 0%, #dedede 100%);
  background: -o-linear-gradient(#dedede, #fafafa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#fafafa', GradientType=0);
}