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; | |
11 | border:1px solid #96C0E7; | |
851c37a8 J |
12 | background-color: {/literal}{$wciform.color_widget_bg}{literal}; /* background color */ |
13 | border-color:{/literal}{$wciform.color_border}{literal}; /* border color */ | |
7d8ac5b7 J |
14 | } |
15 | ||
16 | .crm-wci-widget.thin { | |
17 | width: 150px; | |
18 | } | |
19 | ||
20 | .crm-wci-widget.normal { | |
21 | width: 200px; | |
22 | } | |
23 | ||
24 | .crm-wci-widget.wide { | |
25 | width: 250px; | |
26 | } | |
27 | ||
799ffc5a | 28 | h5 { |
7d8ac5b7 J |
29 | font-size:14px; |
30 | padding:3px; | |
31 | margin: 0px; | |
32 | text-align:center; | |
33 | -moz-border-radius: 4px; | |
34 | -webkit-border-radius: 4px; | |
35 | -khtml-border-radius: 4px; | |
36 | border-radius: 4px; | |
851c37a8 J |
37 | color: {/literal}{$wciform.color_title}{literal}; |
38 | background-color: {/literal}{$wciform.color_title_bg}{literal}; | |
39 | } /* title */ | |
7d8ac5b7 | 40 | |
799ffc5a | 41 | .crm-amounts { |
7d8ac5b7 J |
42 | height:1em; |
43 | margin:.8em 0px; | |
44 | font-size:13px; | |
45 | } | |
799ffc5a | 46 | .crm-amount-low { |
7d8ac5b7 J |
47 | float:left; |
48 | } | |
799ffc5a | 49 | .crm-amount-high { |
7d8ac5b7 J |
50 | float:right; |
51 | } | |
799ffc5a | 52 | .crm-percentage { |
7d8ac5b7 J |
53 | margin:0px 30%; |
54 | text-align:center; | |
55 | } | |
799ffc5a | 56 | .crm-amount-bar { /* progress bar */ |
7d8ac5b7 J |
57 | background-color:#FFF; |
58 | width:100%; | |
59 | display:block; | |
60 | border:1px solid #CECECE; | |
61 | -moz-border-radius: 4px; | |
62 | -webkit-border-radius: 4px; | |
63 | -khtml-border-radius: 4px; | |
64 | border-radius: 4px; | |
65 | margin-bottom:.8em; | |
66 | text-align:left; | |
851c37a8 J |
67 | |
68 | background-color:{/literal}{$wciform.color_bar}{literal}; | |
69 | border-color:#CECECE; | |
7d8ac5b7 | 70 | } |
799ffc5a | 71 | .crm-amount-fill { |
7d8ac5b7 J |
72 | background-color:#2786C2; |
73 | height:1em; | |
74 | display:block; | |
75 | -moz-border-radius: 4px 0px 0px 4px; | |
76 | -webkit-border-radius: 4px 0px 0px 4px; | |
77 | -khtml-border-radius: 4px 0px 0px 4px; | |
78 | border-radius: 4px 0px 0px 4px; | |
79 | text-align:left; | |
80 | width: {/literal}{$wciform.pb_percentage}{literal}%; /* progress bar percentage */ | |
81 | } | |
799ffc5a | 82 | .crm-amount-raised-wrapper { |
7d8ac5b7 J |
83 | margin-bottom:.8em; |
84 | } | |
799ffc5a | 85 | .crm-amount-raised { |
7d8ac5b7 | 86 | font-weight:bold; |
851c37a8 | 87 | color:#000; |
7d8ac5b7 J |
88 | } |
89 | ||
799ffc5a | 90 | .crm-logo { |
7d8ac5b7 J |
91 | text-align:center; |
92 | } | |
93 | ||
799ffc5a M |
94 | .crm-comments, |
95 | .crm-donors, | |
96 | .crm-campaign { | |
7d8ac5b7 J |
97 | font-size:11px; |
98 | margin-bottom:.8em; | |
851c37a8 | 99 | color:{/literal}{$wciform.color_description}{literal} /* other color*/ |
7d8ac5b7 J |
100 | } |
101 | ||
799ffc5a | 102 | .crm-wci-button { |
7d8ac5b7 J |
103 | display:block; |
104 | background-color:#CECECE; | |
105 | -moz-border-radius: 4px; | |
106 | -webkit-border-radius: 4px; | |
107 | -khtml-border-radius: 4px; | |
108 | border-radius: 4px; | |
109 | text-align:center; | |
110 | margin:0px 10% .8em 10%; | |
111 | text-decoration:none; | |
112 | color:#556C82; | |
113 | padding:2px; | |
114 | font-size:13px; | |
115 | } | |
116 | ||
799ffc5a | 117 | .crm-home-url { |
7d8ac5b7 J |
118 | text-decoration:none; |
119 | border:0px; | |
851c37a8 | 120 | color:{/literal}{$wciform.color_homepage_link}{literal} /* home page link color*/ |
7d8ac5b7 J |
121 | } |
122 | ||
799ffc5a | 123 | a.crm-wci-button { /* button color */ |
7d8ac5b7 J |
124 | background-color:{/literal}{$wciform.color_button_bg}{literal}; |
125 | } | |
126 | ||
799ffc5a | 127 | .crm-wci-button-inner { /* button text color */ |
7d8ac5b7 J |
128 | padding:2px; |
129 | display:block; | |
130 | color:{/literal}{$wciform.color_button}{literal}; | |
131 | } | |
799ffc5a M |
132 | #crm_wci_image_container { |
133 | text-align: center; | |
134 | padding: 10px 20px; | |
135 | } | |
136 | #crm_wci_image { | |
137 | margin: auto; | |
138 | } | |
7d8ac5b7 | 139 | </style> |
851c37a8 | 140 | |
7d8ac5b7 J |
141 | <style> |
142 | {/literal} | |
143 | {$wciform.style_rules} | |
144 | {literal} | |
145 | </style> | |
146 | {/literal} | |
147 | ||
851c37a8 J |
148 | <div id="crm_wid_{$wciform.widgetId}" class="crm-wci-widget {$wciform.size_variant}"> |
149 | <h5 id="crm_wid_{$wciform.widgetId}_title"> | |
7d8ac5b7 J |
150 | {if $wciform.logo_image} |
151 | <span class="crm-logo"> | |
152 | <img src="{$wciform.logo_image}" alt={ts}Logo{/ts}> | |
153 | </span> | |
154 | {/if} | |
155 | {$wciform.title} | |
156 | </h5> | |
b7a6e5f3 | 157 | {if $wciform.image} |
799ffc5a M |
158 | <div id="crm_wci_image_container"> |
159 | <img id="crm_wci_image" src='{$wciform.image}'/> | |
160 | </div> | |
b7a6e5f3 | 161 | {/if} |
7d8ac5b7 | 162 | <div class="crm-amounts"> |
851c37a8 J |
163 | <div id="crm_wid_{$wciform.widgetId}_amt_hi" class="crm-amount-high"></div> |
164 | <div id="crm_wid_{$wciform.widgetId}_amt_low" class="crm-amount-low"></div> | |
165 | <div id="crm_wid_{$wciform.widgetId}_percentage" class="crm-percentage"></div> | |
7d8ac5b7 J |
166 | </div> |
167 | <div class="crm-amount-bar"> | |
851c37a8 | 168 | <div class="crm-amount-fill" id="crm_wid_{$wciform.widgetId}_amt_fill"></div> |
7d8ac5b7 | 169 | </div> |
851c37a8 | 170 | <div id="crm_wid_{$wciform.widgetId}_donors" class="crm-donors"> |
7d8ac5b7 | 171 | </div> |
851c37a8 | 172 | <div id="crm_wid_{$wciform.widgetId}_comments" class="crm-comments"> |
7d8ac5b7 J |
173 | {$wciform.description} |
174 | </div> | |
851c37a8 | 175 | <div id="crm_wid_{$wciform.widgetId}_campaign" class="crm-campaign"> |
7d8ac5b7 | 176 | </div> |
851c37a8 J |
177 | <div class="crm-wci-button-wrapper" id="crm_wid_{$wciform.widgetId}_button"> |
178 | <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 | 179 | </div> |
2575ba7d M |
180 | {$wciform.embed} |
181 | {if $wciform.email_signup_group_id} | |
4ccaea9a | 182 | <form method="get" action="{$wciform.emailSignupGroupFormURL}" name="Subscribe"> |
75e018d9 | 183 | <p style="text-align:left;">email id: |
799ffc5a | 184 | <input type="text" id="frmEmail" name="email" size="10"> |
2575ba7d | 185 | </p> |
799ffc5a | 186 | <input id="mark_x_2" name="mark_x_2" type="hidden" value="1"> |
2575ba7d | 187 | <p style="text-align: center; margin-top: 10px;"> |
799ffc5a | 188 | <input type="submit" name="_qf_Subscribe_next" value="Subscribe Me"> |
2575ba7d | 189 | </p> |
2575ba7d | 190 | </form> |
2575ba7d | 191 | {/if} |
7d8ac5b7 | 192 | </div> |