Skip to content

Instantly share code, notes, and snippets.

@pocketjoso
Created February 2, 2015 22:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pocketjoso/dc4d240c929aa6631b00 to your computer and use it in GitHub Desktop.
Save pocketjoso/dc4d240c929aa6631b00 to your computer and use it in GitHub Desktop.
Critical css for mazion, by Penthouse
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800');
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}header,section{display:block}a{background-color:transparent}img{border:0}button{margin:0;font:inherit;color:inherit}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}@media print{*,:before,:after{color:#000 !important;text-shadow:none !important;background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after{content:""}img{page-break-inside:avoid}img{max-width:100% !important}p,h3{orphans:3;widows:3}h3{page-break-after:avoid}.navbar{display:none}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}img{vertical-align:middle}.carousel-inner>.item>img{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h3{margin-top:20px;margin-bottom:10px}h4{margin-top:10px;margin-bottom:10px}h3{font-size:24px}h4{font-size:18px}p{margin:0 0 10px}ul,ol{margin-top:0;margin-bottom:10px}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-sm-4,.col-sm-8,.col-sm-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media(min-width:768px){.col-sm-4,.col-sm-8,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-8{width:66.66666667%}.col-sm-4{width:33.33333333%}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.collapse{display:none;visibility:hidden}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media(min-width:768px){.navbar{border-radius:4px}}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;visibility:visible !important}.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand>img{display:block}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-right{float:right !important;margin-right:-15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse{border-color:#e7e7e7}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active{display:block}.carousel-inner>.active{left:0}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.container:before,.container:after,.row:before,.row:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.container:after,.row:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after{clear:both}@font-face{font-family:'FontAwesome';src:url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/files/css/../fonts/fontawesome-webfont.eot?v=4.2.0);src:url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/files/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/files/css/../fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/files/css/../fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/files/css/../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-2x{font-size:2em}.fa-phone:before{content:"\f095"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}html{position:relative;min-height:100%}body{font-family:'Open Sans',sans-serif;font-weight:normal;background:none repeat scroll 0 0 #f2f2f2}.carousel-control .control-left,.carousel-control .control-right{position:absolute;top:47.5%;z-index:5;display:inline-block}.carousel-control .control-left{left:50%}.carousel-control .control-right{right:50%}.container{max-width:1000px}.banner_sec{background:#007f70}.banner_sec img{width:100%;height:auto}.carousel-caption{position:inherit;left:inherit;right:inherit;bottom:inherit;display:inline-block;width:100%}.banner_bot_sec{text-align:left;padding:0}.banner_bot_sec h3{font-weight:600;font-size:24px;color:#fff;margin:0;line-height:normal;text-shadow:none}.banner_bot_sec p{font-weight:300;font-size:18px;color:#fff;margin:0;line-height:normal;text-shadow:none}.banner_bot_secR{text-align:center}.banner_bot_sec a{font-weight:400;font-size:19.2px;color:#fff;display:inline-block;line-height:42px;padding:0 33px;border-radius:50px;margin-top:23px}.btn{border:1px solid #fff;-webkit-border-radius:50px;-moz-border-radius:50px;text-decoration:none;border-radius:50px}.carousel-indicators{bottom:146px}.header{position:absolute;top:0;left:0;background:rgba(255,255,255,.8);width:100%;z-index:1}.hdr_top{border-bottom:1px solid #e6e6e6;display:inline-block;width:100%;padding:10px 0}.hdr_inner{background:url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/../../uploads/2014/10/hdr_border.jpg) repeat-x center bottom}.main_nav_sec{background:none;border:0;outline:0;margin:0;padding:15px 0 30px}.ph{float:left;font-size:15px;color:#595959;font-weight:300}.hdr_top_right{float:right;font-size:15px;color:#595959;font-weight:300}.main_nav li{padding:0 15px}.main_nav li a{font-size:15px;color:#4c4c4c;text-transform:uppercase;font-weight:400;padding:10px 0}.main_nav li a.active{border-bottom:2px solid #007f70}.navbar-default .navbar-brand{padding:5px 0;height:auto}.training_sec{padding:45px 0 0}.green_header{font-size:34px;color:#007f70;font-weight:600;margin:0 0 20px 0}.green_bag_header{font-size:25px;color:#007f70;text-align:center}.training_sec p{font-weight:400;color:#595959;padding-bottom:10px;font-size:16px;padding-right:80px}.training_secR img{width:100%}@media only screen and (max-width:767px){.header{position:inherit}.banner_bot_sec{text-align:center}.banner_bot_sec p br{display:none}.training_sec p{padding-right:0}.main_nav li a{border-bottom:2px solid #fff}.navbar-collapse{background:#fff}.carousel-indicators{bottom:193px}.banner_sec{background:url(//mazionfirstaidtraining.co.uk/wp-content/themes/mazion/../../uploads/2014/10/banner_bg.jpg) repeat-x 0 0 #007f70}.main_nav_sec{padding:15px 0 22px}.navbar-collapse{position:absolute;width:100%}.banner_bot_sec h3{font-size:20px}}@media only screen and (max-width:480px){.ph{font-size:11px}.hdr_top_right{font-size:11px}.banner_bot_sec h3{font-size:18px}.banner_bot_sec p{font-size:16px}.navbar-default .navbar-brand{width:200px}.main_nav_sec{padding:1px 0 12px}.training_sec h4{font-size:25px}.training_sec p{font-size:14px}.banner_bot_sec h3{font-size:14px}.banner_bot_sec p{font-size:12px}.carousel-control{z-index:999}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment