INGREDIENTS
1 serving
font-size
1 serving
border-bottom: 1px solid #ccc
1 serving
font-size
1 serving
display: block
1 serving
font-size
1
padding-bottom: 5em
1 serving
clear: left
999
border: 1px solid
333
color
1 serving
font-size
1 serving
border-bottom: 1px solid #dadada
4
border-left: 1px solid #bbb
4
border-right: 1px solid #bbb
727272
border-top: 1px solid
1 serving
font-size
888
color
font-size: 8em
1 serving
color: #c12
888
color
7
border: 2px solid #ed2f
1 serving
color: #cc0000
1
font-size: 143em
1 serving
color: #e9602a
1 serving
border: 1px solid #ffcccc
1 serving
color: #b12
1 serving
margin-top: -2px
1 serving
color: #b12
1 serving
list-style: disc
666
color
font-size: 929em
1 serving
date_dropdowns
1 serving
date_dropdowns div {
1 serving
date_dropdowns div label {
888
color
font-size: 8em
1 serving
date_dropdowns .day {
1 serving
date_dropdowns .month {
1 serving
date_dropdowns .year {
1 serving
display: block
1 serving
top aligned
1 serving
display: block
padding-bottom: 15em
margin-bottom: 7em
padding-top: 3em
1 serving
form_topaligned .button
1 serving
form_topaligned input.button {
1 serving
margin-bottom: 1em
1 serving
display: block
1 serving
padding-bottom: 5px
1 serving
table
333
border-top: 6px solid
1 serving
border-bottom: 1px dotted #aaa
999
color
margin-bottom: 15em
1 serving
form styles
1 serving
form {
1 serving
position: relative
1 serving
text-align: left
1 serving
}
1 serving
form fieldset {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
}
1 serving
form fieldset legend {
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
float: left
1 serving
font-weight: bold
margin: 15px
1 serving
margin-left: -7px
padding: 3px
1 serving
white-space: normal
1 serving
}
1 serving
legend span {
1 serving
width: 461px
1 serving
}
1 serving
field label
1 serving
field .label
1 serving
form label {
1 serving
float: left
1 serving
margin-right: 1em
1 serving
width: 12em
1 serving
}
1 serving
introduction {
1 serving
}
1 serving
field {
margin: .75em
padding: 2em
1 serving
}
1 serving
text input
1 serving
textarea textarea
1 serving
password input
1 serving
email input
1 serving
url input
1 serving
decimal input
1 serving
integer input
1 serving
select input
1 serving
input[type="text"]
1 serving
input[type="textarea"] {
1
height: 2em
padding: 15em
1 serving
}
1 serving
decimal input
1 serving
integer input {
1 serving
width: 4em
1 serving
}
1 serving
textarea textarea
1 serving
input[type="textarea"] {
7
height: 5em
1 serving
width: 24em
1 serving
}
1 serving
form .field input
1 serving
form .textarea textarea
1 serving
form .select select
1 serving
input[type="text"]
1 serving
input[type="textarea"] {
background: #fff url) repeat-x
1 serving
padding: 3px
1 serving
width
1 serving
}
1 serving
form .select select
1 serving
select{
1 serving
padding: 2px
1 serving
width: auto
1 serving
}
1 serving
form .postcode input {
1 serving
width
1 serving
}
1 serving
form .telephone input
1 serving
form .mobile input
1 serving
form .fax input {
1 serving
width
1 serving
}
1 serving
form .help {
1
line-height: 8em
16
margin-left: 25em
? padding-bottom: 0; padding-bottom: 0; padding-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
field.required .required
1 serving
introduction .required {
1 serving
}
1 serving
field .optional
1 serving
introduction .optional {
1 serving
}
1 serving
field.error input
1 serving
select.error select
1 serving
textarea.error textarea {
1 serving
background: #fff1ed
1 serving
}
1 serving
form .required label span
1 serving
required_info span {
1 serving
font-weight: bold
1 serving
line-height
1 serving
}
1 serving
errors {
1 serving
font-weight: bold
1 serving
}
1 serving
error_summary {
1 serving
background: #ffebeb
1 serving
margin-left: -1px
padding: 375em
1 serving
}
1 serving
error_summary p {
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
field.error .errors {
1 serving
margin-left: 13em
1 serving
}
1 serving
error_summary li {
1 serving
margin-left: 2em
1 serving
}
1 serving
required_info {
1 serving
padding-left: 10px
1 serving
position: absolute
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: right
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
float: left
1 serving
}
1
line-height: 8em
1 serving
}
1 serving
width: 4em
1 serving
}
1 serving
width: 4em
1 serving
}
1 serving
width: 4em
1 serving
}
1 serving
checkboxes_widget
1 serving
radios_widget
1 serving
boolean_widget {
1 serving
margin-left: 13em
1 serving
}
1 serving
checkboxes_widget li label
1 serving
radios_widget li label {
1 serving
float: none
1 serving
}
1 serving
boolean_widget li label {
1 serving
width: 5em
1 serving
}
1 serving
checkboxes_widget li label input
1 serving
radios_widget li label input
1 serving
boolean_widget li label input {
1 serving
float: none
margin-right: 5em
1 serving
}
1 serving
right aligned
1 serving
form_rightaligned .field label
1 serving
form_rightaligned .field .label {
1 serving
text-align: right
1 serving
}
1 serving
form_rightaligned .field .optional
1 serving
form_rightaligned .introduction .optional {
1 serving
}
1 serving
form_topaligned .field label
1 serving
form_topaligned .field .label
1 serving
form_topaligned .textarea label
1 serving
form_topaligned .textarea .label {
1 serving
float: none
1 serving
line-height
? margin-right: 0; margin-right: 0; margin-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
}
1 serving
form_topaligned .field .help {
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
form_topaligned .field {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
padding: .375em
1 serving
}
1 serving
form_topaligned .dropdown {
1 serving
}
1 serving
form_topaligned .field .help
1 serving
form_topaligned .textarea .help {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
specific cases
1 serving
checklist_column {
1 serving
float: left
1 serving
width: 140px
1 serving
}
1 serving
checklist_item {
1 serving
}
1 serving
form_topaligned .checklist_column .checklist_item label {
1 serving
display: inline
1 serving
vertical-align: middle
1 serving
}
1 serving
form_topaligned .checklist_column .checklist_item input {
1 serving
margin-right: 3px
1 serving
vertical-align: middle
1 serving
}
1 serving
main theme styles
1
global styles
1
master/reset
1 serving
html
1 serving
h1
1 serving
fieldset
1 serving
input
1 serving
caption
1 serving
td
1 serving
abbr
1 serving
del
1 serving
sup
1 serving
sub
1 serving
qq:beforeq:afterq q:beforeq q:after
1 serving
em
1 serving
body {
1
font: normal 14px/57em "lucida grande"
1 serving
}
1 serving
grid {
1 serving
thanks to the guys at analog
1 serving
left
1 serving
margin-left: -470px
1 serving
position: absolute
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 941px
1 serving
}
1 serving
grid .horiz {
1 serving
px line height
1 serving
height: 21px
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
grid {
? z-index: 0; z-index: 0; z-index 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 1/10
accessibility
1 serving
accessibility
1 serving
access
1 1/5
headings
1 serving
h1
1 serving
h2
1 serving
h3
1 serving
h4
5
h {
1 serving
font-family: "helvetica neue"
1 serving
font-weight: bold
1 serving
line-height