From f233d741c79f3567d5b4e465f89e4252cea1f434 Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Tue, 28 Jun 2016 14:27:47 -0400 Subject: [PATCH] doing structure and style editing --- css/appblog.css | 2 +- footer.php | 1 + home.php | 9 ++++----- parts/blog-sidebar-r.php | 4 ++-- scss/_blog.scss | 35 +++++++++++++++++++++++++---------- 5 files changed, 33 insertions(+), 18 deletions(-) diff --git a/css/appblog.css b/css/appblog.css index 6cdb496..1e0eaf8 100644 --- a/css/appblog.css +++ b/css/appblog.css @@ -1 +1 @@ -input[type="submit"].blogbutton{border-radius:3px;color:#000000;border:2px solid #FFFFFF;font-weight:bold;font-size:13px;padding:2px 5px;text-transform:uppercase}input[type="submit"].blogbutton:hover{cursor:pointer}#blog-posts-over{width:70%;display:inline-block}#blog-posts-over article{padding-top:10px;margin-bottom:15px;display:inline-block}#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-wrapper{width:25%;display:inline-block;float:right}#blog-side-info #searchform{margin-bottom:30px}#blog-side-info p{margin-bottom:0}#blog-side-info ul{margin:0 0 25px}@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}.featured-image-wrap{margin:15px 0}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;}}body #wrapper{min-height:100%}body #wrapper #contentwrap{min-height:100vh;height:100%}#footerwrap{position:relative;bottom:0;left:0;right:0}#connect{padding-top:20px;background:#4c4d4f}#connect ul{margin:0;list-style:none}#connect ul li{background:none;padding:0 5px;display:inline-block}#connect ul li>a{display:block;font-family:Open Sans, sans-serif;font-size:12px;color:#fff;padding:20px 18px;line-height:1.2}#connect ul li a#current{background:#0093d1} \ No newline at end of file +input[type="submit"].blogbutton:hover{cursor:pointer}#blog-posts-over{width:100%;display:inline-block;height:100%}#blog-posts-over .blog-feed-imgs{width:33.33333%;float:left;padding:0 15px}#blog-posts-over .blog-feed-imgs img.attachment-blog-feed-front{width:100%}#blog-posts-over article{width:66.66667%;padding-top:10px;margin-bottom:15px;display:inline-block}#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-wrapper{margin-top:45px;width:19.7%;display:inline-block;float:right;background:#FFFFFF}#blog-side-info #searchform{margin-bottom:30px}#blog-side-info p{margin-bottom:0}#blog-side-info ul{margin:0 0 25px}@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;padding:0}#blog-side-info ul li{margin:10px 0}footer.entry-meta{background-color:#FFFFFF}.featured-image-wrap{margin:15px 0}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;}}body #wrapper{min-height:100%}body #wrapper #contentwrap{min-height:100vh;height:100%}#footerwrap{position:relative;bottom:0;left:0;right:0}#connect{padding-top:20px;background:#4c4d4f}#connect ul{margin:0;list-style:none}#connect ul li{background:none;padding:0 5px;display:inline-block}#connect ul li>a{display:block;font-family:Open Sans, sans-serif;font-size:12px;color:#fff;padding:20px 18px;line-height:1.2}#connect ul li a#current{background:#0093d1} \ No newline at end of file diff --git a/footer.php b/footer.php index 07fd212..5dc3e7f 100644 --- a/footer.php +++ b/footer.php @@ -1,5 +1,6 @@ +
diff --git a/home.php b/home.php index 4d76c80..2769b04 100644 --- a/home.php +++ b/home.php @@ -6,16 +6,16 @@
-
+
ID, 'blog-feed-front'); ?> -
+
-
+
-
+
> @@ -43,7 +43,6 @@
-
diff --git a/parts/blog-sidebar-r.php b/parts/blog-sidebar-r.php index 79f9c04..91b2a04 100644 --- a/parts/blog-sidebar-r.php +++ b/parts/blog-sidebar-r.php @@ -1,8 +1,8 @@ -
+
- +

Recent Posts

diff --git a/scss/_blog.scss b/scss/_blog.scss index 722ba27..6a5b143 100644 --- a/scss/_blog.scss +++ b/scss/_blog.scss @@ -1,12 +1,12 @@ input[type="submit"].blogbutton { - border-radius: 3px; - color: $black; - border: 2px solid $white; - font-weight: bold; - font-size: 13px; - padding: 2px 5px; -// margin-top: -10px; - text-transform: uppercase; +// border-radius: 3px; +// color: $white; +// border: 2px solid $white; +// font-weight: bold; +// font-size: 13px; +// padding: 2px 5px; +//// margin-top: -10px; +// text-transform: uppercase; &:hover { cursor: pointer; /*background: $white;*/ @@ -14,11 +14,23 @@ input[type="submit"].blogbutton { /*color: white;*/ } } + #blog-posts-over { - width: 70%; + width: 100%; display: inline-block; + height: 100%; + .blog-feed-imgs { + width: 33.33333%; + float: left; + padding: 0 15px; + + img.attachment-blog-feed-front { + width: 100%; + } + } } #blog-posts-over article { + width: 66.66667%; padding-top: 10px; margin-bottom: 15px; display: inline-block; @@ -70,9 +82,11 @@ input[type="submit"].blogbutton { margin: 25px 0; } #blog-side-info-wrapper{ - width: 25%; + margin-top: 45px; + width: 19.7%; display: inline-block; float: right; + background: $white; } #blog-side-info { #searchform { @@ -110,6 +124,7 @@ input[type="submit"].blogbutton { padding-right: 10px; ul { list-style-type: none; + padding: 0; li { margin: 10px 0; -- 2.17.1