Advertisement
Guest User

pediasure

a guest
Apr 7th, 2020
302
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.79 KB | None | 0 0
  1.  
  2. /* Esconder boton de la lista*/
  3.  
  4. .click-product-list-grid {
  5.      display: none !important;
  6.  }
  7.  
  8.  @media only screen and (min-width: 1199px) and (max-width: 1555px) {
  9.  
  10.      #block-header-center .header-right .cart_ajax {
  11.           display: inline-block;
  12.           vertical-align: top;
  13.           margin-top: -5px;
  14.           padding-right: 0px !important;
  15.       }
  16.       .header_mi_cuenta {
  17.           display: inline-block;
  18.           padding-left: 15px;
  19.           padding-right: 10px !important;
  20.           vertical-align: top;
  21.           margin-top: 10px;
  22.       }
  23.       #block-header-center .header_contactanos {
  24.           display: inline-block;
  25.           padding-left: 15px !important;
  26.           padding-right: 10px !important;
  27.           vertical-align: top;
  28.           margin-top: 10px;
  29.  
  30.       }
  31.  
  32.       #block-header-center .header-right .nrt-search {
  33.           display: inline-block;
  34.           vertical-align: top;
  35.           min-width: 600px !important;
  36.           margin-right: 0px !important;
  37.      }
  38.  
  39.      .no-show-cat #searchbox {
  40.           width: 90% !important;
  41.           background-color: #5F0B9B;
  42.           -webkit-border-radius: 15px;
  43.           -moz-border-radius: 15px;
  44.           border-radius: 15px;
  45.      }
  46.  
  47.  
  48.      .header-logo img {
  49.           width: 135px !important;
  50.       }
  51.       .right-product .content-action-product form .button-action {
  52.           display: inline-block;
  53.           background-color: #5F0B9B;
  54.           float: none;
  55.           height: auto;
  56.           width: auto;
  57.           padding: 13px 42px 8px 42px;
  58.           -webkit-border-radius: 15px;
  59.           -moz-border-radius: 15px;
  60.           border-radius: 15px;
  61.           color: #ffffff;
  62.           min-width: 183px !important;
  63.           font-family: Helvetica;
  64.           font-size: 9px !important;
  65.       }
  66.  
  67.       .right-product .product-price-and-shipping span.price {
  68.           font-size: 15px !important;
  69.           font-weight: 700 !important;
  70.       }
  71.  }
  72.  /* desktop pequeño */
  73.  @media only screen and (min-width: 980px) and (max-width: 1199px) {
  74.  
  75.      #block-header-center .header-right .cart_ajax {
  76.           display: inline-block;
  77.           vertical-align: top;
  78.           margin-top: -5px;
  79.           padding-right: 0px !important;
  80.       }
  81.       .header_mi_cuenta {
  82.           display: inline-block;
  83.           padding-left: 15px;
  84.           padding-right: 10px !important;
  85.           vertical-align: top;
  86.           margin-top: 10px;
  87.       }
  88.       #block-header-center .header_contactanos {
  89.           display: inline-block;
  90.           padding-left: 15px !important;
  91.           padding-right: 10px !important;
  92.           vertical-align: top;
  93.           margin-top: 10px;
  94.  
  95.       }
  96.  
  97.       #block-header-center .header-right .nrt-search {
  98.           display: inline-block;
  99.           vertical-align: top;
  100.           min-width: 400px !important;
  101.           margin-right: 15px !important;
  102.      }
  103.  
  104.      .header-logo img {
  105.           width: 135px !important;
  106.       }
  107.       .right-product .content-action-product form .button-action {
  108.           display: inline-block;
  109.           background-color: #5F0B9B;
  110.           float: none;
  111.           height: auto;
  112.           width: auto;
  113.           padding: 13px 42px 8px 42px;
  114.           -webkit-border-radius: 15px;
  115.           -moz-border-radius: 15px;
  116.           border-radius: 15px;
  117.           color: #ffffff;
  118.           min-width: 183px !important;
  119.           font-family: Helvetica;
  120.           font-size: 9px !important;
  121.       }
  122.  
  123.       .right-product .product-price-and-shipping span.price {
  124.           font-size: 15px !important;
  125.           font-weight: 700 !important;
  126.       }
  127.  
  128.  
  129.       .cart-grid .cart-voucher .promo-code .btn-primary {
  130.           margin-top: 6px !important;
  131.           margin-left: 3px !important;
  132.       }
  133.  
  134.  
  135.       .input-group .input-group-btn>.btn {
  136.           min-height: 40px !important;
  137.           padding: 0px 3px;
  138.           font-size: 25px !important;
  139.           line-height: 0;
  140.       }
  141.  
  142.       .cart-grid-body .product-line-grid-right .price .product-price {
  143.           margin-left: -15px;
  144. }
  145.  
  146.  
  147. /* telefonos grandes u horizontales, o tablet pequeñas */
  148. @media only screen and (min-width: 320px) and (max-width: 480px) {
  149.  
  150.  
  151.      #top_header span {
  152.           margin-left: 28px !important;
  153.       }
  154.  
  155.       .right-product .product-price-and-shipping span.price {
  156.           font-size: 20px !important;
  157.           font-weight: 600;
  158.       }
  159.  
  160.       div.category_selector .item a {
  161.  
  162.           text-align: center;
  163.           border: 4px solid #182e5c;
  164.           font-size: 16px;
  165.           padding: 0px 0px 5px 0px;
  166.           -webkit-border-radius: 10px;
  167.           -moz-border-radius: 10px;
  168.           border-radius: 13px;
  169.           display: inline-block;
  170.           color: #00529B;
  171.           font-weight: 600;
  172.           min-width: 80px !important;
  173.           margin-bottom: 30px;
  174.           min-height: 80px !important;
  175.           display: flex !important;
  176.           align-items: center;
  177.           flex-direction: column;
  178.           justify-content: center;
  179.      
  180.       }
  181. }
  182.      
  183. /* telefonos grandes u horizontales, o tablet pequeñas */
  184. @media only screen and (min-width: 481px) and (max-width: 767px) {
  185.  
  186.      
  187.      div.category_selector .item a {
  188.  
  189.           text-align: center;
  190.           border: 4px solid #182e5c;
  191.           font-size: 16px;
  192.           padding: 0px 0px 5px 0px;
  193.           -webkit-border-radius: 10px;
  194.           -moz-border-radius: 10px;
  195.           border-radius: 13px;
  196.           display: inline-block;
  197.           color: #00529B;
  198.           font-weight: 600;
  199.           min-width: 80px !important;
  200.           margin-bottom: 30px;
  201.           min-height: 80px !important;
  202.           display: flex !important;
  203.           align-items: center;
  204.           flex-direction: column;
  205.           justify-content: center;
  206.      
  207.       }
  208. }
  209.  
  210.  /* tablet */
  211.  @media only screen and (min-width: 766px) and (max-width: 980px) {
  212.  
  213.      
  214.      div.category_selector .item a {
  215.  
  216.           text-align: center;
  217.           border: 4px solid #182e5c;
  218.           font-size: 16px;
  219.           padding: 0px 0px 5px 0px;
  220.           -webkit-border-radius: 10px;
  221.           -moz-border-radius: 10px;
  222.           border-radius: 13px;
  223.           display: inline-block;
  224.           color: #00529B;
  225.           font-weight: 600;
  226.           min-width: 120px !important;
  227.           width: 120px;
  228.           margin-bottom: 30px;
  229.           min-height: 120px !important;
  230.           display: flex !important;
  231.           align-items: center;
  232.           flex-direction: column;
  233.           justify-content: center;
  234.       }
  235.  
  236.       .footer-container .links ul {
  237.           background-color: transparent;
  238.           text-align: left !important;
  239.          
  240.           }
  241.      .footer-container .links .title {
  242.           text-align: center;
  243.           border: 1px solid #979797;
  244.           padding: 5px 5px 5px 5px;
  245.           margin-left: 5px;
  246.           margin-right: 5px;
  247.           }
  248.          
  249.       .footer-container .links .collapse.in {
  250.           padding: 10px;
  251.           }
  252.       .footer-container .links ul>li {
  253.                padding: 5px;
  254.                border: none;
  255.                font-weight: normal;
  256.                border: none;
  257.                text-align: left !important;
  258.            }
  259.  
  260.      .footer-container .links ul>li a {
  261.           color: #fff;
  262.          
  263.           }
  264.      .footer-container .footer_logo_desktop {
  265.                
  266.                display: inline-block !important;
  267.          
  268.           }
  269.      
  270.      .logo_home{
  271.                max-width: 130px !important;
  272.           }
  273.      .footer-address {
  274.                font-size: 10px !important;
  275.                letter-spacing: 1px !important;
  276.                color: #fff !important;
  277.                line-height: 15px !important;
  278.                padding: 6px !important;
  279.                
  280.                }
  281. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement