From a156a8405c963adb8446757f5750f5ac5264f7a0 Mon Sep 17 00:00:00 2001 From: Steve Sutton Date: Mon, 1 Feb 2016 12:20:16 -0500 Subject: [PATCH] Setup stylesheet for compressed --- Gruntfile.js | 2 +- css/appblog.css | 274 +----------------------------------------------- 2 files changed, 2 insertions(+), 274 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 8d517c2..cdcca0d 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -9,7 +9,7 @@ module.exports = function(grunt) { }, dist: { options: { - outputStyle: 'expanded' + outputStyle: 'compressed' }, files: { 'css/appblog.css': 'scss/app.scss' diff --git a/css/appblog.css b/css/appblog.css index 549590c..11bbf99 100644 --- a/css/appblog.css +++ b/css/appblog.css @@ -1,273 +1 @@ -input[type="submit"].blogbutton { - border-radius: 3px; - color: #FFFFFF; - border: 2px solid #FFFFFF; - font-weight: bold; - font-size: 13px; - padding: 2px 5px; - margin-top: -10px; - text-transform: uppercase; } - input[type="submit"].blogbutton:hover { - cursor: pointer; - /*background: $white;*/ - /*border: 2px solid #035C84;*/ - /*color: white;*/ } - -#blog-posts-over article { - padding-top: 10px; - margin-bottom: 15px; - display: inline-block; - width: 100%; } - #blog-posts-over article #addthis_wrapper { - margin-top: -25px; - } - #blog-posts-over article .entry-header { - background: transparent; } - #blog-posts-over article p { - padding-bottom: 15px; } - #blog-posts-over article a.read-more { - border: 2px solid #FFFFFF; - font-weight: bold; - font-size: 13px; - padding: 0 3px; - text-transform: uppercase; } - #blog-posts-over article a.read-more:hover { - background: #FFFFFF; - border: 2px solid #035C84; - color: #035C84; } - #blog-posts-over article .entry-header { - margin-bottom: 10px; } - #blog-posts-over article .entry-header .entry-title { - margin-bottom: 0; } - #blog-posts-over article .entry-header .meta.date { - font-size: 13px; - font-weight: bold; } - #blog-posts-over article h2 { - text-align: left; } - -/*#searchform div input &[type="text"] { - width: 95%; -}*/ -#blog-posts-over .entry-meta { - text-align: center; - color: #757575; - font-size: 12px; } - -#blog-posts-over > div { - margin: 25px 0; } - -#blog-side-info #searchform { - margin-bottom: 30px; } -#blog-side-info p { - margin-bottom: 0; } -#blog-side-info ul { - margin: 0; } - -@media only screen and (max-width: 40em) { - #blog-side-info-wrapper { - float: none; - margin: 0 auto; - clear: both; } - #blog-side-info { - padding-left: 0; - border-left: 0; } - #blog-side-info ul { - margin-left: 0; - margin-top: 10px; } - #blog-side-info #searchform { - padding: 35px 0; } - #blog-side-info #searchform #s { - width: 100%; } } - -#blog-side-info { - padding-right: 10px; } - #blog-side-info ul { - list-style-type: none; } - #blog-side-info ul li { - margin: 10px 0; } - -footer.entry-meta { - background-color: #FFFFFF; } - -img.aligncenter { - display: block; - clear: both; - float: none; - padding: 0; - margin-left: auto; - margin-right: auto; } - -img.alignright { - padding: 0; - margin: 0 0 6px 11px; - display: inline; } - -blockquote.alignleft, img.alignleft, .wp-caption.alignleft { - margin: 0.4375rem 2.1875rem 0.4375rem 0; } - -blockquote.alignright, img.alignright, .wp-caption.alignright { - margin: 0.4375rem 0 0.4375rem 2.1875rem; } - -img.alignleft { - padding: 0; - display: inline; } - -img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption img { - border: 1px solid #555555; } - -.alignright { - float: right; } - -.alignnone { - float: none; } - -.alignleft { - float: left; } - -.wp-caption { - background: #555555; - width: auto; } - -.wp-caption-text { - font-family: Open Sans, sans-serif; - font-size: 9px; - color: #FFFFFF; - font-style: italic; - margin: 0; - padding: 0 5px; } - -.gallery-one-title { - height: 45px; - font-size: 0.8em; - text-align: center; - font-family: sans-serif; - padding: 5px; } - -.gallery-holder { - margin: 10px 0 20px 0; } - -@media 0em, 40em { - img.alignright, img.alignleft, img.aligncenter { - width: 70% !important; - display: block; - margin-left: auto; - margin-right: auto; - float: none; - text-align: center; } - div.wp-caption.alignright, div.wp-caption.alignleft { - width: 44% !important; - margin-left: auto; - margin-right: auto; - float: none; - text-align: center; } - div.wp-caption.aligncenter { - width: 85% !important; - margin-left: auto; - margin-right: auto; - float: none; - text-align: center; } - div.wp-caption.alignnone { - width: 85% !important; - float: none; } - div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter { - width: 100%; } } - -@media 40.063em, 64em { - img.aligncenter, img.alignnone { - width: 70% !important; - display: block; - margin-left: auto; - margin-right: auto; - float: none; - text-align: center; } - div.wp-caption.aligncenter { - width: 74% !important; - margin-left: auto; - margin-right: auto; - float: none; - text-align: center; } - div.wp-caption.aligncenter { - width: 100%; } - div.wp-caption.alignnone { - width: 73% !important; - float: none; } } - -.wp-caption { - max-width: 100%; - margin: 10px 20px; - padding: 5px; - background-color: #f3f3f3; - border: 1px solid #ddd; - text-align: center; } - .wp-caption img { - width: 100%; } - .wp-caption p.wp-caption-text { - padding: 5px; - width: 100%; - margin: 0; - color: black; - font-size: 12px; } - .wp-caption.aligncenter { - margin: 10px auto; } - -@media only screen and (max-width: 40em) { - #blog-posts-over { - padding: 0 !important; - margin: 0 !important; } } - -.blog-posts-container { - margin: 30px 0 30px; } - .blog-posts-container embed, .blog-posts-container iframe, .blog-posts-container object, .blog-posts-container video { - max-width: 100%; } - .blog-posts-container a { - text-decoration: none; } - .blog-posts-container header.entry-header h2.entry-title a { - color: #222; - margin-left: 0; } - .blog-posts-container .wp-caption .wp-caption-text, .blog-posts-container .gallery-caption, .blog-posts-container .entry-caption { - overflow: hidden; - color: #757575; - font-size: 0.857143rem; - font-style: italic; - line-height: 2; } - .blog-posts-container .date { - font-size: 12px; } - .blog-posts-container footer.entry-meta { - color: #757575; - font-size: 0.928571rem; - line-height: 1.84615; - margin-top: 1.71429rem; - clear: both; - float: none; - margin-right: auto; } - .blog-posts-container footer { - background: none; - clear: both; - padding: 15px 0 0; - position: relative; - text-align: center; } - -#content-wrapper h1, #content-wrapper h2, #content-wrapper h3, #content-wrapper h4, #content-wrapper h5, #content-wrapper h6 { - clear: both; } - -.content { - background: #fff; - /* -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); - -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); - box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/ - box-shadow: 3px 3px 8px -1px darkgrey; } - -#searchform_container { - margin-top: 20px; } - -#searchform { - max-width: 100%; - text-align: center; } - -#blog-side-info { - border-left: 1px solid grey; - margin-top: 30px; - padding-left: 20px; } - @media only screen and (max-width: 40em) { - #blog-side-info { - text-align: center; } } +input[type="submit"].blogbutton{border-radius:3px;color:#FFFFFF;border:2px solid #FFFFFF;font-weight:bold;font-size:13px;padding:2px 5px;margin-top:-10px;text-transform:uppercase}input[type="submit"].blogbutton:hover{cursor:pointer}#blog-posts-over article{padding-top:10px;margin-bottom:15px;display:inline-block;width:100%}#blog-posts-over article .entry-header{background:transparent}#blog-posts-over article #addthis_wrapper{margin-top:-25px}#blog-posts-over article p{padding-bottom:15px}#blog-posts-over article a.read-more{border:2px solid #FFFFFF;font-weight:bold;font-size:13px;padding:0 3px;text-transform:uppercase}#blog-posts-over article a.read-more:hover{background:#FFFFFF;border:2px solid #035C84;color:#035C84}#blog-posts-over article .entry-header{margin-bottom:10px}#blog-posts-over article .entry-header .entry-title{margin-bottom:0}#blog-posts-over article .entry-header .meta.date{font-size:13px;font-weight:bold}#blog-posts-over article h2{text-align:left}#blog-posts-over .entry-meta{text-align:center;color:#757575;font-size:12px}#blog-posts-over>div{margin:25px 0}#blog-side-info #searchform{margin-bottom:30px}#blog-side-info p{margin-bottom:0}#blog-side-info ul{margin:0}@media only screen and (max-width: 40em){#blog-side-info-wrapper{float:none;margin:0 auto;clear:both}#blog-side-info{padding-left:0;border-left:0}#blog-side-info ul{margin-left:0;margin-top:10px}#blog-side-info #searchform{padding:35px 0}#blog-side-info #searchform #s{width:100%}}#blog-side-info{padding-right:10px}#blog-side-info ul{list-style-type:none}#blog-side-info ul li{margin:10px 0}footer.entry-meta{background-color:#FFFFFF}img.aligncenter{display:block;clear:both;float:none;padding:0;margin-left:auto;margin-right:auto}img.alignright{padding:0;margin:0 0 6px 11px;display:inline}blockquote.alignleft,img.alignleft,.wp-caption.alignleft{margin:0.4375rem 2.1875rem 0.4375rem 0}blockquote.alignright,img.alignright,.wp-caption.alignright{margin:0.4375rem 0 0.4375rem 2.1875rem}img.alignleft{padding:0;display:inline}img.alignleft,img.alignright,img.aligncenter,img.alignnone,div.wp-caption img{border:1px solid #555555}.alignright{float:right}.alignnone{float:none}.alignleft{float:left}.wp-caption{background:#555555;width:auto}.wp-caption-text{font-family:Open Sans, sans-serif;font-size:9px;color:#FFFFFF;font-style:italic;margin:0;padding:0 5px}.gallery-one-title{height:45px;font-size:0.8em;text-align:center;font-family:sans-serif;padding:5px}.gallery-holder{margin:10px 0 20px 0}@media 0em, 40em{img.alignright,img.alignleft,img.aligncenter{width:70% !important;display:block;margin-left:auto;margin-right:auto;float:none;text-align:center}div.wp-caption.alignright,div.wp-caption.alignleft{width:44% !important;margin-left:auto;margin-right:auto;float:none;text-align:center}div.wp-caption.aligncenter{width:85% !important;margin-left:auto;margin-right:auto;float:none;text-align:center}div.wp-caption.alignnone{width:85% !important;float:none}div.wp-caption.alignright,div.wp-caption.alignleft,div.wp-caption.aligncenter{width:100%}}@media 40.063em, 64em{img.aligncenter,img.alignnone{width:70% !important;display:block;margin-left:auto;margin-right:auto;float:none;text-align:center}div.wp-caption.aligncenter{width:74% !important;margin-left:auto;margin-right:auto;float:none;text-align:center}div.wp-caption.aligncenter{width:100%}div.wp-caption.alignnone{width:73% !important;float:none}}.wp-caption{max-width:100%;margin:10px 20px;padding:5px;background-color:#f3f3f3;border:1px solid #ddd;text-align:center}.wp-caption img{width:100%}.wp-caption p.wp-caption-text{padding:5px;width:100%;margin:0;color:black;font-size:12px}.wp-caption.aligncenter{margin:10px auto}@media only screen and (max-width: 40em){#blog-posts-over{padding:0 !important;margin:0 !important}}.blog-posts-container{margin:30px 0 30px}.blog-posts-container embed,.blog-posts-container iframe,.blog-posts-container object,.blog-posts-container video{max-width:100%}.blog-posts-container a{text-decoration:none}.blog-posts-container header.entry-header h2.entry-title a{color:#222;margin-left:0}.blog-posts-container .wp-caption .wp-caption-text,.blog-posts-container .gallery-caption,.blog-posts-container .entry-caption{overflow:hidden;color:#757575;font-size:0.857143rem;font-style:italic;line-height:2}.blog-posts-container .date{font-size:12px}.blog-posts-container footer.entry-meta{color:#757575;font-size:0.928571rem;line-height:1.84615;margin-top:1.71429rem;clear:both;float:none;margin-right:auto}.blog-posts-container footer{background:none;clear:both;padding:15px 0 0;position:relative;text-align:center}#content-wrapper h1,#content-wrapper h2,#content-wrapper h3,#content-wrapper h4,#content-wrapper h5,#content-wrapper h6{clear:both}.content{background:#fff;box-shadow:3px 3px 8px -1px darkgrey}#searchform_container{margin-top:20px}#searchform{max-width:100%;text-align:center}#blog-side-info{border-left:1px solid grey;margin-top:30px;padding-left:20px}@media only screen and (max-width: 40em){#blog-side-info{text-align:center;}} \ No newline at end of file -- 2.17.1