Theme 25 by Max Davis

<!
DOCTYPE html>


<html lang="en">
<head>
<meta charset="utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="color:Background" content="#ffffff" />
<meta name="color:Text" content="#7D7D7D" />
<meta name="color:Links" content="#7D7D7D" />
<meta name="color:Links Hover" content="#7D7D7D" />
<meta name="color:Background Image Hover" content="#000000" />
<meta name="image:Portrait" content="" />

<meta name="select:Post Size" content="small" title="Small">
<meta name="select:Post Size" content="medium" title="Medium">
<meta name="select:Post Size" content="large" title="Large">
<meta name="select:Post Spacing" content="tight-spacing" title="Tight">
<meta name="select:Post Spacing" content="medium-spacing" title="Medium">
<meta name="select:Post Spacing" content="wide-spacing" title="Wide">
<meta name="select:Font" content="font-source-sans-pro" title="Source Sans Pro">
<meta name="select:Font" content="font-helvetica-neue" title="Helvetica Neue">
<meta name="select:Font" content="font-open-sans" title="Open Sans">
<meta name="select:Font" content="font-montserrat" title="Montserrat">

<meta name="if:Infinite Scroll" content="1" />
<meta name="if:Uppercase Text" content="1" />
<meta name="if:Show Post Info" content="0" />
<meta name="if:Show Photo Post Captions" content="0" />
<meta name="if:Switch Photo Gradient Style" content="0" />

<meta name="if:Sidebar Left Or Right" content="0" />
<meta name="if:Sidebar Top Or Bottom" content="0" />
<meta name="if:Change Social Icons" content="0" />
<meta name="if:Show Sidebar Portrait" content="1" />
<meta name="if:Show Bigger Portrait" content="1" />
<meta name="if:Show Archive Link" content="0" />
<meta name="if:Show Random Link" content="0" />
<meta name="if:Show Search Bar" content="0" />
<meta name="if:Show Description" content="0" />
<meta name="if:Justify Text In Description" content="0" />
<meta name="if:Show Copyright Years" content="1" />

<meta name="text:Facebook Url" content="" />
<meta name="text:Instagram Url" content="" />
<meta name="text:Twitter Url" content="" />
<meta name="text:Google Plus Url" content="" />
<meta name="text:Youtube Url" content="" />
<meta name="text:Dribbble Url" content="" />
<meta name="text:Blogger Url" content="" />
<meta name="text:Vimeo Url" content="" />
<meta name="text:Vk Url" content="" />
<meta name="text:Soundcloud Url" content="" />
<meta name="text:Flickr Url" content="" />
<meta name="text:Pinterest Url" content="" />
<meta name="text:Edit Ask Title" content="Askbox" />
<meta name="text:Edit Links Title" content="Links" />
<meta name="text:Edit Pages Title" content="Pages" />
<meta name="text:Link 1 Url" content="" />
<meta name="text:Link 1 Title" content="" />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:
400,700|Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<style type="text/css"> body { padding:0; margin:0; font-family: "Helvetica Neue
", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; font-size
:11px; color:{color:Text}; background-color:{color:background};} body.font-helve
tica-neue { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sa
ns-serif;} body.font-open-sans { font-family: "Open Sans", Helvetica, Arial, "Lu
cida Grande", sans-serif;} body.font-montserrat { font-family: "Montserrat", Hel
vetica, Arial, "Lucida Grande", sans-serif; font-size:10px;} body.font-source-sa
ns-pro { font-family: "Source Sans Pro", Helvetica, Arial, "Lucida Grande", sans
-serif;} a { color:{color:links}; text-decoration:none; -webkit-transition: all
0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; t
ransition: all 0.3s linear;} a:hover { color:{color:Links hover}; text-decoratio
n:none;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-l
ink:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} #
container { position:relative; height:100%; width:100%;} #container #sidebar { t
op: 0; width: 150px; bottom: 0; left:0; font-weight: 700; padding: 55px 20px 40p
x 40px; font-size:11px; text-transform: capitalize; position: fixed; {Block:IfUp
percaseText} text-transform: uppercase; {/Block:IfUppercaseText} {Block:IfSideba
rLeftOrRight} right:0; left:auto; padding: 55px 40px 40px 20px; {/Block:IfSideba
rLeftOrRight} {Block:IfSidebarTopOrBottom} top:auto; bottom:0; {/Block:IfSidebar
TopOrBottom}} #container #sidebar #portrait { height: auto; width: 100px; z-inde
x:50; opacity:0.75; margin:0 auto 25px; -webkit-transition: all 0.3s linear; -mo
z-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0
.3s linear; {Block:IfShowBiggerPortrait} width:150px; {/Block:IfShowBiggerPortra
it} {Block:IfNotPortraitImage} width:100px; {/Block:IfNotPortraitImage}} #contai
ner #sidebar #portrait:hover { opacity:1.0;} #container #sidebar #social-symbols
{ margin: 0 0 25px; text-align: center; width: 150px;} #container #sidebar #soc
ial-symbols a { color: #FFFFFF; display: inline-block; font-size: 9px; font-weig
ht: 800; letter-spacing: -1px; margin: 0 1px 3px 0; opacity: 0.7; padding: 4px 0
; position: relative; text-align: center; width: 21px;} #container #sidebar #soc
ial-symbols a:hover { opacity:1.0;} #container #sidebar #social-symbols a.fb {ba
ckground-color: #3B5998;} #container #sidebar #social-symbols a.ig {background-c
olor: #30618C;} #container #sidebar #social-symbols a.tw {background-color: #00B
0ED;} #container #sidebar #social-symbols a.gp {background-color: #DF4A32;} #con
tainer #sidebar #social-symbols a.yt {background-color: #D7041B;} #container #si
debar #social-symbols a.dr {background-color: #ea4c89;} #container #sidebar #soc
ial-symbols a.bl {background-color: #FE6700;} #container #sidebar #social-symbol
s a.vi {background-color: #1AB7EA;} #container #sidebar #social-symbols a.vk {ba
ckground-color: #507296;} #container #sidebar #social-symbols a.sc {background-c
olor: #FF4B00;} #container #sidebar #social-symbols a.fl {background-color: #006
3DC;} #container #sidebar #social-symbols a.pi {background-color: #CB2027;} #con
tainer #sidebar #social-symbols.fontello { height:auto; white-space:none; font-f
amily:"mxdvs-themes"; word-spacing:-9px;} #container #sidebar #social-symbols.fo
ntello a { display: inline-block; font-size: 10px; height: auto; margin: 0 1px 2
px; padding: 6px; width: auto;} #container #sidebar #social-symbols.fontello .ic
on-facebook { background-color: #3B5998;} #container #sidebar #social-symbols.fo
ntello .icon-instagram { background-color: #30618C;} #container #sidebar #social
-symbols.fontello .icon-twitter { background-color: #00B0ED;} #container #sideba
r #social-symbols.fontello .icon-gplus { background-color: #DF4A32;} #container
#sidebar #social-symbols.fontello .icon-youtube { background-color: #D7041B;} #c
ontainer #sidebar #social-symbols.fontello .icon-dribbble { background-color: #e
a4c89;} #container #sidebar #social-symbols.fontello .icon-blogger { background-
color: #FE6700;} #container #sidebar #social-symbols.fontello .icon-vimeo { back
ground-color: #1AB7EA;} #container #sidebar #social-symbols.fontello .icon-vk {
background-color: #507296;} #container #sidebar #social-symbols.fontello .icon-s
oundcloud { background-color: #FF4B00;} #container #sidebar #social-symbols.font
ello .icon-flickr { background-color: #0063DC;} #container #sidebar #social-symb
ols.fontello .icon-pinterest { background-color: #CB2027;} #container #sidebar #
links, #container #sidebar #pages, #container #sidebar #description, #container
#sidebar #load-more { line-height: 150%; margin: 0 0 10px; font-size:10px; paddi
ng: 7px 7px 6px; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfUppercas
eText} padding: 10px; {/Block:IfUppercaseText}} #container #sidebar #links:last-
child, #container #sidebar #pages:last-child, #container #sidebar #description:l
ast-child, #container #sidebar #load-more:last-child {margin:0} #container #side
bar #links a, #container #sidebar #pages a, #container #sidebar #description a{
display:block; margin: 0 0 5px; font-size:10px;} #container #sidebar #links a.cu
stom-links, #container #sidebar #pages a.custom-pages, #container #sidebar #desc
ription a.description-link { margin:0; cursor:pointer;} #container #sidebar #lin
ks a:last-child, #container #sidebar #pages a:last-child, #container #sidebar #d
escription a:last-child { margin:0;} #container #sidebar #links #custom-links, #
container #sidebar #pages #custom-pages, #container #sidebar #description #descr
iption-box { display: none;} #container #sidebar #links #custom-links, #containe
r #sidebar #pages #custom-pages, #container #sidebar #description #description-b
ox { margin: 5px 0 0;} #container #sidebar #pagination { font-weight:normal; lin
e-height: 150%; margin: 0 0 10px; font-size:10px; padding: 7px 7px 6px; border:
3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} padding: 10px 10px
9px; {/Block:IfUppercaseText}} #container #sidebar #pagination #arrows { float:
left; margin: 0 0 0 -5px; {block:PermalinkPage} float:none; margin:O; text-align
:center; {/block:PermalinkPage}} #container #sidebar #pagination #arrows a { fon
t-weight:bold;} #container #sidebar #pagination #arrows .icon-angle-left, #conta
iner #sidebar #pagination #arrows .icon-angle-right { font-size:12px;} #containe
r #sidebar #pagination #current-page { float:right; text-align:right;} #containe
r #sidebar #links #search {} #container #sidebar #links #search input.search_inp
ut { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; c
olor: {color:links}; font-size: 10px; font-weight: bold; margin: 0 0 0 -1px; pad
ding: 0; width: 129px; opacity:1.0; text-transform: capitalize; {Block:IfUpperca
seText} text-transform: uppercase; {/Block:IfUppercaseText}} #container #sidebar
#links #search input.search_input::-webkit-input-placeholder, #container #sideb
ar #links #search input.search_input:-ms-input-placeholder { color: {color:links
}; opacity:1.0;} #container #sidebar #links #search input.search_input:-moz-plac
eholder, #container #sidebar #links #search input.search_input::-moz-placeholder
{ color: {color:links}; opacity:1.0;} #container #sidebar #links #search .searc
h_input:hover { color: {color:Links hover};} #container #sidebar #links #search
.submit { display:none} #container #sidebar #description #description-box { font
-size: 8px; line-height: 100%; overflow: hidden; text-overflow: ellipsis; width:
124px; {Block:IfNotUppercaseText} text-transform: none; font-size: 9px; {/Block
:IfNotUppercaseText} {Block:IfJustifyTextInDescription} text-align:justify; {Blo
ck:IfJustifyTextInDescription}} #container #sidebar #copyright-years { font-size
: 8px; line-height: 100%; margin: 30px 0 0; overflow: hidden; padding: 0; text-a
lign: center;} #container #back-to-top { border: 3px solid rgba(125, 125, 125, 0
.1); bottom: 40px; font-size: 10px; left: 40px; line-height: 100%; display:none;
padding: 10px 10px 9px; position: fixed; text-transform: none; width: 124px; z-
index: 3000; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUpperc
aseText} {Block:IfSidebarLeftOrRight} right:40px; left:auto; {/Block:IfSidebarLe
ftOrRight} {Block:IfSidebarTopOrBottom} top:55px; bottom:auto; {/Block:IfSidebar
TopOrBottom}} #container #content_box { position:absolute !important; left:210px
; right:20px; top:55px; {Block:IfSidebarLeftOrRight} left:20px; right:210px; {/B
lock:IfSidebarLeftOrRight}} #container #content { margin:auto;} #container #cont
ent #other-pages { float:left; margin:0; z-index:499; position:relative; overflo
w:hidden; background-color: rgba(68, 68, 68, 0.1); border-top: 3px solid rgba(0,
0, 0, 0.05); font-size: 8px; list-style: none outside none; padding: 10px; text
-transform: uppercase;} #container #content #other-pages.small {width:130px;} #c
ontainer #content #other-pages.medium {width:180px;} #container #content #other-
pages.large {width:230px;} #container #content #other-pages.width-small {width:1
30px;} #container #content #other-pages.width-medium {width:180px;} #container #
content #other-pages.width-large {width:230px;} #container #content #other-pages
.tight-spacing {margin:0 10px 20px;} #container #content #other-pages.medium-spa
cing {margin:0 25px 50px;} #container #content #other-pages.wide-spacing {margin
:0 50px 100px;} #container #content #post { float:left; margin:0; z-index:499; p
osition:relative; overflow:hidden; background-color:{color:background}; {Block:P
ermalinkpage} float: left; margin: 0; padding: 0 20px; width: 50%; z-index: 499;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border
-box; {Block:IfSidebarLeftOrRight} float:right; {/Block:IfSidebarLeftOrRight} {/
Block:Permalinkpage}} #container #content #post.small {width:150px;} #container
#content #post.medium {width:200px;} #container #content #post.large {width:250p
x;} #container #content #post.width-small {width:150px;} #container #content #po
st.width-medium {width:200px;} #container #content #post.width-large {width:250p
x;} #container #content #post.tight-spacing {margin:0 10px 20px;} #container #co
ntent #post.medium-spacing {margin:0 25px 50px;} #container #content #post.wide-
spacing {margin:0 50px 100px;} #container #content #post.static { max-width:540p
x;} #container #content #infscr-loading { display: none;} /* Post Info on Index
Page */ #container #content #post #small-permalink { height: 57px; line-height:
100%; margin: -23px 0 0; opacity: 0; overflow: hidden; position: absolute; top:
50%; visibility: hidden; width: 27px; z-index: -1; text-align:center; -webkit-tr
ansition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s
ease; transition: all 0.6s ease;} #container #content #post #small-permalink.so
urce { height: 88px; margin: -46px 0 0; {Block:IfPostSpacingtight} height: 15px;
margin: 0 0 0 -50px; {Block:IfPostSpacingtight}} #container #content #post #sma
ll-permalink.tight-spacing { bottom: -16px; height: 17px; left: 50%; margin: 0 0
0 -50px; overflow: hidden; position: absolute; top: auto; width: 100px;} #conta
iner #content #post #small-permalink.medium-spacing { left:-37px;} #container #c
ontent #post #small-permalink.wide-spacing { left:-63px;} #container #content #p
ost:hover #small-permalink { opacity:1; visibility: visible;} #container #conten
t #post #small-permalink a { display: inline-block; margin: 0 0 5px; padding: 5p
x 7px 4px; text-align: center; width: 7px; background-color: {color:Background};
border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #small
-permalink.tight-spacing a { border-top: 0 none; font-size: 7px; margin: 0 0 3px
; padding: 1px 4px; width: 6px;} #container #content #post #small-permalink a:la
st-child { margin:0;} #container #content #post #info { font-size:10px; float: n
one; margin: 0; padding: 0; width:{select:Post Size}px; display:block;} #contain
er #content #post #info .hidden { display:none;} #container #content #post #info
#caption { font-size: 9px; font-weight: normal !important; margin: 10px 0 0; pa
dding: 10px; background-color: rgba({rgbcolor:Text}, 0.1); border-top:3px solid
rgba({rgbcolor:Text}, 0.05); {Block:IfPostSpacingtight} margin: 5px 0 0; {/Block
:IfPostSpacingtight} {Block:Permalinkpage} display:none; {/Block:Permalinkpage}}
#container #content #post #info #caption blockquote { text-align: left;} #conta
iner #content #post #info #caption blockquote:first-child { margin:0;} #containe
r #content #post #info #caption blockquote p { margin:0 0 5px;} #container #cont
ent #post #info #caption blockquote p:last-of-type { margin:0;} #container #cont
ent #post #info #post-info { margin: 10px 0 0; padding: 10px; list-style:none; b
order-top: 3px solid rgba(0, 0, 0, 0.05); background-color: rgba({rgbcolor:Text}
, 0.1); {Block:IfUppercaseText} text-transform: uppercase; font-size:8px; {/Bloc
k:IfUppercaseText}} #container #content #post #info #post-info li { display:inli
ne-block;} #container #content #post #info #post-info li.notes { float:left;} #c
ontainer #content #post #info #post-info li.date { float:right; text-align:right
;} /* General Post styling */ #container #content #other-pages h3, #container #c
ontent #post h3, #container #content h3 { font-size: 14px; margin: 0 0 10px;} #c
ontainer #content #other-pages h3:last-child, #container #content #post h3:last-
child, #container #content h3:last-child { margin: 0;} #container #content #capt
ion:empty { display:none;} #container #content #caption .tumblr_blog { display:
inline-block; margin: 0 0 4px; padding: 0; text-transform: capitalize; border-bo
ttom: 1px solid rgba({rgbcolor:text}, 0.1);} #container #content p { margin:10px
0 0;} #container #content p:first-of-type { margin:0;} #container #content bloc
kquote { margin: 2px 0 0 10px; position:relative;} #container #content #post ul
{ list-style: disc inside none; margin: 10px 0 0 10px; padding: 0;} #container #
content p img, #container #content blockquote img { max-width:100%; max-height:2
00px; margin:10px 0 0; display:inline-block;} /* Quote Post styling */ #containe
r #content #post #quote { position:relative; text-align:center;} #container #con
tent #post #quote h3 { font-size: 17px; font-weight: bold; margin: 20px 0;} #con
tainer #content #post #quote h3:hover { color:{color:text} !important;} #contain
er #content #post #quote #quote_symbol { font-family: "HelveticaNeue-Light","Hel
vetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size: 175px; font-weight: bold; height: 70px; letter-spacing: -14px; line-h
eight: 0; margin: -50px 3px 0 0; position: absolute; right: 0; top: 0; z-index:
-1; color: rgba({rgbcolor:text}, 0.17);} #container #content #post #quote #sourc
e { font-size: 9px; font-style: italic; text-align: center; margin:0 0 10px;} /*
Text Post styling */ #container #content #post #text {} /* Ask Post styling */
#container #content #post #ask #question { padding: 7px 10px; position: relative
; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #ask
#question span.q { display: block; line-height:100%; font-size: 10px;} #containe
r #content #post #ask #question span.q span { display:block; opacity:0.4;} #cont
ainer #content #post #ask #question .asker-blck { display: block; font-size: 9px
; line-height: 100%; margin: 2px 0 7px; overflow: hidden; text-overflow: ellipsi
s; white-space: nowrap; width:{select:Post Size}px; {Block:IfUppercaseText} font
-size:9px; text-transform: uppercase; {/Block:IfUppercaseText} {/Block:Permalink
page} {Block:IfPostSizeSmall}width:124px; {/Block:IfPostSizeSmall} {Block:IfPost
SizeMedium}width:174px; {/Block:IfPostSizeMedium} {Block:IfPostSizeLarge}width:2
24px; {/Block:IfPostSizeLarge}} #container #content #post #ask #answer { -moz-bo
rder-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-color
s: none; -moz-border-top-colors: none; border-style: none solid solid; border-wi
dth: medium 3px 3px; font-style: italic; margin: 0; padding: 7px 10px; border-co
lor: -moz-use-text-color rgba({rgbcolor:Text}, 0.1) rgba({rgbcolor:Text}, 0.1);
border-right: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #
ask #answer .answer-blck { display:block; font-size:9px; font-style:normal; line
-height:100%; margin:2px 00 7px; overflow:hidden; text-overflow:ellipsis; text-t
ransform:uppercase; white-space:no-wrap;} #container #content #post #ask #answer
p { font-size: 10px; line-height: 100%; margin: 0; position: relative;} #contai
ner #content #post #ask #answer img { max-width:100%; height:auto;} /* Chat Post
styling */ #container #content #post #chat { overflow:hidden;} #container #cont
ent #post #chat ul.chat { list-style:none; margin:0; padding:0; {Block:IfUpperca
seText} font-size:9px; text-transform: uppercase; {/Block:IfUppercaseText}} #con
tainer #content #post #chat ul.chat li { padding:10px; font-weight:bold; color:
rgba({rgbcolor:Text}, 0.7);} #container #content #post #chat ul.chat li:nth-chil
d(even) { background-color: rgba({rgbcolor:Text}, 0.1);} #container #content #po
st #chat ul.chat li span { color: rgba({rgbcolor:Text}, 1.0);} /* Photo Post sty
ling */ #container #content #post #photo { position:relative;} #container #conte
nt #post #photo img { max-width:100%;} #container #content #post #photo #gradien
t { visibility:hidden; height: 100%; opacity: 0; position: absolute; width: 100%
; font-weight:bold; z-index: 498; text-transform:uppercase; -webkit-transition:
all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; tra
nsition: all 0.8s ease; background: rgb(255,255,255); color:rgba({rgbcolor:Backg
round}, 0.9); background: -moz-linear-gradient(top, rgba({rgbcolor:background},
1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Ho
ver}, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, co
lor-stop(0%,rgba({rgbcolor:background}, 1)), color-stop(40%,rgba({rgbcolor:backg
round}, 0.75)), color-stop(100%,rgba({rgbcolor:Background Image Hover}, 0.6)));
background: -webkit-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba
({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6)
100%); background: -o-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rg
ba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6
) 100%); background: -ms-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%,
rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover},
0.6) 100%); background: linear-gradient(to bottom, rgba({rgbcolor:background}, 1
) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hov
er}, 0.6) 100%);} #container #content #post #photo:hover #gradient{ opacity:1.0;
visibility:visible;} #container #content #post #photo #gradient a { color:rgba(
{rgbcolor:Background}, 0.8);} #container #content #post #photo #gradient #simple
-gradient { position:absolute; width:100%; padding:10px; left:0; right:0; bottom
: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: bo
rder-box; {Block:IfSidebarLeftOrRight} text-align:right; {/Block:IfSidebarLeftOr
Right}} #container #content #post #photo #gradient #simple-gradient span { font-
size: 8px; line-height: 150%; margin: 0 0 10px; padding: 7px 7px 5px; display:bl
ock; border: 3px solid rgba({rgbcolor:background}, 0.4); -webkit-transition: all
0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transi
tion: all 0.6s ease;} #container #content #post #photo #gradient #simple-gradien
t span:last-child { margin:0;} #container #content #post #photo #gradient #simpl
e-gradient span:hover { border: 3px solid rgba({rgbcolor:background}, 0.8); back
ground: rgba({rgbcolor:background Image Hover}, 0.45);} #container #content #pos
t #photo #gradient #simple-gradient span.perma-reblog {} #container #content #po
st #photo #gradient #simple-gradient span.perma-reblog .perma { float:left;} #co
ntainer #content #post #photo #gradient #simple-gradient span.perma-reblog .rebl
og { float:right;} #container #content #post #photo #gradient #reblog_image, #co
ntainer #content #post #photo #gradient #permalink_image, #container #content #p
ost #photo #gradient #date_image, #container #content #post #photo #gradient #no
tes_image, #container #content #post #photo #gradient #top_info_image, #containe
r #content #post #photo #gradient #notes_title, #container #content #post #photo
#gradient #date_title { border-style: solid; border-width: 3px; position: absol
ute; text-align: center; transition: all 0.6s ease 0s; z-index: 5000; -webkit-tr
ansition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s
ease; transition: all 0.6s ease; border-color:rgba({rgbcolor:Background}, 1.0);
} #container #content #post #photo #gradient.gradient-small #reblog_image, #cont
ainer #content #post #photo #gradient.gradient-small #permalink_image, #containe
r #content #post #photo #gradient.gradient-small #date_image, #container #conten
t #post #photo #gradient.gradient-small #notes_image, #container #content #post
#photo #gradient.gradient-small #top_info_image, #container #content #post #phot
o #gradient.gradient-small #notes_title, #container #content #post #photo #gradi
ent.gradient-small #date_title { bottom: 20px; font-size: 8px; left: 10px; paddi
ng: 6px 8px;} #container #content #post #photo #gradient.gradient-medium #reblog
_image, #container #content #post #photo #gradient.gradient-medium #permalink_im
age, #container #content #post #photo #gradient.gradient-medium #date_image, #co
ntainer #content #post #photo #gradient.gradient-medium #notes_image, #container
#content #post #photo #gradient.gradient-medium #top_info_image, #container #co
ntent #post #photo #gradient.gradient-medium #notes_title, #container #content #
post #photo #gradient.gradient-medium #date_title { bottom: 20px; font-size: 10p
x; left: 20px; line-height: 8px; padding: 10px;} #container #content #post #phot
o #gradient.gradient-large #reblog_image, #container #content #post #photo #grad
ient.gradient-large #permalink_image, #container #content #post #photo #gradient
.gradient-large #date_image, #container #content #post #photo #gradient.gradient
-large #notes_image, #container #content #post #photo #gradient.gradient-large #
top_info_image, #container #content #post #photo #gradient.gradient-large #notes
_title, #container #content #post #photo #gradient.gradient-large #date_title {
bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #co
ntainer #content #post #photo #gradient #reblog_image:hover, #container #content
#post #photo #gradient #permalink_image:hover, #container #content #post #photo
#gradient #notes_image:hover { border-color: rgba({rgbcolor:background}, 1); ba
ckground-color:rgba({rgbcolor:Background Image Hover},0.3);} #container #content
#post #photo #gradient #reblog_image:hover a, #container #content #post #photo
#gradient #permalink_image:hover a, #container #content #post #photo #gradient #
notes_image:hover a { color:rgba({rgbcolor:Background}, 1);} #container #content
#post #photo #gradient #reblog_image a, #container #content #post #photo #gradi
ent #permalink_image a{ color:rgba({rgbcolor:Background}, 1.0); -webkit-transiti
on: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;
transition: all 0.6s ease;} #container #content #post #photo #gradient #reblog_
image a:hover, #container #content #post #photo #gradient #permalink_image a:hov
er, #container #content #post #photo #gradient #date_image a:hover, #container #
content #post #photo #gradient #notes_image a:hover { color:rgba({rgbcolor:Backg
round}, 1);} #container #content #post #photo #gradient #reblog_image { width:42
px; text-align: left;} #container #content #post #photo #gradient.gradient-small
#reblog_image { width:34px;} #container #content #post #photo #gradient #permal
ink_image { text-align: right; left: auto !important;} #container #content #post
#photo #gradient.gradient-small #permalink_image {right: 10px; width: 55px;} #c
ontainer #content #post #photo #gradient.gradient-medium #permalink_image {right
: 20px; width: 69px;} #container #content #post #photo #gradient.gradient-large
#permalink_image {right: 20px; width: 119px;} #container #content #post #photo #
gradient #notes_image {bottom: 51px !important;} #container #content #post #phot
o #gradient.gradient-small #notes_image {bottom:46px !important;} #container #co
ntent #post #photo #gradient #date_image { bottom: 51px !important; right: 20px
; text-align: right; z-index: -1;} #container #content #post #photo #gradient.gr
adient-small #date_image { bottom: 46px !important; right: 10px;} #container #co
ntent #post #photo #gradient #notes_title, #container #content #post #photo #gra
dient #date_title { border: medium none; font-size: 7px !important; left: auto !
important; padding: 0 !important; text-transform: uppercase; width: 46px !import
ant;} #container #content #post #photo #gradient #notes_title { bottom: 89px !im
portant; left: 21px !important;} #container #content #post #photo #gradient #dat
e_title { bottom: 89px !important; right: 29px !important; width: 23px !importan
t;} #container #content #post #photo #gradient #top_info_image { border: medium
none; bottom: 7px !important; font-size: 7px !important; left: 33px; padding: 0
!important; text-align: left !important; width: 150p !importantx;} #container #c
ontent #post #photo #gradient.gradient-small #notes_title { bottom: 79px !import
ant; left: 10px !important;} #container #content #post #photo #gradient.gradient
-small #date_title { bottom: 77px !important; right: 18px !important;} #containe
r #content #post #photo #gradient.gradient-small #top_info_image { left: 20px;}
#container #content #post #photo #gradient #top_info_image a {} #container #cont
ent #post #photo #gradient #top_info_image a:hover {} #container #content #post
#photo #gradient #top_info_image #tag-list { display: none; list-style: none out
side none; margin: 0; padding: 0; width: 140px;} #container #content #post #phot
o #gradient #top_info_image #tag-list span { display: inline-block;} #container
#content #post #photo #gradient #top_info_image #tag-list li { display: inline-b
lock;} #container #content #post #photo #gradient #top_info_image #tag-list a {}
/* Audio Post styling */ #container #content #post #audio { position:relative;
min-height:27px;} #container #content #post #audio #album_art { height:auto;} #c
ontainer #content #post #audio #album_art.art-small {width:150px;} #container #c
ontent #post #audio #album_art.art-medium {width:200px;} #container #content #po
st #audio #album_art.art-large {width:250px;} #container #content #post #audio #
player { background:white; width:27px; position:absolute; bottom:0; height:27px;
overflow:hidden; opacity:0.7; padding:5px 0; -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0
.6s ease;} #container #content #post #audio #player.player-small { border-left:
62px solid #FFFFFF; border-right: 61px solid #FFFFFF;} #container #content #post
#audio #player.player-medium { border-left: 87px solid #FFFFFF; border-right: 8
6px solid #FFFFFF;} #container #content #post #audio #player.player-large { bord
er-left: 112px solid #FFFFFF; border-right: 111px solid #FFFFFF;} #container #co
ntent #post #audio:hover #player { opacity:0.85} #container #content #post #audi
o #info { background:rgba(255,255,255,0.85); margin:0; padding:20px; position:ab
solute; top:0; bottom:37px; left:0; right:0; list-style:none; opacity:0; font-si
ze:10px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-t
ransition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post
#audio:hover #info { opacity:1;} #container #content #post #audio #info li { bor
der: 3px solid rgba(0, 0, 0, 0.05); border-top:0; line-height: 200%; margin: 0;
padding: 3px 5px;} #container #content #post #audio #info li:first-child { borde
r: 3px solid rgba(0, 0, 0, 0.05);} /* Photoset Post styling */ #container #conte
nt #post #photoset {margin: 0 0 10px;} #container #content #post #photoset .phot
o-set-sizing { display: block; float: left; height: auto; margin: 0 10px 10px 0;
max-width: none; {Block:Permalinkpage} width:245px; {/Block:Permalinkpage}} {Bl
ock:Indexpage} #container #content #post #photoset .photoset-small { width:70px;
} #container #content #post #photoset .photoset-medium { width:95px;} #container
#content #post #photoset .photoset-large { width:120px;}{/Block:Indexpage} #con
tainer #content #post #photoset .photo-set-sizing:nth-child(even) { margin:0 0 1
0px;} #container #content #post #photoset .photo-set-sizing:nth-last-of-type(-n+
2) { margin-bottom: 0;} #container #content #post #photoset .photo-set-sizing:la
st-of-type:nth-child(2n+1) { width: 150px; margin: 0; max-width: none; {Block:Pe
rmalinkpage} Width:500px; {/Block:Permalinkpage}} {Block:Indexpage} #container #
content #post #photoset .photoset-small:last-of-type:nth-child(2n+1) { width:150
px;} #container #content #post #photoset .photoset-medium:last-of-type:nth-child
(2n+1) { width:200px;} #container #content #post #photoset .photoset-large:last-
of-type:nth-child(2n+1) { width:250px;}{/Block:Indexpage} #container #content #p
ost #photoset #caption { clear:both} #container #content #post #photoset #captio
n ul { margin:10px 0 0 10px; padding:0; list-style:none; font-size:9px} #contain
er #content #post #photoset #caption ul li { overflow: hidden; white-space: nowr
ap; text-overflow: ellipsis;} #container #content #post #photoset #caption p {}
#container #content #post #photoset #caption a { text-decoration:underline} #con
tainer #content #post #photoset #caption blockquote { margin:10px 0 10px 10px;}
#container #content #post #photoset #permalinks { border-top: 1px solid #E5E5E5;
font-size: 9px; margin: 10px 0 0; padding: 10px 0 0; text-align: center;} #cont
ainer #content #post #photoset #permalinks a { display:inline-block; margin:0 5p
x;} /* Video Post styling */ #container #content #post #video {} #container #con
tent #post #video iframe { display: block; {Block:Permalinkpage} height: 249px;
width: 500px; {/Block:Permalinkpage}} #container #content #post #video.small ifr
ame {width:150px;height:84px;} #container #content #post #video.medium iframe {w
idth:200px;height:113px;} #container #content #post #video.large iframe {width:2
50px;height:;} /* Post Info styling */ #container #content #permalink-info { flo
at: left; margin: 0 0 40px; padding: 0 20px 40px 26px; width: 50%; -webkit-box-s
izing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:I
fSidebarLeftOrRight} text-align:right; float:right; {/Block:IfSidebarLeftOrRight
}} #container #content #permalink-info #caption { display: inline-block; line-he
ight: 100%; margin: 0 0 40px 0; padding: 15px; text-align:left; border: 3px soli
d rgba({rgbcolor:Text}, 0.1);} #container #content #permalink-info #caption p {
margin:0 0 10px;} #container #content #permalink-info #caption p:last-child { ma
rgin:0;} #container #content #permalink-info #caption ul { margin:10px 0 10px 10
px; padding:0; list-style:none; font-size:9px} #container #content #permalink-in
fo #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellips
is;} #container #content #permalink-info #caption blockquote { margin:10px 0 10p
x 10px;} #container #content #permalink-info #caption blockquote:last-child { ma
rgin:10px 0 0 10px;} #container #content #permalink-info #caption:empty { displa
y:none} #container #content #permalink-info #info-list { display: block; list-st
yle: none outside none; margin: 0; overflow: hidden; padding: 0; white-space: no
wrap;} #container #content #permalink-info #info-list li { display: inline-block
; font-size: 9px; line-height: 7px; margin: 0 0 40px -3px; padding: 10px; text-t
ransform: uppercase; border: 3px solid rgba({rgbcolor:Text}, 0.1); border-left:n
one;} #container #content #permalink-info #info-list li:first-child { border: 3p
x solid rgba({rgbcolor:Text}, 0.1); margin: 0 0 40px 0;} #container #content #pe
rmalink-info #info-list li span { display: block; font-size: 9px; margin-bottom:
40px; margin-top: -26px; position: absolute; text-transform: lowercase;} #conta
iner #content #permalink-info #info-list li a {} #container #content #permalink-
info ol.notes { display: inline-block; list-style-type: none; margin: 0; overflo
w: hidden; padding: 10px; width: 50%; border: 3px solid rgba({rgbcolor:Text}, 0.
1); {Block:IfSidebarLeftOrRight} text-align: right; {/Block:IfSidebarLeftOrRight
}} #container #content #permalink-info ol.notes li.note { clear: none !important
; display: inline-block; height: 20px; margin: 0 2px; overflow: hidden; width: 2
0px;} #container #content #permalink-info ol.notes li.note img.avatar { height:
20px; width: 20px; opacity:0.5; -webkit-transition: all 0.3s linear; -moz-transi
tion: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s line
ar;} #container #content #permalink-info ol.notes li.note img.avatar:hover { opa
city:1;} #container #content #permalink-info ol.notes li.note span{ display:none
;} #container #content #permalink-info ol.notes li.note span.action a{ font-weig
ht: bold;} #container #content #permalink-info ol.notes li.note .answer_content
{ font-weight: normal; display:none;} #container #content #permalink-info ol.not
es li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:non
e;} #container #content #permalink-info ol.notes li.note blockquote a { text-dec
oration: none; display:none;} #container #content #permalink-info ol.notes li.mo
re_notes_link_container{ border-style: solid; clear: both !important; display: b
lock; float: none; font-size: 9px; height: auto; line-height: 100%; margin: 5px
-10px -10px; overflow: visible; padding: 10px 0; position: relative; text-align:
center !important; text-transform: uppercase; width: auto; border: 3px solid rg
ba({rgbcolor:Text}, 0.1); border-width: 3px 0 0;} #container #content #permalink
-info #tag-list { display: inline-block; font-size: 8px; list-style: none outsid
e none; margin: 20px 0 0 -6px; padding: 0; text-align: center; width: 50%;} #con
tainer #content #permalink-info #tag-list li { display: inline-block; font-weigh
t: bold; margin: 0 10px 10px 0; text-transform: uppercase;} #container #content
#permalink-info #tag-list li a {} </style>
</head>
<body class="{select:Font}">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.crea teElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div id="container">
<div id="sidebar">

{Block:IfShowSidebarPortrait}
{Block:IfNotPortraitImage}
<a href="/"><img src="{PortraitURL-128}" id="portrait"></a>
{/Block:IfNotPortraitImage}
{Block:IfPortraitImage}
<a href="/"><img src="{Image:Portrait}" id="portrait"></a>
{/Block:IfPortraitImage}
{/Block:IfShowSidebarPortrait}

<div id="social-symbols" {block:ifNotChangeSocialIcons}class="fontel
lo"{/block:ifNotChangeSocialIcons}>
{block:ifChangeSocialIcons}
{block:ifFacebookUrl}
<a href="{text:Facebook Url}" title="Facebook" target="_blank
" class="fb">f</a>
{/block:ifFacebookUrl}
{block:ifInstagramUrl}
<a href="{text:Instagram Url}" title="Instagram" target="_bla
nk" class="ig">i</a>
{/block:ifInstagramUrl}
{block:ifTwitterUrl}
<a href="{text:Twitter Url}" title="Twitter" target="_blank"
class="tw">t</a>
{/block:ifTwitterUrl}
{block:ifGooglePlusUrl}
<a href="{text:Google Plus Url}" title="Google+" target="_bla
nk" class="gp">G</a>
{/block:ifGooglePlusUrl}
{block:ifYoutubeUrl}
<a href="{text:Youtube Url}" title="Youtube" target="_blank"
class="yt">Y</a>
{/block:ifYoutubeUrl}
{block:ifDribbbleUrl}
<a href="{text:Dribbble Url}" title="Dribbble" target="_blank
" class="dr">D</a>
{/block:ifDribbbleUrl}
{block:ifBloggerUrl}
<a href="{text:Blogger Url}" title="Blogger" target="_blank"
class="bl">B</a>
{/block:ifBloggerUrl}
{block:ifVimeoUrl}
<a href="{text:Vimeo Url}" title="Vimeo" target="_blank" clas
s="vi">V</a>
{/block:ifVimeoUrl}
{block:ifVKUrl}
<a href="{text:VK Url}" title="Vk" target="_blank" class="vk"
>V</a>
{/block:ifVKUrl}
{block:ifSoundcloudUrl}
<a href="{text:Soundcloud Url}" title="Soundcloud" target="_b
lank" class="sc">S</a>
{/block:ifSoundcloudUrl}
{block:ifFlickrUrl}
<a href="{text:Flickr Url}" title="Flickr" target="_blank" cl
ass="fl">f</a>
{/block:ifFlickrUrl}
{block:ifPinterestUrl}
<a href="{text:Pinterest Url}" title="Pinterest" target="_bla
nk" class="pi">P</a>
{/block:ifPinterestUrl}
{/block:ifChangeSocialIcons}

{block:ifNotChangeSocialIcons}
{block:ifFacebookUrl}
<a href="{text:Facebook Url}" title="Facebook" class="icon-fa
cebook" target="_blank"></a>
{/block:ifFacebookUrl}
{block:ifInstagramUrl}
<a href="{text:Instagram Url}" title="Instagram" class="icon-
instagram" target="_blank"></a>
{/block:ifInstagramUrl}
{block:ifTwitterUrl}
<a href="{text:Twitter Url}" title="Twitter" class="icon-twit
ter" target="_blank"></a>
{/block:ifTwitterUrl}
{block:ifGooglePlusUrl}
<a href="{text:Google Plus Url}" title="Google+" class="icon-
gplus" target="_blank"></a>
{/block:ifGooglePlusUrl}
{block:ifYoutubeUrl}
<a href="{text:Youtube Url}" title="Youtube" class="icon-yout
ube" target="_blank"></a>
{/block:ifYoutubeUrl}
{block:ifDribbbleUrl}
<a href="{text:Dribbble Url}" title="Dribbble" class="icon-dr
ibbble" target="_blank"></a>
{/block:ifDribbbleUrl}
{block:ifBloggerUrl}
<a href="{text:Blogger Url}" title="Blogger" class="icon-blog
ger" target="_blank"></a>
{/block:ifBloggerUrl}
{block:ifVimeoUrl}
<a href="{text:Vimeo Url}" title="Vimeo" class="icon-vimeo" t
arget="_blank"></a>
{/block:ifVimeoUrl}
{block:ifVKUrl}
<a href="{text:VK Url}" title="Vk" class="icon-vk" target="_b
lank"></a>
{/block:ifVKUrl}
{block:ifSoundcloudUrl}
<a href="{text:Soundcloud Url}" title="Soundcloud" class="ico
n-soundcloud" target="_blank"></a>
{/block:ifSoundcloudUrl}
{block:ifFlickrUrl}
<a href="{text:Flickr Url}" title="Flickr" class="icon-flickr
" target="_blank"></a>
{/block:ifFlickrUrl}
{block:ifPinterestUrl}
<a href="{text:Pinterest Url}" title="Pinterest" class="icon-
pinterest" target="_blank"></a>
{/block:ifPinterestUrl}
<div class="clear"></div>
{/block:ifNotChangeSocialIcons}
</div>

{Block:IfShowDescription}
<div id="description">
<a class="description-link">Description</a>
<div id="description-box">{Description}</div>
</div>
{/Block:IfShowDescription}

<div id="links" class="links">
<a href="/">Home</a>
{block:AskEnabled}
<a href="/ask">{Block:ifNotEditAskTitle}{AskLabel}{/Block:if
NotEditAskTitle}{Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitl
e}</a>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="/submit">Submit</a>
{/block:SubmissionsEnabled}
{Block:IfShowArchiveLink}
<a href="/archive">Archive</a>
{/Block:IfShowArchiveLink}
{Block:IfShowRandomLink}
<a href="/random">Random</a>
{/Block:IfShowRandomLink}
{Block:IfShowSearchBar}
<form action="/search" method="get" id="search">
<input type="text" name="q" value="{URLSafeSearchQuery}" pla
ceholder="Search" class="search_input"/>
<input type="submit" value="Search" class="submit"/>
</form>
{/Block:IfShowSearchBar}
</div>

<div id="links">
<a class="custom-links">{block:ifEditLinksTitle}{text:Edit Links
Title}{/block:ifEditLinksTitle}</a>

<div id="custom-links">
{block:ifLink1Title}
<a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
{/block:ifLink1Title}
</div>
</div>

{block:HasPages}
<div id="pages">
<a class="custom-pages">
{block:ifEditPagesTitle}{text:Edit Pages Title}{/block:ifEditPagesTitle}</a>

