<!DOCTYPE html>
<script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="https://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=8cfea4c5c00f5fa08236963fafe7d58e"></script>
<!--
julianna theme by wildthemes. 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 under a Creative Commons Attribution 3.0 Unported License.
taking credits off/stealing/using my themes as a basecode is illegal.
—->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# blog: https://ogp.me/ns/blog#">
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><link rel="stylesheet" href="https://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
<link href='https://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Link hover" content="#000000f"/>
<meta name="color:Font" content="#000000"/>
<meta name="if:Kewl font" content="1"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Scrollbar" content="#cccccc"/>
<meta name="if:faded" content="1"/>
<meta name="image:Background" content= "0"/>
<meta name="if:Show banner" content="0"/>
<meta name="if:Four Columns" content="0"/>
<meta name="if:Five Columns" content="1"/>
<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: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="https://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css"><link href='https://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<style type="text/css">
body, a, a:hover {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
#tumblr_controls{
position:absolute !important;
—webkit-filter: invert(10%)
}
::-webkit-scrollbar-thumb:vertical {
background-color:#cccccc;
height:auto;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:transparent;
height:1px !important;
}
::-webkit-scrollbar {
height:auto;
width:10px;
background-color:transparent
border:1px solid #eeeeee;
}
.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: #050404;
}
#cat {text-transform:uppercase;text-align:center;
}
#cat a {text-transform:uppercase;border-bottom:1px dashed #afaeae;
width:100px;padding-left:3px;padding-right:3px;
}
#cat a:hover {
opacity:50;filter: alpha(opacity=50);
}
body {
padding: 0px;
margin: 0px;
font-family: 'courier new'; font-size: 10px;;; color:#ffffff;
line-height:12px;
background-image:url(https://assets.tumblr.com/images/x.gif);
background-attachment: fixed;
background-repeat: repeat;
background-color: #050404;
}
a:link, a:active, a:visited{color: #afaeae; text-decoration: none;}
a:hover {color:#dfb7b7;text-decoration:none;text-transform:none;
—webkit-transition: all 0.3s ease-out;
—moz-transition: all 0.3s ease-out;color 0.5s;
}
#descp {
z-index:1;
text-align:center;
width:100%;
background:transparent;
font-family: 'courier new'; font-size: 11px;; }
@font-face { font-family: "delius reg"; src: url('https://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
#posts {
width:1300px;
width:1360px;
margin-left:40px;
margin-left:-10px;
margin-top: -10px;
text-align: center;
}
.entry {
overflow: hidden;
float: left;
width: 350px;
width:210px;
margin-bottom: 3px;
margin:20px;
padding:10px;
border:1px solid #ffffff;
display: block;
background:#050404;
opacity: 0.8;
filter: alpha(opacity = 80);
}
.entry img {
display: block;
}
.entry:hover {-webkit-transition: opacity 0.10s linear;
transition: all 0.10s linear;
opacity: 1.0;
filter: alpha(opacity = 100);
}
@font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
@font-face {font-family:"Pacifico"; src:url('https://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf'); }
#blogtitle{
font-family: courier new;
font-size:55px;
top:0px;
width:100%;border-bottom:0px dashed #afaeae;
text-align:center;
margin-left:00px;
line-height:71px;
color:#afaeae;
}
@font-face { font-family: titz; src: url('https://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
#blogtitle:hover {
color:;
—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: 20px;
line-height:21px;
padding: 2px;
color: #ffffff;
font-family:courier new;
}
#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}
.wildthemes a {color:; }
.entry. wildthemes{
background:#050404;
position:absolute;
height:15px;
padding:3px;
margin-left: -15px;
overflow:hidden;
bottom:10px;
font-family: 'courier new'; font-size: 11px;; text-transform: uppercase;
font-size: 10px;
line-height:22px;
text-align:center;
width:100%;
opacity:0.0;
—webkit-transition: all 0.3s linear;
—moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
@font-face { font-family: "littlefont"; src: url('https://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
.entry:hover. wildthemes{
overflow:visible; background:#050404;
—webkit-transition: opacity 0.5s linear; opacity: 0.8;
transition: all 0.4s linear;
bottom: 5px;
z-index:99999999999999;
opacity:1;
—webkit-transition: all 0.3s linear;
—moz-transition: all 0.3s linear;
}
.entry:hover. details {
opacity: 1.0;
margin:12px 0px 0px 0px;
filter: alpha(opacity = 100);
—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;
filter: alpha(opacity = 0);
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
}
.entry:hover. permahover {
text-align: center;
opacity: 1;
filter: alpha(opacity = 50);
}
.text {
padding: 0px;
}
.entry:hover. textperma {
opacity: 1;
filter: alpha(opacity = 100);
—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;
—webkit-transition: all 0.9s ease-out;
—moz-transition: all 0.9s ease-out;
}
#blogtitle:hover #description{
opacity: 1;
transition: all 0.9s ease-out;
—o-transition-transition: all 0.9s ease-out;
—webkit-transition: all 0.9s ease-out;
—moz-transition: all 0.9s ease-out;
}
#header{position:fixed; bottom:-10px;opacity:0.7;z-index:1111111111119;background:#050404;width:100%;left:0px;text-align:center;height:120px; -webkit-transition: all 0.3s ease-out;
—moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#header:hover{position:fixed; height:200px;opacity:1;z-index:1111111111119;background:#050404;width:100%;left:0px;text-align:center; -webkit-transition: all 0.3s linear;
—moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
</style>
<script type="text/javascript" src="https://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script><script type="text/javascript" src="https://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script>
<script type="text/javascript" src="https://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.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: 'https://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>
<title>HAYLEY THEME</title>
<link rel="shortcut icon" href="https://assets.tumblr.com/images/default_avatar_128.png">
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://themehayley.tumblr.com/rss" />
<meta name="viewport" content="width=820" />
<!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS -->
<!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. -->
<!-- Read more: https://ogp.me/ -->
<meta property="fb:app_id" content="48119224995" />
<meta property="og:title" content="HAYLEY THEME" />
<meta property="og:url" content="https://themehayley.tumblr.com/" />
<meta property="og:description" content="hey this is the haley theme named after her! this theme is available in 3,4 and 5 columns. suitable…" />
<meta property="og:type" content="tumblr-feed:tumblelog" />
<meta property="og:image" content="https://assets.tumblr.com/images/default_avatar_128.png" />
<!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
<!-- TWITTER TAGS -->
<meta charset="utf-8">
<meta name="twitter:site" content="tumblr" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="themehayley" />
<meta name="twitter:description" content="hey this is the haley theme named after <a href="https://mocha-l4tte.tumblr.com/">her! </a>this theme is available in 3,4 and 5 columns. suitable for vertical/boho/tropical/fashion etc blogs." />
<meta name="twitter:app:name:iphone" content="Tumblr" />
<meta name="twitter:app:name:ipad" content="Tumblr" />
<meta name="twitter:app:name:googleplay" content="Tumblr" />
<meta name="twitter:app:id:iphone" content="305343404" />
<meta name="twitter:app:id:ipad" content="305343404" />
<meta name="twitter:app:id:googleplay" content="com.tumblr" />
<meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=themehayley&referrer=twitter-cards" />
<meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=themehayley&referrer=twitter-cards" />
<meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=themehayley&referrer=twitter-cards" />
<script type="text/javascript" src="https://assets.tumblr.com/assets/scripts/tumblelog.js?_v=6f2719797dbe17f644e11dcd9cee6a4b"></script><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
<body>
<div class="wrapper">
<div class="header">
</div>
<div id="header">
<div id="blogtitle"><b>
<a href="/">HAYLEY THEME</a></b>
</div> <br>
<span id="cat"><Center>
<a href="/">home</a> <a href="/archive">archive</a>
<a href=""> link one</a> <a href="">link two</a> <a href="">link three</a> <a href="">link four</a> <a href="">link five</a>
<a href="https://wildthemes.tumblr.com/">theme credit</a>
</span></center>
</span>
<br><div id="descp">hey this is the haley theme named after <a href="https://mocha-l4tte.tumblr.com/">her! </a>this theme is available in 3,4 and 5 columns. suitable for vertical/boho/tropical/fashion etc blogs.
</div>
</div>
</div>
<div class="left">
<div id="posts">
<div class="entry">