Isnin, 28 Mei 2012

Template washe denim -pink-

    <?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:     Washed Denim
        Designer: Darren Delaye
        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="#ffffff" value="#ffffff">
         <Variable name="textColor" description="Text Color"
                   type="color" default="#333333" value="#333333">
         <Variable name="linkColor" description="Link Color"
                   type="color" default="#336699" value="#336699">
          <Variable name="headerBgColor" description="Page Header Background Color"
                   type="color" default="transparent" value="transparent">
         <Variable name="headerTextColor" description="Page Header Text Color"
                   type="color" default="transparent" value="transparent">
         <Variable name="headerCornersColor" description="Page Header Corners Color"
                   type="color" default="transparent" value="transparent">
         <Variable name="mainBgColor" description="Main Background Color"
                   type="color" default="#ffffff" value="transparent">
         <Variable name="borderColor" description="Border Color"
                   type="color" default="#ffffff" value="#ffffff">
         <Variable name="dateHeaderColor" description="Date Header Color"
                   type="color" default="#999999" value="#999999">
         <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
                   type="color" default="#ffffff" value="#ffffff">
         <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, Arial, Sans-serif;">
         <Variable name="headerFont" description="Page Header Font"
                   type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% 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">
        */
        body {
            background: url(http://i.imgur.com/NZmz7.png);
            background-attachment: fixed;
            background-repeat: repeat;
            margin: 0;
            padding: 0px;
            font: x-small Verdana, Arial;
            text-align: center;
            color: #000000;
            font-size/* */:/**/small;
            font-size: /**/small;
            letter-spacing:1px;
            }
        a:link {
         cursor: crosshair;
    text-decoration: none;
    color: #FFA8C1;
    }
        a:visited {
    cursor: crosshair;
    text-decoration: none;
    color: #FFA8C1;
    }
    a:hover {
    cursor: crosshair;
    color: #FFA8C1;
    text-decoration: none;
    }
        a img {
          border-width: 0;
        }
        #outer-wrapper {
          font: $bodyFont;
        }
        /* Header
        ----------------------------------------------- */
        #header-wrapper {
          margin:0;
          padding: 0;
          background-color: $headerCornersColor;
          text-align: $startSide;
        }
        #header {
          width: 762px;
          margin: 0 auto;
          background-color: $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: 800px;
    margin: 0 auto;
    padding: 0 0 15px;
    text-align: $startSide;
    background-color: $mainBgColor;
    border: 0px solid $borderColor;
    border-top: 0;
    }
    #main-wrapper {
    margin-$startSide: 14px;
    width: 500px;
    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: 250px;
    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:1.5em;
    padding:20px;
    font-size: 95%;
    background : url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif);
    border-top-left-radius: 25px 25px;
    border-top-right-radius: 25px 25px;
    border-bottom-left-radius: 25px 25px;
    border-bottom-right-radius: 25px 25px;
    border: 2px solid #ffb6c1;
    line-height:1.9em;
        }
        .post-title {
        background:url( http://i1218.photobucket.com/albums/dd417/cheesweet/pinkstripes-1.png);
    border-bottom: 3px dashed #FFA8C1;
    border-top: 3px dashed #FFA8C1;
    border-left: 5px solid #FFA8C1;
    border-right: 5px solid #FFA8C1;
    padding: 5px;
    font: normal 13px Verdana;
    color: #72dfff bold;
    margin: 0;
    padding: 0;
    line-height: 2.7em;
    text-align: center;
    }
        .post-title a, .post-title a:visited, .post-title strong {
          text-decoration: none;
          color: $textColor;
          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 {
          background: url(http://i1218.photobucket.com/albums/dd417/cheesweet/publuedot.png);
        border-radius: 5px;
        border: 2px solid #FFA8C1;
        margin:1.0em;
        padding:5px;
        }
        .post blockquote:hover {
        background-color: #FFA8C1;
        -webkit-transition-duration: 2.4s;
        border-left:9px solid #FFA8C1;
        }
        .post blockquote p {
          margin: .75em 0;
        }
        /* Comments
        ----------------------------------------------- */
        #comments h4 {
        margin: 1em 3em;
        font-weight: bold;
        line-height: 1.4em;
        color: #ffffff;
        }
        #comments-block {
        margin-left:1.5em;
        line-height:1.6em;
        background: transparent;
        color: black;
        padding: 1em;
        border:0px solid #ffffff;
        }
        #comments-block .comment-author {margin:.5em 0;}
        #comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
        #comments-block .comment-footer {
        margin:-.25em 0 2em;
        line-height: 1.4em;
        letter-spacing:.1em;
        }
        #comments-block .comment-body p {
        margin:0 0 .60em;
        padding: 5px 5px 5px 5px;
        background: url(http://i1221.photobucket.com/albums/dd465/nurathirahcopyright/TyraaPendragon2.gif) repeat top left;
        -moz-border-radius: 20px 20px / 20px 20px;
        border-radius: 5px 5px / 5px 5px;
        border: 2px solid #FFA8C1;
        }
        .deleted-comment {
        font-style:underlined;
        color:transparent;
        }
        .feed-links {
        clear: both;
        line-height: 2.5em;
        }
        #blog-pager-newer-link {
        float: left;
        }
        #blog-pager-older-link {
        float: right;
        }
        #blog-pager {
        text-align: center;
        }
        /* Sidebar Content
        ----------------------------------------------- */
        .sidebar h2 {
         text-align:right;
        background-image:url( http://i1218.photobucket.com/albums/dd417/cheesweet/pinkstripes-1.png);
        border-bottom: 2px dashed #FFA8C1;
        margin:1em;
        font: normal normal 12px Century Gothic;
        color: #4D4D4D;
        }
                                                                  
        .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-bottom: 1em;
        }
        .sidebar .widget-content {
          margin: 0 5px;
        }
    .sidebar .widget {
    margin:1.5em;
    padding:20px;
    font-size: 95%;
    background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcTYOO3BcGJgdSoYvTCio40fZooNQOSAqyvwkiH_esXJzIqNRMKTO7MG-QN653gMzZdeM97Q-8AINWAG2dTP3P9TU_UYFJTKHqWmfzSUIiHJAu4hICM_ZhPV5ST4NWo4TRmy6inplhmo/s1600/chomel.gif);
    border-top-left-radius: 25px 25px;
    border-top-right-radius: 25px 25px;
    border-bottom-left-radius: 25px 25px;
    border-bottom-right-radius: 25px 25px;
    border: 2px solid #ffb6c1;
    }
        /* 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;
        }
        .profile-textblock {
          margin: 0.5em 0;
          line-height: 1.6em;
        }
                                                                  
        /* Footer
        ----------------------------------------------- */
        #footer {
          clear: both;
          text-align: center;
          color: $textColor;
        }
        #footer .widget {
          margin:.5em;
          padding-top: 20px;
          font-size: 85%;
          line-height: 1.5em;
          text-align: $startSide;
        ::-webkit-scrollbar { width: 10px; background-color: #FFFFFF; border-right:5px solid white; }
        ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 2px; display: block; background: #FFFFFF;}
        ::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }
        ::-webkit-scrollbar-thumb{
        background-color: #FFA8C1;
        ; -webkit-border-radius: 400px; border-radius: 400px; }
        }
        ]]></b:skin>
          </head>
          <body>
          <div id='outer-wrapper'><div id='wrap2'>
            <!-- skip links for text browsers -->
            <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='Misha dot com (Header)' 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='Blog Posts' type='Blog'/>
    </b:section>
              </div>
              <div id='sidebar-wrapper'>
                <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='The owner' type='HTML'/>
    </b:section>
              </div>
              <!-- spacer for skins that want sidebar and main to be the same height-->
              <div class='clear'>&#160;</div>
            </div> <!-- end content-wrapper -->
            <div id='footer-wrapper'>
              <b:section class='footer' id='footer'/>
            </div>
         </div></div> <!-- end outer-wrapper -->
        <center>Tempelate Designed by <a href='http://nanieteukie.blogspot.com/'><b>Nanie</b></a>| Copyright-2011 Protected | Infinite</center>
        </body>
        </html>


Credit to princess Bulat

   

Tiada ulasan: