| Index: trunk/extensions/DonationInterface/globalcollect_gateway/forms/css/gc.css |
| — | — | @@ -0,0 +1,220 @@ |
| | 2 | +table#donation_amount { |
| | 3 | + background-color:transparent; |
| | 4 | + border:1px solid #AAAAAA; |
| | 5 | + border-collapse:collapse; |
| | 6 | + width: 394px; |
| | 7 | +} |
| | 8 | +table#donation_amount td { |
| | 9 | + border:1px solid #AAAAAA; |
| | 10 | +} |
| | 11 | +table#donation_amount td.amount_header { |
| | 12 | + background-color:#eef2f7; |
| | 13 | + font-size:90%; |
| | 14 | +} |
| | 15 | +table#donation_amount td.amount_data { |
| | 16 | + background-color:#daf2db; |
| | 17 | +} |
| | 18 | +h3.cc_header { |
| | 19 | + padding-bottom: 0; |
| | 20 | + margin-bottom: 0; |
| | 21 | + font-weight: normal; |
| | 22 | +} |
| | 23 | +div#payflowpro_gateway-donate-addl-info-text { |
| | 24 | + font-size: 90%; |
| | 25 | + line-height: 120%; |
| | 26 | + padding-top: 12px; |
| | 27 | +} |
| | 28 | +div#payflowpro_gateway-donate-submessage { |
| | 29 | + font-size: 90%; |
| | 30 | + line-height: 120%; |
| | 31 | +} |
| | 32 | +#payflow-table-donor td.label, #payflow-table-comment td.label, #payflow-table-cc td.label { |
| | 33 | + white-space: nowrap; |
| | 34 | + display: block; |
| | 35 | + padding-right: 1em; |
| | 36 | + text-align: right; |
| | 37 | + width: 94px; |
| | 38 | +} |
| | 39 | + |
| | 40 | + |
| | 41 | +.payflow-cc-form-section { |
| | 42 | + float: none; |
| | 43 | + margin-right: 0em; |
| | 44 | + margin-bottom: 1em; |
| | 45 | +} |
| | 46 | + |
| | 47 | +#payflowpro_gateway-cc_form_container { |
| | 48 | + width: 100%; |
| | 49 | +} |
| | 50 | + |
| | 51 | +#payflowpro_gateway-cc_form_form { |
| | 52 | + width: 475px; |
| | 53 | + float: right; |
| | 54 | + margin-left: 2em; |
| | 55 | + padding-left: 2em; |
| | 56 | + border-left: 1px solid #BBBBBB; |
| | 57 | +} |
| | 58 | + |
| | 59 | +#payflowpro_gateway-cc_form_letter { |
| | 60 | + height: 100%; |
| | 61 | +} |
| | 62 | + |
| | 63 | +#payflowpro_gateway-cc_form_letter p { |
| | 64 | + font-size: 1.125em; |
| | 65 | + margin-bottom: 1.2em; |
| | 66 | +} |
| | 67 | + |
| | 68 | +#payflowpro_gateway-personal-info { |
| | 69 | + margin-right:0 !important; |
| | 70 | +} |
| | 71 | + |
| | 72 | +#payflowpro_gateway-donate-addl-info-secure-logos { |
| | 73 | + float: left; |
| | 74 | + margin-right: 2em; |
| | 75 | +} |
| | 76 | + |
| | 77 | +#payflowpro_gateway-cc_form_letter_inside { |
| | 78 | + padding-top: .5em; |
| | 79 | +} |
| | 80 | + |
| | 81 | +#payflowpro_gateway-cc_otherways { |
| | 82 | + padding-top: .5em; |
| | 83 | + display: block; |
| | 84 | +} |
| | 85 | +#payflowpro_gateway-donate-addl-info { |
| | 86 | + margin-top:2em !important; |
| | 87 | + margin-bottom:1em !important; |
| | 88 | +} |
| | 89 | + |
| | 90 | +#appeal { |
| | 91 | + background-color:transparent; |
| | 92 | + border-color:transparent; |
| | 93 | + border-style:solid; |
| | 94 | + border-width:1px 0 1px 1px; |
| | 95 | + padding:16px 24px 24px; |
| | 96 | +} |
| | 97 | +#appeal-head { |
| | 98 | + font-size:1.5em; |
| | 99 | + line-height:1.125em; |
| | 100 | + padding-bottom:0.5em; |
| | 101 | + padding-top:0.125em; |
| | 102 | +} |
| | 103 | +#appeal-body { |
| | 104 | + font-size:1.125em; |
| | 105 | + margin-bottom:1em; |
| | 106 | + padding:0.2em 0; |
| | 107 | +} |
| | 108 | +#donate { |
| | 109 | +} |
| | 110 | +#donate-head { |
| | 111 | + border:none; |
| | 112 | + font-size:1.5em; |
| | 113 | + line-height:1.125em; |
| | 114 | + padding-bottom:0em; |
| | 115 | + padding-top:0.125em; |
| | 116 | +} |
| | 117 | +#donate-body { |
| | 118 | + font-size:1.125em; |
| | 119 | + margin-bottom:1em; |
| | 120 | +} |
| | 121 | + |
| | 122 | +/* Move the form up */ |
| | 123 | +#mw-head-base { |
| | 124 | + height: 1em !important; |
| | 125 | +} |
| | 126 | + |
| | 127 | +/* Hiding content border */ |
| | 128 | +table { |
| | 129 | + background-color: transparent; |
| | 130 | +} |
| | 131 | +div#content { |
| | 132 | + background-color: transparent !important; |
| | 133 | + background-image: none !important; |
| | 134 | +} |
| | 135 | +div#mw-head-base { |
| | 136 | + background-image: none !important; |
| | 137 | +} |
| | 138 | +#footer { |
| | 139 | + background-image: none !important; |
| | 140 | +} |
| | 141 | + |
| | 142 | +/* Hiding stuff we don't need */ |
| | 143 | +h1#firstHeading, div#contentSub { |
| | 144 | + display: none; |
| | 145 | +} |
| | 146 | + |
| | 147 | +/* NEW STUFF */ |
| | 148 | +#greenBackground{ |
| | 149 | + padding:16px 24px; |
| | 150 | + width:300px; |
| | 151 | + background-color:#CCE7CD; |
| | 152 | + border:1px solid #5EAC58; |
| | 153 | +} |
| | 154 | +p#informationsharing, p#monthlycancel { |
| | 155 | + width: 318px; |
| | 156 | + padding: 0 15px; |
| | 157 | + line-height: 14px; |
| | 158 | + font-size: 11px; |
| | 159 | +} |
| | 160 | +ul#moreinfolinks li{ |
| | 161 | + list-style: none !important; |
| | 162 | + list-style-image: none !important; |
| | 163 | +} |
| | 164 | +h3.amount_header { |
| | 165 | + padding: 0 0 0.4em 0; |
| | 166 | + margin-bottom: 0; |
| | 167 | + font-weight: normal; |
| | 168 | +} |
| | 169 | + |
| | 170 | +table#payflow-table-donor{ |
| | 171 | + /*margin-left: 10px;*/ |
| | 172 | +} |
| | 173 | + |
| | 174 | +/* Form Inputs */ |
| | 175 | + |
| | 176 | +input.halfwidth { |
| | 177 | + width: 137px; |
| | 178 | +} |
| | 179 | +input.fullwidth { |
| | 180 | + width: 285px; |
| | 181 | +} |
| | 182 | + |
| | 183 | +input.leftmar { |
| | 184 | + margin-left: 4px; |
| | 185 | +} |
| | 186 | + |
| | 187 | +input#city.halfwidth.state { |
| | 188 | + width:134px; |
| | 189 | +} |
| | 190 | +input#zip.halfwidth.state { |
| | 191 | + width:84px; |
| | 192 | + margin-left: 0; |
| | 193 | +} |
| | 194 | +select#state { |
| | 195 | + width: 50px; |
| | 196 | +} |
| | 197 | + |
| | 198 | + |
| | 199 | +/* Specific element overrides */ |
| | 200 | +input#zip.ja { |
| | 201 | + width: 268px; |
| | 202 | +} |
| | 203 | +select#state.ja { |
| | 204 | + width:100%; |
| | 205 | +} |
| | 206 | + |
| | 207 | +select#state.it { |
| | 208 | + width: auto; |
| | 209 | +} |
| | 210 | + |
| | 211 | +/* From Webitects */ |
| | 212 | +/* Options */ |
| | 213 | +.form .options-h, .form .options-v { margin: 0; } |
| | 214 | +.options-h, .options-v { list-style: none; margin: 0 0 1em 0; } |
| | 215 | +.options-h img, .options-v img { vertical-align: middle; } |
| | 216 | +.options-h li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; } |
| | 217 | +.options-h li { display: inline; line-height: 2.5; margin-right: 0.3em; white-space: nowrap; } |
| | 218 | +.options-h li select { vertical-align: middle; } |
| | 219 | +.options-h li:last-child { margin: 0; } |
| | 220 | +.form .options-v { margin-top: 5px; } |
| | 221 | +.options-v li { padding-left: 25px; text-indent: -25px; } |
| \ No newline at end of file |
| Property changes on: trunk/extensions/DonationInterface/globalcollect_gateway/forms/css/gc.css |
| ___________________________________________________________________ |
| Added: svn:eol-style |
| 1 | 222 | + native |
| Index: trunk/extensions/DonationInterface/globalcollect_gateway/forms/css/gc.cc.css |
| — | — | @@ -150,7 +150,7 @@ |
| 151 | 151 | background-color:#CCE7CD; |
| 152 | 152 | border:1px solid #5EAC58; |
| 153 | 153 | } |
| 154 | | -p#informationsharing { |
| | 154 | +p#informationsharing, p#monthlycancel { |
| 155 | 155 | width: 318px; |
| 156 | 156 | padding: 0 15px; |
| 157 | 157 | line-height: 14px; |