5 font-family:Helvetica, Arial, sans;
7 -moz-border-radius: 4px;
8 -webkit-border-radius: 4px;
9 -khtml-border-radius: 4px;
11 border:1px solid #96C0E7;
12 background-color: {/literal}{$wciform.color_widget_bg}{literal}; /* background color */
13 border-color:{/literal}{$wciform.color_border}{literal}; /* border color */
16 .crm-wci-widget.thin {
20 .crm-wci-widget.normal {
24 .crm-wci-widget.wide {
33 -moz-border-radius: 4px;
34 -webkit-border-radius: 4px;
35 -khtml-border-radius: 4px;
37 color: {/literal}{$wciform.color_title}{literal};
38 background-color: {/literal}{$wciform.color_title_bg}{literal};
56 .crm-amount-bar { /* progress bar */
57 background-color:#FFF;
60 border:1px solid #CECECE;
61 -moz-border-radius: 4px;
62 -webkit-border-radius: 4px;
63 -khtml-border-radius: 4px;
68 background-color:{/literal}{$wciform.color_bar}{literal};
72 background-color:#2786C2;
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;
80 width: {/literal}{$wciform.pb_percentage}{literal}%; /* progress bar percentage */
82 .crm-amount-raised-wrapper {
99 color:{/literal}{$wciform.color_description}{literal} /* other color*/
104 background-color:#CECECE;
105 -moz-border-radius: 4px;
106 -webkit-border-radius: 4px;
107 -khtml-border-radius: 4px;
110 margin:0px 10% .8em 10%;
111 text-decoration:none;
118 text-decoration:none;
120 color:{/literal}{$wciform.color_homepage_link}{literal} /* home page link color*/
123 a.crm-wci-button { /* button color */
124 background-color:{/literal}{$wciform.color_button_bg}{literal};
127 .crm-wci-button-inner { /* button text color */
130 color:{/literal}{$wciform.color_button}{literal};
132 #crm_wci_image_container {
143 {$wciform.style_rules}
148 <div id="crm_wid_{$wciform.widgetId}" class="crm-wci-widget {$wciform.size_variant}">
149 <h5 id="crm_wid_{$wciform.widgetId}_title">
150 {if $wciform.logo_image}
151 <span class="crm-logo">
152 <img src="{$wciform.logo_image}" alt={ts}Logo{/ts}>
158 <div id="crm_wci_image_container">
159 <img id="crm_wci_image" src='{$wciform.image}'/>
162 <div class="crm-amounts">
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>
167 <div class="crm-amount-bar">
168 <div class="crm-amount-fill" id="crm_wid_{$wciform.widgetId}_amt_fill"></div>
170 <div id="crm_wid_{$wciform.widgetId}_donors" class="crm-donors">
172 <div id="crm_wid_{$wciform.widgetId}_comments" class="crm-comments">
173 {$wciform.description}
175 <div id="crm_wid_{$wciform.widgetId}_campaign" class="crm-campaign">
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>
181 {if $wciform.email_signup_group_id}
182 <form method="post" action="{$emailSignupGroupFormURL}" name="Subscribe">
183 <p style="text-align:center;">
184 <input type="text" id="frmEmail" name="email" size="10">
186 <input id="mark_x_2" name="mark_x_2" type="hidden" value="1">
187 <p style="text-align: center; margin-top: 10px;">
188 <input type="submit" name="_qf_Subscribe_next" value="Subscribe Me">