Advertisement
Guest User

glucerna

a guest
Apr 6th, 2020
378
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.44 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: #00529B;
  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: #00529B;
  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: #00529B;
  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. /* desktop pequeño */
  147. @media only screen and (min-width: 980px) and (max-width: 1199px) {
  148.  
  149.     #block-header-center .header-right .cart_ajax {
  150.          display: inline-block;
  151.          vertical-align: top;
  152.          margin-top: -5px;
  153.          padding-right: 0px !important;
  154.      }
  155.      .header_mi_cuenta {
  156.          display: inline-block;
  157.          padding-left: 15px;
  158.          padding-right: 10px !important;
  159.          vertical-align: top;
  160.          margin-top: 10px;
  161.      }
  162.      #block-header-center .header_contactanos {
  163.          display: inline-block;
  164.          padding-left: 15px !important;
  165.          padding-right: 10px !important;
  166.          vertical-align: top;
  167.          margin-top: 10px;
  168.  
  169.      }
  170.  
  171.      #block-header-center .header-right .nrt-search {
  172.          display: inline-block;
  173.          vertical-align: top;
  174.          min-width: 400px !important;
  175.          margin-right: 15px !important;
  176.     }
  177.  
  178.     .header-logo img {
  179.          width: 135px !important;
  180.      }
  181.      .right-product .content-action-product form .button-action {
  182.          display: inline-block;
  183.          background-color: #00529B;
  184.          float: none;
  185.          height: auto;
  186.          width: auto;
  187.          padding: 13px 42px 8px 42px;
  188.          -webkit-border-radius: 15px;
  189.          -moz-border-radius: 15px;
  190.          border-radius: 15px;
  191.          color: #ffffff;
  192.          min-width: 183px !important;
  193.          font-family: Helvetica;
  194.          font-size: 9px !important;
  195.      }
  196.  
  197.      .right-product .product-price-and-shipping span.price {
  198.          font-size: 15px !important;
  199.          font-weight: 700 !important;
  200.      }
  201. }
  202.  
  203. /* telefonos normales o pequeños */
  204. @media only screen and (max-width: 480px) {
  205.      
  206.     div.category_selector .item a {
  207.  
  208.          text-align: center;
  209.          border: 4px solid #00529B !important;
  210.          font-size: 16px;
  211.          padding: 0px 0px 5px 0px;
  212.          -webkit-border-radius: 10px;
  213.          -moz-border-radius: 10px;
  214.          border-radius: 13px;
  215.          display: inline-block;
  216.          color: #00529B !important;
  217.          font-weight: 600;
  218.          min-width: 120px !important;
  219.          margin-bottom: 30px;
  220.          min-height: 120px !important;
  221.          display: flex !important;
  222.          align-items: center;
  223.          flex-direction: column;
  224.          justify-content: center;
  225.      
  226.      }
  227.  
  228.     #nrtpageeditors div.title_block_container header h4 {
  229.          font-size: 10px !important;
  230.          border-bottom: 8px solid !important;
  231.     }
  232.  
  233.     .img-responsive {
  234.          max-width: 50% !important;
  235.          height: auto !important;
  236.          display: table !important;
  237.          margin-left: auto !important;
  238.          margin-right: auto !important;
  239.      }
  240.  
  241.      .cart-grid-body .cart-item .remove-from-cart span {
  242.          font-size: 13px !important;
  243.      }
  244.    
  245. }
  246. /* telefonos grandes u horizontales, o tablet pequeñas */
  247. @media only screen and (min-width: 481px) and (max-width: 767px) {
  248.  
  249.     div.category_selector .item a {
  250.  
  251.          text-align: center;
  252.          border: 2px solid #00529B !important;
  253.          font-size: 16px;
  254.          padding: 0px 0px 5px 0px;
  255.          -webkit-border-radius: 10px;
  256.          -moz-border-radius: 10px;
  257.          border-radius: 13px;
  258.          display: inline-block;
  259.          color: #00529B;
  260.          font-weight: 600;
  261.          min-width: 100px !important;
  262.          max-width: 150px !important   ;
  263.          margin-bottom: 30px;
  264.          min-height: 120px !important;
  265.          display: flex !important;
  266.          align-items: center;
  267.          flex-direction: column;
  268.          justify-content: center;
  269.      
  270.      }
  271. }
  272.  
  273. /* tablet */
  274. @media only screen and (min-width: 768px) and (max-width: 979px) {
  275.  
  276.  
  277.     div.category_selector .item a {
  278.  
  279.          text-align: center;
  280.          border: 4px solid #00529B;
  281.          font-size: 16px;
  282.          padding: 0px 0px 5px 0px;
  283.          -webkit-border-radius: 10px;
  284.          -moz-border-radius: 10px;
  285.          border-radius: 13px;
  286.          display: inline-block;
  287.          color: #00529B;
  288.          font-weight: 600;
  289.          min-width: 120px !important;
  290.          max-width: 150px !important   ;
  291.          margin-bottom: 30px;
  292.          min-height: 120px !important;
  293.          display: flex !important;
  294.          align-items: center;
  295.          flex-direction: column;
  296.          justify-content: center;
  297.      
  298.      }
  299.      
  300. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement