First Theme

<!
Theme:

Brooke | Published:SEPT 15TH, 2012 | Website: wildthemes.tumblr.com
do not remove credits, themes take alot of time and effort to make, you will be
reported if you're seen using this theme with no credits.This work is licensed u
nder a Creative Commons Attribution 3.0 Unported License.taking credits off/stea
ling/using my themes as a basecode is
-->
<!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">
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><
script type="text/javascript" src="http://static.tumblr.com/o0thhnj/QDcmcmi8j/in
finitescrolling.txt"></script><link rel="stylesheet" href="http://static.tumblr.
com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">

<link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' ty
pe='text/css'><link href='http://fonts.googleapis.com/css?family=Dawning+of+a+Ne
w+Day' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet'
type='text/css'>
<style>
@font-face {
font-family: "Sketch Block";
src: url("../Sketch Block.ttf") format("truetype");
}
@font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbt
jz/cnsln9tpp/bebasneue.otf'); }
@font-face { font-family: titz; src: url('http://static.tumblr.com/fxpo5zq/y0bm4
ndht/raleway_thin.otf'); }
@font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3
Wlyw7u4/pacifico.ttf');}
@font-face { font-family: "delius reg"; src: url('http://static.tumblr.com/bepad
33/6M6m295eu/delius-regular.ttf'); }
@FONT-FACE {FONT-FAMILY: impact label; SRC:URL('http://static.tumblr.com/o0thhnj
/w1fml902l/impact_label.ttf'); }
@FONT-FACE {FONT-FAMILY: tusj; SRC:URL('http://static.tumblr.com/o0thhnj/int
ml906v/fff_tusj.ttf'); }
</style>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' t
ype='text/css'>

<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
name="color:Background" content="#ffffff"/>
name="color:Hover" content="#000000f"/>
name="color:Font" content="#000000"/>
name="if:Kewl font" content="0"/>
name="color:Link" content="#000000"/>
name="color:Scrollbar" content="#cccccc"/>
name="if:faded" content="1"/>
name="image:Background" content= "0"/>
name="if:Show banner" content="0"/>
name="if:Three Columns" content="0"/>
name="if:Four Columns" content="0"/>
name="if:Five Columns" content="0"/>
<meta name="if:custom cursor" content="1">

<meta name="if:Show blog title" content="1"/>
<meta name="image:Banner" content=" "/>
<meta name="if:Rainbow Links" content= "0"/>
<meta name="text:Blogtitle size" content="60"/>
<meta name="text:Link one Title" content=""/>
<meta name="text:Link one" content="" />
<meta name="text:Link Three Title" content=""/>
<meta name="text:Link Three" content=""/>
<meta name="text:Link Four Title" content=""/>
<meta name="text:Link Four" content=""/>
<meta name="text:Link two Title" content=""/>
<meta name="text:Link two" content=""/>
<meta name="text:Link five Title" content=""/>
<meta name="text:Link five" content=""/>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nK
Olyumhg/reset.css">
<style type="text/css">
{block:ifcustomcursor}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur
), progress;}
{/block:ifcustomcursor}
#tumblr_controls{
position:absolute !important;
-webkit-filter: invert(100%)
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:link};
height:auto;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Background};
height:1px !important;
}
::-webkit-scrollbar {
height:auto;
width:10px;
}
.wrapper{
margin: 0px auto;
width: 802px;
}
.header{
float: left;
width: 100%;
}
.left{
float: left;
margin-right: 20px;
width: 802px;
}
.right{
float: right;
width: 200px;
background-color: {color:Background};
}
#cat {text-transform:uppercase;text-shadow: 0 0 3px #fff;
}
#cat a {text-transform:uppercase; border-bottom:1px solid transparent;
width:100px;padding-left:3px;padding-right:3px;
}
#cat a:hover {
border-top:3px {color:Link} solid;
opacity:50;filter: alpha(opacity=50);
}
body {
padding: 0px;
margin: 0px;
font-family: {block:ifKewlfont}'delius reg'; font-size: 11px;{/block:ifKewlfont}
{block:ifnotKewlfont}arial; font-size: 11px; {/block:ifnotKewlfont}; color:{colo
r:Font};
line-height:12px;
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
background-color: {color:Background};
}
a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
a:hover {color:{color:Hover};
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;color 0.5s;
}
#descp {
z-index:1;
text-align:center;text-shadow: 0 0 1px #fff;
margin-left:60px;
width:699px;
background:transparent;
}
#posts {
width:800px;
{block:ifThreeColumns}width:900px;{/block:ifThreeColumns}
{block:ifFourColumns}width:1100px;{/block:ifFourColumns}
{block:ifFiveColumns}width:1300px;{/block:ifFiveColumns}
margin-left:360px;
{block:ifThreeColumns}margin-left:250px;{/block:ifThreeColumns}
{block:ifFourColumns}margin-left:160px;{/block:ifFourColumns}
{block:ifFiveColumns}margin-left:25px;{/block:ifFiveColumns}
margin-top: 0px;
{block:PermalinkPage}
margin-left:300px;
width: 400px;
{/block:PermalinkPage}
text-align: center;
}
.entry {
overflow: hidden;
float: left;
{block:indexpage}
margin:2px;
width: 280px;
margin:10px;
{block:ifThreeColumns}width:250px;
margin:10px;{/block:ifThreeColumns}
{block:ifFourColumns}width:220px;
margin:10px;{/block:ifFourColumns}
{block:ifFiveColumns}width:250px;
margin:5px;{/block:ifFiveColumns}
{/block:indexpage}
width: 700px;
margin-bottom: 3px;
margin-top: 3px;
display: block;
background:{color:Background};
{block:iffaded}
opacity: 0.8;
filter: alpha(opacity = 80);
{/block:iffaded}
}
.entry img {
display: block;
}
.entry:hover {-webkit-transition: opacity 0.10s linear;
transition: all 0.10s linear;
{block:iffaded}
opacity: 1.0;
{/block:iffaded}
}
#blogtitle{
font-family:quicksandlight;
font-size:{text:Blogtitle size}px;
top:0px;
text-transform:uppercase;
letter-spacing:2px;
text-align:center;
line-height:71px;
color:{color:Link};
}
#blogtitle:hover {
color:{color:Hover};
-moz-transition: all 0.3s ease-out;color 0.5s
text-shadow: 0 0 0.1em #030303, 0 0 0.1em #030303,
0 0 0.1em #030303-moz-transition: all 0.5;-webkit-transition: all 0.5s;o-transition: all 0.5s;transition: all 0.5;}
.title{
font-size: 30px;
line-height:100%;
padding: 2px;
color: {color:Font};
font-family: amatic sc;
}
#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}
.entry .perma{
position:absolute;
width:auto;
padding:7px;border-top-right-radius:10px;
line-height:140%;
margin-left: 0px;
overflow:hidden;
bottom: 0px;
text-align:center;
opacity:0.0;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
}
.entry:hover .perma{
overflow:visible;bottom: 0px;
-webkit-transition: opacity 1.5s linear; opacity: 1.6;
opacity: 0.9;
}
.entry .perma2{
position:absolute;
width: auto;;
height: 15px;
padding:3px;
background-color:#fff;
overflow:hidden;
top: 43px;
left:-10px;
text-align:center;
opacity:0.0;
}
.entry:hover .perma2{
overflow:visible;
-webkit-transition: opacity 1.5s linear; opacity: 1.6;

opacity: 0.8;
left:15px;
}
.entry:hover .perma2:hover{
padding:3px;
}
.entry:hover .details {
opacity: 1.0;
margin:12px 0px 0px 0px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.permahover {
text-align: right;
line-height:200%;
opacity: 0.0;
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
}
.entry:hover .permahover {
text-align: center;
opacity: 1;
}
.text {
padding: 0px;
}
.entry:hover .textperma {
opacity: 1;
-webkit-transition: all ease-in 250ms;
-moz-transition: all ease-in 250ms;
-o-transition: all ease-in 250ms;

-ms-transition: all ease-in 250ms;
transition: all ease-in 250ms;
blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px dotted #555555;
}
#description {
position: fixed;
width: 300px;
opacity: 0;
text-align: center;
transition: all 0.9s ease-out;
-o-transition-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
#blogtitle:hover #description{
opacity: 1;
}
#description {
position: fixed;
width: 300px;
opacity: 0;
text-align: center;
}
</style>
{block:ifrainbowlinks}
<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/r
ainbow_links.txt
"></script>{/block:ifrainbowlinks}
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/j
querymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/j
queryinfintescroll.js"></script>
<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);
} );
});
});
});
</script>
{/block:IndexPage}
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>
<body>
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'http://static.tumblr.com/d41lcii/7Ysmre077/simplegray.css'
,'volume':14,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showpl
aylist':false,'playlist':[{'title':'Passion makes a person stop ','url':'https:/
/www.youtube.com/watch?v=VOU5eW2kflY'},{'title':'eating, sleeping','url':'https:
//www.youtube.com/watch?v=nibPpae5DHk'},{'title':'working','url':'https://www.yo
utube.com/watch?v=W1qt5e_JVDA'},{'title':'feeling at peace','url':'https://www.y
outube.com/watch?v=DsSiQkcEd3k'},{'title':'A lot of people are frightened ','url
':'https://www.youtube.com/watch?v=qpA3UXKdCko'},{'title':'because when it appea
rs','url':'https://www.youtube.com/watch?v=kNypxcEFw8U'},{'title':'it demolishes
','url':'https://www.youtube.com/watch?v=Ij1yi7km12s'},{'title':'all the old thi
ngs','url':'https://www.youtube.com/watch?v=jn3SDTRkyFc'},{'title':'it finds in
its path. ','url':'http://www.youtube.com/watch?v=vq9GfM9DGc8'},{'title':'No one
wants their life','url':'http://www.youtube.com/watch?v=zo6ef5TX8Ak'},{'title':
'thrown into chaos','url':'http://www.youtube.com/watch?v=IKQox1ztjKA'},{'title'
:'That is why a lot of people ','url':'http://www.youtube.com/watch?v=BsYE078RQC
I'},{'title':'keep that threat under ','url':'https://www.youtube.com/watch?v=7P
bAT6zOihc'},{'title':'control and are somehow ','url':'https://www.youtube.com/w
atch?v=OvgPWQdEi5g'},{'title':'capable of sustaining a ','url':'https://www.yout

ube.com/watch?v=Yj6V_a1-EUA'},{'title':'house or a structure that ','url':'http
s://www.youtube.com/watch?v=b023HZ76AUk'},{'title':'is already rotten','url':'ht
tps://www.youtube.com/watch?v=oeTKY5AYVok'},{'title':'They are the engineers ','
url':'https://www.youtube.com/watch?v=_HTwO0snFEU'},{'title':'of the superseded'
,'url':'https://www.youtube.com/watch?v=TUum-Ga-ULo'},{'title':'Other people thi
nk ','url':'https://www.youtube.com/watch?v=RIkmPDCGyDI'},{'title':'exactly the
opposite','url':'https://www.youtube.com/watch?v=H2u5UdpN7X8'},{'title':' they s
urrender themselves ','url':'https://www.youtube.com/watch?v=E5AZNN4_-Js'},{'tit
le':'without a second thought','url':'https://www.youtube.com/watch?v=93JIJy9wgx
Q'},{'title':'hoping to find in passion','url':'https://www.youtube.com/watch?v=
3ou8PXfDhFI'},{'title':'the solutions to all their problems','url':'https://www.
youtube.com/watch?v=FOheDUuIvyA'},{'title':'They make the other person','url':'h
ttps://www.youtube.com/watch?v=bGXPThmF1rE'},{'title':'responsible for their hap
piness','url':'https://www.youtube.com/watch?v=RKiJ2udUX_U'},{'title':'and blame
them for','url':'https://www.youtube.com/watch?v=SedkJgeVtJQ'},{'title':'their
possible unhappiness','url':'https://www.youtube.com/watch?v=899HLq-XWks'}]}" ><
/script>

<div class="wrapper">
<div class="header">
</div>
{block:ifShowbanner}<div style="margin-left:-60px;">
<a href="/"><img src="{image:Banner}" width="1000"/></a></div>
{/block:ifShowbanner}
{block:ifShowblogtitle}
<div id="blogtitle">
<a href="/">{Title}</a>
<center>
</div>{/block:IfShowblogtitle} <div id="descp">
<span id="cat">
<a href="/">home</a> <a href="/about">About me</a> {block:AskEnable
d}<a href="/ask">Come Say Hi</a>
{/block:AskEnabled}
{block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title}</a> &nbsp
; {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <a href="{text:Link Two}">{te
xt:Link Two Title}</a> {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle}
<a href="{text:Link Three}">{text:Link Three Title}</a> {/block:ifLinkThr
eeTitle} {block:IfLinkFourTitle} <a href="{text:Link Four}">{text:Link Four Ti
tle}</a> {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <a href="{tex
t:Link Five}">{text:Link Five Title}</a> {/block:ifLinkFiveTitle}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}
{/block:HasPages}
<a href="http://wildthemes.tumblr.com/">theme credit</a>
</span>
</span><br><br>
{Description}
</center>
</div>
</div>
<div class="left">
<div id="posts">
{block:Posts}
<div class="entry">
{block:Answer}
<div style= "background-color: #eee; border: 1px solid #444444; text-align; cent
er; padding: 2px;">
<b>{Asker}</b>: {Question}
</div>
{Answer}
<br><br>
<div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a
> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
{/block:Answer}
{block:Text}
<div class="text">
{block:Title}
<div class="title"> <a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{block:IndexPage}
{/block:IndexPage}
</div>
{/block:Text}
{block:Link}
<div class="text">
<div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
<p>
{block:IndexPage}
{/block:IndexPage}
</div>{/block:Link}
{block:Photo}
{block:indexpage}
<div class="perma"><a href="{Permalink}">{notecountwithlabe
l}</a> / <a href="{ReblogURL}">Reblog </a>
</div>
<img src="{PhotoURL-HighRes}" width="100%"/>

{/block:indexpage}
{block:IndexPage}
{/block:IndexPage}
{block:PermalinkPage}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}"
width="100%"/>
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<center>
{Photoset-250}</center>
{/block:IndexPage}
<center>
{Photoset-500}</center>
{/block:Photoset}
{block:Quote}
<div class="text">
<div class="title"> "{Quote}" </div>
{block:Source}
<div style="text-align:right; line-height:12px;">- {Source}</div>
{/block:Source}
{block:IndexPage}
{/block:IndexPage}
</div>{/block:Quote}
{block:Chat}
<div class="text">
{block:Title}
<div class="title"> <a href="{Permalink}">{Title}</a></div>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transf
orm:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
{Line} </li>
{/block:Lines}
</ul>
{block:IndexPage}
<div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</
a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
{/block:IndexPage}
</div>{/block:Chat}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
<div class="text">
{AudioPlayerGrey}
{block:Caption}
{Caption}
{/block:Caption}
{block:IndexPage}
<div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</
a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
{/block:IndexPage}
</div>{/block:Audio}
{block:Video}
{block:IndexPage}
<center>
{Video-250}</center>
{/block:IndexPage}
<center>
{Video-500}</center>
{block:Video}
{block:PermalinkPage}<br>
{block:Date}
{block:Caption}{Caption}{/block:Caption}<br><hr>
<center>
Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with {Not
eCountWithLabel}{/block:NoteCount}{block:HasTags} & tagged as: {block:Tags}<a hr
ef="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
{/block:Date}</div><br><br>
{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
</div>
</div>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
</body>
<html>

First Theme

Uploaded by

Document Information

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

First Theme

Uploaded by

Copyright:

Available Formats

<!

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

<meta name="if:custom cursor" content="1">

-webkit-transition: opacity 1.5s linear; opacity: 1.6;

-o-transition: all ease-in 250ms;

atch?v=OvgPWQdEi5g'},{'title':'capable of sustaining a ','url':'https://www.yout

<img src="{PhotoURL-HighRes}" width="100%"/>

You might also like