Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2018
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.31 KB | None | 0 0
  1. .home_top_tab{clear:both;}
  2. .ui-helper-hidden { display: none; }
  3. .ui-helper-hidden-accessible { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
  4. .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  5. .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
  6. .ui-helper-clearfix:after { clear: both; }
  7. .ui-helper-clearfix { zoom: 1; }
  8. .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  9. /* Interaction Cues
  10. ----------------------------------*/
  11. .ui-state-disabled {cursor:default }
  12. /* Icons
  13. ----------------------------------*/
  14. /* states and images */
  15. .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  16.  
  17. /* Misc visuals
  18. ----------------------------------*/
  19. /* Overlays */
  20. .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  21. .ui-tabs { position: relative; padding:0; zoom: 1; }
  22. #tabs #ul_cs_tab{display:block;overflow:hidden;position:relative;z-index:10;min-height:20px;}
  23. .ui-tabs .ui-tabs-nav li {float: left; position: relative;white-space:nowrap;transition:all 0.5s ease 0s;}
  24. .ui-tabs .ui-tabs-nav li.last{}
  25. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
  26. .ui-tabs .ui-tabs-nav li a:hover{ color:#E92D2D;}
  27. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  28. .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;}
  29. .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding:0; background: none;}
  30. .tabs-carousel{clear:both;position: relative; }
  31. .ui-tabs .ui-tabs-hide { display: none; }
  32. .home_top_tab a.button_mobile{display:none}
  33.  
  34. /* Component containers
  35. ----------------------------------*/
  36. .ui-widget {}
  37. .ui-widget .ui-widget {}
  38. .ui-widget-content {margin-bottom:0; border:none; background-color:transparent }
  39. .ui-widget-header a { color:#222222 }
  40. .home_top_tab .prev,.home_top_tab  .next{top:2px;}
  41. /*product list*/
  42. .product-list li .category_name{color: #969696;font-size:11px;margin-bottom:7px;}
  43.  
  44.  
  45. /*jquery.carouFredSel-6.1.0-packed*/
  46. .list_carousel {
  47.    
  48. }
  49. .list_carousel ul {
  50.     display: block;
  51.     }
  52. .wt_home_filter_product_tab ul.product-list{}
  53. .wt_home_filter_product_tab .caroufredsel_wrapper {}
  54. .wt_home_filter_product_tab .cycleElementsContainer{ padding: 0 0px}
  55. .wt_home_filter_product_tab .list_carousel.responsive {
  56.     margin-left: -30px !important;
  57.    
  58. }
  59.  
  60. .timer {
  61.     background-color: #999;
  62.     height: 6px;
  63.     width: 0px;
  64. }
  65. .ui-tabs .ui-tabs-hide {
  66.     visibility: hidden;
  67.     height: 0;
  68. }
  69. .wt_home_filter_product_tab{padding:0;clear: both;  margin-bottom:40px;margin-top:50px;}
  70. .wt_home_filter_product_tab ul.title-tab{margin-bottom:30px; height: 41px;}
  71. .wt_home_filter_product_tab ul.title-tab li
  72. {   float: left;
  73.     height: auto;
  74.     list-style: none outside none;
  75.     padding:0;
  76.     margin:0 20px;
  77.     position: relative;
  78.     white-space: nowrap;
  79.     z-index:2;
  80.     left: 0;
  81.     border: none;
  82. }
  83. .wt_home_filter_product_tab ul.title-tab li#2{border-left:1px solid #dedede;border-right:1px solid #dedede}
  84. .wt_home_filter_product_tab ul.title-tab li:first-child{ z-index:3; margin-left: 0;}
  85. .wt_home_filter_product_tab ul.title-tab li.last{ z-index:1; }
  86. .wt_home_filter_product_tab ul.title-tab li a, .wt_home_filter_product_tab .title_tab_hide_show a
  87. {
  88.     color: #666;
  89.     float: left;
  90.     font-family: Lato;
  91.     font-size:12px;
  92.     padding: 10px; 
  93.     text-decoration: none;
  94.     text-align:center;
  95.     text-transform: uppercase;
  96.     width: auto;
  97.     position: relative;
  98.     letter-spacing: 3px;
  99. }
  100. .wt_home_filter_product_tab ul.title-tab li a:before{
  101.   content: "";
  102.   position: absolute;
  103.   z-index: -1;
  104.   left: 50%;
  105.   right: 50%;
  106.   bottom: -1px;
  107.   height: 1px;
  108.   border-bottom: 1px solid #000;
  109.   -webkit-transition-property: left, right;
  110.   transition-property: left, right;
  111.   -webkit-transition-duration: 0.3s;
  112.   transition-duration: 0.3s;
  113.   -webkit-transition-timing-function: ease-out;
  114.   transition-timing-function: ease-out;
  115. }
  116. .wt_home_filter_product_tab .title_tab_hide_show  a:before{
  117.   content: "";
  118.   position: absolute;
  119.   z-index: -1;
  120.   left: 0;
  121.   right: 0;
  122.   bottom: -1px;
  123.   background: #0166c3;
  124.   height: 2px;
  125.   border-bottom: 5px solid #0166c3;
  126.   -webkit-transition-property: left, right;
  127.   transition-property: left, right;
  128.   -webkit-transition-duration: 0.3s;
  129.   transition-duration: 0.3s;
  130.   -webkit-transition-timing-function: ease-out;
  131.   transition-timing-function: ease-out;
  132. }
  133. .wt_home_filter_product_tab ul.title-tab li a:hover:after, .wt_home_filter_product_tab ul.title-tab li.ui-tabs-selected a:after {
  134.  
  135. }
  136. .wt_home_filter_product_tab ul.title-tab li.ui-tabs-selected a{
  137. text-transform: uppercase;
  138. color:#000;
  139. border-bottom:1px solid #000;
  140. }
  141.  .wt_home_filter_product_tab ul.title-tab li a:hover:before{
  142. left: 0;
  143.   right: 0;
  144. }
  145.  
  146. .wt_home_filter_product_tab ul.title-tab li.ui-tabs-selected a:hover{color:#000;}
  147.  
  148. .wt_home_filter_product_tab ul.title-tab li a:hover{
  149. color:#000;
  150. }
  151.  
  152.  
  153.  
  154. .wt_home_filter_product_tab .content-tab-product{clear:both; }
  155. .wt_home_filter_product_tab  .content-tab-product .loading{background: url(../img/loading.gif); width: 50px; height: 50px; margin: 100px auto;}
  156.  
  157.  
  158. .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li.ajax_block_product {
  159.     float:left;
  160.     position:relative;
  161.     text-align:center;
  162.     margin: 0 0 0 30px;
  163.     padding: 0;
  164.     padding-bottom:15px;
  165.     height: auto;
  166. }
  167. .wt_home_filter_product_tab .content-tab-product .cycleElementsContainer .list_carousel .product-block .cat-name{    font-size: 13px;
  168.     font-weight: normal;
  169.     text-transform: capitalize;
  170.     text-align:left;
  171.     margin: 10px;
  172.     }
  173. .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li .product-image-container{position: relative; margin-right: 0;}
  174. .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li.ajax_block_product:hover{  
  175. /* -webkit-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.23);
  176.     box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.23);*/
  177.     }
  178.     .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li.ajax_block_product:hover .wt-button-container .ajax_add_to_cart_button, .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li.ajax_block_product:hover .quickview{    background: #fff;
  179.     -webkit-transition: all 0.8s;
  180.     -moz-transition: all 0.8s;
  181.     -o-transition: all 0.8s;
  182.     transition: all 0.8s;
  183.     color: #000;
  184.    
  185.     }
  186. .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li.ajax_block_product:hover .wt-button-container .ajax_add_to_cart_button:before{-webkit-transition: all 0.8s;
  187.     -moz-transition: all 0.8s;
  188.     -o-transition: all 0.8s;
  189.     transition: all 0.8s;
  190.     color: #000;}
  191. ul.product-list  > li.first_item{border: none !important;}
  192. .wt_home_filter_product_tab .product-name{margin-top: 20px;color:#000;    font-size: 10px; letter-spacing: 2px;text-transform:uppercase;font-weight:normal;}
  193. .wt_home_filter_product_tab .comments_note{text-align: center; margin-top: 15px; height: 18px;}
  194. .wt_home_filter_product_tab .wt_color{display: inline-block; margin-top: 10px;}
  195. .wt_home_filter_product_tab .review{float: right; margin-right: 10px; display: inline-block;}
  196. .wt_home_filter_product_tab .review .star_content{display:inline-block;}
  197. .wt_home_filter_product_tab  .review  .nb-comments{display:none; vertical-align: 3px;font-style: italic; color:#000; font-size: 10px;}
  198. .wt_home_filter_product_tab  .content_price{margin-top:5px;margin-bottom:0;text-align:center;}
  199. .content_price .price{font-size:11px;color:#000;letter-spacing: 2px;font-family:'Lato', sans-serif;}
  200. .content_price .old-price{font-size:11px;color:#666;font-family:'Lato', sans-serif;letter-spacing: 2px;text-decoration: line-through;padding-left:15px;}
  201. .wt_home_filter_product_tab   a.btn{
  202.   background-image: url("../img/bkg_pre_next.png");
  203.   background-repeat: no-repeat;
  204.   float: left;
  205.   height: 28px;
  206.   padding: 0;
  207.   position: absolute;
  208.   text-indent: -9999px;
  209.   top: -70px;
  210.   transition: all 0.3s ease 0s;
  211.   width: 28px;
  212.   z-index: 0;
  213. }
  214.  
  215. .wt_home_filter_product_tab   a.next {
  216.   background-position: 0 100%;
  217.   right: 0px;
  218.    top: -68px;
  219. }
  220. .wt_home_filter_product_tab  a.next:hover {
  221.   background-position: 100% 100%;
  222. }
  223. .wt_home_filter_product_tab  a.prev {
  224.   right: 30px;
  225.   background-position:0 0;
  226. }
  227. .wt_home_filter_product_tab  a.prev:hover {
  228.   background-position: 100% 0;
  229. }
  230. .ajax_block_product .thumbs-content .loading{background: url(../img/loading_small.gif); width: 30px; height: 30px; margin-left: 15px; position: relative; margin-top: 30%; }
  231.  
  232.  
  233. ul.product-list .ajax_block_product .thumbs-content  .view_scroll_left i:before{color: #000; font-size: 12px; }
  234. ul.product-list .ajax_block_product .thumbs-content  .view_scroll_right i:before{color: #000; font-size: 12px; }
  235.  
  236. .ajax_block_product .thumbs-content {
  237.  
  238.   box-sizing: content-box;
  239.   left: 0;
  240.   opacity: 0;
  241.   overflow: hidden;
  242.   position: absolute;
  243.   top: 0px;
  244.   transition: all 0.4s ease 0s;
  245.   width: 60px;
  246.   z-index: 10;
  247.  
  248. }
  249.  
  250. .ajax_block_product .thumbs-content .thumbs_list {
  251.   overflow: hidden;
  252.  
  253. }
  254. .ajax_block_product .thumbs-content .thumbs_list.show_sroll{height: 250px;}
  255. .ajax_block_product .thumbs-content  .view_scroll_left{display:none; position: relative; top: 0px; text-align: center; }
  256. .ajax_block_product .thumbs-content  .view_scroll_left .icon-chevron-up::before{content: "\f077"; font-style: normal; font-family: FontAwesome; font-size: 10px;color:#000; }
  257.  
  258. .ajax_block_product .thumbs-content  .view_scroll_right{position: relative; bottom: 0px; text-align: center;}
  259. .ajax_block_product .thumbs-content  .view_scroll_right .icon-chevron-down::before{content: "\f078"; font-style: normal; font-family: FontAwesome; font-size: 10px; color:#000;}
  260.  
  261. .ajax_block_product .thumbs-content .thumbs_list li {
  262.   border: 0 none;
  263.   margin: 0px 0 0;
  264.  
  265. }
  266.  
  267. .ajax_block_product .thumbs-content .thumbs_list li a img{ margin: 0 auto !important; }
  268.  
  269. .ajax_block_product .thumbs-content {
  270.  
  271.   left: 40%;
  272.   right: initial;
  273.   opacity: 0;
  274.   overflow: hidden;
  275.   position: absolute;
  276.   top:0px;
  277.   transition: all 0.4s ease 0s;
  278.   z-index: 10;
  279. }
  280.  
  281. ul.product-list li .wt_container_thumbnail:hover .thumbs-content {
  282.   left: -53px;
  283.   right: initial;
  284.   opacity: 1;
  285.   z-index:99;
  286. }
  287. ul.product-list li.first_item .wt_container_thumbnail:hover .thumbs-content {
  288.     left: 100%;
  289.     opacity: 1;
  290.     z-index: 99;
  291.     border-left: none !important;
  292. }
  293. ul.product-list li .wt_container_thumbnail:hover .wt_size{opacity: 1;}
  294. /*
  295. ul.product-list  li.first_item  .wt_container_thumbnail .thumbs-content {left: initial;right: 40%; }
  296. ul.product-list  li.first_item  .wt_container_thumbnail:hover .thumbs-content {
  297.   left: initial;
  298.   right: 0;
  299.   opacity: 1;
  300.   z-index:99;
  301.    border-left: none !important;
  302.    
  303. }*/
  304.  
  305.  
  306.    @media (min-width: 992px ) and (max-width: 1199px) {
  307.        
  308.        .ajax_block_product .thumbs-content{top:0;}
  309.        
  310.  
  311.   }
  312.  
  313.  @media (min-width: 768px) and (max-width: 991px) {
  314. .wt_home_filter_product_tab{padding-left: 20px !important;}
  315.  .ajax_block_product .thumbs-content{top:0;}
  316.  .wt_home_filter_product_tab ul.title-tab li{left: 0;margin:0;}
  317.  .wt_home_filter_product_tab .cycleElementsContainer ul.product-list li.ajax_block_product{height: 300px;}
  318.  }
  319.  
  320.  @media (max-width: 767px) {
  321.  #wt-new-products  a.prev{left:10px}
  322.  #wt-new-products   a.next {right:10px;}
  323.  
  324.  
  325.  .wt-button-container .ajax_add_to_cart_button{font-size:0;}
  326.  .product-quick-view{top:0;float:left;}
  327.     .wt_home_filter_product_tab .product-name{font-size:12px;}
  328.     .wt_home_filter_product_tab ul.title-tab li{left: 0; margin: 0;}
  329.     .wt_home_filter_product_tab ul.title-tab li a, .wt_home_filter_product_tab .title_tab_hide_show a{font-size: 10px; letter-spacing: 1px;}
  330.     #wt-new-products ul.product-list li.ajax_block_product{height: 370px;}
  331.    
  332.     .wt_home_filter_product_tab ul.title-tab li.last:after{background: none; right: 0;}
  333.     .wt_home_filter_product_tab{margin-bottom: 20px; padding: 0 15px;}
  334.  }
  335.   @media (min-width: 768px) {
  336.       .wt_home_filter_product_tab{padding-left: 40px;margin-bottom:0}
  337.   }
  338.  ul.product-list li{
  339.  -moz-transition: all 0.5s;
  340.  -o-transition: all 0.5s;
  341.  -webkit-transition: all 0.5s;
  342.  transition: all 0.5s;
  343.  position: relative;
  344.  }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement