Advertisement
Guest User

Untitled

a guest
Mar 31st, 2020
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.32 KB | None | 0 0
  1. li.isp_grid_product div.isp_product_info .isp_product_price_wrapper {
  2.     font-weight: 600;
  3.     font-size: 1em;
  4.     margin-top: 5px;
  5.     display: inline;
  6.     text-align: right;
  7.     width: 55%;
  8.     color: #f00;
  9. }
  10.  
  11. li.isp_grid_product input[type=submit].isp_add_to_cart_btn {
  12.     margin: 0;
  13.     text-transform: none;
  14.     font-weight: 400;
  15.     text-decoration: none;
  16.     cursor: pointer;
  17.     line-height: normal;
  18.     text-align: center;
  19.     background: 0 0;
  20.     display: inline-block;
  21.     height: 47px;
  22.     color: #48801f;
  23.     font-size: 16px;
  24.     max-width: 100%;
  25.     border-radius: 2px;
  26.     -webkit-border-radius: 2px;
  27.     -moz-border-radius: 2px;
  28.     padding: 0;
  29.     border: 1px solid #48801f;
  30.     -webkit-transition: background-color .2s ease-out;
  31.     -moz-transition: background-color .2s ease-out;
  32.     -o-transition: background-color .2s ease-out;
  33.     transition: background-color .2s ease-out;
  34. }
  35.  
  36. li.isp_grid_product input[type=submit].isp_add_to_cart_btn:hover {
  37.     color: #fff;
  38.     background: #48801f;
  39. }
  40.  
  41. li.isp_grid_product div.isp_product_info .isp_product_title {
  42.     color: #666;
  43.     font-size: .87em;
  44.     overflow: hidden;
  45.     text-overflow: ellipsis;
  46.     display: block;
  47.     display: -webkit-box;
  48.     line-height: 1.3em;
  49.     max-height: 2.6em;
  50.     -webkit-line-clamp: 2;
  51.     -webkit-box-orient: vertical;
  52.     vertical-align: initial;
  53.     text-align: center;
  54. }
  55.  
  56. .isp_product_color_swatch .product-color-swatch {
  57. width: 20px !important; height: 20px !important; border-radius: 0% !important;
  58. border: 1px solid #000 !important; }
  59.  
  60.  
  61. .isp_facet_value_name_color_swatch {
  62.     height: 20px;
  63.     width: 20px;
  64.     padding: 2px;
  65.     border-radius: 0 !important;
  66.     border: 1px solid #eee;
  67.     display: inline-block!important;
  68.     margin-left: 0!important;
  69.     box-sizing: initial;
  70. }
  71.  
  72. .isp_single_quick_view_option.swatch_option {
  73.     border-radius: 0 !important;
  74. }
  75.  
  76. button.isp_quick_view_add_to_cart_btn_quick_view {
  77.     background-color: #48801f !important;
  78. }
  79.  
  80. span.isp_single_quick_view_option.swatch_option.isp-product-color-swatch-silver.light_isp.selected_option {
  81.     box-shadow: 0 0 0 3px white, 0 0 0 4.5px #48801f !important;
  82. }
  83.  
  84. span.isp_image_dot.selected, span.isp_image_dot:hover {
  85.     background-color: #48801f !important;
  86. }
  87.  
  88. body #isp_product_quick_view_model .isp_quick_view_title {
  89.     margin-bottom: 5px !important;
  90. }
  91.  
  92. .isp_quick_view_product_sellable {
  93.     display: none !important;
  94. }
  95.  
  96. .isp_quick_view_info_bar:empty {
  97.     display: none !important;
  98. }
  99.  
  100. div#isp_product_quick_view_model .isp_image_container {
  101.     display: grid;
  102.     grid-template-rows: 90% 10%;
  103. }
  104.  
  105.  
  106.  
  107. span.view_product_container {background-color: transparent;display: flex;height: inherit;z-index: 100;opacity: 0;transition: all 0.15s linear;justify-content: center;align-items: center;position: absolute;width: 90%;}
  108.  
  109. .isp_grid_product:hover span.view_product_container {
  110.     opacity: 1;
  111. }
  112.  
  113. .isp_grid_product:hover img.isp_product_image{
  114.     filter: blur(5px);
  115. }
  116.  
  117.  
  118. a.view_product_btn {
  119.     border: 1px solid #000000;
  120.     color: white;
  121.     background-color: #48801f;
  122.     padding: 0.5em 2em;
  123.     position: relative;
  124.     top: 10px;
  125.     opacity: 0;
  126.     transition: all 0.15s cubic-bezier(1, 0.14, 0, 0.74);
  127. }
  128.  
  129. a.view_product_btn:hover {
  130.     background: white;
  131.     color: black;
  132.     border: 1px solid white;
  133.     text-decoration: none;
  134.     font-weight: bold;
  135. }
  136.  
  137. .isp_grid_product:hover .view_product_btn {
  138.     opacity: 1;
  139.     top: 0;
  140.     border: 1px solid black;
  141. }
  142.  
  143. .isp_tooltip {
  144.     color: #48801f !important;
  145. }
  146.  
  147. .isp_custom_view_more_btn {
  148.     background-color: lightgray;
  149.     background-position: center;
  150.     border-radius: 3px;
  151.     height: 50px;
  152.     grid-column-start: 8;
  153.     grid-column-end: 12;
  154.     color: white;
  155.     display: flex;
  156.     justify-content: center;
  157.     align-items: center;
  158.     text-align: center;
  159. }
  160.  
  161. button.isp_custom_view_more_btn img {
  162.     margin-right: 5px;
  163. }
  164.  
  165. @media only screen and (max-width: 768px) {
  166.     .isp_custom_view_more_btn {
  167.     grid-column-start: 1;
  168.     grid-column-end: 6;
  169.     border-radius: 3px 0px 0px 3px;
  170.     }
  171.  
  172.     #isp_product_quick_view_model .isp_quick_view_add_to_cart_form .isp_quick_view_add_to_cart_btn_quick_view {
  173.     grid-column-start: 6 !important;
  174.     grid-column-end: 21;
  175.     border-radius: 0px 3px 3px 0px;
  176. }
  177. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement