Scribd
Upload
175 views4 pages

Fdsaf

This document contains the HTML and CSS code for a Tumblr blog theme called "Recluse Theme". It includes customizable variables for colors, fonts, and other style options. The code defines the overall page layout and styles for different types of blog posts like text, photos, quotes, links, audio and more. It also includes code for features like endless scrolling, fading images, and previous/next post navigation.

Uploaded by

Katrina Gibbs
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
175 views4 pages

Fdsaf

This document contains the HTML and CSS code for a Tumblr blog theme called "Recluse Theme". It includes customizable variables for colors, fonts, and other style options. The code defines the overall page layout and styles for different types of blog posts like text, photos, quotes, links, audio and more. It also includes code for features like endless scrolling, fading images, and previous/next post navigation.

Uploaded by

Katrina Gibbs
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 4

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

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

DO NOT USE ANY PART OF THIS CODING WITHOUT CREDIT.


-->

<head> <!-- DEFAULT VARIABLES -->


<meta name="color:background" content="#FFFFFF" />
<meta name="color:box" content="#FFFFFF" />
<meta name="color:text" content="#2C2C2C">
<meta name="color:title" content="#2C2C2C" />
<meta name="color:link" content="#2C2C2C" />
<meta name="color:link hover" content="#F7F7F7" />
<meta name="color:header" content="#F7F7F7" />
<meta name="font:body" content="georgia" />

<meta name="if:Endless Scrolling" content="0" />


<meta name="if:Fade Images" content="1" />

<meta name="text:Custom Link One" content="" />


<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />

<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:IfFadeImages}
img{ -webkit-transition: opacity 0.7s linear; opacity: 1;}
img:hover{ -webkit-transition: opacity 0.7s linear; opacity: .85; }
{/block:IfFadeImages}
body{ color:{color:Text}; background-color:{color:background}; background-
image:url({image:background}); background-postition:center; background-attachment: fixed; background-
repeat: repeat; font-family:{font:body}; font-size:9px; letter-spacing: px; line-height: 12px; text-align:justify;}
a:link, a:visited, a:active{color:{color:link}; text-decoration:none;
line-height:16px; -webkit-transition-duration: .5s;}
#container{ background-color:transparent; padding-bottom:5px; width:96%; position:absolute; left:0%;
top:0%;}
a:hover{color:{color:link hover}; text-decoration:italics; }
#center { margin-top:68px; margin-bottom:10px; margin-left:158px;}
#entry { float:left; width:500px; height:335px; overflow:hidden; background-color:{color:box}; text-align:;
margin:1px; padding:5px; padding-bottom:3px; margin-bottom:10px; box-shadow: 2px 2px 2px #EEEEEE;
-moz-box-shadow: 1px 1px 1px #EEEEEE; -webkit-box-shadow: 1px 1px 1px #EEEEEE; }
#perma {color:{color:link}; background-color:{color:link hover}; opacity:0; position:absolute; -webkit-
transition-duration: 0.4s; padding:4px;}
#notes{ display:block; width:500px; float:left; padding:3px; margin:5px;}
#entry:hover #perma {display: block; opacity:1;}
.textposts { padding:20px; }
.audio {width: 490px; background-color:#E4E4E4; padding:3px; -webkit-box-shadow: 3px 3px 3px
#dcdcdc;}
.title {color:{color:title}; font-family:Angsana New; font-size:32px; line-height:10px; letter-spacing:px; text-
align:center; text-transform:; padding-top:3px; padding-bottom:5px;}
#side{ width:995px; position:absolute; margin:auto; background-color:{color:background}; top:10px;
padding:5px;}
.bottomstrip{ width:1025px; margin-left:-7px; position:fixed; padding:1px; bottom:0px; background:
{color:background}; text-transform:none; word-spacing:10px; text-align:center; z-index:3;}
.right { margin: 0 0 px 0; overflow:hidden; text-align: left;}
.totalright {float:right; margin-top:0px;}
ol.notes {margin-left: 70px; width: 450px;}
ol.notes a:hover {font-style:italic;}
ol.notes li.note {padding: px; border-bottom:1px solid {color:link hover}; list-style-type:none;}
ol.notes li.note img.avatar {vertical-align:-4px ; margin-right:2px ;width: 6px;height: 6px;}
ol.notes li.note img.avatar:hover {-webkit-transform: scale(1);}
ol.notes li.note blockquote {font-size: 1.1em; letter-spacing: -1px; margin-left: -1px; margin-top: -1px;
margin-bottom: -1px;}
ol.notes li.note .answer_content {font-size: 1.1em; letter-spacing: -1px; margin-left: -1px;margin-top: -1px;
margin-bottom: -1px; display: block;}
.label {font-weight: bold; letter-spacing: 1px;}
ul.chat {list-style-type:none;}
</style>

{block:IfEndlessScrolling}<script type="text/javascript"
src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScrol
ling}

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

<body>
<div id="container">

<div id="center">

<div id="side">
<div class="title"><a href="/"><i>{Title}</i></a></div>
<center>{block:Description}<i>{Description}</i>{/block:Description}<BR>
<div style="word-spacing:10px"><a href="/archive">archive</a> / <a href="/ask">message</a>
{block:IfCustomLinkOneTitle} / <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a>
{/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} / <a href="{text:Custom Link Two}">
{text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} {block:ifCustomLinkThreeTitle} /
<a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle}
{block:ifCustomLinkFourTitle} /
<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</div>
</center>
</div>

{block:IfNotEndlessScrolling}
<div class="bottomstrip">
<div class="right">{block:PreviousPage}<a href="{PreviousPage}" title="newer
entries">&laquo;</a>{/block:PreviousPage} <div class="totalright">{block:NextPage}<a href="{NextPage}"
title="older entries">&raquo;</a>{/block:NextPage}</div> </div>
</div>
{/block:IfNotEndlessScrolling}

<BR>
{block:IfEndlessScrolling}<div class = "autopagerize_page_element">{/block:IfEndlessScrolling}
{block:Posts}
<div id="entry">

{block:Text} <div class="textposts">


{block:Title}<div style="border-bottom:1px solid #CCC; font-family:Bell MT; font-
size:16px;"><i>{Title}</i></div>{/block:Title}{Body}
</div>
<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:{Seconds}
{AmPm}</a></div>
{/block:Text}

{block:Photo}
{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" title="{PhotoAlt}"
width="500px"/></a>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{block:PermalinkPage}<div class="notes">{block:Caption}{Caption}
{/block:Caption}</div>{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}{Photoset-500}{/block:Photoset}

{block:Quote} <div class="textposts">


<span style="font-size:20px;">&ldquo;</span> <span style="font-family:times new roman; font-size:11px;
line-height:14px; "><i>{Quote}</i></span> <BR>{block:Source}&mdash;<span style="text-
transform:uppercase;">{Source}</span>{/block:Source} </div>
<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:{Seconds}
{AmPm}</a></div>
{/block:Quote}

{block:Link}
<a href="{URL}" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}
<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:{Seconds}
{AmPm}</a></div>
{/block:Link}

{block:Chat} <div class="textposts">


{block:Title}{Title}{/block:Title}
<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label} </b>{/block:Label}
{Line}</div>{/block:Lines}</div> </div>
<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:{Seconds}
{AmPm}</a></div>
{/block:Chat}

{block:Audio}
<div class="audio">{AudioPlayerGrey}</div>
<center>{block:Caption}{Caption}{/block:Caption}</center>
<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:{Seconds}
{AmPm}</a></div>
{/block:Audio}
<div class="video">
{block:Video}{Video-500}
{Caption}<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:
{Seconds} {AmPm}</a></div>{/block:Video}
</div>

{block:Answer} <div class="textposts">


<div style="background-color:{color:box}; padding:1px; text-transform:uppercase;">
{Asker}: {Question}</div>
<div style="padding:3px; background-color:{color:link hover}; -moz-border-radius:0px; -webkit-border-
radius:5px;"><i>{Answer}</i></div>
</div>
<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes}:{Seconds}
{AmPm}</a></div>
{/block:Answer}

<BR><BR><BR>
</div>

{/block:Posts}
</div>
{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
{block:PostNotes}{block:IfHideNotes}{Caption}{/block:IfHideNotes}{PostNotes}{/block:PostNotes}
<div style="position:fixed; bottom:3px; right:3px; font-size:10px; letter-spacing:0px; opacity:.8;;"><a
href="http://sleepingtigers.tumblr.com/"><i>theme</i> </a></div>
</div>
</body>
</html>

You might also like