<data:blog.pageTitle/> <data:blog.pageName/> */ /* Use this with templates/template-twocol.html */ /* Navbar Frame ----------------------------- */ #navbar-iframe {height:0px;visibility:hidden;display:none} body { background:$bgcolor; font-family:bookman old style; font-size:14px; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; font-family:bookman old style; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ .headerpic{background:#000;width:100%;margin:0 auto;padding-top:30px} #header-wrapper { width:980px; margin: 0 auto; padding:5px 0px 5px 0px; border:0px solid $bordercolor; } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header { float:$startSide; width:240px; height:auto; margin: 0 auto; border: 0px solid $bordercolor; text-align: left; color:$pagetitlecolor; } #header2{float:$endSide; width:730px; height:auto;} #header h1 {font-variant: small-caps; margin:0 auto; padding:5px 0px .01em; line-height:1.2em; text-transform:uppercase; letter-spacing:.01em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 auto; padding:0 2px 15px; max-width:100%; text-transform:uppercase; letter-spacing:.01em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ .outerpic { background:#fff url(http://syaiun.hexat.com/Rumput.jpg) repeat top center;margin:0 auto;} #outer-wrapper {background:#fff; width: 960px; margin:0 auto; padding:10px 10px 0 10px; text-align:$startSide; font: $bodyfont; } #main-wrapper {padding-left:20px; width: 610px; 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 */ } #sidebar-wrapper h2{ background:url(http://syaiun.hexat.com/icon/h2.jpg) no-repeat left #c4d0ba; color:white; letter-spacing:5px; font-family:Copperplate Gothic Light; text-shadow:2px 0px 0px green, -2px 0px 0px green, 0px 2px 0px green, 0px -2px 0px green, 2px 2px 0px green, -2px -2px 0px green, -2px 2px 0px green, 2px -2px 0px green, 4px 0px 9px white, -4px 0px 9px white, 0px 4px 9px white, 0px -4px 9px white, 4px 4px 9px white, -4px -4px 9px white, -4px 4px 9px white, 4px -4px 9px white; padding:7px; height:60px; } #sidebar-wrapper { border-left:1px dashed #c4d7bf; padding-left:7px; font-family:Bookman Old Style; Font-size:14px; width: 300px; 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 */ } #sidebar2-wrapper { width: 135px; 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 */ } /* Headings ----------------------------------------------- */ h2 { margin:0.5em 0 .75em; font:bold 14px Arial; line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0.5em 0 .1em; } .post { margin:.5em 0 0.5em; border-bottom:2px dotted $bordercolor; padding-bottom:0.5em; } .post h3 { font-family:Arial; font-variant: small-caps; margin:.01em 0 1.0em; padding:0 0 4px; font-size:200%; font-weight:bold; line-height:1.1em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:bold; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 0 .75em; line-height:1.4em; font-family:Bookman Antiqua; font-size:15px; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.01em; font: $postfooterfont; line-height: 1.3em; } .comment-link { margin-$startSide:.3em; } .post img, table.tr-caption-container { padding-top:4px; border:0px solid $bordercolor; } .tr-caption-container img { border: none; padding: 0; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link {font-family:Arial;font-variant: small-caps; font-size:110%;font-weight:bold; float: $startSide; } #blog-pager-older-link {font-family:Arial;font-variant: small-caps; font-size:110%;font-weight:bold; float: $endSide; } #blog-pager {font-family:Arial;font-variant: small-caps; font-size:110%;font-weight:bold; text-align: center; } .feed-links {font-family:Arial;font-variant: small-caps; font-size:110%;font-weight:bold; 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, .main .widget { border-bottom:0px dotted $bordercolor; margin:0 0 0.2em; padding:0 0 0.2em; } .main .Blog { border-bottom-width: 0; } /* Sidebar2 Content ----------------------------------------------- */ .sidebar2 h2 { margin: 0.0em 0 0.0em; padding:5px 0px 1px 5px; background:transparent; font:bold 14px Arial; letter-spacing:.01em; color:$sidebarcolor; text-transform:uppercase;} .sidebar2 {font:normal 11px Arial; color: #333; line-height: 1.3em; } .sidebar2 ul { list-style:circle inside; margin:0 0 0; padding:0 0 0; } .sidebar2 li {font:normal 11px Arial; margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.3em; } .sidebar2 a:link, .sidebar2 li a:visited {color:#333;text-decoration:underline;} .sidebar2 li a:hover {color:#000;text-decoration:none;} .sidebar2 .widget { background:#f2f2f2; border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; margin-bottom: 0.5em;} .sidebar2 .widget-content { padding: 5px;} /* Footer Content ----------------------------------------------- */ .footer h2, .bottom h2 {margin:0.5em 0 .75em;font:$headerfont;line-height: 1.4em; text-transform:uppercase;letter-spacing:.01em;color:cyan;font:bold 16px Courier New;} .footer, .bottom {color: #fff;line-height: 1.5em;} .footer ul, .bottom ul {list-style:none;margin:0 0 0;padding:0 0 0;} .footer li, .bottom li {font-size:11px; font-family:Bookman Old Style; margin:0;border-top: 1px dotted #555; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:0px; text-indent:0px; line-height:1.4em;color:#888;} .footer a:link, .footer li a:visited, .bottom a:link, .bottom a:visited, HTML1 a,.footer a {color:#fff;text-decoration:none;font-size:11px; font-family:Bookman Old Style;} output a {color:#fff; font-weight:bold; font-family:cooper black;} output{color:white;} .footer a:hover, .footer.footer li a:hover, .bottom li a:hover {color:cyan;text-decoration:none;} .footer .widget, .bottom .widget { margin:0 auto;padding:5px 0px 5px 0px; font-size:11px; font-family:Bookman Old Style;} /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide:5px; margin-top:0px; margin-$startSide: 0; padding: 4px; border: 0px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.01em; font: bold 14px Arial; color: #888; line-height: 1.3em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { font:normal 12px Arial;color:#999; margin: 0.5em 0; line-height: 1.3em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .01em; } /* Footer Wrapper ----------------------------------------------- */ .picfooter{background:#333;width:100%;margin:0 auto;border-top:10px solid #888;} #footer-wrapper {background:transparent; padding:0px 10px 0px 10px;width: 980px; margin-top:0px;margin-$startSide: auto;margin-$endSide: auto;text-align:$startSide;font: $bodyfont;} #footer1-wrapper { width: 360px;padding-right:10px;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 */} #footer2-wrapper { width: 300px;float: left; 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 */} #footer3-wrapper { width: 300px; 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 */ } /* Bottom Wrapper ----------------------------------------------- */ .picbottom{background:#333;width:100%;margin:0 auto;} #bottom-wrapper {background:transparent; padding:0px 10px 0px 10px;width: 980px; margin-top:0px;margin-$startSide: auto;margin-$endSide: auto;text-align:$startSide;font: $bodyfont;} #bottom1-wrapper { width: 200px;padding-right:10px;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 */} #bottom2-wrapper { width: 250px;float: left; 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 */} #bottom3-wrapper { width: 250px; float: left;margin-left:10px; 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 */} #bottom4-wrapper { width: 250px; 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 */ } /* Credit Wrapper ---------------------------------------------*/ #credit-wrapper{background:#eee;width:100%;margin:0 auto;border-top:10px solid #999} #link-wrapper { background:transparent; overflow:hidden; clear:both; width: 980px; margin:0 auto; padding:8px 10px 15px 10px; line-height: 1.4em; text-align:left; font-family: Tahoma; font-size:11px; color:#000; } /* Menu Horisontal ---------------------------------------------*/ .menupic{background:#333;width:100%;margin:0 auto;border-top:10px solid #333;border-bottom:8px solid #ccc;} .menuhorisontal{ background:#333; width: 980px;height:32px;overflow: hidden; border-bottom: 0px solid #ccc;margin:0 auto; padding:0 auto; } .menuhorisontal ul{ margin: 0; padding-left: 0px;font-variant: small-caps; font-weight: bold;font-family:Segoe UI;font-size:16px; color: #e9e9e9;list-style-type: none; } .menuhorisontal li{ display: inline; margin: 0; } .menuhorisontal li a{ background:#666; float: left; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; display: block; text-decoration:none; margin-right:3px; padding: 6px 8px; border-right: 0px solid #ccc; color: #e9e9e9} .menuhorisontal li a:visited{ color: #e9e9e9; } .menuhorisontal li a:hover, .menuhorisontal li.selected a{background:#ccc;color:#000;text-decoration:none; /*Background Setelah Pointer Diarahkan */ } .jump-link {font-family:Arial;font-variant: small-caps;font-weight:bold;font-size:110%;float:right;} ]]>

Ring ring
Full download, inspiration and Motivation | 2024-04-25 17:31