Lineaments:
-Hatsune Miku is 3 Column Template .
- Posts thumbnails, tabs , Drop down men.
- It's Free Photography Blogger templates .
-Compatible with All Major Browsers
-Best for Blogspot Gallery templates, , For Tech Blog.
- Designer name given inside theme file.
- Author: Johanes DJ
--------------------------------------------------------------------------------------------
this is content part of design you can make post area wide or change size per requirement
#content{
width: 650px;
padding: 11px 15px 10px 15px;
float: left;
display: inline;
position: relative;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.profile-textblock {
margin: .5em 0;
text-align: justify;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
font-smooth: always;
}
.profile-img {
float: left;
margin: 0 5px 5px;
border: 1px solid #DDD;
padding: 5px;
border-radius: 5px;
}
.PopularPosts img{padding:0px;border-radius: 5px;-webkit-filter: saturate(0.0);
-moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.PopularPosts img:hover {-webkit-filter: saturate(1.1);
-moz-filter: saturate(1.1);}
.PopularPosts .item-thumbnail {
float: left;
margin: 0 5px 5px 0;
height: 72px;
padding: 5px;
}
------------------------------------------------------------------------------------------------------
you can make changes in comment style
.comments .comments-content .user {
font-style: normal;
font-weight: 200;
font-size: 14pt;
letter-spacing: 0.01em;
color: #000;
}
.comments {
clear: both;
background: #FAFAFA;
padding: 30px;
}
.comments .comments-content .datetime {
float: right;
margin-right: 10px;
font-style: normal;
font-weight: 200;
font-size: 10pt;
letter-spacing: 0.01em;
color: #fff;
margin-top: 4px;
}
-------------------------------------------------------------------------------------------------------
here is body part of design
body {
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #EAF6F2;
font-family: 'Open Sans', sans-serif;
color: #312C21;
overflow-x: hidden;
font-size: 13px;
background: -webkit-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#EAF6F2 30%,#EAF6F2 70%,rgba(106, 183, 144, 0.2) 100%);
background: -webkit-linear-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#EAF6F2 30%,#EAF6F2 70%,rgba(106, 183, 144, 0.2) 100%);
background: -moz-linear-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#EAF6F2 30%,#EAF6F2 70%,rgba(106, 183, 144, 0.2) 100%);
background: -o-linear-gradient(top, rgba(106, 183, 144, 0.2) 0%,rgba(106, 183, 144, 0.2) 1%,#EAF6F2 30%,#EAF6F2 70%,rgba(106, 183, 144, 0.2) 100%);
}
a {
color: #222;
text-decoration: none;
}
a:visited {
color: #000;
}
a:hover, a:active {
color: #000;
text-decoration:none;
}
h1,h2, h3, h4, h5, h6 {
color: #000;
font-weight: bold;
}
h1 {
font-size: 85px;
font-family: 'Open Sans', sans-serif;}
h2 {
font-size: 21px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;color:#222;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 13px;
}
ul {
list-style: none;
}
blockquote {
font-style: italic;
color: black;
border: 1px double #DDD;
padding: 25px;
border-radius: 5px;
overflow: hidden;
background: white;
}
