Anda di halaman 1dari 31

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!-- letsrp @ tumblr.com -->

<html>
<head>
<script type="text/javascript"
src="http://static.tumblr.com/dmn2xsk/7oGn7jfka/okokok.txt">
/***********************************************
* DD Drop Down Panel- (c) Dynamic Drive DHTML code library
(www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s
more
***********************************************/
</script>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<meta name="description" content="{MetaDescription}" />

<!-- DEFAULT VARIABLES -->


<meta name="color:background" content="#97798c" />
<meta name="color:text" content="#ffffff" />
<meta name="color:link" content="#ffffff" />

<meta name="color:hover" content="#fffff" />


<meta name="color:post" content="#a18697" />
<meta name="color:accent" content="#ceb9c9" />
<meta name="color:nav" content="#b096a7" />

<!-- IMAGES -->


<meta name="image:background" content=""/>
<meta name="image:header" content=""/>
<meta name="image:sbar" content=""/>
<meta name="image:icon" content=""/>

<!-- LINKS -->


<meta name="text:link 1 url" content="/"/>
<meta name="text:link 1" content="refresh"/>
<meta name="text:link 2 url" content="/"/>
<meta name="text:link 2" content="message"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 3" content="navigate"/>

<!-- ADMINS ICON -->


<meta name="image:admin1" content=""/>
<meta name="image:admin2" content=""/>
<meta name="image:admin3" content=""/>

<!-- ADMINS NAME -->


<meta name="text:admin1" content=""/>

<meta name="text:admin2" content=""/>


<meta name="text:admin3" content=""/>

<!-- IFS -->


<meta name="if:show tags" content="0"/>
<meta name="if:tiny cursor" content="1"/>

<style type="text/css">

/* ------------ BODY & LINKS -------------- */

body{
background-color:{color:background};
background-image: url('{image:background}');
background-attachment:fixed;
color:{color:text};
font-family:'Trebuchet ms';
font-size:11px;
line-height:14px;
text-align:justify;
-webkit-transition: background 0.5s ease-in;
transition: background 0.5s ease-in;
}

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


color: {color:link};

text-decoration:none;
-webkit-transition-duration: .90s;
}

a:hover{
color:{color:hover};
-webkit-transition-duration: .90s;}

{block:iftinycursor}
*, body, a, a:hover {cursor:
url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
{/block:iftinycursor}

::-webkit-scrollbar {width: 11px;}


::-webkit-scrollbar-track {background-color: {color:background};}
::-webkit-scrollbar-thumb {background-color: {color:accent};}

strong{
color:{color:background};
}

/* ------------ HEADER -------------- */

.ddpanel .ddpanelcontent{
width:765px;
margin-left:250px;
margin-top:-14px;

background-color:{color:post};
}

.ddpanel .ddpaneltab{
margin-right:20px;
font:normal 12px Arial;
}

.ddpanel .ddpaneltab a{
float:right;
color:white;
background:black url() no-repeat left bottom;
text-decoration:none;
letter-spacing:1px;
}

.ddpanel .ddpaneltab a span{


float:left;
display:block;
background:transparent url() no-repeat right bottom;
padding:1px 12px 4px 13px;
cursor:pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{


margin-top:2px;

margin-left:5px;
}

.ddpanel .ddpaneltab a:hover{


background-color:transparent;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{


outline:0;
}

.ddpanel .ddpaneltab a:hover span{


background-color: transparent;
}

#header{
width:800px;
height:150px;
margin-left:250px;
margin-top:10px;
position:relative;
}

#icon{
background-color:{color:accent};
padding:10px;

width:128px;
height:128px;
}

#tri{
width:0px;
height:0px;
border-style:solid;
border-width:11px 14px 11px 0;
margin-left:154px;
margin-top:-120px;
border-color:transparent
{color:accent} transparent
transparent;
}

#chaos{
width:100px;
height:128px;
background-color:{color:accent};
margin-left:165px;
margin-top:-50px;
padding:10px;
}

#banner{

width:480px;
height:148px;
background-color:{color:post};
background-image: url('{image:header}');
margin-left:285px;
margin-top:-148px;
}

/* ------------ ADMINS -------------- */

#admins{
width:315px;
height:125px;
}

.abox {
float:left;
width:100px;
height:90;
margin-right:4px;
overflow:hidden;
position:relative;
text-align:center;
}

.ad {

width:100px;
height:95px;
}

.ad img {
width:100px;
height:95px;
}

.adname {
width:90px;
height:10px;
padding:10px;
background-color:{color:accent};
font-size:20px;
text-align:center;
line-height:9px;
color:{color:text};
text-transform:none;
letter-spacing:-2px;
text-shadow:1px 1px 0px {color:background};
}

/* ------------ EXTRA SPACE -------------- */

#extra{

width:230px;
margin-top:-125px;
margin-left:330px;
padding:10px;
background-color:{color:background};
height:105px;
}

h1{
background-color:{color:accent};
border-bottom:1px dashed {color:post};
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
height:10px;
padding:3px;
margin:3px;
font-size:10px;
line-height:11px;
font-weight:normal;
}

h2{
text-transform:uppercase;
letter-spacing:2px;
text-align:center;

padding:3px;
margin:3px;
font-size:8px;
font-family:'silkscreen';
border:1px solid {color:accent};
font-weight:normal;
}

h3{
text-transform:lowercase;
border-bottom:2px solid {color:accent};
letter-spacing:-2px;
margin:3px;
text-align:center;
padding:3px;
font-size:19px;
height:10px;
font-family:georgia;
font-weight:normal;
}

/* ------------ UPDATES -------------- */

#updates{
width:105px;
margin-top:-125px;

margin-left:600px;
font-size:9px;
padding:10px;
line-height:12px;
background-color:{color:accent};
height:105px;
}

.uptit{
font-family:'silkscreen';
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
font-size:8px;
}

/* ------------ SIDEBAR -------------- */

#side{
width:195px;
height:321px;
position:absolute;
background-color:{color:post};
margin-left:800px;
margin-top:10px;

padding:10px;
}

#side img{
width:195px;
height:300px;
position:absolute;
}

.desc{
background-color:{color:background};
margin-top:37px;
margin-left:18px;
opacity:0.6;
width:120px;
height:185px;
position:absolute;
z-index:999999;
padding:20px;
}

/* ------------ MENU -------------- */

.navas{
float:left;
margin-right:3px;

display: inline-block;
background-color:{color:nav};
width:100px;
height:30px;
margin-bottom:2px;
font-family:'silkscreen';
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
color:{color:title};
font-size:8px;
line-height:30px;
}

.navas a::before,
.navas a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}

.navas a::before {
margin-right: 10px;
content: '[';

-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}

.navas a::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}

.navas a:hover::before,
.navas a:hover::after,
.navas a:focus::before,
.navas a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

/* ------------ POSTS -------------- */

#entries{

width: 500px;
margin-left:250px;
position:absolute;
padding-bottom:20px;
}

.post{
padding:20px;
background-color:{color:post};
float:left;
margin-top:10px;
width: 500px;
}

/* ------------ TITLES -------------- */

#tit{
font-family: ;
font-size:20px;
color:{color:text};
text-align:left;
letter-spacing: -1px;
margin-top:3px;
margin-bottom:17px;
padding:5px;
}

#ltit{
font-family: ;
background-color:{color:accent};
font-size:20px;
text-align:center;
letter-spacing: -1px;
margin-top:3px;
margin-bottom:0px;
padding:10px;
}

#quo{
font-size:12px;
color:{color:text};
text-align:left;
padding:3px;
line-height:13px;
font-style:italic;
}

#source{
margin-top:3px;
text-align:right;
margin-bottom:5px;
font-size:9px;

text-transform:lowercase;
font-family:arial;
}

/* ------------ QUESTIONS -------------- */

#question{
font-size:11px;
font-family:arial;
line-height:90%;
color:{color:text};
padding:30px;
background-color:{color:background};
position:relative;
}

#answer{
font-size:10px;
}

/* ------------ PERMA & TAGS -------------- */

