Tue, 2016-06-07 03:36
So I'm new to all this coding stuff and I was wondering if anyone could help me figure out how to move my tumblr description box without making the numbers/next button move with it.
I want to move it so it's to the right of the next page button because there's a large amount of gray space there that I'd like to fill.
<!DOCTYPE html> <html> <head> <!-- ****************************************************************** THEME : 04. S E N T I N E L VERSION : PUBLIC; DESIGNED BY : CALSYFUR.TUMBLR.COM ****************************************************************** --> <meta name="color:Background" content="#fff" /> <meta name="color:Theme color" content="#5c5c5c"/> <meta name="color:Body links" content="#f4931c" /> <meta name="color:Hover links" content="#7ac9ff"> <meta name="color:Body text" content="#525252" /> <meta name="color:Sidebar text" content="#f6f6f6" /> <meta name="color:Post color" content="#f8f8f7" /> <meta name="color:Text highlight" content="#14c2d3" /> <meta name="color:Scrollbar" content="#666666"/> <meta name="color:Ask background" content="#ffdeb5"/> <meta name="font:Body" content="Arial"/> <meta name="if:Infinite scroll" content="0"/> <meta name="if:Sidebar search" content="1"/> <meta name="if:Show Captions" content="1"/> <meta name="if:Show Scroll To Top" content="1"/> <meta name="text:Google Analytics ID" content=''/> <meta name="image:Background" content="" /> <meta name="text:Custom Link One" content=""/> <meta name="text:Custom Link One URL" content=""/> <meta name="text:Custom Link Two" content=""/> <meta name="text:Custom Link Two URL" content=""/> <meta name="text:Custom Link Three" content=""/> <meta name="text:Custom Link Three URL" content=""/> <meta name="text:Custom Link Four" content=""/> <meta name="text:Custom Link Four URL" content=""/> <meta name="text:Custom Link Five" content=""/> <meta name="text:Custom Link Five URL" content=""/> <meta name="text:Custom Link Six" content=""/> <meta name="text:Custom Link Six URL" content=""/> <meta name="text:Custom Link Seven" content=""/> <meta name="text:Custom Link Seven URL" content=""/> <meta name="text:Custom Link Eight" content=""/> <meta name="text:Custom Link Eight URL" content=""/> <meta name="text:Custom Link Nine" content=""/> <meta name="text:Custom Link Nine URL" content=""/> <meta name="text:Custom Link Ten" content=""/> <meta name="text:Custom Link Ten URL" content=""/> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, width=device-width" /> <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css"> <link href="http://static.tumblr.com/bpmgss9/c5emeg1a8/lightbox.css" rel="stylesheet" /> <!--Google WebFonts--> <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'> <!-- used--> <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Dosis:600,800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'> <style type="text/css"> /*Basic styles*/ ::-moz-selection { background: {color:Text highlight}; color: #fff; } ::selection { background: {color:Text highlight}; color: #fff; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track-piece { background-color: {color:Background}; } ::-webkit-scrollbar-thumb:vertical { width: 5px; background-color: {color:Scrollbar}; } body { background: {color:Background} url('{image:Background}') fixed; color: {color:Body text}; font-family: {font:Body}, 'Times New Roman', Helvetica; font-size: 11px; margin: 0; padding: 0; word-spacing: 0; overflow-x: hidden; } p { margin: 10px 0; padding: 0; clear: both; } ul { margin: 0; padding-right: 12px; list-style-type: square; } ol { margin-top: 0; margin-left: -10px; padding-right: 12px; } blockquote { background: rgba(120, 120, 120, 0); border-left: 1px solid rgba(60, 60, 60, 0.45); margin: 10px; padding-left: 5px; } #side-right blockquote { border-left: 1px solid {color:Sidebar text}; } pre, code { display: block; background: rgba(237,237,237,0.9); margin: 2px; padding: 3px; } h1, h2, h3, h4, h5, h6 { font-family: tahoma; margin: 0; padding-left: 10px; color: {color:Sidebar title}; } b, strong { font-weight: bold; } a { color: {color:Body links}; text-decoration: none; transition: all 0.16s ease-in; -webkit-transition: all 0.16s ease-in; -moz-transition: all 0.16s ease-in; -o-transition: all 0.16s ease-in; } a:hover { color: {color:Hover links}; } iframe, {block:IfNotInfiniteScroll}embed,{/block:IfNotInfiniteScroll} object, video { max-width: 100%; } video, iframe.tumblr_video_iframe, .tumblr_video_container { min-width: 500px; min-height: 260px; } iframe { width: 100%; } img, .photoset img { max-width: 100%; } .max-photo { min-width: 100%; } b, strong { font-weight: bold; } u { } i, em { font-style: italic; } /*Posts*/ #post { background: {color:Post color}; width: 500px; margin: 10px 0; padding: 10px; border: 1px solid rgba(240,240,240,0.9); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; } {block:IndexPage} #post:hover { border: 1px solid {color:Theme color}; } #post:hover .post-notes { color: {color:Sidebar text}; background: {color:Theme color}; } {/block:IndexPage} .posts { background: {color:Post color}; padding: 0; width: 500px; overflow: hidden; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; } .posts .photo { overflow: hidden; } .post-captions { background: {color:Post color}; position: relative; z-index: 99999; } #content-wrapper { width: 1060px; margin: 0; padding: 0 30px; } #content { width: 550px; min-height: 100%; margin: 0; padding: 25px 0 0 25px; position: absolute; margin-left: 265px; z-index: 9000; } #side { height: 100%; position: fixed; font-family: arial, sans-serif; } #side ul { margin: 0; padding: 0; list-style-type: none; } #side-inner { margin: 0; padding: 10px; } #side h2 { position: relative; top: 0px; left: 0px; color: #fff; font-family: 'Lato'; font-weight: 300; text-transform: uppercase; background: {color:Theme color}; margin: 0; padding: 2px 12px; /* box-shadow: 2px 2px rgba(110,110,110,0.5); */ } #side ul { background: rgba(250,250,250,1); margin: 0 0 25px 10px; padding: 3px 0; } #menu { position: relative; top: 90px; left: 35px; margin-top: 10px; width: 220px; } #menu li { color: {color:Theme color}; font-size: 11px; font-family: 'consolas'; margin: 0; padding: 2px 5px; text-transform: capitalize; border-bottom: 1px dotted rgba(200,200,200,0.3); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; } #menu li:hover { padding: 2px 12px; color: #fff; background: {color:Theme color}; border-bottom: 1px dotted {color:Theme color}; } #menu li:hover:before { opacity: 1; left: -3px; color: {color:Theme color}; } #menu li.first:hover:before { opacity: 1; left: -3px; color: #fff; } #menu li.first:before { color: #fff; content: ">"; } #menu li:before { opacity: 0; padding: 2px 2px 3px 2px; color: {color:Theme color}; content: ">"; position: absolute; margin-top: -2px; left: -60px; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } #menu li:active { background: {color:Body links}; } #side-tri { width: 0px; height: 0px; border-style: solid; border-width: 205px 205px 0 0; border-color: {color:Theme color} transparent transparent transparent; position: fixed; top: 0; left: 0; } #main-title { max-width: 300px; font-size: 30px; font-family: 'Lato'; text-transform: uppercase; background: {color:Theme color}; margin: 40px 0 60px; padding: 0 20px; position: fixed; overflow: hidden; } #main-title a { position: relative; z-index: 1; color: #fff; transition: all 0.5s ease 0.25s; -webkit-transition: all 0.5s ease 0.25s; -moz-transition: all 0.5s ease 0.25s; -o-transition: all 0.5s ease 0.25s; } #main-title:before { opacity: 0; color: #fff; content: "\21b3"; position: absolute; left: 0; transition: all 0.23s ease 0.25s; -webkit-transition: all 0.23s ease 0.25s; -moz-transition: all 0.23s ease 0.25s; -o-transition: all 0.23s ease 0.25s; } #main-title:after { color: #fff; content: "return"; position: absolute; z-index: 0; margin-top: -30px; left: 20px; transition: all 0.5s ease 0; -webkit-transition: all 0.5s ease 0; -moz-transition: all 0.5s ease 0; -o-transition: all 0.5s ease 0; } #main-title:hover a { opacity: 0; transition: all 0.5s ease 0; -webkit-transition: all 0.5s ease 0; -moz-transition: all 0.5s ease 0; -o-transition: all 0.5s ease 0; } #main-title:hover:before { opacity: 1; } #main-title:hover:after { margin-top: 0; transition: all 0.35s ease 0.25s; -webkit-transition: all 0.35s ease 0.25s; -moz-transition: all 0.35s ease 0.25s; -o-transition: all 0.35s ease 0.25s; } #side-right-wrap { width: 100%; height: 100%; position: fixed; margin: 0 0 0 850px; padding: 0 10px; text-align: justify; background: {color:Theme color}; border-left: 5px solid {color:Background}; outline: 1px solid {color:Theme color}; } #side-right { color: {color:Sidebar text}; width: 230px; height: 100%; display: table; } #side-right blockquote { color: {color:Body text}; } #side-right-inner { width: 100%; margin: 0; padding: 10px; vertical-align: middle; display: table-cell; border-left: 1px solid {color:Background}; } p.side-right-description { font-size: 11px; font-family: arial, times, helvetica; font-weight: normal; } #side-right p { color: {color:Sidebar text}; margin: 10px 0; padding: 0; line-height: 11px; } /* Post Gear */ /* answer + ask */ .answer p { font-size: 11px; font-family: 'consolas', sans-serif; line-height: 12px; padding: 0 0 0 5px; } .ask-question { background: {color:Ask background}; border: 1px solid {color:Ask background}; padding: 10px; margin-left: 58px; margin-bottom: 10px; width: 420px; min-height: 80px; } .ask-img { position: absolute; left: 20px; height: 70px; width: 70px; border: 5px solid #fff; } .asker { width: 450px; font-size: 12px; font-family: 'consolas', sans-serif; background: {color:Post color}; margin-bottom: 6px; padding: 0 5px; } .answerer { font-size: 12px; font-family: 'consolas', sans-serif; text-align: right; border-bottom: 1px solid {color:Theme color}; margin-bottom: 9px; padding: 0 5px; } .ask-reply { width: 420px; padding: 10px; border: 1px solid {color:Theme color}; } .answer-img { position: absolute; right: 20px; height: 70px; width: 70px; border: 5px solid #fff; } .replies { } /* audio player */ .cover { width: 150px; position: relative; left: 0; } .audiopost { width: 100%; } .audio { width: 340px; position: relative; margin-top: -150px; left: 160px; } .tracks { width: 340px; position: relative; left: 160px; margin-bottom: 10px; } .tracks ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .tracks ul li { font-family: 'consolas'; margin: 2px 0; padding: 6px 10px; border: 1px solid rgba(235,235,235,0.9); } /* quotes */ .quote { font-family: 'playfair display'; font-size: 32px; padding: 5px; line-height: 15px; } .quote:before { color: {color:Body links}; content: "\201c"; font-size: 80px; position: absolute; margin: 27px 0 0 0; } .quote:first-letter { display: inline-block; margin-left: 30px; } .quote blockquote { margin: 5px; padding: 5px; border-left: none; text-indent: 15px; line-height: 30px; text-align: center; } .quote cite { font-size: 18px; display: block; text-align: right; } /* chat */ .chat { margin: 0; } .chat ul, ul.tags { margin: 0; padding: 0; list-style-type: none; } .chat li { margin: 5px 0; padding: 5px 10px; } .chat li.odd { border: 1px solid {color:Body links}; } .chat li.odd span { color: {color:Body links}; } .chat li.even { border: 1px solid rgba(210,210,210,1); } .chat li span { font-weight: bold; } /* text & link title */ .text h1 { {block:IndexPage} margin: 0 0 10px 0; {/block:IndexPage} {block:PermalinkPage} margin: 15px 0 10px 0; {/block:PermalinkPage} padding: 0; font-family: 'Lato'; font-weight: 300; border-bottom: 1px solid {color:Body links}; } .linktitle { background: {color:Body links}; font-weight: normal; font-family: 'Dosis'; text-transform: uppercase; text-align: center; transition: all 0.16s ease-in; -webkit-transition: all 0.16s ease-in; -moz-transition: all 0.16s ease-in; -o-transition: all 0.16s ease-in; } .linktitle a { color: #fff; } .linktitle:hover { background: {color:Theme color}; } .linktitle:after { content: "\25b6"; color: #fff; position: absolute; margin-left: 10px; margin-top: -2px; } #pfooter-inner{ margin: 0; padding: 3px; text-transform: uppercase; } .post-notes { font-size: 11px; font-family: 'consolas'; text-transform: lowercase; margin: 10px 0 0 0; padding: 5px 10px 5px 5px; left: 0; text-align: center; background: rgba(230,230,230,0.9); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; } .post-notes a { font-size: 11px; font-family: 'consolas'; text-transform: lowercase; font-style: normal; } .met { text-align: center; margin: 0; padding: 0; } .met a { font-size: 9px; font-family: 'consolas'; letter-spacing: 1px; padding: 0 5px; margin: 0; } .met a:hover { color: #fff; background: {color:Body links}; } #permatags { margin: 30px 0 0 0; padding: 0; font-family: 'consolas'; text-transform: uppercase; } .perma-inner { padding: 2px 15px; background: rgba(230,230,230,0.9); } .perma-dates { display: inline; text-align: left; } #via-link { display: inline; float: right; text-align: right; } #via-link a { display: inline; margin: 0 1px; padding: 0 3px; } #via-link a:hover { color: {color:Background}; background: {color:Body links}; } ul.tags { text-align: center; margin: 2px 0 0 0; border-top: 1px solid rgba(245,245,245,1); } .tags li { display: inline-block; } .tags a { padding: 0 7px; margin: 0; } .tags a:hover { color: #fff; background: {color:Body links}; } #permanotes { position: relative; margin-top: 30px; padding: 0; max-height: 500px; overflow-x: hidden; } #permanotes img { max-width: 16px; } #permanotes li{ clear: both; list-style: none; padding: 5px 1px; border-bottom: 1px dotted rgba(210,210,210,0.5); } .notes { clear: both; padding: 0; font-family: consolas; } .notes span { position: relative; top: -9px; } .notes img { margin: 5px; } /* searchbar */ .magnify { z-index: 5; position: absolute; margin-top: -24px; left: 0; padding: 5px; width: 210px; height: 14px; background: url('http://static.tumblr.com/bpmgss9/gOzn2gek1/magnifying7.png') center no-repeat; background-size: 20px 20px; background-color: {color:Theme color}; transition: all 0.15s ease; } .magnify:hover, .magnify-two:hover { background-color: {color:Body links}; } .magnify-two { z-index: 3; position: absolute; margin: 0 0 0 -3px; padding: 5px; width: 31px; height: 24px; border: none; color: #fff; background: url('http://static.tumblr.com/bpmgss9/gOzn2gek1/magnifying7.png') center no-repeat; background-size: 20px 20px; background-color: {color:Theme color}; transition: all 0.15s ease; } #searchbar { width: 100%; margin: 0; padding: 0; overflow: hidden; } #the-search { width: 100%; } input.search { width: 170px; height: 12px; border: 1px solid {color:Theme color}; color: rgba(70,70,70,0.75); font-size: 10px; font-family: 'Droid Sans Mono'; padding: 5px 10px; } input[type=text]:focus { border: 1px solid {color:Body links}; } /* pagination */ #jump-pagi { max-width: 200%; margin-top: 50px; text-align: center; } #jump-pagi a { color: {color:Background}; font-size: 10px; font-family: 'consolas'; text-transform: uppercase; letter-spacing: 1px; margin: 0 1px; padding: 2px 5px; border: 1px solid {color:Background}; } #jump-pagi a:hover { color: {color:Theme color}; background: {color:Background}; } .current { color: {color:Theme color}; background: {color:Background}; font-size: 10px; font-family: 'consolas'; font-weight: normal; margin: 0 1px; padding: 2px 5px; border: 1px solid {color:Theme color}; outline: 1px solid {color:Background}; } #infscr-loading { position: fixed; left: 10px; bottom: 5px; z-index: 999999; } #c { position: fixed; z-index: 99999999999999999999; left: 900px; bottom: 0px; margin: 0; padding: 0; } #c a { display: block; color: {color:Sidebar text}; font-size: 10px; font-family: 'consolas'; text-transform: uppercase; text-align: center; letter-spacing: 1px; line-height: 10px; padding: 1px 10px; } #c a:hover { color: {color:Body links}; } #c a:before { content: ""; width: 50px; height: 0; border-bottom: 1px solid {color:Background}; position: absolute; margin-top: 5px; left: -41px; } #s-m-t-tooltip { max-width: 300px; position: absolute; z-index: 999999999999; margin: 0 11px; padding: 3px 9px; background: {color:Theme color}; box-shadow: 1px 1px rgba(30,30,30,0.2); font-family: consolas; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 13px; color: {color:Sidebar text}; } /*back to top*/ #back-top { display: none; position: fixed; right: 35px; bottom: 5px; z-index: 10000; } #back-top-inner { position: relative; bottom: 0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } #back-top a { font-family: arial; color: #fff; text-transform: uppercase; background-color: rgba(220,220,220, 0); border: 1px solid {color:Body links}; background: {color:Body links}; font-size: 12px; padding: 0 6px 22px 6px; height: 15px; width: 45px; } #back-top:hover #back-top-inner { bottom: 10px; } #back-top a:hover { color: #fff; border: 1px solid {color:Body links}; background: {color:Body links}; } {CustomCSS} </style> <script type="text/javascript"> <!-- function handleThis(formElm) { window.location="http://dustyhalo.tumblr.com/tagged/"+formElm.number.value+""; return false; } // --> </script> </head> <body> <div id="c"><a href="http://calsyfur.tumblr.com">theme by calsyfur</a></div> <div id="side-tri"></div> <div id="side"> <div id="side-inner"> <div id="main-title"><a href="/">{Title}</a></div> <div id="menu"> <h2>Main</h2> <ul> <a href="/"><li class="first">Home</li></a> <a href="/ask"><li>Message</li></a> <a href="/archive"><li>Archive</li></a> {block:SubmissionsEnabled} <a href="/submit"><li>Submit</li></a> {/block:SubmissionsEnabled} </ul> <h2>Navi</h2> <ul> {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}"><li>{text:Custom Link One}</li></a>{/block:IfCustomLinkOne} {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}"><li>{text:Custom Link Two}</li></a>{/block:IfCustomLinkTwo} {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}"><li>{text:Custom Link Three}</li></a>{/block:IfCustomLinkThree} {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}"><li>{text:Custom Link Four}</li></a>{/block:IfCustomLinkFour} {block:IfCustomLinkFive}<a href="{text:Custom Link Five URL}"><li>{text:Custom Link Five}</li></a>{/block:IfCustomLinkFive} {block:IfCustomLinkSix}<a href="{text:Custom Link Six URL}"><li>{text:Custom Link Six}</li></a>{/block:IfCustomLinkSix} {block:IfCustomLinkSeven}<a href="{text:Custom Link Seven URL}"><li>{text:Custom Link Seven}</li></a>{/block:IfCustomLinkSeven} {block:IfCustomLinkEight}<a href="{text:Custom Link Eight URL}"><li>{text:Custom Link Eight}</li></a>{/block:IfCustomLinkEight} {block:IfCustomLinkNine}<a href="{text:Custom Link Nine URL}"><li>{text:Custom Link Nine}</li></a>{/block:IfCustomLinkNine} {block:IfCustomLinkTen}<a href="{text:Custom Link Ten URL}"><li>{text:Custom Link Ten}</li></a>{/block:IfCustomLinkTen} </ul> {block:IfSidebarsearch} <div id="searchbar"> <form id="search-form" onsubmit="return handleThis(this)"> <input type="text" class="search" onkeydown="Javascript: if (event.keyCode==13) Search();"name="number" value=""/> <div class="magnify"></div> <input type="submit" class="magnify-two" value=""> </form> </div> <!-- end search --> {/block:IfSidebarsearch} </div> <!-- end menu--> </div><!-- end side inner --> </div> <!-- end side --> <div id="content-wrapper"> <div id="side-right-wrap"> <div id="side-right"> <div id="side-right-inner"> <p class="side-right-description">{block:Description}{Description}{/block:Description}</p> <div id="jump-pagi"> {block:IfNotInfiniteScroll} {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}" title="Newer">«</a> {/block:PreviousPage} {block:JumpPagination length="5"}{block:CurrentPage} <span class="current">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}" title="Older">»</a> {/block:NextPage} {/block:Pagination} {/block:IfNotInfiniteScroll} </div> </div><!-- inner --> </div><!-- side right --> </div><!-- wrap --> <!--Content holder--> <div id="content"> {block:Posts} <div id="post"> <article class="posts"> {block:Text} <div class="text"> {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} {Body} {/block:Text} {block:Photo} {block:IndexPage} <div class="photo"> <a href="{PhotoURL-HighRes}" rel="lightbox"><img class="max-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a> {/block:IndexPage} {block:PermalinkPage} {LinkOpenTag}<img class="max-photo" src="{PhotoURL-500}"/>{LinkCloseTag} {block:IfNotShowCaptions} {block:Caption}{Caption}{/block:Caption} {/block:IfNotShowCaptions} {/block:PermalinkPage} {block:IfShowCaptions} <div class="post-captions"> {block:Caption}{Caption}{/block:Caption} </div> {/block:IfShowCaptions} {/block:Photo} {block:Photoset} <div class="photoset"> {block:IndexPage}{Photoset}{/block:IndexPage} {block:PermalinkPage} {Photoset-500} {block:IfNotShowCaptions} {block:Caption}{Caption}{/block:Caption} {/block:IfNotShowCaptions} {/block:PermalinkPage} {block:IfShowCaptions} <div class="post-captions"> {block:Caption}{Caption}{/block:Caption} </div> {/block:IfShowCaptions} {/block:Photoset} {block:Quote} <div class="quote"> <blockquote>{Quote}</blockquote> {block:Source}<cite>—{Source} </cite>{/block:Source} </div> {/block:Quote} {block:Link} <div class="link"> <h1 class="linktitle"><a href="{URL}">{Name}</a></h1> {block:Description}{Description}{/block:Description} {/block:Link} {block:Chat} <div class="chat"> <ul> {block:Lines}<li class="{Alt}">{block:Label}<span>{Label}</span>{/block:Label} {Line} </li>{/block:Lines} </ul> {/block:Chat} {block:Audio} <div class="audiopost"> <div class="cover"> {block:AlbumArt} <img src="{AlbumArtURL}"/> {/block:AlbumArt} </div> <div class="audio" id="{PostID}"> {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer} </div> <div class="tracks"> <ul> <li><b>Title:</b> {block:TrackName}{TrackName}{/block:TrackName}</li> <li><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</li> <li><b>Album:</b> {block:Album}{Album}{/block:Album}</li> <li><b>Plays:</b> {PlayCount}</li> </ul> </div> {block:PermalinkPage} {block:IfNotShowCaptions} {block:Caption}{Caption}{/block:Caption} {/block:IfNotShowCaptions} {/block:PermalinkPage} {block:IfShowCaptions} {block:Caption}{Caption}{/block:Caption} {/block:IfShowCaptions} {/block:Audio} {block:Video} {block:IndexPage} <div class="video-player"> <div class="video" id="{PostID}">{Video-400}</div> {/block:IndexPage} {block:PermalinkPage} <div class="video">{Video-500}</div> {block:IfNotShowCaptions} {block:Caption}{Caption}{/block:Caption} {/block:IfNotShowCaptions} {/block:PermalinkPage} {block:IfShowCaptions} {block:Caption}{Caption}{/block:Caption} {/block:IfShowCaptions} {/block:Video} {block:Answer} <div class="answer"> <div class="ask-question"> <div class="ask-img"><img src="{AskerPortraitURL-96}"/></div> <div class="asker">{Asker} asked:</div> <p>{Question}</p> </div> {block:Answerer} <div class="ask-reply"> <div class="answer-img"><img src="{AnswererPortraitURL-96}"/></div> <div class="answerer">{Answerer} replied:</div> {Answer} </div> {/block:Answerer} <div class="replies"> {Replies} </div> {/block:Answer} {block:IndexPage} <div id="pfooter"> <div id="pfooter-inner"> <div class="post-notes"> <a href="{ReblogURL}" target="_blank" class="details">reblog</a> ✧ {block:NoteCount}{NoteCountWithLabel} ✧ {/block:NoteCount} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} <!--<a href="{ReblogURL}" target="_blank"> ✦ Reblog</a>--> </div> <div class="met"> {block:Tags} <span><a href="{TagURL}">#{Tag}</a></span> {/block:Tags} </div> </div> <!-- inner --> </div><!-- end pfooter --> <!--remove via--> {block:ContentSource} <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent} {/block:IndexPage} <!--Permalink Footer--> {block:PermalinkPage} <div id="permatags"> {block:Date}<div class="perma-inner"> <div class="perma-dates"> posted on {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} </div> {block:ContentSource} <div id="via-link"> <a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a> / <a href="{SourceURL}" target="_blank" title="{SourceTitle}">source</a> </div> {/block:ContentSource} </div> {block:HasTags} <ul class="tags"> {block:Tags} <li><a href="{TagURL}">{Tag}</a> </li> {/block:Tags} </ul> {/block:HasTags} </div> {/block:PermalinkPage} </article> {block:PermalinkPage} {block:Permalink} <ul id="permanotes"> {block:PostNotes}{PostNotes}{/block:PostNotes}</ul> {/block:Permalink} {/block:PermalinkPage} </div> {/block:Posts} <!--infinite--> {block:IfInfiniteScroll} {block:Pagination} <div class="pagination"> {block:NextPage}<a href="{NextPage}" class="infinite-load"></a>{/block:NextPage} </div> {/block:Pagination} {/block:IfInfiniteScroll} <!--Close of content--> </div> {block:IfShowScrollToTop} <div id="back-top"> <div id="back-top-inner"> <a href="#" title="scroll to top">△</a> </div> </div> {/block:IfShowScrollToTop} </div> <!-- content wrapper --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> {block:IfInfiniteScroll} <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script> {/block:IfInfiniteScroll} <script src="http://static.tumblr.com/bpmgss9/g7gn2f68u/calsyfuro5-min.js"></script> <script> (function (b) { b(document).ready(function () { b("[title]").style_my_tooltips({ tip_follows_cursor: true, tip_delay_time: 230, tip_fade_speed: 60, attribute: "title" }) }) })(jQuery); $(document).ready(function(){ $(".magnify").click(function(){ $(this).animate({ width: '20px', left: '190px' }, 250, function(){ $(this).delay(600).hide(0); }); }); }); {block:IfInfiniteScroll} $(window).load(function(){ infinitize(); }); {/block:IfInfiniteScroll} </script> <!--For users adding Google Analytics ID--> {block:GoogleAnalyticsID} <script> var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; s.parentNode.insertBefore(g,s)}(document,'script')); </script> {/block:GoogleAnalyticsID} </body> </html>