first commit
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="myModalLabel">{__ text="Logowanie"} </h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body panel-body modal-form">
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}
|
||||
<label class="control-label" for="email">{$error_email}</label>
|
||||
{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password!=''}has-error{/if}">
|
||||
{if $error_password!=""}
|
||||
<label class="control-label" for="password">{$error_password}</label>
|
||||
{/if}
|
||||
{$input_password}
|
||||
</div>
|
||||
|
||||
<div class="btn-group pull-right">
|
||||
<button id="submit_login" class="btn btn-primary" name="submit_login">
|
||||
{__ text="Zaloguj"}
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="btn-group pull-left">
|
||||
<span class="underline">{$remind_password_link}</span><br/>
|
||||
{__ text="Nie masz konta?"}
|
||||
<span class="underline">{$create_account_link}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="ajax-login-form-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
|
||||
<div class="modal-content">
|
||||
|
||||
<div id="ajax-login-form"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,65 @@
|
||||
<div id="basket-login-user" class="panel panel-default">
|
||||
<div class="panel-heading"><h3 class="panel-title">{__ text="Logowanie dla stałych klientów"}</h3></div>
|
||||
|
||||
<div class="panel-body">
|
||||
|
||||
{__ text="Jeśli masz już konto w sklepie,"} <a id="st_button-user-login-account" style="text-decoration: underline; cursor: pointer;" >{__ text="zaloguj się."}</a>
|
||||
|
||||
<div id="basket-login-form" style="display: none;">
|
||||
|
||||
{$form_start}
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="st_form-user_basket-email">{$error_email}</label>{/if}
|
||||
{$email}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password!=''}has-error{/if}">
|
||||
{if $error_password!=""}<label class="control-label" for="st_form-user_basket-email">{$error_password}</label>{/if}
|
||||
{$password}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right" name="submit_login">
|
||||
{__ text="Zaloguj"}
|
||||
</button>
|
||||
|
||||
<div class="pull-right" style="margin-right:5px;">
|
||||
{if $login_google_on == 1}
|
||||
<a id="st_button-user-login-google" href="{$google_url}" class="btn btn-default btn-social">
|
||||
<img class="img-responsive" src="{image_path image='google_icon.png'}" alt=""/>
|
||||
</a>
|
||||
{/if}
|
||||
{slot name="login-google-basket" hidden="true"}{/slot}
|
||||
</div>
|
||||
|
||||
{if $login_show_error}{$remind_password}{/if}
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
|
||||
if($( "#basket-login-form .form-group").hasClass( "has-error" )){
|
||||
$("#basket-login-form").show();
|
||||
};
|
||||
|
||||
$('#st_button-user-login-account').click(function(){
|
||||
$("#basket-login-form").toggle();
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,18 @@
|
||||
{set layout="one_column"}
|
||||
<div id="confirm-send-password">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Proszę sprawdzić pocztę."}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
<p>
|
||||
{__ text="Na adres"} {$email} {__ text="została wysłana wiadomość z potwierdzeniem zmiany hasła."}</p>
|
||||
<p>
|
||||
<a href="/user/loginUser" class="btn btn-default">{__ text="Przejdź do strony logowania"}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,126 @@
|
||||
<div id="create-account">
|
||||
|
||||
<div id="create-account-form" class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Dane konta"}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body underline">
|
||||
{$form_start}
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password1!=''}has-error{/if}">
|
||||
{if $error_password1!=""}<label class="control-label" for="password1">{$error_password1}</label>{/if}
|
||||
{$input_password1}
|
||||
<script type="text/javascript">
|
||||
jQuery('#st_form-user-password1').pstrength();
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password2!=''}has-error{/if}">
|
||||
{if $error_password2!=""}<label class="control-label" for="password2">{$error_password2}</label>{/if}
|
||||
{$input_password2}
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<label class="{if $error_privacy==1}checkbox_error{/if}">
|
||||
{$checkbox_privacy} {$link_to_privacy}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on)}
|
||||
|
||||
{if $captcha_mod == "recaptcha3"}
|
||||
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
|
||||
<div id="recaptcha-badge"></div>
|
||||
{/if}
|
||||
|
||||
{if $captcha_mod == "standart" || $badscore==1}
|
||||
|
||||
<div class="form-group">
|
||||
<div id="captcha_form">
|
||||
|
||||
{if $error_captcha!=""}<div class="has-error"><label class="control-label" for="captcha_img">{$error_captcha}</label></div>{/if}
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="captcha-img {if $error_captcha!=''}has-error{/if}">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
|
||||
<div class="form-group captcha-input {if $error_captcha!=''}has-error{/if}">
|
||||
{$input_captcha}
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{/if}
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right">
|
||||
{__ text="Załóż konto"}
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
|
||||
{literal}
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function onRecaptchaLoadCallback() {
|
||||
var clientId = grecaptcha.render('recaptcha-badge', {
|
||||
'sitekey': '{/literal}{$re_captcha_key}{literal}',
|
||||
'badge': '{/literal}{$re_captcha_badge_position}{literal}',
|
||||
'size': 'invisible'
|
||||
});
|
||||
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute(clientId, {
|
||||
action: 'user_create_account'
|
||||
})
|
||||
.then(function(token) {
|
||||
var recaptchaResponse = document.getElementById('recaptchaResponse');
|
||||
recaptchaResponse.value = token;
|
||||
});
|
||||
});
|
||||
|
||||
$("#recaptcha-badge").css("z-index",100000);
|
||||
$("#recaptcha-badge").css("position","relative");
|
||||
$(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#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,109 @@
|
||||
{set layout="one_column"}
|
||||
<div id="confirm-send-password">
|
||||
{$form_start}
|
||||
|
||||
<div id="create-new-password-form" class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Podaj nowe hasło."}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{if $error}
|
||||
<div class="alert alert-danger" role="alert">
|
||||
{$error}
|
||||
</div>
|
||||
{/if}
|
||||
{$form_start}
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password1!=''}has-error{/if}">
|
||||
{if $error_password1!=""}<label class="control-label" for="password1">{$error_password1}</label>{/if}
|
||||
{$input_password1}
|
||||
<script type="text/javascript">
|
||||
jQuery('#st_form-user-password1').pstrength();
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password2!=''}has-error{/if}">
|
||||
{if $error_password2!=""}<label class="control-label" for="password2">{$error_password2}</label>{/if}
|
||||
{$input_password2}
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on)}
|
||||
|
||||
{if $captcha_mod == "recaptcha3"}
|
||||
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
|
||||
<div id="recaptcha-badge"></div>
|
||||
{/if}
|
||||
|
||||
{if $captcha_mod == "standart" || $badscore==1}
|
||||
<div class="form-group">
|
||||
<div id="captcha_form">
|
||||
|
||||
{if $error_captcha!=""}<div class="has-error"><label class="control-label" for="captcha_img">{$error_captcha}</label></div>{/if}
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="captcha-img {if $error_captcha!=''}has-error{/if}">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
|
||||
<div class="form-group captcha-input {if $error_captcha!=''}has-error{/if}">
|
||||
{$input_captcha}
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
{$hidden_hash_code}
|
||||
{$hidden_secure_token}
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right">
|
||||
{__ text="Zmień hasło"}
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
|
||||
{literal}
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function onRecaptchaLoadCallback() {
|
||||
var clientId = grecaptcha.render('recaptcha-badge', {
|
||||
'sitekey': '{/literal}{$re_captcha_key}{literal}',
|
||||
'badge': '{/literal}{$re_captcha_badge_position}{literal}',
|
||||
'size': 'invisible'
|
||||
});
|
||||
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute(clientId, {
|
||||
action: 'user_create_account'
|
||||
})
|
||||
.then(function(token) {
|
||||
var recaptchaResponse = document.getElementById('recaptchaResponse');
|
||||
recaptchaResponse.value = token;
|
||||
});
|
||||
});
|
||||
|
||||
$("#recaptcha-badge").css("z-index",100000);
|
||||
$("#recaptcha-badge").css("position","relative");
|
||||
$(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
@@ -0,0 +1,128 @@
|
||||
{set layout="one_column"}
|
||||
<div id="create-password">
|
||||
|
||||
<div id="create-password-form" class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Dane konta"}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<p class="text-center">
|
||||
{__ 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>
|
||||
|
||||
|
||||
{$form_start}
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password1!=''}has-error{/if}">
|
||||
{if $error_password1!=""}<label class="control-label" for="password1">{$error_password1}</label>{/if}
|
||||
{$input_password1}
|
||||
<script type="text/javascript">
|
||||
jQuery('#st_form-user-password1').pstrength();
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password2!=''}has-error{/if}">
|
||||
{if $error_password2!=""}<label class="control-label" for="password2">{$error_password2}</label>{/if}
|
||||
{$input_password2}
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label class="{if $error_privacy==1}checkbox_error{/if}">
|
||||
{$checkbox_privacy} Akceptuję {st_get_component module="stWebpageFrontend" component="link" state="TERMS" label="regulamin"} i {st_get_component module="stWebpageFrontend" component="link" state="PRIVACY" label="politykę prywatności"}
|
||||
</label>
|
||||
</div>
|
||||
|
||||
{if $captcha_mod == "recaptcha3"}
|
||||
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
|
||||
<div id="recaptcha-badge"></div>
|
||||
{/if}
|
||||
|
||||
{if $captcha_mod == "standart" || $badscore==1}
|
||||
<div id="captcha_form">
|
||||
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_captcha!=''}has-error{/if}">
|
||||
{if $error_captcha!=""}<label class="control-label" for="captcha_img">{$error_captcha}</label>{/if}
|
||||
{$input_captcha}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right">
|
||||
{__ text="Zarejestruj"}
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
|
||||
$('#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}
|
||||
|
||||
{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
|
||||
{literal}
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function onRecaptchaLoadCallback() {
|
||||
var clientId = grecaptcha.render('recaptcha-badge', {
|
||||
'sitekey': '{/literal}{$re_captcha_key}{literal}',
|
||||
'badge': '{/literal}{$re_captcha_badge_position}{literal}',
|
||||
'size': 'invisible'
|
||||
});
|
||||
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute(clientId, {
|
||||
action: 'user_create_account'
|
||||
})
|
||||
.then(function(token) {
|
||||
var recaptchaResponse = document.getElementById('recaptchaResponse');
|
||||
recaptchaResponse.value = token;
|
||||
});
|
||||
});
|
||||
|
||||
$("#recaptcha-badge").css("z-index",100000);
|
||||
$("#recaptcha-badge").css("position","relative");
|
||||
$(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
@@ -0,0 +1,23 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="logout-user">
|
||||
|
||||
<div class="panel panel-default center-block info-panel">
|
||||
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p>{__ text="Pomyślnie usunięto użytkownika"} {$email} <br/> {__ text="Za chwilę nastąpi przekierowanie na stronę główną."}</p>
|
||||
|
||||
<a href="/" class="btn btn-default">{__ text="Strona główna"}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
setTimeout(function() {
|
||||
window.location = "/";
|
||||
}, 5000);
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,223 @@
|
||||
{set layout="one_column"}
|
||||
<div class="user-control">
|
||||
{st_get_component module="stUserData" component="responsiveUserPanelMenu" active_tab="5"}
|
||||
|
||||
<div id="edit-account">
|
||||
|
||||
<div class="row row-first" data-equalizer>
|
||||
<div class="col-sm-6 col-md-6">
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-trigger">{__ text="Dane płatnika"}</span>
|
||||
</div>
|
||||
<div class="panel-body" data-equalizer-watch>
|
||||
|
||||
{if $billing_edit_url && $billing_address!=""}
|
||||
|
||||
<a class="edit-btn pull-right" href="{$billing_edit_url}">
|
||||
{__ text="zmień"}
|
||||
</a>
|
||||
{if $billing_company!=""}
|
||||
{__ text="Dane do faktury"}
|
||||
<br/>
|
||||
{$billing_company}
|
||||
<br/>
|
||||
{$billing_vat_number}
|
||||
<br/>
|
||||
{/if}
|
||||
|
||||
<b>{$billing_full_name}</b>
|
||||
<br/>
|
||||
|
||||
{$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/>
|
||||
|
||||
{else}
|
||||
|
||||
<a class="btn btn-default pull-right" href="/user_data/createFirstUserDataBilling">{__ text="Dodaj dane billingowe"}</a>
|
||||
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6">
|
||||
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-trigger" >{__ text="Dane wysyłkowe"}</span>
|
||||
</div>
|
||||
<div class="panel-body" data-equalizer-watch>
|
||||
|
||||
{if $delivery_edit_url && $delivery_address!=""}
|
||||
|
||||
<a class="edit-btn pull-right" href="{$delivery_edit_url}">
|
||||
{__ text="zmień"}
|
||||
</a>
|
||||
|
||||
{if $delivery_company!=""}
|
||||
{$delivery_company}
|
||||
<br/>
|
||||
{/if}
|
||||
|
||||
<b>{$delivery_full_name}</b>
|
||||
<br/>
|
||||
|
||||
{$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/>
|
||||
|
||||
{else}
|
||||
|
||||
<a class="btn btn-default pull-right" href="/user_data/createFirstUserDataDelivery">{__ text="Dodaj dane dostawy"}</a>
|
||||
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" data-equalizer>
|
||||
<div class="col-sm-6 col-md-6">
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-trigger" >{__ text="Zmień e-mail (login)"}</span>
|
||||
</div>
|
||||
<div class="panel-body" data-equalizer-watch>
|
||||
{if $show_message}
|
||||
<div class="alert alert-success" role="alert">{__ text="Dane zostały zaktualizowane."}</div>
|
||||
{/if}
|
||||
{$form_start}
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="st_form-user_basket-email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-default pull-right">
|
||||
{__ text="Aktualizuj"}
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6">
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-trigger" >{__ text="Zmień hasło"}</span>
|
||||
</div>
|
||||
<div class="panel-body" data-equalizer-watch>
|
||||
|
||||
{$form_start_2}
|
||||
|
||||
<div class="form-group {if $error_user_oldpassword!=''}has-error{/if}">
|
||||
{if $error_user_oldpassword!=""}<label class="control-label" for="user_oldpasswordl">{$error_user_oldpassword}</label>{/if}
|
||||
{$input_user_oldpassword}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_user_password1!=''}has-error{/if}">
|
||||
{if $error_user_password1!=""}<label class="control-label" for="password1">{$error_user_password1}</label>{/if}
|
||||
{$input_user_password1}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_user_password2!=''}has-error{/if}">
|
||||
{if $error_user_password2!=""}<label class="control-label" for="password2">{$error_user_password2}</label>{/if}
|
||||
{$input_user_password2}
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-default pull-right">
|
||||
{__ text="Aktualizuj"}
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-6">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span class="panel-trigger" >{__ text="Usuń konto"}</span>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
{__ text="Po usunięciu konta wszystkie dane zostaną bezpowrotnie skasowane."}
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<a href="/user/requestDeleteAccount" class="btn btn-default pull-right" >
|
||||
{__ text="Usuń konto"}
|
||||
</a>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$(document).ready(function() {
|
||||
jQuery('#password1').pstrength();
|
||||
$('#oldpassword, #password1, #password2').attr('autocomplete', 'off');
|
||||
|
||||
$( ".alert" ).addClass( "opacity_alert" );
|
||||
|
||||
setTimeout(function() {
|
||||
$( ".alert" ).addClass( "hidden_alert" );
|
||||
}, 3000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,32 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="wait-confirm">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Potwierdzenie autentyczności adresu."}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
<p>
|
||||
{if $confirm == '0'}
|
||||
{__ text="Wystąpił problem z rejestracją użytkownika."}
|
||||
{/if}
|
||||
|
||||
{if $confirm == '1'}
|
||||
{__ 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."}
|
||||
{/if}
|
||||
|
||||
{if $confirm == '2'}
|
||||
{__ text="Twoje konto zostało już wcześniej potwierdzone."}
|
||||
{/if}
|
||||
</p>
|
||||
<p>
|
||||
|
||||
<a href="/user/loginUser" class="btn btn-default">{__ text="Przejdź do strony logowania"}</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
{if $is_authenticated && $account_type=="full"}
|
||||
<li class="user-options"><a href="{url_for internal='stUserData/userPanel' secure=true}">{__ text="Moje konto"}</a></li>
|
||||
<li class="user-options"><a href="{url_for internal='stOrder/list' secure=true}">{__ text="Zamówienia"}</a></li>
|
||||
<li class="user-options"><a href="{url_for internal='stDiscountFrontend/discountInfo' secure=true}">{__ text="Rabaty"}</a></li>
|
||||
<li class="user-options"><a href="{url_for internal='stUser/editAccount' secure=true}">{__ text="Moje dane"}</a></li>
|
||||
<li class="user-options user-options-logout"><a href="{url_for internal='stUser/logoutUser' secure=true}">{__ text="Wyloguj"}</a></li>
|
||||
{elseif $is_authenticated && $account_type=="annonymous"}
|
||||
<li class="user-options"><a href="{url_for internal='stUser/createPassword' secure=true}">{__ text="Moje konto"}</a></li>
|
||||
<li class="user-options user-options-logout"><a href="{url_for internal='stUser/logoutUser' secure=true}">{__ text="Usuń"}</a></li>
|
||||
{elseif $is_authenticated && $account_type=="external"}
|
||||
<li class="user-options"><a href="{url_for internal='stUserData/userPanel' secure=true}">{__ text="Moje konto"}</a></li>
|
||||
<li class="user-options user-options-logout"><a href="{url_for internal='stUser/logoutUser' secure=true}">{__ text="Wyloguj"}</a></li>
|
||||
{else}
|
||||
<li class="user-options" style="padding: 10px;">
|
||||
<a id="ajax-login-button" class="btn btn-primary">{__ text="Zaloguj"}</a>
|
||||
<div class="user-options-text text-muted hidden-xs">{__ text="Nie masz jeszcze konta?"}</div>
|
||||
<a class="btn btn-default" href="{url_for internal='stUser/createAccount' secure=true}" rel="nofollow">{__ text="Załóż konto"}</a>
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
<li class="dropdown visible-xs">{st_get_component module="stLanguageFrontend" component="choose"}</li>
|
||||
<li class="dropdown visible-xs">{st_get_component module="stCurrencyFrontend" component="pickCurrency"}</li>
|
||||
|
||||
{if $is_authenticated}
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$(".login-status").css( "display", "block" );
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
@@ -0,0 +1,58 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="login-user">
|
||||
|
||||
|
||||
<div class="panel panel-default center-block" id="create-account-form">
|
||||
|
||||
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Logowanie"}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
{$form_start}
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="st_form-user_basket-email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<div class="form-group {if $error_password!=''}has-error{/if}">
|
||||
{if $error_password!=""}<label class="control-label" for="st_form-user_basket-email">{$error_password}</label>{/if}
|
||||
{$input_password}
|
||||
</div>
|
||||
|
||||
<div class="btn-group pull-right">
|
||||
{slot name="login-google-user" hidden="true"}{/slot}
|
||||
|
||||
{if $login_google_on == 1}
|
||||
|
||||
<a class="btn btn-default btn-social" href="{$google_url}" class="regular roundies">
|
||||
<img class="img-responsive" src="{image_path image='google_icon.png'}" alt=""/>
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
<button type="submit" class="btn btn-primary" name="submit_login">
|
||||
{__ text="Zaloguj"}
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="btn-group pull-left underline">
|
||||
{$remind_password_link}<br/>
|
||||
{__ text="Nie masz konta?"} <a href="/user/createAccount">{__ text="Załóż konto"}</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="logout-user">
|
||||
|
||||
<div class="panel panel-default center-block info-panel">
|
||||
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p>{__ text="Pomyślnie wylogowano użytkownika"} {$username} <br/> {__ text="Za chwilę nastąpi przekierowanie na stronę główną."}</p>
|
||||
|
||||
<a href="/" class="btn btn-default">{__ text="Strona główna"}</a>
|
||||
</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"}
|
||||
<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">
|
||||
|
||||
{if $culture == "de"}
|
||||
{__ text="Ich habe"}
|
||||
{st_get_component module="stWebpageFrontend" component="link" state="TERMS" label="die AGB's"}
|
||||
{__ text="und"}
|
||||
{st_get_component module="stWebpageFrontend" component="link" state="PRIVACY" label="die Datenschutzrichtlinien"}
|
||||
{__ 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}{st_get_component module="stWebpageFrontend" component="link" state="PRIVACY" label="polityką prywatności"}{/if}.
|
||||
{else}
|
||||
|
||||
{$terms_privacy_text}
|
||||
|
||||
|
||||
|
||||
{/if}
|
||||
|
||||
{/if}
|
||||
</div>
|
||||
@@ -0,0 +1,114 @@
|
||||
{set layout="one_column"}
|
||||
<div id="remind-password" >
|
||||
|
||||
{if isset($not_send_true)}
|
||||
|
||||
{$form_start}
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Przypomnij hasło"}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{if $error}
|
||||
<div class="alert alert-danger" role="alert">
|
||||
{$error}
|
||||
</div>
|
||||
{/if}
|
||||
<p class="text-left">
|
||||
{__ text="Podaj adres email (login użytkownika)"}
|
||||
</p>
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on)}
|
||||
|
||||
{if $captcha_mod == "recaptcha3"}
|
||||
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
|
||||
<div id="recaptcha-badge"></div>
|
||||
{/if}
|
||||
|
||||
{if $captcha_mod == "standart" || $badscore==1}
|
||||
<div id="captcha_form">
|
||||
|
||||
{if $error_captcha!=""}<div class="has-error"><label class="control-label" for="captcha_img">{$error_captcha}</label></div>{/if}
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="captcha-img {if $error_captcha!=''}has-error{/if}">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
|
||||
<div class="form-group captcha-input {if $error_captcha!=''}has-error{/if}">
|
||||
{$input_captcha}
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right">
|
||||
{__ text="Wyślij"}
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{else}
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
{__ text="Przypomnienie hasła"}
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<p class="text-center">
|
||||
{__ text="Na adres"} {$email_send_to} {__ text="została wysłana wiadomość z linkiem do nadania nowego hasła. Sprawdź pocztę."}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
|
||||
{literal}
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function onRecaptchaLoadCallback() {
|
||||
var clientId = grecaptcha.render('recaptcha-badge', {
|
||||
'sitekey': '{/literal}{$re_captcha_key}{literal}',
|
||||
'badge': '{/literal}{$re_captcha_badge_position}{literal}',
|
||||
'size': 'invisible'
|
||||
});
|
||||
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute(clientId, {
|
||||
action: 'user_create_account'
|
||||
})
|
||||
.then(function(token) {
|
||||
var recaptchaResponse = document.getElementById('recaptchaResponse');
|
||||
recaptchaResponse.value = token;
|
||||
});
|
||||
});
|
||||
|
||||
$("#recaptcha-badge").css("z-index",100000);
|
||||
$("#recaptcha-badge").css("position","relative");
|
||||
$(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
@@ -0,0 +1,17 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="wait-confirm">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Prośba o potwierdzenie usunięcia konta."}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p>{__ text="Proszę sprawdzić pocztę, na adres"} {$email} <br/> {__ text="została wysłana prośba o potwierdzenie operacji usunięcia konta."}</p>
|
||||
|
||||
</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,307 @@
|
||||
<!-- http://templates.mailchimp.com/resources/inline-css/ -->
|
||||
<!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">
|
||||
<head>
|
||||
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>ZURBemails</title>
|
||||
|
||||
<style>
|
||||
{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: #2BA6CB;}
|
||||
|
||||
.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">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#F5F5F5">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="header container" >
|
||||
|
||||
<div class="content">
|
||||
<table bgcolor="#F5F5F5">
|
||||
<tr>
|
||||
<td><img src="http://argentorwd.demo.soteshop.pl/images/frontend/theme/argentorwd/logo.png" /></td>
|
||||
<td align="right"><h6 class="collapse">{$user_created_at}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="container" bgcolor="#FFFFFF">
|
||||
|
||||
<div class="content">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<p>{$user_head}</p>
|
||||
<h4>{__ text="Potwierdzenie rejestracji"}</h4>
|
||||
|
||||
<p>{$user_content_head}</p>
|
||||
<p>
|
||||
{__ text="Dane dostępowe do konta"}:<br>
|
||||
{__ text="Login"}: <b>{$user_name}</b>
|
||||
</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;">
|
||||
<a href="{$user_submit}" >{__ text="Potwierdź rejestrację"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
<p>{$user_content_foot}</p>
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%">
|
||||
<tr>
|
||||
<td>{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
{$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}
|
||||
|
||||
{__ text="Potwierdź rejestrację"} {$user_submit}
|
||||
|
||||
{$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,10 @@
|
||||
<div id="sidebar">
|
||||
<div id="sidebar-content">
|
||||
{st_get_component module='stRecentlyViewedProductsFrontend' component='recentlyViewedProductsSidebar'}
|
||||
{st_get_component module='stProductObserveFrontend' component='observeProductsSidebar'}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidebar-handle" class="closeBtn">
|
||||
<span class="glyphicon glyphicon-list"></span>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
{set layout="one_column"}
|
||||
<div id="wait-confirm">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Prośba o potwierdzenie konta."}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p>{__ text="Proszę sprawdzić pocztę, na adres"} {$username} {__ text="została wysłana prośba o potwierdzenie konta."}</p>
|
||||
|
||||
<p>
|
||||
{if $show_basket != 0}
|
||||
<a href="/" class="btn btn-default pull-left"> {__ text="Wróć do zakupów"} </a>
|
||||
<a href="{$go_to_basket_url}" class="btn btn-default pull-right">{__ text="Przejdź do koszyka"}</a>
|
||||
{else}
|
||||
<a href="/" class="btn btn-default">{__ text="Wróć do zakupów"}</a>
|
||||
{/if}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="wait-confirm-remind">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">
|
||||
{__ text="Prośba o potwierdzenie konta."}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
<p>{__ text="Na konto pocztowe"} {$username} {__ text="została wysłana wiadomość z prośbą o potwierdzenie konta. Sprawdź pocztę i kliknij w załączony link."}</p>
|
||||
|
||||
<p>
|
||||
{if $show_basket != 0}
|
||||
<a href="/" class="btn btn-default pull-left"> {__ text="Wróć do zakupów"} </a>
|
||||
<a href="{$go_to_basket_url}" class="btn btn-default pull-right">{__ text="Przejdź do koszyka"}</a>
|
||||
{else}
|
||||
<a href="/" class="btn btn-default">{__ text="Wróć do zakupów"}</a>
|
||||
{/if}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user