webform-toolkit/dist/webform-toolkit.css

Create a HTML form with field validation and custom errors.

/**
 *  webform-toolkit
 *  Create a HTML form with field validation and custom errors.
 *
 *  Copyright 2012-2024, Marc S. Brooks (https://mbrooks.info)
 *  Licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 */
.webform fieldset {
  border: none;
  margin: 5px 10px;
}
.webform fieldset div {
  display: inline-block;
  margin: 5px;
}
.webform fieldset div label {
  display: inline-block;
  width: 150px;
}
.webform fieldset div input, .webform fieldset div textarea {
  box-shadow: none;
  outline: none;
}
.webform fieldset div input.error-on, .webform fieldset div textarea.error-on {
  border: 1px solid #ff0000;
  color: #ff0000;
}
.webform fieldset div input.error-off, .webform fieldset div textarea.error-off {
  border: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #aaa;
}
.webform fieldset div input[type=text], .webform fieldset div input[type=password], .webform fieldset div input[type=file] {
  border: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #aaa;
  width: 200px;
}
.webform fieldset div input[type=text], .webform fieldset div input[type=password] {
  height: 20px;
}
.webform fieldset div input[type=file] {
  border: 1px solid transparent;
  margin: 5px 0px;
}
.webform fieldset div input[type=button], .webform fieldset div input[type=submit] {
  display: block;
  margin: 0px auto;
  padding: 2px;
}
.webform fieldset div select {
  box-shadow: none;
}
.webform fieldset div textarea {
  border: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #aaa;
  height: 50px;
  width: 200px;
}
.webform fieldset div p {
  font-size: 12px;
  padding: 5px;
  text-align: center;
}
.webform fieldset div p.description {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  margin-top: 5px;
}
.webform fieldset div p.error-message {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-top: 1px solid #eee;
  display: none;
  margin-bottom: 20px;
}
.webform fieldset div .checkbox, .webform fieldset div .radios {
  display: inline-block;
}
.webform fieldset div .checkbox input, .webform fieldset div .checkbox span {
  display: inline-block;
}
.webform fieldset div .checkbox span {
  padding-left: 5px;
  vertical-align: middle;
}
.webform fieldset legend {
  font-weight: bold;
}
.webform .form-submit {
  padding: 10px 0px;
}

/*# sourceMappingURL=webform-toolkit.css.map */