All pastes #1916167 Raw Edit

Unnamed

public text v1 · immutable
#1916167 ·published 2010-08-13 03:26 UTC
rendered paste body
<!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" 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}" />
{/block:Description}

<meta name="color:Background" content="#FFFFFF" />
<meta name="image:Background" content="(img url)" />
<meta name="font:Body" content="Arial" />
<meta name="color:Text" content="#000000" />
<meta name="color:Link" content="#D4EE5E" />
<meta name="color:Link Hover" content="#1a1a1a" />
<meta name="color:Header" content="#FF4242" />

<style type="text/css">

body {
background-color:{color:Background};
background-image: url({image:Background});
font: {font:Body};
color: {color:Text};
font-size: 12px;
line-height: 16px;
font-family: Arial;
}

a {
 color: #333;
 text-decoration: none;
}

a:hover {
 color: #666;
}

.blog {
 position: absolute;
 top: 5%;
 left: 20%;
 right: 20%; 
 width: 600px;
}

.side {
 position: fixed;
 background-color: #FFFFFF;
 padding: 5px;
 margin: 0px;
 float: left;
 width: 165px;
 font-size: 10px;
 border-right: 1px solid #CCCCCC;
}

.content {
 margin: 0px;
 float: right;
 width: 420px;
}

.post {
 background-color: #FFFFFF;
 padding: 5px;
 margin-bottom: 10px;
}

.navs {
 font-size: 11px;
}

.next {
 float: right;
}

.notes {
 color: black;
 padding: 5px;
 margin: 10px;
}

.notes img a {
 border: 0px;
}

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

.prev {
 float: left;
}

.postinfo {
 font-family: arial;
 text-align: left;
 font-size: 11px;
 background-color: #FFFFFF;
 padding: 5px;
 border-bottom: #ACACAC 1px solid;
 text-transform: uppercase; 
}

hr {
border: 1;
width: 90%;
color: #F0F2EB;
height: 1px;
}

h3 {
 font-family: arial;
 text-align: left;
 font-size: 16px;
 background-color: #FFFFFF;
 margin-top: -1px;
 margin-bottom: -8px;
}

/ * notes */
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}

ol.notes li.note {
border-top: solid 1px #ccc;
padding: 10px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note span.action {
font-weight: bold;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}
.caption {
font: arial;
color: CCCCCC;
font-size: 12px;
line-height: 16px;
font-family: Arial;
font-style: italic;
}

.link a {
 color: black;
 padding: 5px;
 font-size: 16px;
 font-weight: bold;
 text-align: right;
 padding-right: 10px;
}

.link a:hover {
 color: #black;
 text-decoration: underline;
 font-weight: bold;
 text-align: right;
 padding-right: 5px;
}

ul.chat {
 list-style-type: none;
}

.label {
 font-weight: bold;
}

.post.quote {
font: arial;
color: 000000;
font-size: 18px;
line-height: 23px;
font-family: Arial;
font-style: bold;
font-weight: bold;
}
.source {
font: arial;
color: #CCCCCC;
text-align: right;
font-size: 10px;
line-height: 14px;
font-family: Arial;
font-style: italic;
}

h2 {
font: arial;
color: #000000;
text-align: left;
font-size: 16px;
line-height: 20px;
font-family: Arial;
font-weight: bold;}
{CustomCSS}

  </style>

</head>
<body>

<div class="blog">
  <div class="side">
  <h2><a href="/">{Title}</a></h2>
<center><img src="{PortraitURL-96}"></center>
   <p>{Description}<hr>
  {block:Pagination}
   <div class="navs">
{block:NextPage}
 <div class="next">
  <a href="{NextPage}">older &rarr;</a>
 </div>
{/block:NextPage}

{block:PreviousPage}
 <div class="prev">
  <a href="{PreviousPage}">&larr; younger</a>
 </div>
{/block:PreviousPage}
   </div>
  {/block:Pagination}

  {block:PermalinkPagination}
   <div class="navs">
{block:NextPost}
 <div class="prev">
  <a href="{NextPost}">older &rarr;</a>
 </div>
{/block:NextPost}

{block:PreviousPost}
 <div class="next">
  <a href="{PreviousPost}">&larr; younger</a>
 </div>
{/block:PreviousPost}
   </div>
  {/block:PermalinkPagination}
  </div>

  <div class="content">
{block:Posts}


<div class="postinfo">
  {block:Date}
   {block:NewDayDate}{ShortMonth} {DayOfMonth} {ShortYear} | <a href="{Permalink}">PERMALINK</a> | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NewDayDate}

  {block:SameDayDate}POSTED: {12Hour}:{Minutes} 

{CapitalAmPm} | <a href="{Permalink}">PERMALINK</a> | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:SameDayDate}
  {/block:Date}
</div>

{block:Text}
<div class="post text">
{block:Title}
<h3>{Title}</h3>
{/block:Title}
{Body}
</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Text}

{block:Photo}
<div class="post photo">
<center>{LinkOpenTag}<img src="{PhotoURL-400}" 

alt="{PhotoAlt}" border="0"/>{LinkCloseTag}</center>
{block:Caption}
<div class="caption">{Caption}</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Caption}
</div>
{/block:Photo}

{block:Photoset}
<div class="post photoset">
<center>{Photoset-400}</center>

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

{block:Quote}
<div class="post quote">
"{Quote}"

{block:Source}
<div class="source">- {Source}</div>
{/block:Source}
</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Quote}

{block:Link}
<div class="post link">
<center>&rarr; <a href="{URL}" class="link" 

{Target}>{Name}</a></center>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Link}

{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} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Chat}

{block:Video}
<div class="post video">
<center>{Video-400}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Video}

{block:Audio}
<div class="post audio">
{AudioPlayerBlack}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
  <div class="notes">
   {block:PostNotes}{PostNotes}{/block:PostNotes}
  </div>
{/block:Audio}
{/block:Posts}
<hr>
<center><small>powered by <a href="http://tumblr.com">tumblr</a> / themed by <a href="http://sensubeans.tumblr.com">sensubeans</a></small></center>
  </div>

</div>


</body>
</html>