Version Notes
Stable for download
Download this release
Release Info
| Developer | Magento Core Team |
| Extension | QAZ_Qeffect |
| Version | 0.1.0 |
| Comparing to | |
| See all releases | |
Version 0.1.0
- app/code/community/Qaz/All/Helper/Data.php +20 -0
- app/code/community/Qaz/All/etc/config.xml +39 -0
- app/code/community/Qaz/All/etc/system.xml +9 -0
- app/code/community/Qaz/Qeffect/Helper/Data.php +6 -0
- app/code/community/Qaz/Qeffect/Model/Qeffect.php +18 -0
- app/code/community/Qaz/Qeffect/Model/Qeffect/Qsource.php +19 -0
- app/code/community/Qaz/Qeffect/etc/adminhtml.xml +26 -0
- app/code/community/Qaz/Qeffect/etc/config.xml +134 -0
- app/code/community/Qaz/Qeffect/etc/system.xml +53 -0
- app/design/frontend/default/default/layout/qeffect.xml +23 -0
- app/design/frontend/default/default/template/qaz/qeffect/list.phtml +135 -0
- app/etc/modules/Qaz_All.xml +10 -0
- app/etc/modules/Qaz_Qeffect.xml +16 -0
- package.xml +35 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_flyin.css +199 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_flyout.css +209 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_rotate.css +213 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_style4.css +206 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_style5.css +164 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_style6.css +231 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_style7.css +228 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_style8.css +231 -0
- skin/frontend/default/default/qaz/qeffect/css/qaz_style9.css +203 -0
- skin/frontend/default/default/qaz/qeffect/images/bgimg.jpg +0 -0
app/code/community/Qaz/All/Helper/Data.php
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
/**
|
| 4 |
+
* http://www.extensionsmagento.com
|
| 5 |
+
*
|
| 6 |
+
* NOTICE OF LICENSE
|
| 7 |
+
*
|
| 8 |
+
* This source file is subject to the EULA
|
| 9 |
+
* that is bundled with this package in the file LICENSE.txt.
|
| 10 |
+
* It is also available through the world-wide-web at this URL:
|
| 11 |
+
|
| 12 |
+
*
|
| 13 |
+
* @category Qaz
|
| 14 |
+
* @package Qaz_All
|
| 15 |
+
* @copyright Copyright (c) 2011 Qazware http://www.extensionsmagento.com
|
| 16 |
+
*/
|
| 17 |
+
class Qaz_All_Helper_Data extends Mage_Core_Helper_Abstract {
|
| 18 |
+
|
| 19 |
+
}
|
| 20 |
+
|
app/code/community/Qaz/All/etc/config.xml
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<config>
|
| 3 |
+
<modules>
|
| 4 |
+
<Qaz_All>
|
| 5 |
+
<version>1.0.1</version>
|
| 6 |
+
</Qaz_All>
|
| 7 |
+
</modules>
|
| 8 |
+
<global>
|
| 9 |
+
<helpers>
|
| 10 |
+
<all>
|
| 11 |
+
<class>Qaz_All_Helper</class>
|
| 12 |
+
</all>
|
| 13 |
+
</helpers>
|
| 14 |
+
</global>
|
| 15 |
+
<adminhtml>
|
| 16 |
+
<acl>
|
| 17 |
+
<resources>
|
| 18 |
+
<all>
|
| 19 |
+
<title>Allow Everything</title>
|
| 20 |
+
</all>
|
| 21 |
+
<admin>
|
| 22 |
+
<children>
|
| 23 |
+
<system>
|
| 24 |
+
<children>
|
| 25 |
+
<config>
|
| 26 |
+
<children>
|
| 27 |
+
<all>
|
| 28 |
+
<title>qazMagentoExtensions - All</title>
|
| 29 |
+
</all>
|
| 30 |
+
</children>
|
| 31 |
+
</config>
|
| 32 |
+
</children>
|
| 33 |
+
</system>
|
| 34 |
+
</children>
|
| 35 |
+
</admin>
|
| 36 |
+
</resources>
|
| 37 |
+
</acl>
|
| 38 |
+
</adminhtml>
|
| 39 |
+
</config>
|
app/code/community/Qaz/All/etc/system.xml
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<config>
|
| 3 |
+
<tabs>
|
| 4 |
+
<qall translate="label" module="all">
|
| 5 |
+
<label>Qazware Extensions</label>
|
| 6 |
+
<sort_order>100</sort_order>
|
| 7 |
+
</qall>
|
| 8 |
+
</tabs>
|
| 9 |
+
</config>
|
app/code/community/Qaz/Qeffect/Helper/Data.php
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class Qaz_Qeffect_Helper_Data extends Mage_Core_Helper_Abstract
|
| 4 |
+
{
|
| 5 |
+
|
| 6 |
+
}
|
app/code/community/Qaz/Qeffect/Model/Qeffect.php
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class Qaz_Qeffect_Model_Qeffect extends Mage_Core_Model_Abstract {
|
| 4 |
+
|
| 5 |
+
public function _construct() {
|
| 6 |
+
parent::_construct();
|
| 7 |
+
$this->_init('qeffect/qeffect');
|
| 8 |
+
}
|
| 9 |
+
|
| 10 |
+
public function getLinkCss(){
|
| 11 |
+
$css = Mage::getStoreConfig('qeffect/qeffect_group/qeffect_product');
|
| 12 |
+
$status = Mage::getStoreConfig('qeffect/qeffect_group/qeffect_product_enable_css');
|
| 13 |
+
if($status == 1){
|
| 14 |
+
return $css;
|
| 15 |
+
}
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
}
|
app/code/community/Qaz/Qeffect/Model/Qeffect/Qsource.php
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class Qaz_Qeffect_Model_Qeffect_Qsource
|
| 4 |
+
{
|
| 5 |
+
public function toOptionArray()
|
| 6 |
+
{
|
| 7 |
+
return array(
|
| 8 |
+
array('value' => 'qaz_flyin', 'label' => Mage::helper('qeffect')->__('Fly In')),
|
| 9 |
+
array('value' => 'qaz_flyout', 'label' => Mage::helper('qeffect')->__('Fly Out')),
|
| 10 |
+
array('value' => 'qaz_rotate', 'label' => Mage::helper('qeffect')->__('Rotate Background')),
|
| 11 |
+
array('value' => 'qaz_style4', 'label' => Mage::helper('qeffect')->__('Hover Style 4')),
|
| 12 |
+
array('value' => 'qaz_style5', 'label' => Mage::helper('qeffect')->__('Hover Style 5')),
|
| 13 |
+
array('value' => 'qaz_style6', 'label' => Mage::helper('qeffect')->__('Hover Style 6')),
|
| 14 |
+
array('value' => 'qaz_style7', 'label' => Mage::helper('qeffect')->__('Hover Style 7')),
|
| 15 |
+
array('value' => 'qaz_style8', 'label' => Mage::helper('qeffect')->__('Hover Style 8')),
|
| 16 |
+
array('value' => 'qaz_style9', 'label' => Mage::helper('qeffect')->__('Hover Style 9')),
|
| 17 |
+
);
|
| 18 |
+
}
|
| 19 |
+
}
|
app/code/community/Qaz/Qeffect/etc/adminhtml.xml
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<config>
|
| 3 |
+
<acl>
|
| 4 |
+
<resources>
|
| 5 |
+
<all>
|
| 6 |
+
<title>Allow Everything</title>
|
| 7 |
+
</all>
|
| 8 |
+
<admin>
|
| 9 |
+
<children>
|
| 10 |
+
<system>
|
| 11 |
+
<children>
|
| 12 |
+
<config>
|
| 13 |
+
<children>
|
| 14 |
+
<qeffect translate="title">
|
| 15 |
+
<title>Effect Product</title>
|
| 16 |
+
<sort_order>100</sort_order>
|
| 17 |
+
</qeffect>
|
| 18 |
+
</children>
|
| 19 |
+
</config>
|
| 20 |
+
</children>
|
| 21 |
+
</system>
|
| 22 |
+
</children>
|
| 23 |
+
</admin>
|
| 24 |
+
</resources>
|
| 25 |
+
</acl>
|
| 26 |
+
</config>
|
app/code/community/Qaz/Qeffect/etc/config.xml
ADDED
|
@@ -0,0 +1,134 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<!--
|
| 3 |
+
/**
|
| 4 |
+
* @category Qaz
|
| 5 |
+
* @package Qaz_Qclass
|
| 6 |
+
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
|
| 7 |
+
*/
|
| 8 |
+
-->
|
| 9 |
+
<config>
|
| 10 |
+
<modules>
|
| 11 |
+
<Qaz_Qeffect>
|
| 12 |
+
<version>0.1.0</version>
|
| 13 |
+
</Qaz_Qeffect>
|
| 14 |
+
</modules>
|
| 15 |
+
<frontend>
|
| 16 |
+
<routers>
|
| 17 |
+
<qeffect>
|
| 18 |
+
<use>standard</use>
|
| 19 |
+
<args>
|
| 20 |
+
<module>Qaz_Qeffect</module>
|
| 21 |
+
<frontName>qeffect</frontName>
|
| 22 |
+
</args>
|
| 23 |
+
</qeffect>
|
| 24 |
+
</routers>
|
| 25 |
+
<layout>
|
| 26 |
+
<updates>
|
| 27 |
+
<qeffect>
|
| 28 |
+
<file>qeffect.xml</file>
|
| 29 |
+
</qeffect>
|
| 30 |
+
</updates>
|
| 31 |
+
</layout>
|
| 32 |
+
</frontend>
|
| 33 |
+
<admin>
|
| 34 |
+
<routers>
|
| 35 |
+
<qeffect>
|
| 36 |
+
<use>admin</use>
|
| 37 |
+
<args>
|
| 38 |
+
<module>Qaz_Qeffect</module>
|
| 39 |
+
<frontName>qeffect</frontName>
|
| 40 |
+
</args>
|
| 41 |
+
</qeffect>
|
| 42 |
+
</routers>
|
| 43 |
+
</admin>
|
| 44 |
+
<adminhtml>
|
| 45 |
+
<acl>
|
| 46 |
+
<resources>
|
| 47 |
+
<all>
|
| 48 |
+
<title>Allow Everything</title>
|
| 49 |
+
</all>
|
| 50 |
+
<admin>
|
| 51 |
+
<children>
|
| 52 |
+
<Qaz_Qeffect>
|
| 53 |
+
<title>Qeffect Module</title>
|
| 54 |
+
<sort_order>10</sort_order>
|
| 55 |
+
</Qaz_Qeffect>
|
| 56 |
+
<system>
|
| 57 |
+
<children>
|
| 58 |
+
<config>
|
| 59 |
+
<children>
|
| 60 |
+
<Qaz_Qeffect>
|
| 61 |
+
<title>Refer Friend Section</title>
|
| 62 |
+
</Qaz_Qeffect>
|
| 63 |
+
</children>
|
| 64 |
+
</config>
|
| 65 |
+
</children>
|
| 66 |
+
</system>
|
| 67 |
+
</children>
|
| 68 |
+
</admin>
|
| 69 |
+
</resources>
|
| 70 |
+
</acl>
|
| 71 |
+
<layout>
|
| 72 |
+
<updates>
|
| 73 |
+
<qeffect>
|
| 74 |
+
<file>qeffect.xml</file>
|
| 75 |
+
</qeffect>
|
| 76 |
+
</updates>
|
| 77 |
+
</layout>
|
| 78 |
+
</adminhtml>
|
| 79 |
+
<global>
|
| 80 |
+
<!-- edit admin config -->
|
| 81 |
+
<default>
|
| 82 |
+
<qstyle>
|
| 83 |
+
<qstyle_group>
|
| 84 |
+
<qstyle_product>1</qstyle_product>
|
| 85 |
+
</qstyle_group>
|
| 86 |
+
</qstyle>
|
| 87 |
+
</default>
|
| 88 |
+
<!-- edit admin config end-->
|
| 89 |
+
<models>
|
| 90 |
+
<qeffect>
|
| 91 |
+
<class>Qaz_Qeffect_Model</class>
|
| 92 |
+
<resourceModel>qeffect_mysql4</resourceModel>
|
| 93 |
+
</qeffect>
|
| 94 |
+
<qeffect_mysql4>
|
| 95 |
+
<class>Qaz_Qeffect_Model_Mysql4</class>
|
| 96 |
+
<entities>
|
| 97 |
+
<qeffect>
|
| 98 |
+
<table>qeffect</table>
|
| 99 |
+
</qeffect>
|
| 100 |
+
</entities>
|
| 101 |
+
</qeffect_mysql4>
|
| 102 |
+
</models>
|
| 103 |
+
<resources>
|
| 104 |
+
<qeffect_setup>
|
| 105 |
+
<setup>
|
| 106 |
+
<module>Qaz_Qeffect</module>
|
| 107 |
+
</setup>
|
| 108 |
+
<connection>
|
| 109 |
+
<use>core_setup</use>
|
| 110 |
+
</connection>
|
| 111 |
+
</qeffect_setup>
|
| 112 |
+
<qeffect_write>
|
| 113 |
+
<connection>
|
| 114 |
+
<use>core_write</use>
|
| 115 |
+
</connection>
|
| 116 |
+
</qeffect_write>
|
| 117 |
+
<qeffect_read>
|
| 118 |
+
<connection>
|
| 119 |
+
<use>core_read</use>
|
| 120 |
+
</connection>
|
| 121 |
+
</qeffect_read>
|
| 122 |
+
</resources>
|
| 123 |
+
<blocks>
|
| 124 |
+
<qeffect>
|
| 125 |
+
<class>Qaz_Qeffect_Block</class>
|
| 126 |
+
</qeffect>
|
| 127 |
+
</blocks>
|
| 128 |
+
<helpers>
|
| 129 |
+
<qeffect>
|
| 130 |
+
<class>Qaz_Qeffect_Helper</class>
|
| 131 |
+
</qeffect>
|
| 132 |
+
</helpers>
|
| 133 |
+
</global>
|
| 134 |
+
</config>
|
app/code/community/Qaz/Qeffect/etc/system.xml
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<config>
|
| 3 |
+
<sections>
|
| 4 |
+
<qeffect translate="label">
|
| 5 |
+
<label>Qeffect Product</label>
|
| 6 |
+
<tab>qall</tab>
|
| 7 |
+
<frontend_type>text</frontend_type>
|
| 8 |
+
<sort_order>1000</sort_order>
|
| 9 |
+
<show_in_default>1</show_in_default>
|
| 10 |
+
<show_in_website>1</show_in_website>
|
| 11 |
+
<show_in_store>1</show_in_store>
|
| 12 |
+
<groups>
|
| 13 |
+
<qeffect_group translate="label">
|
| 14 |
+
<label>Select Display Style</label>
|
| 15 |
+
<frontend_type>text</frontend_type>
|
| 16 |
+
<sort_order>100</sort_order>
|
| 17 |
+
<show_in_default>1</show_in_default>
|
| 18 |
+
<show_in_website>1</show_in_website>
|
| 19 |
+
<show_in_store>1</show_in_store>
|
| 20 |
+
<fields>
|
| 21 |
+
<qeffect_product translate="label comment">
|
| 22 |
+
<label>Select Style</label>
|
| 23 |
+
<frontend_type>select</frontend_type>
|
| 24 |
+
<source_model>qeffect/qeffect_qsource</source_model>
|
| 25 |
+
<sort_order>10</sort_order>
|
| 26 |
+
<show_in_default>1</show_in_default>
|
| 27 |
+
<show_in_website>1</show_in_website>
|
| 28 |
+
<show_in_store>1</show_in_store>
|
| 29 |
+
</qeffect_product>
|
| 30 |
+
<qeffect_product_enable_css translate="label comment">
|
| 31 |
+
<label>Display CSS</label>
|
| 32 |
+
<frontend_type>select</frontend_type>
|
| 33 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 34 |
+
<sort_order>10</sort_order>
|
| 35 |
+
<show_in_default>1</show_in_default>
|
| 36 |
+
<show_in_website>1</show_in_website>
|
| 37 |
+
<show_in_store>1</show_in_store>
|
| 38 |
+
</qeffect_product_enable_css>
|
| 39 |
+
<qeffect_product_enable_temp translate="label comment">
|
| 40 |
+
<label>Display Template</label>
|
| 41 |
+
<frontend_type>select</frontend_type>
|
| 42 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 43 |
+
<sort_order>10</sort_order>
|
| 44 |
+
<show_in_default>1</show_in_default>
|
| 45 |
+
<show_in_website>1</show_in_website>
|
| 46 |
+
<show_in_store>1</show_in_store>
|
| 47 |
+
</qeffect_product_enable_temp>
|
| 48 |
+
</fields>
|
| 49 |
+
</qeffect_group>
|
| 50 |
+
</groups>
|
| 51 |
+
</qeffect>
|
| 52 |
+
</sections>
|
| 53 |
+
</config>
|
app/design/frontend/default/default/layout/qeffect.xml
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<layout version="0.1.0">
|
| 3 |
+
<!--
|
| 4 |
+
Category default layout
|
| 5 |
+
-->
|
| 6 |
+
<catalog_category_default translate="label">
|
| 7 |
+
<reference name="product_list">
|
| 8 |
+
<action method="setTemplate" ifconfig="qeffect/qeffect_group/qeffect_product_enable_temp"><template>qaz/qeffect/list.phtml</template></action>
|
| 9 |
+
</reference>
|
| 10 |
+
</catalog_category_default>
|
| 11 |
+
|
| 12 |
+
<!--
|
| 13 |
+
Category layered navigation layout
|
| 14 |
+
-->
|
| 15 |
+
|
| 16 |
+
<catalog_category_layered translate="label">
|
| 17 |
+
<reference name="product_list">
|
| 18 |
+
<action method="setTemplate" ifconfig="qeffect/qeffect_group/qeffect_product_enable_temp"><template>qaz/qeffect/list.phtml</template></action>
|
| 19 |
+
</reference>
|
| 20 |
+
</catalog_category_layered>
|
| 21 |
+
|
| 22 |
+
|
| 23 |
+
</layout>
|
app/design/frontend/default/default/template/qaz/qeffect/list.phtml
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* Product list template
|
| 4 |
+
*/
|
| 5 |
+
?>
|
| 6 |
+
<?php
|
| 7 |
+
$qeffect = Mage::getModel('qeffect/qeffect')->getLinkCss();
|
| 8 |
+
echo '<link media="all" href="' . $this->getSkinUrl(). 'qaz/qeffect/css/'.$qeffect.'.css' . '" type="text/css" rel="stylesheet"/></link>';
|
| 9 |
+
?>
|
| 10 |
+
<?php
|
| 11 |
+
$_productCollection=$this->getLoadedProductCollection();
|
| 12 |
+
$_helper = $this->helper('catalog/output');
|
| 13 |
+
?>
|
| 14 |
+
<?php if(!$_productCollection->count()): ?>
|
| 15 |
+
<p class="note-msg"><?php echo $this->__('There are no products matching the selection.') ?></p>
|
| 16 |
+
<?php else: ?>
|
| 17 |
+
<div class="category-products">
|
| 18 |
+
<?php echo $this->getToolbarHtml() ?>
|
| 19 |
+
<?php // List mode ?>
|
| 20 |
+
<?php if($this->getMode()!='grid'): ?>
|
| 21 |
+
<?php $_iterator = 0; ?>
|
| 22 |
+
<ol class="products-list" id="products-list">
|
| 23 |
+
<?php foreach ($_productCollection as $_product): ?>
|
| 24 |
+
<li class="item<?php if( ++$_iterator == sizeof($_productCollection) ): ?> last<?php endif; ?> view view-first">
|
| 25 |
+
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image">
|
| 26 |
+
<?php if (!$_product->isSaleable()): ?>
|
| 27 |
+
<span class="availability out-of-stock"><img src="<?php echo $this->getSkinUrl('images/out-of-stock.png'); ?>"></span>
|
| 28 |
+
<?php endif; ?>
|
| 29 |
+
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135) ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
|
| 30 |
+
</a>
|
| 31 |
+
<div class="mask"></div>
|
| 32 |
+
<div class="content">
|
| 33 |
+
<h2>
|
| 34 |
+
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></a>
|
| 35 |
+
</h2>
|
| 36 |
+
<p>
|
| 37 |
+
<?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?>
|
| 38 |
+
</p>
|
| 39 |
+
<?php echo $this->getPriceHtml($_product, true) ?>
|
| 40 |
+
<a href="<?php echo $_product->getProductUrl() ?>" class="info">Buy Now</a>
|
| 41 |
+
</div>
|
| 42 |
+
</li>
|
| 43 |
+
<?php endforeach; ?>
|
| 44 |
+
</ol>
|
| 45 |
+
<script type="text/javascript">decorateList('products-list', 'none-recursive')</script>
|
| 46 |
+
|
| 47 |
+
<?php else: ?>
|
| 48 |
+
|
| 49 |
+
<?php // Grid Mode ?>
|
| 50 |
+
|
| 51 |
+
<?php $_collectionSize = $_productCollection->count() ?>
|
| 52 |
+
<?php $_columnCount = $this->getColumnCount(); ?>
|
| 53 |
+
<?php $i=0; foreach ($_productCollection as $_product): ?>
|
| 54 |
+
<?php if ($i++%$_columnCount==0): ?>
|
| 55 |
+
<ul class="products-grid">
|
| 56 |
+
<?php endif ?>
|
| 57 |
+
<li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?> view view-first">
|
| 58 |
+
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image">
|
| 59 |
+
<?php if (!$_product->isSaleable()): ?>
|
| 60 |
+
<span class="availability out-of-stock"><img src="<?php echo $this->getSkinUrl('images/out-of-stock.png'); ?>"></span>
|
| 61 |
+
<?php endif; ?>
|
| 62 |
+
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135) ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
|
| 63 |
+
</a>
|
| 64 |
+
<div class="mask"></div>
|
| 65 |
+
<div class="content">
|
| 66 |
+
<h2>
|
| 67 |
+
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></a>
|
| 68 |
+
</h2>
|
| 69 |
+
<p>
|
| 70 |
+
<?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?>
|
| 71 |
+
</p>
|
| 72 |
+
<?php echo $this->getPriceHtml($_product, true) ?>
|
| 73 |
+
<?php if($_product->isSaleable()):?>
|
| 74 |
+
<a onclick="setLocation('<?=$this->getAddToCartUrl($_product)?>')" class="info">Buy Now</a>
|
| 75 |
+
<?php endif;?>
|
| 76 |
+
</div>
|
| 77 |
+
</li>
|
| 78 |
+
<?php if ($i%$_columnCount==0 || $i==$_collectionSize): ?>
|
| 79 |
+
</ul>
|
| 80 |
+
<?php endif ?>
|
| 81 |
+
<?php endforeach ?>
|
| 82 |
+
<script type="text/javascript">decorateGeneric($$('ul.products-grid'), ['odd','even','first','last'])</script>
|
| 83 |
+
<?php endif; ?>
|
| 84 |
+
|
| 85 |
+
<div class="toolbar-bottom">
|
| 86 |
+
<?php echo $this->getToolbarHtml() ?>
|
| 87 |
+
</div>
|
| 88 |
+
</div>
|
| 89 |
+
<?php endif; ?>
|
| 90 |
+
|
| 91 |
+
|
| 92 |
+
<script type="text/javascript">
|
| 93 |
+
//<![CDATA[
|
| 94 |
+
var productAddToCartForm = new VarienForm('product_addtocart_form');
|
| 95 |
+
productAddToCartForm.submit = function(button, url) {
|
| 96 |
+
if (this.validator.validate()) {
|
| 97 |
+
var form = this.form;
|
| 98 |
+
var oldUrl = form.action;
|
| 99 |
+
|
| 100 |
+
if (url) {
|
| 101 |
+
form.action = url;
|
| 102 |
+
}
|
| 103 |
+
var e = null;
|
| 104 |
+
try {
|
| 105 |
+
this.form.submit();
|
| 106 |
+
} catch (e) {
|
| 107 |
+
}
|
| 108 |
+
this.form.action = oldUrl;
|
| 109 |
+
if (e) {
|
| 110 |
+
throw e;
|
| 111 |
+
}
|
| 112 |
+
|
| 113 |
+
if (button && button != 'undefined') {
|
| 114 |
+
button.disabled = true;
|
| 115 |
+
}
|
| 116 |
+
}
|
| 117 |
+
}.bind(productAddToCartForm);
|
| 118 |
+
|
| 119 |
+
productAddToCartForm.submitLight = function(button, url){
|
| 120 |
+
if(this.validator) {
|
| 121 |
+
var nv = Validation.methods;
|
| 122 |
+
delete Validation.methods['required-entry'];
|
| 123 |
+
delete Validation.methods['validate-one-required'];
|
| 124 |
+
delete Validation.methods['validate-one-required-by-name'];
|
| 125 |
+
if (this.validator.validate()) {
|
| 126 |
+
if (url) {
|
| 127 |
+
this.form.action = url;
|
| 128 |
+
}
|
| 129 |
+
this.form.submit();
|
| 130 |
+
}
|
| 131 |
+
Object.extend(Validation.methods, nv);
|
| 132 |
+
}
|
| 133 |
+
}.bind(productAddToCartForm);
|
| 134 |
+
//]]>
|
| 135 |
+
</script>
|
app/etc/modules/Qaz_All.xml
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<config>
|
| 3 |
+
<modules>
|
| 4 |
+
<Qaz_All>
|
| 5 |
+
<active>true</active>
|
| 6 |
+
<codePool>community</codePool>
|
| 7 |
+
</Qaz_All>
|
| 8 |
+
</modules>
|
| 9 |
+
</config>
|
| 10 |
+
<!--Qazware Magento Oscommerce All -->
|
app/etc/modules/Qaz_Qeffect.xml
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<!--
|
| 3 |
+
/**
|
| 4 |
+
* @category Qaz
|
| 5 |
+
* @package Qaz_Qclass
|
| 6 |
+
* @author xuananh@qazware.com or anhlx412@gmail.com
|
| 7 |
+
*/
|
| 8 |
+
-->
|
| 9 |
+
<config>
|
| 10 |
+
<modules>
|
| 11 |
+
<Qaz_Qeffect>
|
| 12 |
+
<active>true</active>
|
| 13 |
+
<codePool>community</codePool>
|
| 14 |
+
</Qaz_Qeffect>
|
| 15 |
+
</modules>
|
| 16 |
+
</config>
|
package.xml
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<package>
|
| 3 |
+
<name>QAZ_Qeffect</name>
|
| 4 |
+
<version>0.1.0</version>
|
| 5 |
+
<stability>stable</stability>
|
| 6 |
+
<license uri="http://www.opensource.org/licenses/osl-3.0.php">OSL v3.0</license>
|
| 7 |
+
<channel>community</channel>
|
| 8 |
+
<extends/>
|
| 9 |
+
<summary>Qazware Qeffect : edit style , effect for product in list product.
|
| 10 |
+
Admin can configs display option , select style for produc when mouseover.Go to my page to download FREE</summary>
|
| 11 |
+
<description><p>
|
| 12 |
+
Qazware - Qeffect : edit style , effect for product in list product when mouseover.
|
| 13 |
+
</p>
|
| 14 |
+
<p>
|
| 15 |
+
<b>Config:</b>
|
| 16 |
+
<p />1. After install this module if you logged in Magento backend you must logout and login again.</p>
|
| 17 |
+
<p>2. In Magento backend , at top menu select System/Configuration. </p>
|
| 18 |
+
<p>3. At left menu select Catalog/Qaz Qeffect</p>
|
| 19 |
+
<p>4. Select effect and show</p>
|
| 20 |
+
</p>
|
| 21 |
+

