X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=erine-coming-soon%2Fcss%2Fmedia-queries.css;h=66856b12e382f534c6ac0ff584e967e885bccf22;hb=HEAD;hp=5a7105c89aea6b7285b650c202c167c57ac2881a;hpb=c87ea8b27229e395d7c2eb5fd08ccdf1c23934db;p=bootswatch diff --git a/erine-coming-soon/css/media-queries.css b/erine-coming-soon/css/media-queries.css index 5a7105c..66856b1 100644 --- a/erine-coming-soon/css/media-queries.css +++ b/erine-coming-soon/css/media-queries.css @@ -1,69 +1,69 @@ - -@media (min-width: 992px) and (max-width: 1199px) { - -} - -@media (min-width: 768px) and (max-width: 991px) { - - .coming-soon p { padding: 0; } - .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; } - -} - -@media (max-width: 767px) { - - .coming-soon p { padding: 0; } - .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; } - .timer .slash { display: none; } - - .footer-copyright p, .footer-social { text-align: center; } - .footer-copyright { padding-bottom: 15px; } - -} - -@media (max-width: 550px) { - - .subscribe form input { width: 95%; } - .subscribe form button { width: 95%; margin-top: 10px; } - -} - -@media (max-width: 400px) { - - h1, h2 { font-size: 32px; } - -} - - - -/* Retina-ize images/icons */ - -@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { - - /* logo */ - .coming-soon .logo a { - background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 150px 54px !important; - } - .coming-soon .logo a:hover { - background-image: url(../img/logo-hover@2x.png) !important; background-repeat: no-repeat !important; background-size: 150px 54px !important; - } - .coming-soon .logo a:before { - content: url(../img/logo-hover@2x.png); - } - - /* social icons */ - .social-icon.facebook { - background-image: url(../img/social-icons/facebook@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; - } - .social-icon.twitter { - background-image: url(../img/social-icons/twitter@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; - } - .social-icon.dribbble { - background-image: url(../img/social-icons/dribbble@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; - } - .social-icon.google-plus { - background-image: url(../img/social-icons/google-plus@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; - } - -} - + +@media (min-width: 992px) and (max-width: 1199px) { + +} + +@media (min-width: 768px) and (max-width: 991px) { + + .coming-soon p { padding: 0; } + .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; } + +} + +@media (max-width: 767px) { + + .coming-soon p { padding: 0; } + .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { width: 150px; } + .timer .slash { display: none; } + + .footer-copyright p, .footer-social { text-align: center; } + .footer-copyright { padding-bottom: 15px; } + +} + +@media (max-width: 550px) { + + .subscribe form input { width: 95%; } + .subscribe form button { width: 95%; margin-top: 10px; } + +} + +@media (max-width: 400px) { + + h1, h2 { font-size: 32px; } + +} + + + +/* Retina-ize images/icons */ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { + + /* logo */ + .coming-soon .logo a { + background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 150px 54px !important; + } + .coming-soon .logo a:hover { + background-image: url(../img/logo-hover@2x.png) !important; background-repeat: no-repeat !important; background-size: 150px 54px !important; + } + .coming-soon .logo a:before { + content: url(../img/logo-hover@2x.png); + } + + /* social icons */ + .social-icon.facebook { + background-image: url(../img/social-icons/facebook@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; + } + .social-icon.twitter { + background-image: url(../img/social-icons/twitter@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; + } + .social-icon.dribbble { + background-image: url(../img/social-icons/dribbble@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; + } + .social-icon.google-plus { + background-image: url(../img/social-icons/google-plus@2x.png) !important; background-repeat: no-repeat !important; background-size: 48px 48px !important; + } + +} +