Skip to content

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

fix css

parent 5c31293f
Show whitespace changes
Inline Side-by-side
Showing with 673 additions and 576 deletions
sites/default/settings.php
View file @ aa9d1f1d
......@@ -335,7 +335,7 @@
*
* Reverse proxy servers are often used to enhance the performance
* 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
* be determined such that the correct client IP address is available
* to Drupal's logging, statistics, and access management systems. In
......@@ -767,10 +767,9 @@
include $app_root . '/' . $site_path . '/settings.local.php';
}
$databases['default']['default'] = array (
'database' => 'invi_estorequ',
'username' => 'user',
'password' => '12345',
'database' => 'estore',
'username' => 'root',
'password' => 'root',
'prefix' => '',
'host' => 'localhost',
'port' => '3306',
......
themes/contrib/bootstrap/templates/input/input--button.html.twig
View file @ aa9d1f1d
......@@ -22,7 +22,7 @@
* @see template_preprocess_input()
*/
#}
{% spaceless %}
{% spaceless %}
{%
set classes = [
'btn',
......@@ -31,9 +31,18 @@
]
%}
{% block input %}
{% if icon and icon_only %}
<button{{ attributes.addClass(classes, 'icon-only') }}>
<span>search</span>
<span class="sr-only">{{ label }}</span>
{{ icon }}
</button>
{% 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 %}
{% endspaceless %}
themes/contrib/estore/css/styles.css
View file @ aa9d1f1d
......@@ -14,10 +14,28 @@ html {
}
/* 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
}
.middle-header-wrapper .container-fluid.fixed-top{
.middle-header-wrapper .container-fluid.fixed-top {
position: fixed;
z-index: 200000;
top: 76px;
......@@ -26,13 +44,15 @@ html {
width: 100%;
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;
}
.more-category{
.more-category, .less-category {
/* text-align: center; */
text-transform: none;
text-transform: uppercase;
color: #222222;
cursor: pointer;
display: block;
......@@ -46,17 +66,62 @@ header.navbar .category-menu ul.menu.litte-menu{
-ms-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
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;
}
.more-category::before{
/* position: absolute;
font-family: "Font Awesome 5 Pro";
content: "\f055";
top: 0;
right: 20px;
font-size: 18px;
pointer-events: none; */
.less-category:hover {
color: red;
}
.block-region-top-categories img{
.block-region-top-categories img {
width: 100%;
height: 140px;
object-fit: cover;
......@@ -64,6 +129,7 @@ pointer-events: none; */
/* max-width: 350px; */
/* margin: 0 auto; */
}
.region.region-navigation {
display: flex;
/* justify-content: space-between; */
......@@ -188,7 +254,7 @@ header.navbar .block-search-navigation {
border-radius: 0 5px 5px 0;
}
.search .input-group button {
.search .input-group button {
font-size: 12px;
text-transform: uppercase;
border: 0;
......@@ -206,7 +272,7 @@ header.navbar .block-search-navigation {
transition: 0.3s;
}
.search .input-group input {
.search .input-group input {
border: 0;
background: inherit;
width: 100%;
......@@ -239,7 +305,6 @@ header.navbar .block-search-navigation {
justify-content: flex-start !important;
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
width: 35px !important;
height: 35px !important;
......@@ -298,31 +363,35 @@ header.navbar .block-search-navigation {
margin-left: auto;
} */
}
header.navbar .category-menu .block-title i{
header.navbar .category-menu .block-title i {
font-size: 22px
}
header.navbar .block-search-navigation .search-icon {
display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
header.navbar div.block-search-navigation{
header.navbar div.block-search-navigation {
right: 75px !important
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper{
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper {
justify-content: flex-end !important;
}
}
/* invi 991 response */
@media (max-width: 991px) {
.search .input-group button{
.search .input-group button {
min-width: 20px !important;
}
header.navbar .category-menu .block-title i{
header.navbar .category-menu .block-title i {
font-size: 14px
}
header .link_content {
width: 100%;
height: 40px;
......@@ -331,22 +400,27 @@ header.navbar .block-search-navigation .search-icon {
font-size: 12px;
line-height: 39px !important;
}
search .input-group button{
search .input-group button {
font-size: 10px !important;
width: 60px !important;
padding: 0 13px !important;
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;
background: white !important;
}
.search .input-group input{
.search .input-group input {
height: 30px !important
}
header.navbar .block-search-navigation .search-contents{
header.navbar .block-search-navigation .search-contents {
width: 245px !important;
}
header.navbar .block-search-navigation .search-contents {
position: absolute;
z-index: 9999;
......@@ -374,16 +448,19 @@ header.navbar .block-search-navigation .search-icon {
header.navbar .block-search-navigation .search-contents .form-group {
margin-bottom: 0;
}
header.navbar .main-menu .toggle-wrap{
header.navbar .main-menu .toggle-wrap {
display: block !important;
}
header.navbar .main-menu ul.menu li {
header.navbar .main-menu ul.menu li {
float: none !important;
width: 100%;
margin-left: 0 !important;
padding: 0 20px;
border-bottom: 1px solid #e2e2e2;
}
}
header.navbar .main-menu ul.menu {
position: absolute;
z-index: 999;
......@@ -395,20 +472,25 @@ header.navbar .main-menu ul.menu li {
margin: 0;
border-top: 3px solid #e94337;
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;
}
.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
}
header.navbar .block-search-navigation .search-icon {
display: inline;
}
header.navbar .block-search-navigation .search{
header.navbar .block-search-navigation .search {
display: none;
}
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
margin-right: 0;
}
......@@ -9990,9 +10072,11 @@ header.navbar .category-menu ul.menu {
border: 2px solid #e94337;
background: #fff none repeat scroll 0 0;
}
header.navbar .category-menu ul.menu.hide-block {
display: none;
}
header.navbar .category-menu ul.menu.hide-block-page {
display: block;
}
......@@ -10004,13 +10088,14 @@ header.navbar .category-menu ul.menu li {
line-height: 40px;
text-transform: none;
font-weight: 600;
margin: 0 1px;
margin: 0 0px;
/* text-transform: uppercase; */
}
header.navbar .category-menu ul.menu li:hover {
background: #f3f3f3
}
header.navbar .category-menu ul.menu li a {
padding: 0;
color: #333;
......@@ -10109,9 +10194,9 @@ header.navbar .main-menu ul.menu li a:hover {
padding: 0 20px;
border-bottom: 1px solid #e2e2e2;
}
}
}
header.navbar .block-search-navigation {
header.navbar .block-search-navigation {
/* position: relative; */
/* float: right; */
/* padding: 0; */
......@@ -10121,100 +10206,98 @@ header.navbar .main-menu ul.menu li a:hover {
/* right: 0; */
/* flex: 1; */
/* padding: 0 25px; */
}
}
header.navbar .block-search-navigation .search-icon {
header.navbar .block-search-navigation .search-icon {
padding: 0px 20px;
transition: all 0.5s ease-in-out;
color: #333;
line-height: 55px;
}
}
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: #fff;
background-color: #e94337;
font-size: 18px;
}
}
.header-region {
.header-region {
margin-bottom: 70px;
padding: 20px 0 10px;
background-color: #f6f7f7;
}
}
.header-region h1 {
.header-region h1 {
margin: 0;
text-transform: uppercase;
color: #e94337;
}
}
.header-region .breadcrumb {
.header-region .breadcrumb {
margin-bottom: 0;
background-color: transparent;
}
}
.header-region .breadcrumb>li a,
.header-region .breadcrumb>li+li:before {
.header-region .breadcrumb>li a,
.header-region .breadcrumb>li+li:before {
color: #333;
font-weight: 600;
}
}
.header-region .breadcrumb>li a:hover {
.header-region .breadcrumb>li a:hover {
color: #e94337;
}
}
.header-region .breadcrumb>li.active {
.header-region .breadcrumb>li.active {
color: #666;
}
}
.region-sidebar-first .block-title,
.region-sidebar-second .block-title {
.region-sidebar-first .block-title,
.region-sidebar-second .block-title {
position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
}
.region-sidebar-first .block-title span,
.region-sidebar-second .block-title span {
.region-sidebar-first .block-title span,
.region-sidebar-second .block-title span {
position: relative;
top: 1px;
display: inline-block;
padding-bottom: 10px;
border-bottom: 2px solid #e94337;
}
}
.region-sidebar-first nav ul.menu li,
.region-sidebar-second nav ul.menu li {
.region-sidebar-first nav ul.menu li,
.region-sidebar-second nav ul.menu li {
position: relative;
margin: 0 0 10px;
padding: 0 0 5px 25px;
line-height: 24px;
}
}
.region-sidebar-first nav ul.menu li a,
.region-sidebar-second nav ul.menu li a {
.region-sidebar-first nav ul.menu li a,
.region-sidebar-second nav ul.menu li a {
position: static;
padding: 0;
color: #333;
}
}
.region-sidebar-first nav ul.menu li a:hover,
.region-sidebar-second nav ul.menu li a:hover {
.region-sidebar-first nav ul.menu li a:hover,
.region-sidebar-second nav ul.menu li a:hover {
color: #e94337;
}
}
.region-sidebar-first nav ul.menu li a:hover:before,
.region-sidebar-second nav ul.menu li a:hover:before {
.region-sidebar-first nav ul.menu li a:hover:before,
.region-sidebar-second nav ul.menu li a:hover:before {
color: inherit;
}
}
.region-sidebar-first nav ul.menu li a:before,
.region-sidebar-second nav ul.menu li a:before {
.region-sidebar-first nav ul.menu li a:before,
.region-sidebar-second nav ul.menu li a:before {
position: absolute;
top: 0;
left: 0;
......@@ -10223,42 +10306,42 @@ header.navbar .main-menu ul.menu li a:hover {
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul {
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul {
padding-left: 0;
list-style-type: none;
}
}
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li {
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li {
position: relative;
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-second .block-views[class*="-recent-posts"] .view-content ul li a {
.region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a,
.region-sidebar-second .block-views[class*="-recent-posts"] .view-content ul li a {
position: static;
padding: 0;
color: #333;
}
}
.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 a:hover {
.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 a:hover {
color: #e94337;
}
}
.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:hover:before {
.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:hover:before {
color: inherit;
}
}
.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:before {
.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:before {
position: absolute;
top: 0;
left: 0;
......@@ -10267,42 +10350,42 @@ header.navbar .main-menu ul.menu li a:hover {
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul {
.region-sidebar-first .block-views[class*="-archives"] .view-content ul,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul {
padding-left: 0;
list-style-type: none;
}
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li {
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li {
position: relative;
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-second .block-views[class*="-archives"] .view-content ul li a {
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a {
position: static;
padding: 0;
color: #333;
}
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:hover {
.region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul li a:hover {
color: #e94337;
}
}
.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:hover:before {
.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:hover:before {
color: inherit;
}
}
.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:before {
.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:before {
position: absolute;
top: 0;
left: 0;
......@@ -10311,73 +10394,73 @@ header.navbar .main-menu ul.menu li a:hover {
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
}
.region-sidebar-first .block-views .view-display-id-block_products ul,
.region-sidebar-second .block-views .view-display-id-block_products ul {
.region-sidebar-first .block-views .view-display-id-block_products ul,
.region-sidebar-second .block-views .view-display-id-block_products ul {
padding-left: 0;
}
}
.region-sidebar-first .block-views .view-display-id-block_products ul li,
.region-sidebar-second .block-views .view-display-id-block_products ul li {
.region-sidebar-first .block-views .view-display-id-block_products ul li,
.region-sidebar-second .block-views .view-display-id-block_products ul li {
margin-bottom: 10px;
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,
.region-sidebar-second .block-views .view-display-id-block_products ul li:last-child {
.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 li:last-child {
border-bottom: none;
}
}
.footer {
.footer {
padding: 50px 0 0 0;
background-color: #f6f7f7;
}
}
.footer .block .block-title {
.footer .block .block-title {
position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
}
.footer .block .block-title span {
.footer .block .block-title span {
position: relative;
top: 1px;
display: inline-block;
padding-bottom: 10px;
border-bottom: 2px solid #e94337;
}
}
.footer .footer-top {
.footer .footer-top {
padding-bottom: 50px;
}
}
.footer .footer-top nav ul.menu li {
.footer .footer-top nav ul.menu li {
position: relative;
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 {
position: static;
padding: 0;
color: #333;
}
}
.footer .footer-top nav ul.menu li a:hover {
.footer .footer-top nav ul.menu li a:hover {
color: #e94337;
}
}
.footer .footer-top nav ul.menu li a:hover:before {
.footer .footer-top nav ul.menu li a:hover:before {
color: inherit;
}
}
.footer .footer-top nav ul.menu li a:before {
.footer .footer-top nav ul.menu li a:before {
position: absolute;
top: 0;
left: 0;
......@@ -10386,30 +10469,30 @@ header.navbar .main-menu ul.menu li a:hover {
color: #888;
font-family: "FontAwesome";
font-size: 14px;
}
}
.footer .footer-bottom {
.footer .footer-bottom {
padding: 10px 0;
background-color: #e9ebeb;
font-size: 12px;
}
}
.footer .footer-bottom .footer-bottom-left,
.footer .footer-bottom .footer-bottom-right {
.footer .footer-bottom .footer-bottom-left,
.footer .footer-bottom .footer-bottom-right {
float: left;
}
}
.footer .footer-bottom .footer-bottom-left>div,
.footer .footer-bottom .footer-bottom-right>div {
.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 {
.footer .footer-bottom .footer-bottom-right {
float: right;
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
.footer .footer-bottom {
text-align: center;
}
......@@ -10419,56 +10502,56 @@ header.navbar .main-menu ul.menu li a:hover {
float: none;
margin-bottom: 5px;
}
}
}
.estore-homepage-first .layout__region--blog-news {
.estore-homepage-first .layout__region--blog-news {
margin: 30px 0 0;
padding: 40px 0;
background-color: #f6f7f7;
}
}
.estore-homepage-first .layout__region--blog-news .block-title {
.estore-homepage-first .layout__region--blog-news .block-title {
margin: 0 0 24px;
text-align: center;
text-transform: uppercase;
font-size: 20px;
}
}
.estore-homepage-first .layout__region--blog-news article {
.estore-homepage-first .layout__region--blog-news article {
margin-bottom: 20px;
}
}
.estore-homepage-first .layout__region--blog-news article h2 {
.estore-homepage-first .layout__region--blog-news article h2 {
font-size: 18px;
}
}
.estore-homepage-first .features-products-carousel {
.estore-homepage-first .features-products-carousel {
margin: 30px 0 0;
}
}
.estore-homepage-first .features-products-carousel .product-item {
.estore-homepage-first .features-products-carousel .product-item {
margin-bottom: 20px;
}
}
.estore-homepage-first .features-products-carousel .featured-top {
.estore-homepage-first .features-products-carousel .featured-top {
position: relative;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e2e2e2;
}
}
.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 h3,
.estore-homepage-first .features-products-carousel .featured-top .featured-title h4 {
position: relative;
display: inline-block;
margin: 0;
}
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3 {
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3 {
font-size: 20px;
}
}
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after {
.estore-homepage-first .features-products-carousel .featured-top .featured-title h3:after {
position: absolute;
bottom: -12px;
left: 0;
......@@ -10476,30 +10559,30 @@ header.navbar .main-menu ul.menu li a:hover {
height: 2px;
content: "";
background: #e94337;
}
}
.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;
padding-left: 15px;
color: #aaa;
font-size: 13px;
font-weight: normal;
}
}
.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;
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;
top: 0;
right: 0;
}
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a {
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a {
display: inline-block;
width: 25px;
height: 25px;
......@@ -10509,18 +10592,18 @@ header.navbar .main-menu ul.menu li a:hover {
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 .features-products-carousel .featured-top .carousel-controls a:hover {
color: #fff;
}
}
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover {
.estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover {
border-color: #e94337;
background-color: #e94337;
}
}
@media (max-width: 767px) {
@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 {
......@@ -10538,28 +10621,28 @@ header.navbar .main-menu ul.menu li a:hover {
position: static;
text-align: center;
}
}
}
.estore-homepage-first .slider-carousel {
.estore-homepage-first .slider-carousel {
position: relative;
}
}
@media (max-width: 1199px) {
@media (max-width: 1199px) {
.estore-homepage-first .slider-carousel {
max-width: 870px;
margin: 0 auto 20px;
}
}
}
.estore-homepage-first .slider-carousel .carousel-controls {
.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 {
.estore-homepage-first .slider-carousel .carousel-controls .left,
.estore-homepage-first .slider-carousel .carousel-controls .right {
display: block;
width: 0;
height: 0;
......@@ -10572,37 +10655,37 @@ header.navbar .main-menu ul.menu li a:hover {
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 .left i,
.estore-homepage-first .slider-carousel .carousel-controls .right i {
display: block;
margin-top: -10px;
margin-left: -22px;
}
}
.estore-homepage-first .slider-carousel .carousel-controls .left:hover,
.estore-homepage-first .slider-carousel .carousel-controls .right:hover {
.estore-homepage-first .slider-carousel .carousel-controls .left:hover,
.estore-homepage-first .slider-carousel .carousel-controls .right:hover {
border-right-color: #333;
border-left-color: #333;
}
}
.estore-homepage-first .slider-carousel .carousel-controls .left {
.estore-homepage-first .slider-carousel .carousel-controls .left {
float: left;
border-right: transparent;
}
}
.estore-homepage-first .slider-carousel .carousel-controls .right {
.estore-homepage-first .slider-carousel .carousel-controls .right {
float: right;
border-right: 30px solid #e94337;
border-left: transparent;
}
}
.estore-homepage-first .slider-carousel .carousel-controls .right i {
.estore-homepage-first .slider-carousel .carousel-controls .right i {
margin-left: 17px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
@media (min-width: 768px) and (max-width: 1199px) {
.estore-homepage-first .layout__region--top-categories .view-content {
margin-right: -15px;
margin-left: -15px;
......@@ -10623,41 +10706,40 @@ header.navbar .main-menu ul.menu li a:hover {
.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 {
.estore-homepage-first .layout__region--top-categories .taxonomy-term.teaser {
height: 100%;
max-height: 260px;
}
}
.estore-homepage-first .top-region .top-region-inner {
.estore-homepage-first .top-region .top-region-inner {
margin: 30px 0 10px;
}
}
.estore-homepage-first .layout__region--product-categories {
.estore-homepage-first .layout__region--product-categories {
margin: 30px 0 0;
}
}
.estore-homepage-first .layout__region--product-categories .taxonomy-term {
.estore-homepage-first .layout__region--product-categories .taxonomy-term {
margin-bottom: 20px;
}
}
.estore-homepage-first .collection-region {
.estore-homepage-first .collection-region {
margin: 30px 0 20px;
}
}
.estore-homepage-first .collection-region .collection-banner img {
.estore-homepage-first .collection-region .collection-banner img {
display: block;
max-width: 100%;
height: auto;
}
}
.estore-homepage-first .collection-region .collection-hot-product .block-title {
.estore-homepage-first .collection-region .collection-hot-product .block-title {
margin: 0;
padding: 5px 0;
text-align: center;
......@@ -10665,43 +10747,43 @@ header.navbar .main-menu ul.menu li a:hover {
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-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 {
.estore-homepage-first .collection-region .collection-hot-product .field--name-body {
text-align: center;
}
}
.estore-homepage-first .collection-region .collection-title {
.estore-homepage-first .collection-region .collection-title {
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-sub-title,
.estore-homepage-first .collection-region .collection-title .collection-right {
.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: inline-block;
}
}
.estore-homepage-first .collection-region .collection-title .page-title {
.estore-homepage-first .collection-region .collection-title .page-title {
position: relative;
margin: 0;
}
}
.estore-homepage-first .collection-region .collection-title .page-title a {
.estore-homepage-first .collection-region .collection-title .page-title a {
color: #333;
}
}
.estore-homepage-first .collection-region .collection-title .page-title a:hover {
.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;
bottom: -12px;
left: 0;
......@@ -10709,29 +10791,29 @@ header.navbar .main-menu ul.menu li a:hover {
height: 2px;
content: "";
background: #e94337;
}
}
.estore-homepage-first .collection-region .collection-title .page-sub-title {
.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;
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;
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
.estore-homepage-first .collection-region .collection-title .page-title,
.estore-homepage-first .collection-region .collection-title .page-sub-title,
......@@ -10752,9 +10834,9 @@ header.navbar .main-menu ul.menu li a:hover {
.estore-homepage-first .collection-region .collection-title .collection-right {
float: none;
}
}
}
@media (min-width: 768px) and (max-width: 991px) {
@media (min-width: 768px) and (max-width: 991px) {
.estore-homepage-first .collection-region.first-collection-region .collection-banner,
.estore-homepage-first .collection-region.first-collection-region .collection-hot-product {
......@@ -10764,9 +10846,9 @@ header.navbar .main-menu ul.menu li a:hover {
.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,
......@@ -10777,46 +10859,46 @@ header.navbar .main-menu ul.menu li a:hover {
.estore-homepage-first .collection-region .products-by-category>div:nth-child(1) .products-col {
border-bottom: none;
}
}
}
.estore-homepage-first .products-by-category .products-col {
.estore-homepage-first .products-by-category .products-col {
padding: 15px;
border: 1px solid #e2e2e2;
}
}
.estore-homepage-first .products-by-category .products-col .product-item {
.estore-homepage-first .products-by-category .products-col .product-item {
margin-bottom: 7px;
padding-bottom: 7px;
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:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
}
article.blog {
article.blog {
position: relative;
}
}
article.blog h2 {
article.blog h2 {
text-transform: uppercase;
}
}
article.blog h2 a {
article.blog h2 a {
color: #333;
}
}
article.blog h2 a:hover {
article.blog h2 a:hover {
color: #e94337;
}
}
article.blog .blog-top-wrapper {
article.blog .blog-top-wrapper {
position: relative;
}
}
article.blog .blog-top-wrapper .posted-on {
article.blog .blog-top-wrapper .posted-on {
position: absolute;
top: 0;
left: 0;
......@@ -10832,119 +10914,119 @@ header.navbar .main-menu ul.menu li a:hover {
font-weight: 600;
font-style: normal;
line-height: 24px;
}
}
article.blog .blog-top-wrapper .posted-on:hover {
article.blog .blog-top-wrapper .posted-on:hover {
background-color: #333;
}
}
article.blog .blog-middle-wrapper .author-meta,
article.blog .blog-middle-wrapper .blog-category {
article.blog .blog-middle-wrapper .author-meta,
article.blog .blog-middle-wrapper .blog-category {
display: inline-block;
color: #7f7d7d;
}
}
article.blog .blog-middle-wrapper .author-meta a,
article.blog .blog-middle-wrapper .blog-category a {
article.blog .blog-middle-wrapper .author-meta a,
article.blog .blog-middle-wrapper .blog-category a {
color: #7f7d7d;
font-weight: 600;
}
}
article.blog .blog-middle-wrapper .author-meta a:hover,
article.blog .blog-middle-wrapper .blog-category a:hover {
article.blog .blog-middle-wrapper .author-meta a:hover,
article.blog .blog-middle-wrapper .blog-category a:hover {
color: #e94337;
}
}
article.blog .blog-middle-wrapper .author-meta>div,
article.blog .blog-middle-wrapper .blog-category>div {
article.blog .blog-middle-wrapper .author-meta>div,
article.blog .blog-middle-wrapper .blog-category>div {
display: inline-block;
}
}
article.blog .blog-middle-wrapper .author-meta .field--item,
article.blog .blog-middle-wrapper .blog-category .field--item {
article.blog .blog-middle-wrapper .author-meta .field--item,
article.blog .blog-middle-wrapper .blog-category .field--item {
display: inline-block;
}
}
article.blog .blog-middle-wrapper .author-meta .field--item:after,
article.blog .blog-middle-wrapper .blog-category .field--item:after {
article.blog .blog-middle-wrapper .author-meta .field--item:after,
article.blog .blog-middle-wrapper .blog-category .field--item:after {
content: ",";
}
}
article.blog .blog-middle-wrapper .author-meta .field--item:last-child:after,
article.blog .blog-middle-wrapper .blog-category .field--item:last-child:after {
article.blog .blog-middle-wrapper .author-meta .field--item:last-child:after,
article.blog .blog-middle-wrapper .blog-category .field--item:last-child:after {
content: "";
}
}
article.blog .blog-middle-wrapper .author-meta {
article.blog .blog-middle-wrapper .author-meta {
display: inline-block;
margin: 10px 10px 10px 0;
padding-right: 10px;
border-right: 2px solid #7f7d7d;
line-height: 15px;
}
}
article.blog.full {
article.blog.full {
margin-bottom: 40px;
}
}
article.blog.teaser {
article.blog.teaser {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #e4e4e4;
}
}
article.blog.teaser:first-child {
article.blog.teaser:first-child {
margin-top: 20px;
padding-top: 0;
border: none;
}
}
article.blog.teaser .field--name-body {
article.blog.teaser .field--name-body {
margin-bottom: 20px;
}
}
article.blog .node-readmore a {
article.blog .node-readmore a {
color: #7f7d7d;
}
}
article.blog .node-readmore a:hover {
article.blog .node-readmore a:hover {
color: #e94337;
}
}
.slider.teaser {
.slider.teaser {
position: relative;
}
}
.slider.teaser .slider-title,
.slider.teaser .field--name-field-teaser-text {
.slider.teaser .slider-title,
.slider.teaser .field--name-field-teaser-text {
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;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
color: #fff;
font-size: 32px;
line-height: 40px;
}
}
.slider.teaser .slider-title:hover {
.slider.teaser .slider-title:hover {
/* color: #e94337; */
}
}
.slider.teaser .field--name-field-teaser-text {
.slider.teaser .field--name-field-teaser-text {
top: 50%;
margin: 10px 0 20px;
color: #fff;
font-size: 16px;
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
.slider.teaser .slider-title {
top: 10%;
}
......@@ -10953,68 +11035,68 @@ header.navbar .main-menu ul.menu li a:hover {
top: auto;
bottom: 10%;
}
}
}
.comment-item {
.comment-item {
position: relative;
margin-bottom: 20px;
}
}
.comment-item.with-picture .right-sidebar {
.comment-item.with-picture .right-sidebar {
padding-top: 10px;
border: 1px solid #e2e2e2;
}
}
.comment-item.with-picture .left-sidebar img {
.comment-item.with-picture .left-sidebar img {
margin: 0 auto;
}
}
.comment-item.with-picture .field--name-user-picture {
.comment-item.with-picture .field--name-user-picture {
margin-bottom: 5px;
}
}
.comment-item mark {
.comment-item mark {
position: absolute;
z-index: 99;
top: 14px;
right: 0;
}
}
.comment-item footer>p {
.comment-item footer>p {
display: inline;
}
}
.comment-item .premalink a .text {
.comment-item .premalink a .text {
color: transparent;
border: 0;
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
}
.comment-form .filter-wrapper {
.comment-form .filter-wrapper {
display: none;
}
}
.taxonomy-term.teaser {
.taxonomy-term.teaser {
position: relative;
overflow: hidden;
}
}
.taxonomy-term.teaser img {
.taxonomy-term.teaser img {
transition: all 0.3s ease-in-out;
}
}
.taxonomy-term.teaser .taxonomy-term-hover {
.taxonomy-term.teaser .taxonomy-term-hover {
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-title {
.taxonomy-term.teaser .taxonomy-term-hover .taxonomy-term-title {
position: absolute;
bottom: 40px;
width: 100%;
......@@ -11025,9 +11107,9 @@ header.navbar .main-menu ul.menu li a:hover {
color: #fff;
font-size: 26px;
font-weight: bold;
}
}
.taxonomy-term.teaser .taxonomy-term-hover:after {
.taxonomy-term.teaser .taxonomy-term-hover:after {
position: absolute;
top: 50%;
left: 50%;
......@@ -11036,40 +11118,40 @@ header.navbar .main-menu ul.menu li a:hover {
content: "";
transform: translate(-50%, -50%);
border: 2px solid rgba(255, 255, 255, 0.7);
}
}
.taxonomy-term.teaser:hover img {
.taxonomy-term.teaser:hover img {
transform: scale(1.1) rotate(-2deg);
}
}
.taxonomy-term.teaser:hover .taxonomy-term-hover .taxonomy-term-title {
.taxonomy-term.teaser:hover .taxonomy-term-hover .taxonomy-term-title {
bottom: 50px;
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
.taxonomy-term.teaser {
max-width: 400px;
margin: 0 auto;
}
}
}
article.commerce-product {
article.commerce-product {
position: relative;
}
}
article.commerce-product.full {
article.commerce-product.full {
margin-bottom: 40px;
}
}
article.commerce-product.full .product-left {
article.commerce-product.full .product-left {
margin-bottom: 10px;
}
}
article.commerce-product.full .product-right .product-title {
article.commerce-product.full .product-right .product-title {
margin: 0 65px 10px 0;
}
}
article.commerce-product.full .product-right .field--name-price {
article.commerce-product.full .product-right .field--name-price {
position: absolute;
z-index: 10;
top: 0;
......@@ -11077,107 +11159,107 @@ header.navbar .main-menu ul.menu li a:hover {
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:before,
article.commerce-product.full .product-right .field--name-variations:after {
display: table;
content: " ";
}
}
article.commerce-product.full .product-right .field--name-variations:after {
article.commerce-product.full .product-right .field--name-variations:after {
clear: both;
}
}
article.commerce-product.full .product-right .field--name-variations button {
article.commerce-product.full .product-right .field--name-variations button {
margin-bottom: 10px;
}
}
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*="edit-submit"]:after {
margin-left: 8px;
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*="wishlist"]:after {
margin-left: 8px;
content: "\f004";
color: #fff;
font-family: "FontAwesome";
}
}
article.commerce-product.full .product-right .field--name-quantity {
article.commerce-product.full .product-right .field--name-quantity {
float: left;
margin-right: 15px;
}
}
article.commerce-product.full .product-right .field--name-quantity label {
article.commerce-product.full .product-right .field--name-quantity label {
display: none;
}
}
article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
article.commerce-product.full .product-right .field--name-quantity input[type="number"] {
max-width: 70px;
}
}
article.commerce-product.full .product-right .field--name-field-category {
article.commerce-product.full .product-right .field--name-field-category {
margin: 10px 0;
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 a {
color: #7f7d7d;
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 a:hover {
color: #e94337;
}
}
article.commerce-product.full .product-right .field--name-field-category>div {
article.commerce-product.full .product-right .field--name-field-category>div {
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 {
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:after {
content: ",";
}
}
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:last-child:after {
content: "";
}
}
article.commerce-product.full .product-bottom {
article.commerce-product.full .product-bottom {
margin-top: 10px;
}
}
article.commerce-product.full .product-bottom ul.nav-tabs {
article.commerce-product.full .product-bottom ul.nav-tabs {
margin-bottom: 0;
padding-left: 1px;
}
}
article.commerce-product.full .product-bottom .tab-title {
article.commerce-product.full .product-bottom .tab-title {
margin-top: 0;
}
}
article.commerce-product.full .product-bottom .tab-content {
article.commerce-product.full .product-bottom .tab-content {
padding: 20px;
border: 1px solid #e2e2e2;
border-top: none;
}
}
@media (max-width: 991px) {
@media (max-width: 991px) {
article.commerce-product.full .product-bottom {
clear: both;
}
}
}
article.commerce-product.full .sales-tag {
article.commerce-product.full .sales-tag {
position: absolute;
z-index: 9;
top: 10px;
......@@ -11191,64 +11273,64 @@ header.navbar .main-menu ul.menu li a:hover {
font-size: 15px;
font-weight: bold;
line-height: 3.5;
}
}
article.commerce-product.teaser-mini .product-image {
article.commerce-product.teaser-mini .product-image {
float: left;
max-width: 75px;
max-height: 75px;
}
}
article.commerce-product.teaser-mini .product-right {
article.commerce-product.teaser-mini .product-right {
float: left;
max-width: 180px;
margin-left: 15px;
}
}
article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity {
article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity {
display: none;
}
}
article.commerce-product.teaser-mini .product-right .product-title {
article.commerce-product.teaser-mini .product-right .product-title {
margin: 0;
font-size: 12px;
}
}
article.commerce-product.teaser-mini .product-right .product-title a {
article.commerce-product.teaser-mini .product-right .product-title a {
color: #333;
}
}
article.commerce-product.teaser-mini .product-right .product-title a:hover {
article.commerce-product.teaser-mini .product-right .product-title a:hover {
color: #e94337;
}
}
article.commerce-product.teaser-mini .product-right .field--name-price {
article.commerce-product.teaser-mini .product-right .field--name-price {
color: #333;
font-size: 12px;
}
}
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:before,
article.commerce-product.teaser-mini .product-right .field--name-variations:after {
display: table;
content: " ";
}
}
article.commerce-product.teaser-mini .product-right .field--name-variations:after {
article.commerce-product.teaser-mini .product-right .field--name-variations:after {
clear: both;
}
}
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"] {
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"] {
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*="wishlist"]: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"]:after {
top: 0;
left: 0;
display: inline-block;
......@@ -11261,71 +11343,71 @@ header.navbar .main-menu ul.menu li a:hover {
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*="wishlist"]:hover: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"]:hover:after {
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*="edit-submit"]:after {
content: "\f07a";
}
}
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"]:after {
content: "\f004";
}
}
article.commerce-product.teaser-mini .product-right .field--name-variations .form-group {
article.commerce-product.teaser-mini .product-right .field--name-variations .form-group {
margin: 0;
}
}
article.commerce-product.teaser-mini .product-right .field--name-variations div[id*="actions"] {
article.commerce-product.teaser-mini .product-right .field--name-variations div[id*="actions"] {
margin-left: 10px;
}
}
article.commerce-product.teaser-micro a {
article.commerce-product.teaser-micro a {
display: block;
color: #333;
}
}
article.commerce-product.teaser-micro a:hover {
article.commerce-product.teaser-micro a:hover {
color: #e94337;
}
}
article.commerce-product.teaser-micro a img {
article.commerce-product.teaser-micro a img {
float: right;
width: 32px;
}
}
article.commerce-product.teaser-micro a .product-title {
article.commerce-product.teaser-micro a .product-title {
font-weight: bold;
}
}
article.commerce-product.teaser-micro .field--name-price {
article.commerce-product.teaser-micro .field--name-price {
color: #333;
}
}
article.commerce-product.teaser:hover .product-image .products-hover-wrapper {
article.commerce-product.teaser:hover .product-image .products-hover-wrapper {
opacity: 1;
}
}
article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
opacity: 1;
}
}
@media (max-width: 991px) {
@media (max-width: 991px) {
article.commerce-product.teaser {
margin-bottom: 10px;
}
}
}
article.commerce-product.teaser .product-image {
article.commerce-product.teaser .product-image {
position: relative;
}
}
article.commerce-product.teaser .product-image .products-hover-wrapper {
article.commerce-product.teaser .product-image .products-hover-wrapper {
position: absolute;
z-index: 5;
top: 0;
......@@ -11335,45 +11417,45 @@ header.navbar .main-menu ul.menu li a:hover {
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 {
margin: 10px 0 0;
padding: 0;
text-align: center;
font-size: 15px;
}
}
article.commerce-product.teaser .product-title a {
article.commerce-product.teaser .product-title a {
color: #333;
}
}
article.commerce-product.teaser .product-title a:hover {
article.commerce-product.teaser .product-title a:hover {
color: #e94337;
}
}
article.commerce-product.teaser .field--name-quantity {
article.commerce-product.teaser .field--name-quantity {
display: none;
}
}
article.commerce-product.teaser .field--name-price {
article.commerce-product.teaser .field--name-price {
margin-bottom: 0;
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--item {
article.commerce-product.teaser .field--name-price .field--label,
article.commerce-product.teaser .field--name-price .field--item {
display: inline-block;
}
}
article.commerce-product.teaser .field--name-price .field--label {
article.commerce-product.teaser .field--name-price .field--label {
float: none;
font-weight: normal;
}
}
article.commerce-product.teaser .sales-tag {
article.commerce-product.teaser .sales-tag {
position: absolute;
z-index: 99;
top: 30px;
......@@ -11384,10 +11466,10 @@ header.navbar .main-menu ul.menu li a:hover {
text-transform: uppercase;
color: #fff;
background: #f65656;
}
}
article.commerce-product.teaser .sales-tag:after,
article.commerce-product.teaser .sales-tag:before {
article.commerce-product.teaser .sales-tag:after,
article.commerce-product.teaser .sales-tag:before {
position: absolute;
top: 0;
left: -10px;
......@@ -11395,21 +11477,21 @@ header.navbar .main-menu ul.menu li a:hover {
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 .sales-tag:after {
top: auto;
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-actions {
text-align: center;
}
}
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;
z-index: 10;
top: 25%;
......@@ -11423,15 +11505,15 @@ header.navbar .main-menu ul.menu li a:hover {
background-color: transparent;
text-shadow: none;
font: 0/0 a;
}
}
@media (max-width: 991px) {
@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;
top: 0;
left: 0;
......@@ -11446,46 +11528,46 @@ header.navbar .main-menu ul.menu li a:hover {
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"]:hover:before {
border-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;
content: "\f004";
color: #fff;
font-family: "FontAwesome";
}
}
.related-products {
.related-products {
margin-bottom: 20px;
}
}
.related-products .block-title {
.related-products .block-title {
position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2;
font-size: 15px;
font-weight: 700;
}
}
.related-products .block-title span {
.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.
*
* $todo Remove once jQuery UI is no longer used?
*/
.ui-autocomplete {
.ui-autocomplete {
z-index: 1000;
min-width: 160px;
padding: 5px 0;
......@@ -11500,9 +11582,9 @@ header.navbar .main-menu ul.menu li a:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}
}
.ui-autocomplete .ui-menu-item {
.ui-autocomplete .ui-menu-item {
display: block;
clear: both;
margin: 0;
......@@ -11516,88 +11598,88 @@ header.navbar .main-menu ul.menu li a:hover {
outline: 0;
font-weight: normal;
line-height: 1.42857;
}
}
.ui-autocomplete .ui-menu-item.ui-state-hover {
.ui-autocomplete .ui-menu-item.ui-state-hover {
color: #595959;
background: transparent;
}
}
.ui-autocomplete .ui-menu-item.ui-state-active,
.ui-autocomplete .ui-menu-item.ui-state-focus {
.ui-autocomplete .ui-menu-item.ui-state-active,
.ui-autocomplete .ui-menu-item.ui-state-focus {
color: #fff;
background: #e94337;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
.page-header {
margin-top: 10px;
}
}
}
ol,
ul {
ol,
ul {
padding-left: 1.5em;
}
}
.popover ol:last-child,
.popover ul:last-child {
.popover ol:last-child,
.popover ul:last-child {
margin-bottom: 0;
}
}
p:last-child,
.form-group:last-child,
.panel:last-child {
p:last-child,
.form-group:last-child,
.panel:last-child {
margin-bottom: 0;
}
}
.region-help>.glyphicon {
.region-help>.glyphicon {
float: left;
margin: -0.05em 0.5em 0 0;
font-size: 18px;
}
}
.region-help .block {
.region-help .block {
overflow: hidden;
}
}
.help-block,
.control-group .help-inline {
.help-block,
.control-group .help-inline {
margin: 5px 0 10px;
padding: 0;
color: #aaa;
font-size: 12px;
}
}
.help-block:first-child,
.control-group .help-inline:first-child {
.help-block:first-child,
.control-group .help-inline:first-child {
margin-top: 0;
}
}
@media (min-width: 1200px) {
@media (min-width: 1200px) {
.container-fluid {
width: 1430px;
max-width: 100%;
}
}
}
@media (max-width: 1199px) {
@media (max-width: 1199px) {
.container-fluid {
margin: 0 2%;
}
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
.container>.navbar-header,
.container>.navbar-collapse,
......@@ -11605,23 +11687,23 @@ header.navbar .main-menu ul.menu li a:hover {
.container-fluid>.navbar-collapse {
margin: 0;
}
}
}
.alert {
.alert {
margin-top: 20px;
}
}
a {
a {
transition: all 0.3s ease-in-out;
}
}
.btn {
.btn {
padding: 7px 12px;
transition: all 0.3s ease-in-out;
font-size: 13px;
}
}
label,
.field--label {
label,
.field--label {
color: #333;
}
}
themes/contrib/estore/js/custom.js
View file @ aa9d1f1d
......@@ -30,8 +30,6 @@
$(".menu.menu--category-menu.nav").addClass('hide-block');
}
$(window).scroll(function () {
console.log("scrollTop",$(window).scrollTop() )
// custom for ie
if($(window).scrollTop() > 130){
$(".middle-header-wrapper").children(".container-fluid").addClass("fixed-top");
}
......@@ -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;)
})(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