theme tumblr putih polos

7/16/2019 Theme Tumblr Putih Polos

http://slidepdf.com/reader/full/theme-tumblr-putih-polos 1/19

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<link rel="shortcut icon" href="{Favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="color:Text" content="#333333"/>

<meta name="color:Link" content="#026b57"/>



/* colours and padding */

#content {padding-bottom: 50px;}

article {margin: {text:Post Margin}px 0 0;}

.post, .caption {background-color: {color:Post Background};}

.post {position: relative;}

.subtitle, .sidecontent {background-color: {color:Sidebar Background};}

.pad .post {padding: 10px;}

.description.sidecontent {text-align: justify;}

.caption.pad {padding: 8px; margin-top: 0;}

/* sidebar */

#sidebar h2 {letter-spacing: 1px; padding: 3px 6px; vertical-align: -3px; word-spacing: 1px; font-size:

1.1em; text-transform: uppercase; display: inline-block; color: {color:Text}; background-color:

{color:Sidebar Background};{block:IfIndentSidebarTitles} margin: 0 16px;{/block:IfIndentSidebarTitles} -

webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}

#sidebar.left {text-align: right;}

#sidebar ul, #sidebar div {margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;

background-color: {color:Sidebar Background}; width: {text:Sidebar Width}px;}

#sidebar .words ul, #sidebar .words div {padding: 5px 0 8px;}

#sidebar .words ul.padd, #sidebar .words div.padd {padding: 8px;}

aside.words > ul, aside.words > div {margin-top: -5px;}

.expand.hover h2 {cursor: default;}

.expand h2 + * {display: none;}

#sidebar.expand h2:hover, #sidebar h2.select {z-index: 12345; background-color: {color:Widget Select};}

.expand a.title {margin-bottom: 15px; display: block;}

#sidebar li {margin-left: -1px; list-style-type: none;}



#sidebar.right #links li:before, #sidebar.right .list .time:before {content: '{text:Sidebar Icon} '; font-

weight: bold; font-size: 15px; line-height: 8px;}

#sidebar.left #links li:after, #sidebar.left .list .time:after {content: ' {text:Sidebar Icon}'; font-weight:

bold; font-size: 15px; line-height: 8px;}

.list .time:before, .list .time:after {vertical-align: -1px;}

#links a {text-decoration: none;} .links a:hover {text-decoration: underline;}

.list li {list-style-type: none; margin: 5px 0; padding: 0;}

.list .time {display: none; font-size: 80%; text-decoration: none;}

.list li:hover .time {display: block;}

/* permalink */

.fade-content {position: relative;}

.permalink {text-align: center; text-transform: uppercase; font-size: 90%; display: none;}

.permalink, .permalink a {color: {color:Permalink Text};}

.slide .permalink {position: relative;}

.pbackground {width: 100%; height: 100%; position: absolute; background-color: {color:Permalink

Background};}

.slide .pbackground {opacity: {text:Permalink Opacity};}

.pcontent {position: relative; padding: 8px 5px;}

.pinner {width: 100%;}

.permalink a {text-decoration: none;}

/* navigation */

#nav {overflow: auto; text-align: center; margin-top: {text:Post Margin}px;}

#nav a {text-decoration: none; padding: 5px; min-height: 14px; min-width: 14px; text-align: center;

display: inline-block; background-color: {color:Post Background};}

#nav a.current, #nav a.jump {margin: 0 3px 0 2px;}



#nav a.current {background-color: {color:Permalink Background};}

#nav #next, #nav #prev {padding: 5px 8px; text-transform: uppercase;}

#nav #prev {float: left;}

#nav #next {float: right;}

/* text */

img, iframe, embed, video {vertical-align: bottom;}

.post img {max-width: 100%;}

.photo img, .audio img, #sidebar img, .video iframe, .video embed, .video video {width: 100%;}

a {text-decoration: underline; -webkit-transition: color 0.5s linear; -moz-transition: color 0.5s linear;

transition: color 0.5s linear; color: {color:Text};}

#content a:hover {color: {color:Link};}

h1 {margin: 15px 0 0.3em; font-weight: normal; font-size: 2.6em; line-height: 1em; font-family:

{font:Title};}

a.title, h1 {text-decoration: none; color: {color:Title};}

h2, h3 {font-family: {font:Serif};}

h2 {font-weight: 300; text-align: left; text-decoration: none; font-size: 1.7em; line-height: 1.2em; margin:

0; word-spacing: 1px; font-family: {font:Serif};}

h2 a {text-decoration: none;}

h2.page {text-align: center;}

h3 {font-size: 1.4em; line-height: 1.3em; font-weight: normal; margin: 15px 0 0; text-indent: 42px;}

.post ul, .post ol {padding: 0 0 0 18px; margin: 0.5em 0;}

.post ul {list-style-type: square;}

img {margin: 0; padding: 0; border: 0;}

blockquote {margin: 0.5em 0; padding: 0 0 0 9px; border-left: 1px solid {color:Text};}

blockquote img {width: auto;}

.caption {text-align: justify; margin-top: 0; padding-top: 8px;}



{block:IfNotchedCaptions}.caption:before {position: absolute; height: 0; width: 0; content: ''; margin-top:

-17px; margin-left: 30px; border-style: solid; border-width: 0 10px 9px; border-color: {color:Post

Background} transparent;}{/block:IfNotchedCaptions}

p {margin: 0.6em 0 0;}

article *:first-child, .list *:first-child {margin-top: 0;}

article *:last-child, .list *:last-child {margin-bottom: 0;}

.photoset .post, .audio .post {background-color: transparent;}

p.question {margin: 0px 0px 10px; font-size: 1.4em; line-height: 1.2em; letter-spacing: 1px; font-family:

{font:Serif};}

.quote blockquote {padding: 0; border: 0;}

.quote .caption {text-align: right;}

.quot {font-size: 10em; position: relative; height: 100px; width: 0px; margin: -20px 0 -80px -

5px!important; left: 0px; line-height: normal; display: block; font-family: Arial, Helvetica, sans-serif;}

.quot a {text-decoration: none;}

.audiobox embed {height: 65px; width: 500px;}

.chat td {vertical-align: top;}

h3 + table {margin-top: 10px;}

/* other */

#infscr-loading {position: fixed; bottom: 10px; left: 50%; margin-left: -100px; width: 200px; text-align:

center;}

#infscr-loading img {width: 29px;}

.nodisplay {display: none!important;}

.nodec {text-decoration: none!important;}

.clearbg {background: none!important;}

#totop {top: 26px!important;}

#tumblr_controls {position: fixed!important;}



#totop {position: fixed; z-index: 1234567; width: 0; height: 0; cursor: help; border-width: 0 30px 30px 0;

border-style: solid; border-color: transparent rgba(50,50,50,0.7); top: 3px; right: 3px;}

#lightbox {display: none; background-color: rgba(255,255,255,0.7); border: 40px solid transparent;

background-position: center; background-repeat: no-repeat; background-size: contain, 50px; top: 0;

bottom: 0; left: 0; right: 0; position: fixed; z-index: 123456; text-align: center;}

/* notes */

img.avatar {vertical-align: -19px; padding: 0 10px 0 0; width: 30px; height: 30px; border: 0;}

#notes blockquote {margin: 0; padding: 0 0 0 12px; border-left: 30px solid {color:Text};}

#notes blockquote a {text-decoration: none;}

ol.notes {list-style-type: none; margin: 0; padding: 0; counter-reset: li;}

ol.notes li {padding: 0 0 10px 0; margin: 0;}

ol.notes li:before {content: counter(li); counter-increment: li; position: absolute; margin-left: -25px; -

moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;

width: 25px; line-height: 16px; padding: 2px 2px 0 4px; height: 20px; margin-top: -2px; visibility: hidden;

background-color: {color:Post Background};}

ol.notes li:hover:before {visibility: visible;}

ol.notes li:last-child:before {display: none;}

#meta.pad, #notes.pad {padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;

background-color: {color:Post Background};}

{CustomCSS}

</style>

{block:IfAnalyticsID}

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', '{text:Analytics ID}']);

_gaq.push(['_trackPageview']);



{block:IfNotTitleImage}<h1 style="text-transform: none;">{Title}</h1>{/block:IfNotTitleImage}

{block:IfTitleImage}<img src="{image:Title}" width="240" alt="{Title}" border="0" /><br

/>{/block:IfTitleImage}

</a>

{block:Description}

<aside id="description" class="words">

<h2>{text:Description Title}</h2>

<div class="padd">{Description}</div>

</aside>

{/block:Description}

{block:IfNotHideLinks}

<aside id="links" class="words">

<h2>{text:Links Title}</h2>

<ul class="padd">

{block:IfAskTitle}{block:IfHideAskBox}{block:AskEnabled}<li><a href="/ask">{text:Ask

Title}</a></li>{/block:AskEnabled}{/block:IfHideAskBox}{/block:IfAskTitle}

{block:IfSubmitTitle}{block:SubmissionsEnabled}<li><a href="/submit">{text:Submit

Title}</a></li>{/block:SubmissionsEnabled}{/block:IfSubmitTitle}

{block:HasPages}{block:Pages}<li><a

href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}

</ul>

</aside>

{/block:IfNotHideLinks}

{block:IfNotHideAskBox}{block:AskEnabled}



<aside id="ask" class="words">

<h2>{text:Ask Title}</h2>

<div class="padd">

<iframe frameborder="0" scrolling="no" width="100%" height="149"

src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent;

overflow:hidden;" id="ask_form"></iframe></div>

</aside>

{/block:AskEnabled}{/block:IfNotHideAskBox}

{block:IfTwitterUsername}

<aside id="twitter" class="words">

<h2>{text:Twitter Title}</h2>

<ul class="padd list"></ul>

</aside>

{/block:IfTwitterUsername}

</section>

<section id="content">

{block:Posts}

<article class="{block:Photo}photo slide{/block:Photo}{block:Photoset}photoset

slide{/block:Photoset}{block:Quote}quote pad slide{/block:Quote}{block:Link}link pad

slide{/block:Link}{block:Text}text pad slide{/block:Text}{block:Chat}chat pad

slide{/block:Chat}{block:Audio}audio slide{block:AlbumArt}

album{/block:AlbumArt}{/block:Audio}{block:Video}video slide{/block:Video}{block:Answer}answer pad

slide{/block:Answer}" id="{PostID}">



<div class="post

{block:Photoset}clearbg{/block:Photoset}{block:Photo}clearbg{/block:Photo}{block:Video}clearbg{/block

:Video}">

{block:Quote}

<div class="quot">“</div><h3>{Quote}</h3>

<div class="caption">{block:Source}{Source}{/block:Source}</div>

</div>

{/block:Quote}

{block:Photo}

{LinkOpenTag}<center>

<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" />

</center>{LinkCloseTag}

{/block:Photo}

{block:Photoset}

{Photoset-500}

{/block:Photoset}

{block:Video}

{Video-500}

{/block:Video}

{block:Link}



<h2><a href="{URL}" {Target}>{Name}</a></h2>

{block:Description}<caption>{Description}</caption>{/block:Description}

</div>

{/block:Link}

{block:Chat}

{block:Title}<h3>{Title}</h3>{/block:Title}

<table class="chat" style="border-spacing: 0px;">

{block:Lines}

<tr>

{block:Label}<td class="label" style="padding-right: 20px;">{Label}</td>{/block:Label}

<td class="line">{Line}</td>

</tr>

{/block:Lines}

</table>

</div>

{/block:Chat}

{block:Audio}

{block:AlbumArt}<img border="0" src="{AlbumArtUrl}" class="albumart" />{/block:AlbumArt}

<div class="audiobox" id="{PostID}">{AudioPlayerBlack}</div>

{/block:Audio}

{block:Text}

{block:Title}<h2>{Title}</h2>{/block:Title}



{Body}

</div>

{/block:Text}

{block:Answer}

<table width="{text:Width}" border="0px" cellpadding="0" cellspacing="0"><tbody style="border-

spacing: 0px; padding: 2px;">

<tr><td width="48x" style="vertical-align: top; width: 48px; padding: 0px; padding-right: 20px;">

<a href="http://{PlaintextAsker}.tumblr.com" title="{PlaintextAsker}" class="asker-link"><img

height="48px" width="48px" class="asker-img" style="padding: 0px; margin: 0px;"

src="{AskerPortraitURL-96}"/></a>

</td><td style="padding: 0px;">

<p class="question">{Question}</p>{Answer}

</td></tr></tbody></table>

</div>

{/block:Answer}

{block:Date}

{block:IndexPage}

<div class="permalink

{block:IfCenterizePhotoPermalink}center{/block:IfCenterizePhotoPermalink}{block:IfNotCenterizePhoto

Permalink}bottom{/block:IfNotCenterizePhotoPermalink}">

<div class="pinner">

<div class="pbackground"></div>

<div class="pcontent">

{block:IfShowReblogLink}<a

href="{ReblogURL}">reblog</a> {text:Permalink

Separator} {/block:IfShowReblogLink}



{block:ContentSource}{SourceLink}  {text:Permalink

Separator} {/block:ContentSource}

{block:Answer}by {Asker}  {text:Permalink

Separator} {/block:Answer}

{block:NoteCount}<a href="{Permalink}#notes"

title="notes">{NoteCountWithLabel}</a>  {text:Permalink

Separator} {/block:NoteCount}

{block:Audio}{PlayCount} plays  {text:Permalink

Separator} {/block:Audio}

<a href="{Permalink}" title="permalink">{TimeAgo}</a>

{block:IfShowTags}{block:HasTags} {text:Permalink

Separator}  {lang:Tagged} {block:Tags}<a href="{TagURL}" style="text-transform:

lowercase;">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}

</div>

</div>

</div>

{/block:IndexPage}

{/block:Date}

{block:Video}

</div>

{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption

pad">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}

{block:IfShowCaptions}{block:Caption}<div class="caption

pad">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}

{/block:Video}

{block:Photo}

</div>







{/block:Photo}

{block:Photoset}

</div>



{block:IfShowCaptions}{block:Caption}<div class="captionpad">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}

{/block:Photoset}

{block:Audio}

</div>





{/block:Audio}

</article>

{block:PermalinkPage}{block:Date}

<article id="meta" class="pad">

<p>Posted on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}{block:NoteCount} with

{NoteCountWithLabel}{/block:NoteCount}</p>



{block:HasTags}<p>{lang:Tagged with} {block:Tags}<a

href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}

{block:Exif}<p style="margin: 0.7em 0 0;">

{block:Camera}camera: {Camera}<br />{/block:Camera}

{block:Aperture}aperture: {Aperture}<br />{/block:Aperture}

{block:Exposure}exposure: {Exposure}<br />{/block:Exposure}

{block:FocalLength}focal length: {FocalLength}<br />{/block:FocalLength}

</p>{/block:Exif}

{block:PermalinkPagination}

<p style="min-height: 14px;">

{block:NextPost}<a href="{NextPost}" style="text-decoration: none;">« Previous

post</a>{/block:NextPost}

{block:PreviousPost}<a href="{PreviousPost}" style="float: right; text-decoration: none;">Next

post »</a>{/block:PreviousPost}

</p>{/block:PermalinkPagination}

</article>

{block:PostNotes}

<article id="notes" class="pad">

{PostNotes}

</article>

{/block:PostNotes}

{/block:Date}{/block:PermalinkPage}

{/block:Posts}

{block:Pagination}

<div id="nav">



{block:PreviousPage}

<a href="{PreviousPage}" title="previous page" id="prev">previous</a>

{/block:PreviousPage}

{block:JumpPagination length="5"}

{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}

{block:CurrentPage}<a href="{URL}" class="current">{PageNumber}</a>{/block:CurrentPage}

{/block:JumpPagination}

{block:NextPage}

<a href="{NextPage}" title="next page" id="next">next</a>

{/block:NextPage}

</div>

{/block:Pagination}

</section>

</div>

</body>

</html>

theme tumblr putih polos

Documents