<div id="custom-pages">
{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>
{/block:Pages}
</div>
</div>
{/block:HasPages}

{block:ifInfiniteScroll}
{block:IndexPage}
<div id="load-more">
<a href="#Loading More Posts ..." id="load">Load More Posts </a>
</div>{/block:IndexPage}
{/block:ifInfiniteScroll}
{block:ifNotInfiniteScroll}
{block:IndexPage}
{block:Pagination}
<div id="pagination">
<div id="arrows">
{block:PreviousPage}
<a href="{PreviousPage}" class="icon-angle-left" title="Previous
Page"></a> /
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="icon-angle-right" title="Next Page">
</a>
{/block:NextPage}
</div>

<div id="current-page">{CurrentPage}/{TotalPages}</div>
</div>
{/block:Pagination}
{/block:IndexPage}

{block:PermalinkPage}
{block:PermalinkPagination}
<div id="pagination">
<div id="arrows">
{block:PreviousPost}
<a href="{PreviousPost}" class="icon-angle-left" title="Prev
ious Post"></a> /
{/block:PreviousPost}

{block:NextPost}
<a href="{NextPost}" class="icon-angle-right" title="Next Po
st"></a>
{/block:NextPost}
</div>
</div>
{/block:PermalinkPagination}
{/block:PermalinkPage}
{/block:ifNotInfiniteScroll}

<div id="back-to-top">
<a href="#Back To Top" id="up">Back To Top</a>
</div>
{/block:ifInfiniteScroll}

{Block:IfShowCopyrightYears}
<div id="copyright-years">© {CopyrightYears}</div>
{/Block:IfShowCopyrightYears}

<div id="infscr-loading"></div>
</div>

<div id="content_box">
<div id="content">

{block:TagPage}
<div id="other-pages" class="{Block:Indexpage}{select:Post Size} width-{
select:Post Size} {select:Post Spacing} {/Block:Indexpage}">
<h3>Posts tagged with "#{Tag}"</h3>
</div>
{/block:TagPage}

{block:SearchPage}
<div id="other-pages" class="{Block:Indexpage}{select:Post Size} width-{
select:Post Size} {select:Post Spacing} {/Block:Indexpage}">
{block:SearchResults}
<div id=searchresults><h3>{SearchResultCount} result(s) for "{Search
Query}"</h3></div> {/block:SearchResults}

{block:NoSearchResults}
<div id=searchresults><h3>Sorry no results for "{SearchQuery}"</h3><
/div>{/block:NoSearchResults}
</div>
{/block:SearchPage}

{block:Posts}
<div id="post" {Block:Permalinkpage}{block:Video}class="static"{/blo
ck:Video}{block:Photoset}class="static"{/block:Photoset}{/Block:Permalinkpage} c
lass="{Block:Indexpage}{select:Post Size} width-{select:Post Size} {select:Post
Spacing}{/Block:Indexpage}">
{block:Text}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<div id="photo">
{block:IndexPage}
<div id="gradient" class="gradient-{select:Post Size}">
{Block:ifSwitchPhotoGradientStyle}
{block:Date}
<div id="simple-gradient">
{block:NoteCount}<span><a href="{Permalink}" title="Note
s">{NoteCount}</a></span>{/block:NoteCount}
<span><a href="{Permalink}" title="{DayOfMonthWithZero}
{ShortMonth}, {Year}">{DayOfMonthWithZero} {ShortMonth}, {Year}</a></span>
<span class="perma-reblog"><a href="{Permalink}" title="
Permalink" class="perma">Permalink</a><a href="{ReblogURL}" target="_blank" titl
e="Reblog" class="reblog">Reblog</a><div class="clear"></div></span>
</div>
{/block:Date}
{/Block:ifSwitchPhotoGradientStyle}

{Block:ifNotSwitchPhotoGradientStyle}
<div id="reblog_image">
<a href="{ReblogURL}" target="_blank" title="Reblog">Reb
log</a>
</div>
<div id="permalink_image">
<a href="{Permalink}" title="Permalink">Permalink</a>
</div>
{block:NoteCount}
<div id="notes_title">notes</div>
<div id="notes_image">
<a href="{Permalink}" title="Notes">{NoteCount}</a>
</div>{/block:NoteCount}{block:Date}
<div id="date_title">date</div>
<div id="date_image">
{DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}
</div>

{/block:Date}
{/Block:ifNotSwitchPhotoGradientStyle}
</div>

<center><img src="{PhotoURL-500}"/></center>
{/block:IndexPage}

<center><img src="{PhotoURL-HighRes}"/></center>
</div>
{/block:Photo}

