Setup stylesheet for compressed

diff --git a/Gruntfile.js b/Gruntfile.js
index 8d517c2..cdcca0d 100644 (file)
--- 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 (file)
--- 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