<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme PLAIN By Max Davis
Last update 10.08.15
Theme info + code: http://themes.mxdvs.co/themes/plain
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="#ffd862" />
<meta name="color:if Gradient Background" content="#23a7cb" />
<!-- Select Options -->
<meta name="select:Background" content="gradient-fixed" title="Gradient Fixed">
<meta name="select:Background" content="body" title="Random Color">
<meta name="select:Background" content="static" title="Static Color">
<meta name="select:Background" content="gradient" title="Gradient Static">
<meta name="select:Background" content="disco" title="Disco effect">
<meta name="select:Disco Background Speed" content="100" title="Slow">
<meta name="select:Disco Background Speed" content="50" title="Medium">
<meta name="select:Disco Background Speed" content="1" title="Fast">
<meta name="select:Gradient Style" content="linear" title="Linear">
<meta name="select:Gradient Style" content="diagonal-1" title="Diagonal 1">
<meta name="select:Gradient Style" content="diagonal-2" title="Diagonal 2">
<meta name="select:Gradient Style" content="diagonal-3" title="Diagonal 3">
<meta name="select:Gradient Style" content="diagonal-4" title="Diagonal 4">
<meta name="select:Blog Title Size" content="medium" title="Medium">
<meta name="select:Blog Title Size" content="big" title="Big">
<meta name="select:Post Spacing" content="spacing_30" title="30px">
<meta name="select:Post Spacing" content="spacing_60" title="60px">
<meta name="select:Post Spacing" content="spacing_90" title="90px">
<meta name="select:Text Color" content="white" title="White">
<meta name="select:Text Color" content="black" title="Black">
<meta name="select:Blog Information" content="not-fixed sidebar left" title="Left Sidebar">
<meta name="select:Blog Information" content="fixed sidebar left" title="Left Sidebar (fixed)">
<meta name="select:Blog Information" content="not-fixed sidebar right" title="Right Sidebar">
<meta name="select:Blog Information" content="fixed sidebar right" title="Right Sidebar (fixed)">
<!-- Blog Options -->
<meta name="if:Fixed Tumblr Controls" content="1" />
<meta name="if:Infinite Scroll" content="1" />
<meta name="if:Hide Search Bar" content="0" />
<meta name="if:Hide Archive Link" content="0" />
<meta name="if:Hide Random Link" content="0" />
<meta name="if:Hide Search Bar" content="0" />
<meta name="if:Hide Description" content="0" />
<meta name="if:Hide Post Caption" content="1" />
<!-- Text inputs -->
<meta name="text:Blog Title" content="" />
<meta name="text:Blog Title 2" content="Personal blog" />
<meta name="text:Blog Prefix" 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:Instagram ID Code" content="">
<meta name="text:Blogger Url" content="" />
<meta name="text:Dribbble Url" content="" />
<meta name="text:Facebook Url" content="" />
<meta name="text:Flickr Url" content="" />
<meta name="text:Google Plus Url" content="" />
<meta name="text:Instagram Url" content="" />
<meta name="text:Pinterest Url" content="" />
<meta name="text:Soundcloud Url" content="" />
<meta name="text:Twitter Url" content="" />
<meta name="text:Vimeo Url" content="" />
<meta name="text:Vk Url" content="" />
<meta name="text:Youtube Url" content="" />
<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="" />
<style type="text/css"> html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;} /* Body, Tumblr Controls, Links, Fonts & varia */ html { min-height:100%; background:fixed;} body { font-size:12px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color:{select:Text Color};} body.gradient, body.gradient-fixed { background: rgb({RGBcolor:Background}); background: -moz-linear-gradient(top, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({RGBcolor:background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1))); background: -webkit-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -o-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -ms-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: linear-gradient(to bottom, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:If Gradient Background}',GradientType=0 );} body.diagonal-1-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1))); background: -webkit-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -o-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -ms-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:If Gradient Background}',GradientType=1 );} body.diagonal-2-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1))); background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -o-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -ms-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Background}', endColorstr='{color:If Gradient Background}',GradientType=1 );} body.diagonal-3-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:If Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1))); background: -webkit-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -o-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -ms-linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: linear-gradient(45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:If Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.diagonal-4-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:If Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1))); background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -o-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -ms-linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: linear-gradient(-45deg, rgba({RGBcolor:If Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:If Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.static { background:{color:Background} !important;} body.gradient-fixed { background-attachment:fixed;} body.disco { background:#FFFFFF;} body.body { background:transparent;} {block:PermalinkPage} body { background-attachment:fixed !important;} body.gradient { background-attachment: scroll !important;} {/block:PermalinkPage} a { color:{select:Text Color}; text-decoration:none;} a:hover {color:{select:Text Color};} a:active {outline: none;} a:focus {-moz-outline-style: none;} :-moz-any-link:focus {outline: none;} img {border:none;display:block;} .clear {clear:both;}{block:IfNotFixedTumblrControls} #tumblr_controls, #credit-box #theme-c {position:absolute !important}{block:IfNotFixedTumblrControls}{block:IfFixedTumblrControls} #tumblr_controls, #credit-box #theme-c {position:fixed !important} {/block:IfFixedTumblrControls} :-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};} /* Fade */ #fade { bottom: 0; height: 100%; position: fixed; width: 100%; z-index: 5000; background: rgb({RGBcolor:Background}); background: -moz-linear-gradient(top, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:If Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({RGBcolor:background},1)), color-stop(100%,rgba({RGBcolor:If Gradient Background},1))); background: -webkit-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -o-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: -ms-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); background: linear-gradient(to bottom, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:If Gradient Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );} /* Container */ #container { width:500px; margin:auto; position:relative;} #container.sidebar { margin-top: 15px; padding: 15px 15px 0; width: 1030px;} /* Blog Information: Sidebar, Fixed */ #blog-information {} #blog-information.sidebar { width:500px; position:absolute;} #blog-information.fixed { position:fixed;} #blog-information.left, #blog-information.right { padding: 0 15px 0 0;} #blog-information.right { left: auto; margin: 0 0 0 515px; padding: 0 0 0 15px;} /* Blog Titles */ #blog-information #titles { color:{select:Text Color}; width:100%; font-size: 12px;} #blog-information #titles a { color:{select:Text Color};} #blog-information #titles h1 { display: inline-block; line-height: 100%; font-weight:bold; margin: 0; text-transform: uppercase;} #blog-information #titles h1.medium {font-size:60px;} #blog-information #titles h1.big {font-size:75px;} #blog-information #titles h2 { line-height:100%; font-weight:100; text-align:right; font-size:40px; margin:0 0 10px; text-transform: uppercase;} #blog-information.sidebar #titles h2{ white-space:none; text-align:left;} #blog-information #titles h2.medium {font-size:30px;} #blog-information #titles h2.big {font-size:35px;} #blog-information #instagram-container {height:60px;margin:0 0 60px;} #blog-information #instagram-container h3 { display: inline-block; font-size: 16px; text-transform: uppercase;} #blog-information #instagram-container #feed { display: block; margin: 15px 0 0; vertical-align: text-top;} #blog-information #instagram-container #feed li { display: none; height: 56px; overflow: hidden; position: relative; width: 56px; margin-right: 5px; float:left; background: {select:Text Color};} #blog-information #instagram-container #feed li:nth-child(-n+5) {display: block} #blog-information #instagram-container #feed li a {} #blog-information #instagram-container #feed li a img { height: auto; opacity: 0.7; width: 100%;} #blog-information #instagram-container #feed li:hover a img {opacity: 1.0;} #blog-information #pagination { font-size: 13px; font-weight: 400; text-align: left; word-spacing: -3px;} #blog-information.header #pagination { font-size: 20px; font-weight: bold; text-align: right; word-spacing: -5px;} #blog-information.sidebar #pagination { font-size: 25px; font-weight: bold; margin: 0; word-spacing: -7px;} #blog-information #pagination span, #blog-information #pagination a { margin: 0 10px 0 0;} #blog-information #pagination .current_page { opacity:1; cursor:default;} #blog-information #pagination a, #blog-information #pagination:hover .current_page {opacity:0.5;} #blog-information #pagination .current_page:hover, #blog-information #pagination a:hover {opacity:1;} #blog-information #pagination #totalpages { display: inline-block; word-spacing: normal; opacity:0.5; cursor:default;} /* Other Blog Information */ #blog-information #kist { margin:30px 0;} #blog-information #kist #description, #blog-information #kist #links { font-size: 15px; margin: 0 0 30px; text-transform: uppercase;}{block:IfInstagramIDCode} #blog-information #kist #links {margin: 0 0 60px;}{/block:IfInstagramIDCode} #blog-information #kist #social { margin: 0 0 30px;} #blog-information #kist #social a { font-size: 17px; margin: 0 10px 0 0; opacity: 0.5;} #blog-information #kist #social a:hover {opacity:1.0} #blog-information #kist h3 { font-weight:bold; display:inline-block; margin: 0;} #blog-information #kist #description p { display: inline; font-weight: 300;} #blog-information #kist #links ul { display: inline-block; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 442px; vertical-align: top;} #blog-information #kist #links ul li { display:block;} #blog-information #kist #links ul li a {} #blog-information #kist #links ul li #search {} #blog-information #kist #links ul li #search input.search_input { color: {select:Text Color}; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 16px; font-weight: 300; margin: 0; opacity: 1; padding: 0; text-transform: uppercase; width: 100%;} #blog-information #kist #links ul li #search input.search_input::-webkit-input-placeholder, #blog-information #kist #links ul li #search input.search_input:-ms-input-placeholder { color: {select:Text Color}; opacity:1.0;} #blog-information #kist #links ul li #search input.search_input:-moz-placeholder, #blog-information #kist #links ul li #search input.search_input::-moz-placeholder { color: {select:Text Color}; opacity:1.0;} #blog-information #kist #links ul li #search .search_input:hover { color: {select:Text Color};} #blog-information #kist #links ul li #search .submit { display:none} /* Content */ #container #content { width:500px;} #container #content.sidebar { width:500px;} #container #content.left, #container #content.right { padding: 0 0 0 15px; text-align:left; {block:PermalinkPage}margin:10px 0 0;{/block:PermalinkPage}} #container #content.left { margin: 0 0 0 515px;} #container #content.right { padding: 0 15px 0 0; text-align:right;} /* Search & Tag pages */ #other-pages {} #other-pages h3 { display: block; font-size: 25px; font-weight: 300; line-height: 150%; margin: 0; text-transform: uppercase;} #other-pages h3 strong { display: block; font-size: 50px; font-weight: bold;} #other-pages #searchresults {} /* Posts */ #container #content #post { display: block; width:500px; overflow:hidden; position:relative;} #container #content #post.spacing_30 { margin:0 0 30px;} #container #content #post.spacing_60 { margin:0 0 60px;} #container #content #post.spacing_90 { margin:0 0 90px;}{block:PermalinkPage} #container #content #post.spacing_30, #container #content #post.spacing_60, #container #content #post.spacing_90 { margin:0 0 30px;}{/block:PermalinkPage} #container #content.sidebar #post {display: inline-block;} #container #content #post:last-child {margin:0;} #container #content #post img {max-width:100%} #container #content.sidebar #post { max-width:100%; display:inline-block;} #container #content #post #inner-post { overflow:hidden; width:500px; position:relative; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;} {block:IndexPage} #container #content #post:hover #inner-post { margin:0 0 0 -180px; width:500px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} {/block:IndexPage} #container #content #post h3 { font-size: 35px; font-weight: 300; text-transform: uppercase; line-height: 100%; margin:0 0 10px;} /* Slide In Permalink */ #container #content #post #side-permalink { position:absolute; overflow:hidden; right:-150px; top:0; font-size:11px; height:100%; width:150px; text-align:right; padding:0; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;} #container #content #post:hover #side-permalink { right:0px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} #container #content #post #side-permalink a, #side-permalink span { display:block;} #container #content #post #side-permalink .notes { font-size: 40px; font-weight: bold;} #container #content #post #side-permalink .time-ago { font-size: 20px; font-weight: 100; text-transform: uppercase;} #container #content #post #side-permalink .permalink, #container #content #post #side-permalink .reblog, #container #content #post #side-permalink .source { font-size: 13px; font-weight: 200; margin: 20px 0 0; text-transform: uppercase;} #container #content #post #side-permalink .reblog, #container #content #post #side-permalink .source { margin: 0;} #container #content #post #side-permalink .day-month-year { font-weight: bold; margin: 3px 0 0; text-transform: uppercase;} /* Caption posts */ #container #content #post #caption { margin: 20px 0 0; padding: 20px; position: relative; text-align: left;} #container #content #post #caption a.tumblr_blog { text-transform: capitalize;} #container.white #content #post #caption {background-color:rgba(255,255,255,0.1);} #container.black #content #post #caption {background-color:rgba(0,0,0,0.1);} #container #content #post #caption:empty, #container.white #content #post #caption:empty, #container.black #content #post #caption:empty {display:none; background:transparent;} #container #content #post #caption p {margin:0 0 10px;position:relative;} #container #content #post #caption p:last-of-type {margin:0;} #container #content #post #caption p img {margin:0 0 5px;width:100%;height:auto;} #container #content #post #caption blockquote { margin: 5px 0 10px; padding: 0 0 0 10px;} #container #content #post #caption blockquote:last-of-type { margin: 5px 0 ;} #container #content #post #caption ul { list-style: circle inside none; padding: 0 10px 10px;} /* Quote posts */ #container #content #post #quote { display:block; position:relative;} #container #content #post #quote #quote_symbol { font-size: 200px; font-weight: bold; height: 21px; left: 0; letter-spacing: -17px; line-height: 0; opacity: 0.25; position: absolute; top: -45px; width: 77px;} #container.black #content #post #quote #quote_symbol {opacity: 0.1;} #container #content #post #quote #source { display: block; font-size: 15px; font-weight: bold; margin: 10px 0 0; text-transform: uppercase;} /* Q&A Posts */ #container.black #content #post #ask { font-size: 16px; font-weight: 300; line-height: 115%; text-transform: uppercase;} #container.black #content #post #ask #question { margin: 0 0 15px;} #container.black #content #post #ask span { font-weight:bold;} /* Chat posts */ #container #content #post #chat { display:block; font-size:15px; text-transform:uppercase; font-weight:300; line-height:100%; text-align:left;} #container #content #post #chat li { padding:15px; overflow:hidden; display:block; position:relative; white-space:no-wrap;} #container #content #post #chat li #background{ opacity:0.1; position:absolute; top:0;bottom:0; left:0;right:0;} #container #content #post #chat li:nth-child(even) #background { background-color:{select:Text Color};} #container #content #post #chat li span { font-weight:bold;} #container #content #post #audio { width:500px;} #container #content #post #audio #art-side { width:220px; float:left;} #container #content #post #audio #info-side { float: left; height: 220px; padding: 0 0 0 10px; position: relative; width: 270px;} #container #content #post #audio .album-art { height: 220px; width: 220px;} #container #content #post #audio #info { padding:0;} #container #content #post #audio #info li { font-size: 13px; font-weight: 300; overflow: hidden; padding: 15px; position:relative; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap;} #container #content #post #audio #info li span { font-weight:bold;} #container #content #post #audio #info li #background{ opacity:0.1; position:absolute; top:0;bottom:0; left:0;right:0;} #container #content #post #audio #info li:nth-child(odd) #background { background-color:{select:Text Color};} #container #content #post #audio #player-black, #container #content #post #audio #player-white { bottom: 0; margin: 0; opacity: 0.1; padding: 10px; position: absolute; width: 250px;} #container #content #post #audio #player-black:hover, #container #content #post #audio #player-white:hover { opacity:0.7;} #container #content #post #audio #player-black.white, #container #content #post #audio #player-white.black { display:none;} #container #content #post #audio #player-black { background:black;} #container #content #post #audio #player-white { background:white;} #container #content #permalink-info { margin:0 0 60px;} #container #content #permalink-info #info-list { clear: both; display: block; padding: 0 0 20px;} #container #content #permalink-info #info-list li { display: block; float: right; font-size: 11px; margin: 0 0 10px 10px; padding: 10px; text-transform: uppercase;} #container #content.left #permalink-info #info-list li { float:left; margin: 0 10px 10px 0;} #container #content #permalink-info #info-list li:last-child{ float: right; margin: 0;} #container #content #permalink-info.black #info-list li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);} #container #content #permalink-info.white #info-list li { background: none repeat scroll 0 0 rgba(255,255,255, 0.05);} #container #content #permalink-info #info-list li span { display: inline-block; font-weight: bold; margin: 0 10px 0 0;} #container #content #permalink-info #tag-list { clear: both; display: block; margin: 10px 0 0;} #container #content #permalink-info #tag-list li { display: block; float: left; margin: 0 10px 0 0; font-weight:bold; padding: 5px; opacity: 0.5;} #container #content #permalink-info #tag-list li:hover { opacity:1;} #container #content #permalink-info.black #tag-list li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);} #container #content #permalink-info.black #tag-list li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);} #container #content #permalink-info.white #tag-list li { background: none repeat scroll 0 0 rgba(255,255,255, 0.1);} #container #content #permalink-info.white #tag-list li:hover { background: none repeat scroll 0 0 rgba(255,255,255, 0.05);} #container #content #permalink-info #caption { display: inline-block; font-weight: 300; margin: 0 0 30px; padding: 15px; text-align: left; width: 500px; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; } #container #content #permalink-info.black #caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);} #container #content #permalink-info.white #caption { background: none repeat scroll 0 0 rgba(255,255,255, 0.05);} #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; padding: 0 0 2px 10px;} #container #content #permalink-info.black #caption blockquote{ border-left: 5px solid rgba(0,0,0, 0.05);} #container #content #permalink-info.white #caption blockquote{ border-left: 2px solid rgba(255, 255, 255, 0.1);} #container #content #permalink-info #caption blockquote:last-child { margin:10px 0 5px 10px;} #container #content #permalink-info #caption:empty { display:none} #container #content #permalink-info ol.notes { clear: both; display: inline-block; list-style-type: none; margin: 0; max-width: 500px; overflow: hidden; padding: 0;} #container #content #permalink-info ol.notes li.note { clear: none !important; display: block; margin: 0; min-height: 20px; padding: 5px; width: auto;} #container #content #permalink-info.white #notes ol.notes li.note:nth-child(odd){ background: none repeat scroll 0 0 rgba(255,255,255, 0.05);} #container #content #permalink-info.black #notes ol.notes li.note:nth-child(odd){ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);} #container #content #permalink-info ol.notes li.note img.avatar { display: inline-block; height: 20px; margin: 0 15px 0 0; vertical-align: middle; width: 20px;} #container #content #permalink-info ol.notes li.note span{ display: inline-block; font-size: 11px; position: relative; text-transform: uppercase; vertical-align: middle; width: 455px;} #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 { display: inline-block; margin: 5px 0 5px 35px; opacity: 0.5; padding: 0;} #container #content #permalink-info ol.notes li.note blockquote a { text-decoration: none;} #container #content #permalink-info ol.notes li.more_notes_link_container { clear: both !important; display: block; float: right; font-size: 11px; font-weight: bold; height: auto; line-height: 100%; margin: 20px 0 0; min-height: inherit; overflow: visible; padding: 10px 5px 8px; position: relative; text-align: center; text-transform: uppercase; width: 120px;} #container #content.left #permalink-info ol.notes li.more_notes_link_container { float:left;} #container #content.right #permalink-info ol.notes li.more_notes_link_container { float: right; text-align: right !important;}</style>
</head>
<body onload="{select:Background}()" class="{select:gradient style}-gradient {select:Background}">
<div id="container" class="{select:Blog Information} {select:Text Color}">
<div id="blog-information" class="{select:Blog Information}">
<div id="titles">
<h1 class="{select:Blog Title Size}"><a href="/">{Block:IfNotBlogTitle}{Title}{/Block:IfNotBlogTitle}{Block:IfBlogTitle}{text:Blog Title}{/Block:IfBlogTitle}</a></h1>
{Block:IfBlogTitle2}<h2 class="{select:Blog Title Size}">{text:Blog Title 2}</h2>{/Block:IfBlogTitle2}
</div>
<div id="kist">{Block:IfNotHideDescription}
<div id="description">
<!-- <h3>Description {text:Blog Prefix}</h3> -->
<p>{Description}</p>
</div>{/Block:IfNotHideDescription}
<div id="social">
{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>
</div>
<div id="links">
<h3>Links {text:Blog Prefix}</h3>
<ul>
{block:AskEnabled}
<li><a href="/ask">{Block:ifNotEditAskTitle}{AskLabel}{/Block:ifNotEditAskTitle}
{Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitle}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}
<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
{block:ifLink1Title}
<li><a href="{text:Link 1}">{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<li><a href="{text:Link 2}">{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<li><a href="{text:Link 3}">{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<li><a href="{text:Link 4}">{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<li><a href="{text:Link 5}">{text:Link 5 Title}</a>
{/block:ifLink5Title}
{Block:IfNotHideArchiveLink}
<li><a href="/archive">Archive</a></li>{/Block:IfNotHideArchiveLink}
{Block:IfNotHideRandomLink}
<li><a href="/random">Random</a></li>{/Block:IfNotHideRandomLink}
{Block:IfNotHideSearchBar}
<li>
<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>
</li>
{/Block:IfNotHideSearchBar}
</ul>
</div>
{block:IfInstagramIDCode}
<div id="instagram-container">
<div class="inner">
<h3>Instagram Feed {text:Blog Prefix}</h3>
<ul id="feed"></ul>
</div>
</div>
{/block:IfInstagramIDCode}
</div>
{Block:IfNotInfiniteScroll}{block:Pagination}
<div id="pagination">
{block:JumpPagination length="8"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}
<div class="clear"></div>
</div>{/block:Pagination}{/Block:IfNotInfiniteScroll}
</div>
<div id="content" class="{select:Blog Information}">
{block:TagPage}
<div id="other-pages" class="{Block:Indexpage}{select:Post Spacing}{/Block:Indexpage}">
<h3>Posts tagged with <strong>#{Tag}</strong></h3>
</div>
{/block:TagPage}
{block:SearchPage}
<div id="other-pages" class="{Block:Indexpage}{select:Post Spacing}{/Block:Indexpage}">
{block:SearchResults}<div id="searchresults"><h3>{SearchResultCount} result(s) for <strong>{SearchQuery}</strong></h3></div> {/block:SearchResults}
{block:NoSearchResults} <div id="searchresults"><h3>Sorry no results for <strong>{SearchQuery}</strong></h3></div>{/block:NoSearchResults}
</div>
{/block:SearchPage}
{block:Posts}
<div id="post" class="{select:Post Spacing}">
<div id="inner-post">
{block:Text}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div id="photo">
{block:IndexPage}
<center><img src="{PhotoURL-500}" id="gradient-map"/></center>
{/block:IndexPage}
{block:PermalinkPage}
<center><img src="{PhotoURL-HighRes}"/></center>
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
{Photoset-500}
{/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">
<div id="art-side">
{block:AlbumArt}
<img src="{AlbumArtURL}" class="album-art" />
{/block:AlbumArt}
</div>
<div id="info-side">
<ul id="info">
{block:TrackName}
<li><span>Track:</span> {TrackName}</li>
{/block:TrackName}
{block:Artist}
<li><span>Artist:</span> {Artist}</li>
{/block:Artist}
{block:PlayCount}
<li><span>Play count:</span> {PlayCount}</li>
{/block:PlayCount}
</ul>
<div id="player-{select:Text Color}" class="black">
{AudioPlayerBlack}
</div>
<div id="player-{select:Text Color}" class="white">
{AudioPlayerWhite}
</div>
</div>
<div class="clear"></div>
</div>
{/block:Audio}
{block:Chat}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
<ul id="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/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 >{Asker}</span>
{Question}
</div>
<div id="answer">
<span >{Name}</span>
{Answer}
</div>
</div>
{/block:Answer}
</div> <!-- #inner-post -->
{block:IndexPage}
{block:Date}
<div id="side-permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes" title="Notes">{NoteCount}</span></a>
{/block:NoteCount}
<a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a>
<!-- <a href="{Permalink}" class="day-month-year">{DayOfMonth} {Month} {Year}</a> -->
<a href="{Permalink}" class="permalink" title="Permalink Page">Permalink</a>
<a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a>
{block:RebloggedFrom}
<a href="{ReblogRootURL}" class="source" target="_blank" title="Source">Source</a>{/block:RebloggedFrom}
</div>
{Block:IfNotHidePostCaption}{block:Caption}
<div id="caption" class="{select:Text Color} {select:Blog Information}">{Caption}</div>
{/block:Caption}{/Block:IfNotHidePostCaption}
{/block:Date}
{/block:IndexPage}
</div><!-- end #post -->
{block:PermalinkPage}
{block:Date}
<div id="permalink-info" class="{select:text color} {select:Blog Information}">
{block:Caption}
<div id="caption">{Caption}</div>
{/block:Caption}
<ul id="info-list">
{block:NoteCount}
<li>{NoteCountWithLabel}</li>
{/block:NoteCount}
<li>{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}
<div class="clear"></div>
</ul>
{block:HasTags}
<ul id="tag-list">
{block:Tags}
<li>
<a href="{TagURL}" target="_blank">#{Tag}</a>
</li>
{/block:Tags}
<div class="clear"></div>
</ul>
{/block:HasTags}
{block:PostNotes}
<div id="notes">
{PostNotes-64}
</div>
{/block:PostNotes}
{/block:Date}
{/block:PermalinkPage}
<div class="clear"></div>
{/block:Posts}
</div><!-- End content -->
</div><!-- End container -->
{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">
$(function() {
var randomColor = Math.floor(Math.random()*16777215).toString(16);
$("{select:Background}").css({backgroundColor: '#' + randomColor});
});
$(window).scroll(function() {
$("#blog-information.not-fixed #pagination").sticky({topSpacing:30});
});
{block:IfInstagramIDCode}
$(document).ready(function() {
// Instagram Feed
$('#instagram-container #feed').embedagram({instagram_id:{text:Instagram ID Code}});
});{/block:IfInstagramID Code}
{block:IndexPage}
$(window).load(function(){
var $wall = $('#content');
$wall.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : "{Block:IfInfiniteScroll}#post{/Block:IfInfiniteScroll}",
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 );
});
$("#caption p").remove(":contains('Source:')");
$("#caption p").remove(":contains('(via')");
$('.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:{select:Text Color};\">' + 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:IndexPage}
$("#caption p").remove(":contains('Source:')");
$("#caption p").remove(":contains('(via')");
//$("#fixed-header").mouseover(function(){
// $("#bottom-part").stop().slideDown('fast');
//});
//$("#fixed-header").mouseout(function(){
// $("#bottom-part").slideUp('fast');
//});
</script>
<script type="text/javascript">
<!--
r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16); o[a]=c%16; switch (t[a]) {case 10:t[a]='A';break;case 11:t[a]='B';break;case 12:t[a]='C';break;case 13:t[a]='D';break;case 14:t[a]='E';break;case 15:t[a]='F';break;default:break;} switch (o[a]) {case 10:o[a]='A';break;case 11:o[a]='B';break;case 12:o[a]='C';break;case 13:o[a]='D';break;case 14:o[a]='E';break;case 15:o[a]='F';break;default:break;}} function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) {c++; d[a]=2;} else { if ((Math.random()<=1/2||c==255)&&c>0) {c--;d[a]=1;} else d[a]=0;} return c} function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) {c++;d[a]=2} else if ((d[a]==1&&c>0)||c==255) {c--; d[a]=1;} if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1} return c} function disco() { if (flag==0) {r=ran(1, r);g=ran(2, g);b=ran(3, b);hex(1,r);hex(2,g);hex(3,b); document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]; flag=50} else{r=do_it(1, r);g=do_it(2,g);b=do_it(3,b);hex(1,r);hex(2,g);hex(3,b); document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3];flag--} setTimeout('disco()', {select:Disco Background Speed})}
//-->
</script>
</body>
</html>]]>