#info{
display:block;
color:{color:text};
border-top:1px solid {color:perma};

padding:1px;
height:16px;
text-indent:3px;
letter-spacing:2px;
line-height:16px;
font-family:'silkscreen';
text-align:center;
font-size:8px;
text-transform:uppercase;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
-moz-transition-duration:0.7s;
}

#info a{
color:{color:link};
}

#info a:hover{
color:{color:hover};
}

#tags{
margin-top:-5px;
text-align:center;
text-transform:uppercase;

font-family:'silkscreen';
font-size:8px;
-webkit-transition:0.3s linear;
}

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


url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

/* ------------ PAGINATION -------------- */

#pag{
width:195px;
height:20px;
margin-top:300px;
background-color:{color:background};
position:relative;
line-height:21px;
font-size:8px;
font-family:'silkscreen';
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}

/* ------------ BLOCKQUOTE & P -------------- */

blockquote{

padding-left:5px;
margin-left:10px;
margin-right:10px;
border-left:5px solid {color:background};
margin-top:1px;
margin-bottom:1px;
}

p{
margin-top:6px;
margin-bottom:6px;}

pre{
color:{color:text};
font-size:12px;
margin-left:10px;
padding:10px;
}

/* ------------ AUDIO -------------- */

.audio{
opacity: 1.0;
position:relative;
overflow:hidden;
min-height:130px;

font-size: 10px;
}

.player{
position:absolute;
z-index:3;
background:#000000;
margin-top:45px;
margin-left:73px;
opacity:0.75;
filter:alpha(opacity=75);
border:0px #000000 solid;
border-radius: 100px;}

.audioplayer{
border: 0px solid {color:perma};
width:363px;
height:15px;
overflow:hidden;
padding:5px;
padding-bottom:13px;
margin-right:5px;
margin-top: 5px;}

.audioinfo{
margin-top: 15px;

margin-left:120px;
line-height:10px;
font-size:10px!important;
font-style: normal;}

.audiocaption{
margin-left:20px;}

.audiocaption img{
max-width:330px!important;}

.audiocaption blockquote img{


max-width:320px!important;}

.audiocaption blockquote blockquote img{


max-width:310px!important;}

/* ------------ CHAT -------------- */

.user_1 .label {color:{color:text}; font-weight:bold;}


.user_2 .label {color:{color: text}; font-weight:bold;}
.user_3 .label {color:{color:text}; font-weight:bold;}
.user_4 .label {color:{color:text}; font-weight:bold;}
.user_5 .label {color:{color: text}; font-weight:bold;}
.user_6 .label {color:{color:text}; font-weight:bold;}
.user_7 .label {color:{color:text}; font-weight:bold;}

.user_8 .label {color:{color: text}; font-weight:bold;}


.user_9 .label {color:{color:text}; font-weight:bold;}
.user_10 .label {color:{color:text}; font-weight:bold;}

.ul.chat {}
.chat ol {}
.chat li {
list-style:none;
margin-left:-30px;
padding:-5px;
margin-bottom:3px;
}

/* ------------ NOTES -------------- */

.notes{
margin-left:-15px;
font-family:'silkscreen';
width:500px;
font-size:9px;
}

.notes a{
color:{color:link};
}

.notes a:hover{
color:{color:hover};
}

ol.notes{
list-style-type:none;
}

ol.notes li.note{
padding-bottom:7px;
margin-bottom:12px;
}

ol.notes li.note img.avatar{


vertical-align:-6px;
}

ol.notes li.note img{


padding:2px;
}

ol.notes li.note blockquote{


padding-left:5px;
margin-left:30px;
}

/* ------------ CREDIT -------------- */

.credit {
position:fixed;
bottom:4px;
right:10px;
font-size: 8px;
text-transform:uppercase;
letter-spacing: 2px;
padding: 5px;
font-family:calibri;
}

.credit a{
color:{color:link};
opacity:0.9;
}

.credit a:hover{
color:{color:hover};
}

{CustomCSS}
</style>
</head>

<body>

<div id="mypanel" class="ddpanel">


<div id="mypanelcontent" class="ddpanelcontent">
<div style="padding:20px;height:120px;">

<div id="admins">
<!-- START -->
<div class="abox">
<div class="ad"><img src="{image:admin1}"></div>
<div class="adname">{text:admin1}</div>
</div>
<!-- END -->
<!-- START -->
<div class="abox">
<div class="ad"><img src="{image:admin2}"></div>
<div class="adname">{text:admin2}</div>
</div>
<!-- END -->
<!-- START -->
<div class="abox">
<div class="ad"><img src="{image:admin3}"></div>
<div class="adname">{text:admin3}</div>
</div>
<!-- END -->
</div>

<div id="extra">
A drop in the ocean,
A change in the weather,
I was praying that you and me might end up together.
It's like wishing for rain as I stand in the desert
But I'm holding you closer than most 'cause you are my heaven

</div>

<div id="updates"><div class="uptit"></div>


Love all, trust a few, do wrong to none.

</div>
</div>
</div>
</div>
</div>

<div id="header"><div id="icon"><img src="{image:icon}"></div>

<div id="tri"></div>
<div id="chaos">

<div class="navas"><a href="{text:link 1 url}">{text:link 1}</a></div>

<div class="navas"><a href="{text:link 2 url}">{text:link 2}</a></div>


<div class="navas"><a href="{text:link 3 url}">{text:link 3}</a></div>
<div class="navas"><div id="mypaneltab" class="ddpaneltab">
<a href="#"><span>Toggle</span></a></div></div></div>

<div id="banner"></div></div>
<div id="side">
<div class="desc">{Description}
</div><img src="{image:sbar}">
<div id="pag">
{block:PreviousPage}
<a href="{PreviousPage}">prev </a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}"> next</a>
{/block:NextPage}</center></div>
</div></div></div></div>

<div id="entries">
{block:Posts}
<div class="post">

{block:Title}<div id="tit">{Title}</div>{/block:Title}
{block:Text}{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}"width=500px>

<br>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

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

{block:Quote}<div id="quo">"{Quote}"</div>
{block:Source}<div id="source"> {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}<div id="ltit"><a href="{URL}" class="link"


{Target}>{Name}</a></div>{block:Description}{Description}
{/block:Description}
{/block:Link}

{block:Chat}<ul class="chat">{block:Lines}<li
class="user_{UserNumber}">{block:Label}<span
class="label">{Label}</span>{/block:Label}&nbsp;
{Line}</li>{/block:Lines}</ul><br>{/block:Chat}

{block:Audio}<div class="audio"><span style="position:absolute; width:60px;


height:60px; margin-left:-15px;">{block:AlbumArt}<img src="{AlbumArtURL}"
width="70px" height="70px" align="left" style="margin-left:50px; margin-top:
16px; opacity: 0.7; border-radius: 0px;" />{/block:AlbumArt}</span><div
class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display:
none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}
{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display:
none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br
/><b>Album:</b> <span{block:Album} style="display:
none;"{block:Album}>Unknown</span>{block:Album}{Album}
{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a
href="{ExternalAudioURL}">Click Here</a><br
/>{/block:ExternalAudio}<b>Played:</b> {FormattedPlayCount}
<br><div class="audioplayer">{AudioPlayerWhite}</div>

</div><br><div class="audiocaption">{block:Caption}{Caption}
{/block:Caption}</div></div>{/block:Audio}

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

{block:Answer}
<div id="question">{Asker}; {Question}</div><div
id="answer">{Answer}</div>{/block:Answer}

{block:Date}<div id="sym"></div>
<div id="info"> <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
{block:RebloggedFrom} <a href="{ReblogParentURL}"
title="{ReblogParentTitle}">via</a> {block:ContentSource} <a
href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
{block:NoteCount} <a
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>

{block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}#<a
href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
{/block:IfShowTags}</div><br>{/block:posts}{block:PostNotes}{PostNotes}
{/block:PostNotes}

<div class="credit" align="right"><a


href="http://letsrp.tumblr.com/">theme</a></div></div>

</body>

Anda mungkin juga menyukai