HTML Another Tumblr Theme

<script type="text/javascript"
src="http://playlist.me/w/script.js"
data-config="{'skin':'http://scmplayer.net/skins/simpleBlack/skin.css','volume':100,'autoplay':t
rue,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':
[{'title':'heartbreaker','url':'http://www.youtube.com/watch?v=nP-DQK8YIzM'},{'title':'all that
matters','url':'https://www.youtube.com/watch?v=zrzSHLmChfg'},{'title':'hold
tight','url':'http://www.youtube.com/watch?v=iFP9AjWpNi4'},{'title':'recovery','url':'http://
www.youtube.com/watch?v=xFiTlF9Di-0'},{'title':'bad
day','url':'http://www.youtube.com/watch?v=gotEw1JrByY'},{'title':'all
bad','url':'http://www.youtube.com/watch?v=7P8t0QcGImk'},{'title':'pyd','url':'http://
www.youtube.com/watch?v=Q65DZfb6jzw'},{'title':'roller
coaster','url':'http://www.youtube.com/watch?v=32QYY0x1SoQ'},{'title':'change
me','url':'http://www.youtube.com/watch?v=ZFIM9c48cSM'},{'title':'confident','url':'http://
www.youtube.com/watch?v=qnD1hwjR3WU'},{'title':'swap it
out','url':'http://www.youtube.com/watch?v=DbU8x9MxssQ'},{'title':'memphis','url':'http://
www.youtube.com/watch?v=_eCKMpcEYHw'},{'title':'one
life','url':'http://www.youtube.com/watch?v=j-d4h5efogs'},{'title':'what%27s hatnin
%27','url':'http://www.youtube.com/watch?v=EoRT0Wa5OrY'},{'title':'backpack','url':'http://
www.youtube.com/watch?v=XmjTCptbe4Q'},{'title':'flatline','url':'http://www.youtube.com/
watch?v=S819tSAJdYM'},{'title':'adore you','url':'http://www.youtube.com/watch?
v=W1tzURKYFNs'},{'title':'what now','url':'http://www.youtube.com/watch?v=b-3BI9AspYc'}]}"
></script><noscript><a href="http://playlist.me/skins/">SCM player skins</a></noscript>
<style> body, a, a:hover {

cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;"
href="http://www.totallylayouts.com/" title="Tumblr Mouse Cursors" target="_blank"><img
src="" alt="" /></a></div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<script language=JavaScript>

</script>
<head>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-
my-tooltips.js"></script>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet'
type='text/css'>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<meta name="color:Background" content="#ffffff"/>

<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#c0ffee">
<meta name="color:Hover" content="#ffffff"/>
<meta name="image:sidebar" content="0"/>
<meta name="if:show sidebar image" content="0">
<meta name="text:link one title" content="Link One" />
<meta name="text:link one" content="http://" />
<meta name="text:link two title" content="Link Two" />
<meta name="text:link two" content="http://" />
<meta name="text:link three title" content="Link Three" />
<meta name="text:link three" content="http://" />
<meta name="text:link four title" content="Link Four" />
<meta name="text:link four" content="http://" />
<meta name="text:link five title" content="Link Five" />
<meta name="text:link five" content="http://" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<script language="JavaScript"
src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
<link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
<style type="text/css">
body {
color:#666;
background:{color:background}
url({image:background});
background-repeat: repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: ;
font-family:consolas;
line-height:110%;
font-size:10px;
}
#tumblr_controls{
position:fixed !important;
-webkit-filter:invert(100%);
opacity:.7;
-webkit-transition:linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-
out;transition: all 0.5s ease-out;
}
#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all

0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#s-m-t-tooltip{
max-width:300px;
margin-top:10px;
margin-left:15px;
padding:3px;
border:1px solid #eee;
border-radius:2px;
z-index:1000;
background-color:#fff;
color:#555;
font-family:calibri;
z-index:999999999;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
line-height:;
}
::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
::-webkit-scrollbar-thumb { background-color: #555;}
::selection {
background:#555 ;
color: #fff;
}
::-moz-selection {
background: ;
color: #fff;
}
@font-face { font-family: "lovenote"; src:

url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
p{
margin:2px;
margin-top:10px;
}
a:link, a:active, a:visited{

color: #000000;
text-decoration: none;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
}
a:hover{
color:#000000;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}
.entry {
float: left;
border-radius:1px;
width: 200px;
margin:10px;
padding:15px;
position: relative;
.entry img {
max-width: 100%;
opacity:0.8;
#posts {
position:relative;
margin-top:0px;
padding-bottom:7px;
padding-left:120px;
margin-left:350px;
width:710px;
}
@font-face { font-family: "love"; src:
url('http://static.tumblr.com/18hu9yq/p0ampl7ww/heartbreaks.ttf'); }
#link1 {
position: fixed;
width: 15px;
margin-top:334px;
opacity: .99;
margin-left:230px;
background:#fff;
height: 12px;
opacity:3.6;
border: 1px solid #eee;
font-family:georgia;
font-size: 8px;
text-align: center;
padding: 5px;
-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-
out;
}
#link1:hover {
background-color:#555;
}
#link1:hover a{
color:#fff;
}
#link2 {
position: fixed;
width: 15px;
margin-top:334px;
margin-left:260px;
background:#555;
color:#fff;
height: 12px;
font-size: 8px;
text-align: center;
padding: 5px;
out;
}
#link2:hover {
}
#link2 a{
color:#fff;
}
#link2:hover a{
color:#000;
}
#link3 {
position: fixed;
width: 15px;
margin-top:334px;
margin-left:290px;
background:#fff;
height: 12px;
font-size: 8px;
text-align: center;
padding: 5px;
out;
}
#link3:hover {
}
#link3:hover a{
color:#fff;
}
#link4 {
position: fixed;
width: 15px;
margin-top:334px;
margin-left:320px;
background:#555;
color:#fff;
height: 12px;
font-size: 8px;
text-align: center;
padding: 5px;
out;
}
#link4:hover {
}
#link4 a{
color:#fff;
}
#link4:hover a{
color:#000;
}
#link5 {
position: fixed;
width: 15px;
margin-top:334px;
margin-left:350px;
background:#fff;
height: 12px;
font-size: 8px;
text-align: center;
padding: 5px;
out;
}
#link5:hover {
}
#link5:hover a{
color:#fff;
}
#sidebar {
display: block;
position:fixed;
padding:10px;
margin-top:160px;
width:200px;
letter-spacing:0px;
padding-bottom:6px;
z-index:99999999;
text-align:center;
font-size:10px;
font-style:italic;
opacity:1;
margin-right:0px auto;
margin-left:195px;
}
@font-face { font-family: "perfect"; src:
url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
#title {
font-size:10px;
border-bottom:2px solid #eee;
padding:1px;
}
.perm {
color:#777;
font-size:8px;
opacity: 0;
-webkit-transition-duration: .75s;bottom:4px;
width:200px;
height:6px;
padding-bottom:4px;
background-color: #eee;
bottom:4px;
position: absolute;
line-height:5px;
text-align:center;
letter-spacing:1px;
display:block;
}
.entry:hover .perm {
opacity:0.8;
z-index:999999;
padding-top:4px;}
#quote{
line-height:15px;
font-size:9px;
font-family:calibri;
float: left;
margin-right: 5px;
}
blockquote{
padding:2px 2px 2px 5px;
margin:4px 4px 4px 7px;
border-left: 2px solid #f2f2f2;
}
#xxxx {
position:fixed;
opacity:1;
width:;
height:25px;
z-index:999;
text-align: center;
background-color:;
color:#000;
left:185px;
top:113px;}
.perm1{
padding: 0px;
margin-left:0px;
margin-top: 5px;
font-size: 9px;
line-height:16px;
height:9px;
text-align:center;
color: {color:text};
border-top:1px solid #f2f2f2;
.entry .summer{
position:absolute;
width:186px;
padding:7px;
left:15px;
overflow:hidden;
opacity:0.0;
text-align:center;
letter-spacing:1px;
color:#000;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
text-align:center;
font-size:8px;
top:30%;
z-index:8;
out;
}
.entry:hover .summer{
opacity:1.0;
top:40%;
}
.entry .summer a{
color:#000;
}
@font-face {
font-family: neverletgo;
src: url('http://static.tumblr.com/oix8md4/hNlmb90qs/neverletgo.ttf');
.albumartt{
margin-left:0px;
margin-bottom:20px;
}
.albumartt img{
background:#fff;
width:60px;
float:left;
padding:10px;
border:1px solid #f0f0f0;
}
audioshit{
border-bottom:1px solid #f2f2f2;
font-style:normal;}
</style>
<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('Source:')");
$("p").remove(":contains('via ')");
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></
script>
<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:100,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>
src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
$(function(){
$("#pageLink").click(function(){
$("#titlePages").fadeToggle(500);
});
});
</script>
<div style="position:fixed; top:26px; right:7px; opacity:.6">
<a href="http://heatable.tumblr.com"><img
src="http://media.tumblr.com/tumblr_mdn4n5kqUG1qk1or3.gif" width="20px"></a>
</div>
src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
$(window).load(function () {
var $content = $('#posts');
$content.masonry({
itemSelector: '.entry',
isAnimated: true
}),
$content.infinitescroll({
navSelector : '#pagination',
nextSelector : '#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 200,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended',
$newElems, true,
function(){$newElems.fadeIn(300);}
);
});
});
});
</script>
<title>{Title}</title>
</style>
<div class="wrapper">
<div style="position:fixed;right:0px;top:0px;">
</span>
</div>
<div id="sidebar">
{block:ifshowsidebarimage}<a href="/"><img style="margin-top:-1px;-webkit-

