Theme 23 - Endless

<!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" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/bloc
k:Description}

<meta name="color:Background" content="#222222">
<meta name="color:Body Text" content="#aaaaaa">
<meta name="color:Body Links" content="#ffffff">
<meta name="color:Body Bold" content="#cccccc">
<meta name="color:Body Italic" content="#dddddd">
<meta name="color:Headers" content="#ffffff">
<meta name="color:Headers First Letter" content="#6699cc;">
<meta name="color:Blockquote" content="#666666">
<meta name="color:Borders" content="#555555">
<meta name="color:Title Bar" content="#333333">
<meta name="color:Title" content="#cccccc">
<meta name="color:Sidebar" content="#272727">
<meta name="color:Icon Border" content="#777777">
<meta name="color:Dropdown Menu" content="#444444">
<meta name="color:Dropdown Menu Links" content="#cccccc">
<meta name="color:Posts Background" content="#2a2a2a">
<meta name="color:Posts" content="#444444">
<meta name="color:Chat Odd" content="#555555">
<meta name="color:Chat Even" content="#4c4c4c">
<meta name="color:Audio Info" content="#666666">
<meta name="color:Ask Background" content="#555555">
<meta name="color:Info" content="#333333">
<meta name="color:Info Text" content="#ff6666">
<meta name="color:Info Links" content="#ffffff">
<meta name="color:Scrollbar" content="#333333">
<meta name="color:Scrollbar BG" content="#aaaaaa">
<meta name="if:400px Posts" content="0">
<meta name="if:Long Description" content="0">
<meta name="if:Infinite Scroll" content="0">
<meta name="if:Show Captions" content="1">
<meta name="if:Show Tags" content="1">
<meta name="image:Sidebar" content="">
<meta name="image:Icon" content="">
<meta name="image:Background" content="">
<meta name="text:Header" content="endless forms most beautiful">
<meta name="text:Navigation" content="navigation">
<meta name="text:Link 1" content="link one">
<meta name="text:Link 1 URL" content="">
<meta name="text:Link 2" content="link two">
<meta name="text:Link 3" content="link three">
<meta name="text:Link 4" content="link four">
<style type="text/css">
body {
font-family:calibri;
font-size:11px;
color:{color:Body Text};
text-align:justify;
background-color:{color:Background};
background-image:url('{image:Background}');
background-attachment:fixed;
}
a {
color:{color:Body Links};
text-decoration:none;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease-in-out;
}
b, strong {color:{color:Body Bold};}
i, em {color:{color:Body Italic};}
ul {list-style-type:square;}
img {max-width:100%;}
h1, h1 a, h1 a:hover {
margin:0px;
color:{color:Headers};
font:15px courier new;
text-align:center;
text-transform:uppercase;
}
h1:first-letter {
font-size:20px;
color:{color:Headers First Letter};
}
blockquote {
margin-left:10px;
border-left:3px solid {color:Blockquote};
padding-left:10px;
}
#bar {
z-index:999;
position:fixed;
top:0px;
left:252px;
height:40px;
background:{color:Title Bar};
border-bottom:2px solid {color:Borders};
text-align:center;
{block:ifNot400pxPosts}width:560px;{/block:ifNot400pxPosts}
{block:if400pxPosts}width:460px;{/block:if400pxPosts}
}
#title {
line-height:40px;
letter-spacing:4px;
text-transform:lowercase;
font-size:20px;
color:{color:Title};
width:100%;
}
#side {
position:fixed;
bottom:0px;
width:250px;
background:{color:Sidebar};
left:0px;
height:100%;
}
#image {
position:fixed;
display:block;
width:250px;
{block:ifNotInfiniteScroll}bottom:55px;{/block:ifNotInfiniteScroll}
{block:ifInfiniteScroll}bottom:0px;{/block:ifInfiniteScroll}
}
#port {
width:100px;
height:100px;
display:block;
border:5px solid {color:Icon Border};
border-radius:0 100px 100px 100px;
}
#content {
position:absolute;
padding:20px;
margin-top:100px;
}
#desc {
margin:20px 0;
text-align:center;
{block:ifLongDescription}height:120px;
overflow:auto;
padding-right:10px;{/block:ifLongDescription}
}
#menu {
width:100%;
border:0px solid #ccc;
padding:3px;
font-family:calibri;
font-size:11px;
letter-spacing:2px;
background-color:{color:Dropdown Menu};
color:{color:Dropdown Menu Links};
}
#pagination {
position:fixed;
bottom:0px;
left:0px;
padding:20px 0;
text-align:center;
width:250px;
background:{color:Title Bar};
border-top:2px solid {color:Borders};
height:13px;
font-family:consolas;
letter-spacing:5px;
}
#nav {
margin-top:10px;
font-style:italic;
text-align:center;
}
#entry {
position:fixed;
top:0px;
left:250px;
height:100%;
border-left:2px solid {color:Borders};
border-right:2px solid {color:Borders};
background:{color:Posts Background};
}
#container {
position:absolute;
margin:54px 0 0 264px;
}
#posts {
background-color:{color:Posts};
padding:0 10px;
margin-bottom:20px;
}
#posts pre {
background:#555;
padding:10px;
color:#888;
white-space:pre-wrap;
}
#posts small, #posts big {font-size:11px;}
#photo, iframe.photoset {
display:block;
}
#quote {
font-size:18px;
}
#url {
text-align:center;
}
#odd, #even {padding:5px;margin-bottom:2px;}
#odd {background:{color:Chat Odd};}
#even {background:{color:Chat Even};}
#audio {width:100%;}
#art, #alt {
width:150px;
height:150px;
display:block;
}
#player {
z-index:99;
position:absolute;
padding:10px;
background:rgba(0,0,0,0.3);
margin:52px;
opacity:0.3;
}
#art {position:absolute;}
#audio:hover #player {opacity:1;}
#ainfo {
overflow:hidden;
line-height:13px;
text-align:left;
background:{color:Audio Info};
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
padding:5px;
height:13px;
}
#ask {
padding:10px;
background:{color:Ask Background};
}
#arrow {
position:absolute;
display:inline-block;
color:{color:Ask Background};
font-size:30px;
margin-left:20px;
margin-top:-12px;
}
#asker {
display:inline-block;
font-size:10px;
margin-top:3px;
margin-left:45px;
}
#info {
background:{color:Info};
color:{color:Info Text};
padding:5px;
margin-left:-10px;
font-size:10px;
}
#info a {
color:{color:Info Links};
}
ol.notes {
list-style-type:none;
margin:20px 0 20px -40px;
font-size:10px;
}
ol.notes img {
float:left;
width:13px;
margin-right:5px;
}
.notes li {
padding:5px;
margin-bottom:2px;
font-size:10px;
background-color:#444;
}
/* CREDITS */
#credit {
z-index:999;
position:fixed;
bottom:5px;right:5px;
width:10px;
height:13px;
word-wrap:break-word;
overflow:hidden;
}
#credit a {
color:#888;
font-size:10px;
}
#credit:hover {
width:83px;
}
#credit span {
text-shadow:1px 1px .2px #000;
color:#fff;
margin-right:5px;
font-size:11px;
}
iframe#tumblr_controls {
position:fixed !important;
margin-top:5px !important;
margin-right:5px !important;
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
border-top:2px solid {color:Scrollbar BG};
border-bottom:2px solid {color:Scrollbar BG};
}
::-webkit-scrollbar-button:vertical {
height:6px;
width:5px;
}

