Difference between revisions of "Template:Nankai"

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;
 
}
 
  
  

Revision as of 01:29, 8 August 2015

Medigo Blue, free responsive template