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 */
14 background: {/literal}{if $wciform.image}url('{$wciform.image}'){/if}{literal}; /* background image */
17 .crm-wci-widget.thin {
21 .crm-wci-widget.normal {
25 .crm-wci-widget.wide {
34 -moz-border-radius: 4px;
35 -webkit-border-radius: 4px;
36 -khtml-border-radius: 4px;
38 color: {/literal}{$wciform.color_title}{literal};
39 background-color: {/literal}{$wciform.color_title_bg}{literal};
42 .crm-wci-widget .crm-amounts {
47 .crm-wci-widget .crm-amount-low {
50 .crm-wci-widget .crm-amount-high {
53 .crm-wci-widget .crm-percentage {
57 .crm-wci-widget .crm-amount-bar { /* progress bar */
58 background-color:#FFF;
61 border:1px solid #CECECE;
62 -moz-border-radius: 4px;
63 -webkit-border-radius: 4px;
64 -khtml-border-radius: 4px;
69 background-color:{/literal}{$wciform.color_bar}{literal};
72 .crm-wci-widget .crm-amount-fill {
73 background-color:#2786C2;
76 -moz-border-radius: 4px 0px 0px 4px;
77 -webkit-border-radius: 4px 0px 0px 4px;
78 -khtml-border-radius: 4px 0px 0px 4px;
79 border-radius: 4px 0px 0px 4px;
81 width: {/literal}{$wciform.pb_percentage}{literal}%; /* progress bar percentage */
83 .crm-wci-widget .crm-amount-raised-wrapper {
86 .crm-wci-widget .crm-amount-raised {
91 .crm-wci-widget .crm-logo {
95 .crm-wci-widget .crm-comments,
96 .crm-wci-widget .crm-donors,
97 .crm-wci-widget .crm-campaign {
100 color:{/literal}{$wciform.color_description}{literal} /* other color*/
103 .crm-wci-widget .crm-wci-button {
105 background-color:#CECECE;
106 -moz-border-radius: 4px;
107 -webkit-border-radius: 4px;
108 -khtml-border-radius: 4px;
111 margin:0px 10% .8em 10%;
112 text-decoration:none;
118 .crm-wci-widget .crm-home-url {
119 text-decoration:none;
121 color:{/literal}{$wciform.color_homepage_link}{literal} /* home page link color*/
124 .crm-wci-widget a.crm-wci-button { /* button color */
125 background-color:{/literal}{$wciform.color_button_bg}{literal};
128 .crm-wci-widget .crm-wci-button-inner { /* button text color */
131 color:{/literal}{$wciform.color_button}{literal};
138 {$wciform.style_rules}
143 <div id="crm_wid_{$wciform.widgetId}" class="crm-wci-widget {$wciform.size_variant}">
144 <h5 id="crm_wid_{$wciform.widgetId}_title">
145 {if $wciform.logo_image}
146 <span class="crm-logo">
147 <img src="{$wciform.logo_image}" alt={ts}Logo{/ts}>
152 <div class="crm-amounts">
153 <div id="crm_wid_{$wciform.widgetId}_amt_hi" class="crm-amount-high"></div>
154 <div id="crm_wid_{$wciform.widgetId}_amt_low" class="crm-amount-low"></div>
155 <div id="crm_wid_{$wciform.widgetId}_percentage" class="crm-percentage"></div>
157 <div class="crm-amount-bar">
158 <div class="crm-amount-fill" id="crm_wid_{$wciform.widgetId}_amt_fill"></div>
160 <div id="crm_wid_{$wciform.widgetId}_donors" class="crm-donors">
162 <div id="crm_wid_{$wciform.widgetId}_comments" class="crm-comments">
163 {$wciform.description}
165 <div id="crm_wid_{$wciform.widgetId}_campaign" class="crm-campaign">
167 <div class="crm-wci-button-wrapper" id="crm_wid_{$wciform.widgetId}_button">
168 <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>
171 {if $wciform.email_signup_group_id}
172 <form method="get" action="http://{php}echo $_SERVER['SERVER_NAME'];{/php}/civicrm/mailing/subscribe"
173 <p style="text-align:center;">
174 <input type="text" id="frmEmail" name="email-Primary" size="10">
176 <p style="text-align: center; margin-top: 10px;">
177 <input type="submit" name="_qf_Edit_next" value="Subscribe Me">