Gardening Tricks
Lineaments:
-Gardening Tricks is 2 Column Template .
- Posts thumbnails, tabs .
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
-Best For Tech Blog.
- Designer name given inside theme file.
-Author: EZwpthemes
----------------------------------------------------------------------------------------
Layout design of template , you can make chages
body {
font-size: 62.5%; /* Resets 1em to 10px */
color: #000;
background: #fff;
line-height: 1.4;
}
#outer-wrapper , #wrap2 , #wrap4 ,
#header-wrapper , #content-wrapper , #footer-wrapper {
margin: 0 auto;
}
#header-wrapper {
position: relative;
}
.entry p {
margin: 10px 0 10px 0;
}
.entry ul {
padding-left: 20px;
list-style-type: square;
}
.entry ol {
padding-left: 25px;
list-style-type: decimal;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
font-weight: bold;
margin: 5px 0;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
border-bottom: 1px dashed #666;
}
.endline {
clear: both;
}
-----------------------------------------------------------------------------------------
Images design
p img {
max-width: 100%; /* not working in IE6 */
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
---------------------------------------------------------------------------------------
Body style dimensions
body {
color: #000;
background: #EADEC5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJXKrIDCYQtj-Bwrpgvs5rX3V30JWzwSizaG3UK8QFP15X0brhhWavEtssJQ9Pi9HfdoX53hJsgdIzBgHEtPp7mjdfHo6MxZWVp-PyNPJ8fqVTN4wVzK3axsScebXFUBOzVCqgMAA-hpFY/s0/bg.jpg) center top repeat;
font-family: Verdana, Geneva, sans-serif;
}
a, .post a {
text-decoration: none;
color: #000;
}
a:hover, .post a:hover {
color: #900;
text-decoration: none;
}
#blog_title ,.post-title ,h1 ,h2 ,h3 ,h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
blockquote, code {
color: #333;
font-family: Verdana, Geneva, sans-serif;
border: 1px dashed #999;
}
blockquote {
background: #F8F4AB;
}
code {
background: #F5D582;
}
--------------------------------------------------------------------------------------------
Outer , main , header Wrapper style
#outer-wrapper {
min-width: 998px; /* not working in IE6 */
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXrHOICN7V_b7oUv0XpCBS09NNiYVqbTkSG5Jxjp28rBNUk7jHh2m4G0qhkagYPUxasFBWGOQ_iM2YJ6U5vAdObW8RoN2_1DaQPNGgNXcrv7g231KmYHrbw4B-xmPTaHv-LscB1d3idZnU/s0/container_bg.jpg) repeat-y center top;
}
#wrap2 {
padding: 0 0 5px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuxBqAVplzbE4qxMq5s1G-SaPaOuM0L12gukgNuRs1vuaqoZaqLdy9-q6W8krJ5Nn_iBzXGD2a2Mf0QN94SuAdTjv7WkCEwhiC6GFzAy2g9Kr59CdqptwLrhJA4RicjVhS_gxmfld-YqU/s0/bottom_frame.jpg) no-repeat center bottom;
}
#wrap4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIJcx0L5jbifk8YzH-MwLbEn2NYQLjAnTeTihF6Yupt8GW2-RXVfJo8lFcRF2VHB-H8JBofpqXiPYBaGAa30trO4rOKcr-CXp5YGmzn_948Jb7UAAf7hPVCEa3nW5X08NJ7I3JSc-gCwIh/s0/top_frame.jpg) no-repeat center top;
}
#wrap5 {
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3Q59QwNW4D_A8Qtt28_OgXg5sN5rDT9qRr9D_5gkCjOd0mNf3BFstvCNu8QmBlV03weCIZHVGSOP4m7Q1AFVdQ2DhIjD0JmYqOBIw70GJpGzYkWJE9ZEmYbwzsmyrnYVpE9R-_PSxmeG/s0/top_container.jpg) no-repeat center 192px;
}
#header-wrapper , #content-wrapper , #footer-wrapper {
width: 998px;
}
#header-wrapper {
height: 187px;
}
#content-wrapper {
min-height: 900px;
padding: 0px 0 50px 0;
}
#footer-wrapper {
clear: both;
height: 56px;
position: relative;
}
/* Footer */
.credit {
font-size: 1.1em;
text-align: center;
padding: 0px 100px 0px 100px;
}
.credit, .credit a, .credit a:hover {
color: #999999;
}
/* Header */
#header-wrapper #blog_title {
font-size: 3em; /* Blog Title */
padding: 56px 200px 0px 175px;
text-align: left;
}
#header-wrapper h2 {
font-size: 1.4em; /* Blog Description */
text-align: left;
padding: 0px 200px 0px 177px;
}
#header-wrapper #blog_title, #header-wrapper #blog_title a, #header-wrapper h2 {
color: #333333;
}
-Gardening Tricks is 2 Column Template .
- Posts thumbnails, tabs .
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
-Best For Tech Blog.
- Designer name given inside theme file.
-Author: EZwpthemes
----------------------------------------------------------------------------------------
Layout design of template , you can make chages
body {
font-size: 62.5%; /* Resets 1em to 10px */
color: #000;
background: #fff;
line-height: 1.4;
}
#outer-wrapper , #wrap2 , #wrap4 ,
#header-wrapper , #content-wrapper , #footer-wrapper {
margin: 0 auto;
}
#header-wrapper {
position: relative;
}
.entry p {
margin: 10px 0 10px 0;
}
.entry ul {
padding-left: 20px;
list-style-type: square;
}
.entry ol {
padding-left: 25px;
list-style-type: decimal;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
font-weight: bold;
margin: 5px 0;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
border-bottom: 1px dashed #666;
}
.endline {
clear: both;
}
-----------------------------------------------------------------------------------------
Images design
p img {
max-width: 100%; /* not working in IE6 */
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
---------------------------------------------------------------------------------------
Body style dimensions
body {
color: #000;
background: #EADEC5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJXKrIDCYQtj-Bwrpgvs5rX3V30JWzwSizaG3UK8QFP15X0brhhWavEtssJQ9Pi9HfdoX53hJsgdIzBgHEtPp7mjdfHo6MxZWVp-PyNPJ8fqVTN4wVzK3axsScebXFUBOzVCqgMAA-hpFY/s0/bg.jpg) center top repeat;
font-family: Verdana, Geneva, sans-serif;
}
a, .post a {
text-decoration: none;
color: #000;
}
a:hover, .post a:hover {
color: #900;
text-decoration: none;
}
#blog_title ,.post-title ,h1 ,h2 ,h3 ,h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
blockquote, code {
color: #333;
font-family: Verdana, Geneva, sans-serif;
border: 1px dashed #999;
}
blockquote {
background: #F8F4AB;
}
code {
background: #F5D582;
}
--------------------------------------------------------------------------------------------
Outer , main , header Wrapper style
#outer-wrapper {
min-width: 998px; /* not working in IE6 */
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXrHOICN7V_b7oUv0XpCBS09NNiYVqbTkSG5Jxjp28rBNUk7jHh2m4G0qhkagYPUxasFBWGOQ_iM2YJ6U5vAdObW8RoN2_1DaQPNGgNXcrv7g231KmYHrbw4B-xmPTaHv-LscB1d3idZnU/s0/container_bg.jpg) repeat-y center top;
}
#wrap2 {
padding: 0 0 5px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuxBqAVplzbE4qxMq5s1G-SaPaOuM0L12gukgNuRs1vuaqoZaqLdy9-q6W8krJ5Nn_iBzXGD2a2Mf0QN94SuAdTjv7WkCEwhiC6GFzAy2g9Kr59CdqptwLrhJA4RicjVhS_gxmfld-YqU/s0/bottom_frame.jpg) no-repeat center bottom;
}
#wrap4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIJcx0L5jbifk8YzH-MwLbEn2NYQLjAnTeTihF6Yupt8GW2-RXVfJo8lFcRF2VHB-H8JBofpqXiPYBaGAa30trO4rOKcr-CXp5YGmzn_948Jb7UAAf7hPVCEa3nW5X08NJ7I3JSc-gCwIh/s0/top_frame.jpg) no-repeat center top;
}
#wrap5 {
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3Q59QwNW4D_A8Qtt28_OgXg5sN5rDT9qRr9D_5gkCjOd0mNf3BFstvCNu8QmBlV03weCIZHVGSOP4m7Q1AFVdQ2DhIjD0JmYqOBIw70GJpGzYkWJE9ZEmYbwzsmyrnYVpE9R-_PSxmeG/s0/top_container.jpg) no-repeat center 192px;
}
#header-wrapper , #content-wrapper , #footer-wrapper {
width: 998px;
}
#header-wrapper {
height: 187px;
}
#content-wrapper {
min-height: 900px;
padding: 0px 0 50px 0;
}
#footer-wrapper {
clear: both;
height: 56px;
position: relative;
}
/* Footer */
.credit {
font-size: 1.1em;
text-align: center;
padding: 0px 100px 0px 100px;
}
.credit, .credit a, .credit a:hover {
color: #999999;
}
/* Header */
#header-wrapper #blog_title {
font-size: 3em; /* Blog Title */
padding: 56px 200px 0px 175px;
text-align: left;
}
#header-wrapper h2 {
font-size: 1.4em; /* Blog Description */
text-align: left;
padding: 0px 200px 0px 177px;
}
#header-wrapper #blog_title, #header-wrapper #blog_title a, #header-wrapper h2 {
color: #333333;
}
0 comments:
Post a Comment