Advertisement
Guest User

Untitled

a guest
Sep 19th, 2019
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.72 KB | None | 0 0
  1. .page-heading {
  2.     text-align: center;
  3. }
  4.  
  5. div#isp_search_result_page_container {
  6.     display: flex;
  7. }
  8.  
  9. div#isp_search_result_page_container *:focus {
  10.     outline: 0;
  11. }
  12.  
  13. div#isp_search_results_banner img {
  14.     margin: auto;
  15. }
  16.  
  17. @media (min-width: 801px) {
  18.     .page-content {
  19.         position: relative;
  20.     }
  21.  
  22.     .page-content > .page-heading {
  23.         margin-left: calc(16% + 0.8rem);
  24.     }
  25.  
  26.     .is-noResults .page-content > .page-heading {
  27.         margin-left: 0;
  28.     }
  29.  
  30.     div#isp_search_result_page_container {
  31.         display: block;
  32.     }
  33. }
  34.  
  35. /*
  36. * Sidebar
  37. * ===================================================
  38. */
  39. #isp_search_result_page_container div.isp_left_container {
  40.     padding-left: .8rem;
  41.     padding-right: .8rem;
  42.     margin-left: -220px;
  43.     width: 220px;
  44.     flex: 0 0 auto;
  45.     font-size: 15px;
  46. }
  47.  
  48. #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper {
  49.     margin-top: 2.1rem;
  50.     margin-bottom: 0;
  51.     padding-bottom: 0;
  52.     border: 0;
  53. }
  54.  
  55.  
  56. @media (min-width: 801px) {
  57.     #isp_search_result_page_container div.isp_left_container {
  58.         position: absolute;
  59.         top: 0;
  60.         left: 0;
  61.         margin-left: 0;
  62.         width: 16%;
  63.     }
  64.  
  65.     #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper:first-child {
  66.         margin-top: 0;
  67.     }
  68. }
  69.  
  70. /*
  71. * Sidebar - Title
  72. * ===================================================
  73. */
  74. #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper .isp_facet_title {
  75.     margin-bottom: .78571rem;
  76.     padding-bottom: .78571rem;
  77.     border-bottom: 2px solid #d9d9d9;
  78. }
  79.  
  80. .isp_single_facet_wrapper .isp_facet_title .isp_facet_title_name {
  81.     text-transform: uppercase;
  82.     font-family: Roboto,Arial,Helvetica,sans-serif;
  83.     font-size: 1rem;
  84.     font-weight: 600;
  85. }
  86.  
  87. /*
  88. * Sidebar - Item
  89. * ===================================================
  90. */
  91. #isp_left_container_facets .isp_search_res_facets_container .isp_facet_value a {
  92.     padding-top: .42857rem;
  93.     padding-bottom: .42857rem;
  94. }
  95.  
  96. #isp_left_container_facets .isp_search_res_facets_container .isp_single_facet_wrapper.collapsed {
  97.     max-height: 2.2em;
  98. }
  99.  
  100. #isp_left_container_facets .isp_facet_value a .isp_facet_value_name {
  101.     font-size: 15px;
  102. }
  103.  
  104. .isp_custom_price_container input.isp_custom_price_input[type=number] {
  105.     height: 30px;
  106.     font-size: 15px;
  107. }
  108.  
  109. .isp_custom_price_container button.isp_custom_price_submit {
  110.     height: 30px;
  111.     width: 30px;
  112.     background: #d70200;
  113.     border-color: #d70200;
  114.     color: #ffffff;
  115. }
  116.  
  117. .isp_custom_price_container button.isp_custom_price_submit:hover {
  118.     background: #ea0200;
  119.     border-color: #ea0200;
  120.     color: #ffffff;
  121. }
  122.  
  123. /*
  124. * Main content
  125. * ===================================================
  126. */
  127.  
  128. .display_refine_slide {
  129.     -webkit-transform: translateX(220px);
  130.     -ms-transform: translateX(220px);
  131.     transform: translateX(220px);
  132. }
  133.  
  134. .isp_no_results_title {
  135.     width: 100%;
  136.     padding: 0 .8rem;
  137. }
  138.  
  139. #isp_search_result_page_container div.isp_center_container_header {
  140.     display: flex;
  141.     flex-flow: row wrap;
  142.     align-items: center;
  143. }
  144.  
  145. #isp_search_result_page_container .isp_center_container_header div.isp_results_summary_wrapper {
  146.     width: 100%;
  147. }
  148.  
  149. #isp_search_result_page_container .isp_center_container_header div.isp_sorting_and_result_view_wrapper {
  150.     padding: 0;
  151.     margin: 0;
  152.     margin-left: auto;
  153. }
  154.  
  155. #isp_center_container .isp_center_container_header a.isp_refine_nevigation,
  156. .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu > li > a {
  157.     background: #d2d2d2;
  158.     border: 0;
  159.     border-radius: 20px;
  160.     padding-top: 3px;
  161.     padding-bottom: 3px;
  162.     text-transform: uppercase;
  163.     font-size: 1rem;
  164. }
  165.  
  166. #isp_center_container .isp_center_container_header a.isp_refine_nevigation {
  167.     display: flex;
  168.     align-items: center;
  169.     margin: 0;
  170. }
  171.  
  172. #isp_left_container.horizontal a.isp_refine_nevigation span.isp_refine_navigation_content, .isp_center_container_header a.isp_refine_nevigation span.isp_refine_navigation_content {
  173.     font-size: 1rem;
  174. }
  175.  
  176. div#isp_favorite_bar {
  177.     margin-left: 10px;
  178. }
  179.  
  180. #isp_center_container .isp_center_container_header div.isp_results_summary_wrapper h1,
  181. #isp_center_container .isp_center_container_header div.isp_results_summary_wrapper h2 {
  182.     display: flex;
  183.     align-items: center;
  184.     margin-top: 3px;
  185.     border-width: 2px;
  186. }
  187.  
  188. #isp_center_container .isp_center_container_header .isp_header_collection_title, span#isp_results_search_text {
  189.     margin-right: auto;
  190. }
  191.  
  192. div.isp_center_container div#isp_search_results_filter_tags {
  193.     position: static;
  194. }
  195.  
  196. #isp_search_result_page_container div.isp_center_container_position {
  197.     margin-left: 0;
  198. }
  199.  
  200. @media (min-width: 801px) {
  201.     .display_refine_slide {
  202.         -webkit-transform: none;
  203.         -ms-transform: none;
  204.         transform: none;
  205.     }
  206.  
  207.     #isp_center_container .isp_center_container_header a.isp_refine_nevigation {
  208.         display: none;
  209.     }
  210.  
  211.     #isp_search_result_page_container div.isp_center_container_position {
  212.         margin-left: calc(16% + 0.8rem);
  213.         flex: 1 1 0;
  214.     }
  215.  
  216.     #isp_search_result_page_container div.isp_center_container_header {
  217.         position: relative;
  218.         display: block;
  219.         padding: 0;
  220.     }
  221.  
  222.     #isp_center_container .isp_center_container_header div.isp_results_summary_wrapper h1,
  223.     #isp_center_container .isp_center_container_header div.isp_results_summary_wrapper h2 {
  224.         background: #f3f3f3;
  225.         padding: .78571rem;
  226.         border: 0;
  227.         margin: 0;
  228.         text-align: center;
  229.     }
  230.  
  231.     #isp_center_container .isp_center_container_header .isp_header_collection_title, span#isp_results_search_text {
  232.         width: calc(100% - 500px);
  233.         margin-left: 250px;
  234.         margin-right: auto;
  235.     }
  236.  
  237.     #isp_header_subtitle, div#isp_results_did_you_mean {
  238.         margin: 10px 0px;
  239.         display: block;
  240.     }
  241.  
  242.     #isp_search_result_page_container .isp_center_container_header div.isp_sorting_and_result_view_wrapper {
  243.         position: absolute;
  244.         float: none;
  245.         left: .78571rem;
  246.         top: 1rem;
  247.         z-index: 9;
  248.     }
  249.  
  250.     .isp_sorting_and_result_view_wrapper ul#isp_search_res_sorting_menu {
  251.         margin: 0;
  252.         padding: 0;
  253.     }
  254.  
  255.     .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu > li#search_res_sorting_title {
  256.         text-transform: uppercase;
  257.         font-size: 1rem;
  258.     }
  259.  
  260.     .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu > li > a {
  261.         background: #ffffff;
  262.         border-radius: 10px;
  263.     }
  264. }
  265.  
  266. /*
  267. * Main content - Product Items
  268. * ===================================================
  269. */
  270.  
  271. div.isp_center_container ul#isp_search_results_container,
  272. ul#isp_quick_view_content_lookalike {
  273.     display: flex !important;
  274.     flex-flow: row wrap;
  275.     width: auto;
  276.     max-width: none;
  277.     margin: 0 -.8rem;
  278. }
  279.  
  280. div.isp_center_container ul#isp_search_results_container li.isp_grid_product,
  281. ul#isp_quick_view_content_lookalike li.isp_grid_product {
  282.     display: flex;
  283.     flex-flow: row wrap;
  284.     align-items: start;
  285.     background: #e5e5e5;
  286.     margin: .8rem;
  287.     margin-bottom: 1.6rem;
  288.     padding: 0;
  289.     border: 2px solid #e5e5e5;
  290.     width: calc(50% - 1.6rem);
  291.     box-shadow: none;
  292.     height: auto;
  293. }
  294.  
  295. div.isp_center_container ul#isp_search_results_container li.isp_grid_product:hover,
  296. ul#isp_quick_view_content_lookalike li.isp_grid_product:hover {
  297.     background: #888888;
  298.     border-color: #888888;
  299. }
  300.  
  301. div.isp_center_container ul#isp_search_results_container li.isp_grid_product > *:not(.isp_sold_out_banner_container),
  302. ul#isp_quick_view_content_lookalike li.isp_grid_product > *:not(.isp_sold_out_banner_container) {
  303.     width: 100%;
  304. }
  305.  
  306. .isp_favorite {
  307.     left: 0;
  308.     right: auto;
  309. }
  310.  
  311. li.isp_grid_product [itemscope] {
  312.     display: none;
  313. }
  314.  
  315. li.isp_grid_product div.isp_product_image_wrapper {
  316.     background: #ffffff;
  317.     height: auto;
  318. }
  319.  
  320. li.isp_grid_product div.isp_product_image_wrapper a.isp_product_image_href:after {
  321.     content: '';
  322.     display: block;
  323.     padding-bottom: 100%;
  324. }
  325.  
  326. li.isp_grid_product div.isp_product_info {
  327.     margin: 0;
  328.     padding: 1.21429rem .78571rem;
  329.     text-align: center;
  330. }
  331.  
  332. li.isp_grid_product div.isp_product_info .isp_product_title {
  333.     color: #000;
  334.     font-size: 1rem;
  335. }
  336.  
  337. li.isp_grid_product div.isp_product_info .isp_product_sku {
  338.     color: #666666;
  339. }
  340.  
  341. li.isp_grid_product div.isp_product_info .isp_product_price_wrapper {
  342.     font-size: 0px;
  343. }
  344.  
  345. li.isp_grid_product div.isp_product_info .isp_product_price {
  346.     font-size: 22px;
  347.     font-weight: 700;
  348. }
  349.  
  350. li.isp_grid_product form.isp_add_to_cart_form {
  351.     position: static;
  352.     display: block;
  353.     padding: 1.21429rem .78571rem;
  354.     padding-top: 0;
  355.     margin-top: auto;
  356.     opacity: 1;
  357. }
  358.  
  359. li.isp_grid_product:hover form.isp_add_to_cart_form {
  360.     display: block;
  361. }
  362.  
  363. li.isp_grid_product input[type=submit].isp_add_to_cart_btn {
  364.     background: rgba(0, 0, 0, 0.8);
  365.     color: #fff;
  366.     border-radius: 20px;
  367.     text-transform: uppercase;
  368.     font-size: 1rem;
  369. }
  370.  
  371. li.isp_grid_product input[type=submit].isp_add_to_cart_btn:hover {
  372.     background: #000;
  373.     color: #fff;
  374. }
  375.  
  376. li.isp_grid_product:hover div.isp_product_info * {
  377.     color: #ffffff;
  378. }
  379.  
  380. li.isp_grid_product:hover div.isp_product_info span.isp_search_term_highlight {
  381.     color: #000000;
  382. }
  383.  
  384. @media (min-width: 551px) {
  385.     div.isp_center_container ul#isp_search_results_container li.isp_grid_product,
  386.     ul#isp_quick_view_content_lookalike li.isp_grid_product {
  387.         width: calc(33.33333% - 1.6rem);
  388.     }
  389. }
  390.  
  391. @media (min-width: 801px) {
  392.     div.isp_center_container ul#isp_search_results_container li.isp_grid_product,
  393.     ul#isp_quick_view_content_lookalike li.isp_grid_product {
  394.         width: calc(23% - 1.6rem);
  395.     }
  396. }
  397.  
  398. /*
  399. * Quick view
  400. * ===================================================
  401. */
  402. #isp_search_results_container li.isp_grid_product a.isp_product_quick_view_button, a.isp_product_look_a_like_button {
  403.     transform: translateX(-50%);
  404.     bottom: 15px;
  405.     border-radius: 20px;
  406.     padding-top: 3px;
  407.     padding-bottom: 3px;
  408. }
  409.  
  410. .isp_quick_view_content_right .isp_quick_view_price_wrapper {
  411.     font-size: 0;
  412. }
  413.  
  414. .isp_quick_view_content_right .isp_quick_view_price_wrapper .isp_product_price {
  415.     font-size: 22px;
  416. }
  417.  
  418. .isp_add_to_cart_quantity .isp_add_to_cart_quantity_num, .isp_add_to_cart_quantity .isp_add_to_cart_quantity_num#quantity, .isp_quick_view_add_to_cart_form input.isp_quick_view_add_to_cart_btn {
  419.     border-radius: 20px;
  420.     height: 20px;
  421. }
  422.  
  423. .isp_quick_view_add_to_cart_form input.isp_quick_view_add_to_cart_btn {
  424.     border: 0;
  425. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement