BG Tumblr

<!
DOCTYPE html> <html> <head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}" /> <meta charset="utf-8"> {block:Description}<meta name="description" content="{MetaDescription}" />{/bloc k:Description}  <meta name="color:Background" content="#111"/> <meta name="title" content="#a1a1a1" /> <meta name="color:Post background" content="#141414"/> <meta name="color:Text" content="#a1a1a1"/> <meta name="color:Post background hover" content="#161616" /> <meta name="color:link" content="#ff0066" /> <meta name="color:link hover" content="#ff77ad" /> <meta name="color:Blockquote line" content="#ff0066" /> <meta name="color:Chat label" content="#ff0066" /> <meta name="color:Chat Alt" content="#191919" /> <meta name="image:Background" content="" /> <meta name="if:Fixed Background" content="0" /> <meta name="if:No Repeat Background" content="0" /> <meta name="font:Body" content="Verdana, Arial, sans-serif" /> <meta name="if:Show Page Links" content="0" /> <meta name="if:Post Hover" content="1" />  <script src="http://static.tumblr.com/qhck824/P24l0dcc8/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/qhck824/Za7l0ukms/thin.font.js" type="text /javascript"></script> <script type="text/javascript"> Cufon.replace('h1, h2', {hover: 'true'}); </script>  <style type="text/css"> * { padding: 0px; margin: 0px; } body { color: {color:Text}; font: 12px {font:Body}; line-height: 20px; background: url({image:Background}) {block:IfNoRepeatBackground}no-repeat{/block :IfNoRepeatBackground} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {color:Background}; } a:link { color: {color:link}; text-decoration: none; -webkit-transition: color 1s ease; }
a:visited { color: {color:link}; text-decoration: none; } a:hover { color: {color:link hover}; text-decoration: none; } a:active { color: {color:link hover}; text-decoration: none; } #wrapper { width: 540px; height: auto; margin: 20px auto; } /* HEADER */ #header { width: 500px; height: auto; text-align: center; margin: 0 0 40px 0; padding: 20px; background-color: {color:Post background}; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .title { width: 500px; height: auto; } .title h1 { font-size: 48px; } .description { width: 500px; height: auto; margin: 0 auto; } #header li { display: inline; padding: 0 10px 0 0; } /* POSTS */ img { border: none; }
#postWrapper h2 { margin: 0 0 10px 0; font-size: 36px; line-height: 36px; } #postWrapper p { margin: 0 0 15px 0; } #postWrapper ul, #postWrapper ol { margin: 0 0 10px 20px; } blockquote { width: 450px; margin: 5px; padding: 0 0 0 5px; font-style: italic; border-left: 2px solid {color:Blockquote line}; } a:hover {text-decoration: none;} a.tooltip span {display: none; padding: 5px; margin-left: -514px; margin-top: 15 px; opacity: 1.0; width: 530px; } a.tooltip:hover span {display: inline; position: absolute; background: {color:Po st background hover}; color: {color:Text}; -moz-border-radius: 5px; -webkit-bord er-radius: 5px; text-align: center; } .permalink { font-size: 9px; position: absolute; display: block; width: 16px; height: 16px; bottom: 10px; right: 10px; background: url(http://static.tumblr.com/qhck824/ovul0gc44/heart.png) 0 0; } .permalink:hover { background-position: 0 -17px; } .quotePost, .textPost, .audioPost, .photoPost, .videoPost, .chatPost, .linkPost { width: 500px; height: auto; margin: 0 0 40px 0; padding: 15px 20px; position: relative; background-color: {color:Post background}; -moz-border-radius: 5px; -webkit-border-radius: 5px; } {block:IfPostHover} .quotePost:hover, .textPost:hover, .audioPost:hover,
.photoPost:hover, .videoPost:hover, .chatPost:hover, .linkPost:hover { background-color: {color:Post background hover}; } {/block:IfPostHover} #notesWrapper { width: 520px; height: auto; padding: 20px 20px 10px 0; background-color: {color:Post background}; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #notesWrapper ol { list-style: none; } #notesWrapper ol li { margin: 0 0 10px 0; } #notesWrapper .avatar { display: none; } .tagged { padding: 0 10px; margin: 0 0 40px 0; background-color: {color:Post background}; -moz-border-radius: 5px; } .tags { margin: 0 !important; font-size: 9px; } .tags li { display: inline; padding: 0 5px; } /* CHAT POST */ .label { color: {color:Chat label}; } .odd, .even { padding: 2px 10px; } .odd { background-color: {color:Chat Alt}; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
/* PHOTO POST */ p.photoPost img { margin: 0 0 10px 0; } .photoPost p { position: relative; } p img.zoom { position: absolute; top: 10px; right: 10px; opacity: 0; -webkit-transition: opacity 1s ease; } p:hover img.zoom { opacity: 1; } /* AUDIO POST */ .albumArt { width: 206px; height: 206px; margin: 0 auto; } .songInfo { text-align: center; margin: 10px 0 0 0; } .player { margin: 0 auto; width: 206px; height: auto; } /* FOOTER */ #footer { width: 540px; height: 40px; font-size: 10px; position: relative; background-color: {color:Post background}; -moz-border-radius: 5px; -webkit-border-radius: 5px; } p.credit { width: 202px; height: 15px; margin: 0 auto !important; padding: 15px 0; text-align: center; }
span.georgia { font: 14px Georgia, "Times New Roman"; } a.previous { position: absolute; top: 4px; left: 20px; } a.next { position: absolute; top: 4px; right: 20px; } a.previous, a.next { width: 32px; height: 32px; display: block; overflow: hidden; text-indent: -9999px; background: url(http://static.tumblr.com/qhck824/keJl0gcbd/arrowsprite.png) no-r epeat; } a.previous { background-position: -2px -2px; } a.next { background-position: -35px -2px; } a.previous:hover { background-position: -2px -35px; } a.next:hover { background-position: -35px -35px; } {CustomCSS} </style> </head> <body> <div id="wrapper"> <div id="header"> <div class="title"><h1><a href="/" alt="{lang:Home}">{Title}</a></h1></div> {block:Description}<div class="description"><p>{Description}</div></p>{/block:De scription} <ul>
<li><a href="/archive" alt="{lang:Archive}">{lang:Archive}</a></li> <li><a href="/random" alt="{lang:Random}">{lang:Random}</a></li> <li><a href="{RSS}" alt="{lang:RSS}">{lang:RSS}</a></li> {block:HasPages} {block:ifShowPageLinks} {block:Pages}<li><a href="{URL}" title="{Label}" alt="{Label}">{Label}</a></li>{ /block:Pages} {/block:ifShowPageLinks} {/block:HasPages} </ul> </div> <div id="postWrapper"> {block:Posts} {block:Quote} <div class="quotePost"> <h2>{Quote}</h2> <p>—{Source}</p> <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C 6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Quote} {block:Text} <div class="textPost"> <h2>{Title}</h2> {Body} <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C 6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Text} {block:Answer} <div class="textPost"> <p>{lang:Asked by Asker} {Asker}</p> <h2>{Question}</h2> <p>{Answer}</p> <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C 6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Answer} {block:Audio} <div class="audioPost"> {block:AlbumArt} <div class="albumArt"><img src="{AlbumArtURL}" width="206" height="206" /></div> {/block:AlbumArt} <div class="player">{AudioPlayer}</div> <div class="songInfo"> <h2>{block:Artist}{Artist}{/block:Artist}</h2> <h2>{block:TrackName}"{TrackName}"{/block:TrackName}</h2> {block:Caption}{Caption}{/block:Caption} </div>
<div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel} — {/block:NoteCount} {lang:Played PlayCount times}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16 "></a></div> </div> {/block:Audio} {block:Photo} <div class="photoPost"> <p align="center">{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" alt= "{PhotoAlt}" />{LinkCloseTag} {block:HighRes}<a href="{PhotoURL-HighRes}" alt="{ lang:High-res photo}"><img src="http://static.tumblr.com/qhck824/t24l2xpf3/fulls ize-icon.png" class="zoom" width="26" height="26"></a>{/block:HighRes}</p> <p>{Caption}</p> <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C 6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Photo} {block:Video} <div class="videoPost"> <span class="videoHolder">{Video-500}</span> {block:Caption}<p>{Caption}</p>{/block:Caption} <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C 6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Video} {block:Chat} <div class="chatPost"> {block:Title}<h2>{Title}</h2>{/block:Title} <div class="chatbox"> {block:Lines} {block:Label} <div class="{Alt}"><span class="label"><strong>{Label}</strong></span> <span class="line">{Line}</span></div> {/block:Label} {/block:Lines} </div> <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C 6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Chat} {block:Link} <div class="linkPost"> <h2><a href="{URL}">{Name}</a></h2> {Description} <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalin k for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCoun tWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C
6al0gc5f/clear.png" width="16" height="16"></a></div> </div> {/block:Link}  {block:PermalinkPage} {block:HasTags} <div class="tagged"> <ul class="tags"> {block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags} </ul> </div> {/block:HasTags} {/block:PermalinkPage} {/block:Posts}  {block:PostNotes} <div id="notesWrapper"> {PostNotes} </div> {/block:PostNotes}  </div> {block:Pagination} <div id="footer"> {block:PreviousPage}<a href="{PreviousPage}" class="previous" alt="{lang:Previou s page}">Previous</a>{block:PreviousPage}{block:NextPage}<a href="{NextPage}" cl ass="next" alt="{lang:Next page}">Next</a>{/block:NextPage}</p> </div> {block:Pagination} <p class="credit"><a href="http://www.tumblr.com/theme/9148">NIGHTNIGHT</a> <spa n class="georgia"><em><strong>by</strong></em></span> <a href="http://www.deddy. tumblr.com">DEDDY</a></p> </div> </body> <script type="text/javascript" src="http://scmplayer.net/script.js" data-config="{'skin':'skins/simpleBlack/skin.css','volume':63,'autoplay':true,'s huffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{' title':'I','url':'http://www.youtube.com/watch?v=NbD8rSEp7X0'}]}" ></script>  </html>

BG Tumblr

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

BG Tumblr

Uploaded by

Copyright:

Available Formats

<!

You might also like