Greetings
Lineaments:
-Greetings is 2 Column Template .
- Posts thumbnails, tabs .
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
-Best Simple , For Tech Blog.
- Designer name given inside theme file.
- Designer: Harish
-Greetings is 2 Column Template .
- Posts thumbnails, tabs .
- It's Free Simple Blogger templates .
-Compatible with All Major Browsers
-Best Simple , For Tech Blog.
- Designer name given inside theme file.
- Designer: Harish
------------------------------------------------------------------------------------
Body style of template , you can make changes in Appearence
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
a:link {
text-decoration:none;
color: #A89481;
}
a:visited {
text-decoration:none;
color: #A89481;
}
a:hover {
color: #69625A;
text-decoration: underline;
}
.body-fauxcolumn-outer .fauxcolumn-inner {
background: transparent $(body.background.gradient.tile) repeat scroll top left;
_background-image: none;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 400px;
width: 100%;
background: $(body.background);
$(body.background.override)
}
.body-fauxcolumn-outer .cap-top .cap-left {
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
.content-outer {
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin-bottom: 1px;
}
.content-inner {
padding: $(content.padding) $(content.padding.horizontal);
}
$(content.background.color.selector) {
background-color: $(content.background.color);
}
--------------------------------------------------------------------------------------------------
Header style of template
#header, body#layout #header {width:45%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:40%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}
-------------------------------------------------------------------------------------------------------
Menu , sidebar and share button code part
#menu {
font-family: 'Open Sans Condensed', sans-serif;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBY-JUt63_qxF9HVr0QLfKnoRdiq9ZiERSiNM6kqkx-7haOon4hFzxCdNhh_M17w18vCOrF260vu-Hj2IQ5agxII-LIUc6_v0RH-foDsVdrvJJ0Jl3ZnKuXoZMzYJO2tTNFwYBKVb_E8ov/s0/menu-primary.png') no-repeat top center;
padding:10px;
}
h1, h2, h3, h4, h4 a:hover, h5, h6, .entry-title a {
font-weight: 300;
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.post blockquote {
background:#FFD8FC;
border:1px solid #FF83F7;
padding:10px;
}.sidebar h2{
text-align: center;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
padding-bottom: 13rem;
padding-bottom: .8rem;
font-size: 18px;
font-size: 1.125rem;
font-family:Quintessential, cursive;
}.sidebar{
margin-right:44px;
}
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
}
#shareingis{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
.topheadign{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
}
----------------------------------------------------------------------------------------
Subscribe box code
#ga-subscribebox {
margin: 10px 48px 32px;
margin: 0.625rem 3rem 2rem;
text-align: center;
padding: 32px;
border: 10px solid #F0DFDF;
padding: 2rem;
background: #F6F6F6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
border-image: initial;
}
.einput{
background-color: white;
border: 1px solid #DDD;
padding: 8px 12px;
padding: 0.5rem 0.75rem;
max-width: 100%;
border-image: initial;
width:300px;
}
.einput:hover{
border: 1px solid #DDD;
}
.butsub{
background-color: #C7AE96;
border: 1px solid #AA8C70;
color: white;
cursor: pointer;
font-weight: 700;
padding: 10px 12px;
padding: 0.62rem 0.75rem;
text-decoration: none;
width: auto;
line-height: 1;
border-image: initial;
margin-left:5px;
}
.butsub:hover {
background-color: #62A6E5;
border-color: #3A84C9;
}.Label a{
padding-left:20px;
background:#A89481;
padding:0 20px;
color:#fff!important;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }
.Label a:hover{
background:#69625A; }
.header-outer{
margin-left:50px;
}
Body style of template , you can make changes in Appearence
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
a:link {
text-decoration:none;
color: #A89481;
}
a:visited {
text-decoration:none;
color: #A89481;
}
a:hover {
color: #69625A;
text-decoration: underline;
}
.body-fauxcolumn-outer .fauxcolumn-inner {
background: transparent $(body.background.gradient.tile) repeat scroll top left;
_background-image: none;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 400px;
width: 100%;
background: $(body.background);
$(body.background.override)
}
.body-fauxcolumn-outer .cap-top .cap-left {
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
.content-outer {
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin-bottom: 1px;
}
.content-inner {
padding: $(content.padding) $(content.padding.horizontal);
}
$(content.background.color.selector) {
background-color: $(content.background.color);
}
--------------------------------------------------------------------------------------------------
Header style of template
#header, body#layout #header {width:45%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:40%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}
-------------------------------------------------------------------------------------------------------
Menu , sidebar and share button code part
#menu {
font-family: 'Open Sans Condensed', sans-serif;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBY-JUt63_qxF9HVr0QLfKnoRdiq9ZiERSiNM6kqkx-7haOon4hFzxCdNhh_M17w18vCOrF260vu-Hj2IQ5agxII-LIUc6_v0RH-foDsVdrvJJ0Jl3ZnKuXoZMzYJO2tTNFwYBKVb_E8ov/s0/menu-primary.png') no-repeat top center;
padding:10px;
}
h1, h2, h3, h4, h4 a:hover, h5, h6, .entry-title a {
font-weight: 300;
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.post blockquote {
background:#FFD8FC;
border:1px solid #FF83F7;
padding:10px;
}.sidebar h2{
text-align: center;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
padding-bottom: 13rem;
padding-bottom: .8rem;
font-size: 18px;
font-size: 1.125rem;
font-family:Quintessential, cursive;
}.sidebar{
margin-right:44px;
}
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
}
#shareingis{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
.topheadign{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
}
----------------------------------------------------------------------------------------
Subscribe box code
#ga-subscribebox {
margin: 10px 48px 32px;
margin: 0.625rem 3rem 2rem;
text-align: center;
padding: 32px;
border: 10px solid #F0DFDF;
padding: 2rem;
background: #F6F6F6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
border-image: initial;
}
.einput{
background-color: white;
border: 1px solid #DDD;
padding: 8px 12px;
padding: 0.5rem 0.75rem;
max-width: 100%;
border-image: initial;
width:300px;
}
.einput:hover{
border: 1px solid #DDD;
}
.butsub{
background-color: #C7AE96;
border: 1px solid #AA8C70;
color: white;
cursor: pointer;
font-weight: 700;
padding: 10px 12px;
padding: 0.62rem 0.75rem;
text-decoration: none;
width: auto;
line-height: 1;
border-image: initial;
margin-left:5px;
}
.butsub:hover {
background-color: #62A6E5;
border-color: #3A84C9;
}.Label a{
padding-left:20px;
background:#A89481;
padding:0 20px;
color:#fff!important;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }
.Label a:hover{
background:#69625A; }
.header-outer{
margin-left:50px;
}
0 comments:
Post a Comment