|
|
Line 970: |
Line 970: |
| } | | } |
| | | |
− | /*------------------------------------------------------
| |
− | Blog Styling
| |
− | --------------------------------------------------------*/
| |
− | #blogPosts .section-header {
| |
− | margin-top: 70px;
| |
− | }
| |
− | #blogPosts h2.section-title {
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .latest-posts {
| |
− | padding-bottom: 80px;
| |
− | }
| |
− | .latest-posts .thumb-post {
| |
− | overflow: hidden;
| |
− | width: 80px;
| |
− | height: 80px;
| |
− | border: 3px solid white;
| |
− | -webkit-border-radius: 50%;
| |
− | -moz-border-radius: 50%;
| |
− | -ms-border-radius: 50%;
| |
− | -o-border-radius: 50%;
| |
− | border-radius: 50%;
| |
− | float: left;
| |
− | }
| |
− | .latest-posts .blog-post-content {
| |
− | overflow: hidden;
| |
− | }
| |
− | .latest-posts h4.post-title {
| |
− | margin: 0 0 10px 25px;
| |
− | font-size: 22px;
| |
− | font-weight: 500;
| |
− | line-height: 30px;
| |
− | }
| |
− | .latest-posts h4.post-title a {
| |
− | color: white;
| |
− | }
| |
− | .latest-posts .meta-post-date {
| |
− | margin-left: 25px;
| |
− | font-size: 14px;
| |
− | }
| |
− |
| |
− | .blog-posts {
| |
− | margin-top: 100px;
| |
− | }
| |
− |
| |
− | .post-blog {
| |
− | margin-bottom: 60px;
| |
− | padding-bottom: 40px;
| |
− | border-bottom: 1px solid #dce4e6;
| |
− | }
| |
− | .post-blog .blog-image {
| |
− | overflow: hidden;
| |
− | margin-bottom: 20px;
| |
− | }
| |
− | .post-blog .blog-image img {
| |
− | width: 100%;
| |
− | height: auto;
| |
− | }
| |
− | .post-blog .blog-content span {
| |
− | color: #aaaaaa;
| |
− | margin-right: 10px;
| |
− | font-size: 14px;
| |
− | }
| |
− | .post-blog .blog-content span a {
| |
− | color: #aaaaaa;
| |
− | }
| |
− | .post-blog .blog-content span a:hover {
| |
− | color: #00a8d6;
| |
− | }
| |
− | .post-blog .blog-content h3 {
| |
− | margin: 10px 0 25px 0;
| |
− | font-size: 24px;
| |
− | line-height: 30px;
| |
− | font-weight: 600;
| |
− | }
| |
− | .post-blog .blog-content h3 a {
| |
− | color: #31373a;
| |
− | }
| |
− | .post-blog .blog-content h3 a:hover {
| |
− | color: #00a8d6;
| |
− | }
| |
− |
| |
− | .meta-date:after, .meta-comments:after {
| |
− | content: '/';
| |
− | margin-left: 10px;
| |
− | }
| |
− |
| |
− | .tag-items {
| |
− | margin-top: 50px;
| |
− | display: block;
| |
− | }
| |
− | .tag-items a {
| |
− | padding: 8px 12px;
| |
− | background-color: #f1f4f5;
| |
− | -webkit-border-radius: 3px;
| |
− | -moz-border-radius: 3px;
| |
− | -ms-border-radius: 3px;
| |
− | -o-border-radius: 3px;
| |
− | border-radius: 3px;
| |
− | }
| |
− |
| |
− | #blog-author {
| |
− | border-bottom: 1px solid #dce4e6;
| |
− | padding-bottom: 20px;
| |
− | }
| |
− | #blog-author .blog-author-img {
| |
− | overflow: hidden;
| |
− | width: 80px;
| |
− | height: 80px;
| |
− | margin-right: 25px;
| |
− | }
| |
− | #blog-author .blog-author-img img {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− | #blog-author .blog-author-info {
| |
− | overflow: hidden;
| |
− | }
| |
− | #blog-author .blog-author-info h4.author-name {
| |
− | font-weight: 600;
| |
− | font-size: 18px;
| |
− | margin: 0 0 7px 0;
| |
− | }
| |
− | #blog-author .blog-author-info h4.author-name a {
| |
− | color: #31373a;
| |
− | }
| |
− |
| |
− | #blog-comments {
| |
− | margin-top: 60px;
| |
− | margin-bottom: 100px;
| |
− | }
| |
− | #blog-comments .blog-comments-content {
| |
− | margin-top: 50px;
| |
− | }
| |
− | #blog-comments .media {
| |
− | display: block;
| |
− | margin-top: 30px;
| |
− | border-bottom: 1px solid #dce4e6;
| |
− | }
| |
− | #blog-comments .media .media {
| |
− | padding-top: 30px;
| |
− | border-top: 1px solid #dce4e6;
| |
− | border-bottom: 0;
| |
− | }
| |
− | #blog-comments .media-object {
| |
− | margin-right: 10px;
| |
− | }
| |
− | #blog-comments .media-heading h4 {
| |
− | display: inline-block;
| |
− | margin: 0 15px 0 0;
| |
− | font-size: 16px;
| |
− | font-weight: 600;
| |
− | }
| |
− | #blog-comments .media-heading a {
| |
− | color: #aaaaaa;
| |
− | font-size: 14px;
| |
− | }
| |
− | #blog-comments .media-heading a span:after {
| |
− | content: '/';
| |
− | color: #aaaaaa;
| |
− | font-size: 13px;
| |
− | margin: 0 10px;
| |
− | }
| |
− | #blog-comments .media-heading a span:last-of-type:after {
| |
− | content: '';
| |
− | }
| |
− |
| |
− | .comment-form {
| |
− | margin-bottom: 100px;
| |
− | }
| |
− | .comment-form .widget-inner {
| |
− | margin-top: 40px;
| |
− | }
| |
− | .comment-form #email-id, .comment-form #name-id, .comment-form #site-id, .comment-form textarea {
| |
− | width: 100%;
| |
− | min-width: 100%;
| |
− | max-width: 100%;
| |
− | }
| |
− | .comment-form input.mainBtn {
| |
− | width: auto;
| |
− | }
| |
− |
| |
− | .archive-wrapper {
| |
− | margin-bottom: 100px;
| |
− | }
| |
− | .archive-wrapper .archive-title {
| |
− | font-size: 18px;
| |
− | font-weight: 700;
| |
− | margin: 40px 0 20px 0;
| |
− | }
| |
− | .archive-wrapper .archive-list {
| |
− | margin-top: 20px;
| |
− | }
| |
− | .archive-wrapper .archive-list li {
| |
− | line-height: 28px;
| |
− | }
| |
− | .archive-wrapper .archive-list li:before {
| |
− | content: '-';
| |
− | color: #aaaaaa;
| |
− | margin-right: 10px;
| |
− | }
| |
| | | |
| | | |