7202787092
This makes it easier to keep baseline alignment between labels and their respective inputs. Declaring `margin-left: 51%;` for the post-input notes is not exactly what we want, but it's much closer and less troublesome than dealing with the vertical alignment of labels otherwise.
114 lines
1.8 KiB
CSS
114 lines
1.8 KiB
CSS
.supporter-type-selection .prolog > span:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.supporter-form-input {
|
|
margin-bottom: .5em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.supporter-form-input label {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
white-space: normal;
|
|
}
|
|
|
|
.supporter-form-input input[name=amount],
|
|
.supporter-form-input input[name=a3] {
|
|
width: 5em;
|
|
}
|
|
|
|
.supporter-form-input input[type=radio] {
|
|
margin-left: 1em;
|
|
margin-right: .2em;
|
|
}
|
|
|
|
.supporter-form-input input[type=radio]:first-of-type {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.supporter-form-submit {
|
|
text-align: center;
|
|
}
|
|
|
|
.form-error, .supporter-form-input p {
|
|
font-size: 80%;
|
|
white-space: normal;
|
|
}
|
|
|
|
.form-error {
|
|
color: red;
|
|
}
|
|
|
|
input.invalid, textarea.invalid {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
input.valid, textarea.valid {
|
|
border: 2px solid green;
|
|
}
|
|
|
|
.supporter-type-selector {
|
|
clear: both;
|
|
font-size: 125%;
|
|
text-align: center;
|
|
}
|
|
|
|
h1.appeal {
|
|
margin-top: -.75em;
|
|
}
|
|
|
|
img.appeal-left {
|
|
float: left;
|
|
padding-right: 1em;
|
|
margin: .25em;
|
|
min-width: 8%;
|
|
max-width: 30%;
|
|
height: auto;
|
|
}
|
|
|
|
img.appeal-right {
|
|
float: right;
|
|
padding-left: 1em;
|
|
margin: .25em;
|
|
min-width: 8%;
|
|
max-width: 30%;
|
|
width: auto;
|
|
}
|
|
|
|
img.appeal {
|
|
float: left;
|
|
padding-right: 1em;
|
|
min-width: 10%;
|
|
max-width: 85%;
|
|
width: auto;
|
|
}
|
|
|
|
img.appeal-header {
|
|
max-width: 100%;
|
|
width: auto;
|
|
margin-top: 0em;
|
|
}
|
|
|
|
img.appeal-footer {
|
|
max-width: 40%;
|
|
float: right;
|
|
width: 10%;
|
|
min-width: 1%;
|
|
height: auto;
|
|
}
|
|
img.appeal-match {
|
|
float: left;
|
|
height: auto;
|
|
border: 1px solid #fff;
|
|
width: 10%;
|
|
margin-top: .25em;
|
|
margin-bottom: .25em;
|
|
margin-right: 1em;
|
|
background: #eee;
|
|
}
|
|
p.appeal-match-text {
|
|
width: 100%;
|
|
border: 1px solid #fff;
|
|
background: #eee;
|
|
}
|