MetroMinimalist
Lineaments:
-MetroMinimalist is 2 Column Template .
- Posts thumbnails, tabs , Drop down men.
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
- Designer name given inside theme file.
-MetroMinimalist is 2 Column Template .
- Posts thumbnails, tabs , Drop down men.
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
- Designer name given inside theme file.
-----------------------------------------------------------------------------------
you can make changes inside content area appearance . Changing post background color . text size , font , style inside post .
#content{
width: 650px;
padding: 11px 15px 10px 15px;
float: left;
display: inline;
position: relative;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.post { overflow:hidden; }
.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;
}
------------------------------------------------------------------------------------------
Here is casing or Outer layout changing is possible . header style , size , color can be changed in this part of code.
#casing{
padding: 10px 10px 10px 10px;
background: #fff;
width: 1000px;
margin: auto;
border-radius: 0px 0px 5px 5px;
}
#wrapper{
width:1020px;
margin:auto;
background:#fff;
}
#header{
width: 1020px;
position: relative;
margin: auto;
height: 180px;
background: #fff;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
h1#blog-title {
text-align: left;
margin-top: 30px;
margin-left: 25px;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 42pt;
letter-spacing: 0.00em;
color: #000000;
padding-right: 10px;
}
h1#blog-title a {padding:5px;color:#000;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #000;
}
---------------------------------------------------------------------------
Here is post part of code dimensions are changeable .
.post {
display: inline;position:relative;
width: 650px;margin-bottom:35px;
float: left;padding-bottom:1px;}
.pagepost{
width: 610px;
float: left;
padding: 20px;
line-height: 1.8;
margin-bottom: 25px;
font-weight: 300;
font-size: 11pt;
letter-spacing: 0.02em;
}
----------------------------------------------------------------------------
Page title dimensions
h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}
---------------------------------------------------------------------------
Popular post images dimensions.
.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 inside content area appearance . Changing post background color . text size , font , style inside post .
#content{
width: 650px;
padding: 11px 15px 10px 15px;
float: left;
display: inline;
position: relative;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.post { overflow:hidden; }
.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;
}
------------------------------------------------------------------------------------------
Here is casing or Outer layout changing is possible . header style , size , color can be changed in this part of code.
#casing{
padding: 10px 10px 10px 10px;
background: #fff;
width: 1000px;
margin: auto;
border-radius: 0px 0px 5px 5px;
}
#wrapper{
width:1020px;
margin:auto;
background:#fff;
}
#header{
width: 1020px;
position: relative;
margin: auto;
height: 180px;
background: #fff;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
h1#blog-title {
text-align: left;
margin-top: 30px;
margin-left: 25px;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 42pt;
letter-spacing: 0.00em;
color: #000000;
padding-right: 10px;
}
h1#blog-title a {padding:5px;color:#000;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #000;
}
---------------------------------------------------------------------------
Here is post part of code dimensions are changeable .
.post {
display: inline;position:relative;
width: 650px;margin-bottom:35px;
float: left;padding-bottom:1px;}
.pagepost{
width: 610px;
float: left;
padding: 20px;
line-height: 1.8;
margin-bottom: 25px;
font-weight: 300;
font-size: 11pt;
letter-spacing: 0.02em;
}
----------------------------------------------------------------------------
Page title dimensions
h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}
---------------------------------------------------------------------------
Popular post images dimensions.
.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;
}
0 comments:
Post a Comment