-----------------------------------------------
Blogger Template Style
Name : Gadget Blog
Designer: Cebong Ipiet
URL : http://www.ipietoon.com
Date : 30 May 2009
THE CONTENTS OF THIS TEMPLATE IS MADE BY CEBONG IPIET.
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT MY PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
----------------------------------------------- */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXmOazt_4CMJQR38ZHl19ynbgWawmUsb7AU4PUf1rmlvRDmGHSesnHFSm2TybtDHY9OlgbtZzPjxKd3VHlqcjpMldO4GL_UTr1HoXWJysosR5t2ovjEvS4SkxpXTYCrPnuVB_hu097xnyc/s1600/backgroundbody.png) no-repeat top center;
color: #4c4b4c;
font-size: 12px;
font-family:Arial, Sans-Serif,tahoma, Verdana;
text-align: left;
margin: 0 auto 0;
padding-right: 5px;
}
#wrap {
width: 930px;
margin: 5px auto 10px;
padding: 0;
position: relative;
}
a, a:visited {
color: #1074c9;
text-decoration: none;
}
a:hover {
color: #1074c9;
text-decoration: underline;
}
a img {
border-width: 0;
}
/* Header
-----------------------------------------------*/
#header-wrapper{
width: 930px;
height: 150px;
color: #1074c9;
font-size: 11px;
margin: 0;
padding: 0;
overflow: hidden;
}
#header-inner {
background-position: left;
background-repeat: no;
}
#header h1 {
font-size: 36px;
font-weight: normal;
margin: 0;
padding: 15px 0 0 80px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
font-size: 36px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
}
#header h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 0;
}
#header p {
padding: 0 0 5px 20px;
margin: 0;
line-height: 20px;
}
.headerleft {
width: 400px;
float: left;
font-size: 14px;
margin: 0;
padding-left: 40px;
}
.headerleft a img {
border: none;
margin: 0;
padding: 0;
}
.headerright {
width: 476px;
height:100px;
float: right;
margin: 0;
padding: 6px 0 0;
font-weight: bold;
}
.headerright a img {
border: 1px solid #FFF;
margin: 0 0 3px;
padding: 0;
}
#header .description {
color: #000;
font-weight:bold;
margin-left: 25px;
padding-left: 60px;
}
/*The top Menu
--------------------------------------------------*/
#top {
margin:auto;
padding: 0px;
width: 930px;
}
#navwrap {margin: 0px auto; width:930px;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:10px auto 0;text-align:center; border-right:1px solid #f3f1eb;}
.topnav li a {font-size:11px;display:block;padding:0px 10px;height:100%;color: #1074c9;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; text-transform:uppercase;}
.topnav li a:hover, li a:focus, li a:active {text-decoration:underline; text-transform:uppercase;}
/* Navigation Menu
------------------------------------------------------*/
#NavbarMenu {
background:#000;
width: 930px;
height: 33px;
font-size: 13px;
color: #FFF;
font-weight: bold;
margin: 15px auto 0;
padding: 0px auto 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFF;
display: block;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 9px 15px 8px;
}
#nav li a:hover, #nav li a:active {
background: #fff;
color: #000;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #000;
width: 150px;
color: #FFF;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#nav li li a:hover, #nav li li a:active {
background: #1074c9;
color: #FFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
/*----------------SEARCH----------------*/
#search {
margin-bottom:10px;
padding: 10px;
height:28px;
width:330px;
float:right;
background:#eee;
}
#search form {
margin: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
padding-left:5px;
float: left;
width:230px;
padding: 4px 7px;
font: normal 100%;
color:#422108;
}
#searchsubmit {
padding:5px;
float: right;
background: #1074c9;
border: none;
font: bold 100% ;
color: #fff;
height:25px;
line-height:24px
}
/*Wrapper
---------------------------------*/
#outer-wrapper {
width: 930px;
margin:0px auto 0;
padding-top: 20px;
line-height: 18px;
}
#main-wrapper {
float: left;
width: 565px;
margin: 0;
padding: 0;
}
#sidebar-wrapper {
float: right;
width: 350px;
margin: 10px auto 0;
padding: 0 0 10px;
display: inline;
text-align:justify;
}
#midsidebar-wrapper {
width: 350px;
float: right;
overflow: hidden;
}
#lsidebar {
float: left;
width: 148px;
margin: 0;
padding: 10px 10px 0;
display: inline;
}
#rsidebar {
float: right;
width: 148px;
margin: 0;
padding: 10px 10px 0;
display: inline;
}
.rsidebar .widget, .lsidebar{
margin-bottom:10px;
border-bottom:1px solid #eeeeee;
}
.rsidebar .widget-content, .lsidebar .widget-content{
margin-bottom:10px;
}
.sidebar {
line-height: 1.5em;
}
.sidebar h2,.rsidebar h2, .lsidebar h2{
color: #000;
font-size: 18px;
font-weight: bold;
font-family:georgia, times new roman, arial;
text-transform: titlecase;
margin: 0px 0px 5px;
padding: 3px 0 5px 0px;
}
#sidebar p {
margin: 0;
padding: 0 0 0 45px;
}
#sidebar a img {
border: none;
margin: 0;
padding: 0;
}
.sidebar ul, .rsidebar ul, .lsidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li, .rsidebar ul li, .lsidebar ul li {
list-style-type: none;
margin: 0 0 5px;
padding-left: 15px;
border-bottom:1px dashed #c0c097;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSIw6TuRFaGV7lcECkp0jI2lAiGEFS-oxkpttBFOeMFeDYPNNhEI6RnyVncgPRfWgwUalFrs0Ec7rZJMKm9t0ieAiXTQ9lZPwKjlgRI9cj4Znbji43bXgRvYdEPc_nfJTfPVyC17ZHiEDB/s1600/arrow_next.png) no-repeat left center;
}
.sidebar .widget {
float: left;
width: 348px;
margin: 0 0 10px;
padding: 10px 0px;
border-bottom:1px solid #eeeeee;
}
.sidebar .widget-content {
float: left;
width: 328px;
margin: 0;
padding: 0px;
}
.sidebar .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.sidebar .widget {
float: left;
width: 328px;
margin: 0 0 10px;
padding: 10px;
}
/*Post
-------------------------------------------------*/
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
float: left;
width: 500px;
margin-bottom:10px;
padding: 0px;
overflow:hidden;
}
.post h3 {
margin: 0 0 5px;
padding:5px;
border-bottom:1px solid #eeeeee;
}
.post h3 a, #content h1 a:visited {
color: #000;
font-size: 28px;
font-weight: normal;
font-family:georgia, times new roman, arial;
margin: 0 0 5px;
padding: 0;
}
.post h3 a:hover {
color: #1074c9;
text-decoration: underline;
}
.post-body {
text-align:justify;
margin: 3em 0 .75em;
line-height: 1.6em;
font-family: Arial, Sans-Serif,tahoma, Verdana;
}
.post-body blockquote {
line-height: 1.3em;
}
.post img {
padding: 10px;
}
.post blockquote {
margin: 5px;
padding: 0px 20px 0 15px;
border-left: 4px solid #1074c9;
}
.post blockquote p {
margin: 0;
padding: 0 0 0px;
}
/*Comments
----------------------------------------------*/
.comments {
float: left;
width: 565px;
margin-bottom:10px;
padding: 0px;
}
#comments h4 {
color: #000;
font-size: 20px;
font-family:georgia, times new roman, arial;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}
#comments-block {
width: 565px;
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-body {
margin: .25em 0 10px;
padding-left: 20px;
font-size:12px;
text-align:justify;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
border-bottom:1px solid #c0c097;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/*Footer
---------------------------------------------*/
#footer {
width: 930px;
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
letter-spacing: .1em;
text-align: center;
}
/* Lower Section
------------------------------------- */
#lower-wrapper {
margin:auto;
padding: 10px 0px 20px 0px;
width: 930px;
border-top:1px solid #eeeeee;
}
#lowerbar-wrapper {
float: left;
margin: 0px auto 0px;
padding-bottom: 20px;
width: 33%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
#lowerbar2-wrapper {
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 70%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
font-size:20px;
font-weight:bold;
font-family:georgia, times new roman, arial;
color: #000;
}
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding-left: 15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSIw6TuRFaGV7lcECkp0jI2lAiGEFS-oxkpttBFOeMFeDYPNNhEI6RnyVncgPRfWgwUalFrs0Ec7rZJMKm9t0ieAiXTQ9lZPwKjlgRI9cj4Znbji43bXgRvYdEPc_nfJTfPVyC17ZHiEDB/s1600/arrow_next.png) no-repeat left center;
}
.lowerbar a {color: #1074c9; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: #1074c9;}
.lowerbar a:visited {text-decoration: none; color: #1074c9;}
.product ul {
margin: 0px 0px;
padding: 10px 10px;
overflow: hidden;
}
/* Product List
------------------------------------------*/
.product li{
height:100px;
width:75px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:left;
background:#eee;
}
/*Credit
---------------------------------------------------*/
#credit {
margin: 0px auto 0px;
padding: 25px 0px 0px 0px;
width: 930px;
height: 30px;
font-size:11px;
clear: both;
font-weight: normal;
text-align:center;
border-top:1px solid #eeeeee;
}
#credit p {
margin: 0;
padding: 0
}
#credit a, .credit a:visited {
color: #1074c9;
text-decoration: none;
font:verdana;
font-size:11px;
}
#credit a:hover{
color: #1074c9;
text-decoration: underline;
}
]]>
Wednesday, October 28, 2009
Subscribe to:
Post Comments (Atom)