html for site

8/7/2019 html for site

1/22

{block:SearchPage}{lang:Search results for SearchQuery} -

{/block:SearchPage}{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}

/* 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,td {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; }


2/22

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 ; }


3/22

/***** 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;


4/22

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;}


5/22

.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-


6/22

bottom: 15px; margin-top: 15px; }

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

.post-quote .quote {clear: both;line-height: 1,4em;

font-family: Georgia;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


7/22

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;


8/22

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;-moz-border-radius: 4px;-webkit-border-radius: 4px;

color: #ccc;display: block;height: 24px;line-height: 25px;margin-bottom: 50px;

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 {


9/22

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;

-moz-border-radius: 5px;-webkit-border-radius: 5px;

margin-bottom: 10px;margin-top: 15px;

}


10/22

#title a {color: {color:Sidebar Text};text-decoration: none;-o-transition-duration: 0.7s;-o-transition-property: color, background-url;

-webkit-transition-duration: 0.7s;-webkit-transition-property: color, background-url;-moz-border-radius: 5px;

-webkit-border-radius: 5px;}

#title a:hover {-moz-border-radius: 5px;-webkit-border-radius: 5px;text-decoration: none;color: #fff;

}

#right-column {color: {color:Sidebar Text};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; }


11/22

.blog-description {clear: both;line-height: 1,4em;font-size: 16px;padding-bottom: 20px;

padding-top: 10px;font-family: Georgia;font-style: italic;

}

.blog-description a {color: {color:Sidebar Text};

}

.blog-description a:hover {

color: #fff;

}

#sidebar-nav li a {

color: {color:Navigation Link};display: block;font-size: 16px;font-family: Georgia;

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;

}


12/22

/***** 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; }

{CustomCSS}


13/22

{block:NoSearchResults}No search results for

"{SearchQuery}"{/block:NoSearchResults}

{block:Posts}

{block:Text}

{block:Title}{Title}{/block:Title}

{Body}{/block:Text}

{block:Photo}

{LinkOpenTag}{LinkCloseTag}

{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}

{Photoset-400}{block:Caption}{Caption}{/block:Caption}

{/block:Photoset}

{block:Quote}

{Quote}

{block:Source}- {Source}

{/block:Source}
{/block:Quote}
{block:Link}

{Name}{block:Description}{Description}{/block:Description}

{/block:Link}


14/22

{block:Chat}

{block:Title}{Title}{/block:Title}

{block:Lines}{block:Label}{Label}

{/block:Label}{Line}{/block:Lines}

{/block:Chat}

{block:Audio}

{block:AlbumArt}{/block:AlbumArt}{AudioPlayerGrey}

{block:TrackName}{TrackName}
{/block:TrackName}{block:Artist}{Artist}{/block:Artist}

{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}

{Video-400}

{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}

{Question}

{Asker}

{Answer}

{/block:Answer}


15/22

{block:NotReblog}

Posted {TimeAgo}

Tweet

{/block:NotReblog}{block:Reblog}

Reblogged {TimeAgo} from {ReblogParentName}

{/block:Reblog}{block:NoteCount}

{NoteCountWithLabel}{block:IfDisqusShortname}{lang:Viewcomments}{/block:IfDisqusShortname}

{/block:NoteCount}

{block:IfShowTags}{block:HasTags}

{block:Tags}

{Tag}, {/block:Tags}
{/block:HasTags}{/block:IfShowTags}
{block:Permalink}{block:IfDisqusShortname}


16/22

{lang:View the discussionthread}

{lang:Blog comments powered by Disqus 2}{/block:IfDisqusShortname}{block:PostNotes}

{PostNotes} {/block:PostNotes}

{/block:Permalink}

{/block:Posts}

{block:Pagination}

{block:PreviousPage} Prev Page{/block:PreviousPage}

{block:NextPage}Next Page {/block:NextPage}

{/block:Pagination}

{title}


17/22

{Description}

{block:IfShowHomeLinkInNavigation}Home{/block:IfShowHomeLinkInNavigation}

{block:HasPages}{block:Pages}{Label}{/block:Pages}{/block:HasPages}{block:AskEnabled}{AskLabel}{/block:AskEnabled}{block:SubmissionsEnabled}{SubmitLabel}{/block:SubmissionsEnabled}{block:IfShowArchiveLink}Archive{/block:IfShowArchiveLink}{block:IfShowRSSLinkInNavigation}RSS Feed{/block:IfShowRSSLinkInNavigation}


18/22

Copyright {CopyrightYears} {Title}.

DarkThings theme by Dan Haukand Luis Gerhorst.

//

/***************************** 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


19/22

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


20/22

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]


21/22

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";


22/22

div.style.overflow="hidden";div.style.backgroundColor=colour;return (div);

}// ]]>

Documents

html for site