Lyt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Tit
le}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<
meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script>
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h2').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp
().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev()
.removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
var $headerheight = $("#header").css('height')
$("#shell").css("margin-top",$headerheight);
$("#top").css("top",$headerheight);
});
</script>
<meta name="color:Text" content="#1B1B1B"/>
<meta name="color:Link" content="#060045"/>
<meta name="color:Titles" content="#151329"/>
<meta name="color:Permalink" content="#060045"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Accents" content="#CCCCCC"/>
<meta name="font:Body" content="Trebuchet MS, Arial, Helvetica, sans-serif">
<meta name="image:Title" content=""/>
<meta name="image:Background" content=""/>
<meta name="text:Post Space" content="50px"/>
<meta name="text:Base Font Size" content="11px"/>
<meta name="image:Permalink" content=""/>
<meta name="if:Dotted Border" content="0"/>
<meta name="if:Fixed Header" content="0"/>
<meta name="if:Fixed Sidebar" content="1"/>
<meta name="if:Show Twitter" content="1"/>
{block:Following}<meta name="if:Show Following" content="1"/>{/block:Following}
<style type="text/css">
body {
font-size: {text:Base Font Size};
line-height: 1em;
background-color: {color:Background};
background-image: url('{image:Background}');
color: {color:Text};
font-family: {font:Body};
overflow-x: hidden;
}
a {
color: {color:Link};
text-decoration: underline;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
a:hover {
border: 0px;
margin: 0px;
}
div#shell {
width: 600px;
margin: 0px auto;
}
div#side {
left: 50%;
padding-left: 320px;
width: 200px;
padding-top: 100px;
z-index: 123;
{block:IfNotFixedSidebar}
position:absolute;
{/block:IfNotFixedSidebar}
}
{block:IfFixedSidebar}
body>div#side {
position:fixed;
}
{/block:IfFixedSidebar}
div#header {
text-align: center;
background: transparent;
z-index: 123;
width: 100%;
top: 0px;
margin: 0px auto;
{block:IfNotFixedHeader}
position: absolute;
{/block:IfNotFixedHeader}
}
{block:IfFixedHeader}
body>div#header {
position:fixed;
}
{/block:IfFixedHeader}
div.post {
margin: 0px;
padding: 0px;
}
div.permalink a {
width: 150px;
margin-left: -190px;
text-align: right;
vertical-align: top;
font-size: 2.2em;
position: absolute;
z-index: 1000;
text-decoration: none;
color: {color:Permalink};
}
div.permalink {
opacity: 0;
filter:alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: -moz-opacity 0.5s ease-in;
transition: filter 0.5s ease-in;
}
div.post:hover div.permalink {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
}
p.reblog, p.reblog a {
text-align: center;
margin-bottom: 1px;
padding: 0.5em 0px;
}
div#twitter ul li {
list-style-type: none;
display: block;
padding: 0px 0px 6px;
}
div#twitter ul {
-webkit-padding-start: 0px;
padding-left: 0px;
}
div#twitter ul li a {
text-transform: uppercase;
font-style: italic;
font-size: 0.7em;
display: block;
text-align: right;
}
div#twitter ul li span a {
text-transform: none;
font-style: normal;
colour: {color:Link};
font-size: 1em;
display: inline;
}
div.audio table {
width: auto;
margin: 0px auto;
padding: -8px 0px -4px 0px;
text-align: center;
}
div.audio table tr td {
border-radius: 4px;
height: 27px;
margin: 0px;
padding: 0px;
text-align: inherit;
vertical-align: middle;
background: #000000;
color: #FFFFFF;
}
div.audio table tr td a {
color: #FFFFFF;
}
div.audio blockquote, div.audio p {
padding-left: 0px;
text-align: center;
border-left: 0px;
margin: -2px;
padding: 3px 0px;
}
div.chat td.label {
font-weight: bold;
font-variant: small-caps;
padding-right: 10px;
}
div.quotation {
font-size: 8em;
-webkit-transform: rotate(15deg);
display: block;
width: 20px;
font-family: 'Bookman Old Style', serif;
bottom: -2em;
height: 0px;
margin-left: -10px;
padding-top: 20px;
color: {color:Titles};
}
div.quote h4 {
padding-left: 50px;
}
div.quote p {
text-align: center;
text-decoration: overline;
}
h1, h1 a {
text-align: center;
letter-spacing: 2px;
line-height: 0.9em;
font-weight: 100;
margin: 1em 0px;
font-size: 170%;
}
h2 {
padding: 0.8em 0 1em;
margin: 0px;
}
h3, h3 a {
font-weight: bold;
font-size: 1.2em;
margin: 0px;
padding: 1em 0px;
}
h4 {
font-style: italic;
font-size: 1.4em;
word-spacing: -1px;
line-height: 1.5em;
font-weight: 100;
display: inline;
text-align: center;
}
blockquote {
padding-left: 10px;
border-left: 2px solid {color:Text};
margin: 3px 0 3px 10px;
}
iframe#ask_form {
overflow-y: hidden;
height: 100%;
}
div#search {
padding: 0.5em 0px;
margin: 0px 0px;
text-align: center;
width: 200px;
}
div#search input {
width: 180px;
border: 1px dotted {color:Accents};
background: {color:Accents};
font-family: {font:Body};
font-size: {text:Base Font Size};
text-align: center;
}
div#following {
padding: 1em 0;
width: 100%;
}
div#following img {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: -moz-opacity 0.5s ease-in;
transition: filter 0.5s ease-in;
}
div#following img:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
}
ol.notes {
margin-left: -10px;
}
ol.notes li.note {
list-style-type: none;
padding: 0px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 5px;
width: 16px;
height: 16px;
}
ol.notes li.note blockquote {
padding: 6px 10px;
margin: 0px;
font-style: italic;
}
ol.notes li.note .answer_content {
font-weight: normal;
font-style: italic;
padding: 6px 10px;
display: block;
}
div#postinfo {
font-size: 0.8em;
font-style: italic;
text-align: left;
padding: 2em 0;
}
div#pagination {
margin: 2em auto;
font-size: 1.3em;
text-align: center;
}
div#pagination a {
}
div#pagination a:hover {
color: {color:Link};
}
.invisible {
visibility: hidden;
}
ul#drawers {
width: 200px;
list-style: none;
margin: 0 auto;
padding: 0px;
{block:IfDottedBorder}
border: 1px dotted {color:Accents};
{/block:IfDottedBorder}
border-top: 0px;
}
ul#drawers a {
}
ul#drawers li h2 {
margin: 0;
padding: 4px;
font-size: 1em;
text-align: center;
{block:IfDottedBorder}
border-top: 1px dotted {color:Accents};
{/block:IfDottedBorder}
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
cursor: help;
}
ul#drawers li h2:hover {
background-color: {color:Accents};
}
h2.small {
display: table-cell;
width: 100px;
margin: 0px;
height: 100%;
}
li.drawer h2.open {
background-color: {color:Accents};
border-top: 0px;
}
li.drawer div {
padding: 1em;
margin: 0px;
line-height: 1em;
}
li.drawer div li {
list-style-type: square;
}
li.drawer div ul {
-webkit-padding-start: 20px;
}
{CustomCSS}
</style>
<script type="text/javascript" src="/tweets.js"></script>
</head>
<body>
<div id="side">
<ul id="drawers">
<li class="drawer" id="info">
<h2>info</h2>
<div>
<p>{block:Description}{Description}{/block:Description}</p>
</div>
</li>
<li class="drawer" id="links">
<h2>links</h2>
<div>
<ul>
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
{block:SubmissionsEnabled}
<li><a href="/submit">{SubmitLabel}</a></li>
{/block:SubmissionsEnabled}
{block:AskEnabled}
<li><a href="/ask">{AskLabel}</a></li>
{/block:AskEnabled}
<li><a href="/archive">Archive</a></li>
<li><a href="{RSS}">RSS</a></li>
</ul>
</div>
</li>
{block:IfShowTwitter}
<li class="drawer" id="twitter">
<h2>twitter</h2>
{block:Twitter}<div id="twitter">
<div id="twitterfeed" style="padding: 0px;">
<ul id="twitter_update_list"></ul>
<script type="text/javascript" src="http://stati
c.tumblr.com/3driglx/YU4l2tu9g/themocritytwitter.js"></script>
<script type="text/javascript" src="http://twitt
er.com/statuses/user_timeline/{TwitterUsername}.json?callback=twitterCallback2&c
ount=3"></script>
</div>
</div>{/block:Twitter}
</li>
{/block:IfShowTwitter}
<li class="drawer" id="search">
<h2>search</h2>
<div id="search">
<form method="get" action="/search">
<input type="text" class="search" value="{SearchQuery}"
name="q" id="search-input"
onfocus="if (this.className=='search') { this.className = ''; this.value = '';
}"
onblur="if (this.value == '') { this.className = 'search'; this.value = 'Searc
h'; }"/>
</form>
</div>
</li>
{block:IfShowFollowing}
<li class="drawer">
<h2>following</h2>
{block:Following}<div id="following">
{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><
img src="{FollowedPortraitURL-16}" width="16" height="16" style="padding: 2px;"
/>{/block:Followed}
</div>{/block:Following}
</li>{/block:IfShowFollowing}
</ul>
</div>
<div id="header" style="padding-top: {text:Post Space}">
<a href="/">
{block:IfTitleImage}<img src="{image:Title}" border="0" style="margin: 0px auto;
padding-right: 16px;">{/block:IfTitleImage}
{block:IfNotTitleImage}<h1><a href="/">{Title}</a></h1>{/block:IfNotTitleImage}
</a>
</div>
<div id="shell" style="padding-top: {text:Post Space};">
<div style="height: {text:Post Space};"></div>
{block:TagPage}
<div class="post" style="padding: 0px 0px {block:IndexPage}{text:Post Space}{/bl
ock:IndexPage}{block:PermalinkPage}1em{/block:PermalinkPage} 0px;">
<h2>posts tagged <em style="text-transform: uppercase;">{Tag}</em></h2>
</div>
{/block:TagPage}
{block:SearchPage}
<h2>search results for <em style="text-transform: uppercase;">{SearchQuery}</em
>
{block:NoSearchResults}<br/>none found{/block:NoSearchResults}
</h2></div>
{/block:SearchPage}
{block:Posts}
<br>
{block:IndexPage}
<div class="permalink"><a href="{Permalink}">{block:IfNotPermalinkImage}{text:Pe
rmalink Text}{/block:IfNotPermalinkImage}{block:IfPermalinkImage}<img src="{Imag
e:Permalink}" alt="permalink">{/block:IfPermalinkImage}</a></div>
{/block:IndexPage}
<br>
<br>
{block:Text}<div class="text">
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
</div>{/block:Text}
{block:Photo}<div class="photo">
{block:IndexPage}
{block:RebloggedFrom}
<p class="reblog">
<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}
">{ReblogParentName}</a>
›
<a href="{ReblogRootURL}" title="originally from {ReblogRootName}">{
ReblogRootName}</a>
</p>
{/block:RebloggedFrom}
{/block:IndexPage}
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="600px">
{LinkCloseTag}
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}
</div>{/block:Photo}
{block:Photoset}<div class="photoset">
{block:IndexPage}
<p class="reblog">
<a href="{ReblogParentURL}">{ReblogParentName}</a>
‹
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</p>
{/block:IndexPage}
{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}
</div>{/block:Photoset}
{block:Quote}<div class="quote">
<div class="quotation">"</div>
<h4>{Quote}</h4>
<div class="quotation" style="float: right; margin-top: 20px; margin-lef
t: 30px;">"</div>
{block:Source}<p> {Source} </p
>{/block:Source} </div>{/block:Quote}
{block:Link}<div class="link">
<h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
{block:Description}<p>{Description}</p>{/block:Description}
</div>{/block:Link}
{block:Chat}<div class="chat">
{block:Title}<h3>{Title}</h3>{/block:Title}
<table class="chat">
{block:Lines}
<tr>
{block:Label}<td class="label">{Label}</td>{/block:Label
}
<td class="line">{Line}</td>
</tr>
{/block:Lines}
</table>
</div>{/block:Chat}
{block:Audio}<div class="audio">
<table cellspacing="8px" cellpadding="0"><tr>
{block:AlbumArt}
<td><a href="{Permalink}">
<img border="0" src="{AlbumArtUrl}" width="27px" height="27px" style
="border-radius: 4px;" />
</a></td>
{/block:AlbumArt}
<td width="211px">{AudioPlayerBlack}</td>
{block:ExternalAudio}
<td width="27px"><a href="{ExternalAudioURL}"><img border="0" src="h
ttp://static.tumblr.com/me5sfsd/HVel40cks/download.jpg" alt="download" /></a></t
d>
{/block:ExternalAudio}
</tr>
</table>
{block:Caption}<p>{Caption}</p>{/block:Caption}
</div>{/block:Audio}
{block:Video}<div class="video">
{block:IndexPage}
<p class="reblog">
<a href="{ReblogParentURL}">{ReblogParentName}</a>
‹
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</p>
{/block:IndexPage}
<center>{Video-500}</center>
{block:Caption}
{Caption}
{/block:Caption}
</div>{/block:Video}
{block:Answer}<div class="answer">
<p><a href="http://{PlaintextAsker}.tumblr.com">Question
</a>:<br />
<strong>{Question}</strong></p>
<p><a href="/">Answer</a>:<br />
{PlaintextAnswer}</p>
</div>{/block:Answer}
</div>
{block:Date}{block:PermalinkPage}
<div id="postinfo">
{block:Text}Text {/block:Text}
{block:Photo}Photo {/block:Photo}
{block:Photoset}Photoset {/block:Photoset}
{block:Video}Video {/block:Video}
{block:Audio}Audio {/block:Audio}
{block:Link}Link {/block:Link}
{block:Quote}Quote {/block:Quote}
{block:Chat}Conversation {/block:Chat}
{block:Answer}Response {/block:Answer}
posted {TimeAgo}{block:NoteCount}
with {NoteCountWithLabel}{/block:NoteCount}
{block:Audio} and {PlayCountWithLabel}{/block:Audio}
<br />
{block:HasTags}
Tags:
{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}
</div>
{/block:PermalinkPage}{/block:Date}
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}
<div id="pagination">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">â ¹ newer</a> {/block:PreviousPage}
{CurrentPage}Ò {TotalPages}
{block:NextPage} <a href="{NextPage}">older â º</a>{/block:NextPage}<br /><br />
{/block:Pagination}
{block:PermalinkPagination}
{block:PreviousPost}<a href="{PreviousPost}">â ¹ newer</a> {/block:PreviousPost}
â
{block:NextPost} <a href="{NextPost}">older â º</a>{/block:NextPost}<br /><br />
{/block:PermalinkPagination}
<font size="1em"><a href="http://pouretrebelle.thecdexperiment.com/themes">theme
</a> by <a href="http://pouretrebelle.thecdexperiment.com/">pouretrebelle</a></f
ont>
</div>
</div>
</body>
</html>

Lyt

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Lyt

Diunggah oleh

Hak Cipta:

Format Tersedia

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

Anda mungkin juga menyukai