|
| 22 |
+
<p>Go to : <a href="http://extensions.qazware.com/extensions/free/q-effect.html"> Qazware Magento Extensions </a> for download Free</p>
|
| 23 |
+
<p><a href="http://qeffect.qazware.com/index.php/furniture/living-room.html">Demo Frontend</a></p>
|
| 24 |
+

|
| 25 |
+
<p><a href="http://qeffect.qazware.com/admin">Demo Admin </a> Config in admin Access : qeffect / qazware123</p>
|
| 26 |
+

|
| 27 |
+
<p>If you have any question or want support ,Please contact me :<a href="mailto:kevin.qazware@gmail.com">Kevin Black</a></p></description>
|
| 28 |
+
<notes>Stable for download</notes>
|
| 29 |
+
<authors><author><name>Kevin Black</name><user>auto-converted</user><email>kevin.qazware@gmail.com</email></author></authors>
|
| 30 |
+
<date>2012-01-11</date>
|
| 31 |
+
<time>08:55:38</time>
|
| 32 |
+
<contents><target name="mageetc"><dir name="modules"><file name="Qaz_All.xml" hash="abff101149db6be3dd3340323e9fad85"/><file name="Qaz_Qeffect.xml" hash="923e2d037a12a232f872406bf83ef268"/></dir></target><target name="magecommunity"><dir name="Qaz"><dir name="All"><dir name="Helper"><file name="Data.php" hash="a531698b0373f15ed017a921e0bfbe4b"/></dir><dir name="etc"><file name="config.xml" hash="6c6f6676c558ccb25c43a2c016f2d09d"/><file name="system.xml" hash="29a1180abd3b6a53b024f2bde75207bc"/></dir></dir><dir name="Qeffect"><dir name="Helper"><file name="Data.php" hash="7ee03e5a40bcd26f6b43e3a4ab79b461"/></dir><dir name="Model"><dir name="Qeffect"><file name="Qsource.php" hash="96df3477f6f53be5798d45ea0a9742e2"/></dir><file name="Qeffect.php" hash="51f3e05f27893040e6b8ee7db8e84b10"/></dir><dir name="etc"><file name="adminhtml.xml" hash="32ea68e979f47d4005162dac05458ae6"/><file name="config.xml" hash="7e73b83dba0a4dea8183b3765122807d"/><file name="system.xml" hash="7d4543a0bc21354d5738a831b68f7355"/></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="qeffect.xml" hash="eed364b4bd134e520d7a8348e5e13c69"/></dir><dir name="template"><dir name="qaz"><dir name="qeffect"><file name="list.phtml" hash="cf1e78e61d215464877fa394e3cded03"/></dir></dir></dir></dir></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="qaz"><dir name="qeffect"><dir name="css"><file name="qaz_flyin.css" hash="3535fb68b535a708c4591b766f15382e"/><file name="qaz_flyout.css" hash="4e55b3251e989c57b85da670296a515d"/><file name="qaz_rotate.css" hash="209ddb50bfa768cfc0b956c0d22ca3b3"/><file name="qaz_style4.css" hash="19d1e92df9f6ff0454cf23b1233993a1"/><file name="qaz_style5.css" hash="805f971a6d07bb4e8e67d715524b1a8f"/><file name="qaz_style6.css" hash="7da6e05580fe4939f495eceae29d12a6"/><file name="qaz_style7.css" hash="ed370383f4dd02fd2ca5af11dabc7d9b"/><file name="qaz_style8.css" hash="254807611f4fe486673182ddf1ae6f53"/><file name="qaz_style9.css" hash="15848503a1520c53f42b806b4890b28a"/></dir><dir name="images"><file name="bgimg.jpg" hash="b6922ea5ab205325e96e20d5ccda04ef"/></dir></dir></dir></dir></dir></dir></target></contents>
|
| 33 |
+
<compatible/>
|
| 34 |
+
<dependencies/>
|
| 35 |
+
</package>
|
skin/frontend/default/default/qaz/qeffect/css/qaz_flyin.css
ADDED
|
@@ -0,0 +1,199 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*------------------------------------------*/
|
| 61 |
+
|
| 62 |
+
.view-first img {
|
| 63 |
+
-webkit-transition: all 0.2s linear;
|
| 64 |
+
-moz-transition: all 0.2s linear;
|
| 65 |
+
-o-transition: all 0.2s linear;
|
| 66 |
+
-ms-transition: all 0.2s linear;
|
| 67 |
+
transition: all 0.2s linear;
|
| 68 |
+
}
|
| 69 |
+
.view-first .content {
|
| 70 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 71 |
+
filter: alpha(opacity=0);
|
| 72 |
+
opacity: 0;
|
| 73 |
+
background-color: rgba(219,127,8, 0.7);
|
| 74 |
+
-webkit-transition: all 0.4s ease-in-out;
|
| 75 |
+
-moz-transition: all 0.4s ease-in-out;
|
| 76 |
+
-o-transition: all 0.4s ease-in-out;
|
| 77 |
+
-ms-transition: all 0.4s ease-in-out;
|
| 78 |
+
transition: all 0.4s ease-in-out;
|
| 79 |
+
}
|
| 80 |
+
.view-first h2 {
|
| 81 |
+
-webkit-transform: translateY(-100px);
|
| 82 |
+
-moz-transform: translateY(-100px);
|
| 83 |
+
-o-transform: translateY(-100px);
|
| 84 |
+
-ms-transform: translateY(-100px);
|
| 85 |
+
transform: translateY(-100px);
|
| 86 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 87 |
+
filter: alpha(opacity=0);
|
| 88 |
+
opacity: 0;
|
| 89 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 90 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 91 |
+
-o-transition: all 0.2s ease-in-out;
|
| 92 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 93 |
+
transition: all 0.2s ease-in-out;
|
| 94 |
+
}
|
| 95 |
+
.view-first p {
|
| 96 |
+
-webkit-transform: translateY(100px);
|
| 97 |
+
-moz-transform: translateY(100px);
|
| 98 |
+
-o-transform: translateY(100px);
|
| 99 |
+
-ms-transform: translateY(100px);
|
| 100 |
+
transform: translateY(100px);
|
| 101 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 102 |
+
filter: alpha(opacity=0);
|
| 103 |
+
opacity: 0;
|
| 104 |
+
-webkit-transition: all 0.2s linear;
|
| 105 |
+
-moz-transition: all 0.2s linear;
|
| 106 |
+
-o-transition: all 0.2s linear;
|
| 107 |
+
-ms-transition: all 0.2s linear;
|
| 108 |
+
transition: all 0.2s linear;
|
| 109 |
+
}
|
| 110 |
+
.view-first:hover img {
|
| 111 |
+
-webkit-transform: scale(1.1,1.1);
|
| 112 |
+
-moz-transform: scale(1.1,1.1);
|
| 113 |
+
-o-transform: scale(1.1,1.1);
|
| 114 |
+
-ms-transform: scale(1.1,1.1);
|
| 115 |
+
transform: scale(1.1,1.1);
|
| 116 |
+
}
|
| 117 |
+
.view-first a.info {
|
| 118 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 119 |
+
filter: alpha(opacity=0);
|
| 120 |
+
opacity: 0;
|
| 121 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 122 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 123 |
+
-o-transition: all 0.2s ease-in-out;
|
| 124 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 125 |
+
transition: all 0.2s ease-in-out;
|
| 126 |
+
}
|
| 127 |
+
.view-first:hover .content {
|
| 128 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 129 |
+
filter: alpha(opacity=100);
|
| 130 |
+
opacity: 1;
|
| 131 |
+
}
|
| 132 |
+
.view-first:hover h2,
|
| 133 |
+
.view-first:hover p,
|
| 134 |
+
.view-first:hover a.info {
|
| 135 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 136 |
+
filter: alpha(opacity=100);
|
| 137 |
+
opacity: 1;
|
| 138 |
+
-webkit-transform: translateY(0px);
|
| 139 |
+
-moz-transform: translateY(0px);
|
| 140 |
+
-o-transform: translateY(0px);
|
| 141 |
+
-ms-transform: translateY(0px);
|
| 142 |
+
transform: translateY(0px);
|
| 143 |
+
}
|
| 144 |
+
.view-first:hover p {
|
| 145 |
+
-webkit-transition-delay: 0.1s;
|
| 146 |
+
-moz-transition-delay: 0.1s;
|
| 147 |
+
-o-transition-delay: 0.1s;
|
| 148 |
+
-ms-transition-delay: 0.1s;
|
| 149 |
+
transition-delay: 0.1s;
|
| 150 |
+
}
|
| 151 |
+
.view-first:hover a.info {
|
| 152 |
+
-webkit-transition-delay: 0.2s;
|
| 153 |
+
-moz-transition-delay: 0.2s;
|
| 154 |
+
-o-transition-delay: 0.2s;
|
| 155 |
+
-ms-transition-delay: 0.2s;
|
| 156 |
+
transition-delay: 0.2s;
|
| 157 |
+
}
|
| 158 |
+
/*--------------------------------------*/
|
| 159 |
+
/*
|
| 160 |
+
edit to css list.phtml base
|
| 161 |
+
*/
|
| 162 |
+
.products-grid li.item {
|
| 163 |
+
padding: 12px 5px 80px;
|
| 164 |
+
width: 134px;
|
| 165 |
+
}
|
| 166 |
+
|
| 167 |
+
.products-grid {
|
| 168 |
+
background: none;
|
| 169 |
+
border-bottom: none;
|
| 170 |
+
}
|
| 171 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 172 |
+
{
|
| 173 |
+
color: white;
|
| 174 |
+
font-family: Georgia, serif;
|
| 175 |
+
font-size: 12px;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
.content h2 a {
|
| 179 |
+
color: white;
|
| 180 |
+
font-weight: normal;
|
| 181 |
+
font-size: 12px;
|
| 182 |
+
text-decoration: none;
|
| 183 |
+
}
|
| 184 |
+
|
| 185 |
+
.minimal-price-link {
|
| 186 |
+
text-decoration: none;
|
| 187 |
+
}
|
| 188 |
+
|
| 189 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 190 |
+
font-family: Georgia, serif;
|
| 191 |
+
font-style: italic;
|
| 192 |
+
font-size: 10px;
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
.products-grid .price-box {
|
| 196 |
+
margin: 3px 3px 5px 0px;
|
| 197 |
+
}
|
| 198 |
+
|
| 199 |
+
|
skin/frontend/default/default/qaz/qeffect/css/qaz_flyout.css
ADDED
|
@@ -0,0 +1,209 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/* fade out */
|
| 61 |
+
.view-first img {
|
| 62 |
+
-webkit-transition: all 0.2s ease-in;
|
| 63 |
+
-moz-transition: all 0.2s ease-in;
|
| 64 |
+
-o-transition: all 0.2s ease-in;
|
| 65 |
+
-ms-transition: all 0.2s ease-in;
|
| 66 |
+
transition: all 0.2s ease-in;
|
| 67 |
+
}
|
| 68 |
+
.view-first .mask {
|
| 69 |
+
background-color: rgba(115,146,184, 0.7);
|
| 70 |
+
width: 300px;
|
| 71 |
+
padding: 60px;
|
| 72 |
+
height: 300px;
|
| 73 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 74 |
+
filter: alpha(opacity=0);
|
| 75 |
+
opacity: 0;
|
| 76 |
+
-webkit-transform: translate(265px, 145px) rotate(45deg);
|
| 77 |
+
-moz-transform: translate(265px, 145px) rotate(45deg);
|
| 78 |
+
-o-transform: translate(265px, 145px) rotate(45deg);
|
| 79 |
+
-ms-transform: translate(265px, 145px) rotate(45deg);
|
| 80 |
+
transform: translate(265px, 145px) rotate(45deg);
|
| 81 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 82 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 83 |
+
-o-transition: all 0.2s ease-in-out;
|
| 84 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 85 |
+
transition: all 0.2s ease-in-out;
|
| 86 |
+
}
|
| 87 |
+
.view-first h2 {
|
| 88 |
+
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
| 89 |
+
background: transparent;
|
| 90 |
+
margin: 5px 10px 0px 10px;
|
| 91 |
+
-webkit-transform: translate(200px, -200px);
|
| 92 |
+
-moz-transform: translate(200px, -200px);
|
| 93 |
+
-o-transform: translate(200px, -200px);
|
| 94 |
+
-ms-transform: translate(200px, -200px);
|
| 95 |
+
transform: translate(200px, -200px);
|
| 96 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 97 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 98 |
+
-o-transition: all 0.2s ease-in-out;
|
| 99 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 100 |
+
transition: all 0.2s ease-in-out;
|
| 101 |
+
}
|
| 102 |
+
.view-first p {
|
| 103 |
+
-webkit-transform: translate(-200px, 200px);
|
| 104 |
+
-moz-transform: translate(-200px, 200px);
|
| 105 |
+
-o-transform: translate(-200px, 200px);
|
| 106 |
+
-ms-transform: translate(-200px, 200px);
|
| 107 |
+
transform: translate(-200px, 200px);
|
| 108 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 109 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 110 |
+
-o-transition: all 0.2s ease-in-out;
|
| 111 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 112 |
+
transition: all 0.2s ease-in-out;
|
| 113 |
+
}
|
| 114 |
+
.view-first a.info {
|
| 115 |
+
-webkit-transform: translate(0px, 100px);
|
| 116 |
+
-moz-transform: translate(0px, 100px);
|
| 117 |
+
-o-transform: translate(0px, 100px);
|
| 118 |
+
-ms-transform: translate(0px, 100px);
|
| 119 |
+
transform: translate(0px, 100px);
|
| 120 |
+
-webkit-transition: all 0.2s 0.1s ease-in-out;
|
| 121 |
+
-moz-transition: all 0.2s 0.1s ease-in-out;
|
| 122 |
+
-o-transition: all 0.2s 0.1s ease-in-out;
|
| 123 |
+
-ms-transition: all 0.2s 0.1s ease-in-out;
|
| 124 |
+
transition: all 0.2s 0.1s ease-in-out;
|
| 125 |
+
}
|
| 126 |
+
.view-first:hover .mask {
|
| 127 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 128 |
+
filter: alpha(opacity=100);
|
| 129 |
+
opacity: 1;
|
| 130 |
+
-webkit-transform: translate(-80px, -125px) rotate(45deg);
|
| 131 |
+
-moz-transform: translate(-80px, -125px) rotate(45deg);
|
| 132 |
+
-o-transform: translate(-80px, -125px) rotate(45deg);
|
| 133 |
+
-ms-transform: translate(-80px, -125px) rotate(45deg);
|
| 134 |
+
transform: translate(-80px, -125px) rotate(45deg);
|
| 135 |
+
}
|
| 136 |
+
.view-first:hover h2 {
|
| 137 |
+
-webkit-transform: translate(0px,0px);
|
| 138 |
+
-moz-transform: translate(0px,0px);
|
| 139 |
+
-o-transform: translate(0px,0px);
|
| 140 |
+
-ms-transform: translate(0px,0px);
|
| 141 |
+
transform: translate(0px,0px);
|
| 142 |
+
-webkit-transition-delay: 0.3s;
|
| 143 |
+
-moz-transition-delay: 0.3s;
|
| 144 |
+
-o-transition-delay: 0.3s;
|
| 145 |
+
-ms-transition-delay: 0.3s;
|
| 146 |
+
transition-delay: 0.3s;
|
| 147 |
+
}
|
| 148 |
+
.view-first:hover p {
|
| 149 |
+
-webkit-transform: translate(0px,0px);
|
| 150 |
+
-moz-transform: translate(0px,0px);
|
| 151 |
+
-o-transform: translate(0px,0px);
|
| 152 |
+
-ms-transform: translate(0px,0px);
|
| 153 |
+
transform: translate(0px,0px);
|
| 154 |
+
-webkit-transition-delay: 0.4s;
|
| 155 |
+
-moz-transition-delay: 0.4s;
|
| 156 |
+
-o-transition-delay: 0.4s;
|
| 157 |
+
-ms-transition-delay: 0.4s;
|
| 158 |
+
transition-delay: 0.4s;
|
| 159 |
+
}
|
| 160 |
+
.view-first:hover a.info {
|
| 161 |
+
-webkit-transform: translate(0px,0px);
|
| 162 |
+
-moz-transform: translate(0px,0px);
|
| 163 |
+
-o-transform: translate(0px,0px);
|
| 164 |
+
-ms-transform: translate(0px,0px);
|
| 165 |
+
transform: translate(0px,0px);
|
| 166 |
+
-webkit-transition-delay: 0.5s;
|
| 167 |
+
-moz-transition-delay: 0.5s;
|
| 168 |
+
-o-transition-delay: 0.5s;
|
| 169 |
+
-ms-transition-delay: 0.5s;
|
| 170 |
+
transition-delay: 0.5s;
|
| 171 |
+
}
|
| 172 |
+
/* edit to list.phtml */
|
| 173 |
+
|
| 174 |
+
.products-grid li.item {
|
| 175 |
+
padding: 12px 5px 80px;
|
| 176 |
+
width: 134px;
|
| 177 |
+
}
|
| 178 |
+
|
| 179 |
+
.products-grid {
|
| 180 |
+
background: none;
|
| 181 |
+
border-bottom: none;
|
| 182 |
+
}
|
| 183 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 184 |
+
{
|
| 185 |
+
color: white;
|
| 186 |
+
font-family: Georgia, serif;
|
| 187 |
+
font-size: 12px;
|
| 188 |
+
}
|
| 189 |
+
|
| 190 |
+
.content h2 a {
|
| 191 |
+
color: white;
|
| 192 |
+
font-weight: normal;
|
| 193 |
+
font-size: 12px;
|
| 194 |
+
text-decoration: none;
|
| 195 |
+
}
|
| 196 |
+
|
| 197 |
+
.minimal-price-link {
|
| 198 |
+
text-decoration: none;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 202 |
+
font-family: Georgia, serif;
|
| 203 |
+
font-style: italic;
|
| 204 |
+
font-size: 10px;
|
| 205 |
+
}
|
| 206 |
+
|
| 207 |
+
.products-grid .price-box {
|
| 208 |
+
margin: 3px 3px 5px 0px;
|
| 209 |
+
}
|
skin/frontend/default/default/qaz/qeffect/css/qaz_rotate.css
ADDED
|
@@ -0,0 +1,213 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*rotate*/
|
| 61 |
+
|
| 62 |
+
.view-first img {
|
| 63 |
+
-webkit-transition: all 0.2s ease-in;
|
| 64 |
+
-moz-transition: all 0.2s ease-in;
|
| 65 |
+
-o-transition: all 0.2s ease-in;
|
| 66 |
+
-ms-transition: all 0.2s ease-in;
|
| 67 |
+
transition: all 0.2s ease-in;
|
| 68 |
+
}
|
| 69 |
+
.view-first .content {
|
| 70 |
+
background-color: rgba(0,0,0,0.6);
|
| 71 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 72 |
+
filter: alpha(opacity=0);
|
| 73 |
+
opacity: 0;
|
| 74 |
+
-webkit-transform: translate(460px, -100px) rotate(180deg);
|
| 75 |
+
-moz-transform: translate(460px, -100px) rotate(180deg);
|
| 76 |
+
-o-transform: translate(460px, -100px) rotate(180deg);
|
| 77 |
+
-ms-transform: translate(460px, -100px) rotate(180deg);
|
| 78 |
+
transform: translate(460px, -100px) rotate(180deg);
|
| 79 |
+
-webkit-transition: all 0.2s 0.4s ease-in-out;
|
| 80 |
+
-moz-transition: all 0.2s 0.4s ease-in-out;
|
| 81 |
+
-o-transition: all 0.2s 0.4s ease-in-out;
|
| 82 |
+
-ms-transition: all 0.2s 0.4s ease-in-out;
|
| 83 |
+
transition: all 0.2s 0.4s ease-in-out;
|
| 84 |
+
}
|
| 85 |
+
.view-first h2 {
|
| 86 |
+
-webkit-transform: translateY(-100px);
|
| 87 |
+
-moz-transform: translateY(-100px);
|
| 88 |
+
-o-transform: translateY(-100px);
|
| 89 |
+
-ms-transform: translateY(-100px);
|
| 90 |
+
transform: translateY(-100px);
|
| 91 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 92 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 93 |
+
-o-transition: all 0.2s ease-in-out;
|
| 94 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 95 |
+
transition: all 0.2s ease-in-out;
|
| 96 |
+
}
|
| 97 |
+
.view-first p {
|
| 98 |
+
-webkit-transform: translateX(300px) rotate(90deg);
|
| 99 |
+
-moz-transform: translateX(300px) rotate(90deg);
|
| 100 |
+
-o-transform: translateX(300px) rotate(90deg);
|
| 101 |
+
-ms-transform: translateX(300px) rotate(90deg);
|
| 102 |
+
transform: translateX(300px) rotate(90deg);
|
| 103 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 104 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 105 |
+
-o-transition: all 0.2s ease-in-out;
|
| 106 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 107 |
+
transition: all 0.2s ease-in-out;
|
| 108 |
+
}
|
| 109 |
+
.view-first a.info {
|
| 110 |
+
-webkit-transform: translateY(-200px);
|
| 111 |
+
-moz-transform: translateY(-200px);
|
| 112 |
+
-o-transform: translateY(-200px);
|
| 113 |
+
-ms-transform: translateY(-200px);
|
| 114 |
+
transform: translateY(-200px);
|
| 115 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 116 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 117 |
+
-o-transition: all 0.2s ease-in-out;
|
| 118 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 119 |
+
transition: all 0.2s ease-in-out;
|
| 120 |
+
}
|
| 121 |
+
.view-first:hover .content {
|
| 122 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 123 |
+
filter: alpha(opacity=100);
|
| 124 |
+
opacity: 1;
|
| 125 |
+
-webkit-transition-delay: 0s;
|
| 126 |
+
-moz-transition-delay: 0s;
|
| 127 |
+
-o-transition-delay: 0s;
|
| 128 |
+
-ms-transition-delay: 0s;
|
| 129 |
+
transition-delay: 0s;
|
| 130 |
+
-webkit-transform: translate(0px, 0px);
|
| 131 |
+
-moz-transform: translate(0px, 0px);
|
| 132 |
+
-o-transform: translate(0px, 0px);
|
| 133 |
+
-ms-transform: translate(0px, 0px);
|
| 134 |
+
transform: translate(0px, 0px);
|
| 135 |
+
}
|
| 136 |
+
.view-first:hover h2 {
|
| 137 |
+
-webkit-transform: translateY(0px);
|
| 138 |
+
-moz-transform: translateY(0px);
|
| 139 |
+
-o-transform: translateY(0px);
|
| 140 |
+
-ms-transform: translateY(0px);
|
| 141 |
+
transform: translateY(0px);
|
| 142 |
+
-webkit-transition-delay: 0.5s;
|
| 143 |
+
-moz-transition-delay: 0.5s;
|
| 144 |
+
-o-transition-delay: 0.5s;
|
| 145 |
+
-ms-transition-delay: 0.5s;
|
| 146 |
+
transition-delay: 0.5s;
|
| 147 |
+
}
|
| 148 |
+
.view-first:hover p {
|
| 149 |
+
-webkit-transform: translateX(0px) rotate(0deg);
|
| 150 |
+
-moz-transform: translateX(0px) rotate(0deg);
|
| 151 |
+
-o-transform: translateX(0px) rotate(0deg);
|
| 152 |
+
-ms-transform: translateX(0px) rotate(0deg);
|
| 153 |
+
transform: translateX(0px) rotate(0deg);
|
| 154 |
+
-webkit-transition-delay: 0.4s;
|
| 155 |
+
-moz-transition-delay: 0.4s;
|
| 156 |
+
-o-transition-delay: 0.4s;
|
| 157 |
+
-ms-transition-delay: 0.4s;
|
| 158 |
+
transition-delay: 0.4s;
|
| 159 |
+
}
|
| 160 |
+
.view-first:hover a.info {
|
| 161 |
+
-webkit-transform: translateY(0px);
|
| 162 |
+
-moz-transform: translateY(0px);
|
| 163 |
+
-o-transform: translateY(0px);
|
| 164 |
+
-ms-transform: translateY(0px);
|
| 165 |
+
transform: translateY(0px);
|
| 166 |
+
-webkit-transition-delay: 0.3s;
|
| 167 |
+
-moz-transition-delay: 0.3s;
|
| 168 |
+
-o-transition-delay: 0.3s;
|
| 169 |
+
-ms-transition-delay: 0.3s;
|
| 170 |
+
transition-delay: 0.3s;
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
|
| 174 |
+
/*
|
| 175 |
+
edit to css list.phtml base
|
| 176 |
+
*/
|
| 177 |
+
.products-grid li.item {
|
| 178 |
+
padding: 12px 5px 80px;
|
| 179 |
+
width: 134px;
|
| 180 |
+
}
|
| 181 |
+
|
| 182 |
+
.products-grid {
|
| 183 |
+
background: none;
|
| 184 |
+
border-bottom: none;
|
| 185 |
+
}
|
| 186 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 187 |
+
{
|
| 188 |
+
color: white;
|
| 189 |
+
font-family: Georgia, serif;
|
| 190 |
+
font-size: 12px;
|
| 191 |
+
}
|
| 192 |
+
|
| 193 |
+
.content h2 a {
|
| 194 |
+
color: white;
|
| 195 |
+
font-weight: normal;
|
| 196 |
+
font-size: 12px;
|
| 197 |
+
text-decoration: none;
|
| 198 |
+
}
|
| 199 |
+
|
| 200 |
+
.minimal-price-link {
|
| 201 |
+
text-decoration: none;
|
| 202 |
+
}
|
| 203 |
+
|
| 204 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 205 |
+
font-family: Georgia, serif;
|
| 206 |
+
font-style: italic;
|
| 207 |
+
font-size: 10px;
|
| 208 |
+
}
|
| 209 |
+
|
| 210 |
+
.products-grid .price-box {
|
| 211 |
+
margin: 3px 3px 5px 0px;
|
| 212 |
+
}
|
| 213 |
+
|
skin/frontend/default/default/qaz/qeffect/css/qaz_style4.css
ADDED
|
@@ -0,0 +1,206 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view-first img {
|
| 2 |
+
-webkit-transition: all 0.4s ease-in-out 0.2s;
|
| 3 |
+
-moz-transition: all 0.4s ease-in-out 0.2s;
|
| 4 |
+
-o-transition: all 0.4s ease-in-out 0.2s;
|
| 5 |
+
-ms-transition: all 0.4s ease-in-out 0.2s;
|
| 6 |
+
transition: all 0.4s ease-in-out 0.2s;
|
| 7 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 8 |
+
filter: alpha(opacity=100);
|
| 9 |
+
opacity: 1;
|
| 10 |
+
}
|
| 11 |
+
.view-first .content {
|
| 12 |
+
background-color: rgba(0,0,0,0.8);
|
| 13 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 14 |
+
filter: alpha(opacity=0);
|
| 15 |
+
opacity: 0;
|
| 16 |
+
-webkit-transform: scale(0) rotate(-180deg);
|
| 17 |
+
-moz-transform: scale(0) rotate(-180deg);
|
| 18 |
+
-o-transform: scale(0) rotate(-180deg);
|
| 19 |
+
-ms-transform: scale(0) rotate(-180deg);
|
| 20 |
+
transform: scale(0) rotate(-180deg);
|
| 21 |
+
-webkit-transition: all 0.4s ease-in;
|
| 22 |
+
-moz-transition: all 0.4s ease-in;
|
| 23 |
+
-o-transition: all 0.4s ease-in;
|
| 24 |
+
-ms-transition: all 0.4s ease-in;
|
| 25 |
+
transition: all 0.4s ease-in;
|
| 26 |
+
-webkit-border-radius: 0px;
|
| 27 |
+
-moz-border-radius: 0px;
|
| 28 |
+
border-radius: 0px;
|
| 29 |
+
}
|
| 30 |
+
.view-first h2 {
|
| 31 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 32 |
+
filter: alpha(opacity=0);
|
| 33 |
+
opacity: 0;
|
| 34 |
+
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
| 35 |
+
background: transparent;
|
| 36 |
+
margin: 20px 40px 0px 40px;
|
| 37 |
+
-webkit-transition: all 0.5s ease-in-out;
|
| 38 |
+
-moz-transition: all 0.5s ease-in-out;
|
| 39 |
+
-o-transition: all 0.5s ease-in-out;
|
| 40 |
+
-ms-transition: all 0.5s ease-in-out;
|
| 41 |
+
transition: all 0.5s ease-in-out;
|
| 42 |
+
}
|
| 43 |
+
.view-first p {
|
| 44 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 45 |
+
filter: alpha(opacity=0);
|
| 46 |
+
opacity: 0;
|
| 47 |
+
-webkit-transition: all 0.5s ease-in-out;
|
| 48 |
+
-moz-transition: all 0.5s ease-in-out;
|
| 49 |
+
-o-transition: all 0.5s ease-in-out;
|
| 50 |
+
-ms-transition: all 0.5s ease-in-out;
|
| 51 |
+
transition: all 0.5s ease-in-out;
|
| 52 |
+
}
|
| 53 |
+
.view-first a.info {
|
| 54 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 55 |
+
filter: alpha(opacity=0);
|
| 56 |
+
opacity: 0;
|
| 57 |
+
-webkit-transition: all 0.5s ease-in-out;
|
| 58 |
+
-moz-transition: all 0.5s ease-in-out;
|
| 59 |
+
-o-transition: all 0.5s ease-in-out;
|
| 60 |
+
-ms-transition: all 0.5s ease-in-out;
|
| 61 |
+
transition: all 0.5s ease-in-out;
|
| 62 |
+
}
|
| 63 |
+
.view-first:hover .content {
|
| 64 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 65 |
+
filter: alpha(opacity=100);
|
| 66 |
+
opacity: 1;
|
| 67 |
+
-webkit-transform: scale(1) rotate(0deg);
|
| 68 |
+
-moz-transform: scale(1) rotate(0deg);
|
| 69 |
+
-o-transform: scale(1) rotate(0deg);
|
| 70 |
+
-ms-transform: scale(1) rotate(0deg);
|
| 71 |
+
transform: scale(1) rotate(0deg);
|
| 72 |
+
-webkit-transition-delay: 0.2s;
|
| 73 |
+
-moz-transition-delay: 0.2s;
|
| 74 |
+
-o-transition-delay: 0.2s;
|
| 75 |
+
-ms-transition-delay: 0.2s;
|
| 76 |
+
transition-delay: 0.2s;
|
| 77 |
+
}
|
| 78 |
+
.view-first:hover img {
|
| 79 |
+
-webkit-transform: scale(0);
|
| 80 |
+
-moz-transform: scale(0);
|
| 81 |
+
-o-transform: scale(0);
|
| 82 |
+
-ms-transform: scale(0);
|
| 83 |
+
transform: scale(0);
|
| 84 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 85 |
+
filter: alpha(opacity=0);
|
| 86 |
+
opacity: 0;
|
| 87 |
+
-webkit-transition-delay: 0s;
|
| 88 |
+
-moz-transition-delay: 0s;
|
| 89 |
+
-o-transition-delay: 0s;
|
| 90 |
+
-ms-transition-delay: 0s;
|
| 91 |
+
transition-delay: 0s;
|
| 92 |
+
}
|
| 93 |
+
.view-first:hover h2,
|
| 94 |
+
.view-first:hover p,
|
| 95 |
+
.view-first:hover a.info {
|
| 96 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 97 |
+
filter: alpha(opacity=100);
|
| 98 |
+
opacity: 1;
|
| 99 |
+
-webkit-transition-delay: 0.5s;
|
| 100 |
+
-moz-transition-delay: 0.5s;
|
| 101 |
+
-o-transition-delay: 0.5s;
|
| 102 |
+
-ms-transition-delay: 0.5s;
|
| 103 |
+
transition-delay: 0.5s;
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
+
/*--------------------------------------*/
|
| 107 |
+
.view {
|
| 108 |
+
height: 150px;
|
| 109 |
+
margin: 2px;
|
| 110 |
+
float: left;
|
| 111 |
+
border: 5px solid #fff;
|
| 112 |
+
overflow: hidden;
|
| 113 |
+
position: relative;
|
| 114 |
+
text-align: center;
|
| 115 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 116 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 117 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 118 |
+
cursor: default;
|
| 119 |
+
}
|
| 120 |
+
.view .mask,.view .content {
|
| 121 |
+
width: 145px;
|
| 122 |
+
height: 243px;
|
| 123 |
+
position: absolute;
|
| 124 |
+
overflow: hidden;
|
| 125 |
+
top: 0;
|
| 126 |
+
left: 0;
|
| 127 |
+
}
|
| 128 |
+
.view img {
|
| 129 |
+
display: block;
|
| 130 |
+
position: relative;
|
| 131 |
+
}
|
| 132 |
+
.view h2 {
|
| 133 |
+
text-transform: uppercase;
|
| 134 |
+
color: #fff;
|
| 135 |
+
text-align: center;
|
| 136 |
+
position: relative;
|
| 137 |
+
font-size: 17px;
|
| 138 |
+
padding: 10px;
|
| 139 |
+
background: rgba(0, 0, 0, 0.8);
|
| 140 |
+
margin: 20px 0 0 0;
|
| 141 |
+
}
|
| 142 |
+
.view p {
|
| 143 |
+
color: white;
|
| 144 |
+
font-family: Georgia, serif;
|
| 145 |
+
font-style: italic;
|
| 146 |
+
font-size: 9px;
|
| 147 |
+
padding: 7px 5px 1px;
|
| 148 |
+
}
|
| 149 |
+
.view a.info {
|
| 150 |
+
display: inline-block;
|
| 151 |
+
text-decoration: none;
|
| 152 |
+
padding: 7px 14px;
|
| 153 |
+
background: #000;
|
| 154 |
+
color: #fff;
|
| 155 |
+
text-transform: uppercase;
|
| 156 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 157 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 158 |
+
box-shadow: 0 0 1px #000;
|
| 159 |
+
}
|
| 160 |
+
.view a.info: hover {
|
| 161 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 162 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 163 |
+
box-shadow: 0 0 5px #000;
|
| 164 |
+
}
|
| 165 |
+
|
| 166 |
+
/*
|
| 167 |
+
edit to css list.phtml base
|
| 168 |
+
*/
|
| 169 |
+
.products-grid li.item {
|
| 170 |
+
padding: 12px 5px 80px;
|
| 171 |
+
width: 134px;
|
| 172 |
+
}
|
| 173 |
+
|
| 174 |
+
.products-grid {
|
| 175 |
+
background: none;
|
| 176 |
+
border-bottom: none;
|
| 177 |
+
}
|
| 178 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 179 |
+
{
|
| 180 |
+
color: white;
|
| 181 |
+
font-family: Georgia, serif;
|
| 182 |
+
font-size: 12px;
|
| 183 |
+
}
|
| 184 |
+
|
| 185 |
+
.content h2 a {
|
| 186 |
+
color: white;
|
| 187 |
+
font-weight: normal;
|
| 188 |
+
font-size: 12px;
|
| 189 |
+
text-decoration: none;
|
| 190 |
+
}
|
| 191 |
+
|
| 192 |
+
.minimal-price-link {
|
| 193 |
+
text-decoration: none;
|
| 194 |
+
}
|
| 195 |
+
|
| 196 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 197 |
+
font-family: Georgia, serif;
|
| 198 |
+
font-style: italic;
|
| 199 |
+
font-size: 10px;
|
| 200 |
+
}
|
| 201 |
+
|
| 202 |
+
.products-grid .price-box {
|
| 203 |
+
margin: 3px 3px 5px 0px;
|
| 204 |
+
}
|
| 205 |
+
|
| 206 |
+
|
skin/frontend/default/default/qaz/qeffect/css/qaz_style5.css
ADDED
|
@@ -0,0 +1,164 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*------------------------------------------*/
|
| 61 |
+
|
| 62 |
+
.view-first img {
|
| 63 |
+
-webkit-transition: all 0.3s ease-in-out;
|
| 64 |
+
-moz-transition: all 0.3s ease-in-out;
|
| 65 |
+
-o-transition: all 0.3s ease-in-out;
|
| 66 |
+
-ms-transition: all 0.3s ease-in-out;
|
| 67 |
+
transition: all 0.3s ease-in-out;
|
| 68 |
+
}
|
| 69 |
+
.view-first .content {
|
| 70 |
+
background-color: rgba(146,96,91,0.3);
|
| 71 |
+
-webkit-transform: translateX(-300px);
|
| 72 |
+
-moz-transform: translateX(-300px);
|
| 73 |
+
-o-transform: translateX(-300px);
|
| 74 |
+
-ms-transform: translateX(-300px);
|
| 75 |
+
transform: translateX(-300px);
|
| 76 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 77 |
+
filter: alpha(opacity=100);
|
| 78 |
+
opacity: 1;
|
| 79 |
+
-webkit-transition: all 0.3s ease-in-out;
|
| 80 |
+
-moz-transition: all 0.3s ease-in-out;
|
| 81 |
+
-o-transition: all 0.3s ease-in-out;
|
| 82 |
+
-ms-transition: all 0.3s ease-in-out;
|
| 83 |
+
transition: all 0.3s ease-in-out;
|
| 84 |
+
}
|
| 85 |
+
.view-first h2 {
|
| 86 |
+
background: rgba(255, 255, 255, 0.5);
|
| 87 |
+
color: #000;
|
| 88 |
+
-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
|
| 89 |
+
-moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
|
| 90 |
+
box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
|
| 91 |
+
}
|
| 92 |
+
.view-first p {
|
| 93 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 94 |
+
filter: alpha(opacity=0);
|
| 95 |
+
opacity: 0;
|
| 96 |
+
color: #333;
|
| 97 |
+
-webkit-transition: all 0.2s linear;
|
| 98 |
+
-moz-transition: all 0.2s linear;
|
| 99 |
+
-o-transition: all 0.2s linear;
|
| 100 |
+
-ms-transition: all 0.2s linear;
|
| 101 |
+
transition: all 0.2s linear;
|
| 102 |
+
}
|
| 103 |
+
.view-first:hover .content {
|
| 104 |
+
-webkit-transform: translateX(0px);
|
| 105 |
+
-moz-transform: translateX(0px);
|
| 106 |
+
-o-transform: translateX(0px);
|
| 107 |
+
-ms-transform: translateX(0px);
|
| 108 |
+
transform: translateX(0px);
|
| 109 |
+
}
|
| 110 |
+
.view-first:hover img {
|
| 111 |
+
-webkit-transform: translateX(300px);
|
| 112 |
+
-moz-transform: translateX(300px);
|
| 113 |
+
-o-transform: translateX(300px);
|
| 114 |
+
-ms-transform: translateX(300px);
|
| 115 |
+
transform: translateX(300px);
|
| 116 |
+
}
|
| 117 |
+
.view-first:hover p {
|
| 118 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 119 |
+
filter: alpha(opacity=100);
|
| 120 |
+
opacity: 1;
|
| 121 |
+
}
|
| 122 |
+
|
| 123 |
+
|
| 124 |
+
|
| 125 |
+
/*--------------------------------------*/
|
| 126 |
+
/*
|
| 127 |
+
edit to css list.phtml base
|
| 128 |
+
*/
|
| 129 |
+
.products-grid li.item {
|
| 130 |
+
padding: 12px 5px 80px;
|
| 131 |
+
width: 134px;
|
| 132 |
+
}
|
| 133 |
+
|
| 134 |
+
.products-grid {
|
| 135 |
+
background: none;
|
| 136 |
+
border-bottom: none;
|
| 137 |
+
}
|
| 138 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 139 |
+
{
|
| 140 |
+
color: white;
|
| 141 |
+
font-family: Georgia, serif;
|
| 142 |
+
font-size: 12px;
|
| 143 |
+
}
|
| 144 |
+
|
| 145 |
+
.content h2 a {
|
| 146 |
+
color: white;
|
| 147 |
+
font-weight: normal;
|
| 148 |
+
font-size: 12px;
|
| 149 |
+
text-decoration: none;
|
| 150 |
+
}
|
| 151 |
+
|
| 152 |
+
.minimal-price-link {
|
| 153 |
+
text-decoration: none;
|
| 154 |
+
}
|
| 155 |
+
|
| 156 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 157 |
+
font-family: Georgia, serif;
|
| 158 |
+
font-style: italic;
|
| 159 |
+
font-size: 10px;
|
| 160 |
+
}
|
| 161 |
+
|
| 162 |
+
.products-grid .price-box {
|
| 163 |
+
margin: 3px 3px 5px 0px;
|
| 164 |
+
}
|
skin/frontend/default/default/qaz/qeffect/css/qaz_style6.css
ADDED
|
@@ -0,0 +1,231 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*------------------------------------------*/
|
| 61 |
+
|
| 62 |
+
.view-first img {
|
| 63 |
+
-webkit-transition: all 0.4s ease-in-out 0.5s;
|
| 64 |
+
-moz-transition: all 0.4s ease-in-out 0.5s;
|
| 65 |
+
-o-transition: all 0.4s ease-in-out 0.5s;
|
| 66 |
+
-ms-transition: all 0.4s ease-in-out 0.5s;
|
| 67 |
+
transition: all 0.4s ease-in-out 0.5s;
|
| 68 |
+
}
|
| 69 |
+
.view-first .content {
|
| 70 |
+
background-color: rgba(146,96,91,0.5);
|
| 71 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 72 |
+
filter: alpha(opacity=0);
|
| 73 |
+
opacity: 0;
|
| 74 |
+
-webkit-transition: all 0.3s ease-in 0.4s;
|
| 75 |
+
-moz-transition: all 0.3s ease-in 0.4s;
|
| 76 |
+
-o-transition: all 0.3s ease-in 0.4s;
|
| 77 |
+
-ms-transition: all 0.3s ease-in 0.4s;
|
| 78 |
+
transition: all 0.3s ease-in 0.4s;
|
| 79 |
+
}
|
| 80 |
+
.view-first h2 {
|
| 81 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 82 |
+
filter: alpha(opacity=0);
|
| 83 |
+
opacity: 0;
|
| 84 |
+
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
| 85 |
+
background: transparent;
|
| 86 |
+
margin: 5px 10px 0px 10px;
|
| 87 |
+
-webkit-transform: scale(10);
|
| 88 |
+
-moz-transform: scale(10);
|
| 89 |
+
-o-transform: scale(10);
|
| 90 |
+
-ms-transform: scale(10);
|
| 91 |
+
transform: scale(10);
|
| 92 |
+
-webkit-transition: all 0.3s ease-in-out 0.1s;
|
| 93 |
+
-moz-transition: all 0.3s ease-in-out 0.1s;
|
| 94 |
+
-o-transition: all 0.3s ease-in-out 0.1s;
|
| 95 |
+
-ms-transition: all 0.3s ease-in-out 0.1s;
|
| 96 |
+
transition: all 0.3s ease-in-out 0.1s;
|
| 97 |
+
}
|
| 98 |
+
.view-first p {
|
| 99 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 100 |
+
filter: alpha(opacity=0);
|
| 101 |
+
opacity: 0;
|
| 102 |
+
-webkit-transform: scale(10);
|
| 103 |
+
-moz-transform: scale(10);
|
| 104 |
+
-o-transform: scale(10);
|
| 105 |
+
-ms-transform: scale(10);
|
| 106 |
+
transform: scale(10);
|
| 107 |
+
-webkit-transition: all 0.3s ease-in-out 0.2s;
|
| 108 |
+
-moz-transition: all 0.3s ease-in-out 0.2s;
|
| 109 |
+
-o-transition: all 0.3s ease-in-out 0.2s;
|
| 110 |
+
-ms-transition: all 0.3s ease-in-out 0.2s;
|
| 111 |
+
transition: all 0.3s ease-in-out 0.2s;
|
| 112 |
+
}
|
| 113 |
+
.view-first a.info {
|
| 114 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 115 |
+
filter: alpha(opacity=0);
|
| 116 |
+
opacity: 0;
|
| 117 |
+
-webkit-transform: translateY(100px);
|
| 118 |
+
-moz-transform: translateY(100px);
|
| 119 |
+
-o-transform: translateY(100px);
|
| 120 |
+
-ms-transform: translateY(100px);
|
| 121 |
+
transform: translateY(100px);
|
| 122 |
+
-webkit-transition: all 0.3s ease-in-out 0.1s;
|
| 123 |
+
-moz-transition: all 0.3s ease-in-out 0.1s;
|
| 124 |
+
-o-transition: all 0.3s ease-in-out 0.1s;
|
| 125 |
+
-ms-transition: all 0.3s ease-in-out 0.1s;
|
| 126 |
+
transition: all 0.3s ease-in-out 0.1s;
|
| 127 |
+
}
|
| 128 |
+
.view-first:hover .content {
|
| 129 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 130 |
+
filter: alpha(opacity=100);
|
| 131 |
+
opacity: 1;
|
| 132 |
+
-webkit-transition-delay: 0s;
|
| 133 |
+
-moz-transition-delay: 0s;
|
| 134 |
+
-o-transition-delay: 0s;
|
| 135 |
+
-ms-transition-delay: 0s;
|
| 136 |
+
transition-delay: 0s;
|
| 137 |
+
}
|
| 138 |
+
.view-first:hover img {
|
| 139 |
+
-webkit-transition-delay: 0s;
|
| 140 |
+
-moz-transition-delay: 0s;
|
| 141 |
+
-o-transition-delay: 0s;
|
| 142 |
+
-ms-transition-delay: 0s;
|
| 143 |
+
transition-delay: 0s;
|
| 144 |
+
}
|
| 145 |
+
.view-first:hover h2 {
|
| 146 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 147 |
+
filter: alpha(opacity=100);
|
| 148 |
+
opacity: 1;
|
| 149 |
+
-webkit-transform: scale(1);
|
| 150 |
+
-moz-transform: scale(1);
|
| 151 |
+
-o-transform: scale(1);
|
| 152 |
+
-ms-transform: scale(1);
|
| 153 |
+
transform: scale(1);
|
| 154 |
+
-webkit-transition-delay: 0.1s;
|
| 155 |
+
-moz-transition-delay: 0.1s;
|
| 156 |
+
-o-transition-delay: 0.1s;
|
| 157 |
+
-ms-transition-delay: 0.1s;
|
| 158 |
+
transition-delay: 0.1s;
|
| 159 |
+
}
|
| 160 |
+
.view-first:hover p {
|
| 161 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 162 |
+
filter: alpha(opacity=100);
|
| 163 |
+
opacity: 1;
|
| 164 |
+
-webkit-transform: scale(1);
|
| 165 |
+
-moz-transform: scale(1);
|
| 166 |
+
-o-transform: scale(1);
|
| 167 |
+
-ms-transform: scale(1);
|
| 168 |
+
transform: scale(1);
|
| 169 |
+
-webkit-transition-delay: 0.2s;
|
| 170 |
+
-moz-transition-delay: 0.2s;
|
| 171 |
+
-o-transition-delay: 0.2s;
|
| 172 |
+
-ms-transition-delay: 0.2s;
|
| 173 |
+
transition-delay: 0.2s;
|
| 174 |
+
}
|
| 175 |
+
.view-first:hover a.info {
|
| 176 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 177 |
+
filter: alpha(opacity=100);
|
| 178 |
+
opacity: 1;
|
| 179 |
+
-webkit-transform: translateY(0px);
|
| 180 |
+
-moz-transform: translateY(0px);
|
| 181 |
+
-o-transform: translateY(0px);
|
| 182 |
+
-ms-transform: translateY(0px);
|
| 183 |
+
transform: translateY(0px);
|
| 184 |
+
-webkit-transition-delay: 0.3s;
|
| 185 |
+
-moz-transition-delay: 0.3s;
|
| 186 |
+
-o-transition-delay: 0.3s;
|
| 187 |
+
-ms-transition-delay: 0.3s;
|
| 188 |
+
transition-delay: 0.3s;
|
| 189 |
+
}
|
| 190 |
+
|
| 191 |
+
|
| 192 |
+
/*--------------------------------------*/
|
| 193 |
+
/*
|
| 194 |
+
edit to css list.phtml base
|
| 195 |
+
*/
|
| 196 |
+
.products-grid li.item {
|
| 197 |
+
padding: 12px 5px 80px;
|
| 198 |
+
width: 134px;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.products-grid {
|
| 202 |
+
background: none;
|
| 203 |
+
border-bottom: none;
|
| 204 |
+
}
|
| 205 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 206 |
+
{
|
| 207 |
+
color: white;
|
| 208 |
+
font-family: Georgia, serif;
|
| 209 |
+
font-size: 12px;
|
| 210 |
+
}
|
| 211 |
+
|
| 212 |
+
.content h2 a {
|
| 213 |
+
color: white;
|
| 214 |
+
font-weight: normal;
|
| 215 |
+
font-size: 12px;
|
| 216 |
+
text-decoration: none;
|
| 217 |
+
}
|
| 218 |
+
|
| 219 |
+
.minimal-price-link {
|
| 220 |
+
text-decoration: none;
|
| 221 |
+
}
|
| 222 |
+
|
| 223 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 224 |
+
font-family: Georgia, serif;
|
| 225 |
+
font-style: italic;
|
| 226 |
+
font-size: 10px;
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
.products-grid .price-box {
|
| 230 |
+
margin: 3px 3px 5px 0px;
|
| 231 |
+
}
|
skin/frontend/default/default/qaz/qeffect/css/qaz_style7.css
ADDED
|
@@ -0,0 +1,228 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*------------------------------------------*/
|
| 61 |
+
|
| 62 |
+
.view-first img {
|
| 63 |
+
-webkit-transition: all 0.5s ease-out;
|
| 64 |
+
-moz-transition: all 0.5s ease-out;
|
| 65 |
+
-o-transition: all 0.5s ease-out;
|
| 66 |
+
-ms-transition: all 0.5s ease-out;
|
| 67 |
+
transition: all 0.5s ease-out;
|
| 68 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 69 |
+
filter: alpha(opacity=100);
|
| 70 |
+
opacity: 1;
|
| 71 |
+
}
|
| 72 |
+
.view-first .content {
|
| 73 |
+
background-color: rgba(77,44,35,0.5);
|
| 74 |
+
-webkit-transform: rotate(0deg) scale(1);
|
| 75 |
+
-moz-transform: rotate(0deg) scale(1);
|
| 76 |
+
-o-transform: rotate(0deg) scale(1);
|
| 77 |
+
-ms-transform: rotate(0deg) scale(1);
|
| 78 |
+
transform: rotate(0deg) scale(1);
|
| 79 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 80 |
+
filter: alpha(opacity=0);
|
| 81 |
+
opacity: 0;
|
| 82 |
+
-webkit-transition: all 0.3s ease-out;
|
| 83 |
+
-moz-transition: all 0.3s ease-out;
|
| 84 |
+
-o-transition: all 0.3s ease-out;
|
| 85 |
+
-ms-transition: all 0.3s ease-out;
|
| 86 |
+
transition: all 0.3s ease-out;
|
| 87 |
+
}
|
| 88 |
+
.view-first h2 {
|
| 89 |
+
-webkit-transform: translateY(-200px);
|
| 90 |
+
-moz-transform: translateY(-200px);
|
| 91 |
+
-o-transform: translateY(-200px);
|
| 92 |
+
-ms-transform: translateY(-200px);
|
| 93 |
+
transform: translateY(-200px);
|
| 94 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 95 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 96 |
+
-o-transition: all 0.2s ease-in-out;
|
| 97 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 98 |
+
transition: all 0.2s ease-in-out;
|
| 99 |
+
}
|
| 100 |
+
.view-first p {
|
| 101 |
+
-webkit-transform: translateY(-200px);
|
| 102 |
+
-moz-transform: translateY(-200px);
|
| 103 |
+
-o-transform: translateY(-200px);
|
| 104 |
+
-ms-transform: translateY(-200px);
|
| 105 |
+
transform: translateY(-200px);
|
| 106 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 107 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 108 |
+
-o-transition: all 0.2s ease-in-out;
|
| 109 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 110 |
+
transition: all 0.2s ease-in-out;
|
| 111 |
+
}
|
| 112 |
+
.view-first a.info {
|
| 113 |
+
-webkit-transform: translateY(-200px);
|
| 114 |
+
-moz-transform: translateY(-200px);
|
| 115 |
+
-o-transform: translateY(-200px);
|
| 116 |
+
-ms-transform: translateY(-200px);
|
| 117 |
+
transform: translateY(-200px);
|
| 118 |
+
-webkit-transition: all 0.2s ease-in-out;
|
| 119 |
+
-moz-transition: all 0.2s ease-in-out;
|
| 120 |
+
-o-transition: all 0.2s ease-in-out;
|
| 121 |
+
-ms-transition: all 0.2s ease-in-out;
|
| 122 |
+
transition: all 0.2s ease-in-out;
|
| 123 |
+
}
|
| 124 |
+
.view-first:hover img {
|
| 125 |
+
-webkit-transform: rotate(720deg) scale(0);
|
| 126 |
+
-moz-transform: rotate(720deg) scale(0);
|
| 127 |
+
-o-transform: rotate(720deg) scale(0);
|
| 128 |
+
-ms-transform: rotate(720deg) scale(0);
|
| 129 |
+
transform: rotate(720deg) scale(0);
|
| 130 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 131 |
+
filter: alpha(opacity=0);
|
| 132 |
+
opacity: 0;
|
| 133 |
+
}
|
| 134 |
+
.view-first:hover .content {
|
| 135 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 136 |
+
filter: alpha(opacity=100);
|
| 137 |
+
opacity: 1;
|
| 138 |
+
-webkit-transform: translateY(0px) rotate(0deg);
|
| 139 |
+
-moz-transform: translateY(0px) rotate(0deg);
|
| 140 |
+
-o-transform: translateY(0px) rotate(0deg);
|
| 141 |
+
-ms-transform: translateY(0px) rotate(0deg);
|
| 142 |
+
transform: translateY(0px) rotate(0deg);
|
| 143 |
+
-webkit-transition-delay: 0.4s;
|
| 144 |
+
-moz-transition-delay: 0.4s;
|
| 145 |
+
-o-transition-delay: 0.4s;
|
| 146 |
+
-ms-transition-delay: 0.4s;
|
| 147 |
+
transition-delay: 0.4s;
|
| 148 |
+
}
|
| 149 |
+
.view-first:hover h2 {
|
| 150 |
+
-webkit-transform: translateY(0px);
|
| 151 |
+
-moz-transform: translateY(0px);
|
| 152 |
+
-o-transform: translateY(0px);
|
| 153 |
+
-ms-transform: translateY(0px);
|
| 154 |
+
transform: translateY(0px);
|
| 155 |
+
-webkit-transition-delay: 0.7s;
|
| 156 |
+
-moz-transition-delay: 0.7s;
|
| 157 |
+
-o-transition-delay: 0.7s;
|
| 158 |
+
-ms-transition-delay: 0.7s;
|
| 159 |
+
transition-delay: 0.7s;
|
| 160 |
+
}
|
| 161 |
+
.view-first:hover p {
|
| 162 |
+
-webkit-transform: translateY(0px);
|
| 163 |
+
-moz-transform: translateY(0px);
|
| 164 |
+
-o-transform: translateY(0px);
|
| 165 |
+
-ms-transform: translateY(0px);
|
| 166 |
+
transform: translateY(0px);
|
| 167 |
+
-webkit-transition-delay: 0.6s;
|
| 168 |
+
-moz-transition-delay: 0.6s;
|
| 169 |
+
-o-transition-delay: 0.6s;
|
| 170 |
+
-ms-transition-delay: 0.6s;
|
| 171 |
+
transition-delay: 0.6s;
|
| 172 |
+
}
|
| 173 |
+
.view-first:hover a.info {
|
| 174 |
+
-webkit-transform: translateY(0px);
|
| 175 |
+
-moz-transform: translateY(0px);
|
| 176 |
+
-o-transform: translateY(0px);
|
| 177 |
+
-ms-transform: translateY(0px);
|
| 178 |
+
transform: translateY(0px);
|
| 179 |
+
-webkit-transition-delay: 0.5s;
|
| 180 |
+
-moz-transition-delay: 0.5s;
|
| 181 |
+
-o-transition-delay: 0.5s;
|
| 182 |
+
-ms-transition-delay: 0.5s;
|
| 183 |
+
transition-delay: 0.5s;
|
| 184 |
+
}
|
| 185 |
+
|
| 186 |
+
|
| 187 |
+
|
| 188 |
+
|
| 189 |
+
/*--------------------------------------*/
|
| 190 |
+
/*
|
| 191 |
+
edit to css list.phtml base
|
| 192 |
+
*/
|
| 193 |
+
.products-grid li.item {
|
| 194 |
+
padding: 12px 5px 80px;
|
| 195 |
+
width: 134px;
|
| 196 |
+
}
|
| 197 |
+
|
| 198 |
+
.products-grid {
|
| 199 |
+
background: none;
|
| 200 |
+
border-bottom: none;
|
| 201 |
+
}
|
| 202 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 203 |
+
{
|
| 204 |
+
color: white;
|
| 205 |
+
font-family: Georgia, serif;
|
| 206 |
+
font-size: 12px;
|
| 207 |
+
}
|
| 208 |
+
|
| 209 |
+
.content h2 a {
|
| 210 |
+
color: white;
|
| 211 |
+
font-weight: normal;
|
| 212 |
+
font-size: 12px;
|
| 213 |
+
text-decoration: none;
|
| 214 |
+
}
|
| 215 |
+
|
| 216 |
+
.minimal-price-link {
|
| 217 |
+
text-decoration: none;
|
| 218 |
+
}
|
| 219 |
+
|
| 220 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 221 |
+
font-family: Georgia, serif;
|
| 222 |
+
font-style: italic;
|
| 223 |
+
font-size: 10px;
|
| 224 |
+
}
|
| 225 |
+
|
| 226 |
+
.products-grid .price-box {
|
| 227 |
+
margin: 3px 3px 5px 0px;
|
| 228 |
+
}
|
skin/frontend/default/default/qaz/qeffect/css/qaz_style8.css
ADDED
|
@@ -0,0 +1,231 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*------------------------------------------*/
|
| 61 |
+
|
| 62 |
+
.view-first .content {
|
| 63 |
+
background-color: rgba(255, 255, 255, 0.7);
|
| 64 |
+
top: -200px;
|
| 65 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 66 |
+
filter: alpha(opacity=0);
|
| 67 |
+
opacity: 0;
|
| 68 |
+
-webkit-transition: all 0.3s ease-out 0.5s;
|
| 69 |
+
-moz-transition: all 0.3s ease-out 0.5s;
|
| 70 |
+
-o-transition: all 0.3s ease-out 0.5s;
|
| 71 |
+
-ms-transition: all 0.3s ease-out 0.5s;
|
| 72 |
+
transition: all 0.3s ease-out 0.5s;
|
| 73 |
+
}
|
| 74 |
+
.view-first h2 {
|
| 75 |
+
-webkit-transform: translateY(-200px);
|
| 76 |
+
-moz-transform: translateY(-200px);
|
| 77 |
+
-o-transform: translateY(-200px);
|
| 78 |
+
-ms-transform: translateY(-200px);
|
| 79 |
+
transform: translateY(-200px);
|
| 80 |
+
-webkit-transition: all 0.2s ease-in-out 0.1s;
|
| 81 |
+
-moz-transition: all 0.2s ease-in-out 0.1s;
|
| 82 |
+
-o-transition: all 0.2s ease-in-out 0.1s;
|
| 83 |
+
-ms-transition: all 0.2s ease-in-out 0.1s;
|
| 84 |
+
transition: all 0.2s ease-in-out 0.1s;
|
| 85 |
+
}
|
| 86 |
+
.view-first p {
|
| 87 |
+
color: #333;
|
| 88 |
+
-webkit-transform: translateY(-200px);
|
| 89 |
+
-moz-transform: translateY(-200px);
|
| 90 |
+
-o-transform: translateY(-200px);
|
| 91 |
+
-ms-transform: translateY(-200px);
|
| 92 |
+
transform: translateY(-200px);
|
| 93 |
+
-webkit-transition: all 0.2s ease-in-out 0.2s;
|
| 94 |
+
-moz-transition: all 0.2s ease-in-out 0.2s;
|
| 95 |
+
-o-transition: all 0.2s ease-in-out 0.2s;
|
| 96 |
+
-ms-transition: all 0.2s ease-in-out 0.2s;
|
| 97 |
+
transition: all 0.2s ease-in-out 0.2s;
|
| 98 |
+
}
|
| 99 |
+
.view-first a.info {
|
| 100 |
+
-webkit-transform: translateY(-200px);
|
| 101 |
+
-moz-transform: translateY(-200px);
|
| 102 |
+
-o-transform: translateY(-200px);
|
| 103 |
+
-ms-transform: translateY(-200px);
|
| 104 |
+
transform: translateY(-200px);
|
| 105 |
+
-webkit-transition: all 0.2s ease-in-out 0.3s;
|
| 106 |
+
-moz-transition: all 0.2s ease-in-out 0.3s;
|
| 107 |
+
-o-transition: all 0.2s ease-in-out 0.3s;
|
| 108 |
+
-ms-transition: all 0.2s ease-in-out 0.3s;
|
| 109 |
+
transition: all 0.2s ease-in-out 0.3s;
|
| 110 |
+
}
|
| 111 |
+
.view-first:hover .content {
|
| 112 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 113 |
+
filter: alpha(opacity=100);
|
| 114 |
+
opacity: 1;
|
| 115 |
+
top: 0px;
|
| 116 |
+
-webkit-transition-delay: 0s;
|
| 117 |
+
-moz-transition-delay: 0s;
|
| 118 |
+
-o-transition-delay: 0s;
|
| 119 |
+
-ms-transition-delay: 0s;
|
| 120 |
+
transition-delay: 0s;
|
| 121 |
+
-webkit-animation: bounceY 0.9s linear;
|
| 122 |
+
-moz-animation: bounceY 0.9s linear;
|
| 123 |
+
-ms-animation: bounceY 0.9s linear;
|
| 124 |
+
animation: bounceY 0.9s linear;
|
| 125 |
+
}
|
| 126 |
+
.view-first:hover h2 {
|
| 127 |
+
-webkit-transform: translateY(0px);
|
| 128 |
+
-moz-transform: translateY(0px);
|
| 129 |
+
-o-transform: translateY(0px);
|
| 130 |
+
-ms-transform: translateY(0px);
|
| 131 |
+
transform: translateY(0px);
|
| 132 |
+
-webkit-transition-delay: 0.4s;
|
| 133 |
+
-moz-transition-delay: 0.4s;
|
| 134 |
+
-o-transition-delay: 0.4s;
|
| 135 |
+
-ms-transition-delay: 0.4s;
|
| 136 |
+
transition-delay: 0.4s;
|
| 137 |
+
}
|
| 138 |
+
.view-first:hover p {
|
| 139 |
+
-webkit-transform: translateY(0px);
|
| 140 |
+
-moz-transform: translateY(0px);
|
| 141 |
+
-o-transform: translateY(0px);
|
| 142 |
+
-ms-transform: translateY(0px);
|
| 143 |
+
transform: translateY(0px);
|
| 144 |
+
-webkit-transition-delay: 0.2s;
|
| 145 |
+
-moz-transition-delay: 0.2s;
|
| 146 |
+
-o-transition-delay: 0.2s;
|
| 147 |
+
-ms-transition-delay: 0.2s;
|
| 148 |
+
transition-delay: 0.2s;
|
| 149 |
+
}
|
| 150 |
+
.view-first:hover a.info {
|
| 151 |
+
-webkit-transform: translateY(0px);
|
| 152 |
+
-moz-transform: translateY(0px);
|
| 153 |
+
-o-transform: translateY(0px);
|
| 154 |
+
-ms-transform: translateY(0px);
|
| 155 |
+
transform: translateY(0px);
|
| 156 |
+
-webkit-transition-delay: 0s;
|
| 157 |
+
-moz-transition-delay: 0s;
|
| 158 |
+
-o-transition-delay: 0s;
|
| 159 |
+
-ms-transition-delay: 0s;
|
| 160 |
+
transition-delay: 0s;
|
| 161 |
+
}
|
| 162 |
+
@keyframes bounceY {
|
| 163 |
+
0% { transform: translateY(-205px);}
|
| 164 |
+
40% { transform: translateY(-100px);}
|
| 165 |
+
65% { transform: translateY(-52px);}
|
| 166 |
+
82% { transform: translateY(-25px);}
|
| 167 |
+
92% { transform: translateY(-12px);}
|
| 168 |
+
55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
|
| 169 |
+
}
|
| 170 |
+
@-moz-keyframes bounceY {
|
| 171 |
+
0% { -moz-transform: translateY(-205px);}
|
| 172 |
+
40% { -moz-transform: translateY(-100px);}
|
| 173 |
+
65% { -moz-transform: translateY(-52px);}
|
| 174 |
+
82% { -moz-transform: translateY(-25px);}
|
| 175 |
+
92% { -moz-transform: translateY(-12px);}
|
| 176 |
+
55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
|
| 177 |
+
}
|
| 178 |
+
@-webkit-keyframes bounceY {
|
| 179 |
+
0% { -webkit-transform: translateY(-205px);}
|
| 180 |
+
40% { -webkit-transform: translateY(-100px);}
|
| 181 |
+
65% { -webkit-transform: translateY(-52px);}
|
| 182 |
+
82% { -webkit-transform: translateY(-25px);}
|
| 183 |
+
92% { -webkit-transform: translateY(-12px);}
|
| 184 |
+
55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
|
| 185 |
+
}
|
| 186 |
+
|
| 187 |
+
|
| 188 |
+
|
| 189 |
+
|
| 190 |
+
|
| 191 |
+
|
| 192 |
+
/*--------------------------------------*/
|
| 193 |
+
/*
|
| 194 |
+
edit to css list.phtml base
|
| 195 |
+
*/
|
| 196 |
+
.products-grid li.item {
|
| 197 |
+
padding: 12px 5px 80px;
|
| 198 |
+
width: 134px;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.products-grid {
|
| 202 |
+
background: none;
|
| 203 |
+
border-bottom: none;
|
| 204 |
+
}
|
| 205 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 206 |
+
{
|
| 207 |
+
color: black;
|
| 208 |
+
font-family: Georgia, serif;
|
| 209 |
+
font-size: 12px;
|
| 210 |
+
}
|
| 211 |
+
|
| 212 |
+
.content h2 a {
|
| 213 |
+
color: white;
|
| 214 |
+
font-weight: normal;
|
| 215 |
+
font-size: 12px;
|
| 216 |
+
text-decoration: none;
|
| 217 |
+
}
|
| 218 |
+
|
| 219 |
+
.minimal-price-link {
|
| 220 |
+
text-decoration: none;
|
| 221 |
+
}
|
| 222 |
+
|
| 223 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 224 |
+
font-family: Georgia, serif;
|
| 225 |
+
font-style: italic;
|
| 226 |
+
font-size: 10px;
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
.products-grid .price-box {
|
| 230 |
+
margin: 3px 3px 5px 0px;
|
| 231 |
+
}
|
skin/frontend/default/default/qaz/qeffect/css/qaz_style9.css
ADDED
|
@@ -0,0 +1,203 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.view {
|
| 2 |
+
height: 150px;
|
| 3 |
+
margin: 2px;
|
| 4 |
+
float: left;
|
| 5 |
+
border: 5px solid #fff;
|
| 6 |
+
overflow: hidden;
|
| 7 |
+
position: relative;
|
| 8 |
+
text-align: center;
|
| 9 |
+
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
|
| 10 |
+
-moz-box-shadow: 1px 1px 2px #e6e6e6;
|
| 11 |
+
box-shadow: 1px 1px 2px #e6e6e6;
|
| 12 |
+
cursor: default;
|
| 13 |
+
}
|
| 14 |
+
.view .mask,.view .content {
|
| 15 |
+
width: 145px;
|
| 16 |
+
height: 243px;
|
| 17 |
+
position: absolute;
|
| 18 |
+
overflow: hidden;
|
| 19 |
+
top: 0;
|
| 20 |
+
left: 0;
|
| 21 |
+
}
|
| 22 |
+
.view img {
|
| 23 |
+
display: block;
|
| 24 |
+
position: relative;
|
| 25 |
+
}
|
| 26 |
+
.view h2 {
|
| 27 |
+
text-transform: uppercase;
|
| 28 |
+
color: #fff;
|
| 29 |
+
text-align: center;
|
| 30 |
+
position: relative;
|
| 31 |
+
font-size: 17px;
|
| 32 |
+
padding: 10px;
|
| 33 |
+
background: rgba(0, 0, 0, 0.8);
|
| 34 |
+
margin: 20px 0 0 0;
|
| 35 |
+
}
|
| 36 |
+
.view p {
|
| 37 |
+
color: white;
|
| 38 |
+
font-family: Georgia, serif;
|
| 39 |
+
font-style: italic;
|
| 40 |
+
font-size: 9px;
|
| 41 |
+
padding: 7px 5px 1px;
|
| 42 |
+
}
|
| 43 |
+
.view a.info {
|
| 44 |
+
display: inline-block;
|
| 45 |
+
text-decoration: none;
|
| 46 |
+
padding: 7px 14px;
|
| 47 |
+
background: #000;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-transform: uppercase;
|
| 50 |
+
-webkit-box-shadow: 0 0 1px #000;
|
| 51 |
+
-moz-box-shadow: 0 0 1px #000;
|
| 52 |
+
box-shadow: 0 0 1px #000;
|
| 53 |
+
}
|
| 54 |
+
.view a.info: hover {
|
| 55 |
+
-webkit-box-shadow: 0 0 5px #000;
|
| 56 |
+
-moz-box-shadow: 0 0 5px #000;
|
| 57 |
+
box-shadow: 0 0 5px #000;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/*------------------------------------------*/
|
| 61 |
+
|
| 62 |
+
.view-first img {
|
| 63 |
+
-webkit-transform: scaleY(1);
|
| 64 |
+
-moz-transform: scaleY(1);
|
| 65 |
+
-o-transform: scaleY(1);
|
| 66 |
+
-ms-transform: scaleY(1);
|
| 67 |
+
transform: scaleY(1);
|
| 68 |
+
-webkit-transition: all 0.7s ease-in-out;
|
| 69 |
+
-moz-transition: all 0.7s ease-in-out;
|
| 70 |
+
-o-transition: all 0.7s ease-in-out;
|
| 71 |
+
-ms-transition: all 0.7s ease-in-out;
|
| 72 |
+
transition: all 0.7s ease-in-out;
|
| 73 |
+
}
|
| 74 |
+
.view-first .content {
|
| 75 |
+
background-color: rgba(255, 231, 179, 0.3);
|
| 76 |
+
-webkit-transition: all 0.5s linear;
|
| 77 |
+
-moz-transition: all 0.5s linear;
|
| 78 |
+
-o-transition: all 0.5s linear;
|
| 79 |
+
-ms-transition: all 0.5s linear;
|
| 80 |
+
transition: all 0.5s linear;
|
| 81 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 82 |
+
filter: alpha(opacity=0);
|
| 83 |
+
opacity: 0;
|
| 84 |
+
}
|
| 85 |
+
.view-first h2 {
|
| 86 |
+
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
| 87 |
+
background: transparent;
|
| 88 |
+
margin: 5px 10px 0px 10px;
|
| 89 |
+
-webkit-transform: scale(0);
|
| 90 |
+
-moz-transform: scale(0);
|
| 91 |
+
-o-transform: scale(0);
|
| 92 |
+
-ms-transform: scale(0);
|
| 93 |
+
transform: scale(0);
|
| 94 |
+
color: #333;
|
| 95 |
+
-webkit-transition: all 0.5s linear;
|
| 96 |
+
-moz-transition: all 0.5s linear;
|
| 97 |
+
-o-transition: all 0.5s linear;
|
| 98 |
+
-ms-transition: all 0.5s linear;
|
| 99 |
+
transition: all 0.5s linear;
|
| 100 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 101 |
+
filter: alpha(opacity=0);
|
| 102 |
+
opacity: 0;
|
| 103 |
+
}
|
| 104 |
+
.view-first p {
|
| 105 |
+
color: #333;
|
| 106 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 107 |
+
filter: alpha(opacity=0);
|
| 108 |
+
opacity: 0;
|
| 109 |
+
-webkit-transform: scale(0);
|
| 110 |
+
-moz-transform: scale(0);
|
| 111 |
+
-o-transform: scale(0);
|
| 112 |
+
-ms-transform: scale(0);
|
| 113 |
+
transform: scale(0);
|
| 114 |
+
-webkit-transition: all 0.5s linear;
|
| 115 |
+
-moz-transition: all 0.5s linear;
|
| 116 |
+
-o-transition: all 0.5s linear;
|
| 117 |
+
-ms-transition: all 0.5s linear;
|
| 118 |
+
transition: all 0.5s linear;
|
| 119 |
+
}
|
| 120 |
+
.view-first a.info {
|
| 121 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 122 |
+
filter: alpha(opacity=0);
|
| 123 |
+
opacity: 0;
|
| 124 |
+
-webkit-transform: scale(0);
|
| 125 |
+
-moz-transform: scale(0);
|
| 126 |
+
-o-transform: scale(0);
|
| 127 |
+
-ms-transform: scale(0);
|
| 128 |
+
transform: scale(0);
|
| 129 |
+
-webkit-transition: all 0.5s linear;
|
| 130 |
+
-moz-transition: all 0.5s linear;
|
| 131 |
+
-o-transition: all 0.5s linear;
|
| 132 |
+
-ms-transition: all 0.5s linear;
|
| 133 |
+
transition: all 0.5s linear;
|
| 134 |
+
}
|
| 135 |
+
.view-first:hover img {
|
| 136 |
+
-webkit-transform: scale(10);
|
| 137 |
+
-moz-transform: scale(10);
|
| 138 |
+
-o-transform: scale(10);
|
| 139 |
+
-ms-transform: scale(10);
|
| 140 |
+
transform: scale(10);
|
| 141 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
| 142 |
+
filter: alpha(opacity=0);
|
| 143 |
+
opacity: 0;
|
| 144 |
+
}
|
| 145 |
+
.view-first:hover .content {
|
| 146 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 147 |
+
filter: alpha(opacity=100);
|
| 148 |
+
opacity: 1;
|
| 149 |
+
}
|
| 150 |
+
.view-first:hover h2,.view-first:hover p,.view-first:hover a.info {
|
| 151 |
+
-webkit-transform: scale(1);
|
| 152 |
+
-moz-transform: scale(1);
|
| 153 |
+
-o-transform: scale(1);
|
| 154 |
+
-ms-transform: scale(1);
|
| 155 |
+
transform: scale(1);
|
| 156 |
+
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
| 157 |
+
filter: alpha(opacity=100);
|
| 158 |
+
opacity: 1;
|
| 159 |
+
}
|
| 160 |
+
|
| 161 |
+
|
| 162 |
+
|
| 163 |
+
|
| 164 |
+
/*--------------------------------------*/
|
| 165 |
+
/*
|
| 166 |
+
edit to css list.phtml base
|
| 167 |
+
*/
|
| 168 |
+
.products-grid li.item {
|
| 169 |
+
padding: 12px 5px 80px;
|
| 170 |
+
width: 134px;
|
| 171 |
+
}
|
| 172 |
+
|
| 173 |
+
.products-grid {
|
| 174 |
+
background: none;
|
| 175 |
+
border-bottom: none;
|
| 176 |
+
}
|
| 177 |
+
.regular-price , .minimal-price-link .label ,.regular-price .price ,.price-box .price , .minimal-price-link .price
|
| 178 |
+
{
|
| 179 |
+
color: black;
|
| 180 |
+
font-family: Georgia, serif;
|
| 181 |
+
font-size: 12px;
|
| 182 |
+
}
|
| 183 |
+
|
| 184 |
+
.content h2 a {
|
| 185 |
+
color: black;
|
| 186 |
+
font-weight: normal;
|
| 187 |
+
font-size: 12px;
|
| 188 |
+
text-decoration: none;
|
| 189 |
+
}
|
| 190 |
+
|
| 191 |
+
.minimal-price-link {
|
| 192 |
+
text-decoration: none;
|
| 193 |
+
}
|
| 194 |
+
|
| 195 |
+
.minimal-price .price-label, .minimal-price-link .label {
|
| 196 |
+
font-family: Georgia, serif;
|
| 197 |
+
font-style: italic;
|
| 198 |
+
font-size: 10px;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.products-grid .price-box {
|
| 202 |
+
margin: 3px 3px 5px 0px;
|
| 203 |
+
}
|
skin/frontend/default/default/qaz/qeffect/images/bgimg.jpg
ADDED
|
Binary file
|
