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

































0 comments:

Post a Comment