Orange Line - Blogger Template
Lineaments:
- Orange Line is 3 Column Blogger Templete , Equipped with Social Networking Features built in Slider , with awesome Layout . It's Free Template.
- Compatible with All Major Browsers
- Slider is Removable
- Deluxe Templates is Author of the Template
- Best for Website looking Blogs , Tech Blogs ,
----------------------------------------------------------------------------------------------
Body design code here you can change background color , image , link color , font
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7oWqwstuw3QSd6Rpnrw0tnBlQJraDNxulWzOq1CuF1Upb5JWHhqJaac7BRk6XvfZ1B8KgQVEtABUtOQn7L8yCU1sr1gz7VJIH06psCF2ych9GDrEj33UUp2H6yLC8AbKQDyoGW0ZiLot/s0/wrapper1.jpg") repeat-x scroll 0 0 #022A61;
color: #333333;
font: small Georgia Serif;
margin: 0;
text-align: center;
}
a:link {
color: #0889C4;
text-decoration: none;
}
a:visited {
color: #0889C4;
text-decoration: none;
}
#HTML123 h2 {
display: none;
}
this hover part you can change style
a:hover {
color: #000000;
text-decoration: underline;
}
a img {
border-width: 0;
}
--------------------------------------------------------------------------------------------
this is header design part to make changes
#header-wrapper {
height: 127px;
margin: 0 auto;
text-shadow: 0 1px 0 #000000;
}
#header-inner {
height: 60px;
margin-left: auto;
margin-right: auto;
}
#header {
color: #FFFFFF;
text-align: left;
}
#header h1 {
font-family: 'Oswald',Arial,Helvetica,Sans-serif;
font-size: 42px;
font-weight: normal;
letter-spacing: 0;
margin: 0;
padding: 23px 40px 0 17px;
text-transform: inherit;
}
#header a {
color: #FFFFFF;
text-decoration: none;
}
#header a:hover {
color: #FFFFFF;
}
#header .description {
font: 80%/12px 'Oswald',Arial,Helvetica,Sans-serif;
letter-spacing: 0;
margin: -1px 0 0;
padding: 0 14px 0 20px;
text-transform: none;
}
#header img {
margin-left: 0;
margin-right: auto;
margin-top: 0;
}
#outer-wrapper {
font: 110% Arial,Serif;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
text-align: left;
width: 1000px;
}
---------------------------------------------------------------------------------------------
Outer , main and sidebar wrappers design
#outer-wrapper1 {
}
#main-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
float: right;
font-size: 13px;
margin-right: 6px;
margin-top: 4px;
overflow: hidden;
padding: 10px;
width: 530px;
word-wrap: break-word;
}
#sidebar-wrapper {
float: left;
margin-left: 5px;
margin-top: 5px;
overflow: hidden;
width: 163px;
word-wrap: break-word;
}
#sidebar-wrapper2 {
float: right;
margin-right: 5px;
margin-top: 5px;
overflow: hidden;
width: 265px;
word-wrap: break-word;
}
h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyvVJxnFhAXUJjTlz7__3tga4nzhFP9Md7fSxTJ23mrZJ4RdzYjQUzcmjHVMS_GNohWAORY3PONyFpSNhoY_hVr3Rg78TpA8KLrya1grU2NbjPnpS5eoHjHmR3WdPgVr7fF7LD8CN-iMNP/s0/h2.jpg") repeat-x scroll 0 0 transparent;
border-radius: 5px 5px 0 0;
color: #000000;
font: 104%/1.4em 'Oswald',Arial,Helvetica,Sans-serif;
margin: 0;
padding: 6px 7px;
text-transform: uppercase;
}
h2.date-header {
font: 12px arial;
letter-spacing: 0;
margin: 0;
padding: 0;
text-transform: none;
}
.post {
margin: 0.5em 0 10px;
padding-bottom: 31px;
}
.post h3 {
color: #000000;
font-size: 170%;
font-weight: bold;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
------------------------------------------------------------------------------------
Comment Style and structure
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #E8DEC4;
border-color: #E8DEC4;
border-style: solid;
border-width: 2px 1px 1px;
line-height: 16px;
padding: 5px;
}
#comments-block .comment-body {
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
margin-left: 0;
margin-right: 20px;
padding: 7px;
}
#comments-block .comment-footer {
border-bottom: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
font-size: 11px;
line-height: 1.4em;
margin: -0.25em 20px 2em 0;
padding: 5px;
text-transform: none;
}
#comments-block .comment-body p {
margin: 0 0 0.75em;
}
.deleted-comment {
color: gray;
font-style: italic;
}
#blog-pager-newer-link {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
padding: 7px;
}
----------------------------------------------------------------------------------------------
Sidebar and footer wrapper
#sidebar-wrapper2 .sidebar .widget {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0W1OT_CmJcuD79DSX93teysuwjrz-IV2fmcHSxXiQHVSwtPLRxLcNu9t18PccO36bq7HvlPF4NKwsi7aB82F9Vhc1TaH-VnWRH1DLdLamjAGg8edVrS5JITBdUbw2LJwv8dtCju8ArfZ/s0/sidebar.png") no-repeat scroll right top #E5E9D5;
margin-bottom: 8px;
padding: 0;
}
#HTML111 h2 {
display: none;
}
#sidebar-wrapper2 .widget-content {
margin: 0;
padding: 5px;
}
#sidebar-wrapper .sidebar .widget {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 0 0;
margin-bottom: 10px;
margin-left: 0;
padding-bottom: 0;
}
#sidebar-wrapper .widget-content {
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding: 5px;
}
#footer-bg {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7oWqwstuw3QSd6Rpnrw0tnBlQJraDNxulWzOq1CuF1Upb5JWHhqJaac7BRk6XvfZ1B8KgQVEtABUtOQn7L8yCU1sr1gz7VJIH06psCF2ych9GDrEj33UUp2H6yLC8AbKQDyoGW0ZiLot/s0/wrapper1.jpg") repeat-x scroll 0 0 #022A61;
}
.first-links {
font-size: 12px;
margin-bottom: -4px;
padding-left: 13px;
}
.second-links {
padding-left: 30px;
}
#footer a {
color: #FFFFFF;
}
#content-wrapper {
background: none repeat scroll 0 0 #EEEEEE;
border-radius: 5px 5px 5px 5px;
margin: 6px 0 0;
padding-top: 0;
}
nice template
ReplyDeletegood one
ReplyDelete