Files
@ 413d162e7491
Branch filter:
Location: website/www/conservancy/static/css/forms.css
413d162e7491
1.9 KiB
text/css
Remove problematic four digit CSS code
Text is not dislpayed correctly with newer browsers, such as Firefox 49,
because of CSS color values. In current browsers the four digit values
are discarded as invalid CSS. Browsers are adding support for RGBA as a
valid CSS color value.
https://github.com/webcompat/web-bugs/issues/2628
Text is not dislpayed correctly with newer browsers, such as Firefox 49,
because of CSS color values. In current browsers the four digit values
are discarded as invalid CSS. Browsers are adding support for RGBA as a
valid CSS color value.
https://github.com/webcompat/web-bugs/issues/2628
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 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 | .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;
}
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;
}
|