HTML For Site

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="{MetaDescription}" />
<title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}
{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />


<meta name="color:Background" content="#000" />
<meta name="color:Main Text" content="#ccc" />
<meta name="color:Sidebar Text" content="#ccc" />
<meta name="color:Link" content="#ccc" />
<meta name="color:Navigation Link" content="#ccc" />
<meta name="if:Show Archive Link" content="1" />

<meta name="text:Disqus Shortname" content="" />
<meta name="if:Show RSS Link in Navigation" content="1" />
<style type="text/css">
/* Dark Things v3.1 - A Tumblr theme by Dan Hauk http://www.dan-hauk.com/ and Luis
Gerhorst http://luisgerorst.tumblr.com/ */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,t
d {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img
{border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-
weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-
size:100%;} q:before,q:after {content:'';} abbr,acronym {border:0;} a img {border: 0;}
* {outline:none; -moz-outline:none;}
strong { font-weight: bold; }

em { font-style: italic; }
.clear {clear:both; height:1px; margin-bottom:-1px;}

/* Here we go */
body {
background: url(http://i67.servimg.com/u/f67/12/37/09/29/photo10.jpg);
color: {color:Main Text};
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: center;
background-attachment: fixed;
}
a{
-o-transition-duration: 0.3s;
-o-transition-property: color, background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
}
.icons-top {
float: left;
margin-top: 93px;
margin-left: -25px;
position: fixed;
#container {
margin: 0 auto;
text-align: left;
width: 900px;
}
a { color: {color:Link}; text-decoration: none; font-weight: bold; }

a:hover { color: #fff ; }
/***** Posts *****/

#left-column {
float: right;
margin: 40px 50px 0 0;
margin-right: -0px;
width: 600px;
}
#left-column h2 {
font-size: 20px;
text-shadow: 1px 1px #fff;
.newpost { height: 40px; }
#left-column .date {
background: url(http://static.tumblr.com/2wjmz5y/gtnlap7xz/simplethings-date-
flag.png) no-repeat right center;
color: #fff;
float: left;
height: 40px;
margin: 20px 0 0 -75px;
width: 75px;
}
.date .month,
.date .day {
display: block;
text-align: center;
text-transform: uppercase;
width: 75px;
}
.date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }

.date .day { font-size: 24px; line-height: .8em; margin: 0; }
.month a,
.day a { color: #fff; display: block; }
.month a:hover,
.day a:hover { text-decoration: none;}
#left-column .post {
background: #222;
border: 1px solid #111;
border-radius: 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: left;
padding-top: 20px;
width: 600px;
}
.post h3 {
font-size: 18px;
padding: 0 20px 15px;
.post p { line-height: 1.5em; padding: 0 20px 15px; }
.post img { max-width: 560px; }
.post ol {
list-style: decimal;
margin: 0 50px 15px;
}
.post ol li { padding: 3px 0; }
.post blockquote {
color: #999;
font-style: italic;
font-size: 13px;
font-family: Georgia;
margin-left: 35px;
margin-right: 35px;
margin-bottom: 15px;
}
.postmeta {
color: #ccc;
min-height: 25px;
overflow: hidden;
}
.postmeta a { color: #ccc; font-weight: normal; }

.postmeta a:hover { color: #fff; font-weight: normal; }
.postmeta p { padding: 5px 0; }

.postmeta .posttime,
.postmeta .reblogged {
float: left;
margin-left: 20px;
.postmeta .reblogged { }
.postmeta .tags {
clear: left;
float: left;
margin: -5px 20px 0;
padding-left: 16px;
}
.postmeta .notes {
float: right;
margin-right: 20px;
}
.postmeta .view-comments { margin-left: 10px; }
.postmeta .hiddentime { display: none !important; }
/***** Post - Text *****/

.post-text ul { list-style: disc; margin: 0 50px 15px; }
.post-text ul li { padding: 3px 0; }
/***** Post - Photo *****/

.post-photo img {
margin: 0 20px 10px;

}
.html_photoset { margin: 20px auto 10; text-align: center; margin-bottom: 15px; margin-
top: 15px; }
/***** Post - Quote *****/
.post-quote .quote {
clear: both;
line-height: 1,4em;
font-size: 18px;
margin: 15px;
}
.post-quote .source { font-style: italic; }
/***** Post - Chat *****/

.post-chat h3 { margin-bottom: 0; }
ul.chat { margin: 0 20px 10px; }
ul.chat li { padding-bottom: 10px; }
ul.chat li span {
color: #777;
font-size: 11px;
padding-right: 15px;
text-transform: uppercase;
}
/***** Post - Audio *****/

.album-art {
float: left;
margin: 0 10px 15px 20px;
}
.audio_player { margin: 0 0 10px; }
/***** Post - Video *****/

.video-container { margin: 0 10px 10px; text-align: center; }
/***** Post - Answer *****/

.question-top {
background: #2d3d4b
url(http://static.tumblr.com/2wjmz5y/uwNlav1w0/simplethings-question-top-blue.png) no-repeat
top left;
height: 6px;
margin: 0 20px;
padding: 0;
width: 550px;
}
.question {
background: #2d3d4b
url(http://static.tumblr.com/2wjmz5y/KWnlav1va/simplethings-question-bg-blue.png) repeat-y
top left;
margin: 0 20px;
width: 550px;
}
.question p {
color: #fff;
font-size: 14px;
padding: 15px 20px;
}
.question-bottom {
background: url(http://static.tumblr.com/2wjmz5y/axllav1vo/simplethings-question-
bottom-blue.png) no-repeat top left;
clear: both;
margin: 0 20px;
width: 550px
}
.question-bottom .asker-info { padding: 16px 0; }
.asker-avatar {
float: left;
margin: 0 10px 15px 9px;
}
.asker-info .asker {
float: left;
font-weight: bold;
margin-top: 5px;
}
.answer {
border-top: 1px solid #ddd;
clear: both;
margin: 0 20px;
padding: 15px 0 0;
}
.answer p { padding: 0 0 15px; }

/***** Pagination *****/
#pagination {
clear: both;
overflow: hidden;
}
#pagination a {
background: #222;
border: 1px solid #000;
border-radius: 5px;
color: #ccc;
display: block;
height: 24px;
line-height: 25px;
padding: 0 10px;
#pagination a:hover {
color: #fff;
text-decoration: none;
}
#pagination .next-page { float: right; }

#pagination .prev-page { float: left; }
#pagination .next-page span {

background: url(http://static.tumblr.com/2wjmz5y/OjFlapfu8/simplethings-arrow-
next.png) no-repeat right center;
padding-right: 20px;
}
#pagination .prev-page span {

background: url(http://static.tumblr.com/2wjmz5y/uxnlapfzu/simplethings-arrow-
prev.png) no-repeat left center;
padding-left: 22px;
}
/***** Permalink *****/

.disqus-credit { text-align: right; margin: 5px 0 40px; }
#permalink-notes { margin-bottom: 40px; }
#permalink-notes .notes { border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }
#permalink-notes .notes li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
padding: 9px 0 10px;
text-shadow: 1px 1px #fff;
}
.notes li .avatar { margin-bottom: -3px; }

.notes li blockquote {
border-left: 3px solid #ccc;
font-style: italic;
margin: 5px 0 0 20px;
padding-left: 5px;
}
.notes li blockquote a { color: #777; }
/***** Sidebar *****/
#title {
color: {color:Sidebar Text};
float: left;
font-size: 32px;
font-weigh: bold;
letter-spacing: 0,5px;
margin-top: 15px;
#title a {
-o-transition-duration: 0.7s;
-o-transition-property: color, background-url;
-webkit-transition-duration: 0.7s;
-webkit-transition-property: color, background-url;
}
#title a:hover {
color: #fff;
#right-column {
float: left;
margin-top: 20px;
width: 250px;
.fixed-sidebar {
position: fixed;
.last-sidebar { border-bottom: 0; }
#right-column #about-box { border-top: 0 !important; padding-top: 0 !important; }
.blog-description {
clear: both;
line-height: 1,4em;
font-size: 16px;
padding-bottom: 20px;
padding-top: 10px;
font-style: italic;
}
.blog-description a {
}
.blog-description a:hover {
color: #fff;
#sidebar-nav li a {
color: {color:Navigation Link};

display: block;
font-size: 16px;
letter-spacing: -.05em;
padding-bottom: 10px;
padding-top: 0px;
}
#sidebar-nav li a:hover {
padding-left: 0px;
font-size: 16px;
}
.sidebar-bottom {
margin-top: 500px;
position: absolute;
/***** Footer *****/

#footer {
margin-top: 40px;
min-height: 35px;
text-align: center;
}
#footer-inner {
clear: both;
color: #888;
margin: 0 auto;
padding: 12px;
width: 900px;
}
#footer-inner a { font-weight: normal; color: #ccc; }
#footer-inner a:hover { color: #fff; font-weight: normal; }
</style>
<style type="text/css">{CustomCSS}</style>
</head>
<body>
<div id="wrap">
<div id="container">
<div class="clear"></div>


<div id="left-column">
{block:NoSearchResults}
<h2>No search results for <span>"{SearchQuery}"</span></h2>
{/block:NoSearchResults}
{block:Posts}
{block:Text}
<div class="post post-text">
{block:Title}<h3><a
href="{Permalink}">{Title}</a></h3>{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div class="post post-photo">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"
width="450" />{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="post post-photo">
{Photoset-400}
{/block:Photoset}
{block:Quote}
<div class="post post-quote">
<p class="quote">{Quote}</p>
<p class="source">{block:Source}- {Source}{/block:Source}</p>
{/block:Quote}
{block:Link}
<div class="post post-link">
<h3><a href="{URL}" {Target}>{Name}</a></h3>
{block:Description}
{Description}
{/block:Description}
{/block:Link}
{block:Chat}
<div class="post post-chat">
{block:Title}<h3><a
href="{Permalink}">{Title}</a></h3>{/block:Title}
<ul class="chat">
{block:Lines}
<li>{block:Label}<span>{Label}</span> {/block:Label}
{Line}</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
<div class="post post-audio">
{block:AlbumArt}<img src="{AlbumArtURL}" alt="{Album}"
width="75" class="album-art" />{/block:AlbumArt}
<div class="audio-player">{AudioPlayerGrey}</div>
<p class="track-
info">{block:TrackName}<strong>{TrackName}</strong><br />{/block:TrackName}
{block:Artist}{Artist}{/block:Artist}</p>
{/block:Audio}
{block:Video}
<div class="post post-video">
<div class="video-container">{Video-400}</div>
{/block:Video}
{block:Answer}
<div class="post post-answer">
<div class="question-top"></div>
<div class="question">
<p>{Question}</p>
</div>
<div class="question-bottom">
<p class="asker-info"><img src="{AskerPortraitURL-24}" alt=""
class="asker-avatar" /> {Asker}</p>
</div>
<div class="answer">
{Answer}
</div>
{/block:Answer}
<div class="postmeta">
{block:NotReblog}
<p class="posttime"><a href="{Permalink}">Posted {TimeAgo}</a>
<a title="twitter.com/share" href="http://twitter.com/share"

target="_blank">Tweet</a>
{/block:NotReblog}
{block:Reblog}
<p class="reblogged"><a href="{Permalink}">Reblogged
{TimeAgo}</a> from <a href="{ReblogParentURL}">{ReblogParentName}</a></p>
{/block:Reblog}
{block:NoteCount}
<p class="notes"><a href="{Permalink}#permalink-
notes">{NoteCountWithLabel}</a>
{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"
class="view-comments">{lang:View comments}</a>{/block:IfDisqusShortname}</p>
{/block:NoteCount}
{block:IfShowTags}
{block:HasTags}<p class="tags">{block:Tags}{Tag},
{/block:Tags}</p>{/block:HasTags}
{/block:IfShowTags}
</div> 

</div> 
<div class="clear newpost"></div>
{block:Permalink}
{block:IfDisqusShortname}
<div id="disqus_thread">
<script type="text/javascript"
src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?
url=ref">{lang:View the discussion thread}</a></noscript>
</div>
<div class="disqus-credit">
{lang:Blog comments powered by Disqus 2}
</div>
{/block:IfDisqusShortname}
{block:PostNotes}
<div id="permalink-notes">
{PostNotes}
</div> 
{/block:PostNotes}
{/block:Permalink}
{/block:Posts}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}" class="prev-
page">← Prev Page</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="next-page">Next Page
→</a>{/block:NextPage}
</div> 
{/block:Pagination}
</div> 


<div class="fixed-sidebar">
<div id="right-column">
<div class="sidebar-box" id="about-box">
<h1 id="title"><a href="/">{title}</a></h1>
</div>
<div class="blog-description">
{Description}
</div>

</div>

<div class="sidebar-box"><i><b>
<ul id="sidebar-nav">
{block:IfShowHomeLinkInNavigation}<li><a
href="/">Home</a></li>{/block:IfShowHomeLinkInNavigation}
{block:HasPages}{block:Pages}<li><a
href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
{block:AskEnabled}<li><a
href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a
href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
{block:IfShowArchiveLink}<li><a
href="/archive">Archive</a></li>{/block:IfShowArchiveLink}
{block:IfShowRSSLinkInNavigation}<li><a href="{RSS}">RSS
Feed</a></li>{/block:IfShowRSSLinkInNavigation}
</ul>
</b></i></div>

<div class="sidebar-box last-sidebar"></div>

<div class="clear"></div>
</div>


</div>
<div id="footer">
<div id="footer-inner">
<p>Copyright © {CopyrightYears} <a href="/">{Title}</a>.
<a href="http://www.tumblr.com/theme/25697">Dark Things</a> theme by <a
href="http://www.dan-hauk.com">Dan Hauk</a> and <a
href="http://luisgerhorst.tumblr.com/">Luis Gerhorst</a>.</p>
</div> 

</div> 
</div> 
<script type="text/javascript">
// <![CDATA[
var colour="#43BBEB";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop ||
document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {

var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
</body>
</html>

HTML For Site

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML For Site

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

<link rel="shortcut icon" href="{Favicon}" />

<meta name="if:Show Archive Link" content="1" />

<meta name="if:Show RSS Link in Navigation" content="1" />

strong { font-weight: bold; }

.clear {clear:both; height:1px; margin-bottom:-1px;}

a { color: {color:Link}; text-decoration: none; font-weight: bold; }

/***** Posts *****/

.newpost { height: 40px; }

.date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }

.post p { line-height: 1.5em; padding: 0 20px 15px; }

.post img { max-width: 560px; }

.post ol li { padding: 3px 0; }

.postmeta a { color: #ccc; font-weight: normal; }

.postmeta p { padding: 5px 0; }

.postmeta .view-comments { margin-left: 10px; }

.postmeta .hiddentime { display: none !important; }

/***** Post - Text *****/

.post-text ul li { padding: 3px 0; }

/***** Post - Photo *****/

margin: 0 20px 10px;

/***** Post - Quote *****/

.post-quote .source { font-style: italic; }

/***** Post - Chat *****/

ul.chat { margin: 0 20px 10px; }

ul.chat li { padding-bottom: 10px; }

/***** Post - Audio *****/

.audio_player { margin: 0 0 10px; }

/***** Post - Video *****/

/***** Post - Answer *****/

.question-bottom .asker-info { padding: 16px 0; }

.answer p { padding: 0 0 15px; }

#pagination .next-page { float: right; }

#pagination .next-page span {

#pagination .prev-page span {

/***** Permalink *****/

.notes li .avatar { margin-bottom: -3px; }

/***** Sidebar *****/

#right-column #about-box { border-top: 0 !important; padding-top: 0 !important; }

color: {color:Navigation Link};

/***** Footer *****/

#footer-inner a:hover { color: #fff; font-weight: normal; }

<p class="posttime"><a href="{Permalink}">Posted {TimeAgo}</a>

&nbsp;&nbsp;&nbsp;<a title="twitter.com/share" href="http://twitter.com/share"

</div>

<h1 id="title"><a href="/">{title}</a></h1>

<div class="sidebar-box last-sidebar"></div>

</div>

function createDiv(height, width) {

You might also like

/* Posts */

/* Post - Text */

/* Post - Photo */

/* Post - Quote */

/* Post - Chat */

/* Post - Audio */

/* Post - Video */

/* Post - Answer */

/* Permalink */

/* Sidebar */

/* Footer */

<a title="twitter.com/share" href="http://twitter.com/share"