Anda di halaman 1dari 16

<html lang="en">

<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
1.4.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/uiqhh9x/eu
Pm9h61q/animate.css">
<head>
<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarknes
s/qTip.js" type="text/JavaScript"></script>
<style>
div#qTip {
padding: 5px;
height:10px;
font-family:littlefont;
text-transform:uppercase;
font-size:8px;
display: none;
text-align: center;
position: absolute;
line-height:11px;
z-index: 999999999999;
background:#fff;
color: {color:link};
letter-spacing:1px;
border-radius:5px; border: 1px solid #E6DFDF;
}
@font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxyk
dm/NMJlre6xz/04b_03___1_.ttf'); }
.picture {
left:-900px;
top: -100px;
position:fixed;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' typ
e='text/css'>
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta

name="color:Background" content="#ffffff"/>
name="color:Title" content="#292929"/>
name="color:Text" content="#363636"/>
name="color:highlight" content="#fff"/>
name="color:Link" content="#C29B9B"/>
name="color:scrollbar" content="#727272"/>
name="color:Hover" content="#ddd"/>
name="color:description" content="#cccccc" />
name="color:description text" content="#cccccc" />

<meta name="image:background" content="#FFDDDD" />


<meta name="image:sidebar" content="http://i52.tinypic.com/14t5wqu.jpg"/>
<meta name="text:link one" content="" />
<meta name="text:link one title" content="link" />

<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta

name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link

two" content="" />


two title" content="link" />
three" content="" />
three title" content="link" />
four" content="" />
four title" content="link" />
five" content="" />
five title" content="link" />

<meta name="text:blogtitle" content="pretty brown eyes" />


<meta name="if:Black Player" content="0">
</script>
<style type="text/css">

highlight{
background:{color:highlight};
line-height:12px;
margin:0px;
padding:0px;
}
iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit
-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s easeout;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;
-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transit
ion: all 0.4s ease-out;}
::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
::selection {
background: #ebbbaa;
color: #ffffff;
}
::-moz-selection {
background: #ebbbaa;
color: #ffffff;
}
@font-face {font-family:bdcalais; src: url(http://static.tumblr.com/gkjjtx2/up2m
lya6q/bdcalais.ttf);}
@font-face{font-family:Japan; src:url(http://static.tumblr.com/9wzbixa/KKbm0c410
/japan.ttf);}
@font-face{font-family:Double Feature;src:url(http://static.tumblr.com/9wzbixa/
pY7mj2hgs/doublefeature20.ttf);}
@font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncH

mj2mmb/janeaust.ttf);}
body{
margin:5px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-size: tile;
font-family:consolas;
line-height:12px;
color:{color:Text};
cursor:url(http://i.imgur.com/2qleX.jpg), progress;
}
a:link, a:active, a:visited{
color:{color:link};
text-decoration: none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-tran
sition: all 0.6s ease-out;transition: all 0.6s ease-out;
}
a:hover{
text-shadow:3px 0 0 #777, -3px 0 0 #aaa;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
cursor: url(http://i.imgur.com/2qleX.jpg), auto;
color: transparent;
}
.title {
font-family:arial;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
color:{color:links};
text-transform:uppercase;
text-align:left;
-moz-transition: 0.5s ease-in;
-webkit-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
#cunt{width:250px; height:auto;}
{block:PermalinkPage}
width:1500px;
{/block:PermalinkPage}
}
#center{
padding-top:3px;
padding-bottom:3px;
position:fixed !important;
width:250px;
height:207px;
background-color:#fff;
{block:PermalinkPage}
width:410px;

height:207px;
{/block:PermalinkPage}
}
#posts{
float:left;
{block:indexpage}
width:900px;
{/block:indexpage}
margin-left:500px;
margin-top: 15px;
{block:permalinkpage}
width:900px;
{/block:permalinkpage}
}
#icon{
display:inline-block;
margin-left:0px;
margin-right:7px;
float:center;
width: 200px;
height: 36px;
background:white;
padding:5px;
z-index:9;
}
/* FONTS */
@font-face { font-family: "death"; src: url('http://static.tumblr.com/iyodnno/B1
Rmdlbxr/signerica_medium.ttf'); }
@font-face {font-family:"olivier";src: url('http://static.tumblr.com/wphkhd8/fBh
mkemqu/olivier_demo.ttf');}
@font-face{font-family:'basic';src:url('http://static.tumblr.com/9wzbixa/Cf3mj2g
0f/basicl.ttf');}
@font-face { font-family: rway; src: url('http://static.tumblr.com/fxpo5zq/y0bm4
ndht/raleway_thin.otf'); }
@font-face{font-family:"jane";src:url('http://static.tumblr.com/9wzbixa/ncHmj2mm
b/janeaust.ttf');}
@font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/z
mWlpdkl0/slkscr.ttf);}
.blogtitle {
display:block;
padding:5px;
letter-spacing:3px;
font-size:15px;
font-family:consolas;
cursor:help;
text-transform:uppercase;
color:{color:Title};
}
div#desc{
position:fixed !important;
opacity:0;
text-align:center;
line-height:18px;
width: 150px;
font-family:consolas;

text-transform:uppercase;
font-size: 10px;
height: 105px;
letter-spacing:1px;
margin-left:21px;
border:1px solid #eee;
overflow:hidden;
color:{color:description text};
margin-top:-180px;
background-color: {color:description};
padding:5px;
z-index:9;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-tran
sition: all 0.6s ease-out;transition: all 0.6s ease-out;
}
#sidebar:hover #desc{
opacity:.8;
}
#header{
position:fixed ! important;
padding:2px;
text-align:center;
margin-top:-30px;
margin-left:425px;
background:#fff;
width:450px;
opacity:.8;
height:40px;
border-bottom:1px solid #DDD;
z-index:999;
}
#sidebar {
display: block;
position:fixed;
padding:8px;
top:50px;
width:180;
z-index:9;
text-align:center;
font-size:9px;
background-color:;
margin-left:180px;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-tran
sition: all 0.6s ease-out;transition: all 0.6s ease-out;
}
#sidebar:hover {
-webkit-filter:blur(0px);
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-tran
sition: all 0.6s ease-out;transition: all 0.6s ease-out;}
#sidebar:hover img{
-webkit-filter:blur(3px);
}
#yyy {
position:fixed;
height:10px;
left:279px;

top:230px;
width:auto;
padding:5px;
z-index:999;
background-color:#fff;
border-top:0px solid #cecece;
}
#yyyy {
opacity:;
font-family:consolas;
text-transform: uppercase;
text-align: right;
font-size: 13px;
letter-spacing: 2px;
line-height: 10px;
}
#yyy a{
color:{color:link};
}
div#links{
width:50px;
opacity:1.0;
margin-top:160px;
margin-left:170px;
padding:8px;
position:fixed;
font-family:consolas;
font-size: 9px;
background: transparent;
line-height: 20px;
z-index:9 ;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
text-align: left;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
#links:hover{
margin-left:130px;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
faqq {
font-family: calibri;
color: {color:Title};
font-size:12px;

text-transform:uppercase;
letter-spacing:1px;
z-index:1;
}
.cred {
font-family:calibri; letter-spacing:1px; font-size:17px; top:21px; right:4px
; position:fixed; padding:10px; text-align:right; font-weight:normal; }
.cred:hover #name
{ margin-bottom:0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;}
.cred:hover #star { opacity:0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;}
#star { font-size:13px; padding-bottom:10px; }
#name { margin-bottom:-36px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;}
#name a { color:{color:italic}; }
.popuptitle{
background: transparent;
font-family:consolas;
font-size:8px;
text-transform:uppercase;
letter-spacing:2px;
line-height:15px;
text-align:left;
letter-spacing:2px;
border-bottom:1px solid #ddd;
color:{color:title};
margin-bottom:2px;
padding-left:5px;
}
.por{float:left;margin-right:5px;border-right:2px solid #EEE;}
.por img{margin-right:5px;width:40px;}
.ques {
padding:5px;
min-height:40px;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
border-bottom:2px solid #EEE;}
#entry .perma a{
color:;}
.permalink {

display: block;
border-top: 1px solid #ddd;
padding: 3px;
margin: 4px 10px 0px 10px;
font-family: calibri;
font-size: 60px;
color: #424242;
line-height: 110px;
text-align: center;
text-decoration: none;
-webkit-transition: color 0.9s ease-out;
-moz-transition: color 0.9s ease-out;
}
#entry .perma a{
color:;
-webkit-transition: color 0.9s ease-out;
-moz-transition: color 0.9s ease-out;
}
#entry .perma1{
width:5000;
height:20px;
padding:2px;
font-family:calibri;
opacity:0;
font-style:oblique;
text-transform: uppercase;
letter-spacing:1px;
-webkit-filter: blur(5px);
position: absolute;
font-size:20px;
line-height: 17px;
text-align: left;
overflow:hidden;
opacity:0;
background:white;
letter-spacing:0px;
bottom:8px;
margin-left: 0px;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}
#entry:hover .perma1{
opacity: 1;
-webkit-filter: blur(0px);
}

.permalinktext {
display: block;
padding: 0px;
margin: 3px 0px 0px 0px;

font-family:calibri;
letter-spacing: 2px;
font-size:8px;
color: #EDEDED;
line-height: 16px;
text-align: center;
text-transform:uppercase;
text-decoration: none;
background:#F5F5F5;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
border-top: 1px solid #dcdcdc;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
#postnotes{
text-align: left;
}
#postnotes blockquote{
border: 0px;
}
#entry{
font-family:consolas;
font-size:8px;
line height: 11px;
text-align:left;
float:center;
width:398px;
text-transform:uppercase;
{block:PermalinkPage}
width: 460px;
height: auto;
{/block:PermalinkPage}
line-height:17px;
background:#fff;
padding:8px;
-moz-border-radius: 0;
-webkit-border-radius: 0px;
border-radius: 4px;
border: 1px solid #ddd;
margin-right:15px;
overflow:hidden;
margin-bottom:15px;
}
#entry:hover{
opacity: 1.0;
transition: all 1.0s ease-out;
-o-transition-transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out;
-moz-transition: all 1.0s ease-out;
}

#permapage{
font-family: consolas;
font-size: 10px;
line-height: 10px;
text-align: center;
padding-bottom:10px;
z-index:9999;}
blockquote{
padding:0px 0px 2px 3px;
margin:0px 0px 5px 1px;
border-left: 6px solid {color:link}
}
ul, ol, li{
list-style:none;
margin:0px;
padding:0px;
}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label,
.user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
}

#audio {
{block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
{block:IfPosts400px}width:400px;{/block:IfPosts400px}
height:70px;
margin-bottom:0px;
}
.artcover {
width:70px;
height:70px;
position:absolute;
}
.artcover img {
width:70px;
height:70px;
float:left;
}
.player {
position:absolute;
z-index:1;
width:60px;
height:60px;
margin-top:5px;
margin-left:5px;
display:block;
opacity:0.7;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition: all 0.4s;
transition:all 0.5s;

{block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
{block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
}
.player:hover {
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition: all 0.4s;
transition:all 0.4s;
opacity:0.5;
}
.audioplayer {
width:24px;
height:24px;
margin-top:14px;
margin-left:13px;
overflow:hidden;
padding:3px;
}
.audioinfo {
{block:IfNotPosts400px}width:422px;{/block:IfNotPosts400px}
{block:IfPosts400px}width:322px;{/block:IfPosts400px}
height:52px;
margin-left:78px;
display:block;
padding-top:18px;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-align:center;
color:{color:asks text};
background:{color:asks background};
}

blockquote{
padding:0px 0px 2px 3px;
margin:0px 0px 2px 1px;
}
ul, ol, li{
list-style:none;
margin:0px;
padding:0px;
}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label,
.user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
}
.picture {
right:0px;
top: 0px;
position:fixed;
}

</style>
<title>{title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=720" />
</head>
<body>
<div class="picture">
<center><a href= ><img src="http://25.media.tumblr.com/db618ef2e73d22262e09927ffdb9
d2a3/tumblr_mnggeh0Bis1s6etswo1_r3_500.jpg" width="500" /></a></center>
<div id="links">
<div style="text-align:
ink One Title}</a>
<div style="text-align:
ink Two Title}</a>
<div style="text-align:
:Link Three Title}</a>
<div style="text-align:
Link Four Title}</a>
<div style="text-align:
Link Five Title}</a>

