list icon

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

<!-- Cafecouter Theme for Tumblr by http://sleepingtigers.tumblr.com -->

<head> <!-- DEFAULT VARIABLES --> <meta name="color:background" content="#FFFFFF" /> <meta name="image:Background" content=""/> <meta name="color:box" content="#FFFFFF" /> <meta name="color:post date" content="FFFFFF" /> <meta name="color:title" content="#919191" /> <meta name="color:text" content="#838080" /> <meta name="color:link" content="#ADA6A6" /> <meta name="font:body" content="georgia" /> <meta name="font:title" content="georgia" /> <meta name="text:font size" content="10px" /> <meta name="if:Show Archive Link" content="1"/> <meta name="if:Show Ask Link" content="1" /> <meta name="if:Show RSS Link" content="1" /> <meta name="if:Faded Images" content="0" /> <meta name="if:Uppercase Text" content="0" /> <meta name="if:Indented Quotes and Text Posts" content="0" />

<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}

<style type="text/css">

{block:IfFadedImages} img{ -webkit-transition: opacity 0.7s linear; opacity: 0.85; } img:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; } {/block:IfFadedImages}

body{ color:{color:Text}; background-color:{color:background}; background-image:url({image:background}); background-postition:center; background-attachment: fixed; background-repeat: repeat; font-family:georgia; font-size:{text:font size}; line-height: 13px; text-align:justify; {block:IfUppercaseText}text-transform:uppercase;{/block:IfUppercaseText} } a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; } a:hover{ color:#C7C7C7; } h1, big{ color:{color:title}; font-family:{font:title}; font-size:20px; line-height:30px; letter-spacing:-1px; font-weight:normal; text-transform:; margin:0px; padding:0px; text-align:left; } h3{ color:{color:title}; font-family:{font:title}; font-size:12px; line-height:14px; letter-spacing:-1px; font-weight:normal; text-transform:; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; } #main{ margin:auto; margin-top:60px; width:590px; padding:px; border-right:0px solid #cccccc; }

  • header{

position: fixed; background-color:#FFFFFF; margin-top: -45px; margin-bottom: 11px; line-height: 15px; padding: 0px; opacity:.61; font-family: georgia; font-size: px; text-transform: uppercase; text-align:center; z-index: 2; width: 595px; } div. description{ position:absolute; margin:auto; background-color:{color:Box} } div.header:hover{ position: fixed; background-color:#FFFFFF; margin-top: -45px; margin-bottom: 11px; line-height: 15px; padding: 4px; opacity:.41; font-family: georgia; font-size: px; text-transform: uppercase; text-align: center; z-index: 2; width: 595px; } #box{ overflow:hidden; background-color:{color:box}; padding:2px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:2px; -moz-border-radius:0px; -webkit-border-radius:0px; } #postdate{ font-family:{font:body}; background:{color:post date}; padding:-1px; padding-top:0px; border-top: px solid #EEE; border-bottom: px solid #EEE; font-size:{text:font size}; text-transform:; width:590px; }

  • side{

position:fixed; bottom:4px; background:#FFFFFF; opacity:.57; width:115px; height:15px; left:53%; margin-left:260px; -moz-border-radius:0px; -webkit-border-radius:0px; border-left: px dotted {color:text}; border-right: 0px dotted {color:text}; padding-left:8px; padding-right:3px; padding-bottom:6px; padding-top:3px; }

  • info {

background-color: #FFFFFF; padding: 2px; height: 0px; overflow: hidden; margin-top: 5px; margin-bottom: 5px; -webkit-transition-duration: .6s; text-align:; text-transform:; }

  • info:hover {

background-color: #FFFFFF; height: 68px; } div.navigation a{ height:13px; display:block; padding:1px 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin-top:-1px; position:relative; z-index:1; } div.navigation a:hover{ height:14px; display:block; padding:3px 0; border-top: 1px dotted #d8d8d8; border-bottom: 1px dotted #d8d8d8; background: #FAFAFA}; z-index:2; } } div.description a{ padding:3px; border-bottom: 1px dotted #d8d8d8; background:{color:Box};

div.description a:hover{

} #perma{font-size:7px; margin-top:0px; position:absolute; right:47%; margin-right:260px; }

  • header {

margin: 0; padding: 0.1em 2em 0.1em 2em; filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; background: #FFFFFF; {block:IfDescriptiononHover} position:absolute; {/block:IfDescriptiononHover} } #ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px; } #postdate{ font-family:{font:body}; background:; padding:0px; border-right: 0px dotted {color:text}; opacity: .65; font-size:{text:font size}; text-transform:none; } blockquote{ background-color: {color:box}; padding: 7px; padding-left:8px; border-left:1px solid {color:background}; border-right:1px solid {color:background}; b, strong{color:{color:title};} i, em {color:{color:text};} p{margin-top:3px; margin-bottom:3px;} blockquote img{display:block; width:100%;} border-left: 2px solid #616161; padding: 0 0 0 15px; margin-left: 0px; blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;} a img{border:none;}

  • audio{background-color:#C7C7C7; display:block;}
  • user_1 .label, .user_4 .label, .user_7 .label {color:{color:title};}
  • user_2 .label, .user_5 .label, .user_8 .label {color:{color:link};}
  • user_3 .label, .user_6 .label, .user_9 .label {color:{color:text}; opacity:.75;}

ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}

  • notes img{width:10px; position:relative; top:1px;}

ol.notes, .notes li{list-style:none; margin:0px; padding:0px;} iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}

</style>

<style type="text/css">{CustomCSS]</style> </head>

<body>

<!-- IMPORTANT --> <div id="main">

<div class="info"> <div class="header"><h1><a href="/">{Title}</a></h1> {block:IfShowAskLink} <a href="/ask">ASK</a>&nbsp;&nbsp; {/block:IfShowAskLink} {block:IfShowArchiveLink} <a href="/archive">ARCHIVE</a>&nbsp;&nbsp; {/block:IfShowArchiveLink} {block:IfShowRSSLink} <a href="/rss">RSS</a>&nbsp;&nbsp; {/block:IfShowRSSLink}</div> <centeR> <BR> {block:Description}{Description}{/block:Description} </center> <BR>

<div class="side">

{block:PreviousPage} <a href="{PreviousPage}" class="jump_page">⋘&nbsp;</a> {/block:PreviousPage}

{block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}

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

{block:NextPage} <a href="{NextPage}" class="jump_page">&nbsp; ⋙</a> {/block:NextPage} {/block:Pagination}

</div>

</div>

{block:Posts}

<div id="perma"><a href="{Permalink}"></a><span class="tags">{/block:Tags}{/block:HasTags}</span></div>

<div id="box">

<div class="texquo">

{block:IfNotIndentedQuotesandTextPosts} {block:Text}{block:Title}<div class="title"><h3>{Title}</h3></div>{/block:Title}{Body} {/block:Text} {/block:IfNotIndentedQuotesandTextPosts}

{block:IfIndentedQuotesandTextPosts} <div style="padding-left:28px; padding-right:28px">{block:Text}{block:Title}<div class="title"><h3>{Title}</h3></div>{/block:Title}{Body} {/block:Text}</div> {/block:IfIndentedQuotesandTextPosts}

</div>

{block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}"width="590" alt="{PhotoAlt}"/>{LinkCloseTag} {block:Caption}<div style="margin:-5px 0 -10px 0;">{Caption}</div>{/block:Caption} {/block:Photo}

{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:IfNotIndentedQuotesandTextPosts} {block:Quote}<h3>"{Quote}"&nbsp;</h3>

<div style="padding-left:20px;"> {block:Source}<BR>— {Source}{/block:Source} </div> {/block:Quote} {/block:IfNotIndentedQuotesandTextPosts}

{block:IfIndentedQuotesandTextPosts}

{block:Quote} <div style="padding-left:28px; padding-right:28px"> <h3>"{Quote}"&nbsp;</h3> </div> <div style="padding-left:33px;">{block:Source}<BR>— {Source}{/block:Source} </div> {/block:Quote}

{/block:IfIndentedQuotesandTextPosts}

{block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}&nbsp;</h3></a>{/block:Link}

{block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}

{block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

{block:Audio} {AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption} <div style="color:#C2C2C2;"> ♬ {PlayCount} plays</div>

{/block:Audio}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer} {Asker}: <b>{Question}</b> <BR> {Answer} {/block:Answer}

<div id="postdate">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:HasTags}{Tag}{/block:HasTags}

</div> {block:HasTags}{block:Tags}<div align="right">#<a href="{TagURL}">{Tag}</a></div align>{/block:Tags}{/block:HasTags} <BR> </div>

<!-- Put br here for space between each post! -->

{/block:Posts}

{block:PostNotes}{PostNotes}{/block:PostNotes}

<p id="footer">

<center> <a href="http://tumblr.com">Tumblr</a> theme by <a href="http://sleepingtigers.tumblr.com">sleepingtigers</a>.<BR><BR></center></p> </div> </body> </html>

jun 7 2011 ∞
jun 7 2011 +