::-webkit-scrollbar-button:horizontal {
width:6px;
height:5px;
}
::-webkit-scrollbar {
height:5px;
width:5px;
background-color:{color:Scrollbar BG};
}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></
script>
<script type="text/javascript" src="http://static.tumblr.com/mtdphun/sh6mmt7d2/s
crolltopcontrol_nb.js"></script>
{block:ifInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scroll
ing/code"></script>
{/block:ifInfiniteScroll}

</head><body>
<a href="/"><div id="bar"><div id="title">{text:Header}</div></div></a>
<div id="side">
<img src="{image:Sidebar}" id="image">
<div id="content">
{block:ifIconImage}
<a href="/"><center><img src="{image:Icon}" id="port"></center></a>
{/block:ifIconImage}{block:ifNotIconImage}
<a href="/"><center><img src="{PortraitURL-128}" id="port"></center></a>
{/block:ifNotIconImage}
<div id="desc"><div style="margin:-10px 0;">
<p>{Description}</p>
</div></div>
<select id="menu" onChange="location.href=this.options[this.selectedIndex].v
alue;">
<option value="/">{text:Navigation}</option>
{block:ifLink1}
<option value="{text:Link 1 URL}">{text:Link 1}</option>
{/block:ifLink1}{block:ifLink2}
{block:ifLink4}
{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}
</select>
<div id="nav">
<a href="/">home</a> ·
<a href="/ask">message</a> ·
<a href="/archive">archive</a> ·
<a href="http://viwan-th.tumblr.com" target="blank" title="endless theme
">theme</a>
</div>
</div>

{block:ifNotInfiniteScroll}<div id="pagination">{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}

{block:JumpPagination length="5"}
{block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}"></a>
{/block:NextPage}
{/block:Pagination}</div>{/block:ifNotInfiniteScroll}

</div>
<div id="entry"></div>
<div id="container">

{block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfinit
eScroll}{block:Posts}
{block:ContentSource}

{/block:ContentSource}
<div id="posts">
<div id="info" style="margin-bottom:10px;">
<a href="{Permalink}">{TimeAgo}</a> +
<a href="{Permalink}">{NoteCountWithLabel}</a>

{block:RebloggedFrom}<div style="float:right;">
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> +
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
</div>{/block:RebloggedFrom}
</div>


{block:Text}
{block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{block:IndexPage}
<a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
{/block:IndexPage}

{block:PermalinkPage}{LinkOpenTag}
<center><img src="{PhotoURL-500}" id="photo"></center>
{LinkCloseTag}{/block:PermalinkPage}

{block:ifShowCaptions}
{block:Caption}
{Caption}
{/block:Caption}
{/block:ifShowCaptions}
{/block:Photo}

{block:Panorama}
{LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}

{block:Caption}
{Caption}
{/block:Caption}
{/block:Panorama}

{block:Photoset}
<div id="photo">
{block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
</div>

{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}

{block:Quote}
<center><span id="quote"> {Quote} </span></center>
<p align="right">- {Source}
{/block:Quote}

{block:Link}
<a href="{URL}" target="{Target}"><h1>{Name}</h1>
<div id="url">{URL}</div></a>

{block:Description}
{Description}
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
{block:Lines}<div id="{Alt}">
{block:Label}<b>{Label}</b>{/block:Label} {Line}
</div>{/block:Lines}

{/block:Chat}

{block:Audio}
<table id="audio" cellpadding="0" cellspacing="0"><tr>
<td width="150px">
<div id="player"><div style="overflow:hidden;height:27px;width:27px;">{Audio
PlayerBlack}</div></div><a href="{Permalink}">
{block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
<img src="{image:Album Art}" id="alt">
</a></td>
<td>
<div id="ainfo"><b>Track: </b>{block:TrackName}{TrackName}{/block:TrackN
ame}</div>
<div id="ainfo"><b>Artist: </b>{block:Artist}{Artist}{/block:Artist}</di
v>
<div id="ainfo"><b>Album: </b>{block:Album}{Album}{/block:Album}</div>
<div id="ainfo"><b>Plays: </b>{block:PlayCount}{FormattedPlayCount}{/blo
ck:PlayCount}</div>
</td>
</tr></table>

{block:Caption}
{Caption}
{/block:Caption}

{/block:Audio}

{block:Video}
{block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
{block:if400pxPosts}{Video-400}{/block:if400pxPosts}

{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}

{block:Answer}
<div id="ask">{Question}</div>
<span id="arrow"></span>
<span id="asker">{Asker}</span></p>

{Answer}
{/block:Answer}

{block:PermalinkPage}
{block:ifNotShowCaptions}
{block:Caption}
{Caption}
{/block:Caption}
{/block:ifNotShowCaptions}
{/block:PermalinkPage}
<div id="info" style="margin-top:10px;">
<table cellpadding="0" cellspacing="0" width="100%"><tr>
<td style="padding-right:10px;">
{block:ifShowTags}
{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
{/block:ifShowTags}
{block:ifNotShowTags}
{block:IndexPage}<a href="{Permalink}">permalink</a>{/block:IndexPag
e}{block:PermalinkPage}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/
block:PermalinkPage}
{/block:ifNotShowTags}
</td>
<td style="text-align:right;">
<a href="{ReblogURL}">reblog</a>
</td>
</tr></table>
</div>
</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}

</div>
<div id="credit"><div style="width:82px;">
<a href="http://viwan-th.tumblr.com" target="blank">
<span></span>viwan themes</a>
</div></div>
</body></html>

Theme 23 - Endless

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

Theme 23 - Endless

Uploaded by

Copyright:

Available Formats

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

You might also like