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

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