Files
@ 027964192a65
Branch filter:
Location: website/www/conservancy/static/forms.css
027964192a65
1.6 KiB
text/css
Function to compute how far to the goal we are.
This is also inserted by the Javascript code as well, but no reason we
can't compute it server side, too.
This is also inserted by the Javascript code as well, but no reason we
can't compute it server side, too.
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;
}
|