piskel/css/forms.css

.textfield {
  background : black;
  border : 1px solid #888;
  border-radius : 2px;
  padding : 3px 10px;
  color : white;
}

.textfield[disabled=disabled] {
  background : #3a3a3a;
}

.textfield-small {
  width : 50px;
}

.button {
  height: 24px;
  box-sizing: border-box;

  background-color: #3f3f3f;
  border: 1px solid #333;
  border-top-color: #666;
  border-bottom-color: #222;

  cursor: pointer;
  text-decoration: none;

  color: white;
  text-shadow: 0px -1px 0 black;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;

  transition: background-color 0.2s linear;
}

.button:hover {
  text-decoration: none;
  background-color: #484848;
  color: gold;
}

.button-primary {
  background-color: rgb(255,215,0); /* gold */

  border-color: rgb(179, 164, 0);
  border-top-color: white;
  border-bottom-color: rgb(151, 133, 0);

  color: black;
  text-shadow: 0px 1px 0 #fff;
}

.button-primary:hover {
  background-color: rgb(255,235,20);
  color: #333;
}

.button[disabled=disabled],
.button[disabled=disabled]:hover {
  cursor:default;
  background-color: #aaa;
  color: #777;
  text-shadow: 0px 1px 0 #bbb;
  border-color: #666;
  border-top-color: #999;
  border-bottom-color: #555;
}