-----------------------------------------------
Blogger Template Style
Name: Magazinini
WP Theme URL : http://4webz.com/wordpress-themes/free-theme-magazinini/
Bloggerized by : Free Blogger Template
URL: www.freebloggertemplate.info
Date: 25 Aug 2009
----------------------------------------------- */
/* Variable definitions
====================
type="color" default="#fff" value="#ffffff">
type="color" default="#333" value="#333333">
type="color" default="#58a" value="#0080c0">
type="color" default="#666" value="#666666">
type="color" default="#999" value="#868F98">
type="color" default="#c60" value="#cc6600">
type="color" default="#ccc" value="#cccccc">
type="color" default="#999" value="#000000">
type="color" default="#666" value="#000000">
type="color" default="#999" value="#0080c0">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 95% Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/
#navbar-iframe {
height : 0;
visibility : hidden;
display : none;
}
body {
background:#00293E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqpr4GtpgiDiLjRo-LG1lE8W8atHNmVrvTPfMRe8bpcxSMXbFJR2GV2yBon4fRFb0mAcl9u8j-ZSy0tkHhU-d7qkFNI-NH_0e5I8tYLDJAHVseQw3Yi_VUEp_XVg8o4A4sN70FM2BhxcU/s1600/bg-body.png) 50% 84px no-repeat; *background-position: 50% 84px; font: 100%/1.5 "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif; font-smooth: always; text-align: center;
color: #242626;
padding-top:10px;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
background-color: #e8f3ff; text-align: left; margin: 0 auto 3px; width: 985px;
height: 72px; position: relative;
overflow:hidden;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin-top: 0px;
text-align: left;
font-size: 0.7em;
}
#header h1 {
margin:0px 5px 0;
padding:10px 20px .1em;
line-height:1.2em;
text-transform:normal;
letter-spacing:0em;
font: $pagetitlefont;
font-size: 30px;
font-weight:bold;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
text-transform:normal;
letter-spacing:.1em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
font-size:11px;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/*-------------------------------------topmenu---*/
#topmenu {
width:985px;
height:41px;
padding:0px;
margin: 0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZWexOQrzPlfX6CDb6mYO5586UCt0-9p3VlWLPoGadtw1UniIQW2HpSXjdNRH3SeAuIoRXDqrJ3u0XASCq1su5Gg8sxp2KcWjcpZqOGa1x8HOxLTr3yUPP5Uj2RCGOo7RgXlV6GSef7FI/s1600/navigation.png) repeat-x top left;
overflow:hidden;
}
#topmenuleft {
width:750px;
overflow:hidden;
float:left;
}
#topmenuright {
width:235px;
overflow:hidden;
float:right;
}
ul.menu-nav {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
ul.menu-nav li {
display:block;
float:left;
}
ul.menu-nav li a {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZWexOQrzPlfX6CDb6mYO5586UCt0-9p3VlWLPoGadtw1UniIQW2HpSXjdNRH3SeAuIoRXDqrJ3u0XASCq1su5Gg8sxp2KcWjcpZqOGa1x8HOxLTr3yUPP5Uj2RCGOo7RgXlV6GSef7FI/s1600/navigation.png) left -150px no-repeat;
display:block;
float:left;
font-family:Arial;
text-decoration:none;
color: #fff;
font-size:14px;
font-weight: bold;
font-style:italic;
padding: 0 8px 0 10px;
text-shadow: 0 1px 0 #808080;
}
ul.menu-nav li a span {
display:block;
padding: 13px 8px 13px 10px;
}
/*-------------------active----*/
ul.menu-nav li.active a {
background:none;}
ul#subnav li.active a {
border-left:0;}
/* Top search */
#nav-search { display: block; height: 30px; line-height: 16px;margin-top:8px; }
#nav-search label { display: none; }
#s, #searchsubmit { border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#s { border: 1px solid #777; font-size: 11px; height: 15px; padding: 4px 5px 2px; width: 130px; }
#nav-search #s { border-color: #69ab01; border-bottom-color: #548301; border-right-color: #548301; }
#searchsubmit { background: #ff8000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiREq4pCGaO8TFJKvVFCzZYSTWvkMc4JVXj86950jTSPmn0bOQsWvpUR1BemlnNqPKsvxr1ac-QH5vPThJlJU4EjRRRSlJNGx9blgBI_iVuYf2WHBRGqY2yiSyi-dqDW1sXcK2EoTWzt1k/s1600/button-style-input.png) center left repeat-x; border: 1px solid #666; color: #fff; font-size: 11px; font-weight:bold; height: 23px; letter-spacing: 1px; line-height: 20px; padding: 0 5px; -moz-box-shadow: 0px 0px 1px #fff; -webkit-box-shadow: 0px 0px 1px #fff; }
/* Fixes Firefox 2 and 3 */
#searchsubmit, x:-moz-any-link { padding: 0 5px 3px; *padding: 0 5px; }
/* ---------------------------------------------
Subnavbar
----------------------------------------------- */
#subnavbar-wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIU21f8l3ys3p0Tt81biP9EeOjyUhm0AX9-D09EA1QByq1GKWXPes7fo7dhTGibm0BCs2A7Xfa6jlpavxKKQPNRPgEsrQ0rbGHMXmrX0MUYSfEF8VlE0IwpGoA6USuuA_4rG6D76riIs/s1600/bg-submenu.jpg) repeat-x bottom;
width: 100%;
height: 24px;
color: #000;
margin: 0px auto 0;
padding: 5px 0;
border-bottom:3px solid #000;
}
#subnavbar {
margin: 0 auto;
width:950px;
}
#subnav {
margin: 0;
padding: 0;
}
#subnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#subnav li {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #fff;
display: block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin:0;
padding: 6px 13px;
border-left:1px solid #ddd;
}
#subnav li a:hover, #subnav li a:active {
color: #000;
display: block;
text-decoration: underline;
margin: 0 0 0;
padding: 6px 13px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 985px;
margin:0px auto 0;
padding:0;
text-align:$startSide;
font: $bodyfont;
background: #E8F3FF;
overflow: hidden;
font-size:12px;
}
#main-wrapper {
width: 574px;
float: $startSide;
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 */
border-right: 3px solid #D5DADD;
margin:0;padding:0 28px;
}
#content-wrapper{margin:0;padding:0;}
#sidebar-wrapper {
width: 310px;
float: $endSide;
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 */
margin:0 20px;
font-size:11px;
color:#000;
}
#sidebarleft-wrapper {
width: 150px;
float: $startSide;
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 */
}
#sidebarright-wrapper {
width: 150px;
float: $endSide;
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 */
}
/* Headings
----------------------------------------------- */
h2 {
color: #434343; font-size: 14px; font-weight:bold; font-style:italic; padding-bottom: 1px; text-transform: uppercase;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0;
padding:0;
display:none;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
font-size:12px;
}
.post h3 {
margin:.25em 0 0;
padding:10px 0px 20px;
font-size:40px;
font-weight:bold;
line-height:1.4em;
color:#242626;
font-family:Times;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#242626;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#006a9d;
}
.post-body {
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
border-bottom: 1px dotted #ddd; border-top: 1px dotted #D5D5D5; color: #999; font-size: 11px; margin: 20px 0px 0; padding: 7px 2px;
}
.post-footer a,.post-footer a:visited { color: #ff8080; padding: 2px 4px; font-weight:bold; }
.post-footer a:hover { background-color: #efefef; }
.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
background: #F9FBFC; margin: 0px; padding: 15px 25px 15px 25px; font-size: 14px; font-style: italic; color: #785C3F; line-height: 20px;
}
.post blockquote p {
margin:.75em 0;
}
.meta { background-color: #006a9d; border-bottom: 1px solid #E6F0F2; border-top: 1px solid #E6F0F2; color: white; display: block; font-size: 11px; height: 19px; line-height: 19px; margin: 0 -28px 10px; padding: 6px 28px; text-shadow: 0px 1px 0px #525252; width: 576px; }
.meta:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
a.comment-link,a.comment-link:visited {color: #ff8080;background: #5388b6 ; border: 1px solid #F4F8F9; border-radius: 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; height: 11px; line-height: 11px; padding: 4px 6px; width: auto; }
a.comment-link:hover { background: #5388b6 ; border-color: #1b5a8d; color: #fff; text-shadow: 0 1px 0 #000000; text-decoration:none;}
/* Comments
----------------------------------------------- */
#comments h4 {
width:574px;
margin: 0 -28px 0px;
font-family:Georgia; font-weight: bold;
line-height: 1.4em;
letter-spacing:0em;
color: $sidebarcolor;
font-size: 34px;
background-color: #F4F8F9; border-top: 1px solid #E6F0F2; padding: 6px 28px;
border-bottom: 3px double #E6F0F2; text-shadow: 0 1px 0 #c0c0c0;
}
#comments-block {
margin:0em -28px 0;
line-height:1.6em;
background-color: #F9FBFC;
padding: 6px 28px;
}
#comments-block .comment-author {
padding:10px 10px 5px;
font-size: 13px;
color: #8D7154;
background: #F4F8F9;
border-bottom: 1px solid #E6F0F2;
}
#comments-block .comment-body {
padding:5px 10px 10px;
background: #F4F8F9;
margin:0;
}
#comments-block .comment-footer {
padding:10px 0;
background: #F9FBFC;
margin:0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget {
border-bottom: 1px dotted #ddd;
margin:5px;
padding:5px;
}
.main .widget {
margin:0;
padding:0 0 30px;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer { clear:both; background-color: #e8f3ff; text-align: left; margin: 0 auto 3px; width: 954px;font-size: 11px;padding: 0px 18px; border-top:3px solid #000;}
.alignright { float: right; }
.top-link { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy-rEircth1z6gCEL1gkkGjNtN7jKSTaEJ6gEVK3NNs4qz-IAUaOw1ddaqB8_pSVanjJr2K0O4oRGW-cultTSqAAj7cqoUOHfXcM7bY-WjFmQacevIHBhYrPbcoOylqUMGW5ppKKnOqI/s1600/top-sprite.png) 0 5px no-repeat; padding-left: 12px; }
.top-link:hover { background-position: 0 -29px; }
]]>
0 komentar:
Posting Komentar