Commit | Line | Data |
---|---|---|
7d8ac5b7 J |
1 | {literal} |
2 | <style> | |
3 | .crm-wci-widget { | |
4 | font-size:12px; | |
5 | font-family:Helvetica, Arial, sans; | |
6 | padding:6px; | |
7 | -moz-border-radius: 4px; | |
8 | -webkit-border-radius: 4px; | |
9 | -khtml-border-radius: 4px; | |
10 | border-radius: 4px; | |
4d4d53e3 | 11 | border: 4px solid {/literal}{$wciform.color_border}{literal}; |
851c37a8 | 12 | background-color: {/literal}{$wciform.color_widget_bg}{literal}; /* background color */ |
7d8ac5b7 J |
13 | } |
14 | ||
15 | .crm-wci-widget.thin { | |
16 | width: 150px; | |
17 | } | |
18 | ||
19 | .crm-wci-widget.normal { | |
20 | width: 200px; | |
21 | } | |
22 | ||
23 | .crm-wci-widget.wide { | |
24 | width: 250px; | |
25 | } | |
26 | ||
799ffc5a | 27 | h5 { |
7d8ac5b7 J |
28 | font-size:14px; |
29 | padding:3px; | |
30 | margin: 0px; | |
31 | text-align:center; | |
32 | -moz-border-radius: 4px; | |
33 | -webkit-border-radius: 4px; | |
34 | -khtml-border-radius: 4px; | |
35 | border-radius: 4px; | |
851c37a8 J |
36 | color: {/literal}{$wciform.color_title}{literal}; |
37 | background-color: {/literal}{$wciform.color_title_bg}{literal}; | |
38 | } /* title */ | |
7d8ac5b7 | 39 | |
799ffc5a | 40 | .crm-amounts { |
7d8ac5b7 J |
41 | height:1em; |
42 | margin:.8em 0px; | |
43 | font-size:13px; | |
44 | } | |
799ffc5a | 45 | .crm-amount-low { |
7d8ac5b7 J |
46 | float:left; |
47 | } | |
799ffc5a | 48 | .crm-amount-high { |
7d8ac5b7 J |
49 | float:right; |
50 | } | |
799ffc5a | 51 | .crm-percentage { |
7d8ac5b7 J |
52 | margin:0px 30%; |
53 | text-align:center; | |
54 | } | |
799ffc5a | 55 | .crm-amount-bar { /* progress bar */ |
7d8ac5b7 J |
56 | background-color:#FFF; |
57 | width:100%; | |
58 | display:block; | |
59 | border:1px solid #CECECE; | |
60 | -moz-border-radius: 4px; | |
61 | -webkit-border-radius: 4px; | |
62 | -khtml-border-radius: 4px; | |
63 | border-radius: 4px; | |
64 | margin-bottom:.8em; | |
65 | text-align:left; | |
851c37a8 | 66 | |
4d4d53e3 | 67 | background-color: #FFFFFF; |
851c37a8 | 68 | border-color:#CECECE; |
7d8ac5b7 | 69 | } |
799ffc5a | 70 | .crm-amount-fill { |
4d4d53e3 | 71 | background-color:{/literal}{$wciform.color_bar}{literal}; |
7d8ac5b7 J |
72 | height:1em; |
73 | display:block; | |
2082fcdf M |
74 | -moz-border-radius: 4px; |
75 | -webkit-border-radius: 4px; | |
76 | -khtml-border-radius: 4px; | |
77 | border-radius: 4px; | |
7d8ac5b7 J |
78 | text-align:left; |
79 | width: {/literal}{$wciform.pb_percentage}{literal}%; /* progress bar percentage */ | |
80 | } | |
799ffc5a | 81 | .crm-amount-raised-wrapper { |
7d8ac5b7 J |
82 | margin-bottom:.8em; |
83 | } | |
799ffc5a | 84 | .crm-amount-raised { |
7d8ac5b7 | 85 | font-weight:bold; |
851c37a8 | 86 | color:#000; |
7d8ac5b7 J |
87 | } |
88 | ||
799ffc5a | 89 | .crm-logo { |
7d8ac5b7 J |
90 | text-align:center; |
91 | } | |
92 | ||
799ffc5a M |
93 | .crm-comments, |
94 | .crm-donors, | |
95 | .crm-campaign { | |
7d8ac5b7 J |
96 | font-size:11px; |
97 | margin-bottom:.8em; | |
851c37a8 | 98 | color:{/literal}{$wciform.color_description}{literal} /* other color*/ |
7d8ac5b7 J |
99 | } |
100 | ||
799ffc5a | 101 | .crm-wci-button { |
7d8ac5b7 J |
102 | display:block; |
103 | background-color:#CECECE; | |
104 | -moz-border-radius: 4px; | |
105 | -webkit-border-radius: 4px; | |
106 | -khtml-border-radius: 4px; | |
107 | border-radius: 4px; | |
108 | text-align:center; | |
109 | margin:0px 10% .8em 10%; | |
110 | text-decoration:none; | |
111 | color:#556C82; | |
112 | padding:2px; | |
113 | font-size:13px; | |
114 | } | |
115 | ||
799ffc5a | 116 | .crm-home-url { |
7d8ac5b7 J |
117 | text-decoration:none; |
118 | border:0px; | |
851c37a8 | 119 | color:{/literal}{$wciform.color_homepage_link}{literal} /* home page link color*/ |
7d8ac5b7 J |
120 | } |
121 | ||
799ffc5a | 122 | a.crm-wci-button { /* button color */ |
7d8ac5b7 J |
123 | background-color:{/literal}{$wciform.color_button_bg}{literal}; |
124 | } | |
125 | ||
799ffc5a | 126 | .crm-wci-button-inner { /* button text color */ |
7d8ac5b7 J |
127 | padding:2px; |
128 | display:block; | |
129 | color:{/literal}{$wciform.color_button}{literal}; | |
130 | } | |
799ffc5a M |
131 | #crm_wci_image_container { |
132 | text-align: center; | |
133 | padding: 10px 20px; | |
134 | } | |
4d4d53e3 M |
135 | .thin #crm_wci_image { |
136 | width: 100px; | |
137 | } | |
138 | .normal #crm_wci_image { | |
139 | width: 150px; | |
140 | } | |
141 | .wide #crm_wci_image { | |
142 | width: 200px; | |
143 | } | |
144 | #newsletter_msg, #newsletter_mail, #newsletter_submit { | |
145 | text-align: center; | |
146 | margin: 0 auto; | |
799ffc5a | 147 | } |
7d8ac5b7 | 148 | </style> |
851c37a8 | 149 | |
7d8ac5b7 J |
150 | <style> |
151 | {/literal} | |
152 | {$wciform.style_rules} | |
153 | {literal} | |
154 | </style> | |
155 | {/literal} | |
156 | ||
851c37a8 | 157 | <div id="crm_wid_{$wciform.widgetId}" class="crm-wci-widget {$wciform.size_variant}"> |
ac7663cd | 158 | {if $wciform.title} |
851c37a8 | 159 | <h5 id="crm_wid_{$wciform.widgetId}_title"> |
7d8ac5b7 J |
160 | {if $wciform.logo_image} |
161 | <span class="crm-logo"> | |
162 | <img src="{$wciform.logo_image}" alt={ts}Logo{/ts}> | |
163 | </span> | |
164 | {/if} | |
165 | {$wciform.title} | |
166 | </h5> | |
ac7663cd | 167 | {/if} |
b7a6e5f3 | 168 | {if $wciform.image} |
799ffc5a M |
169 | <div id="crm_wci_image_container"> |
170 | <img id="crm_wci_image" src='{$wciform.image}'/> | |
171 | </div> | |
b7a6e5f3 | 172 | {/if} |
7d8ac5b7 | 173 | <div class="crm-amounts"> |
143ff5a2 J |
174 | <div id="crm_wid_{$wciform.widgetId}_amt_hi" class="crm-amount-high">${$wciform.goal_amount}</div> |
175 | <div id="crm_wid_{$wciform.widgetId}_amt_low" class="crm-amount-low">${$wciform.starting_amount}</div> | |
176 | <div id="crm_wid_{$wciform.widgetId}_percentage" class="crm-percentage">{$wciform.pb_percentage}%</div> | |
7d8ac5b7 J |
177 | </div> |
178 | <div class="crm-amount-bar"> | |
851c37a8 | 179 | <div class="crm-amount-fill" id="crm_wid_{$wciform.widgetId}_amt_fill"></div> |
7d8ac5b7 | 180 | </div> |
851c37a8 | 181 | <div id="crm_wid_{$wciform.widgetId}_donors" class="crm-donors"> |
7d8ac5b7 | 182 | </div> |
851c37a8 | 183 | <div id="crm_wid_{$wciform.widgetId}_comments" class="crm-comments"> |
7d8ac5b7 J |
184 | {$wciform.description} |
185 | </div> | |
851c37a8 | 186 | <div id="crm_wid_{$wciform.widgetId}_campaign" class="crm-campaign"> |
7d8ac5b7 | 187 | </div> |
4d4d53e3 | 188 | {if $wciform.button_title} |
851c37a8 J |
189 | <div class="crm-wci-button-wrapper" id="crm_wid_{$wciform.widgetId}_button"> |
190 | <a href='{crmURL p="civicrm/contribute/transact" q="reset=1&id=$cpageId" h=0 a=1 fe=1}' class="crm-wci-button"><span class="crm-wci-button-inner" id="crm_wid_{$wciform.widgetId}_btn_txt">{$wciform.button_title}</span></a> | |
7d8ac5b7 | 191 | </div> |
4d4d53e3 | 192 | {/if} |
2575ba7d | 193 | {if $wciform.email_signup_group_id} |
2082fcdf | 194 | {if $embed eq 1 } |
4d4d53e3 | 195 | <form action="{$wciform.emailSignupGroupFormURL}" method="post"> |
2082fcdf | 196 | {/if} |
4d4d53e3 | 197 | <p id="newsletter_msg"> |
89aba015 M |
198 | Get the monthly newsletter |
199 | </p> | |
4d4d53e3 M |
200 | <p id="newsletter_mail"> |
201 | <input id="frmEmail" type="text" name="email-Primary" size="18" maxlength="80" placeholder="email address"> | |
202 | </p> | |
203 | <p id="newsletter_submit"> | |
2082fcdf | 204 | {if $embed eq 1 } |
4d4d53e3 | 205 | <input type="submit" name="_qf_Edit_next" value="Subscribe me"> |
2082fcdf | 206 | {else} |
4d4d53e3 | 207 | <input type="button" name="_qf_Edit_next" value="Subscribe me"> |
2082fcdf | 208 | {/if} |
2575ba7d | 209 | </p> |
4d4d53e3 M |
210 | <div> |
211 | <input name="postURL" type="hidden" value=""> | |
212 | <input type="hidden" name="group[{$wciform.email_signup_group_id}]" value="1"> | |
213 | <input name="_qf_default" type="hidden" value="Edit:cancel"> | |
214 | </div> | |
2082fcdf | 215 | {if $embed eq 1 } |
2575ba7d | 216 | </form> |
2082fcdf | 217 | {/if} |
2575ba7d | 218 | {/if} |
7d8ac5b7 | 219 | </div> |