updates and fixes 14.11.2013
This commit is contained in:
@@ -304,6 +304,10 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
|
||||
background-image: url('../img/button-large.png')*/
|
||||
}
|
||||
|
||||
.btn.disabled, .btn[disabled]:hover {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.button.button-small {
|
||||
font: bold 13px/17px Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
@@ -954,6 +958,16 @@ table.table_block td {
|
||||
.block {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.block {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.block .block_content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.block .title_block, .block h4 {
|
||||
font: 600 18px/22px "Open Sans", sans-serif;
|
||||
@@ -969,6 +983,26 @@ table.table_block td {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.block .title_block, .block h4 {
|
||||
position: relative;
|
||||
}
|
||||
.block .title_block:after, .block h4:after {
|
||||
display: block;
|
||||
font-family: "FontAwesome";
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15px;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.block .title_block.active:after, .block h4.active:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
.block .title_block a, .block h4 a {
|
||||
color: #555454;
|
||||
}
|
||||
@@ -988,6 +1022,11 @@ table.table_block td {
|
||||
.block .list-block {
|
||||
margin-top: -8px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.block .list-block {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.block .list-block li {
|
||||
padding: 5px 0 6px 20px;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
@@ -1012,10 +1051,16 @@ table.table_block td {
|
||||
.block .list-block .form-group {
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.block .list-block .form-group select {
|
||||
max-width: 270px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.block .list-block .form-group select {
|
||||
width: 270px;
|
||||
}
|
||||
}
|
||||
.block .list-block .btn {
|
||||
margin-top: 12px;
|
||||
}
|
||||
@@ -2051,6 +2096,11 @@ div.star_hover a, div.star a:hover {
|
||||
.footer-container #footer .footer-block {
|
||||
margin-top: 45px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer .footer-block {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
.footer-container #footer a {
|
||||
color: #777;
|
||||
}
|
||||
@@ -2062,6 +2112,24 @@ div.star_hover a, div.star a:hover {
|
||||
color: white;
|
||||
margin: 0 0 13px 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer h4 {
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 13px;
|
||||
}
|
||||
.footer-container #footer h4:after {
|
||||
display: block;
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 1px;
|
||||
}
|
||||
.footer-container #footer h4.active:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
.footer-container #footer h4 a {
|
||||
color: white;
|
||||
}
|
||||
@@ -3186,7 +3254,7 @@ div.star_hover a, div.star a:hover {
|
||||
.form-group.form-ok input, .form-group.form-ok textarea {
|
||||
border: 1px solid #46a74e;
|
||||
color: #35b33f;
|
||||
background: url(../img/icon/form-ok.png) 98% 5px no-repeat #87f590;
|
||||
background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1;
|
||||
}
|
||||
.form-group.form-error .form-control, .form-group.form-ok .form-control {
|
||||
padding-right: 30px;
|
||||
|
||||
@@ -1,5 +1,10 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
/* block CONTACT ******************************************************************************* */
|
||||
@media (max-width: 767px) {
|
||||
#contact_block {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
#contact_block .label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -49,6 +49,9 @@
|
||||
line-height: 25px;
|
||||
border: none;
|
||||
}
|
||||
#footer #newsletter_block_left h4:after {
|
||||
display: none;
|
||||
}
|
||||
#footer #newsletter_block_left .block_content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -65,6 +65,11 @@
|
||||
#wishlist_block .lnk .form-group select {
|
||||
max-width: 192px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#wishlist_block .lnk .form-group select {
|
||||
width: 192px;
|
||||
}
|
||||
}
|
||||
#wishlist_block .ajax_cart_block_remove_link {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
|
||||
@@ -100,13 +100,6 @@
|
||||
</div>
|
||||
{/if}
|
||||
<div id="page">
|
||||
<div class="banner-top">
|
||||
<div class="container">
|
||||
<a href="#">
|
||||
<img class="banner-top img-responsive" src="{$img_dir}top-banner.gif" alt="banner-top"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header -->
|
||||
<div class="header-container">
|
||||
<header id="header">
|
||||
|
||||
+13
-8
@@ -44,6 +44,8 @@ $(document).ready(function(){
|
||||
tmDropDown ('', '#header .current', 'ul.toogle_content', 'active'); // all of this should be defined or left empty brackets
|
||||
//tmDropDown ('cart', 'li#shopping_cart > a', '#cart_block', 'active'); // all of this should be defined or left empty brackets
|
||||
});
|
||||
|
||||
|
||||
var responsiveflag = false;
|
||||
|
||||
// TOGGLE FOOTER
|
||||
@@ -65,16 +67,12 @@ function accordionFooter(status){
|
||||
function accordion(status){
|
||||
leftColumnBlocks = $('#left_column');
|
||||
if(status == 'enable'){
|
||||
$('#left_column').remove();
|
||||
$(leftColumnBlocks).insertAfter('#center_column').find('#categories_block_left ul.toggle_content').slideToggle('fast'); // replace left column under content
|
||||
$('#right_column .title_block, #left_column .title_block, #left_column #newsletter_block_left').on('click', function(){
|
||||
$('#right_column .block:not(#layered_block_left) .title_block, #left_column .block:not(#layered_block_left) .title_block, #left_column #newsletter_block_left h4').on('click', function(){
|
||||
$(this).toggleClass('active').parent().find('.block_content').stop().slideToggle('medium');
|
||||
})
|
||||
$('#right_column, #left_column').addClass('accordion').find('.block_content').slideUp('fast');
|
||||
$('#right_column, #left_column').addClass('accordion').find('.block:not(#layered_block_left) .block_content').slideUp('fast');
|
||||
}else{
|
||||
$('#left_column').remove();
|
||||
$(leftColumnBlocks).insertBefore('#center_column'); // replace left column before content
|
||||
$('#right_column .title_block, #left_column .title_block').removeClass('active').off().parent().find('.block_content').removeAttr('style').slideDown('fast');
|
||||
$('#right_column .block:not(#layered_block_left) .title_block, #left_column .block:not(#layered_block_left) .title_block, #left_column #newsletter_block_left h4').removeClass('active').off().parent().find('.block_content').removeAttr('style').slideDown('fast');
|
||||
$('#left_column, #right_column').removeClass('accordion');
|
||||
}
|
||||
}
|
||||
@@ -94,4 +92,11 @@ function resposiveResize(){
|
||||
}
|
||||
|
||||
$(document).ready(resposiveResize);
|
||||
$(window).resize(resposiveResize);
|
||||
$(window).resize(resposiveResize);
|
||||
|
||||
//replace top banner to top of page, before #header
|
||||
$(document).ready(function(){
|
||||
topBanner = $('body').find('#banner_block_top');
|
||||
topBanner.remove();
|
||||
topBanner.insertBefore('#header');
|
||||
});
|
||||
@@ -0,0 +1,25 @@
|
||||
<?php
|
||||
|
||||
global $_MODULE;
|
||||
$_MODULE = array();
|
||||
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_a82be0f551b8708bc08eb33cd9ded0cf'] = 'Information';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_ea4788705e6873b424c65e91c2846b19'] = 'Cancel';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_ef61fb324d729c341ea8ab9901e23566'] = 'Add new';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_c9cc8cce247e49bae79f15173ce97354'] = 'Save';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_965be994da393e5aa15bd3a2444c6ccf'] = 'Footer\'s various links Configuration';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_9aa03a5dca2e060a4ecbff0dd8616692'] = 'Save';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_93cba07454f06a4a960172bbd6e2a435'] = 'Yes';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_bafd7322c6e97d25b6299b5d6fe8920b'] = 'No';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_87a2663d841b78f01c27c0edb4f50b76'] = 'Deletion successful';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_34c869c542dee932ef8cd96d2f91cae6'] = 'Our stores';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_3cb29f0ccc5fd220a97df89dafe46290'] = 'Best sellers';
|
||||
$_MODULE['<{blockcms}prestashop>blockcms_e1da49db34b0bdfdddaba2ad6552f848'] = 'Sitemap';
|
||||
$_MODULE['<{blockcms}prestashop>form_b718adec73e04ce3ec720dd11a06a308'] = 'ID';
|
||||
$_MODULE['<{blockcms}prestashop>form_52f5e0bc3859bc5f5e25130b6c7e8881'] = 'Position';
|
||||
$_MODULE['<{blockcms}prestashop>form_06df33001c1d7187fdd81ea1f5b277aa'] = 'Actions';
|
||||
$_MODULE['<{blockcms}prestashop>form_08a38277b0309070706f6652eeae9a53'] = 'Down';
|
||||
$_MODULE['<{blockcms}prestashop>form_258f49887ef8d14ac268c92b02503aaa'] = 'Up';
|
||||
$_MODULE['<{blockcms}prestashop>form_7dce122004969d56ae2e0245cb754d35'] = 'Edit';
|
||||
$_MODULE['<{blockcms}prestashop>form_f2a6c498fb90ee345d997f888fce3b18'] = 'Delete';
|
||||
$_MODULE['<{blockcms}prestashop>form_49ee3087348e8d44e1feda1917443987'] = 'Name';
|
||||
@@ -36,9 +36,9 @@
|
||||
{if $voucherAllowed}<li><a href="{$link->getPageLink('discount', true)|escape:'html'}" title="{l s='My vouchers' mod='blockmyaccount'}">{l s='My vouchers' mod='blockmyaccount'}</a></li>{/if}
|
||||
{$HOOK_BLOCK_MY_ACCOUNT}
|
||||
</ul>
|
||||
<p class="logout">
|
||||
<div class="logout">
|
||||
<a class="btn btn-default button button-small" href="{$link->getPageLink('index', true, NULL, "mylogout")|escape:'html'}" title="{l s='Sign out' mod='blockmyaccount'}"><span>{l s='Sign out' mod='blockmyaccount'}<i class="icon-chevron-right right"></i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Block myaccount module -->
|
||||
|
||||
@@ -51,11 +51,11 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
<div>
|
||||
<a class="btn btn-default button button-small" href="{$link->getPageLink('prices-drop')|escape:'html'}" title="{l s='All specials' mod='blockspecials'}"><span>{l s='All specials' mod='blockspecials'}<i class="icon-chevron-right right"></i></span></a>
|
||||
</p>
|
||||
</div>
|
||||
{else}
|
||||
<p>{l s='No specials at this time' mod='blockspecials'}</p>
|
||||
<div>{l s='No specials at this time' mod='blockspecials'}</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+1
-1
@@ -83,6 +83,6 @@ $('document').ready(function()
|
||||
|
||||
<ul class="footer_links clearfix">
|
||||
<li>
|
||||
<a class="btn btn-default button button-small" href="{$link->getPageLink('my-account', true)|escape:'htmlall':'UTF-8'}"><span><i class="icon-chevron-left"></i>{l s='Back to your account.' mod='favoriteproducts'}</span></a></li>
|
||||
<a class="btn btn-default button button-small" href="{$link->getPageLink('my-account', true)|escape:'htmlall':'UTF-8'}"><span><i class="icon-chevron-left"></i>{l s='Back to your account' mod='favoriteproducts'}</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -493,15 +493,6 @@ var contentOnly = {if $content_only}true{else}false{/if}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
{if !$content_only}
|
||||
<div class="box-security">
|
||||
<h5 class="product-heading-h5">{l s='Your Security Guaranteed'}</h5>
|
||||
<img class="logo-payment" src="{$img_dir}payment-logo.png" alt="" />
|
||||
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -240,6 +240,9 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
|
||||
/*width: 180px;
|
||||
background-image: url('../img/button-large.png')*/
|
||||
}
|
||||
.btn.disabled, .btn[disabled]:hover {
|
||||
opacity:0.3;
|
||||
}
|
||||
.button.button-small {
|
||||
font:bold 13px/17px $font-famaly;
|
||||
color:$button-text-color;
|
||||
@@ -824,8 +827,20 @@ table.table_block td {
|
||||
margin-bottom:34px;
|
||||
}
|
||||
}
|
||||
.block {margin-bottom:30px}
|
||||
.block {
|
||||
.block {
|
||||
margin-bottom:30px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
margin-bottom:0px;
|
||||
}
|
||||
.block_content {
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
margin-bottom:20px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.block {
|
||||
|
||||
|
||||
.title_block, h4 {
|
||||
font:600 18px/22px $font-custom;
|
||||
@@ -837,7 +852,27 @@ table.table_block td {
|
||||
margin-bottom:20px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
font-size:14px;
|
||||
}
|
||||
}
|
||||
// heading style for devices smaller that 767px width
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
position:relative;
|
||||
|
||||
&:after {
|
||||
display:block;
|
||||
font-family:$font-icon;
|
||||
content:"";
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:15px;
|
||||
height:36px;
|
||||
width:36px;
|
||||
font-size:26px;
|
||||
font-weight:normal;
|
||||
}
|
||||
&.active:after {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color:$base-heading-color;
|
||||
@@ -860,6 +895,9 @@ table.table_block td {
|
||||
}
|
||||
.list-block {
|
||||
margin-top:-8px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding:5px 0 6px 20px;
|
||||
@@ -888,9 +926,13 @@ table.table_block td {
|
||||
.form-group {
|
||||
padding-top:20px;
|
||||
border-top:1px solid $base-border-color;
|
||||
margin-bottom:0;
|
||||
|
||||
select {
|
||||
max-width:270px;
|
||||
max-width:270px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
width:270px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1858,7 +1900,10 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
color:#777;
|
||||
position:relative;
|
||||
.footer-block {
|
||||
margin-top:45px;
|
||||
margin-top:45px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
margin-top:20px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -1873,6 +1918,23 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
font:600 18px/22px $font-custom;
|
||||
color:$light-text-color;
|
||||
margin:0 0 13px 0;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
position:relative;
|
||||
margin-bottom:0;
|
||||
padding-bottom:13px;
|
||||
|
||||
&:after {
|
||||
display:block;
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:1px;
|
||||
}
|
||||
&.active:after {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
|
||||
a {color:$light-text-color;}
|
||||
}
|
||||
@@ -2946,7 +3008,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -13px }
|
||||
input, textarea {
|
||||
border:1px solid #46a74e;
|
||||
color:#35b33f;
|
||||
background: url(../img/icon/form-ok.png) 98% 5px no-repeat #87f590;
|
||||
background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1;
|
||||
}
|
||||
}
|
||||
&.form-error, &.form-ok {
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
@import '../../_theme_variables';
|
||||
/* block CONTACT ******************************************************************************* */
|
||||
#contact_block {
|
||||
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
margin-bottom:20px;
|
||||
}
|
||||
.label {display: none}
|
||||
|
||||
.block_content {
|
||||
|
||||
@@ -52,6 +52,7 @@
|
||||
font-size:21px;
|
||||
line-height:25px;
|
||||
border:none;
|
||||
&:after {display:none;}
|
||||
}
|
||||
|
||||
.block_content {
|
||||
|
||||
@@ -77,7 +77,10 @@
|
||||
margin-bottom:20px;
|
||||
|
||||
select {
|
||||
max-width:192px;
|
||||
max-width:192px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
width:192px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user