Advertisement
Guest User

similac

a guest
Apr 6th, 2020
425
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.67 KB | None | 0 0
  1.  /* Start - Search Page. */
  2.  #search .right-product .content-action-product form .button-action {
  3.      margin-top: 18px !important;
  4.      }
  5.      #search .right-product .product-price-and-shipping {
  6.      display: inline-block !important;
  7.      vertical-align: bottom !important;
  8.      margin-left: 4px;
  9.      }
  10.      
  11.      #search .input-group .input-group-btn {
  12.      position: relative;
  13.      vertical-align: top;
  14.      }
  15.      #search .bootstrap-touchspin input.form-control, .owl-carousel .bootstrap-touchspin input.input-group {
  16.      float: none;
  17.      display: inline-block !important;
  18.      height: 28px !important;
  19.      box-shadow: none !important;
  20.      border-bottom: 1px solid #ddd;
  21.      border-top: 1px solid #ddd;
  22.      border-right: 0px;
  23.      border-left: 0px;
  24.      box-shadow: none;
  25.      border-right: none !important;
  26.      border-left: none !important;
  27.      }
  28.      #search .right-product .content-action-product {
  29.           margin-top: 0px !important;
  30.      display: inline-block !important;
  31.      }
  32.      #search .right-product .qty {
  33.      display: inline-block !important;
  34.      margin-bottom: -4px;
  35.      margin-left: 15px;
  36.      }
  37.      
  38.      #search .bootstrap-touchspin-down {
  39.      border-bottom: 1px solid #ddd !important;
  40.      border-top: 1px solid #ddd !important;
  41.      border-left: 1px solid #ddd !important;
  42.      color: #ddd !important;
  43.      font-weight: bold;
  44.      font-size: 20px;
  45.      border-right: 0px;
  46.      border-radius: 5px 0px 0px 5px;
  47.      border-right: none !important;
  48.      }
  49.      #search .bootstrap-touchspin-up {
  50.      border-bottom: 1px solid #ddd !important;
  51.      border-top: 1px solid #ddd !important;
  52.      border-right: 1px solid #ddd !important;
  53.      color: #ddd !important;
  54.      font-weight: bold;
  55.      font-size: 20px;
  56.      border-left: 0px;
  57.      border-radius: 0px 5px 5px 0px;
  58.      border-left: none !important;
  59.      }
  60.      #search .input-group .input-group-btn > .btn:hover {
  61.      color: #ffffff;
  62.      background-color: #2ebef2;
  63.      }
  64.      #search .input-group .input-group-btn > .btn {
  65.      min-height: 28px !important;
  66.      padding: 8px 8px !important;
  67.      font-size: 18px !important;
  68.      line-height: 10px !important;
  69.      }
  70.      /* End - Search Page. */
  71.  
  72.      * Esconder boton de la lista*/
  73.  
  74.  .click-product-list-grid {
  75.      display: none !important;
  76.  }
  77.  
  78.  
  79.  
  80.  @media only screen and (min-width: 1199px) and (max-width: 1555px) {
  81.  
  82.      #block-header-center .header-right .cart_ajax {
  83.           display: inline-block;
  84.           vertical-align: top;
  85.           margin-top: -5px;
  86.           padding-right: 0px !important;
  87.       }
  88.       .header_mi_cuenta {
  89.           display: inline-block;
  90.           padding-left: 15px;
  91.           padding-right: 10px !important;
  92.           vertical-align: top;
  93.           margin-top: 10px;
  94.       }
  95.       #block-header-center .header_contactanos {
  96.           display: inline-block;
  97.           padding-left: 15px !important;
  98.           padding-right: 10px !important;
  99.           vertical-align: top;
  100.           margin-top: 10px;
  101.  
  102.       }
  103.  
  104.       #block-header-center .header-right .nrt-search {
  105.           display: inline-block;
  106.           vertical-align: top;
  107.           min-width: 600px !important;
  108.           margin-right: 0px !important;
  109.      }
  110.  
  111.      .no-show-cat #searchbox {
  112.           width: 90% !important;
  113.           background-color: #0d9ed3;
  114.           -webkit-border-radius: 15px;
  115.           -moz-border-radius: 15px;
  116.           border-radius: 15px;
  117.      }
  118.  
  119.  
  120.      .header-logo img {
  121.           width: 135px !important;
  122.       }
  123.       .right-product .content-action-product form .button-action {
  124.           display: inline-block;
  125.           background-color: #2ebef2;
  126.           float: none;
  127.           height: auto;
  128.           width: auto;
  129.           padding: 13px 42px 8px 42px;
  130.           -webkit-border-radius: 15px;
  131.           -moz-border-radius: 15px;
  132.           border-radius: 15px;
  133.           color: #ffffff;
  134.           min-width: 183px !important;
  135.           font-family: Helvetica;
  136.           font-size: 9px !important;
  137.       }
  138.  
  139.       .right-product .product-price-and-shipping span.price {
  140.           font-size: 15px !important;
  141.           font-weight: 700 !important;
  142.       }
  143.  }
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  /* desktop pequeño */
  150.  @media only screen and (min-width: 980px) and (max-width: 1199px) {
  151.  
  152.      #block-header-center .header-right .cart_ajax {
  153.           display: inline-block;
  154.           vertical-align: top;
  155.           margin-top: -5px;
  156.           padding-right: 0px !important;
  157.       }
  158.       .header_mi_cuenta {
  159.           display: inline-block;
  160.           padding-left: 15px;
  161.           padding-right: 10px !important;
  162.           vertical-align: top;
  163.           margin-top: 10px;
  164.       }
  165.       #block-header-center .header_contactanos {
  166.           display: inline-block;
  167.           padding-left: 15px !important;
  168.           padding-right: 10px !important;
  169.           vertical-align: top;
  170.           margin-top: 10px;
  171.  
  172.       }
  173.  
  174.       #block-header-center .header-right .nrt-search {
  175.           display: inline-block;
  176.           vertical-align: top;
  177.           min-width: 400px !important;
  178.           margin-right: 0px !important;
  179.      }
  180.  
  181.      .no-show-cat #searchbox {
  182.           width: 70% !important;
  183.           background-color: #0d9ed3;
  184.           -webkit-border-radius: 15px;
  185.           -moz-border-radius: 15px;
  186.           border-radius: 15px;
  187.      }
  188.  
  189.  
  190.      .header-logo img {
  191.           width: 135px !important;
  192.       }
  193.       .right-product .content-action-product form .button-action {
  194.           display: inline-block;
  195.           background-color: #2ebef2;
  196.           float: none;
  197.           height: auto;
  198.           width: auto;
  199.           padding: 13px 42px 8px 42px;
  200.           -webkit-border-radius: 15px;
  201.           -moz-border-radius: 15px;
  202.           border-radius: 15px;
  203.           color: #ffffff;
  204.           min-width: 183px !important;
  205.           font-family: Helvetica;
  206.           font-size: 9px !important;
  207.       }
  208.  
  209.       .right-product .product-price-and-shipping span.price {
  210.           font-size: 15px !important;
  211.           font-weight: 700 !important;
  212.       }
  213.  }
  214.  
  215.  /* telefonos normales o pequeños */
  216.  @media only screen and (max-width: 480px) {
  217.      
  218.      div.category_selector .item a {
  219.  
  220.           text-align: center;
  221.           border: 4px solid #2ebef2 !important;
  222.           font-size: 16px;
  223.           padding: 0px 0px 5px 0px;
  224.           -webkit-border-radius: 10px;
  225.           -moz-border-radius: 10px;
  226.           border-radius: 13px;
  227.           display: inline-block;
  228.           color: #2ebef2 !important;
  229.           font-weight: 600;
  230.           min-width: 120px !important;
  231.           margin-bottom: 30px;
  232.           min-height: 120px !important;
  233.           display: flex !important;
  234.           align-items: center;
  235.           flex-direction: column;
  236.           justify-content: center;
  237.      
  238.       }
  239.  
  240.      #nrtpageeditors div.title_block_container header h4 {
  241.           font-size: 10px !important;
  242.           border-bottom: 8px solid !important;
  243.      }
  244.  
  245.      .img-responsive {
  246.           max-width: 50% !important;
  247.           height: auto !important;
  248.           display: table !important;
  249.           margin-left: auto !important;
  250.           margin-right: auto !important;
  251.       }
  252.  
  253.       .cart-grid-body .cart-item .remove-from-cart span {
  254.           font-size: 13px !important;
  255.       }
  256.      
  257.  }
  258.  /* telefonos grandes u horizontales, o tablet pequeñas */
  259.  @media only screen and (min-width: 481px) and (max-width: 767px) {
  260.  
  261.      div.category_selector .item a {
  262.  
  263.           text-align: center;
  264.           border: 2px solid #2ebef2 !important;
  265.           font-size: 16px;
  266.           padding: 0px 0px 5px 0px;
  267.           -webkit-border-radius: 10px;
  268.           -moz-border-radius: 10px;
  269.           border-radius: 13px;
  270.           display: inline-block;
  271.           color: #2ebef2;
  272.           font-weight: 600;
  273.           min-width: 100px !important;
  274.           max-width: 150px !important   ;
  275.           margin-bottom: 30px;
  276.           min-height: 120px !important;
  277.           display: flex !important;
  278.           align-items: center;
  279.           flex-direction: column;
  280.           justify-content: center;
  281.      
  282.       }
  283.  }
  284.  
  285.  /* tablet */
  286.  @media only screen and (min-width: 768px) and (max-width: 979px) {
  287.  
  288.  
  289.      div.category_selector .item a {
  290.  
  291.           text-align: center;
  292.           border: 4px solid #2ebef2;
  293.           font-size: 16px;
  294.           padding: 0px 0px 5px 0px;
  295.           -webkit-border-radius: 10px;
  296.           -moz-border-radius: 10px;
  297.           border-radius: 13px;
  298.           display: inline-block;
  299.           color: #2ebef2;
  300.           font-weight: 600;
  301.           min-width: 120px !important;
  302.           max-width: 150px !important   ;
  303.           margin-bottom: 30px;
  304.           min-height: 120px !important;
  305.           display: flex !important;
  306.           align-items: center;
  307.           flex-direction: column;
  308.           justify-content: center;
  309.      
  310.       }
  311.      
  312.  }
  313.  
  314. /* desktop pequeño */
  315. @media only screen and (min-width: 980px) and (max-width: 1199px) {
  316.  
  317.      div.category_selector .item a {
  318.  
  319.           text-align: center;
  320.           border: 4px solid #2ebef2;
  321.           font-size: 16px;
  322.           padding: 0px 0px 5px 0px;
  323.           -webkit-border-radius: 10px;
  324.           -moz-border-radius: 10px;
  325.           border-radius: 13px;
  326.           display: inline-block;
  327.           color: #2ebef2;
  328.           font-weight: 600;
  329.           min-width: 120px !important;
  330.           max-width: 150px !important   ;
  331.           margin-bottom: 30px;
  332.           min-height: 120px !important;
  333.           display: flex !important;
  334.           align-items: center;
  335.           flex-direction: column;
  336.           justify-content: center;
  337.      
  338.       }
  339.  
  340.    
  341. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement