cirandas.net

ref: master

public/stylesheets/fields.scss


  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
div.fieldWithErrors {
  display: inline;
  background: yellow;
}
div.fieldWithErrors input {
  border: 1px solid red;
  background: #fee;
}
div#errorExplanation {
  padding: 5px;
}
div#errorExplanation h2 {
  margin-top: -5px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 3px;
  background: #933;
  color: white;
  text-align: center;
}
.error {
  color: red;
}

code input {
  font-family: monospace;
}

.formfieldline {
  padding: 3px 0px;
}
.pseudoformlabel, .formlabel {
  color: #444;
}
.formlabel {
  /* font-size: 11px; */
  display: block;
  padding: 2px 0px;
}
.formfield input, .formfield textarea {
  background: transparent url("../images/input-bg.gif") no-repeat top left;
  border: 1px solid #999;
  border-top: none;
  border-left: none;
  color: #585858;
  font-size: 11px;
}
.colorpicker_field {
  display: none;
}
.color_marker {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid;
}
.formfield input {
  text-indent: 5px;
  padding: 2px 0px;
}
.msie5 .formfield input, .msie6 .formfield input {
  background-attachment: fixed;
}
.msie .formfield input {
  padding-left: 2px;
}
.formfield textarea {
  padding: 2px 0px 0px 5px;
}
.Blog .formfield textarea {
  width: 99%;
}
.formfield.type-radio input, .formfield.type-checkbox input {
  background: none;
  border: none;
}
.formfield.type-select select {
  max-width: 100%;
}
.submitline {
  text-align: center;
}
.fieldgroup span {
  display: block;
  float: left;
}
.fieldgroup br {
  clear: left;
}
.linesize0 span {
  padding-right: 15px
}
.linesize1 span {
  width: 99%
}
.linesize2 span {
  width: 49%
}
.linesize3 span {
  width: 33%
}

.required-field label.formlabel {
  font-weight: bold;
  color: #c00;
}
.required-field label.formlabel:after {
  content: ' (*)';
}