Tumblr theme 4

<!DOCTYPE html>

 {Title}                <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">  <meta name="if:Infinite Scroll" content="1" /> <meta name="if:Uppercase Text" content="1" /> <meta name="if:Show Post Info" content="0" /> <meta name="if:Show Photo Post Captions" content="0" /> <meta name="if:Switch Photo Gradient Style" content="0" />  <meta name="if:Change Social Icons" content="0" /> <meta name="if:Show Sidebar Portrait" content="1" /> <meta name="if:Show Bigger Portrait" content="1" /> <meta name="if:Show Archive Link" content="0" /> <meta name="if:Show Random Link" content="0" /> <meta name="if:Show Search Bar" content="0" /> <meta name="if:Show Description" content="0" /> <meta name="if:Justify Text In Description" content="0" /> <meta name="if:Show Copyright Years" content="1" />  <meta name="text: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 {}  <body class="{select:Font}">              (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'));                  <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}                               {/block:ifNotChangeSocialIcons}                                       {Block:IfShowDescription}                           <a href="#description" class="description-link">Description</a>                {Description}                       {/Block:IfShowDescription}                                       <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"/>                                   {/Block:IfShowSearchBar}                                                  <a href="#links" class="custom-links">{block:ifEditLinksTitle}{text:Edit Links Title}{/block:ifEditLinksTitle}</a>                                                   {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}                                                  {block:HasPages}                                   <a href="#pages" class="custom-pages"> {block:ifEditPagesTitle}{text:Edit Pages Title}{/block:ifEditPagesTitle}</a>                                                   {block:Pages}                        <a href="{URL}" title="{Label}">{Label}</a>                    {/block:Pages}                                      {/block:HasPages}                        {block:ifInfiniteScroll}            {block:IndexPage}                          <a href="#Loading More Posts ..." id="load">Load More Posts </a>           {/block:IndexPage}            {/block:ifInfiniteScroll}            {block:ifNotInfiniteScroll}            {block:IndexPage}             {block:Pagination}                                          {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}                                               {CurrentPage}/{TotalPages}                                      {/block:Pagination}            {/block:IndexPage}                         {block:PermalinkPage}             {block:PermalinkPagination}                                           {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}                                                      {/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>                       {/block:IndexPage}{/block:ifInfiniteScroll}                    {Block:IfShowCopyrightYears}            &copy; {CopyrightYears}            {/Block:IfShowCopyrightYears}                                                      <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}">            Posts tagged with "#{Tag}"               {/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}             {SearchResultCount} result(s) for "{SearchQuery}" {/block:SearchResults}                         {block:NoSearchResults}             Sorry no results for "{SearchQuery}" {/block:NoSearchResults}                {/block:SearchPage}         {block:Indexpage}{block:IfInstagramIDCode}        <div id="box" class="instagram-container {select:Post Size} width-{select:Post Size} {select:Post Spacing}">                           Instagram Feed                </ul>                          {/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}"> {Title} </a>              {/block:Title}              {Body}            {/block:Text}              {block:Photo}                         {block:IndexPage}                <div id="gradient" class="gradient-{select:Post Size}">                    {Block:ifSwitchPhotoGradientStyle}                    {block:Date}                                            {block:NoteCount} <a href="{Permalink}" title="Notes">{NoteCount}</a> {/block:NoteCount}                         <a href="{Permalink}" title="{DayOfMonthWithZero} {ShortMonth}, {Year}">{DayOfMonthWithZero} {ShortMonth}, {Year}</a>                        <a href="{Permalink}" title="Permalink" class="perma">Permalink</a><a href="{ReblogURL}" target="_blank" title="Reblog" class="reblog">Reblog</a>                                        {/block:Date}                     {/Block:ifSwitchPhotoGradientStyle}                                        {Block:ifNotSwitchPhotoGradientStyle}                    <div id="reblog_image">                        <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>                                       <div id="permalink_image">                        <a href="{Permalink}" title="Permalink">Permalink</a>                                       {block:NoteCount}                     <div id="notes_image">                        <a href="{Permalink}" title="Notes">{NoteCount}</a>                    {/block:NoteCount}{block:Date}                    <div id="date_image">                        {DayOfMonthWithZero}-{MonthNumberWithZero}-{Year}                                       {/block:Date}                     {/Block:ifNotSwitchPhotoGradientStyle}                                                 <img src="{PhotoURL-500}"/>              {/block:IndexPage}                                  {block:PermalinkPage}                <img src="{PhotoURL-HighRes}"/>                 {/block:PermalinkPage}                       {/block:Photo}                        {block:Photoset}                                          {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}                                                     {/block:Photoset}            {block:Quote}                             <div id="quote_symbol">,,                  <a href="{Permalink}"> {Quote} </a>                    {block:Source}                    {Source}                  {/block:Source}                         {/block:Quote}              {block:Link}              <a href="{URL}" class="link" {Target}>                {Name}              </a>                              {block:Description}                {Description}              {/block:Description}            {/block:Link}            {block:Audio}                                                                {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}                                               {block:AlbumArt}                <img src="{AlbumArtURL}" id="album_art" class="art-{select:Post Size}"/>                {/block:AlbumArt}                         {/block:Audio}            {block:Chat}                             {block:Title}                  <a href="{Permalink}"> {Title} </a>                {/block:Title}                                 {block:Lines}                    <li class="{Alt} user_{UserNumber}">                      {block:Label}                        {Label}                      {/block:Label}                        {Line}                    </li>                  {/block:Lines}                </ul>                         {/block:Chat}              {block:Video}              <div id="video" class="{select:Post Size}">                {block:IndexPage}                  {Video-250}                {/block:IndexPage}                              {block:PermalinkPage}                  {Video-500}                {/block:PermalinkPage}                          {/block:Video}            {block:Answer}                                                Message from {Asker}                    {Question}                                                            Answer:                  {Answer}                                        {/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}                            {/block:Date}            {/block:IndexPage}             {Block:IfShowPostInfo}{block:IndexPage}             {block:Date}                                                        {Block:IfShowPhotoPostCaptions}                    {block:Caption}                      {Caption}                    {/block:Caption}                    {/Block:IfShowPhotoPostCaptions}                                        <ul id="post-info" {block:Photo}class="hidden"{/block:Photo} class="{select:Post Spacing}">                        {block:NoteCount}                            <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}N</a></li>                        {/block:NoteCount}                             <a href="{Permalink}" title="Posted on {DayOfMonth} {ShortMonth}, {Year}">{DayOfMonth} {ShortMonth}, {Year}</a></li>                                               </ul>                                           {/block:Date}{/block:IndexPage}              {/Block:IfShowPostInfo}                                       {block:PermalinkPage}            {block:Date}                                        {block:Caption}                  {Caption}                {/block:Caption}                            <ul id="info-list">                  {block:NoteCount}              <li> notes {NoteCountWithLabel}</li>                  {/block:NoteCount}              <li> Posted {DayOfMonthWithZero} {Month} {Year}</li>                  {block:RebloggedFrom}               <li> source <a href="{ReblogRootURL}" target="_blank">                  {ReblogRootName}</a></li>                  {/block:RebloggedFrom}                   {block:HighRes}               <li> size <a href="{PhotoURL-HighRes}" target="_blank">                  High-Res</a></li>                  {/block:HighRes}                  {block:ExternalAudio}              <li> audio file <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}                         {/block:Posts}                  {block:Pagination} {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage} {/block:Pagination} <script type="text/javascript" src="http://themaxdavisthemes.com/code2/jQuery.js"> <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") +' ');}                });            });        });        $(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);	    });    });