Files
@ 963c023eabb6
Branch filter:
Location: website/www/conservancy/static/forms.css
963c023eabb6
1.6 KiB
text/css
site-wide supporter count fundraiser.
Using the jQuery UI multiprogress bar added earlier, this change allows
display of the of the progress bar on every page.
Using the jQuery UI multiprogress bar added earlier, this change allows
display of the of the progress bar on every page.
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;
}
|