silhouette: Freebies - Edited Template Denim (Green, Terpisah)

Hye smue..

Ari nie first time saye kasi freebies kat korang smue iaitu edited template denim.. penat2 sye edit tau... aku wat mcm gini sebab aku x de keje xD \kalau nak gune bagitau ok/

Aku edit memang mcm hape tah... hehe.. hope you like it :D

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Denim
Designer: Darren Delaye
Touch up: Farahin
At : ratupetninlaw.bs.com
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#efefef" value="#efefef">
<Variable name="textColor" description="Text Color"
type="color" default="#333333" value="#333333">
<Variable name="linkColor" description="Link Color"
type="color" default="#336699" value="#6af814">

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="transparent">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="transparent">

<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="transparent">
<Variable name="borderColor" description="Border Color"
type="color" default="#cccccc" value="transparent">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999999" value="#999999">

<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
type="color" default="#ffd595" value="transparent">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#333333" value="#333333">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Geneva, sans-serif">
<Variable name="headerFont" description="Page Header Font"
type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 200% Verdana, Arial, Sans-serif">

<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/
::-moz-selection {background:#FFFFFF;color:#6AFB92;}
::selection {background:#FFFFFF;color:#6AFB92;}
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZSd6NFAehyBhPWipUiiaO2Q7Umqy-FyNjK4BMqJ5oPsL1p9E3sbWh4FCbL38ApaKRxQxZTYqSQhd2DPamnbmNWjUzZP5iidj9OR2RDj7cFYPwuBN4jiayrLQsAJRf9npByyMT8IMLwD8/s1600/green.png");repeat ;
background-attachment:Fixed;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
text-decoration: none;
color: $linkColor;
}
a:visited {
color: $linkColor;
}
a img {
border-width: 0;
}

#outer-wrapper {
font: $bodyFont;
}

/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
}

#header {
width: 760px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}

h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
}

h1.title a, h1.title a:visited {
color: $headerTextColor;
text-decoration: none;
}

#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}

/* Content
----------------------------------------------- */

.clear {
clear: both;
}

#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-$startSide: 14px;
width: 464px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-$endSide: 14px;
width: 240px;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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, h3 {
margin: 0;
}

/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
margin:0 0 1.5em;
padding:20px;
font-size: 13px;
background:#ffffff;
border: 2px solid #6AFB92;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
line-height:1.9em;
}
.post-title {
margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
text-align: center;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-22e6686IUFSW_wgkeFcDjvS-vwfB62n210Kr9K_VFY1DXNyBObva7ztb4-5qPeewbpJDuEGV17r6QicbV-Vgi6DItj3KCIYkqFYOTn9Yk_P-1vKl6xlDT8bdZTpHjcRxR0LEpsoerM/s1600/green.png);
border-top: 2px solid #6AFB92;
border-bottom: 2px solid #6AFB92;
border-right: 5px solid #6AFB92;
border-left: 5px solid #6AFB92;
padding: 2px;
}
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #5EFB6E;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}

.post-footer {
margin: -.25em 0 0;
color: $textColor;
font-size: 87%;
}

.post-footer .span {
margin-$endSide: .3em;
}

.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid $borderColor;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
border:1px solid #6AFB92;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZSd6NFAehyBhPWipUiiaO2Q7Umqy-FyNjK4BMqJ5oPsL1p9E3sbWh4FCbL38ApaKRxQxZTYqSQhd2DPamnbmNWjUzZP5iidj9OR2RDj7cFYPwuBN4jiayrLQsAJRf9npByyMT8IMLwD8/s1600/green.png);
border-left:10pt double #6AFB92;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
-webkit-transition: 1s;
}
.post blockquote:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-22e6686IUFSW_wgkeFcDjvS-vwfB62n210Kr9K_VFY1DXNyBObva7ztb4-5qPeewbpJDuEGV17r6QicbV-Vgi6DItj3KCIYkqFYOTn9Yk_P-1vKl6xlDT8bdZTpHjcRxR0LEpsoerM/s1600/green.png);
border:1px dashed #6AFB92;
border-right:10pt double #6AFB92;}
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-transform: rotate(-1deg);
-webkit-transition: 1s;
}
.post blockquote p {
margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
text-align: center;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-22e6686IUFSW_wgkeFcDjvS-vwfB62n210Kr9K_VFY1DXNyBObva7ztb4-5qPeewbpJDuEGV17r6QicbV-Vgi6DItj3KCIYkqFYOTn9Yk_P-1vKl6xlDT8bdZTpHjcRxR0LEpsoerM/s1600/green.png);
border-top: 2px solid #6AFB92;
border-bottom: 2px solid #6AFB92;
border-right: 5px solid #6AFB92;
border-left: 5px solid #6AFB92;
padding: 2px;
}
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:20px;
font-size: 13px;
background:#ffffff;
border: 2px solid #00FF00;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
line-height:1.9em;
}

.sidebar .widget-content {
margin: 0 5px;
}

/* 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-weight: bold;
line-height: 1.6em;
font-size: 78%;
}

.profile-datablock {
margin:.5em 0 .5em;
}
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #2EFE64;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

/* Footer
----------------------------------------------- */
#footer {
clear: both;
text-align: center;
color: $textColor;
}
a:hover {
color:#BCF5A9; background:url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1);
background-repeat:repeat;
text-decoration:none
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
}
]]></b:skin>
</head>
<link href='http://i967.photobucket.com/albums/ae157/kazumachi/Sozai/cupcake.png' rel='shortcut icon' type='image/gif'/>
<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Online Diary (Pengatas)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Catatan Blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Credit' type='HTML'/>
</b:section>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
</body>
<center>Template Designed by Farahin | © All Rights Reserved.</center>
</html>