API tools faq
paste
Advertisement
Guest User

pediasure

a guest
Apr 6th, 2020
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.49 KB | None | 0 0
raw download clone embed print report
  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.  @media only screen and (min-width: 1199px) and (max-width: 1555px) {
  79.  
  80.      #block-header-center .header-right .cart_ajax {
  81.           display: inline-block;
  82.           vertical-align: top;
  83.           margin-top: -5px;
  84.           padding-right: 0px !important;
  85.       }
  86.       .header_mi_cuenta {
  87.           display: inline-block;
  88.           padding-left: 15px;
  89.           padding-right: 10px !important;
  90.           vertical-align: top;
  91.           margin-top: 10px;
  92.       }
  93.       #block-header-center .header_contactanos {
  94.           display: inline-block;
  95.           padding-left: 15px !important;
  96.           padding-right: 10px !important;
  97.           vertical-align: top;
  98.           margin-top: 10px;
  99.  
  100.       }
  101.  
  102.       #block-header-center .header-right .nrt-search {
  103.           display: inline-block;
  104.           vertical-align: top;
  105.           min-width: 600px !important;
  106.           margin-right: 0px !important;
  107.      }
  108.  
  109.      .no-show-cat #searchbox {
  110.           width: 90% !important;
  111.           background-color: #5F0B9B;
  112.           -webkit-border-radius: 15px;
  113.           -moz-border-radius: 15px;
  114.           border-radius: 15px;
  115.      }
  116.  
  117.  
  118.      .header-logo img {
  119.           width: 135px !important;
  120.       }
  121.       .right-product .content-action-product form .button-action {
  122.           display: inline-block;
  123.           background-color: #5F0B9B;
  124.           float: none;
  125.           height: auto;
  126.           width: auto;
  127.           padding: 13px 42px 8px 42px;
  128.           -webkit-border-radius: 15px;
  129.           -moz-border-radius: 15px;
  130.           border-radius: 15px;
  131.           color: #ffffff;
  132.           min-width: 183px !important;
  133.           font-family: Helvetica;
  134.           font-size: 9px !important;
  135.       }
  136.  
  137.       .right-product .product-price-and-shipping span.price {
  138.           font-size: 15px !important;
  139.           font-weight: 700 !important;
  140.       }
  141.  }
  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: #5F0B9B;
  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 #182e5c;
  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;
  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: 90%;
  235.           height: auto;
  236.           display: table;
  237.           margin-left: auto;
  238.           margin-right: auto;
  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: 4px solid #182e5c;
  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 #182e5c;
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!