first commit
This commit is contained in:
@@ -0,0 +1,104 @@
|
||||
<div id="basket-login-user" class="roundies box_form">
|
||||
<h3>{__ text="Logowanie"}</h3>
|
||||
|
||||
<div id="st_user-login">
|
||||
|
||||
<div id="external_google">
|
||||
|
||||
{if $login_google_on == 1}
|
||||
<div id="st_button-user-login-google" class="buttons left">
|
||||
<a href="{$google_url}" class="regular roundies">
|
||||
<img src="{image_path image='google.png'}" alt=""/>
|
||||
</a>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{slot name="login_google_basket" hidden="true"}{/slot}
|
||||
|
||||
</div>
|
||||
|
||||
<div id="st_button-user-login-account" class="buttons left">
|
||||
<a class="regular roundies">
|
||||
<img src="{image_path image='user_login.png'}" alt=""/> <span class="login_text">{__ text="zaloguj się" langCatalogue="stUser"}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div id="basket-login-form" {if !$login_show_error} style="display:none;" {/if} >
|
||||
{$form_start}
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$email}
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password}" alt="{$error_password}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field left">
|
||||
{$label_password}
|
||||
{$password}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="st_field left">
|
||||
<div id="st_button-user-login" class="buttons right">
|
||||
<button type="submit" class="regular roundies" name="submit_login">
|
||||
{__ text="Zaloguj"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
{if $login_show_error}
|
||||
<div class="st_row" style="padding-top:10px;">
|
||||
{$remind_password}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("label").inFieldLabels();
|
||||
|
||||
$('#st_button-user-login-account').mouseover(function(){
|
||||
$("#basket-login-form").show();
|
||||
});
|
||||
|
||||
$('#st_button-user-login-account').click(function(){
|
||||
$("#basket-login-form").toggle();
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,20 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Zmiana hasła."}</h2>
|
||||
<p>{__ text="Proszę sprawdzić pocztę."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<p>
|
||||
{__ text="Na adres"} {$email} {__ text="została wysłana wiadomość z potwierdzeniem zmiany hasła."}<br/><br/>
|
||||
{$login_link}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div id="st_application-user-login-foot">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,144 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Rejestracja"}</h2>
|
||||
<p>{__ text="Podaj dane konta."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<div id="user-register-form" class="roundies box_form">
|
||||
<h3>{__ text="Dane konta"}</h3>
|
||||
|
||||
<div style="padding:25px;">
|
||||
{slot name="user_create_account_before_fieldset" hidden="true"}{/slot}
|
||||
{$form_start}
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_row">
|
||||
|
||||
<div class="error_tooltip">
|
||||
{if $error_password1!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password1}" alt="{$error_password1}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_password1}
|
||||
{$input_password1}
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery('#st_form-user-password1').pstrength();
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password2!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password2}" alt="{$error_password2}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_password2}
|
||||
{$input_password2}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="st_field vertical-align-middle {if $error_privacy==1} red {/if}">
|
||||
{$checkbox_privacy}
|
||||
{$link_to_privacy}
|
||||
</div>
|
||||
</div>
|
||||
<div id="captcha_form" style="display:none">
|
||||
{if isset($captcha_on)}
|
||||
<div class="st_row">
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="error_tooltip">
|
||||
{if $error_captcha!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_captcha}" alt="{$error_captcha}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_captcha}
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="st_field gray_text vertical-align-middle">
|
||||
<span> * {__ text="Pola wymagane"}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
|
||||
<div id="st_button-user-account" class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Zarejestruj"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$(".error_tooltip img[title]").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom right',
|
||||
offset: [15,4],
|
||||
tipClass: 'alert_tooltip'
|
||||
});
|
||||
|
||||
$("label").inFieldLabels();
|
||||
|
||||
$('#st_form-user-privacy').click(function(){
|
||||
$("#captcha_form").toggle();
|
||||
});
|
||||
|
||||
if($('#st_form-user-privacy').attr('checked'))
|
||||
{
|
||||
$("#captcha_form").show();
|
||||
}else{
|
||||
$("#captcha_form").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,130 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Zmiana hasła"}</h2>
|
||||
<p>{__ text="Podaj nowe hasło."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<div id="user-new-password-form" class="roundies frame box_form">
|
||||
<h3>{__ text="Dane konta"}</h3>
|
||||
|
||||
<div style="padding:25px;">
|
||||
{$form_start}
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password1!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password1}" alt="{$error_password1}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_password1}
|
||||
{$input_password1}
|
||||
<script type="text/javascript">
|
||||
jQuery('#st_form-user-password1').pstrength();
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password2!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password2}" alt="{$error_password2}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_password2}
|
||||
{$input_password2}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on)}
|
||||
<div class="st_row">
|
||||
{$error_captcha}
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="error_tooltip">
|
||||
{if $error_captcha!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_captcha}" alt="{$error_captcha}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_captcha}
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
<div class="st_row">
|
||||
<div id="st_button-user-account" class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Zmień hasło"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{$hidden_hash_code}
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$(".error_tooltip img[title]").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom right',
|
||||
offset: [15,4],
|
||||
tipClass: 'alert_tooltip'
|
||||
});
|
||||
|
||||
$("label").inFieldLabels();
|
||||
|
||||
$('#st_form-user-privacy').click(function(){
|
||||
$("#captcha_form").toggle();
|
||||
});
|
||||
|
||||
if($('#st_form-user-privacy').attr('checked'))
|
||||
{
|
||||
$("#captcha_form").show()
|
||||
}else{
|
||||
$("#captcha_form").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,139 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Rejestracja"}</h2>
|
||||
<p>
|
||||
{__ text="Nie masz jeszcze założonego konta. Wystarczy, że podasz hasło dla loginu"}: <b>{$login}</b><br>
|
||||
{__ text="Uzyskasz w ten sposób pełne konto z dostępem do swoich danych i informacji o statusach zamówienia."}
|
||||
</p>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<div id="user-register-form" class="roundies frame box_form">
|
||||
<h3>{__ text="Dane konta"}</h3>
|
||||
|
||||
<div style="padding:25px;">
|
||||
|
||||
{$form_start}
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password1!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password1}" alt="{$error_password1}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_password1}
|
||||
{$input_password1}
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery('#st_form-user-password1').pstrength();
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password2!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password2}" alt="{$error_password2}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_password2}
|
||||
{$input_password2}
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_row">
|
||||
<div class="st_field vertical-align-middle {if $error_privacy==1} red {/if}">
|
||||
{$checkbox_privacy}
|
||||
{$link_to_privacy}
|
||||
</div>
|
||||
</div>
|
||||
<div id="captcha_form" style="display:none">
|
||||
{if isset($captcha_on)}
|
||||
<div class="st_row">
|
||||
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="error_tooltip">
|
||||
{if $error_captcha!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_captcha}" alt="{$error_captcha}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_captcha}
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_row">
|
||||
|
||||
<div id="st_button-user-account" class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Zarejestruj"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$(".error_tooltip img[title]").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom right',
|
||||
offset: [15,4],
|
||||
tipClass: 'alert_tooltip'
|
||||
});
|
||||
|
||||
$("label").inFieldLabels();
|
||||
|
||||
$('#st_form-user-privacy').click(function(){
|
||||
$("#captcha_form").toggle();
|
||||
});
|
||||
|
||||
if($('#st_form-user-privacy').attr('checked'))
|
||||
{
|
||||
$("#captcha_form").show()
|
||||
}else{
|
||||
$("#captcha_form").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,26 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-user-login" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Usuń konto"}</h2>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<div id="logout_form" class="box_form roundies" style="width: 407px;">
|
||||
<p style="text-align:center;">{__ text="Pomyślnie usunięto użytkownika"}:</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
<p style="text-align:center;">{__ text="Za chwilę nastąpi przekierowanie na stronę główną."}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
setTimeout(function() {
|
||||
window.location = "/";
|
||||
}, 5000);
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,241 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_user-edit_account" class="box roundies">
|
||||
<div id="st_navigation_bar-user" class="st_navigation_bar_user">
|
||||
<ul>
|
||||
<li class="st_first"><a href="/user_data/userPanel">{__ text="Moje konto"}</a></li>
|
||||
<li class="st_selected"><a href="/user/editAccount">{__ text="Moje dane"}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="st_user-editaccount" >
|
||||
|
||||
<div class="left" style="width: 50%; margin-top: 15px;">
|
||||
|
||||
{if $billing_edit_url}
|
||||
<div id="edit-billing" class="roundies box_form left">
|
||||
<h3>{__ text="Dane płatnika"}</h3>
|
||||
<div class="right" id="change_billing_edit"><a href="{$billing_edit_url}">{__ text="Zmień"}</a></div>
|
||||
|
||||
|
||||
<div style="padding:15px;" class="user_profile_content">
|
||||
{if $billing_company!=""}
|
||||
<span class="invoice_text">{__ text="Dane do faktury"}</span>
|
||||
<br/>
|
||||
{$billing_company}<br/>
|
||||
{$billing_vat_number}<br/>
|
||||
{/if}
|
||||
|
||||
<div class="full_name_space">
|
||||
<b>{$billing_full_name}</b>
|
||||
</div>
|
||||
|
||||
{$billing_address}<br/>
|
||||
|
||||
{if $billing_address_more!=""}
|
||||
{$billing_address_more}<br/>
|
||||
{/if}
|
||||
|
||||
{if $billing_region!=""}
|
||||
{$billing_region}<br/>
|
||||
{/if}
|
||||
|
||||
{$billing_code}
|
||||
{$billing_town}<br/>
|
||||
|
||||
{$billing_country}<br/>
|
||||
{$billing_phone}<br/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{if $delivery_edit_url}
|
||||
<div id="edit-delivery" class="roundies box_form left">
|
||||
<h3>{__ text="Dane wysyłkowe"}</h3>
|
||||
<div class="right" id="change_delivery_edit"><a href="{$delivery_edit_url}">{__ text="Zmień"}</a></div>
|
||||
<div style="padding:15px;" class="user_profile_content">
|
||||
{if $delivery_company!=""}
|
||||
{$delivery_company}<br/>
|
||||
{/if}
|
||||
|
||||
<div class="full_name_space">
|
||||
<b>{$delivery_full_name}</b>
|
||||
</div>
|
||||
|
||||
{$delivery_address}<br/>
|
||||
|
||||
{if $delivery_address_more!=""}
|
||||
{$delivery_address_more}<br/>
|
||||
{/if}
|
||||
|
||||
{if $delivery_region!=""}
|
||||
{$delivery_region}<br/>
|
||||
{/if}
|
||||
|
||||
{$delivery_code}
|
||||
{$delivery_town}<br/>
|
||||
|
||||
{$delivery_country}<br/>
|
||||
{$delivery_phone}<br/>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div class="right" style="width: 50%; margin-top: 15px;">
|
||||
<div id="edit-login" class="roundies box_form right">
|
||||
<h3>{__ text="Zmień e-mail (login)"}</h3>
|
||||
|
||||
{$form_start}
|
||||
<div class="box_form_content">
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="buttons right">
|
||||
<button type="submit" class="regular roundies" style="margin-right:2px">
|
||||
{__ text="Aktualizuj"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="edit-password" class="roundies box_form right">
|
||||
<h3>{__ text="Zmień hasło"}</h3>
|
||||
|
||||
{$form_start_2}
|
||||
<div class="box_form_content">
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_user_oldpassword!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_user_oldpassword}" alt="{$error_user_oldpassword}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_user_oldpassword}
|
||||
{$input_user_oldpassword}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_user_password1!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_user_password1}" alt="{$error_user_password1}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_user_password1}
|
||||
{$input_user_password1}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_user_password2!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_user_password2}" alt="{$error_user_password2}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_user_password2}
|
||||
{$input_user_password2}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="buttons right" style="margin-right:2px">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Aktualizuj"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="edit-login" class="roundies box_form right">
|
||||
<h3>{__ text="Usuń konto"}</h3>
|
||||
|
||||
{$form_start}
|
||||
<div class="box_form_content">
|
||||
<fieldset>
|
||||
|
||||
<div class="st_row">
|
||||
|
||||
{__ text="Po usunięciu konta wszystkie dane zostaną bezpowrotnie skasowane."}
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
|
||||
<div class="buttons right">
|
||||
<a href="/user/requestDeleteAccount" class="regular roundies" style="margin-right:2px"> {__ text="Usuń konto"}</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$(".error_tooltip img[title]").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom right',
|
||||
offset: [15,4],
|
||||
tipClass: 'alert_tooltip'
|
||||
});
|
||||
|
||||
$("label").inFieldLabels();
|
||||
jQuery('#password1').pstrength();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,40 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-account" class="st_application">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Rejestracja danych."}</h2>
|
||||
<p>{__ text="Potwierdzenie autentyczności adresu."}</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
{if $confirm == '0'}
|
||||
|
||||
<p>
|
||||
{__ text="Wystąpił problem z rejestracją użytkownika."}
|
||||
</p>
|
||||
|
||||
{/if}
|
||||
|
||||
{if $confirm == '1'}
|
||||
|
||||
<p>
|
||||
{__ text="Dziękujemy za dokonanie rejestracji. Twoje konto zostało zaktywowane i jest w pełni funkcjonalne. Zaloguj się aby uzyskać dostęp do konta użytkownika."}
|
||||
</p>
|
||||
|
||||
{/if}
|
||||
|
||||
{if $confirm == '2'}
|
||||
|
||||
<p>
|
||||
{__ text="Twoje konto zostało już wcześniej potwierdzone."}
|
||||
</p>
|
||||
|
||||
{/if}
|
||||
|
||||
|
||||
</div>
|
||||
<div id="st_application-user-login-foot">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,48 @@
|
||||
<div id="user_status">
|
||||
|
||||
{if $is_authenticated && $account_type=="full"}
|
||||
<div id="user_status_info"><a href="{url_for internal='stUserData/userPanel' secure=true}">{$username}</a>{if $points_system_is_active==1 && $points_show==1}{$points}{/if}</div>
|
||||
<div class="tooltip_account tooltip roundies" style="padding:10px 30px;">
|
||||
<a href="{url_for internal='stUserData/userPanel' secure=true}">{__ text="Moje konto"}</a>
|
||||
<a href="{url_for internal='stOrder/list' secure=true}">{__ text="Zamówienia"}</a>
|
||||
<span>{$logout}</span>
|
||||
</div>
|
||||
{elseif $is_authenticated && $account_type=="annonymous"}
|
||||
<div id="user_status_info"><a href="{url_for internal='stUser/createPassword' secure=true}">{$username}</a></div>
|
||||
<div class="tooltip_account tooltip roundies" style="padding:10px 30px;">
|
||||
<span>{$remove}</span>
|
||||
</div>
|
||||
{elseif $is_authenticated && $account_type=="external"}
|
||||
<div id="user_status_info">{$external}<a href="{url_for internal='stUserData/userPanel' secure=true}">{$username}</a>{if $points_system_is_active==1 && $points_show==1}{$points}{/if}</div>
|
||||
<div class="tooltip_account tooltip roundies" style="padding:10px 30px;">
|
||||
<a href="{url_for internal='stUserData/userPanel' secure=true}">{__ text="Moje konto"}</a>
|
||||
<a href="{url_for internal='stOrder/list' secure=true}">{__ text="Zamówienia"}</a>
|
||||
<span>{$logout}</span>
|
||||
</div>
|
||||
{else}
|
||||
<div id="user_status_info">{$my_account}</div>
|
||||
<div class="tooltip_account tooltip roundies" style="padding:10px 30px;">
|
||||
<a href="{url_for internal='stUser/loginUser' secure=true}">{__ text="Zaloguj"}</a>
|
||||
<a href="{url_for internal='stUser/createAccount' secure=true}">{__ text="Zarejestruj"}</a>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript" language="javascript">
|
||||
jQuery(function ($) {
|
||||
$(document).ready(function () {
|
||||
$("#user_status_info").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom center',
|
||||
offset: [10,0]
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,137 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-user-login" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Moje konto"}</h2>
|
||||
<p>
|
||||
{__ text="Zarejestruj nowe konto lub zaloguj na istniejące."}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<div id="st_application-user-login-register" class="roundies frame box_form">
|
||||
<h3>{__ text="Rejestracja"}</h3>
|
||||
|
||||
<div style="padding:25px;">
|
||||
|
||||
<div style="margin:0px auto; width: 315px; text-align: center">
|
||||
{$new_user_icon}
|
||||
<div class="buttons" style="display: table; margin: 10px auto;">
|
||||
<a href="{$register_url}" class="regular roundies"> <span class="arrow_right">{__ text="Zarejestruj się"}</span> </a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="st_application-user-login-login" class="roundies frame box_form">
|
||||
<h3>{__ text="Logowanie"}</h3>
|
||||
|
||||
<div class="content">
|
||||
|
||||
{$form_start}
|
||||
|
||||
<fieldset>
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="error_tooltip">
|
||||
{if $error_password!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_password}" alt="{$error_password}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field left">
|
||||
{$label_password}
|
||||
{$input_password}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="st_field left">
|
||||
<div id="st_button-user-login_success" class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Zaloguj"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
{if $login_show_error}
|
||||
<div class="st_row">
|
||||
<div id="st_application-user-login-remind">
|
||||
{$remind_password_link}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
|
||||
<div id="external_google">
|
||||
|
||||
{slot name="login_google_user" hidden="true"}{/slot}
|
||||
|
||||
{if $login_google_on == 1}
|
||||
<div id="st_button-user-login-google" class="buttons right">
|
||||
<a href="{$google_url}" class="regular roundies"> <img src="{image_path image='google.png'}" alt=""/> </a>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$(document).ready(function() {
|
||||
|
||||
$(".error_tooltip img[title]").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom right',
|
||||
offset: [15,4],
|
||||
tipClass: 'alert_tooltip'
|
||||
});
|
||||
|
||||
$("label").inFieldLabels();
|
||||
|
||||
function equalHeight(group) {
|
||||
tallest = 0;
|
||||
group.each(function() {
|
||||
$(this).css("height", "auto");
|
||||
thisHeight = $(this).height();
|
||||
if (thisHeight > tallest) {
|
||||
tallest = thisHeight;
|
||||
}
|
||||
});
|
||||
group.height(tallest);
|
||||
}
|
||||
|
||||
equalHeight($(".frame"));
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,27 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-user-login" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Wylogowano"}</h2>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<div id="logout_form" class="box_form roundies" style="width: 407px;">
|
||||
<p style="text-align:center;">{__ text="Pomyślnie wylogowano użytkownika"}:</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$username}</b></p>
|
||||
<p style="text-align:center;">{__ text="Za chwilę nastąpi przekierowanie na stronę główną."}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{if $redirect}
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
setTimeout(function() {
|
||||
window.location = "/";
|
||||
}, 5000);
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
@@ -0,0 +1,44 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Rejestracja"}</h2>
|
||||
<p>{__ text="Uzupełnij dane konta."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
|
||||
<p>
|
||||
{__ text="W związku ze zmianą oprogramowania naszego sklepu, prosimy o podanie adresu email, który od tej pory będzie stanowił login do konta."}
|
||||
</p>
|
||||
{$form_start}
|
||||
<fieldset>
|
||||
<div class="st_row">
|
||||
{$error_email}
|
||||
{$label_email}
|
||||
<div class="st_field">
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div id="st_button-user-account" class="st_button-container" style="margin-right:40px;">
|
||||
<div class="st_button st_align-right">
|
||||
<div class="st_button-left">
|
||||
{$register_submit}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{$hidden_user_id}
|
||||
{$hidden_old_login}
|
||||
{$hidden_password}
|
||||
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div id="st_application-user-login-foot">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div id="privacy_overlay">
|
||||
<div class="privacy_overlay_content"></div>
|
||||
</div>
|
||||
<div id="terms_overlay">
|
||||
<div class="terms_overlay_content"></div>
|
||||
</div>
|
||||
<div id="user_data_billing_privacy_content" style="width: 250px;">
|
||||
|
||||
{if $culture == "de"}
|
||||
{__ text="Ich habe"}
|
||||
<a href="#active_terms_overlay" id="active_terms_overlay">{__ text="die AGB's"}</a>
|
||||
{__ text="und"}
|
||||
<a href="#active_overlay" id="active_overlay">{__ text="die Datenschutzrichtlinien"}</a>
|
||||
{__ text="gelesen und stimme ihnen zu."}
|
||||
{else}
|
||||
|
||||
{if $privacy_only == "true"}
|
||||
{__ text="Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z"} {if $new_window== "true"}<a href="{$privacy_url}" target="_blank">{__ text="polityką prywatności"}</a>{else}<a href="#active_overlay" id="active_overlay">{__ text="polityką prywatności"}</a>{/if}.
|
||||
{else}
|
||||
{__ text="Akceptuję"}
|
||||
<a href="#active_terms_overlay" id="active_terms_overlay">{__ text="regulamin"}</a>
|
||||
{__ text="i przeczytałem"}
|
||||
<a href="#active_overlay" id="active_overlay_1">{__ text="politykę prywatności"}</a>.
|
||||
{__ text="Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z"} <a href="#active_overlay" id="active_overlay_2">{__ text="polityką prywatności"}</a>.
|
||||
{/if}
|
||||
|
||||
{/if}
|
||||
</div>
|
||||
@@ -0,0 +1,93 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-remind" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Przypomnij hasło"}</h2>
|
||||
<p>{__ text="Podaj adres email (login użytkownika)"}</p>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
{if isset($not_send_true)}
|
||||
|
||||
{$form_start}
|
||||
<div id="remind_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane konta"}</h3>
|
||||
<div style="padding:25px;">
|
||||
<fieldset>
|
||||
<div class="st_row">
|
||||
|
||||
<div class="error_tooltip">
|
||||
{if $error_email!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_email}" alt="{$error_email}">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
{if isset($captcha_on)}
|
||||
<div class="st_row">
|
||||
|
||||
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="error_tooltip">
|
||||
{if $error_captcha!=""}
|
||||
<img src="{image_path image='exclamation.png'}" title="{$error_captcha}" alt="{$error_captcha}">
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="st_field">
|
||||
{$label_captcha}
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div id="st_button-user-remind" class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Przypomnij"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
{else}
|
||||
<div id="remind_form" class="box_form roundies">
|
||||
<div style="padding:25px;">
|
||||
{__ text="Sprawdź pocztę na poniższy adres został wysłany link do zmiany hasła."}
|
||||
|
||||
<p style="text-align: center; font-size: 16px; font-weight: bold;">{$email_send_to}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("label").inFieldLabels();
|
||||
|
||||
$(".error_tooltip img[title]").tooltip({
|
||||
effect: 'slide',
|
||||
opacity: 1,
|
||||
position: 'bottom right',
|
||||
offset: [15,4],
|
||||
tipClass: 'alert_tooltip'
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,31 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Usuń konto"}</h2>
|
||||
<p>
|
||||
{__ text="Prośba o potwierdzenie usunięcia konta."}
|
||||
</p>
|
||||
</div>
|
||||
<div class="st_content">
|
||||
|
||||
<div id="user_wait_confirm" class="box_form roundies">
|
||||
|
||||
<div style="padding:25px;">
|
||||
<p>
|
||||
{__ text="Proszę sprawdzić pocztę, na adres"}
|
||||
</p>
|
||||
<p>
|
||||
<b>{$email}</b>
|
||||
</p>
|
||||
<p>
|
||||
{__ text="została wysłana prośba o potwierdzenie operacji usunięcia konta."}
|
||||
</p>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,302 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; font-size:12px;}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #{/literal}{$link_color}{literal};}
|
||||
|
||||
.btn {
|
||||
text-decoration:none;
|
||||
color: #FFF;
|
||||
background-color: #666;
|
||||
padding:10px 16px;
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
p.callout {
|
||||
padding:15px;
|
||||
background-color:#ECF8FF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.callout a {
|
||||
font-weight:bold;
|
||||
color: #2BA6CB;
|
||||
}
|
||||
|
||||
table.social {
|
||||
/* padding:15px; */
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
margin-bottom:10px;
|
||||
text-decoration:none;
|
||||
color: #FFF;font-weight:bold;
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
a.fb { background-color: #3B5998!important; }
|
||||
a.tw { background-color: #1daced!important; }
|
||||
a.gp { background-color: #DB4A39!important; }
|
||||
a.ms { background-color: #000!important; }
|
||||
|
||||
.sidebar .soc-btn {
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
table.footer-wrap { width: 100%; clear:both!important;
|
||||
}
|
||||
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
||||
.footer-wrap .container td.content p {
|
||||
font-size:10px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
||||
|
||||
h1 { font-weight:200; font-size: 44px;}
|
||||
h2 { font-weight:200; font-size: 37px;}
|
||||
h3 { font-weight:500; font-size: 27px;}
|
||||
h4 { font-weight:500; font-size: 23px;}
|
||||
h5 { font-weight:900; font-size: 17px;}
|
||||
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
||||
|
||||
.collapse { margin:0!important;}
|
||||
|
||||
p, ul {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
font-size:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
ul.sidebar {
|
||||
background:#ebebeb;
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.sidebar li { display: block; margin:0;}
|
||||
ul.sidebar li a {
|
||||
text-decoration:none;
|
||||
color: #666;
|
||||
padding:10px 16px;
|
||||
/* font-weight:bold; */
|
||||
margin-right:10px;
|
||||
/* text-align:center; */
|
||||
cursor:pointer;
|
||||
border-bottom: 1px solid #777777;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
ul.sidebar li a.last { border-bottom-width:0px;}
|
||||
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.column tr td { padding: 15px; }
|
||||
.column-wrap {
|
||||
padding:0!important;
|
||||
margin:0 auto;
|
||||
max-width:600px!important;
|
||||
}
|
||||
.column table { width:100%;}
|
||||
.social .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
|
||||
|
||||
div[class="column"] { width: auto!important; float:none!important;}
|
||||
|
||||
table.social div[class="column"] {
|
||||
width:auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$date}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Link do zmiany hasła"}</h4>
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">
|
||||
{__ text="Skorzystaj z linku poniżej aby dokonać zmiany hasła."}
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$user_submit}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Zmień hasło"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,4 @@
|
||||
{__ text="Twoje hasło do konta zostało zmienione."}
|
||||
|
||||
{__ text="Twój login"}: {$user_name}
|
||||
{__ text="Twoje hasło"}: {$user_password}
|
||||
@@ -0,0 +1,306 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; font-size:12px;}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #{/literal}{$link_color}{literal};}
|
||||
|
||||
.btn {
|
||||
text-decoration:none;
|
||||
color: #FFF;
|
||||
background-color: #666;
|
||||
padding:10px 16px;
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
p.callout {
|
||||
padding:15px;
|
||||
background-color:#ECF8FF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.callout a {
|
||||
font-weight:bold;
|
||||
color: #2BA6CB;
|
||||
}
|
||||
|
||||
table.social {
|
||||
/* padding:15px; */
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
margin-bottom:10px;
|
||||
text-decoration:none;
|
||||
color: #FFF;font-weight:bold;
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
a.fb { background-color: #3B5998!important; }
|
||||
a.tw { background-color: #1daced!important; }
|
||||
a.gp { background-color: #DB4A39!important; }
|
||||
a.ms { background-color: #000!important; }
|
||||
|
||||
.sidebar .soc-btn {
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
table.footer-wrap { width: 100%; clear:both!important;
|
||||
}
|
||||
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
||||
.footer-wrap .container td.content p {
|
||||
font-size:10px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
||||
|
||||
h1 { font-weight:200; font-size: 44px;}
|
||||
h2 { font-weight:200; font-size: 37px;}
|
||||
h3 { font-weight:500; font-size: 27px;}
|
||||
h4 { font-weight:500; font-size: 23px;}
|
||||
h5 { font-weight:900; font-size: 17px;}
|
||||
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
||||
|
||||
.collapse { margin:0!important;}
|
||||
|
||||
p, ul {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
font-size:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
ul.sidebar {
|
||||
background:#ebebeb;
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.sidebar li { display: block; margin:0;}
|
||||
ul.sidebar li a {
|
||||
text-decoration:none;
|
||||
color: #666;
|
||||
padding:10px 16px;
|
||||
/* font-weight:bold; */
|
||||
margin-right:10px;
|
||||
/* text-align:center; */
|
||||
cursor:pointer;
|
||||
border-bottom: 1px solid #777777;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
ul.sidebar li a.last { border-bottom-width:0px;}
|
||||
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.column tr td { padding: 15px; }
|
||||
.column-wrap {
|
||||
padding:0!important;
|
||||
margin:0 auto;
|
||||
max-width:600px!important;
|
||||
}
|
||||
.column table { width:100%;}
|
||||
.social .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
|
||||
|
||||
div[class="column"] { width: auto!important; float:none!important;}
|
||||
|
||||
table.social div[class="column"] {
|
||||
width:auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$user_created_at}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Twoje hasło do konta zostało zmienione."}</h4>
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_content_head}</p>
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">
|
||||
{__ text="Dane dostępowe do konta"}:<br style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{__ text="Login"}: <b style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_name}</b>
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$user_link}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Przejdź na stronę sklepu."}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_content_foot}</p>
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,3 @@
|
||||
{__ text="Twoje hasło do konta zostało zmienione."}
|
||||
|
||||
{__ text="Twój login"}: {$user_name}
|
||||
@@ -0,0 +1,308 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; font-size:12px;}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #{/literal}{$link_color}{literal};}
|
||||
|
||||
.btn {
|
||||
text-decoration:none;
|
||||
color: #FFF;
|
||||
background-color: #666;
|
||||
padding:10px 16px;
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
p.callout {
|
||||
padding:15px;
|
||||
background-color:#ECF8FF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.callout a {
|
||||
font-weight:bold;
|
||||
color: #2BA6CB;
|
||||
}
|
||||
|
||||
table.social {
|
||||
/* padding:15px; */
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
margin-bottom:10px;
|
||||
text-decoration:none;
|
||||
color: #FFF;font-weight:bold;
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
a.fb { background-color: #3B5998!important; }
|
||||
a.tw { background-color: #1daced!important; }
|
||||
a.gp { background-color: #DB4A39!important; }
|
||||
a.ms { background-color: #000!important; }
|
||||
|
||||
.sidebar .soc-btn {
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
table.footer-wrap { width: 100%; clear:both!important;
|
||||
}
|
||||
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
||||
.footer-wrap .container td.content p {
|
||||
font-size:10px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
||||
|
||||
h1 { font-weight:200; font-size: 44px;}
|
||||
h2 { font-weight:200; font-size: 37px;}
|
||||
h3 { font-weight:500; font-size: 27px;}
|
||||
h4 { font-weight:500; font-size: 23px;}
|
||||
h5 { font-weight:900; font-size: 17px;}
|
||||
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
||||
|
||||
.collapse { margin:0!important;}
|
||||
|
||||
p, ul {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
font-size:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
ul.sidebar {
|
||||
background:#ebebeb;
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.sidebar li { display: block; margin:0;}
|
||||
ul.sidebar li a {
|
||||
text-decoration:none;
|
||||
color: #666;
|
||||
padding:10px 16px;
|
||||
/* font-weight:bold; */
|
||||
margin-right:10px;
|
||||
/* text-align:center; */
|
||||
cursor:pointer;
|
||||
border-bottom: 1px solid #777777;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
ul.sidebar li a.last { border-bottom-width:0px;}
|
||||
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.column tr td { padding: 15px; }
|
||||
.column-wrap {
|
||||
padding:0!important;
|
||||
margin:0 auto;
|
||||
max-width:600px!important;
|
||||
}
|
||||
.column table { width:100%;}
|
||||
.social .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
|
||||
|
||||
div[class="column"] { width: auto!important; float:none!important;}
|
||||
|
||||
table.social div[class="column"] {
|
||||
width:auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$user_created_at}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Rejestracja nowego klienta"}</h4>
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_content_head}</p>
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">
|
||||
<span style="font-size:12px; color:#576278;">{__ text="Informacje o koncie klienta"}:</span><br>
|
||||
|
||||
<span style="font-size:12px;color:#576278;">{__ text="Numer ID"}: </span><span style="font-size:12px;color:#404040; font-weight:bold;">{$user_id}</span><br>
|
||||
<span style="font-size:12px;color:#576278;">{__ text="Login"}: </span><span style="font-size:12px;color:#404040; font-weight:bold;">{$user_name}</span><br>
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$user_link}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Przejdź do edycji konta"} : {$user_name}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_content_foot}</p>
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,5 @@
|
||||
{__ text="W sklepie zarejestrował się nowy klient." langCatalogue="_backend"}
|
||||
|
||||
{__ text="ID klienta" langCatalogue="_backend"}: {$user_id}
|
||||
{__ text="Login klienta" langCatalogue="_backend"}: {$user_name}
|
||||
{__ text="Data założenia konta" langCatalogue="_backend"}: {$user_created_at}
|
||||
@@ -0,0 +1,306 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; font-size:12px;}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #{/literal}{$link_color}{literal};}
|
||||
|
||||
.btn {
|
||||
text-decoration:none;
|
||||
color: #FFF;
|
||||
background-color: #666;
|
||||
padding:10px 16px;
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
p.callout {
|
||||
padding:15px;
|
||||
background-color:#ECF8FF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.callout a {
|
||||
font-weight:bold;
|
||||
color: #2BA6CB;
|
||||
}
|
||||
|
||||
table.social {
|
||||
/* padding:15px; */
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
margin-bottom:10px;
|
||||
text-decoration:none;
|
||||
color: #FFF;font-weight:bold;
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
a.fb { background-color: #3B5998!important; }
|
||||
a.tw { background-color: #1daced!important; }
|
||||
a.gp { background-color: #DB4A39!important; }
|
||||
a.ms { background-color: #000!important; }
|
||||
|
||||
.sidebar .soc-btn {
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
table.footer-wrap { width: 100%; clear:both!important;
|
||||
}
|
||||
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
||||
.footer-wrap .container td.content p {
|
||||
font-size:10px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
||||
|
||||
h1 { font-weight:200; font-size: 44px;}
|
||||
h2 { font-weight:200; font-size: 37px;}
|
||||
h3 { font-weight:500; font-size: 27px;}
|
||||
h4 { font-weight:500; font-size: 23px;}
|
||||
h5 { font-weight:900; font-size: 17px;}
|
||||
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
||||
|
||||
.collapse { margin:0!important;}
|
||||
|
||||
p, ul {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
font-size:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
ul.sidebar {
|
||||
background:#ebebeb;
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.sidebar li { display: block; margin:0;}
|
||||
ul.sidebar li a {
|
||||
text-decoration:none;
|
||||
color: #666;
|
||||
padding:10px 16px;
|
||||
/* font-weight:bold; */
|
||||
margin-right:10px;
|
||||
/* text-align:center; */
|
||||
cursor:pointer;
|
||||
border-bottom: 1px solid #777777;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
ul.sidebar li a.last { border-bottom-width:0px;}
|
||||
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.column tr td { padding: 15px; }
|
||||
.column-wrap {
|
||||
padding:0!important;
|
||||
margin:0 auto;
|
||||
max-width:600px!important;
|
||||
}
|
||||
.column table { width:100%;}
|
||||
.social .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
|
||||
|
||||
div[class="column"] { width: auto!important; float:none!important;}
|
||||
|
||||
table.social div[class="column"] {
|
||||
width:auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$user_created_at}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Potwierdzenie rejestracji"}</h4>
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_content_head}</p>
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">
|
||||
{__ text="Dane dostępowe do konta"}:<br style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{__ text="Login"}: <b style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_name}</b>
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$user_submit}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Potwierdź rejestrację"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_content_foot}</p>
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
{$user_head}
|
||||
|
||||
{$user_content_head}
|
||||
|
||||
{__ text="Twoje konto w sklepie zostało założone."}
|
||||
{__ text="Twój login"}: {$user_name}
|
||||
{__ text="Data założenia konta"}: {$user_created_at}
|
||||
|
||||
{$user_content_foot}
|
||||
|
||||
{$user_foot}
|
||||
@@ -0,0 +1,304 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; font-size:12px;}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #{/literal}{$link_color}{literal};}
|
||||
|
||||
.btn {
|
||||
text-decoration:none;
|
||||
color: #FFF;
|
||||
background-color: #666;
|
||||
padding:10px 16px;
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
p.callout {
|
||||
padding:15px;
|
||||
background-color:#ECF8FF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.callout a {
|
||||
font-weight:bold;
|
||||
color: #2BA6CB;
|
||||
}
|
||||
|
||||
table.social {
|
||||
/* padding:15px; */
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
margin-bottom:10px;
|
||||
text-decoration:none;
|
||||
color: #FFF;font-weight:bold;
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
a.fb { background-color: #3B5998!important; }
|
||||
a.tw { background-color: #1daced!important; }
|
||||
a.gp { background-color: #DB4A39!important; }
|
||||
a.ms { background-color: #000!important; }
|
||||
|
||||
.sidebar .soc-btn {
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
table.footer-wrap { width: 100%; clear:both!important;
|
||||
}
|
||||
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
||||
.footer-wrap .container td.content p {
|
||||
font-size:10px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
||||
|
||||
h1 { font-weight:200; font-size: 44px;}
|
||||
h2 { font-weight:200; font-size: 37px;}
|
||||
h3 { font-weight:500; font-size: 27px;}
|
||||
h4 { font-weight:500; font-size: 23px;}
|
||||
h5 { font-weight:900; font-size: 17px;}
|
||||
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
||||
|
||||
.collapse { margin:0!important;}
|
||||
|
||||
p, ul {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
font-size:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
ul.sidebar {
|
||||
background:#ebebeb;
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.sidebar li { display: block; margin:0;}
|
||||
ul.sidebar li a {
|
||||
text-decoration:none;
|
||||
color: #666;
|
||||
padding:10px 16px;
|
||||
/* font-weight:bold; */
|
||||
margin-right:10px;
|
||||
/* text-align:center; */
|
||||
cursor:pointer;
|
||||
border-bottom: 1px solid #777777;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
ul.sidebar li a.last { border-bottom-width:0px;}
|
||||
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.column tr td { padding: 15px; }
|
||||
.column-wrap {
|
||||
padding:0!important;
|
||||
margin:0 auto;
|
||||
max-width:600px!important;
|
||||
}
|
||||
.column table { width:100%;}
|
||||
.social .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
|
||||
|
||||
div[class="column"] { width: auto!important; float:none!important;}
|
||||
|
||||
table.social div[class="column"] {
|
||||
width:auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$user_created_at}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Prośba o potwierdzenie usunięcia konta."}</h4>
|
||||
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">
|
||||
{__ text="Operacja usunięcia konta wymaga potwierdzenia. Skorzystaj z linku poniżej aby potwierdzić usunięcie konta."}<br style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{__ text="Login"}: <b style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_name}</b>
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$user_submit}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Potwierdź usunięcie konta"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,9 @@
|
||||
{$user_head}
|
||||
|
||||
{__ text="Twoje konto w sklepie zostało założone."}
|
||||
{__ text="Twój login"}: {$user_name}
|
||||
{__ text="Twoje hasło"}: {$user_password}
|
||||
{__ text="Data założenia konta"}: {$user_created_at}
|
||||
{$user_submit}
|
||||
|
||||
{$user_foot}
|
||||
@@ -0,0 +1,304 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; font-size:12px;}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #{/literal}{$link_color}{literal};}
|
||||
|
||||
.btn {
|
||||
text-decoration:none;
|
||||
color: #FFF;
|
||||
background-color: #666;
|
||||
padding:10px 16px;
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
p.callout {
|
||||
padding:15px;
|
||||
background-color:#ECF8FF;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.callout a {
|
||||
font-weight:bold;
|
||||
color: #2BA6CB;
|
||||
}
|
||||
|
||||
table.social {
|
||||
/* padding:15px; */
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
margin-bottom:10px;
|
||||
text-decoration:none;
|
||||
color: #FFF;font-weight:bold;
|
||||
display:block;
|
||||
text-align:center;
|
||||
}
|
||||
a.fb { background-color: #3B5998!important; }
|
||||
a.tw { background-color: #1daced!important; }
|
||||
a.gp { background-color: #DB4A39!important; }
|
||||
a.ms { background-color: #000!important; }
|
||||
|
||||
.sidebar .soc-btn {
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
table.footer-wrap { width: 100%; clear:both!important;
|
||||
}
|
||||
.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
|
||||
.footer-wrap .container td.content p {
|
||||
font-size:10px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
|
||||
|
||||
h1 { font-weight:200; font-size: 44px;}
|
||||
h2 { font-weight:200; font-size: 37px;}
|
||||
h3 { font-weight:500; font-size: 27px;}
|
||||
h4 { font-weight:500; font-size: 23px;}
|
||||
h5 { font-weight:900; font-size: 17px;}
|
||||
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
|
||||
|
||||
.collapse { margin:0!important;}
|
||||
|
||||
p, ul {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
font-size:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
ul.sidebar {
|
||||
background:#ebebeb;
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.sidebar li { display: block; margin:0;}
|
||||
ul.sidebar li a {
|
||||
text-decoration:none;
|
||||
color: #666;
|
||||
padding:10px 16px;
|
||||
/* font-weight:bold; */
|
||||
margin-right:10px;
|
||||
/* text-align:center; */
|
||||
cursor:pointer;
|
||||
border-bottom: 1px solid #777777;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
display:block;
|
||||
margin:0;
|
||||
}
|
||||
ul.sidebar li a.last { border-bottom-width:0px;}
|
||||
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.column tr td { padding: 15px; }
|
||||
.column-wrap {
|
||||
padding:0!important;
|
||||
margin:0 auto;
|
||||
max-width:600px!important;
|
||||
}
|
||||
.column table { width:100%;}
|
||||
.social .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
|
||||
|
||||
div[class="column"] { width: auto!important; float:none!important;}
|
||||
|
||||
table.social div[class="column"] {
|
||||
width:auto!important;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$user_created_at}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;display: block!important;max-width: 600px!important;clear: both!important;">
|
||||
|
||||
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Prośba o potwierdzenie konta."}</h4>
|
||||
|
||||
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">
|
||||
{__ text="Twoje konto wymaga potwierdzenia. Skorzystaj z linku poniżej aby potwierdzić dane."}<br style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{__ text="Login"}: <b style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_name}</b>
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$user_submit}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Potwierdź konto"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,9 @@
|
||||
{$user_head}
|
||||
|
||||
{__ text="Twoje konto w sklepie zostało założone."}
|
||||
{__ text="Twój login"}: {$user_name}
|
||||
{__ text="Twoje hasło"}: {$user_password}
|
||||
{__ text="Data założenia konta"}: {$user_created_at}
|
||||
{$user_submit}
|
||||
|
||||
{$user_foot}
|
||||
@@ -0,0 +1,6 @@
|
||||
<div id="privacy_webpage" class="tinymce_html" style="margin: 10px;">
|
||||
<div class="st_title">
|
||||
<h2>{$webpage->getName()}</h2>
|
||||
</div>
|
||||
{$webpage->getContent()}
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div id="right_2_cancel_webpage" class="tinymce_html" style="margin: 10px;">
|
||||
<div class="st_title">
|
||||
<h2>{$webpage->getName()}</h2>
|
||||
</div>
|
||||
{$webpage->getContent()}
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Rejestracja"}</h2>
|
||||
<p>
|
||||
{__ text="Prośba o potwierdzenie konta."}
|
||||
</p>
|
||||
</div>
|
||||
<div class="st_content">
|
||||
|
||||
<div id="user_wait_confirm" class="box_form roundies">
|
||||
|
||||
<div style="padding:25px;">
|
||||
<p>
|
||||
{__ text="Dziękujemy za dokonanie rejestracji. Proszę sprawdzić pocztę, na adres:"}
|
||||
</p>
|
||||
<p>
|
||||
<b>{$username}</b>
|
||||
</p>
|
||||
<p>
|
||||
{__ text="została wysłana prośba o potwierdzenie konta."}
|
||||
</p>
|
||||
|
||||
<div id="st_application-user-account-buttons">
|
||||
|
||||
{if $show_basket != 0}
|
||||
|
||||
<div class="buttons left">
|
||||
<a href="/" class="regular roundies"> <span class="arrow_left icon_left">{__ text="Wróć do zakupów"}</span> </a>
|
||||
</div>
|
||||
|
||||
<div class="buttons right">
|
||||
<a href="{$go_to_basket_url}" class="regular roundies"> <span class="arrow_right">{__ text="Przejdź do koszyka"}</span> </a>
|
||||
</div>
|
||||
{else}
|
||||
<div class="buttons left" style="margin-left: 84px;">
|
||||
<a href="/" class="regular roundies"> <span class="arrow_left icon_left">{__ text="Wróć do zakupów"}</span> </a>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="st_application-user-account" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Rejestracja"}</h2>
|
||||
<p>
|
||||
{__ text="Prośba o potwierdzenie konta."}
|
||||
</p>
|
||||
</div>
|
||||
<div class="st_content">
|
||||
|
||||
<div id="user_wait_confirm" class="box_form roundies">
|
||||
|
||||
<div style="padding:25px;">
|
||||
<p>
|
||||
{__ text="Proszę sprawdzić pocztę, na adres"}:
|
||||
</p>
|
||||
<p>
|
||||
<b>{$username}</b>
|
||||
</p>
|
||||
<p>
|
||||
{__ text="została wysłana prośba o potwierdzenie konta."}
|
||||
</p>
|
||||
|
||||
<div id="st_application-user-account-buttons">
|
||||
|
||||
{if $show_basket != 0}
|
||||
|
||||
<div class="buttons left">
|
||||
<a href="/" class="regular roundies"> <span class="arrow_left icon_left">{__ text="Wróć do zakupów"}</span> </a>
|
||||
</div>
|
||||
|
||||
<div class="buttons right">
|
||||
<a href="{$go_to_basket_url}" class="regular roundies"> <span class="arrow_right">{__ text="Przejdź do koszyka"}</span> </a>
|
||||
</div>
|
||||
{else}
|
||||
<div class="buttons left" style="margin-left: 84px;">
|
||||
<a href="/" class="regular roundies"> <span class="arrow_left icon_left">{__ text="Wróć do zakupów"}</span> </a>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user