CSS   9

responsive.css

Guest on 11th May 2021 07:26:10 PM

  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4.  
  5. /* Responsive styles
  6. ================================================== */
  7.  
  8. /* Medium Devices, Desktops */
  9. @media (min-width : 1024px) {
  10.     nav#main-menu nav ul li{padding-right:28px;}
  11.     .spons-logo li {padding-right: 18px;}
  12.    
  13.     }
  14.  
  15.  
  16. /* Small Devices, Tablets */
  17. @media (min-width : 320px) and (max-width: 1023px) {
  18.    
  19.     .spons-logo li {padding-right: 20px;width: 33.33%;float:left;}
  20.     footer{background-size:100% 100%}
  21.     .ftr-menu ul li a{max-width:100%}
  22.     .top-ftr > div{margin:15px 0}
  23.     }
  24.    
  25. /* Small Devices Potrait */
  26. @media (max-width : 767px){
  27.     body{font-size:120%}
  28.    
  29.     footer{background-size:auto 100%;}
  30.     .ftr-menu{margin-top:15px;}
  31.     .ftr-menu > div {min-height: 10px; padding-bottom:30px}
  32.     .ftr-menu ul li {line-height: 1em;padding-bottom: 3px;}
  33.     .spons-logo{padding-top:0;}
  34.     .spons-logo li{width: auto; padding-bottom: 30px;}
  35.     .coh-cpy-right{margin-top:8%}
  36.    
  37.     }
  38.  
  39. /* Extra Small Devices, Phones */
  40. @media (max-width : 567px) {
  41.     body{font-size:130%}
  42.     .signup-news {float: none;}
  43. }

Raw Paste


Login or Register to edit or fork this paste. It's free.