filter:saturate(0%);padding-bottom:5px;opacity:0.8;" src="{Image:Sidebar}"
width="200"></a>{/block:ifshowsidebarimage}
<div style="margin-top:1px;">{Description}
<script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?
site=ID2372602&name="></script>
</div>
</div>
<div id="link1">
<a href="{text:link one}"title="{text:link one title}">I</a>
</div>
<div id="link2">
<a href="{text:link two}"title="{text:link two title}">II</a>
</div>
<div id="link3">
<a href="{text:link three}"title="{text:link three title}">III</a>
</div>
<div id="link4">
<a href="{text:link four}"title="{text:link four title}">IV</a>
</div>
<div id="link5">
<a href="{text:link five}"title="{text:link five title}">V</a>
</div>
<div id="posts">
{Block:Posts}
<div class="entry">
{block:Text}
{block:Title}<div id="title">{Title}</div>{/block:Title}
{Body}
{block:IndexPage}
<div class="perm">
<a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
{/block:IndexPage}
{/block:Text}
{block:Link}
<a href="{URL}" id="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="perm">
<a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
{/block:IndexPage}
{block:Link}
{block:Photo}
{block:IndexPage}
<div class="summer"> <a href="{Permalink}">{NoteCount}</a> notes , <span class="my-like"
data-reblog="{ReblogURL}" data-id="{PostID}" style=""><i>like </i></span> , <a
href="{ReblogURL}" ><u>reblog</u></a>
</center></div>
{/block:IndexPage}
{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo"
src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo"
src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<div class="perm1"><a href="{ReblogURL}"><img
src="http://static.tumblr.com/t98gn37/RA4mf7oly/reblawg.png" width="8.5px;"
style="margin-left:0px;"></a> / <a href="{Permalink}">{notecount}</a></center></div>
<div style="width:220px; overflow-x:hidden;
overflow-y:hidden;">{Photoset-250}</div>{/block:IndexPage}
{block:permalinkpage}
{Photoset-500}
{/block:permalinkpage}
{/block:Photoset}
{block:Quote}
<i>
<span style="text-transform:;"> " {Quote} " </span></i>
{block:Source}
<div style="text-align:left;color:{color:link};font-style:italic;padding:3px;margin-top:3px;text-
transform:;">- {Source}</div>
{/block:Source}
{block:IndexPage}<div class="perm1">posted on {shortmonth} {dayofmonth} with <a
href="{permalink}">{notecountwithlabel}</a></div>{block:IndexPage}
{/block:Quote}
{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:IndexPage}<span class="perm1"><div style=""></div></span>{block:IndexPage}
{/block:Chat}
{block:Audio}
<div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}">
{/block:AlbumArt}</div><div class="audioplayerr">{AudioPlayer}</div> <div class="infooo">
{block:Artist} <b><audioshit>Artist:</audioshit></b><br> {Artist}
{/block:Artist}<br><br>{block:TrackName} <b><audioshit>Track Name:</audioshit></b><br>
"{TrackName}" {/block:TrackName}</br><br>{block:Album}<b><audioshit>Album
Name:</audioshit></b><br> {Album} {/block:Album}</br><br></div>
{block:IndexPage}
<div style="margin-top:-10px">
<div class="perm1">posted on {shortmonth} {dayofmonth} with <a
href="{permalink}">{notecountwithlabel}</a></div></div>{block:IndexPage}
{/block:Audio}
{block:Video}
{block:IndexPage}
<div class="posttitle">
<a href="{Permalink}" target="_blank"><i>View Video</i></a>
</div>
{/block:IndexPage}
{block:PermalinkPage}
{Video-400}
{/block:PermalinkPage}
{block:ifCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifCaptions}
{block:IndexPage}
<div id="permalink">
<a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
</div>
{/block:IndexPage}
{block:Video}
{block:Answer}
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
<strong>{Asker} said:</strong> {Question}
<div class="caption">
<b>I replied:</b><i>{Answer}</i></div>
{block:IndexPage}<span class="perm1"><div style="border-top: 2px solid
#cecece;padding:3px;margin-top:3px;text-align:right;text-
transform:uppercase;">{FormattedTime} + <a
href="{permalink}">{NoteCountWithLabel}</a></div></span>{block:IndexPage}
{/block:Answer}
{block:IndexPage}<div style="display:none;">{block:ContentSource}<a
href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a
href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/
block:ContentSource}</div>{/block:IndexPage}
{block:PermalinkPage}
<div style="border-top:3px solid #ddd;border-bottom:3px solid #ddd;margin-top:3px;">
{TimeAgo} | {12Hour}:{Minutes}{AmPm} WITH
{NoteCountWithlABEL}</div>
{/block:Date}
{/block:PermalinkPage}
{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
</div>
</div>
{block:IndexPage}<br>
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<body onkeydown="return false">

</html>

HTML Another Tumblr Theme

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 Another Tumblr Theme

Uploaded by

Copyright:

Available Formats

<!-- Song Player http://playlist.

<style> body, a, a:hover {

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<meta name="color:Background" content="#ffffff"/>

#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all

::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }

::-webkit-scrollbar-thumb { background-color: #555;}

@font-face { font-family: "lovenote"; src:

a:link, a:active, a:visited{

{block:ifshowsidebarimage}<a href="/"><img style="margin-top:-1px;-webkit-

<body onkeydown="return false">

You might also like