<?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html dir="'data:blog.languageDirection'" xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"><br /><br /><head><br /> <b:include data="'blog'" name="'all-head-content'/"><br /> <title><data:blog.pagetitle/></title><br /> <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Dots Dark Designer: Douglas Bowman URL: www.stopdesign.com Date: 24 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#abc" value="#aabbcc"><br /> <variable name="pagetitle" description="Blog Title Color" type="color" default="#8dd" value="#88dddd"><br /> <variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#9c7" value="#99cc77"><br /> <variable name="posttitle" description="Post Title Color" type="color" default="#9c7" value="#99cc77"><br /> <variable name="linkcolor" description="Link Color" type="color" default="#da7" value="#ddaa77"><br /> <variable name="vlinkcolor" description="Visited Link Color" type="color" default="#799" value="#779999"><br /> <variable name="dateheadercolor" description="Date Header Color" type="color" default="#7bc" value="#77bbcc"><br /> <variable name="sidebartitle" description="Sidebar Title Color" type="color" default="#7bc" value="#77bbcc"><br /> <variable name="borderColor" description="Border Color" type="color" default="#567" value="#556677"><br /> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 100% Verdana,Arial,Sans-Serif"><br /> <variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal bold 250% Helvetica,Arial,Sans-serif" value="normal bold 250% Helvetica,Arial,Sans-serif"><br /> <variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 100% Helvetica, Arial, Sans-serif" value="normal normal 100% Helvetica, Arial, Sans-serif"><br /> <variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal bold 100% Verdana, Sans-serif" value="normal bold 100% Verdana, Sans-serif"><br /> <variable name="headerfont" description="Sidebar Title Font" type="font" default="normal bold 95% Verdana,Sans-serif" value="normal bold 95% Verdana,Sans-serif"><br /> <variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"><br /> <variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"><br />*/<br />body {<br /> margin-top: 0px;<br /> margin-$endSide: 0px;<br /> margin-bottom: 0px;<br /> margin-$startSide: 0px;<br /> background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif");<br /> background-position: 50% 31px;<br /> text-align:center;<br /> font:x-small Verdana, Arial, Sans-serif;<br /> color:$textcolor;<br /> font-size/* */:/**/small;<br /> font-size: /**/small;<br />}<br /><br /><br />/* Page Structure<br />----------------------------------------------- */<br />#outer-wrapper {<br /> background:url("http://www.daviddarling.info/images/dark_matter_distribution.jpg") no-repeat 250px 50px;<br /> width:700px;<br /> margin:0 auto;<br /> text-align:$startSide;<br /> font:$bodyfont;<br /> }<br /><br />#header-wrapper { <br /> display: none;<br /> }<br /><br />#main-wrapper {<br /> width:450px;<br /> float:$endSide;<br /> padding:100px 0 20px;<br /> font-size:85%;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br /> }<br />#main {<br /> background:url("http://www2.blogblog.com/dots_dark/bg_minidots2.gif") -100px -100px;<br /> padding:20px 10px 15px;<br /> }<br />#sidebar-wrapper {<br /> width:200px;<br /> float:$startSide;<br /> font-size:85%;<br /> padding-bottom:20px;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br /> }<br />#sidebar {<br /> background:url("http://www2.blogblog.com/dots_dark/bg_minidots2.gif") 150px -50px;<br /> padding:40px 10px 15px;<br /> width:200px;<br /> width/* */:/**/180px;<br /> width: /**/180px;<br /> }<br /><br />/* Title & Description<br />----------------------------------------------- */<br /><br />.Header h1 {<br /> margin:0 0 .5em;<br /> line-height: 1.4em;<br /> font: $pagetitlefont;<br /> color: $pagetitle;<br />}<br />.Header h1 a {<br /> color:$pagetitle;<br /> text-decoration:none;<br />}<br /><br />.Header .description {<br /> margin:0 0 1.75em;<br /> color: $blogDescriptionColor;<br /> font: $blogDescriptionFont;<br />}<br /><br /><br />/* Links<br />----------------------------------------------- */<br />a:link {<br /> color:$linkcolor;<br /> }<br />a:visited {<br /> color:$vlinkcolor;<br /> }<br />a:hover {<br /> color:$vlinkcolor;<br /> }<br />a img {<br /> border-width:0;<br /> }<br /><br /><br />/* Posts<br />----------------------------------------------- */<br />h2.date-header {<br /> margin:0 0 .75em;<br /> padding-bottom:.35em;<br /> border-bottom:1px dotted $borderColor;<br /> text-transform: lowercase;<br /> letter-spacing:.3em;<br /> color: $dateheadercolor;<br /> font: $dateHeaderFont;<br /> }<br />.post {<br /> margin:0 0 2.5em;<br /> }<br />.post h3 {<br /> margin:.25em 0;<br /> line-height: 1.4em;<br /> font: $headerfont;<br /> font-size: 130%;<br /> font-weight: bold;<br /> color:$posttitle;<br /> background:url("http://www1.blogblog.com/dots_dark/bg_post_title_$startSide.gif") no-repeat $startSide .25em;<br /> padding-top:0;<br /> padding-$endSide:0;<br /> padding-bottom:1px;<br /> padding-$startSide:45px;<br />}<br /><br />.post h3 a {<br /> text-decoration:none;<br /> color: $posttitle;<br />}<br />.post h3 a:hover {<br /> color: $textcolor;<br /> }<br /><br />.post .post-body {<br /> margin:0 0 .75em;<br /> line-height:1.6em;<br /> }<br /><br />.post-body blockquote {<br /> line-height:1.3em; <br />}<br /><br />.post-footer {<br /> margin:0;<br />}<br /><br />.uncustomized-post-template .post-footer {<br /> text-align: $endSide;<br />}<br /><br />.uncustomized-post-template .post-author,<br />.uncustomized-post-template .post-timestamp {<br /> display: block;<br /> float: $startSide;<br /> margin-$endSide: 4px;<br /> text-align: $startSide;<br />}<br /><br />.post-author, .post-timestamp {<br /> color:$posttitle;<br />}<br /><br />a.comment-link {<br /> /* IE5.0/Win doesn't apply padding to inline elements,<br /> so we hide these two declarations from it */<br /> background/* */:/**/url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em;<br /> padding-$startSide:15px;<br /> }<br />html>body a.comment-link {<br /> /* Respecified, for IE5/Mac's benefit */<br /> background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em;<br /> padding-$startSide:15px;<br /> }<br />.post img {<br /> margin-top:0;<br /> margin-$endSide:0;<br /> margin-bottom:5px;<br /> margin-$startSide:0;<br /> padding:4px;<br /> border:1px solid $borderColor;<br /> }<br /><br />.feed-links {<br /> clear: both;<br /> line-height: 2.5em;<br />}<br /><br />#blog-pager-newer-link {<br /> float: $startSide;<br /> }<br /><br />#blog-pager-older-link { <br /> float: $endSide;<br /> }<br /> <br />#blog-pager { <br /> text-align: center; <br /> }<br /><br />/* Comments<br />----------------------------------------------- */<br />#comments {<br /> margin:0;<br /> }<br />#comments h4 {<br /> margin:0 0 10px;<br /> border-top:1px dotted $borderColor;<br /> padding-top:.5em;<br /> line-height: 1.4em;<br /> font: bold 110% Georgia,Serif;<br /> color:#9c7;<br /> }<br />#comments-block {<br /> line-height:1.6em;<br /> }<br />.comment-author {<br /> background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat 2px .35em;<br /> margin:.5em 0 0;<br /> padding-top:0;<br /> padding-$endSide:0;<br /> padding-bottom:0;<br /> padding-$startSide:20px;<br /> font-weight:bold;<br /> }<br />.comment-body {<br /> margin:0;<br /> padding-top:0;<br /> padding-$endSide:0;<br /> padding-bottom:0;<br /> padding-$startSide:20px;<br /> }<br />.comment-body p {<br /> margin:0 0 .5em;<br /> }<br />.comment-footer {<br /> margin:0 0 .5em;<br /> padding-top:0;<br /> padding-$endSide:0;<br /> padding-bottom:.75em;<br /> padding-$startSide:20px;<br /> color:#996;<br /> }<br />.comment-footer a:link {<br /> color:#996;<br /> }<br />.deleted-comment {<br /> font-style:italic;<br /> color:gray;<br /> }<br /><br /><br />/* More Sidebar Content<br />----------------------------------------------- */<br />.sidebar h2 {<br /> margin:2em 0 .75em;<br /> padding-bottom:.35em;<br /> border-bottom:1px dotted $borderColor;<br /> line-height: 1.4em;<br /> font: $headerfont;<br /> text-transform:lowercase;<br /> color:$sidebartitle;<br /> }<br />.sidebar p {<br /> margin:0 0 .75em;<br /> line-height:1.6em;<br /> }<br />.sidebar ul {<br /> list-style:none;<br /> margin:.5em 0;<br /> padding:0 0px;<br />}<br /><br />.sidebar .widget { <br /> margin: .5em 0 1em;<br /> padding: 0 0px;<br /> line-height: 1.5em;<br /> }<br /><br />.main .widget { <br /> padding-bottom: 1em;<br /> }<br /><br />.sidebar ul li {<br /> background:url("http://www1.blogblog.com/dots_dark/bullet.gif") no-repeat 3px .45em;<br /> margin:0;<br /> padding-top:0;<br /> padding-$endSide:0;<br /> padding-bottom:5px;<br /> padding-$startSide:15px;<br />}<br />.sidebar p {<br /> margin:0 0 .6em;<br /> }<br /><br />/* Profile <br />----------------------------------------------- */<br />.profile-datablock { <br /> margin: 0 0 1em;<br />}<br /><br />.profile-img { <br /> float: $startSide;<br /> margin-top: 0;<br /> margin-$endSide: 8px;<br /> margin-bottom: 5px;<br /> margin-$startSide: 0;<br /> border: 4px solid #345;<br />}<br /><br />.profile-data { <br /> margin: 0;<br /> line-height: 1.5em;<br />}<br />.profile-textblock { <br /> clear: $startSide;<br /> margin-$startSide: 0;<br />}<br /><br />/* Footer<br />----------------------------------------------- */<br />#footer {<br /> clear:both;<br /> padding:15px 0 0;<br />}<br /><br />#footer p {<br /> margin:0;<br />}<br /><br />/* Page structure tweaks for layout editor wireframe */<br />body#layout #sidebar, body#layout #main,<br />body#layout #main-wrapper,<br />body#layout #outer-wrapper,<br />body#layout #sidebar-wrapper { <br /> padding: 0;<br />}<br /><br />body#layout #sidebar-wrapper,<br />body#layout #sidebar { <br /> padding: 0;<br /> width: 240px;<br /> }<br />.adscolumn{<br />width:933px;<br />padding:10px 3px;<br />background:#fff;<br />margin:5px 10px 0px 10px;<br />text-align:center;<br />border:1px solid #C0C0C0;<br />}<br /><br />.adscolumn .widget{<br />}<br />.adscolumn{<br />width:933px;<br />padding:10px 3px;<br />background:#fff;<br />margin:5px 10px 0px 10px;<br />text-align:center;<br />border:1px solid #C0C0C0;<br />}<br /><br />.adscolumn .widget{<br />}<br />.topcolumn{<br />width: 578px;<br />padding:10px 0px 10px 10px;<br />background:#fff;<br />margin:0px 0px 10px 0px;<br />text-align:left;<br />border:1px solid #C0C0C0;<br />}<br /><br />.topcolumn .widget{<br />}<br />]]></b:skin><br /></head><br /><br /><body><br /> <div id="'outer-wrapper'"><div id="'wrap2'"><br /><br /> <!-- skip links for text browsers --><br /> <span id="'skiplinks'" style="'display:none;'"><br /> <a href="'#main'">skip to main </a> |<br /> <a href="'#sidebar'">skip to sidebar</a><br /> </span><br /> <br /> <div id="'content-wrapper'"><br /><br /> <div id="'crosscol-wrapper'" style="'text-align:center'"><br /> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"><br /> </div><br /><b:section class="'adscolumn'" id="'adscolumn'" preferred="'yes'/"><br /><b:section class="'topcolumn'" id="'topcolumn'" preferred="'yes'/"><br /> <div id="'main-wrapper'"><br /> <b:section class="'main'" id="'main'" showaddelement="'no'"><br /><b:widget id="'Blog1'" locked="'true'" title="'Posting" type="'Blog'/"><br /></b:section><br /> </div><br /><br /> <div id="'sidebar-wrapper'"><br /> <b:section class="'sidebar'" id="'header'" maxwidgets="'1'"><br /><b:widget id="'Header1'" locked="'true'" title="'adsense" type="'Header'/"><br /></b:section><br /> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"><br /><b:widget id="'Profile2'" locked="'false'" title="'About" type="'Profile'/"><br /><b:widget id="'VideoBar1'" locked="'false'" title="'Video" type="'VideoBar'/"><br /><b:widget id="'Label1'" locked="'false'" title="'Labels'" type="'Label'/"><br /><b:widget id="'BlogArchive2'" locked="'false'" title="'Blog" type="'BlogArchive'/"><br /><b:widget id="'Slideshow1'" locked="'false'" title="'Slideshow'" type="'Slideshow'/"><br /><b:widget id="'BloggerButton1'" locked="'false'" title="''" type="'BloggerButton'/"><br /><b:widget id="'Followers2'" locked="'false'" title="'Followers'" type="'Followers'/"><br /><b:widget id="'Subscribe1'" locked="'false'" title="'Subscribe" type="'Subscribe'/"><br /></b:section><br /> </div><br /><br /> <!-- spacer for skins that want sidebar and main to be the same height--><br /> <div class="'clear'"> </div><br /><br /> </div> <!-- end content-wrapper --><br /><br /> <div id="'footer-wrapper'"><br /> <b:section class="'footer'" id="'footer'/"><br /> </div><br /><br /> </div></div> <!-- end outer-wrapper --><br /></body><br /></html>
Postingan
Semua Komentar
Postingan
Semua Komentar