{block:Photoset}
<div id="photoset">
<div id="photo">
{block:Photos}
{block:IndexPage}
<img class="photo-set-sizing photoset-{select:Post Size}" sr
c="{PhotoURL-250}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />
{/block:IndexPage}
<img class="photo-set-sizing" src="{PhotoURL-500}" width="{P
hotoWidth-500}" height="{PhotoHeight-500}" />
{/block:Photos}
</div>
</div>
{/block:Photoset}
{block:Quote}
<div id="quote">
<div id="quote_symbol">,,</div>
<a href="{Permalink}"><h3>{Quote}</h3></a>

{block:Source}
<div id="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}

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

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Audio}
<div id="audio">

<ul id="info">
{block:TrackName}
<li>{TrackName}</li>
{/block:TrackName}
{block:Artist}
<li>{Artist}</li>
{/block:Artist}
{Block:IfNotPostSizeSmall}{block:PlayCount}
<li>{PlayCountWithLabel}</li>
{/block:PlayCount}{/Block:IfNotPostSizeSmall}
</ul>

<div id="player" class="player-{select:Post Size}">
{AudioPlayerWhite}
</div>

{block:AlbumArt}
<img src="{AlbumArtURL}" id="album_art" class="art-{select:Post
Size}"/>
{/block:AlbumArt}
</div>
{/block:Audio}
{block:Chat}
<div id="chat">
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/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>
{/block:Chat}

{block:Video}
<div id="video" class="{select:Post Size}">
{block:IndexPage}
<center>{Video-250}</center>
{/block:IndexPage}

<center>{Video-500}</center>
</div>
{/block:Video}
{block:Answer}
<div id="ask">
<div id="question">
<span class="asker-blck">Message from {Asker}</span>
<span class="q">{Question}</span>
</div>

<div id="answer">
<span class="answer-blck">Answer:</span>
{Answer}
</div>
</div>
{/block:Answer}

{block:IndexPage}
{block:Date}
<div id="small-permalink" {Block:Photo}style="display:none"{/Blo
ck:Photo} class="{select:Post Spacing}{block:RebloggedFrom} source{/block:Reblog
gedFrom}">
<a href="{Permalink}" target="_blank" title="Permalink Page"
>P</a>
<a href="{ReblogURL}" target="_blank" title="Reblog">R</a>
{block:RebloggedFrom} <a href="{ReblogRootURL}" target="_bla
nk" title="Source">S</a>{/block:RebloggedFrom}
</div>
{/block:Date}
{/block:IndexPage}
{Block:IfShowPostInfo}
{block:Date}
<div id="info">

{Block:IfShowPhotoPostCaptions}
{block:Caption}
<div id="caption">{Caption}</div>
{/block:Caption}
{/Block:IfShowPhotoPostCaptions}

<ul id="post-info" {block:Photo}class="hidden"{/block:Photo}
class="{select:Post Spacing}">
{block:NoteCount}
<li cass="notes"><a href="{Permalink}" title="{NoteC
ountWithLabel}">{NoteCount}N</a></li>
{/block:NoteCount}
<li class="date"><a href="{Permalink}" title="Posted
on {DayOfMonth} {ShortMonth}, {Year}">{DayOfMonth} {ShortMonth}, {Year}</a></li
>
</ul>

</div>
{/block:Date}
{/Block:IfShowPostInfo}

</div>
{block:Date}
<div id="permalink-info">

{block:Caption}
<div id="caption">{Caption}</div>
{/block:Caption}

<ul id="info-list">
{block:NoteCount}
<li><span>notes</span>{NoteCountWithLabel}</li>
{/block:NoteCount}
<li><span>Posted</span>{DayOfMonthWithZero} {Month} {Year}</li>
{block:RebloggedFrom}
<li><span>source</span><a href="{ReblogRootURL}" target="_blank">
{ReblogRootName}</a></li>
{/block:RebloggedFrom}
{block:HighRes}
<li><span>size</span><a href="{PhotoURL-HighRes}" target="_blank">
High-Res</a></li>
{/block:HighRes}
{block:ExternalAudio}
<li><span>audio file</span><a href="{ExternalAudioURL}" target="_b
lank">
Download</a></li>
{/block:ExternalAudio}
</ul>

{block:PostNotes}
{PostNotes-64}
{/block:PostNotes}
{block:HasTags}
<ul id="tag-list">
{block:Tags}
<li>
<a href="{TagURL}" target="_blank">#{Tag}</a>
</li>
{/block:Tags}
</ul>
{/block:HasTags}

{/block:Date}
{/block:Posts}
</div>

</div>
</div>
{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/bl
ock:NextPage}</div>{/block:Pagination}
<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"
></script>
<script type="text/javascript">

{block:IndexPage}
$(window).load(function(){

var $wall = $('#content');

$wall.imagesLoaded( function(){
$wall.masonry({
itemSelector: "#post.{select:Post Size}, #other-pages.{select:Post
Size}",
//columnWidth: "#post.width-{select:Post Size}",
gutter: "#post.{select:Post Spacing}, #other-pages.{select:Post Sp
acing}",
isFitWidth: true,
});
});

$wall.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : "#post.{select:Post Size}",
behavior : 'twitter',
extraScrollPx: 50,
bufferPx : 5000,
loadingImg : "",
loadingText : "",
donetext : ""
},

function( newElements ) {
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$wall.masonry( "appended", $newElems, true );
});
$('.audio').each(function(){
var audioID = $(this).attr("id");
var $audioPost = $(this);
$.ajax({
url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID,
dataType: 'jsonp',
timeout: 50000,
success: function(data){
$audioPost.find('#audio_player_'+audioID).replaceWith('<div styl
e="background-color:#000000;">' + data.posts[0]['audio-player'].replace("audio_p
layer.swf", "audio_player_black.swf") +'</div>');}
});
});
});{/block:ifInfiniteScroll}
$(document).load(function(){
e.preventDefault();
$wall.infinitescroll('retrieve');
});
$('#load').click(function(){
$(document).trigger('retrieve.infscr');
return false;
});
});

{/block:IndexPage}

$("#caption p").remove(":contains('Source:')");
$("#caption p").remove(":contains('(via')");

$(".custom-links").click(function () {
$("#custom-links").slideToggle("slow");
$("#custom-pages, #description-box").slideUp("slow");
});
$(".custom-pages").click(function () {
$("#custom-pages").slideToggle("slow");
$("#custom-links, #description-box").slideUp("slow");
});
$(".description-link").click(function () {
$("#description-box").slideToggle("slow");
$("#custom-links, #custom-pages").slideUp("slow");
});

$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#back-to-top').fadeIn();
}
else {
$('#back-to-top').fadeOut();
}
});

$('#up').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
</script>
</body>
</html>

Theme 25 by Max Davis

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Theme 25 by Max Davis

Hochgeladen von

Copyright:

Verfügbare Formate

<!

Das könnte Ihnen auch gefallen