website/www/conservancy/static/forms.css
Bradley M. Kuhn 6e3468bc98 Modify CSS, image & related so img of heart works.
Putting the heart on the floated right corner should work pretty well
now with this CSS.
2014-12-02 16:20:10 -05:00

67 lines
No EOL
988 B
CSS

#supporter-form label {
display: inline-block;
width: 200px;
text-align: right;
}
#supporter-form-inputs {
float: left;
}
#supporter-form-submit {
padding-left: 500px;
padding-top: 40px;
float: center;
}
#supporter-form div {
margin-top: 1em;
}
.form-error {
display: none;
margin-left: 10px;
color: green;
}
.form-error-show {
color: red;
margin-left: 10px;
}
input.invalid, textarea.invalid {
border: 2px solid red;
}
input.valid, textarea.valid {
border: 2px solid green;
}
div.supporter-type-selector {
font-size: 125%;
text-align: center;
}
.supporter-type-selection {
clear: both;
padding-bottom: 60px;
}
img.appeal {
float: left;
padding-right: 40px;
min-width: 10%;
max-width: 100%;
height: auto;
}
img.appeal-header {
max-width: 100%;
height: auto;
}
img.appeal-footer {
max-width: 40%;
float: right;
width: 10%;
min-width: 1%;
height: auto;
}