View User's Journal

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="{Favicon}" />
<meta name="description" content="{MetaDescription}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="if:Show Navigation" content="1" />
<meta name="if:Show Avatar" content="1" />
<meta name="if:Show Archive Link" content="1" />
<meta name="if:Show RSS Link" content="1" />
<meta name="if:Show Search Form" content="0" />
<meta name="if:Show Who I Follow" content="1" />

<meta name="color:Accent" content="#00ddff"/>

<meta name="text:Flickr Username" content=""/>
<meta name="text:Facebook URL" content=""/>
<meta name="text:Twitter Username" content=""/>

<title>{Title}{block razz ostSummary} - {PostSummary}{/block razz ostSummary}</title>

<style type="text/css">

body { margin: 0; background: #1a1a1a url(http://static.tumblr.com/a3y0qz0/rR2l91dzb/bg.png); font-family: Helvetica; color: #eee; }

a { color: #444; text-decoration: none; }
a:hover { color: #555; }

.clear { clear:both; }

#header { height: 140px; padding: 20px 0px; width: 100%; margin-bottom: 20px; }

#logo { width: 850px; margin: 10px auto; padding: 15px 0px 0px 0px; }
#logo h1 {margin: 0; padding: 0;}
#logo h1 a { color: #fff; font-size: 66px; font-weight: bold; text-decoration: none; letter-spacing: -5px; text-shadow: 0px 5px 5px #111; padding: 5px 10px 5px 0px;}
#logo a:hover { opacity: 1; }

#about h2 { width: 850px; margin: 20px auto; padding: 0; font-size: 16px; color: #444; }
#about h2 a {color: #333; text-decoration: none;}

#main_wrapper { width:850px; margin: 0 auto;}

#content {width: 535px; margin: 0px 0px 0px 0px; float: left;}

/* POSTS */

#content div.post { position: relative; width: 500px;background: #111; padding: 10px 15px; -moz-box-shadow: 1px 1px 5px #191919; -webkit-box-shadow: 1px 1px 5px #191919; box-shadow: 1px 1px 5px #191919; margin: 0px 0px 30px 0px; border-left: 5px solid {color:Accent}; }

h3 {margin: 0px; padding: 0px;}
h3 a { font-size: 16px; font-family: Lucida Grande, Lucida Sans, Arial; color: #555; text-decoration: none; display: block; padding: 0px 0px; margin: 0px 0px 8px 0px; }
h3 a:hover { color: #00ddff; }

#content div.post .date { text-align: right; font-size: 9px; color: #222; font-family: Lucida Grande, Lucida Sans, Helvetica, Arial; margin-bottom: 5px; }

#content div.post p, div.post li, div.post blockquote { font-family: Lucida Grande, Lucida Sans, Helvetica, Arial; font-size: 11px; line-height: 140%; }

#content div.post blockquote { border-left: 5px solid #ccc; padding-left: 5px; }

#content div.post .box-bottom { display: block; padding: 15px 5px 10px 5px; font-size: 10px; }
#content div.post .box-bottom a {color: #333; text-decoration: none; }

.box-bottom { background: url(http://static.tumblr.com/a3y0qz0/y8Bl91dzy/bottom.png) top center no-repeat !important; }

/* TEXT */
.post-text { margin: 5px; }

/* QUOTE */

.post-quote { margin: 10px; font-family: Georgia, Times New Roman; font-size: 32px;}
.post-quote .source { text-align: right; font-family: Helvetica, Arial; font-size: 18px; margin: 20px 10px; }

/* AUDIO */

.post-audio .audio-plays { text-align: right; font-size: 10px; margin-bottom: 10px;}
.post-audio .audio_player { margin-top: 5px;}

/* PHOTO */

.post-photo a img { border: none; }

/* PHOTO-SET */

.post-photoset embed {border: none; }

/* VIDEO */

.post-video embed { border: none; }

/* CHAT */

.post-chat ul.chat { list-style: none; margin: 15px; padding: 0; }
.post-chat li.odd { color: #666; padding: 5px 0px; }
.post-chat li.even { color: #333; padding: 5px 0px; }
.post-chat li span.label { font-weight: bold; }

/* LINK */

.post-link { margin-top: 10px;}
.post-link a.link { background: #111; color: #fff; padding: 5px 0px; }
.post-link a:hover.link { color: {color:Accent}; }

.box-bottom a.permalink { background: #222; color: #fff !important; padding: 5px 8px; font-weight: bold;}
.box-bottom a.permalink:hover {border-bottom: 3px solid #fff;}
.box-bottom a.notes { color: #fff !important; background: #222; padding: 5px 7px; }
.box-bottom a.notes:hover {border-bottom: 3px solid #fff;}

.box-bottom div.tags { float: right;}
.box-bottom div.tags a {color: #333 !important;}

/* PREV NEXT */

#prev { float: left; margin-bottom: 55px; }

#next { float: right; text-align: right; margin-bottom: 55px; }

#prev a, #next a { color: #ccc; padding: 10px; font-size: 21px; }
#prev a:hover, #next a:hover { background: transparent; color: #333; }

/* SIDEBAR */

#sidebar { background: #111; float: left; width: 225px; -moz-box-shadow: 1px 1px 5px #191919; -webkit-box-shadow: 1px 1px 5px #191919; box-shadow: 1px 1px 5px #191919; padding: 15px; margin-left: 25px; margin-bottom: 15px;}
#navibar { margin-bottom: 15px;}
#navibar a { color: #fff; background: #222; padding: 5px 7px; border-left: 3px solid {color:Accent}; }
#navibar a:hover { border-color: #fff; }

#pages {margin-bottom: 15px; }
#pages a { color: #000; background: #333; padding: 3px; font-size: 12px; }
#pages a:hover { color:#fff; background:#000;}

#search .search_input { background: #fff; border: 1px solid #333; padding: 3px; }
#search input[type=submit] { background: #333; color: #fff; border: none; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#avatar {margin-bottom: 15px;}
#avatar img {border: 1px solid #222; background: #191919; padding: 10px;}

#footer { clear: both; width: 100%; margin: 20px auto; background: #050505; padding: 30px 0px 30px 0px; }

#footer_wrapper { width: 850px; margin: 0 auto; }

#footer h3 { font-size: 21px; color: #222; margin-bottom: 10px; }

#following { float: left; width: 300px; margin: 0px 20px 0px 0px; }
#following a img { border: 1px solid #222; opacity: 0.7; width: 15px; }
#following a:hover img { opacity: 1; }

#tumblr_options { float: left; width: 200px; margin: 0px 30px 0px 0px; }
#tumblr_options ul { list-style:none; margin: 0; padding: 0; }
#tumblr_options ul li a {font-size: 12px; display: block; border-bottom: 1px solid #222; padding: 5px; }

#copyrights { float: left; font-size: 12px; }

#social { margin-bottom: 15px; }
#social a { font-size: 12px; border-right: 1px solid #222; padding-right: 5px; color: #eee; }
#social a:hover { color: {color:Accent};}

#twitter {margin-top: 25px; margin-bottom: 25px;}
#twitter .heading { font-size: 16px; margin-bottom: 10px; }
#twitter .content { background: #222; padding: 5px 7px; margin: 5px; font-size: 11px; color: #666; opacity: 0.6; border-left: 3px solid {color:Accent}; }
#twitter .content:hover {opacity: 1;}

#likes h3, #likes a {font-size: 16px; margin-bottom: 10px;}
#likes ul { width: 95%;list-style: none; padding: 0px; margin: 0px;}
#likes ul li img { max-width: 90%; max-height: 200px; border: 1px solid #333; padding: 4px; background: #222;}
#likes ul li .like_caption { font-size: 10px;}
#likes ul li { border-bottom: 1px solid #222; margin-bottom: 15px;}

{CustomCSS}

</style>
</head>

<body>

<div id="wrapper">

<div id="header">
<div id="logo">
<h1><a href="/">{Title}</a></h1>
</div>
<div id="about">
<h2>{Description}</h2>
</div>
</div>

<div id="main_wrapper">

<div id="content">

{block razz osts}

<div class="post">



{block:Text}

<div class="post-text">

{block:Title}<h3><a href="{Permalink}">{Title}</a></h3> {/block:Title}

{Body}

</div>
{/block:Text}



{block:Quote}
<div class="post-quote">
{Quote}
{block:Source}<div class="source"> {Source}</div> {/block:Source}
</div>
{/block:Quote}



{block:Audio}
<div class="post-audio">
{AudioPlayerGrey}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<div class="audio-plays">{PlayCountWithLabel}</div>
</div>
{/block:Audio}



{block razz hoto}
<div class="post-photo">

{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}

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

</div>
{/block razz hoto}



{block razz hotoset}
<div class="post-photoset">

{Photoset-500}

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

</div>
{/block razz hotoset}



{block:Video}
<div class="post-video">

{Video-500}

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



{block:Chat}
<div class="post-chat">

{block:Title}<h3><a href="{Permalink}">{Title}</a></h3> {/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} {UserNumber}">

{block:Label}<span class="label">{Label}</span> {/block:Label}

{Line}

</li>
{/block:Lines}

</ul>
</div>
{/block:Chat}



{block:Link}
<div class="post-link">

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

{block biggrin escription}<div class="link-description">{Description}</div> {/block biggrin escription}

</div>
{/block:Link}

<div class="date">
{block biggrin ate}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block biggrin ate}
</div>
<div class="box-bottom">
<a href="{Permalink}" class="permalink">+</a>
{block:NoteCount}
<a class="notes" href="{PostNotesURL}">{NoteCount}</a>
{/block:NoteCount}
{block:HasTags}
<div class="tags">
{block:Tags}
<a class="tag" href="{TagURLChrono}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>

</div>

{/block razz osts}

{block razz agination}
{block razz reviousPage}
<div id="prev">

<a href="{PreviousPage}">« Previous</a>

</div>
{/block razz reviousPage}

{block:NextPage}
<div id="next">

<a href="{NextPage}">Next »</a>

</div>
{/block:NextPage}
{/block razz agination}

</div>

</div>

<div id="sidebar">

{block:IfShowNavigation}
<div id="navibar">
<a href="http.//www.tumblr.com">Tumblr</a> {block:ifShowArchiveLink}<a href="/archive">Archives</a> {block:ifShowArchiveLink}{block:ifShowRSSLink}<a href="{RSS}">RSS</a> {block:ifShowRSSLink}
</div>
{/block:IfShowNavigation}

{block:IfShowAvatar}
<div id="avatar">
<img src="{PortraitURL-128}" alt="Portrait" />
</div>
{/block:IfShowAvatar}

{block:HasPages}
<div id="pages">
{block razz ages}<a href="{URL}">{Label}</a> {/block razz ages}
</div>
{/block:HasPages}

<div id="social">

{block:ifFlickrUsername}<a href="http://www.flickr.com/photos/{text:Flickr Username}">Flickr</a>{/block:ifFlickrUsername}
{block:ifFacebookURL}<a href="{text:Facebook URL}">Facebook</a> {/block:ifFacebookURL}
{block:ifTwitterUsername}<a href="http://www.twitter.com/{text:Twitter Username}">Twitter</a>{/block:ifTwitterUsername}

</div>
{block:IfShowSearchForm}
<div id="search">
<form action="/search" method="get">
<input type="text" class="search_input" id="searchtext" name="q" value="{SearchQuery}" />
<input type="submit" value="search" />
</div><br style="clear:both;" />
{/block:IfShowSearchForm}

{block:Twitter}
<div id="twitter">
<div id="twitterwrapper">
<a href="http://twitter.com/{TwitterUsername}" style="text-decoration: none"><div class="heading" id="twitter">Latest Tweets</div></a>
<div id="tweetcontainer"></div>
<script type="text/javascript">
function recent_tweets(data) {
document.getElementById("twitterwrapper" wink .style.display = "block";
for(i = 0; i < data.length; i++) {
document.getElementById("tweetcontainer" wink .innerHTML = document.getElementById("tweetcontainer" wink .innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + data.id + '"><div class="content">' + data.text + '</div></a>';
}
}
</script>
</div>

</div>
{/block:Twitter}

{block:Likes}

<div id="likes">

<h3>I Like...</h3>
{Likes limit="2" summarize="100" width="150"}

<a href="http://www.tumblr.com/liked/by/{Name}">More stuff I like...</a>

</div>
{/block:Likes}

</div>

</div>

<div id="footer">

<div id="footer_wrapper">

{block:IfShowWhoIFollow}
{block:Following}
<div id="following">

<h3>Following</h3>

{block:Followed}

<a href="{FollowedURL}" title="{FollowedTitle}"><img class="follow" src="{FollowedPortraitURL-16}" alt="{FollowedTitle}"></a>

{/block:Followed}

</div>
{/block:Following}
{/block:IfShowWhoIFollow}

<div id="tumblr_options">
<h3>{Title}</h3>

<ul>
<li><a href="http://www.tumblr.com/follow/{Name}">Follow</a></li>
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}

</ul>

</div>

<div id="copyrights">

<h3>This Blog is</h3>

Powered by <a href="http://www.tumblr.com">Tumblr</a>. Template by <a href="http://bustee.tumblr.com">bustee</a>.
</div>

</div>
<br class="clear" />
</div>

</div>

{block:Twitter}
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}

</body>
</html>

Welcome to Gaia! :: View User's Journal | Gaia Journals

More Information