Skip to content

P
ptd
Commit fc5edbad authored by root's avatar root
Browse files
Options

from realsite

parents 3ad37d9f e0f374db
Hide whitespace changes
Inline Side-by-side
Showing with 1833 additions and 1314 deletions
sites/default/files/php/twig/5eb3c24a7454a_commerce-cart-empty-page._pe0BCm4XhsKafvkSmBahv9j0d/.htaccess 0 → 100644
View file @ fc5edbad
# Deny all requests from Apache 2.4+.
<IfModule mod_authz_core.c>
Require all denied
</IfModule>
# Deny all requests from Apache 2.0-2.2.
<IfModule !mod_authz_core.c>
Deny from all
</IfModule>
# Turn off all options we don't need.
Options -Indexes -ExecCGI -Includes -MultiViews
# Set the catch-all handler to prevent scripts from being executed.
SetHandler Drupal_Security_Do_Not_Remove_See_SA_2006_006
<Files *>
# Override the handler again if we're run later in the evaluation list.
SetHandler Drupal_Security_Do_Not_Remove_See_SA_2013_003
</Files>
# If we know how to do it safely, disable the PHP engine entirely.
<IfModule mod_php5.c>
php_flag engine off
</IfModule>
<IfModule mod_php7.c>
php_flag engine off
</IfModule>
\ No newline at end of file
sites/default/files/php/twig/5eb3c24a7454a_commerce-cart-empty-page._pe0BCm4XhsKafvkSmBahv9j0d/WQfh-_42GjsX0t-aj1F1B5iNgqc3xcSjw0CiAf-oSlY.php 0 → 100644
View file @ fc5edbad
<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* modules/contrib/commerce/modules/cart/templates/commerce-cart-empty-page.html.twig */
class __TwigTemplate_ee5db480513849dc7adddddde1e2031dc62df8c853602d24096c6f3a7f33c796 extends \Twig\Template
{
public function __construct(Environment $env)
{
parent::__construct($env);
$this->parent = false;
$this->blocks = [
];
$this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
$tags = [];
$filters = ["t" => 11];
$functions = [];
try {
$this->sandbox->checkSecurity(
[],
['t'],
[]
);
} catch (SecurityError $e) {
$e->setSourceContext($this->getSourceContext());
if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
$e->setTemplateLine($tags[$e->getTagName()]);
} elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
$e->setTemplateLine($filters[$e->getFilterName()]);
} elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
$e->setTemplateLine($functions[$e->getFunctionName()]);
}
throw $e;
}
}
protected function doDisplay(array $context, array $blocks = [])
{
// line 10
echo "<div class=\"cart-empty-page\">
";
// line 11
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->renderVar(t("Your shopping cart is empty."));
echo "
</div>
";
}
public function getTemplateName()
{
return "modules/contrib/commerce/modules/cart/templates/commerce-cart-empty-page.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 58 => 11, 55 => 10,);
}
/** @deprecated since 1.27 (to be removed in 2.0). Use getSourceContext() instead */
public function getSource()
{
@trigger_error('The '.__METHOD__.' method is deprecated since version 1.27 and will be removed in 2.0. Use getSourceContext() instead.', E_USER_DEPRECATED);
return $this->getSourceContext()->getCode();
}
public function getSourceContext()
{
return new Source("{#
/**
* @file
*
* Empty cart page template.
*
* @ingroup themeable
*/
#}
<div class=\"cart-empty-page\">
{{ 'Your shopping cart is empty.'|t }}
</div>
", "modules/contrib/commerce/modules/cart/templates/commerce-cart-empty-page.html.twig", "/var/www/ptd.dev.invigroup.com/modules/contrib/commerce/modules/cart/templates/commerce-cart-empty-page.html.twig");
}
}
sites/default/files/php/twig/5eb3c24a7454a_views-mini-pager.html.twi_UzUDUslZknPvWr_I2w5YlcbMN/.htaccess 0 → 100644
View file @ fc5edbad
# Deny all requests from Apache 2.4+.
<IfModule mod_authz_core.c>
Require all denied
</IfModule>
# Deny all requests from Apache 2.0-2.2.
<IfModule !mod_authz_core.c>
Deny from all
</IfModule>
# Turn off all options we don't need.
Options -Indexes -ExecCGI -Includes -MultiViews
# Set the catch-all handler to prevent scripts from being executed.
SetHandler Drupal_Security_Do_Not_Remove_See_SA_2006_006
<Files *>
# Override the handler again if we're run later in the evaluation list.
SetHandler Drupal_Security_Do_Not_Remove_See_SA_2013_003
</Files>
# If we know how to do it safely, disable the PHP engine entirely.
<IfModule mod_php5.c>
php_flag engine off
</IfModule>
<IfModule mod_php7.c>
php_flag engine off
</IfModule>
\ No newline at end of file
sites/default/files/php/twig/5eb3c24a7454a_views-mini-pager.html.twi_UzUDUslZknPvWr_I2w5YlcbMN/MLY0GKjvPenY48vckr53SvBuLng2CIlQDPvgbuitMY4.php 0 → 100644
View file @ fc5edbad
<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* themes/contrib/bootstrap/templates/views/views-mini-pager.html.twig */
class __TwigTemplate_6072ff70a7271162373fd9d77419fa3f6314b3e29d6ace0f7370878ccda3c75d extends \Twig\Template
{
public function __construct(Environment $env)
{
parent::__construct($env);
$this->parent = false;
$this->blocks = [
];
$this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
$tags = ["if" => 14];
$filters = ["t" => 16, "escape" => 20, "without" => 20, "default" => 22];
$functions = [];
try {
$this->sandbox->checkSecurity(
['if'],
['t', 'escape', 'without', 'default'],
[]
);
} catch (SecurityError $e) {
$e->setSourceContext($this->getSourceContext());
if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
$e->setTemplateLine($tags[$e->getTagName()]);
} elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
$e->setTemplateLine($filters[$e->getFilterName()]);
} elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
$e->setTemplateLine($functions[$e->getFunctionName()]);
}
throw $e;
}
}
protected function doDisplay(array $context, array $blocks = [])
{
// line 14
if (($this->getAttribute(($context["items"] ?? null), "previous", []) || $this->getAttribute(($context["items"] ?? null), "next", []))) {
// line 15
echo " <nav role=\"navigation\" aria-labelledby=\"pagination-heading\">
<h4 class=\"sr-only\">";
// line 16
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->renderVar(t("Pagination"));
echo "</h4>
<ul class=\"pager js-pager__items\">
";
// line 18
if ($this->getAttribute(($context["items"] ?? null), "previous", [])) {
// line 19
echo " <li class=\"previous\">
<a href=\"";
// line 20
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->escapeFilter($this->env, $this->sandbox->ensureToStringAllowed($this->getAttribute($this->getAttribute(($context["items"] ?? null), "previous", []), "href", [])), "html", null, true);
echo "\" title=\"";
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->renderVar(t("Go to previous page"));
echo "\" rel=\"prev\"";
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->escapeFilter($this->env, $this->env->getExtension('Drupal\Core\Template\TwigExtension')->withoutFilter($this->sandbox->ensureToStringAllowed($this->getAttribute($this->getAttribute(($context["items"] ?? null), "previous", []), "attributes", [])), "href", "title", "rel"), "html", null, true);
echo ">
<span class=\"sr-only\">";
// line 21
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->renderVar(t("Previous page"));
echo "</span>
<span aria-hidden=\"true\">";
// line 22
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->escapeFilter($this->env, (($this->getAttribute($this->getAttribute(($context["items"] ?? null), "previous", [], "any", false, true), "text", [], "any", true, true)) ? (_twig_default_filter($this->sandbox->ensureToStringAllowed($this->getAttribute($this->getAttribute(($context["items"] ?? null), "previous", [], "any", false, true), "text", [])), t("‹‹"))) : (t("‹‹"))), "html", null, true);
echo "</span>
</a>
</li>
";
}
// line 26
echo " ";
if ($this->getAttribute(($context["items"] ?? null), "next", [])) {
// line 27
echo " <li class=\"next\">
<a href=\"";
// line 28
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->escapeFilter($this->env, $this->sandbox->ensureToStringAllowed($this->getAttribute($this->getAttribute(($context["items"] ?? null), "next", []), "href", [])), "html", null, true);
echo "\" title=\"";
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->renderVar(t("Go to next page"));
echo "\" rel=\"next\"";
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->escapeFilter($this->env, $this->env->getExtension('Drupal\Core\Template\TwigExtension')->withoutFilter($this->sandbox->ensureToStringAllowed($this->getAttribute($this->getAttribute(($context["items"] ?? null), "next", []), "attributes", [])), "href", "title", "rel"), "html", null, true);
echo ">
<span class=\"sr-only\">";
// line 29
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->renderVar(t("Next page"));
echo "</span>
<span aria-hidden=\"true\">";
// line 30
echo $this->env->getExtension('Drupal\Core\Template\TwigExtension')->escapeFilter($this->env, (($this->getAttribute($this->getAttribute(($context["items"] ?? null), "next", [], "any", false, true), "text", [], "any", true, true)) ? (_twig_default_filter($this->sandbox->ensureToStringAllowed($this->getAttribute($this->getAttribute(($context["items"] ?? null), "next", [], "any", false, true), "text", [])), t("››"))) : (t("››"))), "html", null, true);
echo "</span>
</a>
</li>
";
}
// line 34
echo " </ul>
</nav>
";
}
}
public function getTemplateName()
{
return "themes/contrib/bootstrap/templates/views/views-mini-pager.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 114 => 34, 107 => 30, 103 => 29, 95 => 28, 92 => 27, 89 => 26, 82 => 22, 78 => 21, 70 => 20, 67 => 19, 65 => 18, 60 => 16, 57 => 15, 55 => 14,);
}
/** @deprecated since 1.27 (to be removed in 2.0). Use getSourceContext() instead */
public function getSource()
{
@trigger_error('The '.__METHOD__.' method is deprecated since version 1.27 and will be removed in 2.0. Use getSourceContext() instead.', E_USER_DEPRECATED);
return $this->getSourceContext()->getCode();
}
public function getSourceContext()
{
return new Source("{#
/**
* @file
* Theme override for a views mini-pager.
*
* Available variables:
* - items: List of pager items.
*
* @ingroup templates
*
* @see template_preprocess_views_mini_pager()
*/
#}
{% if items.previous or items.next %}
<nav role=\"navigation\" aria-labelledby=\"pagination-heading\">
<h4 class=\"sr-only\">{{ 'Pagination'|t }}</h4>
<ul class=\"pager js-pager__items\">
{% if items.previous %}
<li class=\"previous\">
<a href=\"{{ items.previous.href }}\" title=\"{{ 'Go to previous page'|t }}\" rel=\"prev\"{{ items.previous.attributes|without('href', 'title', 'rel') }}>
<span class=\"sr-only\">{{ 'Previous page'|t }}</span>
<span aria-hidden=\"true\">{{ items.previous.text|default('‹‹'|t) }}</span>
</a>
</li>
{% endif %}
{% if items.next %}
<li class=\"next\">
<a href=\"{{ items.next.href }}\" title=\"{{ 'Go to next page'|t }}\" rel=\"next\"{{ items.next.attributes|without('href', 'title', 'rel') }}>
<span class=\"sr-only\">{{ 'Next page'|t }}</span>
<span aria-hidden=\"true\">{{ items.next.text|default('››'|t) }}</span>
</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
", "themes/contrib/bootstrap/templates/views/views-mini-pager.html.twig", "/var/www/ptd.dev.invigroup.com/themes/contrib/bootstrap/templates/views/views-mini-pager.html.twig");
}
}
sites/default/settings.php
View file @ fc5edbad
...@@ -335,7 +335,7 @@ ...@@ -335,7 +335,7 @@
* *
* Reverse proxy servers are often used to enhance the performance * Reverse proxy servers are often used to enhance the performance
* of heavily visited sites and may also provide other site caching, * of heavily visited sites and may also provide other site caching,
128.199.187.131 * security, or encryption benefits. In an environment where Drupal * security, or encryption benefits. In an environment where Drupal
* is behind a reverse proxy, the real IP address of the client should * is behind a reverse proxy, the real IP address of the client should
* be determined such that the correct client IP address is available * be determined such that the correct client IP address is available
* to Drupal's logging, statistics, and access management systems. In * to Drupal's logging, statistics, and access management systems. In
......
themes/contrib/bootstrap/templates/input/input--button.html.twig
View file @ fc5edbad
...@@ -22,18 +22,27 @@ ...@@ -22,18 +22,27 @@
* @see template_preprocess_input() * @see template_preprocess_input()
*/ */
#} #}
{% spaceless %} {% spaceless %}
{% {%
set classes = [ set classes = [
'btn', 'btn',
type == 'submit' ? 'js-form-submit', type == 'submit' ? 'js-form-submit',
icon and icon_position and not icon_only ? 'icon-' ~ icon_position, icon and icon_position and not icon_only ? 'icon-' ~ icon_position,
] ]
%} %}
{% block input %} {% block input %}
<button{{ attributes.addClass(classes, 'icon-only') }}> {% if icon and icon_only %}
<span>search</span> <button{{ attributes.addClass(classes, 'icon-only') }}>
</button> <span class="sr-only">{{ label }}</span>
{{ icon }}
{% endblock %} </button>
{% endspaceless %} {% else %}
{% if icon_position == 'after' %}
<button{{ attributes.addClass(classes) }}>{{ label }}{{ icon }}</button>{{ children }}
{% else %}
<button{{ attributes.addClass(classes) }}>{{ icon }}{{ label }}</button>{{ children }}
{% endif %}
{% endif %}
{{ children }}
{% endblock %}
{% endspaceless %}
themes/contrib/bootstrap/templates/menu/menu.html.twig
View file @ fc5edbad
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
{% set link_title = item.title %} {% set link_title = item.title %}
{% set link_attributes = item.link_attributes %} {% set link_attributes = item.link_attributes %}
{% if menu_level == 0 and item.is_expanded and item.below %} {% if menu_level == 0 and item.is_expanded and item.below %}
{% set link_title %}{{ link_title }} <span class="caret"></span>{% endset %} {% set link_title %}{{ link_title }}<i class="fa fa-chevron-right" aria-hidden="true"></i>{% endset %}
{% set link_attributes = link_attributes.addClass('dropdown-toggle').setAttribute('data-toggle', 'dropdown') %} {% set link_attributes = link_attributes.addClass('dropdown-toggle').setAttribute('data-toggle', 'dropdown') %}
{% endif %} {% endif %}
{# Must use link() here so it triggers hook_link_alter(). #} {# Must use link() here so it triggers hook_link_alter(). #}
......
themes/contrib/estore/css/styles.css
View file @ fc5edbad
...@@ -14,10 +14,74 @@ html { ...@@ -14,10 +14,74 @@ html {
} }
/* invi custom */ /* invi custom */
.middle-header-wrapper .container-fluid.fixed-top.no-toolbar{ header.navbar .category-menu ul.menu ul.dropdown-menu li:hover{
background: white ;
}
header.navbar .category-menu ul.menu ul.dropdown-menu li{
border: none ;
}
.menu--category-menu .open .dropdown-menu { /* menu lv2 */
display: flex;
flex-direction: row;
justify-content: space-around;
top: 0;
left: 97%;
/* width: 100%; */
text-align: center;
background: white !important;
/* height: 169%; */
}
.menu--category-menu .open .dropdown-menu li {
width: 150px;
}
.menu--category-menu .open .dropdown-menu li a{
font-weight: 600;
}
.menu--category-menu .open .dropdown-menu .dropdown-menu{/* menulv 3 */
display: flex;
flex-direction: column;
justify-content: flex-start;
top: 5px;
/* height: 102%; */
border: none;
left: 0;
position: relative;
}
.menu--category-menu .open .dropdown-menu .dropdown-menu li{/* menulv 3 */
padding: 5px 10px;
font-weight: 200;
}
.menu--category-menu .open .dropdown-menu .dropdown-menu li a{/* menulv 3 */
font-weight: 500;
}
.menu--category-menu .open .dropdown-menu li {
color : red
}
.pin_be .navbar-nav>li.open>.dropdown-menu {
display: flex;
flex-direction: column;
text-align: center;
align-items: flex-start;
padding: 24px 30px;
}
.pin_be .navbar-nav>li>.dropdown-menu li {
margin-left: 0 !important
}
header.navbar .main-menu ul.menu li.open ul a{
font-weight: 400;
display: block;
line-height: 32px;
text-transform: capitalize;
font-size: 13px;
}
.middle-header-wrapper .container-fluid.fixed-top.no-toolbar {
top: 0 top: 0
} }
.middle-header-wrapper .container-fluid.fixed-top{
.middle-header-wrapper .container-fluid.fixed-top {
position: fixed; position: fixed;
z-index: 200000; z-index: 200000;
top: 76px; top: 76px;
...@@ -26,37 +90,93 @@ html { ...@@ -26,37 +90,93 @@ html {
width: 100%; width: 100%;
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
} }
header.navbar .category-menu ul.menu.litte-menu{
height: 450px; header.navbar .category-menu ul.menu.litte-menu {
overflow: hidden; height: 455px;
/* // overflow: hidden; */
} }
.more-category{
/* text-align: center; */ .menu--category-menu .dropdown-toggle i{
text-transform: none; font-size: 14px;
color: #222222; font-weight: 300;
cursor: pointer; /* color: blue; */
display: block; /* float: right; */
font-family: Rubik, Arial, Helvetica, sans-serif; top: 15px;
font-size: 14px; position: absolute;
font-weight: 500; right: 38px;
padding: 15px 0 10px 0; }
text-decoration: none; .more-category, .less-category {
-webkit-transition: .3s ease; /* text-align: center; */
-moz-transition: .3s ease; text-transform: uppercase;
-ms-transition: .3s ease; color: #222222;
-o-transition: .3s ease; cursor: pointer;
transition: .3s ease; display: block;
} font-family: Rubik, Arial, Helvetica, sans-serif;
.more-category::before{ font-size: 14px;
/* position: absolute; font-weight: 500;
font-family: "Font Awesome 5 Pro"; padding: 15px 0 10px 0;
content: "\f055"; text-decoration: none;
top: 0; -webkit-transition: .3s ease;
right: 20px; -moz-transition: .3s ease;
font-size: 18px; -ms-transition: .3s ease;
pointer-events: none; */ -o-transition: .3s ease;
} transition: .3s ease;
.block-region-top-categories img{ background: #ff000026;
}
.more-category:hover {
color: red;
}
.more-category:hover::before {
color: red;
border: 1.5px solid red;
}
.more-category::before {
margin-top: 2px;
position: absolute;
font-family: FontAwesome;
content: "\f067";
top: 10px;
right: 19px;
font-size: 9px;
font-weight: 200;
pointer-events: none;
/* height: 10px; */
line-height: 15px;
width: 18px;
text-align: center;
border-radius: 50% 50%;
border: 1.5px solid black;
}
.less-category::before{
position: absolute;
font-family: FontAwesome;
content: "\f2d1";
top: 10px;
right: 19px;
font-size: 9px;
font-weight: 200;
pointer-events: none;
line-height: 11px;
padding-bottom: 4px;
width: 18px;
text-align: center;
border-radius: 50% 50%;
border: 1.5px solid black;
}
.less-category:hover::before {
color: red;
border: 1.5px solid red;
}
.less-category:hover {
color: red;
}
.block-region-top-categories img {
width: 100%; width: 100%;
height: 140px; height: 140px;
object-fit: cover; object-fit: cover;
...@@ -64,6 +184,7 @@ pointer-events: none; */ ...@@ -64,6 +184,7 @@ pointer-events: none; */
/* max-width: 350px; */ /* max-width: 350px; */
/* margin: 0 auto; */ /* margin: 0 auto; */
} }
.region.region-navigation { .region.region-navigation {
display: flex; display: flex;
/* justify-content: space-between; */ /* justify-content: space-between; */
...@@ -144,6 +265,7 @@ header .link_content a:hover { ...@@ -144,6 +265,7 @@ header .link_content a:hover {
border: 1px solid #e94337; border: 1px solid #e94337;
border-radius: 4px; border-radius: 4px;
padding: 5px 20px; padding: 5px 20px;
background: #e86c6c26;
} }
.pin_be { .pin_be {
...@@ -188,7 +310,7 @@ header.navbar .block-search-navigation { ...@@ -188,7 +310,7 @@ header.navbar .block-search-navigation {
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
} }
.search .input-group button { .search .input-group button {
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
border: 0; border: 0;
...@@ -206,7 +328,7 @@ header.navbar .block-search-navigation { ...@@ -206,7 +328,7 @@ header.navbar .block-search-navigation {
transition: 0.3s; transition: 0.3s;
} }
.search .input-group input { .search .input-group input {
border: 0; border: 0;
background: inherit; background: inherit;
width: 100%; width: 100%;
...@@ -239,12 +361,11 @@ header.navbar .block-search-navigation { ...@@ -239,12 +361,11 @@ header.navbar .block-search-navigation {
justify-content: flex-start !important; justify-content: flex-start !important;
} }
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon { .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
width: 35px !important; width: 35px !important;
height: 35px !important; height: 35px !important;
line-height: 35px !important; line-height: 35px !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
...@@ -298,31 +419,35 @@ header.navbar .block-search-navigation { ...@@ -298,31 +419,35 @@ header.navbar .block-search-navigation {
margin-left: auto; margin-left: auto;
} */ } */
} }
header.navbar .category-menu .block-title i{
header.navbar .category-menu .block-title i {
font-size: 22px font-size: 22px
} }
header.navbar .block-search-navigation .search-icon { header.navbar .block-search-navigation .search-icon {
display: none; display: none;
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
header.navbar div.block-search-navigation{ header.navbar div.block-search-navigation {
right: 75px !important right: 75px !important
} }
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper{
justify-content: flex-end !important;
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper {
justify-content: flex-end !important;
}
} }
/* invi 991 response */ /* invi 991 response */
@media (max-width: 991px) { @media (max-width: 991px) {
.search .input-group button{ .search .input-group button {
min-width: 20px !important; min-width: 20px !important;
} }
header.navbar .category-menu .block-title i{
header.navbar .category-menu .block-title i {
font-size: 14px font-size: 14px
} }
header .link_content { header .link_content {
width: 100%; width: 100%;
height: 40px; height: 40px;
...@@ -331,22 +456,27 @@ header.navbar .block-search-navigation .search-icon { ...@@ -331,22 +456,27 @@ header.navbar .block-search-navigation .search-icon {
font-size: 12px; font-size: 12px;
line-height: 39px !important; line-height: 39px !important;
} }
search .input-group button{
search .input-group button {
font-size: 10px !important; font-size: 10px !important;
width: 60px !important; width: 60px !important;
padding: 0 13px !important; padding: 0 13px !important;
min-width: 20px; min-width: 20px;
} }
header.navbar .block-search-navigation .search-icon:hover, header.navbar .block-search-navigation .search-icon.active{
header.navbar .block-search-navigation .search-icon:hover, header.navbar .block-search-navigation .search-icon.active {
color: black !important; color: black !important;
background: white !important; background: white !important;
} }
.search .input-group input{
.search .input-group input {
height: 30px !important height: 30px !important
} }
header.navbar .block-search-navigation .search-contents{
header.navbar .block-search-navigation .search-contents {
width: 245px !important; width: 245px !important;
} }
header.navbar .block-search-navigation .search-contents { header.navbar .block-search-navigation .search-contents {
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
...@@ -374,16 +504,19 @@ header.navbar .block-search-navigation .search-icon { ...@@ -374,16 +504,19 @@ header.navbar .block-search-navigation .search-icon {
header.navbar .block-search-navigation .search-contents .form-group { header.navbar .block-search-navigation .search-contents .form-group {
margin-bottom: 0; margin-bottom: 0;
} }
header.navbar .main-menu .toggle-wrap{
header.navbar .main-menu .toggle-wrap {
display: block !important; display: block !important;
} }
header.navbar .main-menu ul.menu li {
header.navbar .main-menu ul.menu li {
float: none !important; float: none !important;
width: 100%; width: 100%;
margin-left: 0 !important; margin-left: 0 !important;
padding: 0 20px; padding: 0 20px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;
} }
header.navbar .main-menu ul.menu { header.navbar .main-menu ul.menu {
position: absolute; position: absolute;
z-index: 999; z-index: 999;
...@@ -395,20 +528,25 @@ header.navbar .main-menu ul.menu li { ...@@ -395,20 +528,25 @@ header.navbar .main-menu ul.menu li {
margin: 0; margin: 0;
border-top: 3px solid #e94337; border-top: 3px solid #e94337;
background: #fff none repeat scroll 0 0; background: #fff none repeat scroll 0 0;
} }
.middle-header-wrapper .region-right-middle-header{
.middle-header-wrapper .region-right-middle-header {
margin-left: 20px !important; margin-left: 20px !important;
} }
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon{
margin: 0 ; .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
margin: 0;
padding: 0 padding: 0
} }
header.navbar .block-search-navigation .search-icon { header.navbar .block-search-navigation .search-icon {
display: inline; display: inline;
} }
header.navbar .block-search-navigation .search{
header.navbar .block-search-navigation .search {
display: none; display: none;
} }
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon { .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
margin-right: 0; margin-right: 0;
} }
...@@ -5041,8 +5179,8 @@ tbody.collapse.in { ...@@ -5041,8 +5179,8 @@ tbody.collapse.in {
border-radius: 0; border-radius: 0;
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */
font-size: 14px; font-size: 14px;
} }
...@@ -9990,29 +10128,32 @@ header.navbar .category-menu ul.menu { ...@@ -9990,29 +10128,32 @@ header.navbar .category-menu ul.menu {
border: 2px solid #e94337; border: 2px solid #e94337;
background: #fff none repeat scroll 0 0; background: #fff none repeat scroll 0 0;
} }
header.navbar .category-menu ul.menu.hide-block { header.navbar .category-menu ul.menu.hide-block {
display: none; display: none;
} }
header.navbar .category-menu ul.menu.hide-block-page { header.navbar .category-menu ul.menu.hide-block-page {
display: block; display: block;
} }
header.navbar .category-menu ul.menu li { header.navbar .category-menu ul.menu li {
position: relative; position: relative;
padding: 0 20px; /* padding: 0 20px; */
border-bottom: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06);
line-height: 40px; line-height: 40px;
text-transform: none; text-transform: none;
font-weight: 600; font-weight: 600;
margin: 0 1px; margin: 0 0px;
margin-left: 1px;
} }
header.navbar .category-menu ul.menu li:hover { header.navbar .category-menu ul.menu li:hover {
background: #f3f3f3 background: #f3f3f3
} }
header.navbar .category-menu ul.menu li a { header.navbar .category-menu ul.menu li a {
padding: 0; padding: 0 20px;
color: #333; color: #333;
} }
...@@ -10083,7 +10224,12 @@ header.navbar .main-menu ul.menu li a { ...@@ -10083,7 +10224,12 @@ header.navbar .main-menu ul.menu li a {
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
} }
header.navbar .main-menu ul.menu li a i{
font-size: 12px;
line-height: 13px
font-weight: 400;
padding-left: 6px;
}
header.navbar .main-menu ul.menu li a:hover { header.navbar .main-menu ul.menu li a:hover {
color: #e94337; color: #e94337;
} }
...@@ -10109,1519 +10255,1516 @@ header.navbar .main-menu ul.menu li a:hover { ...@@ -10109,1519 +10255,1516 @@ header.navbar .main-menu ul.menu li a:hover {
padding: 0 20px; padding: 0 20px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;
} }
} }
header.navbar .block-search-navigation { header.navbar .block-search-navigation {
/* position: relative; */ /* position: relative; */
/* float: right; */ /* float: right; */
/* padding: 0; */ /* padding: 0; */
/* border: 1px solid #e2e2e2; */ /* border: 1px solid #e2e2e2; */
/* font-size: 18px; */ /* font-size: 18px; */
/* order: 3; */ /* order: 3; */
/* right: 0; */ /* right: 0; */
/* flex: 1; */ /* flex: 1; */
/* padding: 0 25px; */ /* padding: 0 25px; */
} }
header.navbar .block-search-navigation .search-icon { header.navbar .block-search-navigation .search-icon {
padding: 0px 20px; padding: 0px 20px;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
color: #333; color: #333;
line-height: 55px; line-height: 55px;
} }
header.navbar .block-search-navigation .search-icon:hover, header.navbar .block-search-navigation .search-icon:hover,
header.navbar .block-search-navigation .search-icon.active { header.navbar .block-search-navigation .search-icon.active {
color: #fff; color: #fff;
background-color: #e94337; background-color: #e94337;
font-size: 18px; font-size: 18px;
} }
.header-region {
margin-bottom: 70px;
padding: 20px 0 10px;
background-color: #f6f7f7;
}
.header-region h1 {
margin: 0;
text-transform: uppercase;
color: #e94337;
}
.header-region { .header-region .breadcrumb {
margin-bottom: 70px; margin-bottom: 0;
padding: 20px 0 10px; background-color: transparent;
background-color: #f6f7f7; }
}
.header-region h1 { .header-region .breadcrumb>li a,
margin: 0; .header-region .breadcrumb>li+li:before {
text-transform: uppercase; color: #333;
color: #e94337; font-weight: 600;
} }
.header-region .breadcrumb { .header-region .breadcrumb>li a:hover {
margin-bottom: 0; color: #e94337;
background-color: transparent; }
}
.header-region .breadcrumb>li a, .header-region .breadcrumb>li.active {
.header-region .breadcrumb>li+li:before { color: #666;
color: #333; }
font-weight: 600;
}
.header-region .breadcrumb>li a:hover { .region-sidebar-first .block-title,
color: #e94337; .region-sidebar-second .block-title {
} position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
.header-region .breadcrumb>li.active { .region-sidebar-first .block-title span,
color: #666; .region-sidebar-second .block-title span {
} position: relative;
top: 1px;
display: inline-block;
padding-bottom: 10px;
border-bottom: 2px solid #e94337;
}
.region-sidebar-first .block-title, .region-sidebar-first nav ul.menu li,
.region-sidebar-second .block-title { .region-sidebar-second nav ul.menu li {
position: relative; position: relative;
margin-bottom: 30px; margin: 0 0 10px;
border-bottom: 1px solid #e2e2e2; padding: 0 0 5px 25px;
font-size: 15px; line-height: 24px;
font-weight: 700; }
}
.region-sidebar-first .block-title span, .region-sidebar-first nav ul.menu li a,
.region-sidebar-second .block-title span { .region-sidebar-second nav ul.menu li a {
position: relative; position: static;
top: 1px; padding: 0;
display: inline-block; color: #333;
padding-bottom: 10px; }
border-bottom: 2px solid #e94337;
}
.region-sidebar-first nav ul.menu li, .region-sidebar-first nav ul.menu li a:hover,
.region-sidebar-second nav ul.menu li { .region-sidebar-second nav ul.menu li a:hover {
position: relative; color: #e94337;
margin: 0 0 10px; }
padding: 0 0 5px 25px;
line-height: 24px;
}
.region-sidebar-first nav ul.menu li a, .region-sidebar-first nav ul.menu li a:hover:before,
.region-sidebar-second nav ul.menu li a { .region-sidebar-second nav ul.menu li a:hover:before {
position: static; color: inherit;
padding: 0; }
color: #333;
}
.region-sidebar-first nav ul.menu li a:hover, .region-sidebar-first nav ul.menu li a:before,
.region-sidebar-second nav ul.menu li a:hover { .region-sidebar-second nav ul.menu li a:before {
color: #e94337; position: absolute;
} top: 0;
left: 0;
content: "\f1db";
transition: color 0.3s ease-in-out;
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
.region-sidebar-first nav ul.menu li a:hover:before, .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul,
.region-sidebar-second nav ul.menu li a:hover:before { .region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul {
color: inherit; padding-left: 0;
} list-style-type: none;
}
.region-sidebar-first nav ul.menu li a:before, .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li,
.region-sidebar-second nav ul.menu li a:before { .region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li {
position: absolute; position: relative;
top: 0; margin: 0 0 10px;
left: 0; padding: 0 0 5px 25px;
content: "\f1db"; list-style-type: none;
transition: color 0.3s ease-in-out; line-height: 24px;
color: #888; }
font-family: "FontAwesome";
font-size: 14px;
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul, .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul { .region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a {
padding-left: 0; position: static;
list-style-type: none; padding: 0;
} color: #333;
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li, .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:hover,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li { .region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a:hover {
position: relative; color: #e94337;
margin: 0 0 10px; }
padding: 0 0 5px 25px;
list-style-type: none;
line-height: 24px;
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a, .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:hover:before,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a { .region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a:hover:before {
position: static; color: inherit;
padding: 0; }
color: #333;
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:hover, .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:before,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a:hover { .region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a:before {
color: #e94337; position: absolute;
} top: 0;
left: 0;
content: "";
transition: color 0.3s ease-in-out;
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:hover:before, .region-sidebar-first .block-views[class*="-archives"] .view-content ul,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a:hover:before { .region-sidebar-second .block-views[class*="-archives"] .view-content ul {
color: inherit; padding-left: 0;
} list-style-type: none;
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:before, .region-sidebar-first .block-views[class*="-archives"] .view-content ul li,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a:before { .region-sidebar-second .block-views[class*="-archives"] .view-content ul li {
position: absolute; position: relative;
top: 0; margin: 0 0 10px;
left: 0; padding: 0 0 5px 25px;
content: ""; list-style-type: none;
transition: color 0.3s ease-in-out; line-height: 24px;
color: #888; }
font-family: "FontAwesome";
font-size: 14px;
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul, .region-sidebar-first .block-views[class*="-archives"] .view-content ul li a,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul { .region-sidebar-second .block-views[class*="-archives"] .view-content ul li a {
padding-left: 0; position: static;
list-style-type: none; padding: 0;
} color: #333;
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li, .region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li { .region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:hover {
position: relative; color: #e94337;
margin: 0 0 10px; }
padding: 0 0 5px 25px;
list-style-type: none;
line-height: 24px;
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a, .region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover:before,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a { .region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:hover:before {
position: static; color: inherit;
padding: 0; }
color: #333;
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover, .region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:before,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:hover { .region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:before {
color: #e94337; position: absolute;
} top: 0;
left: 0;
content: "";
transition: color 0.3s ease-in-out;
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover:before, .region-sidebar-first .block-views .view-display-id-block_products ul,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:hover:before { .region-sidebar-second .block-views .view-display-id-block_products ul {
color: inherit; padding-left: 0;
} }
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:before, .region-sidebar-first .block-views .view-display-id-block_products ul li,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:before { .region-sidebar-second .block-views .view-display-id-block_products ul li {
position: absolute; margin-bottom: 10px;
top: 0; padding-bottom: 10px;
left: 0; list-style-type: none;
content: ""; border-bottom: 1px solid #e1e1e1;
transition: color 0.3s ease-in-out; }
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
.region-sidebar-first .block-views .view-display-id-block_products ul, .region-sidebar-first .block-views .view-display-id-block_products ul li:last-child,
.region-sidebar-second .block-views .view-display-id-block_products ul { .region-sidebar-second .block-views .view-display-id-block_products ul li:last-child {
padding-left: 0; border-bottom: none;
} }
.region-sidebar-first .block-views .view-display-id-block_products ul li, .footer {
.region-sidebar-second .block-views .view-display-id-block_products ul li { padding: 50px 0 0 0;
margin-bottom: 10px; background-color: #f6f7f7;
padding-bottom: 10px; }
list-style-type: none;
border-bottom: 1px solid #e1e1e1;
}
.region-sidebar-first .block-views .view-display-id-block_products ul li:last-child, .footer .block .block-title {
.region-sidebar-second .block-views .view-display-id-block_products ul li:last-child { position: relative;
border-bottom: none; margin-bottom: 30px;
} border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
.footer { .footer .block .block-title span {
padding: 50px 0 0 0; position: relative;
background-color: #f6f7f7; top: 1px;
} display: inline-block;
padding-bottom: 10px;
border-bottom: 2px solid #e94337;
}
.footer .block .block-title { .footer .footer-top {
position: relative; padding-bottom: 50px;
margin-bottom: 30px; }
border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
.footer .block .block-title span { .footer .footer-top nav ul.menu li {
position: relative; position: relative;
top: 1px; margin: 0 0 10px;
display: inline-block; padding: 0 0 5px 25px;
padding-bottom: 10px; line-height: 24px;
border-bottom: 2px solid #e94337; }
}
.footer .footer-top { .footer .footer-top nav ul.menu li a {
padding-bottom: 50px; position: static;
} padding: 0;
color: #333;
}
.footer .footer-top nav ul.menu li { .footer .footer-top nav ul.menu li a:hover {
position: relative; color: #e94337;
margin: 0 0 10px; }
padding: 0 0 5px 25px;
line-height: 24px;
}
.footer .footer-top nav ul.menu li a { .footer .footer-top nav ul.menu li a:hover:before {
position: static; color: inherit;
padding: 0; }
color: #333;
}
.footer .footer-top nav ul.menu li a:hover { .footer .footer-top nav ul.menu li a:before {
color: #e94337; position: absolute;
} top: 0;
left: 0;
content: "\f1db";
transition: color 0.3s ease-in-out;
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
.footer .footer-top nav ul.menu li a:hover:before { .footer .footer-bottom {
color: inherit; padding: 10px 0;
} background-color: #e9ebeb;
font-size: 12px;
}
.footer .footer-top nav ul.menu li a:before { .footer .footer-bottom .footer-bottom-left,
position: absolute; .footer .footer-bottom .footer-bottom-right {
top: 0; float: left;
left: 0; }
content: "\f1db";
transition: color 0.3s ease-in-out;
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
.footer .footer-bottom .footer-bottom-left>div,
.footer .footer-bottom .footer-bottom-right>div {
display: inline-block;
margin: 0 10px;
}
.footer .footer-bottom .footer-bottom-right {
float: right;
}
@media (max-width: 767px) {
.footer .footer-bottom { .footer .footer-bottom {
padding: 10px 0; text-align: center;
background-color: #e9ebeb;
font-size: 12px;
} }
.footer .footer-bottom .footer-bottom-left, .footer .footer-bottom .footer-bottom-left,
.footer .footer-bottom .footer-bottom-right { .footer .footer-bottom .footer-bottom-right {
float: left; float: none;
margin-bottom: 5px;
} }
}
.footer .footer-bottom .footer-bottom-left>div, .estore-homepage-first .layout__region--blog-news {
.footer .footer-bottom .footer-bottom-right>div { margin: 30px 0 0;
display: inline-block; padding: 40px 0;
margin: 0 10px; background-color: #f6f7f7;
} }
.footer .footer-bottom .footer-bottom-right { .estore-homepage-first .layout__region--blog-news .block-title {
float: right; margin: 0 0 24px;
} text-align: center;
text-transform: uppercase;
font-size: 20px;
}
@media (max-width: 767px) { .estore-homepage-first .layout__region--blog-news article {
.footer .footer-bottom { margin-bottom: 20px;
text-align: center; }
}
.footer .footer-bottom .footer-bottom-left, .estore-homepage-first .layout__region--blog-news article h2 {
.footer .footer-bottom .footer-bottom-right { font-size: 18px;
float: none; }
margin-bottom: 5px;
}
}
.estore-homepage-first .layout__region--blog-news { .estore-homepage-first .features-products-carousel {
margin: 30px 0 0; margin: 30px 0 0;
padding: 40px 0; }
background-color: #f6f7f7;
}
.estore-homepage-first .layout__region--blog-news .block-title { .estore-homepage-first .features-products-carousel .product-item {
margin: 0 0 24px; margin-bottom: 20px;
text-align: center; }
text-transform: uppercase;
font-size: 20px;
}
.estore-homepage-first .layout__region--blog-news article { .estore-homepage-first .features-products-carousel .featured-top {
margin-bottom: 20px; position: relative;
} margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e2e2e2;
}
.estore-homepage-first .layout__region--blog-news article h2 { .estore-homepage-first .features-products-carousel .featured-top .featured-title h3,
font-size: 18px; .estore-homepage-first .features-products-carousel .featured-top .featured-title h4 {
} position: relative;
display: inline-block;
margin: 0;
}
.estore-homepage-first .features-products-carousel { .estore-homepage-first .features-products-carousel .featured-top .featured-title h3 {
margin: 30px 0 0; font-size: 20px;
} }
.estore-homepage-first .features-products-carousel .product-item { .estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after {
margin-bottom: 20px; position: absolute;
} bottom: -12px;
left: 0;
width: 100%;
height: 2px;
content: "";
background: #e94337;
}
.estore-homepage-first .features-products-carousel .featured-top { .estore-homepage-first .features-products-carousel .featured-top .featured-title h4 {
position: relative; margin: 0 0 0 15px;
margin-bottom: 20px; padding-left: 15px;
padding-bottom: 10px; color: #aaa;
border-bottom: 1px solid #e2e2e2; font-size: 13px;
} font-weight: normal;
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3, .estore-homepage-first .features-products-carousel .featured-top .featured-title h4:before {
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4 { position: absolute;
position: relative; top: 0;
display: inline-block; left: 0;
margin: 0; content: "/";
} }
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3 { .estore-homepage-first .features-products-carousel .featured-top .carousel-controls {
font-size: 20px; position: absolute;
} top: 0;
right: 0;
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after { .estore-homepage-first .features-products-carousel .featured-top .carousel-controls a {
position: absolute; display: inline-block;
bottom: -12px; width: 25px;
left: 0; height: 25px;
width: 100%; margin-left: 5px;
height: 2px; text-align: center;
content: ""; color: #e2e2e2;
background: #e94337; border: 1px solid #e2e2e2;
} font-size: 14px;
line-height: 22px;
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover {
color: #fff;
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover {
border-color: #e94337;
background-color: #e94337;
}
@media (max-width: 767px) {
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3,
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4 { .estore-homepage-first .features-products-carousel .featured-top .featured-title h4 {
margin: 0 0 0 15px; display: block;
padding-left: 15px; margin-bottom: 5px;
color: #aaa; text-align: center;
font-size: 13px;
font-weight: normal;
} }
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after,
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4:before { .estore-homepage-first .features-products-carousel .featured-top .featured-title h4:before {
position: absolute; content: none;
top: 0;
left: 0;
content: "/";
} }
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls { .estore-homepage-first .features-products-carousel .featured-top .carousel-controls {
position: absolute; position: static;
top: 0;
right: 0;
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a {
display: inline-block;
width: 25px;
height: 25px;
margin-left: 5px;
text-align: center; text-align: center;
color: #e2e2e2;
border: 1px solid #e2e2e2;
font-size: 14px;
line-height: 22px;
} }
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover { .estore-homepage-first .slider-carousel {
color: #fff; position: relative;
} }
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover { @media (max-width: 1199px) {
border-color: #e94337; .estore-homepage-first .slider-carousel {
background-color: #e94337; max-width: 870px;
margin: 0 auto 20px;
} }
}
.estore-homepage-first .slider-carousel .carousel-controls {
position: absolute;
z-index: 10;
top: 50%;
width: 100%;
}
.estore-homepage-first .slider-carousel .carousel-controls .left,
.estore-homepage-first .slider-carousel .carousel-controls .right {
display: block;
width: 0;
height: 0;
transition: all 0.5s ease-in-out;
transform: translateY(-50%);
color: #fff;
border-top: 30px solid transparent;
border-right: 30px solid #e94337;
border-bottom: 30px solid transparent;
border-left: 30px solid #e94337;
font-size: 16px;
line-height: 0;
}
@media (max-width: 767px) { .estore-homepage-first .slider-carousel .carousel-controls .left i,
.estore-homepage-first .slider-carousel .carousel-controls .right i {
display: block;
margin-top: -10px;
margin-left: -22px;
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3, .estore-homepage-first .slider-carousel .carousel-controls .left:hover,
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4 { .estore-homepage-first .slider-carousel .carousel-controls .right:hover {
display: block; border-right-color: #333;
margin-bottom: 5px; border-left-color: #333;
text-align: center; }
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after, .estore-homepage-first .slider-carousel .carousel-controls .left {
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4:before { float: left;
content: none; border-right: transparent;
} }
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls { .estore-homepage-first .slider-carousel .carousel-controls .right {
position: static; float: right;
text-align: center; border-right: 30px solid #e94337;
} border-left: transparent;
} }
.estore-homepage-first .slider-carousel { .estore-homepage-first .slider-carousel .carousel-controls .right i {
position: relative; margin-left: 17px;
} }
@media (max-width: 1199px) { @media (min-width: 768px) and (max-width: 1199px) {
.estore-homepage-first .slider-carousel { .estore-homepage-first .layout__region--top-categories .view-content {
max-width: 870px; margin-right: -15px;
margin: 0 auto 20px; margin-left: -15px;
}
} }
.estore-homepage-first .slider-carousel .carousel-controls { .estore-homepage-first .layout__region--top-categories .view-content .views-row {
position: absolute; position: relative;
z-index: 10; float: left;
top: 50%; min-height: 1px;
width: 100%; padding-right: 15px;
padding-left: 15px;
} }
.estore-homepage-first .slider-carousel .carousel-controls .left, .estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(1) {
.estore-homepage-first .slider-carousel .carousel-controls .right { width: 33.33333%;
display: block;
width: 0;
height: 0;
transition: all 0.5s ease-in-out;
transform: translateY(-50%);
color: #fff;
border-top: 30px solid transparent;
border-right: 30px solid #e94337;
border-bottom: 30px solid transparent;
border-left: 30px solid #e94337;
font-size: 16px;
line-height: 0;
} }
.estore-homepage-first .slider-carousel .carousel-controls .left i, .estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(2) {
.estore-homepage-first .slider-carousel .carousel-controls .right i { width: 33.33333%;
display: block;
margin-top: -10px;
margin-left: -22px;
} }
.estore-homepage-first .slider-carousel .carousel-controls .left:hover, .estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(3) {
.estore-homepage-first .slider-carousel .carousel-controls .right:hover { width: 33.33333%;
border-right-color: #333;
border-left-color: #333;
} }
}
.estore-homepage-first .slider-carousel .carousel-controls .left { .estore-homepage-first .layout__region--top-categories .taxonomy-term.teaser {
float: left; height: 100%;
border-right: transparent; max-height: 260px;
} }
.estore-homepage-first .slider-carousel .carousel-controls .right { .estore-homepage-first .top-region .top-region-inner {
float: right; margin: 30px 0 10px;
border-right: 30px solid #e94337; }
border-left: transparent;
}
.estore-homepage-first .slider-carousel .carousel-controls .right i { .estore-homepage-first .layout__region--product-categories {
margin-left: 17px; margin: 30px 0 0;
} }
@media (min-width: 768px) and (max-width: 1199px) { .estore-homepage-first .layout__region--product-categories .taxonomy-term {
.estore-homepage-first .layout__region--top-categories .view-content { margin-bottom: 20px;
margin-right: -15px; }
margin-left: -15px;
}
.estore-homepage-first .layout__region--top-categories .view-content .views-row { .estore-homepage-first .collection-region {
position: relative; margin: 30px 0 20px;
float: left; }
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(1) { .estore-homepage-first .collection-region .collection-banner img {
width: 33.33333%; display: block;
} max-width: 100%;
height: auto;
}
.estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(2) { .estore-homepage-first .collection-region .collection-hot-product .block-title {
width: 33.33333%; margin: 0;
} padding: 5px 0;
.estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(3) { text-align: center;
width: 33.33333%; text-transform: uppercase;
} color: #fff;
} background-color: #e94337;
font-size: 18px;
}
.estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product {
padding: 15px;
border: 1px solid #e2e2e2;
}
.estore-homepage-first .collection-region .collection-hot-product .field--name-body {
text-align: center;
}
.estore-homepage-first .layout__region--top-categories .taxonomy-term.teaser { .estore-homepage-first .collection-region .collection-title {
height: 100%; margin-bottom: 20px;
max-height: 260px; padding-bottom: 10px;
} border-bottom: 1px solid #e2e2e2;
}
.estore-homepage-first .top-region .top-region-inner { .estore-homepage-first .collection-region .collection-title .page-title,
margin: 30px 0 10px; .estore-homepage-first .collection-region .collection-title .page-sub-title,
} .estore-homepage-first .collection-region .collection-title .collection-right {
display: inline-block;
}
.estore-homepage-first .layout__region--product-categories { .estore-homepage-first .collection-region .collection-title .page-title {
margin: 30px 0 0; position: relative;
} margin: 0;
}
.estore-homepage-first .layout__region--product-categories .taxonomy-term { .estore-homepage-first .collection-region .collection-title .page-title a {
margin-bottom: 20px; color: #333;
} }
.estore-homepage-first .collection-region { .estore-homepage-first .collection-region .collection-title .page-title a:hover {
margin: 30px 0 20px; color: #e94337;
} }
.estore-homepage-first .collection-region .collection-banner img { .estore-homepage-first .collection-region .collection-title .page-title:after {
display: block; position: absolute;
max-width: 100%; bottom: -12px;
height: auto; left: 0;
} width: 100%;
height: 2px;
content: "";
background: #e94337;
}
.estore-homepage-first .collection-region .collection-hot-product .block-title { .estore-homepage-first .collection-region .collection-title .page-sub-title {
margin: 0; position: relative;
padding: 5px 0; margin: 0 0 0 10px;
text-align: center; padding-left: 15px;
text-transform: uppercase; color: #7f7d7d;
color: #fff; font-size: 13px;
background-color: #e94337; font-weight: normal;
font-size: 18px; }
}
.estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product { .estore-homepage-first .collection-region .collection-title .page-sub-title:before {
padding: 15px; position: absolute;
border: 1px solid #e2e2e2; top: 0;
} left: 0;
content: "/";
}
.estore-homepage-first .collection-region .collection-hot-product .field--name-body { .estore-homepage-first .collection-region .collection-title .collection-right {
text-align: center; float: right;
} }
.estore-homepage-first .collection-region .collection-title { @media (max-width: 767px) {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e2e2e2;
}
.estore-homepage-first .collection-region .collection-title .page-title, .estore-homepage-first .collection-region .collection-title .page-title,
.estore-homepage-first .collection-region .collection-title .page-sub-title, .estore-homepage-first .collection-region .collection-title .page-sub-title,
.estore-homepage-first .collection-region .collection-title .collection-right { .estore-homepage-first .collection-region .collection-title .collection-right {
display: inline-block; display: block;
} margin-bottom: 5px;
text-align: center;
.estore-homepage-first .collection-region .collection-title .page-title {
position: relative;
margin: 0;
}
.estore-homepage-first .collection-region .collection-title .page-title a {
color: #333;
}
.estore-homepage-first .collection-region .collection-title .page-title a:hover {
color: #e94337;
} }
.estore-homepage-first .collection-region .collection-title .page-title:after { .estore-homepage-first .collection-region .collection-title .page-title:after {
position: absolute; content: none;
bottom: -12px;
left: 0;
width: 100%;
height: 2px;
content: "";
background: #e94337;
}
.estore-homepage-first .collection-region .collection-title .page-sub-title {
position: relative;
margin: 0 0 0 10px;
padding-left: 15px;
color: #7f7d7d;
font-size: 13px;
font-weight: normal;
} }
.estore-homepage-first .collection-region .collection-title .page-sub-title:before { .estore-homepage-first .collection-region .collection-title .page-sub-title:before {
position: absolute; content: none;
top: 0;
left: 0;
content: "/";
} }
.estore-homepage-first .collection-region .collection-title .collection-right { .estore-homepage-first .collection-region .collection-title .collection-right {
float: right; float: none;
} }
}
@media (max-width: 767px) { @media (min-width: 768px) and (max-width: 991px) {
.estore-homepage-first .collection-region .collection-title .page-title,
.estore-homepage-first .collection-region .collection-title .page-sub-title,
.estore-homepage-first .collection-region .collection-title .collection-right {
display: block;
margin-bottom: 5px;
text-align: center;
}
.estore-homepage-first .collection-region .collection-title .page-title:after {
content: none;
}
.estore-homepage-first .collection-region .collection-title .page-sub-title:before {
content: none;
}
.estore-homepage-first .collection-region .collection-title .collection-right { .estore-homepage-first .collection-region.first-collection-region .collection-banner,
float: none; .estore-homepage-first .collection-region.first-collection-region .collection-hot-product {
} margin-bottom: 20px;
} }
@media (min-width: 768px) and (max-width: 991px) { .estore-homepage-first .collection-region.second-collection-region .collection-products {
margin-bottom: 20px;
.estore-homepage-first .collection-region.first-collection-region .collection-banner,
.estore-homepage-first .collection-region.first-collection-region .collection-hot-product {
margin-bottom: 20px;
}
.estore-homepage-first .collection-region.second-collection-region .collection-products {
margin-bottom: 20px;
}
} }
}
@media (max-width: 767px) { @media (max-width: 767px) {
.estore-homepage-first .collection-region .collection-banner,
.estore-homepage-first .collection-region .collection-hot-product,
.estore-homepage-first .collection-region .collection-product {
margin-bottom: 10px;
}
.estore-homepage-first .collection-region .products-by-category>div:nth-child(1) .products-col { .estore-homepage-first .collection-region .collection-banner,
border-bottom: none; .estore-homepage-first .collection-region .collection-hot-product,
} .estore-homepage-first .collection-region .collection-product {
margin-bottom: 10px;
} }
.estore-homepage-first .products-by-category .products-col { .estore-homepage-first .collection-region .products-by-category>div:nth-child(1) .products-col {
padding: 15px; border-bottom: none;
border: 1px solid #e2e2e2;
} }
}
.estore-homepage-first .products-by-category .products-col .product-item { .estore-homepage-first .products-by-category .products-col {
margin-bottom: 7px; padding: 15px;
padding-bottom: 7px; border: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2; }
}
.estore-homepage-first .products-by-category .products-col .product-item:last-child { .estore-homepage-first .products-by-category .products-col .product-item {
margin-bottom: 0; margin-bottom: 7px;
padding-bottom: 0; padding-bottom: 7px;
border: none; border-bottom: 1px solid #e2e2e2;
} }
article.blog { .estore-homepage-first .products-by-category .products-col .product-item:last-child {
position: relative; margin-bottom: 0;
} padding-bottom: 0;
border: none;
}
article.blog h2 { article.blog {
text-transform: uppercase; position: relative;
} }
article.blog h2 a { article.blog h2 {
color: #333; text-transform: uppercase;
} }
article.blog h2 a:hover { article.blog h2 a {
color: #e94337; color: #333;
} }
article.blog .blog-top-wrapper { article.blog h2 a:hover {
position: relative; color: #e94337;
} }
article.blog .blog-top-wrapper .posted-on { article.blog .blog-top-wrapper {
position: absolute; position: relative;
top: 0; }
left: 0;
display: block;
width: 110px;
padding: 10px 0;
transition: background 0.3s ease;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #e94337 none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
font-style: normal;
line-height: 24px;
}
article.blog .blog-top-wrapper .posted-on:hover { article.blog .blog-top-wrapper .posted-on {
background-color: #333; position: absolute;
} top: 0;
left: 0;
display: block;
width: 110px;
padding: 10px 0;
transition: background 0.3s ease;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #e94337 none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
font-style: normal;
line-height: 24px;
}
article.blog .blog-middle-wrapper .author-meta, article.blog .blog-top-wrapper .posted-on:hover {
article.blog .blog-middle-wrapper .blog-category { background-color: #333;
display: inline-block; }
color: #7f7d7d;
}
article.blog .blog-middle-wrapper .author-meta a, article.blog .blog-middle-wrapper .author-meta,
article.blog .blog-middle-wrapper .blog-category a { article.blog .blog-middle-wrapper .blog-category {
color: #7f7d7d; display: inline-block;
font-weight: 600; color: #7f7d7d;
} }
article.blog .blog-middle-wrapper .author-meta a:hover, article.blog .blog-middle-wrapper .author-meta a,
article.blog .blog-middle-wrapper .blog-category a:hover { article.blog .blog-middle-wrapper .blog-category a {
color: #e94337; color: #7f7d7d;
} font-weight: 600;
}
article.blog .blog-middle-wrapper .author-meta>div, article.blog .blog-middle-wrapper .author-meta a:hover,
article.blog .blog-middle-wrapper .blog-category>div { article.blog .blog-middle-wrapper .blog-category a:hover {
display: inline-block; color: #e94337;
} }
article.blog .blog-middle-wrapper .author-meta .field--item, article.blog .blog-middle-wrapper .author-meta>div,
article.blog .blog-middle-wrapper .blog-category .field--item { article.blog .blog-middle-wrapper .blog-category>div {
display: inline-block; display: inline-block;
} }
article.blog .blog-middle-wrapper .author-meta .field--item:after, article.blog .blog-middle-wrapper .author-meta .field--item,
article.blog .blog-middle-wrapper .blog-category .field--item:after { article.blog .blog-middle-wrapper .blog-category .field--item {
content: ","; display: inline-block;
} }
article.blog .blog-middle-wrapper .author-meta .field--item:last-child:after, article.blog .blog-middle-wrapper .author-meta .field--item:after,
article.blog .blog-middle-wrapper .blog-category .field--item:last-child:after { article.blog .blog-middle-wrapper .blog-category .field--item:after {
content: ""; content: ",";
} }
article.blog .blog-middle-wrapper .author-meta { article.blog .blog-middle-wrapper .author-meta .field--item:last-child:after,
display: inline-block; article.blog .blog-middle-wrapper .blog-category .field--item:last-child:after {
margin: 10px 10px 10px 0; content: "";
padding-right: 10px; }
border-right: 2px solid #7f7d7d;
line-height: 15px;
}
article.blog.full { article.blog .blog-middle-wrapper .author-meta {
margin-bottom: 40px; display: inline-block;
} margin: 10px 10px 10px 0;
padding-right: 10px;
border-right: 2px solid #7f7d7d;
line-height: 15px;
}
article.blog.teaser { article.blog.full {
margin-top: 40px; margin-bottom: 40px;
padding-top: 40px; }
border-top: 1px solid #e4e4e4;
}
article.blog.teaser:first-child { article.blog.teaser {
margin-top: 20px; margin-top: 40px;
padding-top: 0; padding-top: 40px;
border: none; border-top: 1px solid #e4e4e4;
} }
article.blog.teaser .field--name-body { article.blog.teaser:first-child {
margin-bottom: 20px; margin-top: 20px;
} padding-top: 0;
border: none;
}
article.blog .node-readmore a { article.blog.teaser .field--name-body {
color: #7f7d7d; margin-bottom: 20px;
} }
article.blog .node-readmore a:hover { article.blog .node-readmore a {
color: #e94337; color: #7f7d7d;
} }
.slider.teaser { article.blog .node-readmore a:hover {
position: relative; color: #e94337;
} }
.slider.teaser .slider-title, .slider.teaser {
.slider.teaser .field--name-field-teaser-text { position: relative;
position: absolute; }
top: 40%;
width: 100%;
text-align: center;
text-shadow: 1px 1px 5px #333;
}
.slider.teaser .slider-title { .slider.teaser .slider-title,
margin: 10px 0; .slider.teaser .field--name-field-teaser-text {
transition: all 0.3s ease-in-out; position: absolute;
text-transform: uppercase; top: 40%;
color: #fff; width: 100%;
font-size: 32px; text-align: center;
line-height: 40px; text-shadow: 1px 1px 5px #333;
} }
.slider.teaser .slider-title:hover { .slider.teaser .slider-title {
/* color: #e94337; */ margin: 10px 0;
} transition: all 0.3s ease-in-out;
text-transform: uppercase;
color: #fff;
font-size: 32px;
line-height: 40px;
}
.slider.teaser .field--name-field-teaser-text { .slider.teaser .slider-title:hover {
top: 50%; /* color: #e94337; */
margin: 10px 0 20px; }
color: #fff;
font-size: 16px;
}
@media (max-width: 767px) { .slider.teaser .field--name-field-teaser-text {
.slider.teaser .slider-title { top: 50%;
top: 10%; margin: 10px 0 20px;
} color: #fff;
font-size: 16px;
}
.slider.teaser .field--name-field-teaser-text { @media (max-width: 767px) {
top: auto; .slider.teaser .slider-title {
bottom: 10%; top: 10%;
}
} }
.comment-item { .slider.teaser .field--name-field-teaser-text {
position: relative; top: auto;
margin-bottom: 20px; bottom: 10%;
} }
}
.comment-item.with-picture .right-sidebar { .comment-item {
padding-top: 10px; position: relative;
border: 1px solid #e2e2e2; margin-bottom: 20px;
} }
.comment-item.with-picture .left-sidebar img { .comment-item.with-picture .right-sidebar {
margin: 0 auto; padding-top: 10px;
} border: 1px solid #e2e2e2;
}
.comment-item.with-picture .field--name-user-picture { .comment-item.with-picture .left-sidebar img {
margin-bottom: 5px; margin: 0 auto;
} }
.comment-item mark { .comment-item.with-picture .field--name-user-picture {
position: absolute; margin-bottom: 5px;
z-index: 99; }
top: 14px;
right: 0;
}
.comment-item footer>p { .comment-item mark {
display: inline; position: absolute;
} z-index: 99;
top: 14px;
right: 0;
}
.comment-item .premalink a .text { .comment-item footer>p {
color: transparent; display: inline;
border: 0; }
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
.comment-form .filter-wrapper { .comment-item .premalink a .text {
display: none; color: transparent;
} border: 0;
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
.taxonomy-term.teaser { .comment-form .filter-wrapper {
position: relative; display: none;
overflow: hidden; }
}
.taxonomy-term.teaser img { .taxonomy-term.teaser {
transition: all 0.3s ease-in-out; position: relative;
} overflow: hidden;
}
.taxonomy-term.teaser .taxonomy-term-hover { .taxonomy-term.teaser img {
position: absolute; transition: all 0.3s ease-in-out;
top: 0; }
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.taxonomy-term.teaser .taxonomy-term-hover .taxonomy-term-title { .taxonomy-term.teaser .taxonomy-term-hover {
position: absolute; position: absolute;
bottom: 40px; top: 0;
width: 100%; left: 0;
padding: 0 20px; width: 100%;
transition: all 0.3s ease-in-out; height: 100%;
text-align: center; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
text-transform: uppercase; }
color: #fff;
font-size: 26px;
font-weight: bold;
}
.taxonomy-term.teaser .taxonomy-term-hover:after { .taxonomy-term.teaser .taxonomy-term-hover .taxonomy-term-title {
position: absolute; position: absolute;
top: 50%; bottom: 40px;
left: 50%; width: 100%;
width: 90%; padding: 0 20px;
height: 90%; transition: all 0.3s ease-in-out;
content: ""; text-align: center;
transform: translate(-50%, -50%); text-transform: uppercase;
border: 2px solid rgba(255, 255, 255, 0.7); color: #fff;
} font-size: 26px;
font-weight: bold;
}
.taxonomy-term.teaser:hover img { .taxonomy-term.teaser .taxonomy-term-hover:after {
transform: scale(1.1) rotate(-2deg); position: absolute;
} top: 50%;
left: 50%;
width: 90%;
height: 90%;
content: "";
transform: translate(-50%, -50%);
border: 2px solid rgba(255, 255, 255, 0.7);
}
.taxonomy-term.teaser:hover .taxonomy-term-hover .taxonomy-term-title { .taxonomy-term.teaser:hover img {
bottom: 50px; transform: scale(1.1) rotate(-2deg);
} }
@media (max-width: 767px) { .taxonomy-term.teaser:hover .taxonomy-term-hover .taxonomy-term-title {
.taxonomy-term.teaser { bottom: 50px;
max-width: 400px; }
margin: 0 auto;
}
}
article.commerce-product { @media (max-width: 767px) {
position: relative; .taxonomy-term.teaser {
max-width: 400px;
margin: 0 auto;
} }
}
article.commerce-product.full { article.commerce-product {
margin-bottom: 40px; position: relative;
} }
article.commerce-product.full .product-left { article.commerce-product.full {
margin-bottom: 10px; margin-bottom: 40px;
} }
article.commerce-product.full .product-right .product-title { article.commerce-product.full .product-left {
margin: 0 65px 10px 0; margin-bottom: 10px;
} }
article.commerce-product.full .product-right .field--name-price { article.commerce-product.full .product-right .product-title {
position: absolute; margin: 0 65px 10px 0;
z-index: 10; }
top: 0;
right: 15px;
color: #e94337;
font-size: 20px;
font-weight: bold;
}
article.commerce-product.full .product-right .field--name-variations:before, article.commerce-product.full .product-right .field--name-price {
article.commerce-product.full .product-right .field--name-variations:after { position: absolute;
display: table; z-index: 10;
content: " "; top: 0;
} right: 15px;
color: #e94337;
font-size: 20px;
font-weight: bold;
}
article.commerce-product.full .product-right .field--name-variations:after { article.commerce-product.full .product-right .field--name-variations:before,
clear: both; article.commerce-product.full .product-right .field--name-variations:after {
} display: table;
content: " ";
}
article.commerce-product.full .product-right .field--name-variations button { article.commerce-product.full .product-right .field--name-variations:after {
margin-bottom: 10px; clear: both;
} }
article.commerce-product.full .product-right .field--name-variations button[id*="edit-submit"]:after { article.commerce-product.full .product-right .field--name-variations button {
margin-left: 8px; margin-bottom: 10px;
content: "\f07a"; }
color: #fff;
font-family: "FontAwesome";
}
article.commerce-product.full .product-right .field--name-variations button[id*="wishlist"]:after { article.commerce-product.full .product-right .field--name-variations button[id*="edit-submit"]:after {
margin-left: 8px; margin-left: 8px;
content: "\f004"; content: "\f07a";
color: #fff; color: #fff;
font-family: "FontAwesome"; font-family: "FontAwesome";
} }
article.commerce-product.full .product-right .field--name-quantity { article.commerce-product.full .product-right .field--name-variations button[id*="wishlist"]:after {
float: left; margin-left: 8px;
margin-right: 15px; content: "\f004";
} color: #fff;
font-family: "FontAwesome";
}
article.commerce-product.full .product-right .field--name-quantity label { article.commerce-product.full .product-right .field--name-quantity {
display: none; float: left;
} margin-right: 15px;
}
article.commerce-product.full .product-right .field--name-quantity input[type="number"] { article.commerce-product.full .product-right .field--name-quantity label {
max-width: 70px; display: none;
} }
article.commerce-product.full .product-right .field--name-field-category { article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
margin: 10px 0; max-width: 70px;
padding-top: 10px; }
color: #7f7d7d;
border-top: 1px solid #e2e2e2;
}
article.commerce-product.full .product-right .field--name-field-category a { article.commerce-product.full .product-right .field--name-field-category {
color: #7f7d7d; margin: 10px 0;
font-weight: 600; padding-top: 10px;
} color: #7f7d7d;
border-top: 1px solid #e2e2e2;
}
article.commerce-product.full .product-right .field--name-field-category a:hover { article.commerce-product.full .product-right .field--name-field-category a {
color: #e94337; color: #7f7d7d;
} font-weight: 600;
}
article.commerce-product.full .product-right .field--name-field-category>div { article.commerce-product.full .product-right .field--name-field-category a:hover {
display: inline-block; color: #e94337;
} }
article.commerce-product.full .product-right .field--name-field-category .field--item { article.commerce-product.full .product-right .field--name-field-category>div {
display: inline-block; display: inline-block;
} }
article.commerce-product.full .product-right .field--name-field-category .field--item:after { article.commerce-product.full .product-right .field--name-field-category .field--item {
content: ","; display: inline-block;
} }
article.commerce-product.full .product-right .field--name-field-category .field--item:last-child:after { article.commerce-product.full .product-right .field--name-field-category .field--item:after {
content: ""; content: ",";
} }
article.commerce-product.full .product-bottom { article.commerce-product.full .product-right .field--name-field-category .field--item:last-child:after {
margin-top: 10px; content: "";
} }
article.commerce-product.full .product-bottom ul.nav-tabs { article.commerce-product.full .product-bottom {
margin-bottom: 0; margin-top: 10px;
padding-left: 1px; }
}
article.commerce-product.full .product-bottom .tab-title { article.commerce-product.full .product-bottom ul.nav-tabs {
margin-top: 0; margin-bottom: 0;
} padding-left: 1px;
}
article.commerce-product.full .product-bottom .tab-content { article.commerce-product.full .product-bottom .tab-title {
padding: 20px; margin-top: 0;
border: 1px solid #e2e2e2; }
border-top: none;
}
@media (max-width: 991px) { article.commerce-product.full .product-bottom .tab-content {
article.commerce-product.full .product-bottom { padding: 20px;
clear: both; border: 1px solid #e2e2e2;
} border-top: none;
} }
article.commerce-product.full .sales-tag { @media (max-width: 991px) {
position: absolute; article.commerce-product.full .product-bottom {
z-index: 9; clear: both;
top: 10px;
left: 10px;
width: 55px;
height: 55px;
text-align: center;
color: #fff;
border-radius: 100%;
background-color: #f65656;
font-size: 15px;
font-weight: bold;
line-height: 3.5;
} }
}
article.commerce-product.teaser-mini .product-image { article.commerce-product.full .sales-tag {
float: left; position: absolute;
max-width: 75px; z-index: 9;
max-height: 75px; top: 10px;
} left: 10px;
width: 55px;
height: 55px;
text-align: center;
color: #fff;
border-radius: 100%;
background-color: #f65656;
font-size: 15px;
font-weight: bold;
line-height: 3.5;
}
article.commerce-product.teaser-mini .product-right { article.commerce-product.teaser-mini .product-image {
float: left; float: left;
max-width: 180px; max-width: 75px;
margin-left: 15px; max-height: 75px;
} }
article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity { article.commerce-product.teaser-mini .product-right {
display: none; float: left;
} max-width: 180px;
margin-left: 15px;
}
article.commerce-product.teaser-mini .product-right .product-title { article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity {
margin: 0; display: none;
font-size: 12px; }
}
article.commerce-product.teaser-mini .product-right .product-title a { article.commerce-product.teaser-mini .product-right .product-title {
color: #333; margin: 0;
} font-size: 12px;
}
article.commerce-product.teaser-mini .product-right .product-title a:hover { article.commerce-product.teaser-mini .product-right .product-title a {
color: #e94337; color: #333;
} }
article.commerce-product.teaser-mini .product-right .field--name-price { article.commerce-product.teaser-mini .product-right .product-title a:hover {
color: #333; color: #e94337;
font-size: 12px; }
}
article.commerce-product.teaser-mini .product-right .field--name-variations:before, article.commerce-product.teaser-mini .product-right .field--name-price {
article.commerce-product.teaser-mini .product-right .field--name-variations:after { color: #333;
display: table; font-size: 12px;
content: " "; }
}
article.commerce-product.teaser-mini .product-right .field--name-variations:after { article.commerce-product.teaser-mini .product-right .field--name-variations:before,
clear: both; article.commerce-product.teaser-mini .product-right .field--name-variations:after {
} display: table;
content: " ";
}
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"], article.commerce-product.teaser-mini .product-right .field--name-variations:after {
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"] { clear: both;
position: relative; }
color: transparent;
border: 0;
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:after, article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"],
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:after { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"] {
top: 0; position: relative;
left: 0; color: transparent;
display: inline-block; border: 0;
width: 26px; background-color: transparent;
height: 26px; text-shadow: none;
margin: 0 0 0 -20px; font: 0/0 a;
transition: all 0.3s ease-in-out; }
color: #e94337;
border: 1px solid #e94337;
font-family: "FontAwesome";
font-size: 14px;
line-height: 26px;
}
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:hover:after, article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:after,
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:hover:after { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:after {
color: #fff; top: 0;
background-color: #e94337; left: 0;
} display: inline-block;
width: 26px;
height: 26px;
margin: 0 0 0 -20px;
transition: all 0.3s ease-in-out;
color: #e94337;
border: 1px solid #e94337;
font-family: "FontAwesome";
font-size: 14px;
line-height: 26px;
}
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:after { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:hover:after,
content: "\f07a"; article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:hover:after {
} color: #fff;
background-color: #e94337;
}
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:after { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:after {
content: "\f004"; content: "\f07a";
} }
article.commerce-product.teaser-mini .product-right .field--name-variations .form-group { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:after {
margin: 0; content: "\f004";
} }
article.commerce-product.teaser-mini .product-right .field--name-variations div[id*="actions"] { article.commerce-product.teaser-mini .product-right .field--name-variations .form-group {
margin-left: 10px; margin: 0;
} }
article.commerce-product.teaser-micro a { article.commerce-product.teaser-mini .product-right .field--name-variations div[id*="actions"] {
display: block; margin-left: 10px;
color: #333; }
}
article.commerce-product.teaser-micro a:hover { article.commerce-product.teaser-micro a {
color: #e94337; display: block;
} color: #333;
}
article.commerce-product.teaser-micro a img { article.commerce-product.teaser-micro a:hover {
float: right; color: #e94337;
width: 32px; }
}
article.commerce-product.teaser-micro a .product-title { article.commerce-product.teaser-micro a img {
font-weight: bold; float: right;
} width: 32px;
}
article.commerce-product.teaser-micro .field--name-price { article.commerce-product.teaser-micro a .product-title {
color: #333; font-weight: bold;
} }
article.commerce-product.teaser:hover .product-image .products-hover-wrapper { article.commerce-product.teaser-micro .field--name-price {
opacity: 1; color: #333;
} }
article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] { article.commerce-product.teaser:hover .product-image .products-hover-wrapper {
opacity: 1; opacity: 1;
} }
@media (max-width: 991px) { article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
article.commerce-product.teaser { opacity: 1;
margin-bottom: 10px; }
}
}
article.commerce-product.teaser .product-image { @media (max-width: 991px) {
position: relative; article.commerce-product.teaser {
margin-bottom: 10px;
} }
}
article.commerce-product.teaser .product-image .products-hover-wrapper { article.commerce-product.teaser .product-image {
position: absolute; position: relative;
z-index: 5; }
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.5s ease-in-out;
opacity: 0;
background-color: rgba(0, 0, 0, 0.6);
}
article.commerce-product.teaser .product-title { article.commerce-product.teaser .product-image .products-hover-wrapper {
margin: 10px 0 0; position: absolute;
padding: 0; z-index: 5;
text-align: center; top: 0;
font-size: 15px; right: 0;
} bottom: 0;
left: 0;
transition: all 0.5s ease-in-out;
opacity: 0;
background-color: rgba(0, 0, 0, 0.6);
}
article.commerce-product.teaser .product-title a { article.commerce-product.teaser .product-title {
color: #333; margin: 10px 0 0;
} padding: 0;
text-align: center;
font-size: 15px;
}
article.commerce-product.teaser .product-title a:hover { article.commerce-product.teaser .product-title a {
color: #e94337; color: #333;
} }
article.commerce-product.teaser .field--name-quantity { article.commerce-product.teaser .product-title a:hover {
display: none; color: #e94337;
} }
article.commerce-product.teaser .field--name-price { article.commerce-product.teaser .field--name-quantity {
margin-bottom: 0; display: none;
text-align: center; }
color: #333;
line-height: 1.8;
}
article.commerce-product.teaser .field--name-price .field--label, article.commerce-product.teaser .field--name-price {
article.commerce-product.teaser .field--name-price .field--item { margin-bottom: 0;
display: inline-block; text-align: center;
} color: #333;
line-height: 1.8;
}
article.commerce-product.teaser .field--name-price .field--label { article.commerce-product.teaser .field--name-price .field--label,
float: none; article.commerce-product.teaser .field--name-price .field--item {
font-weight: normal; display: inline-block;
} }
article.commerce-product.teaser .sales-tag { article.commerce-product.teaser .field--name-price .field--label {
position: absolute; float: none;
z-index: 99; font-weight: normal;
top: 30px; }
right: 0;
left: auto;
display: inline-block;
padding: 2px 20px;
text-transform: uppercase;
color: #fff;
background: #f65656;
}
article.commerce-product.teaser .sales-tag:after, article.commerce-product.teaser .sales-tag {
article.commerce-product.teaser .sales-tag:before { position: absolute;
position: absolute; z-index: 99;
top: 0; top: 30px;
left: -10px; right: 0;
content: ""; left: auto;
border-top: 0 solid transparent; display: inline-block;
border-right: 10px solid #f65656; padding: 2px 20px;
border-bottom: 13px solid transparent; text-transform: uppercase;
} color: #fff;
background: #f65656;
}
article.commerce-product.teaser .sales-tag:after { article.commerce-product.teaser .sales-tag:after,
top: auto; article.commerce-product.teaser .sales-tag:before {
bottom: 0; position: absolute;
border-top: 13px solid transparent; top: 0;
border-right: 10px solid #f65656; left: -10px;
border-bottom: 0 solid transparent; content: "";
} border-top: 0 solid transparent;
border-right: 10px solid #f65656;
border-bottom: 13px solid transparent;
}
article.commerce-product.teaser .form-actions { article.commerce-product.teaser .sales-tag:after {
text-align: center; top: auto;
} bottom: 0;
border-top: 13px solid transparent;
border-right: 10px solid #f65656;
border-bottom: 0 solid transparent;
}
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] { article.commerce-product.teaser .form-actions {
position: absolute; text-align: center;
z-index: 10; }
top: 25%;
left: 50%;
width: 40px;
height: 40px;
transition: all 0.5s ease-in-out;
opacity: 0;
color: transparent;
border: 0;
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
@media (max-width: 991px) { article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] { position: absolute;
top: 35%; z-index: 10;
} top: 25%;
} left: 50%;
width: 40px;
height: 40px;
transition: all 0.5s ease-in-out;
opacity: 0;
color: transparent;
border: 0;
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:before { @media (max-width: 991px) {
position: absolute; article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
top: 0; top: 35%;
left: 0;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 0 0 -20px;
content: "\f07a";
transition: all 0.3s ease-in-out;
color: #fff;
border: 1px solid #fff;
font-family: "FontAwesome";
font-size: 16px;
line-height: 36px;
} }
}
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:hover:before { article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:before {
border-color: #e94337; position: absolute;
background-color: #e94337; top: 0;
} left: 0;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 0 0 -20px;
content: "\f07a";
transition: all 0.3s ease-in-out;
color: #fff;
border: 1px solid #fff;
font-family: "FontAwesome";
font-size: 16px;
line-height: 36px;
}
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="wishlist"]:after { article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:hover:before {
margin-left: 8px; border-color: #e94337;
content: "\f004"; background-color: #e94337;
color: #fff; }
font-family: "FontAwesome";
}
.related-products { article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="wishlist"]:after {
margin-bottom: 20px; margin-left: 8px;
} content: "\f004";
color: #fff;
font-family: "FontAwesome";
}
.related-products .block-title { .related-products {
position: relative; margin-bottom: 20px;
margin-bottom: 30px; }
border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
.related-products .block-title span { .related-products .block-title {
position: relative; position: relative;
top: 1px; margin-bottom: 30px;
display: inline-block; border-bottom: 1px solid #e2e2e2;
padding-bottom: 10px; font-size: 15px;
border-bottom: 2px solid #e94337; font-weight: 700;
} }
.related-products .block-title span {
position: relative;
top: 1px;
display: inline-block;
padding-bottom: 10px;
border-bottom: 2px solid #e94337;
}
/** /**
* jQuery UI autocomplete widget style overrides. * jQuery UI autocomplete widget style overrides.
* *
* $todo Remove once jQuery UI is no longer used? * $todo Remove once jQuery UI is no longer used?
*/ */
.ui-autocomplete { .ui-autocomplete {
z-index: 1000; z-index: 1000;
min-width: 160px; min-width: 160px;
padding: 5px 0; padding: 5px 0;
list-style: none; list-style: none;
text-align: left; text-align: left;
color: inherit; color: inherit;
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0; border-radius: 0;
background: #fff; background: #fff;
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
} }
.ui-autocomplete .ui-menu-item { .ui-autocomplete .ui-menu-item {
display: block; display: block;
clear: both; clear: both;
margin: 0; margin: 0;
padding: 3px 20px; padding: 3px 20px;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
text-decoration: none; text-decoration: none;
color: #666; color: #666;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
outline: 0; outline: 0;
font-weight: normal; font-weight: normal;
line-height: 1.42857; line-height: 1.42857;
} }
.ui-autocomplete .ui-menu-item.ui-state-hover { .ui-autocomplete .ui-menu-item.ui-state-hover {
color: #595959; color: #595959;
background: transparent; background: transparent;
} }
.ui-autocomplete .ui-menu-item.ui-state-active, .ui-autocomplete .ui-menu-item.ui-state-active,
.ui-autocomplete .ui-menu-item.ui-state-focus { .ui-autocomplete .ui-menu-item.ui-state-focus {
color: #fff; color: #fff;
background: #e94337; background: #e94337;
} }
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5,
h6 { h6 {
clear: both; clear: both;
font-weight: 700; font-weight: 700;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.page-header { .page-header {
margin-top: 10px; margin-top: 10px;
}
} }
}
ol, ol,
ul { ul {
padding-left: 1.5em; padding-left: 1.5em;
} }
.popover ol:last-child, .popover ol:last-child,
.popover ul:last-child { .popover ul:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
p:last-child, p:last-child,
.form-group:last-child, .form-group:last-child,
.panel:last-child { .panel:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.region-help>.glyphicon { .region-help>.glyphicon {
float: left; float: left;
margin: -0.05em 0.5em 0 0; margin: -0.05em 0.5em 0 0;
font-size: 18px; font-size: 18px;
} }
.region-help .block { .region-help .block {
overflow: hidden; overflow: hidden;
} }
.help-block, .help-block,
.control-group .help-inline { .control-group .help-inline {
margin: 5px 0 10px; margin: 5px 0 10px;
padding: 0; padding: 0;
color: #aaa; color: #aaa;
font-size: 12px; font-size: 12px;
} }
.help-block:first-child, .help-block:first-child,
.control-group .help-inline:first-child { .control-group .help-inline:first-child {
margin-top: 0; margin-top: 0;
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.container-fluid { .container-fluid {
width: 1430px; width: 1430px;
max-width: 100%; max-width: 100%;
}
} }
}
@media (max-width: 1199px) { @media (max-width: 1199px) {
.container-fluid { .container-fluid {
margin: 0 2%; margin: 0 2%;
}
} }
}
@media (max-width: 767px) { @media (max-width: 767px) {
.container>.navbar-header, .container>.navbar-header,
.container>.navbar-collapse, .container>.navbar-collapse,
.container-fluid>.navbar-header, .container-fluid>.navbar-header,
.container-fluid>.navbar-collapse { .container-fluid>.navbar-collapse {
margin: 0; margin: 0;
}
} }
}
.alert { .alert {
margin-top: 20px; margin-top: 20px;
} }
a { a {
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.btn { .btn {
padding: 7px 12px; padding: 7px 12px;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
font-size: 13px; font-size: 13px;
} }
label, label,
.field--label { .field--label {
color: #333; color: #333;
} }
themes/contrib/estore/js/custom.js
View file @ fc5edbad
...@@ -10,17 +10,26 @@ ...@@ -10,17 +10,26 @@
rightMenu.addClass("litte-menu"); rightMenu.addClass("litte-menu");
rightMenu.children('li').eq(lengthMenu - 1).after('<li class="less-category">Ẩn bớt </li>'); rightMenu.children('li').eq(lengthMenu - 1).after('<li class="less-category">Ẩn bớt </li>');
rightMenu.children('li').eq(9).after('<li class="more-category">Xem Thêm</li>'); rightMenu.children('li').eq(9).after('<li class="more-category">Xem Thêm</li>');
for (let i =11 ; i < lengthMenu + 2 ; i++){
rightMenu.children('li').eq(i).hide();
}
} }
$(".more-category").click(function() { $(".more-category").click(function() {
rightMenu.removeClass("litte-menu"); rightMenu.removeClass("litte-menu");
// rightMenu.append('<li class="less-category">Ẩn bớt </li>'); // rightMenu.append('<li class="less-category">Ẩn bớt </li>');
rightMenu.children('li').eq(10).hide(); rightMenu.children('li').eq(10).hide();
for (let i =11 ; i < lengthMenu + 2 ; i++){
rightMenu.children('li').eq(i).show();
}
}) })
$(".less-category").click(function() { $(".less-category").click(function() {
rightMenu.addClass("litte-menu"); rightMenu.addClass("litte-menu");
rightMenu.children('li').eq(10).show(); rightMenu.children('li').eq(10).show();
for (let i =11 ; i < lengthMenu + 2 ; i++){
rightMenu.children('li').eq(i).hide();
}
}) })
var checkHome = $(".estore-homepage-first"); var checkHome = $(".estore-homepage-first");
if ($(".toolbar-bar").length == 0){ if ($(".toolbar-bar").length == 0){
...@@ -30,8 +39,6 @@ ...@@ -30,8 +39,6 @@
$(".menu.menu--category-menu.nav").addClass('hide-block'); $(".menu.menu--category-menu.nav").addClass('hide-block');
} }
$(window).scroll(function () { $(window).scroll(function () {
console.log("scrollTop",$(window).scrollTop() )
// custom for ie
if($(window).scrollTop() > 130){ if($(window).scrollTop() > 130){
$(".middle-header-wrapper").children(".container-fluid").addClass("fixed-top"); $(".middle-header-wrapper").children(".container-fluid").addClass("fixed-top");
} }
...@@ -40,6 +47,24 @@ ...@@ -40,6 +47,24 @@
} }
}); });
if($(".pin").length != 0 ){
$(".pin").find("i.fa").removeClass("fa-chevron-right").addClass("fa-chevron-down");
}
$(".dropdown-toggle").mouseover(function(){
// $(this).parent("li.expanded.dropdown").click();
$(this).parent("li.expanded.dropdown").addClass("open");
})
$(".dropdown-menu").mouseover(function(){
$(this).parent("li.expanded.dropdown").addClass("open");
})
$(".dropdown-menu").mouseleave(function(){
$(this).parent("li.expanded.dropdown").removeClass("open");
})
$(".dropdown-toggle").mouseleave(function(){
// $(this).parent("li.expanded.dropdown").click();
$(this).parent("li.expanded.dropdown").removeClass("open");
})
// if(heightMenu > 400;)
})(window.jQuery, window.Drupal); })(window.jQuery, window.Drupal);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment