Skip to content

P
ptd
Commit aa9d1f1d authored by Chi Bui's avatar Chi Bui 👀
Browse files
Options

fix css

parent 5c31293f
Hide whitespace changes
Inline Side-by-side
Showing with 1409 additions and 1312 deletions
sites/default/settings.php
View file @ aa9d1f1d
...@@ -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
...@@ -767,10 +767,9 @@ ...@@ -767,10 +767,9 @@
include $app_root . '/' . $site_path . '/settings.local.php'; include $app_root . '/' . $site_path . '/settings.local.php';
} }
$databases['default']['default'] = array ( $databases['default']['default'] = array (
'database' => 'invi_estorequ', 'database' => 'estore',
'username' => 'user', 'username' => 'root',
'password' => '12345', 'password' => 'root',
'prefix' => '', 'prefix' => '',
'host' => 'localhost', 'host' => 'localhost',
'port' => '3306', 'port' => '3306',
......
themes/contrib/bootstrap/templates/input/input--button.html.twig
View file @ aa9d1f1d
...@@ -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/estore/css/styles.css
View file @ aa9d1f1d
...@@ -14,10 +14,28 @@ html { ...@@ -14,10 +14,28 @@ html {
} }
/* invi custom */ /* invi custom */
.middle-header-wrapper .container-fluid.fixed-top.no-toolbar{ .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 +44,84 @@ html { ...@@ -26,37 +44,84 @@ 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 {
height: 455px;
overflow: hidden; overflow: hidden;
} }
.more-category{
/* text-align: center; */ .more-category, .less-category {
text-transform: none; /* text-align: center; */
color: #222222; text-transform: uppercase;
cursor: pointer; color: #222222;
display: block; cursor: pointer;
font-family: Rubik, Arial, Helvetica, sans-serif; display: block;
font-size: 14px; font-family: Rubik, Arial, Helvetica, sans-serif;
font-weight: 500; font-size: 14px;
padding: 15px 0 10px 0; font-weight: 500;
text-decoration: none; padding: 15px 0 10px 0;
-webkit-transition: .3s ease; text-decoration: none;
-moz-transition: .3s ease; -webkit-transition: .3s ease;
-ms-transition: .3s ease; -moz-transition: .3s ease;
-o-transition: .3s ease; -ms-transition: .3s ease;
transition: .3s ease; -o-transition: .3s ease;
} transition: .3s ease;
.more-category::before{ background: #ff000026;
/* position: absolute; }
font-family: "Font Awesome 5 Pro";
content: "\f055"; .more-category:hover {
top: 0; color: red;
right: 20px;
font-size: 18px; }
pointer-events: none; */ .more-category:hover::before {
} color: red;
.block-region-top-categories img{ 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 +129,7 @@ pointer-events: none; */ ...@@ -64,6 +129,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; */
...@@ -188,7 +254,7 @@ header.navbar .block-search-navigation { ...@@ -188,7 +254,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 +272,7 @@ header.navbar .block-search-navigation { ...@@ -206,7 +272,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 +305,11 @@ header.navbar .block-search-navigation { ...@@ -239,12 +305,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 +363,35 @@ header.navbar .block-search-navigation { ...@@ -298,31 +363,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 +400,27 @@ header.navbar .block-search-navigation .search-icon { ...@@ -331,22 +400,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 +448,19 @@ header.navbar .block-search-navigation .search-icon { ...@@ -374,16 +448,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 +472,25 @@ header.navbar .main-menu ul.menu li { ...@@ -395,20 +472,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;
} }
...@@ -9990,9 +10072,11 @@ header.navbar .category-menu ul.menu { ...@@ -9990,9 +10072,11 @@ 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;
} }
...@@ -10004,13 +10088,14 @@ header.navbar .category-menu ul.menu li { ...@@ -10004,13 +10088,14 @@ header.navbar .category-menu ul.menu li {
line-height: 40px; line-height: 40px;
text-transform: none; text-transform: none;
font-weight: 600; font-weight: 600;
margin: 0 1px; margin: 0 0px;
/* text-transform: uppercase; */
} }
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;
color: #333; color: #333;
...@@ -10109,1519 +10194,1516 @@ header.navbar .main-menu ul.menu li a:hover { ...@@ -10109,1519 +10194,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; .footer .footer-bottom .footer-bottom-left>div,
color: #888; .footer .footer-bottom .footer-bottom-right>div {
font-family: "FontAwesome"; display: inline-block;
font-size: 14px; 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;
} }
}
@media (max-width: 767px) { .estore-homepage-first .slider-carousel .carousel-controls {
position: absolute;
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3, z-index: 10;
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4 { top: 50%;
display: block; width: 100%;
margin-bottom: 5px; }
text-align: center;
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after,
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4:before {
content: none;
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls { .estore-homepage-first .slider-carousel .carousel-controls .left,
position: static; .estore-homepage-first .slider-carousel .carousel-controls .right {
text-align: center; 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 { .estore-homepage-first .slider-carousel .carousel-controls .left i,
position: relative; .estore-homepage-first .slider-carousel .carousel-controls .right i {
} display: block;
margin-top: -10px;
margin-left: -22px;
}
@media (max-width: 1199px) { .estore-homepage-first .slider-carousel .carousel-controls .left:hover,
.estore-homepage-first .slider-carousel { .estore-homepage-first .slider-carousel .carousel-controls .right:hover {
max-width: 870px; border-right-color: #333;
margin: 0 auto 20px; border-left-color: #333;
} }
}
.estore-homepage-first .slider-carousel .carousel-controls { .estore-homepage-first .slider-carousel .carousel-controls .left {
position: absolute; float: left;
z-index: 10; border-right: transparent;
top: 50%; }
width: 100%;
}
.estore-homepage-first .slider-carousel .carousel-controls .left, .estore-homepage-first .slider-carousel .carousel-controls .right {
.estore-homepage-first .slider-carousel .carousel-controls .right { float: right;
display: block; border-right: 30px solid #e94337;
width: 0; border-left: transparent;
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 .slider-carousel .carousel-controls .right i {
.estore-homepage-first .slider-carousel .carousel-controls .right i { margin-left: 17px;
display: block; }
margin-top: -10px;
margin-left: -22px;
}
.estore-homepage-first .slider-carousel .carousel-controls .left:hover, @media (min-width: 768px) and (max-width: 1199px) {
.estore-homepage-first .slider-carousel .carousel-controls .right:hover { .estore-homepage-first .layout__region--top-categories .view-content {
border-right-color: #333; margin-right: -15px;
border-left-color: #333; margin-left: -15px;
} }
.estore-homepage-first .slider-carousel .carousel-controls .left { .estore-homepage-first .layout__region--top-categories .view-content .views-row {
position: relative;
float: left; float: left;
border-right: transparent; min-height: 1px;
padding-right: 15px;
padding-left: 15px;
} }
.estore-homepage-first .slider-carousel .carousel-controls .right { .estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(1) {
float: right; width: 33.33333%;
border-right: 30px solid #e94337;
border-left: transparent;
} }
.estore-homepage-first .slider-carousel .carousel-controls .right i { .estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(2) {
margin-left: 17px; width: 33.33333%;
} }
@media (min-width: 768px) and (max-width: 1199px) { .estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(3) {
.estore-homepage-first .layout__region--top-categories .view-content { width: 33.33333%;
margin-right: -15px;
margin-left: -15px;
}
.estore-homepage-first .layout__region--top-categories .view-content .views-row {
position: relative;
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) {
width: 33.33333%;
}
.estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(2) {
width: 33.33333%;
}
.estore-homepage-first .layout__region--top-categories .view-content .views-row:nth-child(3) {
width: 33.33333%;
}
} }
}
.estore-homepage-first .layout__region--top-categories .taxonomy-term.teaser {
height: 100%;
max-height: 260px;
}
.estore-homepage-first .top-region .top-region-inner {
margin: 30px 0 10px;
}
.estore-homepage-first .layout__region--top-categories .taxonomy-term.teaser { .estore-homepage-first .layout__region--product-categories {
height: 100%; margin: 30px 0 0;
max-height: 260px; }
}
.estore-homepage-first .top-region .top-region-inner { .estore-homepage-first .layout__region--product-categories .taxonomy-term {
margin: 30px 0 10px; margin-bottom: 20px;
} }
.estore-homepage-first .layout__region--product-categories { .estore-homepage-first .collection-region {
margin: 30px 0 0; margin: 30px 0 20px;
} }
.estore-homepage-first .layout__region--product-categories .taxonomy-term { .estore-homepage-first .collection-region .collection-banner img {
margin-bottom: 20px; display: block;
} max-width: 100%;
height: auto;
}
.estore-homepage-first .collection-region { .estore-homepage-first .collection-region .collection-hot-product .block-title {
margin: 30px 0 20px; margin: 0;
} padding: 5px 0;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #e94337;
font-size: 18px;
}
.estore-homepage-first .collection-region .collection-banner img { .estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product {
display: block; padding: 15px;
max-width: 100%; border: 1px solid #e2e2e2;
height: auto; }
}
.estore-homepage-first .collection-region .collection-hot-product .block-title { .estore-homepage-first .collection-region .collection-hot-product .field--name-body {
margin: 0; text-align: center;
padding: 5px 0; }
text-align: center;
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 { .estore-homepage-first .collection-region .collection-title {
padding: 15px; margin-bottom: 20px;
border: 1px solid #e2e2e2; padding-bottom: 10px;
} border-bottom: 1px solid #e2e2e2;
}
.estore-homepage-first .collection-region .collection-hot-product .field--name-body { .estore-homepage-first .collection-region .collection-title .page-title,
text-align: center; .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 .collection-region .collection-title { .estore-homepage-first .collection-region .collection-title .page-title {
margin-bottom: 20px; position: relative;
padding-bottom: 10px; margin: 0;
border-bottom: 1px solid #e2e2e2; }
}
.estore-homepage-first .collection-region .collection-title .page-title, .estore-homepage-first .collection-region .collection-title .page-title a {
.estore-homepage-first .collection-region .collection-title .page-sub-title, color: #333;
.estore-homepage-first .collection-region .collection-title .collection-right { }
display: inline-block;
}
.estore-homepage-first .collection-region .collection-title .page-title { .estore-homepage-first .collection-region .collection-title .page-title a:hover {
position: relative; color: #e94337;
margin: 0; }
}
.estore-homepage-first .collection-region .collection-title .page-title a { .estore-homepage-first .collection-region .collection-title .page-title:after {
color: #333; position: absolute;
} bottom: -12px;
left: 0;
width: 100%;
height: 2px;
content: "";
background: #e94337;
}
.estore-homepage-first .collection-region .collection-title .page-title a:hover { .estore-homepage-first .collection-region .collection-title .page-sub-title {
color: #e94337; 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-title:after { .estore-homepage-first .collection-region .collection-title .page-sub-title:before {
position: absolute; position: absolute;
bottom: -12px; top: 0;
left: 0; left: 0;
width: 100%; content: "/";
height: 2px; }
content: "";
background: #e94337; .estore-homepage-first .collection-region .collection-title .collection-right {
float: right;
}
@media (max-width: 767px) {
.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-sub-title { .estore-homepage-first .collection-region .collection-title .page-title:after {
position: relative; content: none;
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 { .estore-homepage-first .collection-region.first-collection-region .collection-banner,
content: none; .estore-homepage-first .collection-region.first-collection-region .collection-hot-product {
} margin-bottom: 20px;
}
.estore-homepage-first .collection-region .collection-title .collection-right { .estore-homepage-first .collection-region.second-collection-region .collection-products {
float: none; margin-bottom: 20px;
}
} }
}
@media (min-width: 768px) and (max-width: 991px) { @media (max-width: 767px) {
.estore-homepage-first .collection-region.first-collection-region .collection-banner, .estore-homepage-first .collection-region .collection-banner,
.estore-homepage-first .collection-region.first-collection-region .collection-hot-product { .estore-homepage-first .collection-region .collection-hot-product,
margin-bottom: 20px; .estore-homepage-first .collection-region .collection-product {
} margin-bottom: 10px;
}
.estore-homepage-first .collection-region.second-collection-region .collection-products { .estore-homepage-first .collection-region .products-by-category>div:nth-child(1) .products-col {
margin-bottom: 20px; border-bottom: none;
}
} }
}
@media (max-width: 767px) { .estore-homepage-first .products-by-category .products-col {
padding: 15px;
border: 1px solid #e2e2e2;
}
.estore-homepage-first .collection-region .collection-banner, .estore-homepage-first .products-by-category .products-col .product-item {
.estore-homepage-first .collection-region .collection-hot-product, margin-bottom: 7px;
.estore-homepage-first .collection-region .collection-product { padding-bottom: 7px;
margin-bottom: 10px; border-bottom: 1px solid #e2e2e2;
} }
.estore-homepage-first .collection-region .products-by-category>div:nth-child(1) .products-col { .estore-homepage-first .products-by-category .products-col .product-item:last-child {
border-bottom: none; margin-bottom: 0;
} padding-bottom: 0;
} border: none;
}
.estore-homepage-first .products-by-category .products-col { article.blog {
padding: 15px; position: relative;
border: 1px solid #e2e2e2; }
}
.estore-homepage-first .products-by-category .products-col .product-item { article.blog h2 {
margin-bottom: 7px; text-transform: uppercase;
padding-bottom: 7px; }
border-bottom: 1px solid #e2e2e2;
}
.estore-homepage-first .products-by-category .products-col .product-item:last-child { article.blog h2 a {
margin-bottom: 0; color: #333;
padding-bottom: 0; }
border: none;
}
article.blog { article.blog h2 a:hover {
position: relative; color: #e94337;
} }
article.blog h2 { article.blog .blog-top-wrapper {
text-transform: uppercase; position: relative;
} }
article.blog h2 a { article.blog .blog-top-wrapper .posted-on {
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 h2 a:hover { article.blog .blog-top-wrapper .posted-on:hover {
color: #e94337; background-color: #333;
} }
article.blog .blog-top-wrapper { article.blog .blog-middle-wrapper .author-meta,
position: relative; article.blog .blog-middle-wrapper .blog-category {
} display: inline-block;
color: #7f7d7d;
}
article.blog .blog-top-wrapper .posted-on { article.blog .blog-middle-wrapper .author-meta a,
position: absolute; article.blog .blog-middle-wrapper .blog-category a {
top: 0; color: #7f7d7d;
left: 0; font-weight: 600;
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-middle-wrapper .author-meta a:hover,
background-color: #333; article.blog .blog-middle-wrapper .blog-category a:hover {
} color: #e94337;
}
article.blog .blog-middle-wrapper .author-meta, article.blog .blog-middle-wrapper .author-meta>div,
article.blog .blog-middle-wrapper .blog-category { article.blog .blog-middle-wrapper .blog-category>div {
display: inline-block; display: inline-block;
color: #7f7d7d; }
}
article.blog .blog-middle-wrapper .author-meta a, article.blog .blog-middle-wrapper .author-meta .field--item,
article.blog .blog-middle-wrapper .blog-category a { article.blog .blog-middle-wrapper .blog-category .field--item {
color: #7f7d7d; display: inline-block;
font-weight: 600; }
}
article.blog .blog-middle-wrapper .author-meta a:hover, article.blog .blog-middle-wrapper .author-meta .field--item:after,
article.blog .blog-middle-wrapper .blog-category a:hover { article.blog .blog-middle-wrapper .blog-category .field--item:after {
color: #e94337; content: ",";
} }
article.blog .blog-middle-wrapper .author-meta>div, article.blog .blog-middle-wrapper .author-meta .field--item:last-child:after,
article.blog .blog-middle-wrapper .blog-category>div { article.blog .blog-middle-wrapper .blog-category .field--item:last-child:after {
display: inline-block; content: "";
} }
article.blog .blog-middle-wrapper .author-meta .field--item, article.blog .blog-middle-wrapper .author-meta {
article.blog .blog-middle-wrapper .blog-category .field--item { display: inline-block;
display: inline-block; margin: 10px 10px 10px 0;
} padding-right: 10px;
border-right: 2px solid #7f7d7d;
line-height: 15px;
}
article.blog .blog-middle-wrapper .author-meta .field--item:after, article.blog.full {
article.blog .blog-middle-wrapper .blog-category .field--item:after { margin-bottom: 40px;
content: ","; }
}
article.blog .blog-middle-wrapper .author-meta .field--item:last-child:after, article.blog.teaser {
article.blog .blog-middle-wrapper .blog-category .field--item:last-child:after { margin-top: 40px;
content: ""; padding-top: 40px;
} border-top: 1px solid #e4e4e4;
}
article.blog .blog-middle-wrapper .author-meta { article.blog.teaser:first-child {
display: inline-block; margin-top: 20px;
margin: 10px 10px 10px 0; padding-top: 0;
padding-right: 10px; border: none;
border-right: 2px solid #7f7d7d; }
line-height: 15px;
}
article.blog.full { article.blog.teaser .field--name-body {
margin-bottom: 40px; margin-bottom: 20px;
} }
article.blog.teaser { article.blog .node-readmore a {
margin-top: 40px; color: #7f7d7d;
padding-top: 40px; }
border-top: 1px solid #e4e4e4;
}
article.blog.teaser:first-child { article.blog .node-readmore a:hover {
margin-top: 20px; color: #e94337;
padding-top: 0; }
border: none;
}
article.blog.teaser .field--name-body { .slider.teaser {
margin-bottom: 20px; position: relative;
} }
article.blog .node-readmore a { .slider.teaser .slider-title,
color: #7f7d7d; .slider.teaser .field--name-field-teaser-text {
} position: absolute;
top: 40%;
width: 100%;
text-align: center;
text-shadow: 1px 1px 5px #333;
}
article.blog .node-readmore a: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 { .slider.teaser .slider-title:hover {
position: relative; /* color: #e94337; */
} }
.slider.teaser .slider-title, .slider.teaser .field--name-field-teaser-text {
.slider.teaser .field--name-field-teaser-text { top: 50%;
position: absolute; margin: 10px 0 20px;
top: 40%; color: #fff;
width: 100%; font-size: 16px;
text-align: center; }
text-shadow: 1px 1px 5px #333;
}
@media (max-width: 767px) {
.slider.teaser .slider-title { .slider.teaser .slider-title {
margin: 10px 0; top: 10%;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
color: #fff;
font-size: 32px;
line-height: 40px;
}
.slider.teaser .slider-title:hover {
/* color: #e94337; */
} }
.slider.teaser .field--name-field-teaser-text { .slider.teaser .field--name-field-teaser-text {
top: 50%; top: auto;
margin: 10px 0 20px; bottom: 10%;
color: #fff;
font-size: 16px;
} }
}
@media (max-width: 767px) { .comment-item {
.slider.teaser .slider-title { position: relative;
top: 10%; margin-bottom: 20px;
} }
.slider.teaser .field--name-field-teaser-text {
top: auto;
bottom: 10%;
}
}
.comment-item { .comment-item.with-picture .right-sidebar {
position: relative; padding-top: 10px;
margin-bottom: 20px; border: 1px solid #e2e2e2;
} }
.comment-item.with-picture .right-sidebar { .comment-item.with-picture .left-sidebar img {
padding-top: 10px; margin: 0 auto;
border: 1px solid #e2e2e2; }
}
.comment-item.with-picture .left-sidebar img { .comment-item.with-picture .field--name-user-picture {
margin: 0 auto; margin-bottom: 5px;
} }
.comment-item.with-picture .field--name-user-picture { .comment-item mark {
margin-bottom: 5px; position: absolute;
} z-index: 99;
top: 14px;
right: 0;
}
.comment-item mark { .comment-item footer>p {
position: absolute; display: inline;
z-index: 99; }
top: 14px;
right: 0;
}
.comment-item footer>p { .comment-item .premalink a .text {
display: inline; color: transparent;
} border: 0;
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
.comment-item .premalink a .text { .comment-form .filter-wrapper {
color: transparent; display: none;
border: 0; }
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
.comment-form .filter-wrapper { .taxonomy-term.teaser {
display: none; position: relative;
} overflow: hidden;
}
.taxonomy-term.teaser { .taxonomy-term.teaser img {
position: relative; transition: all 0.3s ease-in-out;
overflow: hidden; }
}
.taxonomy-term.teaser img { .taxonomy-term.teaser .taxonomy-term-hover {
transition: all 0.3s ease-in-out; position: absolute;
} 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.teaser .taxonomy-term-hover .taxonomy-term-title {
position: absolute; position: absolute;
top: 0; bottom: 40px;
left: 0; width: 100%;
width: 100%; padding: 0 20px;
height: 100%; transition: all 0.3s ease-in-out;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; text-align: center;
} text-transform: uppercase;
color: #fff;
font-size: 26px;
font-weight: bold;
}
.taxonomy-term.teaser .taxonomy-term-hover .taxonomy-term-title { .taxonomy-term.teaser .taxonomy-term-hover:after {
position: absolute; position: absolute;
bottom: 40px; top: 50%;
width: 100%; left: 50%;
padding: 0 20px; width: 90%;
transition: all 0.3s ease-in-out; height: 90%;
text-align: center; content: "";
text-transform: uppercase; transform: translate(-50%, -50%);
color: #fff; border: 2px solid rgba(255, 255, 255, 0.7);
font-size: 26px; }
font-weight: bold;
}
.taxonomy-term.teaser .taxonomy-term-hover:after { .taxonomy-term.teaser:hover img {
position: absolute; transform: scale(1.1) rotate(-2deg);
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 img { .taxonomy-term.teaser:hover .taxonomy-term-hover .taxonomy-term-title {
transform: scale(1.1) rotate(-2deg); bottom: 50px;
} }
.taxonomy-term.teaser:hover .taxonomy-term-hover .taxonomy-term-title { @media (max-width: 767px) {
bottom: 50px; .taxonomy-term.teaser {
max-width: 400px;
margin: 0 auto;
} }
}
@media (max-width: 767px) { article.commerce-product {
.taxonomy-term.teaser { position: relative;
max-width: 400px; }
margin: 0 auto;
}
}
article.commerce-product { article.commerce-product.full {
position: relative; margin-bottom: 40px;
} }
article.commerce-product.full { article.commerce-product.full .product-left {
margin-bottom: 40px; margin-bottom: 10px;
} }
article.commerce-product.full .product-left { article.commerce-product.full .product-right .product-title {
margin-bottom: 10px; margin: 0 65px 10px 0;
} }
article.commerce-product.full .product-right .product-title { article.commerce-product.full .product-right .field--name-price {
margin: 0 65px 10px 0; position: absolute;
} z-index: 10;
top: 0;
right: 15px;
color: #e94337;
font-size: 20px;
font-weight: bold;
}
article.commerce-product.full .product-right .field--name-price { article.commerce-product.full .product-right .field--name-variations:before,
position: absolute; article.commerce-product.full .product-right .field--name-variations:after {
z-index: 10; display: table;
top: 0; content: " ";
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-variations:after {
article.commerce-product.full .product-right .field--name-variations:after { clear: both;
display: table; }
content: " ";
}
article.commerce-product.full .product-right .field--name-variations:after { article.commerce-product.full .product-right .field--name-variations button {
clear: both; margin-bottom: 10px;
} }
article.commerce-product.full .product-right .field--name-variations button { article.commerce-product.full .product-right .field--name-variations button[id*="edit-submit"]:after {
margin-bottom: 10px; margin-left: 8px;
} content: "\f07a";
color: #fff;
font-family: "FontAwesome";
}
article.commerce-product.full .product-right .field--name-variations button[id*="edit-submit"]:after { article.commerce-product.full .product-right .field--name-variations button[id*="wishlist"]:after {
margin-left: 8px; margin-left: 8px;
content: "\f07a"; content: "\f004";
color: #fff; color: #fff;
font-family: "FontAwesome"; font-family: "FontAwesome";
} }
article.commerce-product.full .product-right .field--name-variations button[id*="wishlist"]:after { article.commerce-product.full .product-right .field--name-quantity {
margin-left: 8px; float: left;
content: "\f004"; margin-right: 15px;
color: #fff; }
font-family: "FontAwesome";
}
article.commerce-product.full .product-right .field--name-quantity { article.commerce-product.full .product-right .field--name-quantity label {
float: left; display: none;
margin-right: 15px; }
}
article.commerce-product.full .product-right .field--name-quantity label { article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
display: none; max-width: 70px;
} }
article.commerce-product.full .product-right .field--name-quantity input[type="number"] { article.commerce-product.full .product-right .field--name-field-category {
max-width: 70px; margin: 10px 0;
} padding-top: 10px;
color: #7f7d7d;
border-top: 1px solid #e2e2e2;
}
article.commerce-product.full .product-right .field--name-field-category { article.commerce-product.full .product-right .field--name-field-category a {
margin: 10px 0; color: #7f7d7d;
padding-top: 10px; font-weight: 600;
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 a:hover {
color: #7f7d7d; color: #e94337;
font-weight: 600; }
}
article.commerce-product.full .product-right .field--name-field-category a:hover { article.commerce-product.full .product-right .field--name-field-category>div {
color: #e94337; display: inline-block;
} }
article.commerce-product.full .product-right .field--name-field-category>div { article.commerce-product.full .product-right .field--name-field-category .field--item {
display: inline-block; display: inline-block;
} }
article.commerce-product.full .product-right .field--name-field-category .field--item { article.commerce-product.full .product-right .field--name-field-category .field--item:after {
display: inline-block; content: ",";
} }
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:last-child:after {
content: ","; content: "";
} }
article.commerce-product.full .product-right .field--name-field-category .field--item:last-child:after { article.commerce-product.full .product-bottom {
content: ""; margin-top: 10px;
} }
article.commerce-product.full .product-bottom { article.commerce-product.full .product-bottom ul.nav-tabs {
margin-top: 10px; margin-bottom: 0;
} padding-left: 1px;
}
article.commerce-product.full .product-bottom ul.nav-tabs { article.commerce-product.full .product-bottom .tab-title {
margin-bottom: 0; margin-top: 0;
padding-left: 1px; }
}
article.commerce-product.full .product-bottom .tab-title { article.commerce-product.full .product-bottom .tab-content {
margin-top: 0; padding: 20px;
} border: 1px solid #e2e2e2;
border-top: none;
}
article.commerce-product.full .product-bottom .tab-content { @media (max-width: 991px) {
padding: 20px; article.commerce-product.full .product-bottom {
border: 1px solid #e2e2e2; clear: both;
border-top: none;
} }
}
@media (max-width: 991px) { article.commerce-product.full .sales-tag {
article.commerce-product.full .product-bottom { position: absolute;
clear: both; z-index: 9;
} 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.full .sales-tag { article.commerce-product.teaser-mini .product-image {
position: absolute; float: left;
z-index: 9; max-width: 75px;
top: 10px; max-height: 75px;
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.teaser-mini .product-right {
float: left; float: left;
max-width: 75px; max-width: 180px;
max-height: 75px; margin-left: 15px;
} }
article.commerce-product.teaser-mini .product-right { article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity {
float: left; display: none;
max-width: 180px; }
margin-left: 15px;
}
article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity { article.commerce-product.teaser-mini .product-right .product-title {
display: none; margin: 0;
} font-size: 12px;
}
article.commerce-product.teaser-mini .product-right .product-title { article.commerce-product.teaser-mini .product-right .product-title a {
margin: 0; color: #333;
font-size: 12px; }
}
article.commerce-product.teaser-mini .product-right .product-title a { article.commerce-product.teaser-mini .product-right .product-title a:hover {
color: #333; color: #e94337;
} }
article.commerce-product.teaser-mini .product-right .product-title a:hover { article.commerce-product.teaser-mini .product-right .field--name-price {
color: #e94337; color: #333;
} font-size: 12px;
}
article.commerce-product.teaser-mini .product-right .field--name-price { article.commerce-product.teaser-mini .product-right .field--name-variations:before,
color: #333; article.commerce-product.teaser-mini .product-right .field--name-variations:after {
font-size: 12px; display: table;
} content: " ";
}
article.commerce-product.teaser-mini .product-right .field--name-variations:before, article.commerce-product.teaser-mini .product-right .field--name-variations:after {
article.commerce-product.teaser-mini .product-right .field--name-variations:after { clear: both;
display: table; }
content: " ";
}
article.commerce-product.teaser-mini .product-right .field--name-variations:after { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"],
clear: both; article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"] {
} 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"], 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"] { article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:after {
position: relative; top: 0;
color: transparent; left: 0;
border: 0; display: inline-block;
background-color: transparent; width: 26px;
text-shadow: none; height: 26px;
font: 0/0 a; 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,
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"]:hover:after {
top: 0; color: #fff;
left: 0; background-color: #e94337;
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"]: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 { content: "\f07a";
color: #fff; }
background-color: #e94337;
}
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"]:after {
content: "\f07a"; content: "\f004";
} }
article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="wishlist"]:after { article.commerce-product.teaser-mini .product-right .field--name-variations .form-group {
content: "\f004"; margin: 0;
} }
article.commerce-product.teaser-mini .product-right .field--name-variations .form-group { article.commerce-product.teaser-mini .product-right .field--name-variations div[id*="actions"] {
margin: 0; margin-left: 10px;
} }
article.commerce-product.teaser-mini .product-right .field--name-variations div[id*="actions"] { article.commerce-product.teaser-micro a {
margin-left: 10px; display: block;
} color: #333;
}
article.commerce-product.teaser-micro a { article.commerce-product.teaser-micro a:hover {
display: block; color: #e94337;
color: #333; }
}
article.commerce-product.teaser-micro a:hover { article.commerce-product.teaser-micro a img {
color: #e94337; float: right;
} width: 32px;
}
article.commerce-product.teaser-micro a img { article.commerce-product.teaser-micro a .product-title {
float: right; font-weight: bold;
width: 32px; }
}
article.commerce-product.teaser-micro a .product-title { article.commerce-product.teaser-micro .field--name-price {
font-weight: bold; color: #333;
} }
article.commerce-product.teaser-micro .field--name-price { article.commerce-product.teaser:hover .product-image .products-hover-wrapper {
color: #333; opacity: 1;
} }
article.commerce-product.teaser:hover .product-image .products-hover-wrapper { article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
opacity: 1; opacity: 1;
} }
article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] { @media (max-width: 991px) {
opacity: 1; article.commerce-product.teaser {
margin-bottom: 10px;
} }
}
@media (max-width: 991px) { article.commerce-product.teaser .product-image {
article.commerce-product.teaser { position: relative;
margin-bottom: 10px; }
}
}
article.commerce-product.teaser .product-image { article.commerce-product.teaser .product-image .products-hover-wrapper {
position: relative; position: absolute;
} 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-image .products-hover-wrapper { article.commerce-product.teaser .product-title {
position: absolute; margin: 10px 0 0;
z-index: 5; padding: 0;
top: 0; text-align: center;
right: 0; font-size: 15px;
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-title a {
margin: 10px 0 0; color: #333;
padding: 0; }
text-align: center;
font-size: 15px;
}
article.commerce-product.teaser .product-title a { article.commerce-product.teaser .product-title a:hover {
color: #333; color: #e94337;
} }
article.commerce-product.teaser .product-title a:hover { article.commerce-product.teaser .field--name-quantity {
color: #e94337; display: none;
} }
article.commerce-product.teaser .field--name-quantity { article.commerce-product.teaser .field--name-price {
display: none; margin-bottom: 0;
} text-align: center;
color: #333;
line-height: 1.8;
}
article.commerce-product.teaser .field--name-price { article.commerce-product.teaser .field--name-price .field--label,
margin-bottom: 0; article.commerce-product.teaser .field--name-price .field--item {
text-align: center; display: inline-block;
color: #333; }
line-height: 1.8;
}
article.commerce-product.teaser .field--name-price .field--label, article.commerce-product.teaser .field--name-price .field--label {
article.commerce-product.teaser .field--name-price .field--item { float: none;
display: inline-block; font-weight: normal;
} }
article.commerce-product.teaser .field--name-price .field--label { article.commerce-product.teaser .sales-tag {
float: none; position: absolute;
font-weight: normal; z-index: 99;
} 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 { article.commerce-product.teaser .sales-tag:after,
position: absolute; article.commerce-product.teaser .sales-tag:before {
z-index: 99; position: absolute;
top: 30px; top: 0;
right: 0; left: -10px;
left: auto; content: "";
display: inline-block; border-top: 0 solid transparent;
padding: 2px 20px; border-right: 10px solid #f65656;
text-transform: uppercase; border-bottom: 13px solid transparent;
color: #fff; }
background: #f65656;
}
article.commerce-product.teaser .sales-tag:after, article.commerce-product.teaser .sales-tag:after {
article.commerce-product.teaser .sales-tag:before { top: auto;
position: absolute; bottom: 0;
top: 0; border-top: 13px solid transparent;
left: -10px; border-right: 10px solid #f65656;
content: ""; border-bottom: 0 solid transparent;
border-top: 0 solid transparent; }
border-right: 10px solid #f65656;
border-bottom: 13px solid transparent;
}
article.commerce-product.teaser .sales-tag:after { article.commerce-product.teaser .form-actions {
top: auto; text-align: center;
bottom: 0; }
border-top: 13px solid transparent;
border-right: 10px solid #f65656;
border-bottom: 0 solid transparent;
}
article.commerce-product.teaser .form-actions { article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
text-align: center; position: absolute;
} 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;
}
@media (max-width: 991px) {
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"] {
top: 35%;
}
} }
}
article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:before { article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:before {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 40px; width: 40px;
height: 40px; height: 40px;
margin: 0 0 0 -20px; margin: 0 0 0 -20px;
content: "\f07a"; content: "\f07a";
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
color: #fff; color: #fff;
border: 1px solid #fff; border: 1px solid #fff;
font-family: "FontAwesome"; font-family: "FontAwesome";
font-size: 16px; font-size: 16px;
line-height: 36px; 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"]:hover:before {
border-color: #e94337; border-color: #e94337;
background-color: #e94337; background-color: #e94337;
} }
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*="wishlist"]:after {
margin-left: 8px; margin-left: 8px;
content: "\f004"; content: "\f004";
color: #fff; color: #fff;
font-family: "FontAwesome"; font-family: "FontAwesome";
} }
.related-products { .related-products {
margin-bottom: 20px; margin-bottom: 20px;
} }
.related-products .block-title { .related-products .block-title {
position: relative; position: relative;
margin-bottom: 30px; margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;
font-size: 15px; font-size: 15px;
font-weight: 700; font-weight: 700;
} }
.related-products .block-title span { .related-products .block-title span {
position: relative; position: relative;
top: 1px; top: 1px;
display: inline-block; display: inline-block;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 2px solid #e94337; 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 @ aa9d1f1d
...@@ -30,8 +30,6 @@ ...@@ -30,8 +30,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");
} }
...@@ -41,5 +39,14 @@ ...@@ -41,5 +39,14 @@
}); });
$(".dropdown-toggle").mouseover(function(){
$(".expanded.dropdown.first").addClass("open");
})
$(".dropdown-toggle").mouseleave(function(){
$(".expanded.dropdown.first").removeClass("open");
})
// if(heightMenu > 400;) // 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