<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme °25 By Max Davis
Last update 06.10.15
Theme info + code: http://themes.mxdvs.co/themes/25
More free themes: http://themes.mxdvs.co
------------------------------------------------------------- -->
<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="" />
<!-- Select Options -->
<meta name="select:Post Size" content="150" title="Small">
<meta name="select:Post Size" content="200" title="Medium">
<meta name="select:Post Size" content="250" title="Large">
<meta name="select:Post Spacing" content="tightspacing" title="Tight">
<meta name="select:Post Spacing" content="mediumspacing" title="Medium">
<meta name="select:Post Spacing" content="widespacing" title="Wide">
<meta name="select:Sidebar Position" content="left top" title="Top Left">
<meta name="select:Sidebar Position" content="right top" title="Top Right">
<meta name="select:Sidebar Position" content="left bottom" title="Bottom Left">
<meta name="select:Sidebar Position" content="right bottom" title="Bottom Right">
<meta name="select:Sidebar Width" content="width-150" title="150px">
<meta name="select:Sidebar Width" content="width-225" title="225px">
<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">
<!-- Blog Options -->
<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" />
<!-- Sidebar Options -->
<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" />
<!-- Text inputs -->
<meta name="text:Instagram ID Code" 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="" />
<meta name="text:Link 2 Url" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3 Url" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4 Url" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5 Url" content="" />
<meta name="text:Link 5 Title" content="" />
<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="" />
<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-helvetica-neue { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} body.font-open-sans { font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;} body.font-montserrat { font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:10px;} body.font-source-sans-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; transition: all 0.3s linear;} a:hover { color:{color:Links hover}; text-decoration:none;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} :-webkit-input-placeholder {opacity: 1 !important;color:{color:links};} ::-webkit-input-placeholder {opacity: 1 !important;color:{color:links};} :-moz-placeholder {opacity: 1 !important;color:{color:links};} ::-moz-placeholder {opacity: 1 !important;color:{color:links};} :-ms-input-placeholder {opacity: 1 !important;color:{color:links};} ::-ms-input-placeholder {opacity: 1 !important;color:{color:links};} #container { position:relative; height:100%; width:100%;} #container #sidebar { font-weight: 700; padding: 55px 20px 40px 40px; font-size:11px; text-transform: capitalize; position: fixed; {block:IfUppercaseText} text-transform: uppercase; {/block:IfUppercaseText} {block:IfSidebarLeftOrRight} right:0; left:auto; padding: 55px 40px 40px 20px; {/block:IfSidebarLeftOrRight} {block:IfSidebarTopOrBottom} top:auto; bottom:0; {/block:IfSidebarTopOrBottom}} #container #sidebar.top { top: 0; bottom:auto;} #container #sidebar.bottom { top:auto; bottom:0;} #container #sidebar.left { left:0; right:auto; padding: 55px 20px 40px 40px;} #container #sidebar.right { right:0; left:auto; padding: 55px 40px 40px 20px;} #container #sidebar.width-150 {width: 150px;} #container #sidebar.width-225 {width: 225px;} #container #sidebar #portrait { height: auto; width: 100px; z-index:50; opacity:0.75; margin:0 auto 25px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; {Block:IfShowBiggerPortrait} width:150px; {/Block:IfShowBiggerPortrait}} #container #sidebar #portrait:hover { opacity:1.0;} #container #sidebar #social-symbols { margin: 0 0 25px; text-align: center; width: 150px;} #container #sidebar #social-symbols a { color: #FFFFFF; display: inline-block; font-size: 9px; font-weight: 800; letter-spacing: -1px; margin: 0 1px 3px 0; opacity: 0.7; padding: 4px 0; position: relative; text-align: center; width: 21px;} #container #sidebar #social-symbols a:hover { opacity:1.0;} #container #sidebar #social-symbols a.fb {background-color: #3B5998;} #container #sidebar #social-symbols a.ig {background-color: #30618C;} #container #sidebar #social-symbols a.tw {background-color: #00B0ED;} #container #sidebar #social-symbols a.gp {background-color: #DF4A32;} #container #sidebar #social-symbols a.yt {background-color: #D7041B;} #container #sidebar #social-symbols a.dr {background-color: #ea4c89;} #container #sidebar #social-symbols a.bl {background-color: #FE6700;} #container #sidebar #social-symbols a.vi {background-color: #1AB7EA;} #container #sidebar #social-symbols a.vk {background-color: #507296;} #container #sidebar #social-symbols a.sc {background-color: #FF4B00;} #container #sidebar #social-symbols a.fl {background-color: #0063DC;} #container #sidebar #social-symbols a.pi {background-color: #CB2027;} #container #sidebar #social-symbols.fontello { height:auto; white-space:none; font-family:"mxdvs-themes"; word-spacing:-9px;} #container #sidebar #social-symbols.fontello a { display: inline-block; font-size: 10px; height: auto; margin: 0 1px 2px; padding: 6px; width: auto;} #container #sidebar #social-symbols.fontello .icon-facebook { background-color: #3B5998;} #container #sidebar #social-symbols.fontello .icon-instagram { background-color: #30618C;} #container #sidebar #social-symbols.fontello .icon-twitter { background-color: #00B0ED;} #container #sidebar #social-symbols.fontello .icon-gplus { background-color: #DF4A32;} #container #sidebar #social-symbols.fontello .icon-youtube { background-color: #D7041B;} #container #sidebar #social-symbols.fontello .icon-dribbble { background-color: #ea4c89;} #container #sidebar #social-symbols.fontello .icon-blogger { background-color: #FE6700;} #container #sidebar #social-symbols.fontello .icon-vimeo { background-color: #1AB7EA;} #container #sidebar #social-symbols.fontello .icon-vk { background-color: #507296;} #container #sidebar #social-symbols.fontello .icon-soundcloud { background-color: #FF4B00;} #container #sidebar #social-symbols.fontello .icon-flickr { background-color: #0063DC;} #container #sidebar #social-symbols.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; padding: 7px 7px 6px; border: 2px solid rgba({RGBcolor:Text}, 0.1); {block:IfUppercaseText} padding: 10px; {/block:IfUppercaseText}} #container #sidebar #links a, #container #sidebar #pages a, #container #sidebar #description a{ display:block; margin: 0 0 5px; letter-spacing: 1px; font-size:10px;} #container #sidebar #links a.custom-links, #container #sidebar #pages a.custom-pages, #container #sidebar #description a.description-link { margin:0;} #container #sidebar #links a:last-child, #container #sidebar #pages a:last-child, #container #sidebar #description a:last-child { margin:0;} #container #sidebar #links #custom-links, #container #sidebar #pages #custom-pages, #container #sidebar #description #description-box { display: none;} #container #sidebar #links #custom-links, #container #sidebar #pages #custom-pages, #container #sidebar #description #description-box { margin: 5px 0 0;} #container #sidebar #description #description-box a { font-size:;} #container #sidebar #pagination { font-weight:normal; line-height: 150%; margin: 0 0 10px; font-size:10px; padding: 7px 7px 6px; border: 2px 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 { font-weight:bold;} #container #sidebar #pagination #arrows .icon-angle-left, #container #sidebar #pagination #arrows .icon-angle-right { font-size:12px;} #container #sidebar #pagination #current-page { float:right; text-align:right;} #container #sidebar #links #search {} #container #sidebar #links #search input.search_input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: {color:links}; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important; font-size: 10px; font-weight: bold; margin: 0 0 0 -1px; padding: 0; letter-spacing: 1px; width: 129px; opacity:1.0; text-transform: capitalize; {block:IfUppercaseText} text-transform: uppercase; {/block:IfUppercaseText}} body.font-helvetica-neue #sidebar #links #search input.search_input { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;} body.font-open-sans #sidebar #links #search input.search_input { font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif !important;} body.font-montserrat #sidebar #links #search input.search_input { font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size:10px;} body.font-source-sans-pro #sidebar #links #search input.search_input { font-family: "Source Sans Pro", Helvetica, Arial, "Lucida Grande", sans-serif !important;} #container #sidebar #links #search input.search_input::-webkit-input-placeholder, #container #sidebar #links #search input.search_input:-ms-input-placeholder { color: {color:links}; opacity:1.0;} #container #sidebar #links #search input.search_input:-moz-placeholder, #container #sidebar #links #search input.search_input::-moz-placeholder { color: {color:links}; opacity:1.0;} #container #sidebar #links #search .search_input:hover { color:;{color:Links hover}} #container #sidebar #links #search .submit { display:none} #container #sidebar #description #description-box { font-size: 10px; line-height: 135%; overflow: hidden; text-overflow: ellipsis; width: 124px; {Block:IfNotUppercaseText} text-transform: none; font-size: 9px; {/Block:IfNotUppercaseText} {Block:IfJustifyTextInDescription} text-align:justify; {Block:IfJustifyTextInDescription}} #container #sidebar #copyright-years { font-size: 8px; line-height: 100%; margin: 30px 0 0; overflow: hidden; padding: 0; text-align: center;} #container #back-to-top { border: 2px solid rgba(125, 125, 125, 0.1); font-size: 10px; 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:IfUppercaseText}} #container #back-to-top.top { top:auto; bottom: 40px;} #container #back-to-top.bottom { top:55px; bottom:auto;} #container #back-to-top.left { left: 40px;} #container #back-to-top.right { right: 40px; left: auto;} #container #back-to-top.width-150 {width:;} #container #back-to-top.width-225 {width:;} #container #content_box { position:absolute !important; left:210px; right:40px; top:55px;} #container #content_box.sb-pos-width-150-left {left: 230px;right: 40px;} #container #content_box.sb-pos-width-150-right {right: 230px;left: 40px;} #container #content_box.sb-pos-width-225-left {left: 285px;right: 40px;} #container #content_box.sb-pos-width-225-right {right: 285px;left: 40px;} #container #content { margin:auto;} #container #content #other-pages { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color: rgba({RGBcolor:Text}, 0.1); border-top: 3px solid rgba({RGBcolor:Text}, 0.05); font-size: 8px; list-style: none outside none; padding: 10px; box-sizing: border-box; text-transform: uppercase; {block:IfSidebarLeftOrRight} float: right; {/block:IfSidebarLeftOrRight}} #container #content #other-pages.width-150 {width:150px;} #container #content #other-pages.width-200 {width:200px;} #container #content #other-pages.width-250 {width:250px;} #container #content #other-pages.tightspacing {margin:0 0 20px;} #container #content #other-pages.mediumspacing {margin:0 0 50px;} #container #content #other-pages.widespacing {margin:0 0 100px;} #container #content #box { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color:{color:background}; {block:IfSidebarLeftOrRight} float: right; {/block:IfSidebarLeftOrRight}} #container #content #box.width-150 {width:150px;} #container #content #box.width-200 {width:200px;} #container #content #box.width-250 {width:250px;} #container #content #box.tightspacing {margin:0 0 20px;} #container #content #box.mediumspacing {margin:0 0 50px;} #container #content #box.widespacing {margin:0 0 100px;} #container #content #box.instagram-container {} #container #content #box.width-150 #inner {height: 185px;} #container #content #box.width-200 #inner {height: 239px;} #container #content #box.width-250 #inner {height: 290px;} #container #content #box.instagram-container #inner h3 { background: transparent none repeat scroll 0 0; border: 2px solid rgba({RGBcolor:Text}, 0.1); font-size: 10px; letter-spacing: 1px; line-height: 114%; margin: 0 0 10px; padding: 10px 11px; text-transform: uppercase; word-spacing: 2px;} #container #content #box.width-150.instagram-container #inner h3{ font-size: 12px; padding-bottom: 8px;} #container #content #box.instagram-container #inner ul { margin:0; padding:0;} #container #content #box.instagram-container #inner ul li { display: none; float:left; opacity: 0.75; position: relative; margin: 0 5px 5px 0; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} #container #content #box.instagram-container #inner ul li:hover {opacity: 1;} #container #content #box.width-150 #inner ul li {width: 46px;} #container #content #box.width-200 #inner ul li {width: 63px;} #container #content #box.width-250 #inner ul li {width: 80px;} #container #content #box.instagram-container #inner ul li:nth-child(-n+9) {display:block;} #container #content #box.instagram-container #inner ul li:nth-child(3n) {margin-right:0;} #container #content #box.instagram-container #inner ul li a {} #container #content #box.instagram-container #inner ul li a img { width: 100%; height: auto;} #container #content #post { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color:{color:background}; {block:IfSidebarLeftOrRight} float: right; {/block:IfSidebarLeftOrRight} {block:Permalinkpage} float: left; margin: 0; padding: 0; 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.width-150 {width:150px;} #container #content #post.width-200 {width:200px;} #container #content #post.width-250 {width:250px;} #container #content #post.tightspacing {margin:0 0 20px;} #container #content #post.mediumspacing {margin:0 0 50px;} #container #content #post.widespacing {margin:0 0 100px;} #container #content #post.static { max-width:540px;} #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-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 #small-permalink.source { height: 88px; margin: -46px 0 0; {Block:IfPostSpacingtight} height: 15px; margin: 0 0 0 -50px; {Block:IfPostSpacingtight}} #container #content #post #small-permalink.tightspacing { bottom: -16px; height: 17px; left: 50%; margin: 0 0 0 -50px; overflow: hidden; position: absolute; top: auto; width: 100px;} #container #content #post #small-permalink.mediumspacing { left:-37px;} #container #content #post #small-permalink.widespacing { left:-63px;} #container #content #post:hover #small-permalink { opacity:1; visibility: visible;} #container #content #post #small-permalink a { display: inline-block; margin: 0 0 5px; padding: 5px 7px 4px; text-align: center; width: 7px; background-color: {color:Background}; border: 2px solid rgba({RGBcolor:Text}, 0.1);} #container #content #post #small-permalink.tightspacing a { border-top: 0 none; font-size: 7px; margin: 0 0 3px; padding: 1px 4px; width: 6px;} #container #content #post #small-permalink a:last-child { margin:0;} #container #content #post #info { font-size:10px; float: none; margin: 0; padding: 0; display:block;} #container #content #post.video-150-tightspacing #info {width:320px;} #container #content #post.video-150-mediumspacing #info {width:350px;} #container #content #post.video-150-widespacing #info {width:400px;} #container #content #post.video-200-tightspacing #info {width:420px;} #container #content #post.video-200-mediumspacing #info {width:450px;} #container #content #post.video-200-widespacing #info {width:500px;} #container #content #post.video-250-tightspacing #info {width:520px;} #container #content #post.video-250-mediumspacing #info {width:550px;} #container #content #post.video-250-widespacing #info {width:600px;} #container #content #post #info .hidden { display:none;} #container #content #post #info #caption { font-size: 9px; font-weight: normal !important; margin: 10px 0 0; padding: 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;} #container #content #post #info #caption blockquote:first-child { margin:0;} #container #content #post #info #caption blockquote p { margin:0 0 5px;} #container #content #post #info #caption blockquote p:last-of-type { margin:0;} #container #content #post #info #post-info { margin: 5px 0 0; padding: 10px; list-style:none; background-color: transparent; border: 2px solid rgba({RGBcolor:Text}, 0.1); {block:IfUppercaseText} text-transform: uppercase; font-size: 8px; {/block:IfUppercaseText}} #container #content #post #info #post-info li { display:inline-block;} #container #content #post #info #post-info li.notes { float:left;} #container #content #post #info #post-info li.date { float:right; text-align:right;} /* General Post styling */ #container #content #other-pages h3, #container #content #post h3, #container #content h3 { font-size: 14px; margin: 0 0 10px;} #container #content #other-pages h3:last-child, #container #content #post h3:last-child, #container #content h3:last-child { margin: 0;} #container #content #caption:empty { display:none;} #container #content #caption .tumblr_blog { display: inline-block; margin: 0 0 4px; padding: 0; text-transform: capitalize; border-bottom: 2px solid rgba({RGBcolor:Text}, 0.1);} #container #content p { margin:10px 0 0;} #container #content p:first-of-type { margin:0;} #container #content blockquote { 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:200px; margin:10px 0 0; display:inline-block;} /* Quote Post styling */ #container #content #post #quote { position:relative; text-align:center;} #container #content #post #quote h3 { font-size: 17px; font-weight: bold; margin: 20px 0;} #container #content #post #quote h3:hover { color:{color:text} !important;} #container #content #post #quote #quote_symbol { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 175px; font-weight: bold; height: 70px; letter-spacing: -14px; line-height: 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 #source { 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: 2px solid rgba({RGBcolor:Text}, 0.1);} #container #content #post #ask #question span.q { display: block; line-height:100%; font-size: 10px;} #container #content #post #ask #question span.q span { display:block; opacity:0.4;} #container #content #post #ask #question .asker-blck { display: block; font-size: 9px; line-height: 100%; margin: 2px 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:{select:Post Width}px; {block:IfUppercaseText} font-size:9px; text-transform: uppercase; {/block:IfUppercaseText}} #container #content #post #ask #answer { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-style: none solid solid; border-width: medium 2px 2px; font-style: italic; margin: 0; padding: 7px 10px; border-color: -moz-use-text-color rgba({RGBcolor:Text}, 0.1) rgba({rgbcolor:Text}, 0.1); border-right: 2px 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-transform:uppercase; white-space:no-wrap;} #container #content #post #ask #answer p { font-size: 10px; line-height: 100%; margin: 0; position: relative;} #container #content #post #ask #answer img { max-width:100%; height:auto;} /* Chat Post styling */ #container #content #post #chat { overflow:hidden;} #container #content #post #chat ul.chat { list-style:none; margin:0; padding:0; {Block:IfUppercaseText} font-size:9px; text-transform: uppercase; {/Block:IfUppercaseText}} #container #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-child(even) { background-color: rgba({rgbcolor:Text}, 0.1);} #container #content #post #chat ul.chat li span { color: rgba({rgbcolor:Text}, 1.0);} /* Photo Post styling */ #container #content #post #photo { position:relative;} #container #content #post #photo img { max-width:100%;} #container #content #post #photo #gradient { /* background-image: url("http://static.tumblr.com/8jq17g7/xhBmld4lg/logo_ig_6.png"); background-position: 113px -11px; background-repeat: no-repeat; background-size: 74px auto; */ visibility:hidden; height: 100%; opacity: 0; position: absolute; transition: all 0.6s ease 0s; width: 100%; font-weight:bold; z-index: 498; text-transform:uppercase; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; background: rgb(255,255,255); color:rgba({rgbcolor:Background}, 0.9); background: -moz-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({rgbcolor:background}, 1)), color-stop(40%,rgba({rgbcolor:background}, 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%, rgba({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 Hover}, 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: border-box; {Block:IfSidebarLeftOrRight} text-align:right; {/Block:IfSidebarLeftOrRight}} #container #content #post #photo #gradient #simple-gradient span { font-size: 8px; line-height: 150%; margin: 0 0 10px; padding: 7px 7px 5px; display:block; border: 2px solid rgba({RGBcolor:Text}, 0.4); -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 #photo #gradient #simple-gradient span:last-child { margin:0;} #container #content #post #photo #gradient #simple-gradient span:hover { border: 2px solid rgba({RGBcolor:Text}, 0.8); background: rgba({RGBcolor:background Image Hover}, 0.45);} #container #content #post #photo #gradient #simple-gradient span.perma-reblog {} #container #content #post #photo #gradient #simple-gradient span.perma-reblog .perma { float:left;} #container #content #post #photo #gradient #simple-gradient span.perma-reblog .reblog { float:right;} #container #content #post #photo #gradient #reblog_image, #container #content #post #photo #gradient #permalink_image, #container #content #post #photo #gradient #date_image, #container #content #post #photo #gradient #notes_image, #container #content #post #photo #gradient #top_info_image, #container #content #post #photo #gradient #notes_title, #container #content #post #photo #gradient #date_title { border-style: solid; border-width: 2px; position: absolute; text-align: center; transition: all 0.6s ease 0s; z-index: 5000; -webkit-transition: 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-150 #reblog_image, #container #content #post #photo #gradient.gradient-150 #permalink_image, #container #content #post #photo #gradient.gradient-150 #date_image, #container #content #post #photo #gradient.gradient-150 #notes_image, #container #content #post #photo #gradient.gradient-150 #top_info_image, #container #content #post #photo #gradient.gradient-150 #notes_title, #container #content #post #photo #gradient.gradient-150 #date_title { bottom: 20px; font-size: 8px; left: 10px; padding: 6px 8px;} #container #content #post #photo #gradient.gradient-200 #reblog_image, #container #content #post #photo #gradient.gradient-200 #permalink_image, #container #content #post #photo #gradient.gradient-200 #date_image, #container #content #post #photo #gradient.gradient-200 #notes_image, #container #content #post #photo #gradient.gradient-200 #top_info_image, #container #content #post #photo #gradient.gradient-200 #notes_title, #container #content #post #photo #gradient.gradient-200 #date_title { bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #container #content #post #photo #gradient.gradient-250 #reblog_image, #container #content #post #photo #gradient.gradient-250 #permalink_image, #container #content #post #photo #gradient.gradient-250 #date_image, #container #content #post #photo #gradient.gradient-250 #notes_image, #container #content #post #photo #gradient.gradient-250 #top_info_image, #container #content #post #photo #gradient.gradient-250 #notes_title, #container #content #post #photo #gradient.gradient-250 #date_title { bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #container #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); background-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 #gradient #permalink_image a{ color:rgba({rgbcolor:Background}, 1.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 #photo #gradient #reblog_image a:hover, #container #content #post #photo #gradient #permalink_image a:hover, #container #content #post #photo #gradient #date_image a:hover, #container #content #post #photo #gradient #notes_image a:hover { color:rgba({rgbcolor:Background}, 1);} #container #content #post #photo #gradient #reblog_image { width:42px; text-align: left;} #container #content #post #photo #gradient.gradient-150 #reblog_image { width:34px;} #container #content #post #photo #gradient #permalink_image { text-align: right; left: auto !important;} #container #content #post #photo #gradient.gradient-150 #permalink_image {right: 10px; width: 58px;} #container #content #post #photo #gradient.gradient-200 #permalink_image {right: 20px; width: 72px;} #container #content #post #photo #gradient.gradient-250 #permalink_image {right: 20px; width: 122px;} #container #content #post #photo #gradient #notes_image {bottom: 50px !important;} #container #content #post #photo #gradient.gradient-150 #notes_image {bottom:46px !important;} #container #content #post #photo #gradient #date_image { bottom: 50px !important; right: 20px ; text-align: right; z-index: -1;} #container #content #post #photo #gradient.gradient-150 #date_image { bottom: 46px !important; right: 10px;} #container #content #post #photo #gradient #notes_title, #container #content #post #photo #gradient #date_title { border: medium none; font-size: 7px !important; left: auto !important; padding: 0 !important; text-transform: uppercase; width: 46px !important;} #container #content #post #photo #gradient #notes_title { bottom: 89px !important; left: 21px !important;} #container #content #post #photo #gradient #date_title { bottom: 89px !important; right: 29px !important; width: 23px !important;} #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 #content #post #photo #gradient.gradient-150 #notes_title {bottom: 79px !important; left: 10px !important;} #container #content #post #photo #gradient.gradient-150 #date_title { bottom: 77px !important; right: 18px !important;} #container #content #post #photo #gradient.gradient-150 #top_info_image { left: 20px;} #container #content #post #photo #gradient #top_info_image a {} #container #content #post #photo #gradient #top_info_image a:hover {} #container #content #post #photo #gradient #top_info_image #tag-list { display: none; list-style: none outside none; margin: 0; padding: 0; width: 140px;} #container #content #post #photo #gradient #top_info_image #tag-list span { display: inline-block;} #container #content #post #photo #gradient #top_info_image #tag-list li { display: inline-block;} #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;} #container #content #post #audio #album_art.art-150 {width:150px;} #container #content #post #audio #album_art.art-200 {width:200px;} #container #content #post #audio #album_art.art-250 {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-150 { border-left: 62px solid #FFFFFF; border-right: 61px solid #FFFFFF;} #container #content #post #audio #player.player-200 { border-left: 87px solid #FFFFFF; border-right: 86px solid #FFFFFF;} #container #content #post #audio #player.player-250 { border-left: 112px solid #FFFFFF; border-right: 111px solid #FFFFFF;} #container #content #post #audio:hover #player { opacity:0.85} #container #content #post #audio #info { background:rgba(255,255,255,0.85); margin:0; padding:20px; position:absolute; top:0; bottom:37px; left:0; right:0; list-style:none; opacity:0; font-size:10px; -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:hover #info { opacity:1;} #container #content #post #audio #info li { border: 2px solid rgba({RGBcolor:Text}, 0.05); border-top:0; line-height: 200%; margin: 0; padding: 3px 5px;} #container #content #post #audio #info li:first-child { border: 2px solid rgba({RGBcolor:Text}, 0.05);} /* Photoset Post styling */ #container #content #post #photoset {margin: 0 0 10px;} #container #content #post #photoset .photo-set-sizing { display: block; float: left; height: auto; margin: 0 10px 10px 0; max-width: none; {Block:Permalinkpage} width:245px; {/Block:Permalinkpage}} {Block:Indexpage} #container #content #post #photoset .photoset-150 { width:70px;} #container #content #post #photoset .photoset-200 { width:95px;} #container #content #post #photoset .photoset-250 { width:120px;}{/Block:Indexpage} #container #content #post #photoset .photo-set-sizing:nth-child(even) { margin:0 0 10px;} #container #content #post #photoset .photo-set-sizing:nth-last-of-type(-n+2) { margin-bottom: 0;} #container #content #post #photoset .photo-set-sizing:last-of-type:nth-child(2n+1) { width: 150px; margin: 0; max-width: none; {Block:Permalinkpage} Width:500px; {/Block:Permalinkpage}} {Block:Indexpage} #container #content #post #photoset .photoset-150:last-of-type:nth-child(2n+1) { width:150px;} #container #content #post #photoset .photoset-200:last-of-type:nth-child(2n+1) { width:200px;} #container #content #post #photoset .photoset-250:last-of-type:nth-child(2n+1) { width:250px;}{/Block:Indexpage} #container #content #post #photoset #caption { clear:both} #container #content #post #photoset #caption ul { margin:10px 0 0 10px; padding:0; list-style:none; font-size:9px} #container #content #post #photoset #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #container #content #post #photoset #caption p {} #container #content #post #photoset #caption a { text-decoration:underline} #container #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;} #container #content #post #photoset #permalinks a { display:inline-block; margin:0 5px;} /* Video Post styling */ #container #content #post #video { position: relative; padding-bottom: 56.3%; height: 0;} #container #content #post #video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #container #content #post.video-150-tightspacing {width:320px;height:;} #container #content #post.video-150-mediumspacing {width:350px;height:;} #container #content #post.video-150-widespacing {width:400px;height:;} #container #content #post.video-150-tightspacing iframe {width:320px;height:;} #container #content #post.video-150-mediumspacing iframe {width:350px;height:;} #container #content #post.video-150-widespacing iframe {width:400px;height:;} #container #content #post.video-200-tightspacing {width:420px;height:;} #container #content #post.video-200-mediumspacing {width:450px;height:;} #container #content #post.video-200-widespacing {width:500px;height:;} #container #content #post.video-200-tightspacing iframe {width:420px;height:;} #container #content #post.video-200-mediumspacing iframe {width:450px;height:;} #container #content #post.video-200-widespacing iframe {width:500px;height:;} #container #content #post.video-250-tightspacing {width:520px;height:;} #container #content #post.video-250-mediumspacing {width:550px;height:;} #container #content #post.video-250-widespacing {width:600px;height:;} #container #content #post.video-250-tightspacing iframe {width:520px;height:;} #container #content #post.video-250-mediumspacing iframe {width:550px;height:;} #container #content #post.video-250-widespacing iframe {width:600px;height:;} /* Post Info styling */ #container #content #permalink-info { float: left; margin: 0 0 40px; padding: 0 0 40px 40px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {block:IfSidebarLeftOrRight} text-align:right; float:right; padding: 0 40px 40px 0; {/block:IfSidebarLeftOrRight}} #container #content #permalink-info #caption { display: inline-block; line-height: 100%; margin: 0 0 40px 0; padding: 15px; text-align:left; border: 2px solid rgba({RGBcolor:Text}, 0.1);} #container #content #permalink-info #caption p { margin:0 0 10px;} #container #content #permalink-info #caption p:last-child { margin:0;} #container #content #permalink-info #caption ul { margin:10px 0 10px 10px; padding:0; list-style:none; font-size:9px} #container #content #permalink-info #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #container #content #permalink-info #caption blockquote { margin:10px 0 10px 10px;} #container #content #permalink-info #caption blockquote:last-child { margin:10px 0 0 10px;} #container #content #permalink-info #caption:empty { display:none} #container #content #permalink-info #info-list { display: block; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; white-space: nowrap;} #container #content #permalink-info #info-list li { display: inline-block; font-size: 9px; line-height: 7px; margin: 0 0 40px -3px; padding: 10px; text-transform: uppercase; border: 2px solid rgba({RGBcolor:Text}, 0.1); border-left:none;} #container #content #permalink-info #info-list li:first-child { border: 2px solid rgba({RGBcolor:Text}, 0.1); margin: 0 0 40px 0;} #container #content #permalink-info #info-list li span { display: block; font-size: 9px; margin-bottom: 40px; margin-top: -26px; position: absolute; text-transform: lowercase;} #container #content #permalink-info #info-list li a {} #container #content #permalink-info ol.notes { display: inline-block; list-style-type: none; margin: 0; overflow: hidden; padding: 10px; width: 78%; border: 2px 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: 20px;} #container #content #permalink-info ol.notes li.note img.avatar { height: 20px; width: 20px; opacity:0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #container #content #permalink-info ol.notes li.note img.avatar:hover { opacity:1;} #container #content #permalink-info ol.notes li.note span{ display:none;} #container #content #permalink-info ol.notes li.note span.action a{ font-weight: bold;} #container #content #permalink-info ol.notes li.note .answer_content { font-weight: normal; display:none;} #container #content #permalink-info ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container #content #permalink-info ol.notes li.note blockquote a { text-decoration: none; display:none;} #container #content #permalink-info ol.notes li.more_notes_link_container{ border-style: solid; clear: both !important; display: block; 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: 2px solid rgba({RGBcolor:Text}, 0.1); border-width: 2px 0 0;} #container #content #permalink-info #tag-list { display: inline-block; font-size: 8px; list-style: none outside none; margin: 20px 0 0 -6px; padding: 0; text-align: center; width: 50%;} #container #content #permalink-info #tag-list li { display: inline-block; font-weight: 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" class="{select:Sidebar Position} {select:Sidebar Width}">
{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="fontello"{/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="_blank" 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="_blank" 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" class="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="_blank" class="sc">S</a>
{/block:ifSoundcloudUrl}
{block:ifFlickrUrl}
<a href="{text:Flickr Url}" title="Flickr" target="_blank" class="fl">f</a>
{/block:ifFlickrUrl}
{block:ifPinterestUrl}
<a href="{text:Pinterest Url}" title="Pinterest" target="_blank" class="pi">P</a>
{/block:ifPinterestUrl}
{/block:ifChangeSocialIcons}
{block:ifNotChangeSocialIcons}
{block:ifFacebookUrl}
<a href="{text:Facebook Url}" title="Facebook" class="icon-facebook" 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-twitter" 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-youtube" target="_blank"></a>
{/block:ifYoutubeUrl}
{block:ifDribbbleUrl}
<a href="{text:Dribbble Url}" title="Dribbble" class="icon-dribbble" target="_blank"></a>
{/block:ifDribbbleUrl}
{block:ifBloggerUrl}
<a href="{text:Blogger Url}" title="Blogger" class="icon-blogger" target="_blank"></a>
{/block:ifBloggerUrl}
{block:ifVimeoUrl}
<a href="{text:Vimeo Url}" title="Vimeo" class="icon-vimeo" target="_blank"></a>
{/block:ifVimeoUrl}
{block:ifVKUrl}
<a href="{text:VK Url}" title="Vk" class="icon-vk" target="_blank"></a>
{/block:ifVKUrl}
{block:ifSoundcloudUrl}
<a href="{text:Soundcloud Url}" title="Soundcloud" class="icon-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 href="#description" 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:ifNotEditAskTitle}{Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitle}</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}" placeholder="Search" class="search_input"/>
<input type="submit" value="Search" class="submit"/>
</form>
{/Block:IfShowSearchBar}
</div>
<div id="links">
<a href="#links" 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}
{block:ifLink2Title}
<a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
{/block:ifLink5Title}
</div>
</div>
{block:HasPages}
<div id="pages">
<a href="#pages" 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 class="clear"></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="Previous Post"></a> /
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" class="icon-angle-right" title="Next Post"></a>
{/block:NextPost}
</div>
<div class="clear"></div>
</div>
{/block:PermalinkPagination}
{/block:PermalinkPage}
{/block:ifNotInfiniteScroll}
{block:ifInfiniteScroll}{block:IndexPage}
<div id="back-to-top" class="{select:Sidebar Position} {select:Sidebar Width}">
<a href="#Back To Top" id="up">Back To Top</a>
</div>
{/block:IndexPage}{/block:ifInfiniteScroll}
{Block:IfShowCopyrightYears}
<div id="copyright-years">© {CopyrightYears}</div>
{/Block:IfShowCopyrightYears}
<div id="infscr-loading"></div>
</div>
<div id="content_box" class="{select:Post Spacing} sb-pos-{select:Sidebar Width}-{select:Sidebar Position}">
<div id="content" class="{select:Post Spacing}">
{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 "{SearchQuery}"</h3></div> {/block:SearchResults}
{block:NoSearchResults}
<div id=searchresults><h3>Sorry no results for "{SearchQuery}"</h3></div>{/block:NoSearchResults}
</div>
{/block:SearchPage}
{block:Indexpage}{block:IfInstagramIDCode}
<div id="box" class="instagram-container {select:Post Size} width-{select:Post Size} {select:Post Spacing}">
<div id="inner">
<h3>Instagram Feed</h3>
<ul id="feed"></ul>
</div>
</div>
{/block:IfInstagramIDCode}{/block:Indexpage}
{block:Posts}
<div id="post" class="{block:Indexpage}{select:Post Size} width-{select:Post Size} {select:Post Spacing}{/block:Indexpage}{block:Video} video-{select:Post Size}-{select:Post Spacing}{block:Video}" {block:Permalinkpage}{block:Video}class="static"{/block:Video}{block:Photoset}class="static"{/block:Photoset}{/block:Permalinkpage}>
{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="Notes">{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" title="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">Reblog</a>
</div>
<div id="permalink_image">
<a href="{Permalink}" title="Permalink">Permalink</a>
</div>
{block:NoteCount}
<div id="notes_image">
<a href="{Permalink}" title="Notes">{NoteCount}</a>
</div>{/block:NoteCount}{block:Date}
<div id="date_image">
{DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}
</div>
{/block:Date}
{/Block:ifNotSwitchPhotoGradientStyle}
</div>
<center><img src="{PhotoURL-500}"/></center>
{/block:IndexPage}
{block:PermalinkPage}
<center><img src="{PhotoURL-HighRes}"/></center>
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div id="photoset">
<div id="photo">
{block:Photos}
{block:IndexPage}
<img class="photo-set-sizing photoset-{select:Post Size}" src="{PhotoURL-250}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />
{/block:IndexPage}
{block:PermalinkPage}
<img class="photo-set-sizing" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />
{/block:PermalinkPage}
{/block:Photos}
<div class="clear"></div>
</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}
{block:PermalinkPage}
<center>{Video-500}</center>
{/block:PermalinkPage}
</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"{/Block:Photo} class="{select:Post Spacing}{block:RebloggedFrom} source{/block:RebloggedFrom}">
<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="_blank" title="Source">S</a>{/block:RebloggedFrom}
</div>
{/block:Date}
{/block:IndexPage}
{Block:IfShowPostInfo}{block:IndexPage}
{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="{NoteCountWithLabel}">{NoteCount}N</a></li>
{/block:NoteCount}
<li class="date"><a href="{Permalink}" title="Posted on {DayOfMonth} {ShortMonth}, {Year}">{DayOfMonth} {ShortMonth}, {Year}</a></li>
<div class="clear"></div>
</ul>
</div>
{/block:Date}{/block:IndexPage}
{/Block:IfShowPostInfo}
</div><!-- end #post -->
{block:PermalinkPage}
{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="_blank">
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:PermalinkPage}
<div class="clear"></div>
{/block:Posts}
</div><!-- End content -->
</div><!-- End content_box -->
</div>
{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
<script type="text/javascript" src="http://themaxdavisthemes.com/code2/jQuery.js"></script>
<script type="text/javascript">
{block:IndexPage}
jQuery(function() {
var $wall{select:Post Spacing} = $('#content.{select:Post Spacing}');
//$wall.imagesLoaded( function(){
// $wall.masonry({
// itemSelector: "#post.{select:Post Size}, #other-pages.{select:Post Size}",
// //columnWidth: "#post.width-{select:Post Size}",
// gutter: 20,
// {block:IfSidebarLeftOrRight}isRTL: true,{block:IfSidebarLeftOrRight}
// isFitWidth: true
// });
//});
$("#content.{select:Post Spacing}").imagesLoaded( function(){
$walltightspacing.masonry({
itemSelector : '#post, #other-pages, #box',
{block:IfSidebarLeftOrRight}isRTL: true, isOriginLeft: false,{block:IfSidebarLeftOrRight}
isFitWidth: true,
columnWidth: {select:Post Size},
gutter : 20
});
});
$("#content.{select:Post Spacing}").imagesLoaded( function(){
$wallmediumspacing.masonry({
itemSelector : '#post, #other-pages, #box',
{block:IfSidebarLeftOrRight}isRTL: true, isOriginLeft: false,{block:IfSidebarLeftOrRight}
isFitWidth: true,
columnWidth: {select:Post Size},
gutter : 50
});
});
$("#content.{select:Post Spacing}").imagesLoaded( function(){
$wallwidespacing.masonry({
itemSelector : '#post, #other-pages, #box',
{block:IfSidebarLeftOrRight}isRTL: true, isOriginLeft: false,{block:IfSidebarLeftOrRight}
isFitWidth: true,
columnWidth: {select:Post Size},
gutter : 100
});
});
{block:ifInfiniteScroll}
$wall{select:Post Spacing}.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{select:Post Spacing}.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 style=\"background-color:#000000;\">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');}
});
});
});
$(document).load(function(){
e.preventDefault();
$wall.infinitescroll('retrieve');
});
$('#load').click(function(){
$(document).trigger('retrieve.infscr');
return false;
});{/block:ifInfiniteScroll}
});
{/block:IndexPage}
{block:IfInstagramIDCode}
// Instagram Feed
$('#container #content #box.instagram-container #feed').embedagram({instagram_id:{text:Instagram ID Code}});
{/block:IfInstagramIDCode}
$("#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>]]>
