git.roojs.org Git - bootswatch/blob - erine-coming-soon/css/media-queries.css

   1
   2 @media (min-width: 992px) and (max-width: 1199px) {
   3
   4 }
   5
   6 @media (min-width: 768px) and (max-width: 991px) {
   7
   8         .coming-soon p { padding: 0; }
   9         .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; }
  10
  11 }
  12
  13 @media (max-width: 767px) {
  14
  15         .coming-soon p { padding: 0; }
  16         .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; }
  17         .timer .slash { display: none; }
  18
  19         .footer-copyright p, .footer-social { text-align: center; }
  20         .footer-copyright { padding-bottom: 15px; }
  21
  22 }
  23
  24 @media (max-width: 550px) {
  25
  26     .subscribe form input { width: 95%; }
  27     .subscribe form button { width: 95%; margin-top: 10px; }
  28
  29 }
  30
  31 @media (max-width: 400px) {
  32
  33         h1, h2 { font-size: 32px; }
  34
  35 }
  36
  37
  38
  39 /* Retina-ize images/icons */
  40
  41 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  42
  43         /* logo */
  44     .coming-soon .logo a {
  45         background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 150px 54px !important;
  46     }
  47     .coming-soon .logo a:hover {
  48         background-image: url(../img/logo-hover@2x.png) !important; background-repeat: no-repeat !important; background-size: 150px 54px !important;
  49     }
  50     .coming-soon .logo a:before {
  51         content: url(../img/logo-hover@2x.png);
  52     }
  53
  54     /* social icons */
  55     .social-icon.facebook {
  56         background-image: url(../img/social-icons/facebook@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important;
  57     }
  58     .social-icon.twitter {
  59         background-image: url(../img/social-icons/twitter@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important;
  60     }
  61     .social-icon.dribbble {
  62         background-image: url(../img/social-icons/dribbble@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important;
  63     }
  64     .social-icon.google-plus {
  65         background-image: url(../img/social-icons/google-plus@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important;
  66     }
  67
  68 }
  69