left;">h &nbsp;&nbsp; <a href="{text:Link One}">{text:L


left;">o &nbsp;&nbsp; <a href="{text:Link Two}">{text:L
left;">v &nbsp;&nbsp; <a href="{text:Link Three}">{text
left;">e &nbsp;&nbsp; <a href="{text:Link Four}">{text:
left;">r &nbsp;&nbsp; <a href="{text:Link Five}">{text:

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<center><a href="/"><img style="border:1px solid #ddd; padding:10px;" src="{imag
e:sidebar}" width="180" height="180"></a></center>
<br>
<div align="right">

<div id="desc">{description}</div>
</div></div>

<div id="yyy"><div id="yyyy">


<a href="/">{text:blogtitle}</a>
</div></div>

<div id="center">
<div id="content">

<div id="posts">
{block:Posts}
<div id="entry">
{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font
color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </
div>
{/block:Text}
{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font
color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </
div>
{block:Link}
{block:Photo}{block:IndexPage}
{/block:IndexPage}
{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" height=
"100%" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{Phot
oURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}<br>
<div class="perma1"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color=
"#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
{/block:Photo}

{block:Quote}
<span class="entrytext">{Quote}</span>
{block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font
color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </
div>
{/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>
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>
<font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</
a> </div>
{/block:Chat}
{block:Audio}
<div id="audio">
<div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusi
c2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></d
iv>{/block:AlbumArt}
<div class="player">
<div class="audioplayer">{block:IfNotBlackPlayer}{AudioPlayerWhite}{/block:IfNot
BlackPlayer}{block:IfBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div><
/div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}
<div style="font-size:8px; margin-top:5px;">
{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({For
mattedPlayCount})
</div></div></div>
<div class="permalinktext"><a href="{permalink}" title="notes">{NoteCountwithLab
el}</a> / <a href="{ReblogURL}" target="_blank" title="reblog it">reblog</a> </d
iv>
{block:IfNotShowCaption}{block:PermalinkPage}
{block:Caption}<br>{Caption}{/block:Caption}
{/block:PermalinkPage}{/block:IfNotShowCaption}
{/block:Audio}
{block:Video}<center>
<div class="video">{Video-400}</div></center>
<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font
color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </
div>
{block:Video}
{block:Answer}
<div class="ques">
<div class="por"><img src="{AskerPortraitURL-128}"></div><br>
<div class="i"><b>{Asker}</b></div>{Question}</div>{Answer}
<div class="permalinktext"><a href="{permalink}" title="notes">{NoteCountwithLab
el}</a> / <a href="{ReblogURL}" target="_blank" title="reblog it">reblog</a> </d
iv>
{/block:Answer}
{block:PostNotes}<div align="middle">{caption}</div>
<center>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>

posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>


{/block:RebloggedFrom}
</center></span>
<br>
<div id="postnotes">{PostNotes}</div><br>
<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>
{/block:PostNotes}
</div>
{/block:Posts}
</div></div>
{block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPa
ge}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/j
querymsnryv2.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '#entry, #entry_photo',
isAnimated : false
});
});
$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '#entry, #entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.f
adeIn('slow');} );
});
}); $('#content').show(500);
});

</script>
{/block:indexpage}
</div>
<body onkeydown="return false">
<br><br>
</div>
</div>

</hmtl>

Anda mungkin juga menyukai