change style

themes/contrib/estore/css/styles.css

@@ -98,7 +98,7 @@ header .link_content a:hover {
 }
 
 .pin {
-  border: 1px solid #c40316;
+  border: 1px solid #ff0000;
   border-radius: 4px;
   padding: 5px 20px;
 }
@@ -109,17 +109,17 @@ header .link_content a:hover {
 }
 
 .cong {
-  border-top: 1px solid #c40316;
-  border-bottom: 1px solid #c40316;
-  border-left: 1px solid #c40316;
+  border-top: 1px solid #ff0000;
+  border-bottom: 1px solid #ff0000;
+  border-left: 1px solid #ff0000;
   height: 26px;
   width: 10px;
 }
 
 .tru {
-  border-top: 1px solid #c40316;
-  border-bottom: 1px solid #c40316;
-  border-right: 1px solid #c40316;
+  border-top: 1px solid #ff0000;
+  border-bottom: 1px solid #ff0000;
+  border-right: 1px solid #ff0000;
   height: 26px;
   width: 10px;
 }
@@ -153,7 +153,7 @@ header.navbar .block-search-navigation {
   top: -2px;
   bottom: -2px;
   right: -2px;
-  background: #c40316;
+  background: #ff0000;
   color: #fff;
   font-weight: 500;
   padding: 0 20px;
@@ -217,8 +217,8 @@ header.navbar .block-search-navigation {
     width: 19px;
     height: 19px;
     transition: all 0.3s ease-in-out;
-    color: #c40316;
-    border: 2px solid #c40316;
+    color: #ff0000;
+    border: 2px solid #ff0000;
     border-radius: 100%;
     background-color: #fff;
     font-size: 12px;
@@ -312,8 +312,8 @@ header.navbar .block-search-navigation .search-icon {
     display: none;
     width: 300px;
     padding: 15px;
-    border-top: 3px solid #c40316;
-    border-bottom: 3px solid #c40316;
+    border-top: 3px solid #ff0000;
+    border-bottom: 3px solid #ff0000;
     background: #fff none repeat scroll 0 0;
     box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
   }
@@ -324,7 +324,7 @@ header.navbar .block-search-navigation .search-icon {
     right: 15px;
     content: "";
     border-right: 10px solid transparent;
-    border-bottom: 10px solid #c40316;
+    border-bottom: 10px solid #ff0000;
     border-left: 10px solid transparent;
   }
 
@@ -350,7 +350,7 @@ header.navbar .main-menu ul.menu li {
     display: none;
     width: auto;
     margin: 0;
-    border-top: 3px solid #c40316;
+    border-top: 3px solid #ff0000;
     background: #fff none repeat scroll 0 0;
 }
   .middle-header-wrapper .region-right-middle-header{
@@ -1861,7 +1861,7 @@ textarea {
 
 a {
   text-decoration: none;
-  color: #c40316;
+  color: #ff0000;
 }
 
 a:hover,
@@ -2136,7 +2136,7 @@ mark,
 }
 
 .text-primary {
-  color: #c40316;
+  color: #ff0000;
 }
 
 a.text-primary:hover,
@@ -2185,7 +2185,7 @@ a.text-danger:focus {
 }
 
 .bg-primary {
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 a.bg-primary:hover,
@@ -4522,7 +4522,7 @@ fieldset[disabled] .btn-default.focus {
 .btn-primary {
   color: #fff;
   border-color: #0096c7;
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 .btn-primary:focus,
@@ -4576,11 +4576,11 @@ fieldset[disabled] .btn-primary:hover,
 fieldset[disabled] .btn-primary:focus,
 fieldset[disabled] .btn-primary.focus {
   border-color: #0096c7;
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 .btn-primary .badge {
-  color: #c40316;
+  color: #ff0000;
   background-color: #fff;
 }
 
@@ -4845,7 +4845,7 @@ fieldset[disabled] .btn-danger.focus {
 }
 
 .btn-link {
-  color: #c40316;
+  color: #ff0000;
   border-radius: 0;
   font-weight: normal;
 }
@@ -5038,7 +5038,7 @@ tbody.collapse.in {
   text-decoration: none;
   color: #fff;
   outline: 0;
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 .dropdown-menu>.disabled>a,
@@ -5540,7 +5540,7 @@ tbody.collapse.in {
 .nav .open>a,
 .nav .open>a:hover,
 .nav .open>a:focus {
-  border-color: #c40316;
+  border-color: #ff0000;
   background-color: transparent;
 }
 
@@ -5601,7 +5601,7 @@ tbody.collapse.in {
 .nav-pills>li.active>a:hover,
 .nav-pills>li.active>a:focus {
   color: #fff;
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 .nav-stacked>li {
@@ -6408,7 +6408,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
   margin-left: -1px;
   padding: 6px 12px;
   text-decoration: none;
-  color: #c40316;
+  color: #ff0000;
   border: 1px solid #ddd;
   background-color: #fff;
   line-height: 1.42857;
@@ -6446,8 +6446,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
   z-index: 3;
   cursor: default;
   color: #fff;
-  border-color: #c40316;
-  background-color: #c40316;
+  border-color: #ff0000;
+  background-color: #ff0000;
 }
 
 .pagination>.disabled>span,
@@ -6594,7 +6594,7 @@ a.label:focus {
 }
 
 .label-primary {
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 .label-primary[href]:hover,
@@ -6671,7 +6671,7 @@ a.label:focus {
 
 .list-group-item.active>.badge,
 .nav-pills>.active>a>.badge {
-  color: #c40316;
+  color: #ff0000;
   background-color: #fff;
 }
 
@@ -6776,7 +6776,7 @@ a.badge:focus {
 a.thumbnail:hover,
 a.thumbnail:focus,
 a.thumbnail.active {
-  border-color: #c40316;
+  border-color: #ff0000;
 }
 
 .alert {
@@ -6912,7 +6912,7 @@ a.thumbnail.active {
   transition: width 0.6s ease;
   text-align: center;
   color: #fff;
-  background-color: #c40316;
+  background-color: #ff0000;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   font-size: 12px;
@@ -7109,8 +7109,8 @@ button.list-group-item {
 .list-group-item.active:focus {
   z-index: 2;
   color: #fff;
-  border-color: #c40316;
-  background-color: #c40316;
+  border-color: #ff0000;
+  background-color: #ff0000;
 }
 
 .list-group-item.active .list-group-item-heading,
@@ -7585,26 +7585,26 @@ button.list-group-item-danger.active:focus {
 }
 
 .panel-primary {
-  border-color: #c40316;
+  border-color: #ff0000;
 }
 
 .panel-primary>.panel-heading {
   color: #fff;
-  border-color: #c40316;
-  background-color: #c40316;
+  border-color: #ff0000;
+  background-color: #ff0000;
 }
 
 .panel-primary>.panel-heading+.panel-collapse>.panel-body {
-  border-top-color: #c40316;
+  border-top-color: #ff0000;
 }
 
 .panel-primary>.panel-heading .badge {
-  color: #c40316;
+  color: #ff0000;
   background-color: #fff;
 }
 
 .panel-primary>.panel-footer+.panel-collapse>.panel-body {
-  border-bottom-color: #c40316;
+  border-bottom-color: #ff0000;
 }
 
 .panel-success {
@@ -8884,7 +8884,7 @@ html.js .form-item .input-group-addon .glyphicon {
 
 html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
   opacity: 1;
-  color: #c40316;
+  color: #ff0000;
 }
 
 html.js .form-item .input-group-addon .input-group-addon {
@@ -8937,7 +8937,7 @@ html.js .ajax-new-content:empty {
 }
 
 .file>span {
-  color: #c40316;
+  color: #ff0000;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background: #fff;
@@ -9078,7 +9078,7 @@ table .radio.form-no-label {
   padding-right: 0.5em;
   content: "▼";
   pointer-events: none;
-  color: #c40316;
+  color: #ff0000;
   font-weight: 400;
   font-style: normal;
   line-height: 1;
@@ -9350,7 +9350,7 @@ ul.nav-tabs li a:hover {
 
 .tabledrag-handle:hover,
 .tabledrag-handle:focus {
-  color: #c40316;
+  color: #ff0000;
 }
 
 .indentation {
@@ -9579,10 +9579,9 @@ body.toolbar-loading.toolbar {
 }
 
 .top-header-wrapper {
-  /* background-color: #211A1E; */
   color: #101010;
   border-color: #eee;
-  border-bottom: 1px solid #0000002e;
+  border-bottom: 1px solid #ebebeb;
   height: 50px;
   display: flex;
   /* justify-content: center; */
@@ -9630,13 +9629,13 @@ body.toolbar-loading.toolbar {
   font-weight: 600;
   line-height: 38px;
   margin: 0 5px;
-  color: #c40316;
+  color: #ff0000;
   border-radius: 3px;
   padding: 0 14px;
 }
 
 .top-header-wrapper .right-top-header ul.menu .last a {
-  background-color: #c40316;
+  background-color: #ff0000;
   color: white;
 }
 
@@ -9765,22 +9764,22 @@ body.toolbar-loading.toolbar {
   color: #fff;
   border: 2px solid transparent;
   border-radius: 100%;
-  background-color: #c40316;
+  background-color: #ff0000;
   line-height: 42px;
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon:hover {
-  color: #c40316;
+  color: #ff0000;
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon:hover {
-  border-color: #c40316;
+  border-color: #ff0000;
   background-color: #fff;
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon:hover .cart-value {
   color: #fff;
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon .cart-value {
@@ -9791,8 +9790,8 @@ body.toolbar-loading.toolbar {
   width: 24px;
   height: 24px;
   transition: all 0.3s ease-in-out;
-  color: #c40316;
-  border: 2px solid #c40316;
+  color: #ff0000;
+  border: 2px solid #ff0000;
   border-radius: 100%;
   background-color: #fff;
   font-size: 12px;
@@ -9827,8 +9826,8 @@ body.toolbar-loading.toolbar {
   transform: translateX(-50%);
   opacity: 0;
   border: 1px solid #f1f1f1;
-  border-top: 3px solid #c40316;
-  border-bottom: 3px solid #c40316;
+  border-top: 3px solid #ff0000;
+  border-bottom: 3px solid #ff0000;
   background: #fff none repeat scroll 0 0;
   box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
 }
@@ -9840,7 +9839,7 @@ body.toolbar-loading.toolbar {
   content: "";
   transform: translateX(-50%);
   border-right: 10px solid transparent;
-  border-bottom: 10px solid #c40316;
+  border-bottom: 10px solid #ff0000;
   border-left: 10px solid transparent;
 }
 
@@ -9857,7 +9856,7 @@ body.toolbar-loading.toolbar {
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents .cart-block-links a:hover {
-  color: #c40316;
+  color: #ff0000;
 }
 
 .middle-header-wrapper .region-right-middle-header .cart-block-wrapper:hover .cart-contents {
@@ -9912,7 +9911,7 @@ header.navbar .category-menu .block-title {
   transition: all 0.5s ease-in-out;
   color: #fff;
   font-weight: 600;
-  background: #c40316;
+  background: #ff0000;
   height: 57px;
   font-size: 15px;
   border-radius: 5px;
@@ -9925,7 +9924,7 @@ header.navbar .category-menu .block-title i {
 
 header.navbar .category-menu .block-title.active,
 header.navbar .category-menu .block-title:hover {
-  background-color: #c40316;
+  background-color: #ff0000;
 }
 
 @media (max-width: 991px) {
@@ -9944,7 +9943,7 @@ header.navbar .category-menu ul.menu {
   left: 0;
   display: block;
   width: 100%;
-  border: 2px solid #c40316;
+  border: 2px solid #ff0000;
   background: #fff none repeat scroll 0 0;
 }
 header.navbar .category-menu ul.menu.hide-block {
@@ -9964,7 +9963,7 @@ header.navbar .category-menu ul.menu li a {
 }
 
 header.navbar .category-menu ul.menu li a:hover {
-  color: #c40316;
+  color: #ff0000;
 }
 
 header.navbar .main-menu {
@@ -9998,7 +9997,7 @@ header.navbar .main-menu .toggle-wrap {
   }
 
   header.navbar .main-menu .toggle-wrap .toggle:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 }
 
@@ -10032,7 +10031,7 @@ header.navbar .main-menu ul.menu li a {
 }
 
 header.navbar .main-menu ul.menu li a:hover {
-  color: #c40316;
+  color: #ff0000;
 }
 
 @media (max-width: 767px) {
@@ -10045,7 +10044,7 @@ header.navbar .main-menu ul.menu li a:hover {
     display: none;
     width: auto;
     margin: 0;
-    border-top: 3px solid #c40316;
+    border-top: 3px solid #ff0000;
     background: #fff none repeat scroll 0 0;
   }
 
@@ -10080,7 +10079,7 @@ header.navbar .main-menu ul.menu li a:hover {
   header.navbar .block-search-navigation .search-icon:hover,
   header.navbar .block-search-navigation .search-icon.active {
     color: #fff;
-    background-color: #c40316;
+    background-color: #ff0000;
     font-size: 18px;
   }
 
@@ -10095,7 +10094,7 @@ header.navbar .main-menu ul.menu li a:hover {
   .header-region h1 {
     margin: 0;
     text-transform: uppercase;
-    color: #c40316;
+    color: #ff0000;
   }
 
   .header-region .breadcrumb {
@@ -10110,7 +10109,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   .header-region .breadcrumb>li a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   .header-region .breadcrumb>li.active {
@@ -10132,7 +10131,7 @@ header.navbar .main-menu ul.menu li a:hover {
     top: 1px;
     display: inline-block;
     padding-bottom: 10px;
-    border-bottom: 2px solid #c40316;
+    border-bottom: 2px solid #ff0000;
   }
 
   .region-sidebar-first nav ul.menu li,
@@ -10152,7 +10151,7 @@ header.navbar .main-menu ul.menu li a:hover {
 
   .region-sidebar-first nav ul.menu li a:hover,
   .region-sidebar-second nav ul.menu li a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   .region-sidebar-first nav ul.menu li a:hover:before,
@@ -10196,7 +10195,7 @@ header.navbar .main-menu ul.menu 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: #c40316;
+    color: #ff0000;
   }
 
   .region-sidebar-first .block-views[class*="-recent-posts"] .view-content ul li a:hover:before,
@@ -10240,7 +10239,7 @@ header.navbar .main-menu ul.menu 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: #c40316;
+    color: #ff0000;
   }
 
   .region-sidebar-first .block-views[class*="-archives"] .view-content ul li a:hover:before,
@@ -10296,7 +10295,7 @@ header.navbar .main-menu ul.menu li a:hover {
     top: 1px;
     display: inline-block;
     padding-bottom: 10px;
-    border-bottom: 2px solid #c40316;
+    border-bottom: 2px solid #ff0000;
   }
 
   .footer .footer-top {
@@ -10317,7 +10316,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   .footer .footer-top nav ul.menu li a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   .footer .footer-top nav ul.menu li a:hover:before {
@@ -10422,7 +10421,7 @@ header.navbar .main-menu ul.menu li a:hover {
     width: 100%;
     height: 2px;
     content: "";
-    background: #c40316;
+    background: #ff0000;
   }
 
   .estore-homepage-first .features-products-carousel .featured-top .featured-title h4 {
@@ -10463,8 +10462,8 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   .estore-homepage-first .features-products-carousel .featured-top .carousel-controls a:hover {
-    border-color: #c40316;
-    background-color: #c40316;
+    border-color: #ff0000;
+    background-color: #ff0000;
   }
 
   @media (max-width: 767px) {
@@ -10514,9 +10513,9 @@ header.navbar .main-menu ul.menu li a:hover {
     transform: translateY(-50%);
     color: #fff;
     border-top: 30px solid transparent;
-    border-right: 30px solid #c40316;
+    border-right: 30px solid #ff0000;
     border-bottom: 30px solid transparent;
-    border-left: 30px solid #c40316;
+    border-left: 30px solid #ff0000;
     font-size: 16px;
     line-height: 0;
   }
@@ -10541,7 +10540,7 @@ header.navbar .main-menu ul.menu li a:hover {
 
   .estore-homepage-first .slider-carousel .carousel-controls .right {
     float: right;
-    border-right: 30px solid #c40316;
+    border-right: 30px solid #ff0000;
     border-left: transparent;
   }
 
@@ -10610,7 +10609,7 @@ header.navbar .main-menu ul.menu li a:hover {
     text-align: center;
     text-transform: uppercase;
     color: #fff;
-    background-color: #c40316;
+    background-color: #ff0000;
     font-size: 18px;
   }
 
@@ -10645,7 +10644,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   .estore-homepage-first .collection-region .collection-title .page-title a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   .estore-homepage-first .collection-region .collection-title .page-title:after {
@@ -10655,7 +10654,7 @@ header.navbar .main-menu ul.menu li a:hover {
     width: 100%;
     height: 2px;
     content: "";
-    background: #c40316;
+    background: #ff0000;
   }
 
   .estore-homepage-first .collection-region .collection-title .page-sub-title {
@@ -10756,7 +10755,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.blog h2 a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   article.blog .blog-top-wrapper {
@@ -10774,7 +10773,7 @@ header.navbar .main-menu ul.menu li a:hover {
     text-align: center;
     text-transform: uppercase;
     color: #fff;
-    background: #c40316 none repeat scroll 0 0;
+    background: #ff0000 none repeat scroll 0 0;
     font-size: 14px;
     font-weight: 600;
     font-style: normal;
@@ -10799,7 +10798,7 @@ header.navbar .main-menu ul.menu li a:hover {
 
   article.blog .blog-middle-wrapper .author-meta a:hover,
   article.blog .blog-middle-wrapper .blog-category a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   article.blog .blog-middle-wrapper .author-meta>div,
@@ -10855,7 +10854,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.blog .node-readmore a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   .slider.teaser {
@@ -10881,7 +10880,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   .slider.teaser .slider-title:hover {
-    /* color: #c40316; */
+    /* color: #ff0000; */
   }
 
   .slider.teaser .field--name-field-teaser-text {
@@ -11021,7 +11020,7 @@ header.navbar .main-menu ul.menu li a:hover {
     z-index: 10;
     top: 0;
     right: 15px;
-    color: #c40316;
+    color: #ff0000;
     font-size: 20px;
     font-weight: bold;
   }
@@ -11080,7 +11079,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.commerce-product.full .product-right .field--name-field-category a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   article.commerce-product.full .product-right .field--name-field-category>div {
@@ -11166,7 +11165,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.commerce-product.teaser-mini .product-right .product-title a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   article.commerce-product.teaser-mini .product-right .field--name-price {
@@ -11203,8 +11202,8 @@ header.navbar .main-menu ul.menu li a:hover {
     height: 26px;
     margin: 0 0 0 -20px;
     transition: all 0.3s ease-in-out;
-    color: #c40316;
-    border: 1px solid #c40316;
+    color: #ff0000;
+    border: 1px solid #ff0000;
     font-family: "FontAwesome";
     font-size: 14px;
     line-height: 26px;
@@ -11213,7 +11212,7 @@ header.navbar .main-menu ul.menu li a:hover {
   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: #c40316;
+    background-color: #ff0000;
   }
 
   article.commerce-product.teaser-mini .product-right .field--name-variations button[id*="edit-submit"]:after {
@@ -11238,7 +11237,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.commerce-product.teaser-micro a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   article.commerce-product.teaser-micro a img {
@@ -11296,7 +11295,7 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.commerce-product.teaser .product-title a:hover {
-    color: #c40316;
+    color: #ff0000;
   }
 
   article.commerce-product.teaser .field--name-quantity {
@@ -11396,8 +11395,8 @@ header.navbar .main-menu ul.menu li a:hover {
   }
 
   article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="edit-submit"]:hover:before {
-    border-color: #c40316;
-    background-color: #c40316;
+    border-color: #ff0000;
+    background-color: #ff0000;
   }
 
   article.commerce-product.teaser form[class*="add-to-cart-form"] button[id*="wishlist"]:after {
@@ -11424,7 +11423,7 @@ header.navbar .main-menu ul.menu li a:hover {
     top: 1px;
     display: inline-block;
     padding-bottom: 10px;
-    border-bottom: 2px solid #c40316;
+    border-bottom: 2px solid #ff0000;
   }
 
   /**
@@ -11473,7 +11472,7 @@ header.navbar .main-menu ul.menu li a:hover {
   .ui-autocomplete .ui-menu-item.ui-state-active,
   .ui-autocomplete .ui-menu-item.ui-state-focus {
     color: #fff;
-    background: #c40316;
+    background: #ff0000;
   }
 
   h1,