Files
@ 86e780340a2b
Branch filter:
Location: website/www/conservancy/static/forms.css
86e780340a2b
1.6 KiB
text/css
First pass at Supporter Night form.
This is my first pass of the supporter night form with necessary
Javascript and CSS.
This is my first pass of the supporter night form with necessary
Javascript and CSS.
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 | .supporter-form label {
display: inline-block;
width: 200px;
text-align: right;
}
.dinner-form label {
display: inline-block;
width: 200px;
text-align: right;
}
.supporter-form-inputs {
float: left;
}
.dinner-form-inputs {
float: left;
}
.supporter-form-submit {
padding-left: 20em;
padding-top: 40px;
float: center;
}
.dinner-form-submit {
padding-left: 20em;
padding-top: 40px;
float: center;
}
.supporter-form div {
margin-top: 1em;
}
.dinner-form div {
margin-top: 1em;
}
.form-error {
display: none;
margin-left: 10px;
color: green;
}
.form-error-show {
color: red;
margin-left: 10px;
font-size: 75%;
}
input.invalid, textarea.invalid {
border: 2px solid red;
}
input.valid, textarea.valid {
border: 2px solid green;
}
.supporter-type-selector {
font-size: 125%;
text-align: center;
width: 80%;
align: left;
}
.supporter-type-selection {
clear: both;
padding-bottom: 60px;
width: 80%;
align: left;
}
img.appeal {
float: left;
padding-right: 2em;
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;
}
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;
}
|