Beautifully-Flawless

Theme 61: Taylor

Oct 24th, 2013
789
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.34 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!-- THEME 60: TAYLOR -->
  5. <!-- BY BEAUTIFULLY FLAWLESS -->
  6. <!-- PLEASE KEEP CREDIT -->
  7.  
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel'); //Get Popup Name
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39.  
  40. <!--DO NOT DELETE THIS CODING-->
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script type="text/javascript">
  44. $(window).load(function () {
  45. var $content = $('#posts');
  46. $content.masonry({itemSelector: '.entry'}),
  47. $content.infinitescroll({
  48. navSelector : 'div#pagination',
  49. nextSelector : 'div#pagination a#nextPage',
  50. itemSelector : '.entry',
  51. loading: {
  52. finishedMsg: '',
  53. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  54. },
  55. bufferPx : 600,
  56. debug : false,
  57. },
  58. // call masonry as a callback.
  59. function( newElements ) {
  60. var $newElems = $( newElements );
  61. $newElems.hide();
  62. // ensure that images load before adding to masonry layout
  63. $newElems.imagesLoaded(function(){
  64. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  65.  
  66.  
  67. });
  68. });
  69. });
  70. </script>
  71.  
  72. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  73.  
  74. <script type="text/javascript"
  75. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  76.  
  77. <script type="text/javascript"
  78. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  79. <!--DO NOT DELETE THIS CODING-->
  80. <title>{title}</title>
  81. <link rel="shortcut icon" href="{favicon}">
  82. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  83. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  84. <!--Variables-->
  85. <meta name="color:Popup Background" content="#fff" />
  86. <meta name="color:Popup Box Background" content="#fff" />
  87. <meta name="color:Popup Box Shadow" content="#000" />
  88. <meta name="color:Background" content="#fff" />
  89. <meta name="color:Text" content="#000" />
  90. <meta name="color:Links" content="#ababab" />
  91. <meta name="color:Posts Background" content="#fff" />
  92. <meta name="color:Image Permalink" content="#aaa" />
  93. <meta name="color:Permalink" content="#888" />
  94. <meta name="color:Posts Header" content="#aaa" />
  95. <meta name="color:Asker URL" content="#888" />
  96. <meta name="color:BlockQuote Background" content="#F7F7F7" />
  97. <meta name="color:BlockQuote Border" content="#888" />
  98. <meta name="color:BlockQuote Shadow" content="#ccc" />
  99. <meta name="color:PopUp Header Border" content="#999" />
  100. <meta name="color:PopUp Links Text" content="#ccc" />
  101. <meta name="color:PopUp Links Text Shadow" content="#ddd" />
  102. <meta name="color:Blogtitle" content="#999" />
  103. <meta name="color:Blogtitle Shadow" content="#000" />
  104. <meta name="color:Blogtitle First Title" content="#FFC0CB" />
  105. <meta name="color:Blogtitle First Title Shadow" content="#FFC8EC" />
  106. <meta name="color:Icon Links Title" content="#777" />
  107. <meta name="color:Icon Links Title BG" content="#fff" />
  108. <meta name="color:Icon Links Title Border" content="#aaa" />
  109. <meta name="color:Ask Icons BG" content="#ddd" />
  110. <meta name="color:Color Scheme" content="#ddd" />
  111. <meta name="color:Des Background" content="#fff" />
  112.  
  113. <meta name="image:Sidebar" content="http://static.tumblr.com/3af3e334e0a5f793a98d786c9aa38b95/aorjzw7/MNcmqf1b2/tumblr_static_tumblr_mopxvqwbyh1ryfjs3o1_500.png" />
  114.  
  115. <meta name="text:Stat 1" content="INSERT STAT HERE" />
  116. <meta name="text:Stat 2" content="INSERT STAT HERE" />
  117. <meta name="text:Link 1 URL" content="/archive" />
  118. <meta name="text:Link 1" content="Archive" />
  119. <meta name="text:Other Links Header" content="Extra Links" />
  120. <meta name="text:PopUp Ask Label" content="Dear Lovely..." />
  121. <meta name="text:AskBlogURL" content="" />
  122.  
  123. <meta name="if:Rounded Image" content="1" />
  124.  
  125. <!--Variables-->
  126.  
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Antic|Carrois Gothic SC|Bilbo Swash Caps|Tulpen+One|Fjalla+One|Dawning+of+a+New+Day|Metrophobic|Berkshire+Swash|BenchNine|Euphoria+Script|Rouge+Script|Parisienne|Fredoka+One' rel='stylesheet' type='text/css'>
  129. <style type="text/css">
  130. #fade { /*--Transparent background layer--*/
  131. display: none; /*--hidden by default--*/
  132. background-color:{color:Popup Background};
  133. opacity:.6;
  134. background-attachment: fixed;
  135. background-repeat: repeat;
  136. background-position: center;
  137. position:fixed;
  138. left:0;
  139. top:0;
  140. width:100%;
  141. height:100%;
  142. z-index:9999;
  143. }
  144. .popup_block{
  145. display: none; /*--hidden by default--*/
  146. background:{color:Popup Box Background};
  147. color:#777;
  148. padding:10px;
  149. border:6px solid {color:Color Scheme};
  150. float: left;
  151. font-size:10px;
  152. text-align:center;
  153. font-family:'consolas';
  154. position:fixed;
  155. text-transform:uppercase;
  156. top:50%;
  157. left:50%;
  158. z-index:999999999999999999999999;
  159. border-radius:10px;
  160. -webkit-border-radius:10px;
  161. box-shadow:1px 1px 3px {color:Popup Box Shadow};
  162. -webkit-box-shadow: 1px 1px 3px {color:Popup Box Shadow};
  163. -webkit-transition: opacity 0.7s linear;
  164. -webkit-transition: all 0.7s ease-in-out;
  165. -moz-transition: all 0.7s ease-in-out;
  166. -o-transition: all 0.7s ease-in-out;
  167. }
  168.  
  169. img.btn_close {
  170. float: right;
  171. margin: -20 -20px 0 0;
  172. }
  173. /*--Making IE6 Understand Fixed Positioning--*/
  174. *html #fade {
  175. position: absolute;
  176. }
  177. *html .popup_block {
  178. position: absolute;
  179. }
  180.  
  181. ::-webkit-scrollbar {width: 8px; height: 4px;background:white;}
  182. ::-webkit-scrollbar-thumb { background-color:{color:Color Scheme};-webkit-box-shadow: inset 0 0 12px #000;-webkit-border-radius: 6px;border-radius: 6px;}
  183.  
  184. #tumblr_controls{
  185. position:fixed !important;
  186. -webkit-filter: invert(100%);
  187. }
  188.  
  189. body {
  190. background-image:url('http://static.tumblr.com/gdh5wux/RpIm7hlh7/bg.jpg');
  191. background-attachment: fixed;
  192. background-repeat: repeat;
  193. background-position: center;
  194. background-color:{color:Background};
  195. margin:0px;
  196. }
  197.  
  198. body, div, p, textarea, submit, input {
  199. font-family:'consolas';
  200. font-size:10px;
  201. line-height:12px;
  202. color:{color:Text};
  203. text-transform:none;
  204. }
  205.  
  206. a:link, a:active, a:visited{
  207. color:{color:Links};
  208. text-decoration: none;
  209. -webkit-transition: color 0.5s ease-out;
  210. -moz-transition: color 0.5s ease-out;
  211. transition: color 0.5s ease-out;
  212. }
  213.  
  214. a:hover{
  215. -webkit-transition: color 0.5s ease-out;
  216. -moz-transition: color 0.5s ease-out;
  217. transition: color 0.5s ease-out;
  218. text-shadow:none;
  219. }
  220.  
  221. div#posts {
  222. float:left;
  223. width:820px;
  224. z-index:99;
  225. margin-left:360px;
  226. }
  227.  
  228. .entry {
  229. float:left;
  230. margin:5px;
  231. padding:5px;
  232. overflow:hidden;
  233. background-color:{color:Posts Background};
  234. border:1px dotted {color:Color Scheme};
  235. {block:IndexPage}
  236. width:250px;
  237. {/block:IndexPage}
  238. {block:PermalinkPage}
  239. width:500px;
  240. {/block:PermalinkPage}
  241. -webkit-transition: opacity 0.9s linear;
  242. -webkit-transition: all 0.9s ease-in-out;
  243. -moz-transition: all 0.9s ease-in-out;
  244. -o-transition: all 0.9s ease-in-out;
  245. }
  246.  
  247. .entry:hover #permalink{
  248. opacity:1.0;
  249. bottom:20px;
  250. -webkit-transition: opacity 0.3s ease-out;
  251. -webkit-transition: all 0.3s ease-out;
  252. -moz-transition: all 0.3s ease-out;
  253. transition: all 0.3s ease-out;
  254. }
  255.  
  256. #permalink{
  257. position:absolute;
  258. background: rgba(255, 255, 255, 0.7);
  259. border:2px solid {color:Color Scheme};
  260. width:220px;
  261. height:10px;
  262. bottom:0px;
  263. left:10px;
  264. padding:5px;
  265. opacity:0.0;
  266. font-family:'MV Boli';
  267. color:#aaa;
  268. font-size:8px;
  269. line-height:10px;
  270. text-align:center;
  271. letter-spacing:1px;
  272. text-transform:uppercase;
  273. -webkit-transition: opacity 0.6s ease-out;
  274. -webkit-transition: all 0.6s ease-out;
  275. -moz-transition: all 0.6s ease-out;
  276. transition: all 0.6s ease-out;
  277. }
  278.  
  279. #permalink a{color:#555;}
  280.  
  281. #permalink a:hover{color:#aaa;}
  282.  
  283. #info{
  284. font-family:'Monotype Corsiva';
  285. color:{color:Permalink};
  286. font-size:13px;
  287. text-align:right;
  288. line-height:15px;
  289. margin-top:1px;
  290. border-top:1px dotted #aaa;
  291. text-transform:none;
  292. }
  293.  
  294. #infscr-loading{
  295. bottom: -70px;
  296. position: absolute;
  297. left: 50%;
  298. margin-left:-8px;
  299. width:16px;
  300. height:11px;
  301. overflow:hidden;
  302. margin-bottom: 50px;
  303. }
  304.  
  305. .title{
  306. font-family:'BenchNine';
  307. text-transform:uppercase;
  308. font-size:30px;
  309. line-height:30px;
  310. color:{color:Posts Header};
  311. text-shadow:1px 2px 4px #ddd;
  312. text-align:center;
  313. }
  314.  
  315. .quote{
  316. font-family:'Century Gothic';
  317. font-size:10px;
  318. text-transform:uppercase;
  319. line-height:25px;
  320. text-align:right;
  321. color:{color:Posts Header};
  322. }
  323.  
  324. #audiocontainer{
  325. width:500px;
  326. height:110px;
  327. margin-bottom:5px;
  328. }
  329.  
  330. .albumart{
  331. width:100px;
  332. height:100px;
  333. position:absolute;
  334. }
  335.  
  336. .albumart img{
  337. width:100px;
  338. height:100px;
  339. float:left;
  340. }
  341.  
  342. .defaultalbum{
  343. width:100px;
  344. height:100px;
  345. position:absolute;
  346. }
  347.  
  348. .defaultalbum img{
  349. width:100px;
  350. height:100px;
  351. float:left;
  352. }
  353.  
  354. .audioinfo{
  355. padding:3px;
  356. margin:0 0 5px 100px;
  357. text-transform:uppercase;
  358. font-family:'Century Gothic';
  359. font-size:8px;
  360. border-left:15px solid {color:Color Scheme};
  361. }
  362.  
  363. .audioinfo:hover{
  364. border-left:30px solid {color:Color Scheme};
  365. -webkit-transition-duration: 0.6s;
  366. -moz-transition-duration: 0.6s;
  367. }
  368.  
  369. .audioinfotwo{
  370. padding:3px;
  371. margin:0 0 5px 100px;
  372. text-transform:uppercase;
  373. font-size:8px;
  374. border-left:15px solid {color:Color Scheme};
  375. }
  376.  
  377. .audioinfotwo:hover{
  378. border-left:30px solid {color:Color Scheme};
  379. -webkit-transition-duration: 0.6s;
  380. -moz-transition-duration: 0.6s;
  381. }
  382.  
  383. .margin{
  384. margin-bottom:1px;
  385. }
  386.  
  387. .player{
  388. margin-left:100px;
  389. margin-top:0px;
  390. float:left;
  391. }
  392.  
  393. asker{
  394. font-family:'Comic Sans MS';
  395. font-size:10px;
  396. text-transform:uppercase;
  397. color:{color:Asker URL};
  398. }
  399.  
  400. #ask{
  401. padding:3px;
  402. font-family:'consolas';
  403. font-size:10px;
  404. text-transform:uppercase;
  405. color:#999;
  406. }
  407.  
  408. #askbox{
  409. margin-top:0px;
  410. margin-left:0px;
  411. overflow:hidden;
  412. padding:4px;
  413. }
  414.  
  415. blockquote{
  416. padding:0px 0px 2px 5px;
  417. margin:0px 0px 2px 10px;
  418. background-color:{color:BlockQuote Background};
  419. border-left: 7px solid {color:BlockQuote Border};
  420. -moz-box-shadow: 1px 1px 1px {color:BlockQuote Shadow};
  421. -webkit-box-shadow: 1px 1px 1px {color:BlockQuote Shadow};
  422. box-shadow: 1px 1px 1px {color:BlockQuote Shadow};
  423. }
  424.  
  425. #popupheader{
  426. font-family:'Vivaldi';
  427. font-size:30px;
  428. color:{color:Color Scheme};
  429. line-height:30px;
  430. text-shadow:0px 0px 3px #aaa;
  431. border-bottom:1px solid #999;
  432. text-transform:none;
  433. text-align:center;
  434. }
  435.  
  436. #popupsignature{
  437. font-family:'Edwardian Script ITC';
  438. font-size:40px;
  439. color:#FF9FC8;
  440. line-height:50px;
  441. text-shadow:0px 0px 3px #aaa;
  442. border-bottom:1px solid {color:PopUp Header Border};
  443. text-transform:none;
  444. text-align:left;
  445. }
  446.  
  447. div.popuplinks a{
  448. font-family:'bebas neue';
  449. font-size:20px;
  450. color:{color:PopUp Links Text};
  451. line-height:20px;
  452. text-align:center;
  453. text-shadow: 1px 0px 2px {color:PopUp Links Text Shadow};
  454. display:block;
  455. text-indent:5px;
  456. vertical-align:middle;
  457. }
  458.  
  459. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  460. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  461. .user_9 .label color:{color:text};}
  462.  
  463. .notes img{width:10px; position:relative; top:3px;}
  464.  
  465. #bottombar{
  466. position:fixed;
  467. width:100%;
  468. height:50px;
  469. bottom:0px;
  470. left:0px;
  471. padding:10px;
  472. z-index:9999;
  473. background: rgba(255, 255, 255, 0.5);
  474. border:2px solid {color:Color Scheme};
  475. }
  476.  
  477. #sidebar{
  478. position:fixed;
  479. width:320px;
  480. height:320px;
  481. top:10px;
  482. left:12px;
  483. padding:6px;
  484. background:{color:Color Scheme};
  485. border:2px solid {color:Color Scheme};
  486. border-radius:0px;
  487. {Block:ifRoundedImage}
  488. left:10px;
  489. padding:10px;
  490. border-radius:180px;
  491. {/Block:ifRoundedImage}
  492. }
  493.  
  494. #sidebar img{
  495. width:100%;
  496. height:100%;
  497. z-index:2000;
  498. border-radius:0px;
  499. {Block:ifRoundedImage}
  500. border-radius:180px;
  501. {/Block:ifRoundedImage}
  502. }
  503.  
  504. #des{
  505. position:absolute !important;
  506. width:320px;
  507. height:60px;
  508. top:360px;
  509. left:10px;
  510. padding:10px;
  511. background:{color:Des Background};
  512. overflow:hidden;
  513. text-align:center;
  514. border:2px solid {color:Color Scheme};
  515. text-transform:uppercase;
  516. text-align:center;
  517. line-height:12px;
  518. -webkit-transition: opacity 0.7s linear;
  519. -webkit-transition: all 0.7s ease-in-out;
  520. -moz-transition: all 0.7s ease-in-out;
  521. -o-transition: all 0.7s ease-in-out;
  522. z-index:999;
  523. }
  524.  
  525. #linksbox{
  526. position:fixed;
  527. width:auto;
  528. height:20px;
  529. left:50px;
  530. top:450px;
  531. z-index:9999;
  532. }
  533.  
  534. .navigate img{
  535. width:20px;
  536. height:20px;
  537. }
  538.  
  539. div.navigate a{
  540. margin-left:12px;
  541. margin-top:-5px;
  542. float:center;
  543. overflow:hidden;
  544. width:20px;
  545. padding:5px;
  546. display:inline-block;
  547. -webkit-transition: opacity 0.7s linear;
  548. -webkit-transition: all 0.7s ease-in-out;
  549. -moz-transition: all 0.7s ease-in-out;
  550. -o-transition: all 0.7s ease-in-out;
  551. }
  552.  
  553. #blogtitle{
  554. position:absolute;
  555. color:{color:Blogtitle};
  556. font-family:'Monotype Corsiva';
  557. font-size:45px;
  558. text-shadow:0px 2px 3px {color:Blogtitle Shadow};
  559. left:30px;
  560. top:30px;
  561. z-index:99999999;
  562. }
  563.  
  564. #blogtitle:first-letter{
  565. color:{color:Blogtitle First Title};
  566. font-family:'Edwardian Script ITC';
  567. font-size:59px;
  568. text-shadow:0px 2px 3px {color:Blogtitle First Title Shadow};
  569. text-transform:uppercase;
  570. }
  571.  
  572. div#qTip {
  573. padding:2px 15px 2px 15px;
  574. display:none;
  575. text-align: center;
  576. position: absolute;
  577. font-size:8px;
  578. line-height:15px;
  579. font-family:'Arial';
  580. font-size:10px;
  581. text-transform:uppercase;
  582. font-style:none;
  583. z-index: 9999999;
  584. color:{color:Icon Links Title};
  585. background:{color:Icon Links Title BG};
  586. border:1px dotted {color:Icon Links Title Border};
  587. }
  588.  
  589. {CustomCSS}
  590. </style>
  591. <body>
  592.  
  593. <div id="bottombar"><a href="/"><div id="blogtitle">{title}</div></a></div>
  594.  
  595. <div id="sidebar"><img src="{image:Sidebar}"></div>
  596.  
  597. <div id="des">
  598. {description}
  599. <br>
  600. {text:Stat 1} &#8224; {text:Stat 2}
  601. </div>
  602.  
  603. <div id="linksbox">
  604. <div class="navigate">
  605. <a href="/"title="Home"><img src="http://i.imgur.com/F7FpQ2x.png"></a>
  606.  
  607. <a href="#?w=500" rel="02" class="poplight"title="Message"><img src="http://i.imgur.com/eDin8Rb.png"></a>
  608.  
  609. <a href="{text:Link 1 URL}"title="{text:Link 1}"><img src="http://i.imgur.com/bKm4pWg.png"></a>
  610.  
  611. <a href="#?w=500" rel="03" class="poplight"title="More Links"><img src="http://i.imgur.com/G6HvURr.png"></a>
  612.  
  613. <a href="http://vanillabeaux.co.vu/"title="Credit"><img src="http://i.imgur.com/a8zBCNV.png"></a>
  614. </div>
  615. </div>
  616.  
  617. <div id="posts">
  618. {block:Posts}
  619. <div class="entry">
  620.  
  621. {block:Text}
  622. {block:Title}
  623. <div class="title">{Title}</div>
  624. {/block:Title}
  625. <span class="entrytext">{Body}</span>
  626. <div id="info">
  627. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  628. </div>
  629. {/block:Text}
  630.  
  631. {block:Link}
  632. <div class="title"><a href="{URL}">{Name}</a></div>
  633. {block:Description}
  634. {Description}
  635. {/block:Description}
  636. <div id="info">
  637. <a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  638. </div>
  639. {block:Link}
  640.  
  641. {block:Photo}
  642. {block:IndexPage}
  643. <div id="permalink">
  644. <a href="{Permalink}">{timeago} / <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  645. </div>
  646. {LinkOpenTag}
  647. <div class="photo"><a href="{permalink}">
  648. <img src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="250"/></a></div>
  649. {LinkCloseTag}
  650. {/block:IndexPage}
  651. {block:PermalinkPage}
  652. {LinkOpenTag}
  653. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  654. {LinkCloseTag}
  655. {/block:PermalinkPage}
  656. {/block:Photo}
  657.  
  658. {block:Photoset}
  659. {block:IndexPage}
  660. <div id="permalink">
  661. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> &#8224; <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  662. </div>
  663. {Photoset-250}
  664. {/block:IndexPage}
  665. {block:PermalinkPage}
  666. <center>
  667. {Photoset-500}
  668. </center>
  669. {/block:PermalinkPage}
  670. {/block:Photoset}
  671.  
  672. {block:Quote}
  673. {Quote}
  674. {block:Source}
  675. <div class="quote">{Source}</div>
  676. {/block:Source}
  677. <div id="info">
  678. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  679. </div>
  680. {/block:Quote}
  681.  
  682. {block:Chat}
  683. {block:Title}
  684. <span class="title">{Title}</span>
  685. {/block:Title}
  686. <ul class="chat">
  687. {block:Lines}
  688. <li class="user_{UserNumber}">
  689. {block:Label}
  690. <span class="label">{Label}</span>
  691. {/block:Label}
  692. {Line}
  693. </li>
  694. {/block:Lines}
  695. </ul>
  696. <div id="info">
  697. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  698. </div>
  699. {/block:Chat}
  700.  
  701. {block:Audio}
  702. <div id="post audio">
  703. <div id="audiocontainer">
  704. <div class="albumart">
  705. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  706. </div>
  707. {block:TrackName}
  708. <div class="audioinfo">{TrackName}</div>
  709. {/block:TrackName}
  710. {block:Artist}
  711. <div class="audioinfotwo">{Artist}</div>
  712. {/block:Artist}
  713. {block:Album}
  714. <div class="audioinfo">{Album}
  715. <div class="margin"></div>
  716. </div>
  717. {/block:Album}
  718. <div class="player">{AudioPlayerWhite}</div>
  719. </div>
  720. </div>
  721. <div id="info">
  722. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  723. </div>
  724. {/block:Audio}
  725.  
  726. {block:Video}
  727. {block:IndexPage}
  728. <center>
  729. {Video-250}
  730. </center>
  731. <div id="info">
  732. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  733. </div>
  734. {/block:IndexPage}
  735. {block:PermalinkPage}
  736. <center>
  737. {Video-500}
  738. </center>
  739. {/block:PermalinkPage}
  740. {block:Video}
  741.  
  742. {block:Answer}
  743. <div id="askbox">
  744. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:6px; box-shadow: 1px 1px 1px #000; padding:1px; background:{color:Ask Icons BG};"/>
  745. <asker>{Asker}:</asker>
  746. <div id="ask">{Question}</div>
  747. <br>
  748. <img src="{PortraitURL-30}" width="30" align="right" style="margin-left:6px; box-shadow: 1px 1px 1px #000; padding:1px; background:{color:Ask Icons BG};"/>
  749. <asker> I answered:</asker>
  750. {Answer}
  751. </div>
  752. {block:IndexPage}
  753. <div id="info">
  754. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  755. </div>
  756. {/block:IndexPage}
  757. {/block:Answer}
  758.  
  759. {block:PermalinkPage}
  760. <center>
  761. <br>
  762.  
  763. {block:Caption}
  764. {Caption}
  765. {/block:Caption}
  766.  
  767. {block:ContentSource}
  768. <a href="{SourceURL}"> </a>
  769. {block:ContentSource}
  770.  
  771. {block:RebloggedFrom}
  772. <a href="{ReblogParentURL}"> </a>
  773. <a href="{ReblogRootURL}"> </a>
  774. {/block:RebloggedFrom}
  775.  
  776. {block:NoteCount}
  777. {NoteCountWithLabel}
  778. {/block:NoteCount}
  779.  
  780. {block:HasTags}
  781. &middot;
  782. {block:Tags}
  783. <a href="TagURL">#{Tag}</a>
  784. {/block:Tags}
  785. {/block:hasTags}
  786. </center>
  787. {/block:PermalinkPage}
  788.  
  789.  
  790. {block:PostNotes}
  791. {PostNotes}
  792. {/block:PostNotes}
  793. </div>
  794.  
  795. {/block:Posts}
  796. </div>
  797. </div>
  798.  
  799. {block:IndexPage}
  800. {block:Pagination}
  801. <div id="pagination">
  802. {block:NextPage}
  803. <a id="nextPage" href="{NextPage}"></a>
  804. {/block:NextPage}
  805. {block:PreviousPage}
  806. <a href="{PreviousPage}"></a>
  807. {/block:PreviousPage}
  808. </div>
  809. {/block:Pagination}
  810. {/block:IndexPage}
  811.  
  812. {block:IndexPage}
  813. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  814. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  815.  
  816. <script type="text/javascript">
  817. $(window).load(function () {
  818. var $content = $('#posts');
  819. $content.masonry({itemSelector: '.entry'}),
  820. $content.infinitescroll({
  821. navSelector : 'div#pagination',
  822. nextSelector : 'div#pagination a#nextPage',
  823. itemSelector : '.entry',
  824. loading: {
  825. finishedMsg: '',
  826. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  827. },
  828. bufferPx : 600,
  829. debug : false,
  830. },
  831. // call masonry as a callback.
  832. function( newElements ) {
  833. var $newElems = $( newElements );
  834. $newElems.hide();
  835. // ensure that images load before adding to masonry layout
  836. $newElems.imagesLoaded(function(){
  837. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  838.  
  839.  
  840. });
  841. });
  842. });
  843. </script>
  844. {/block:IndexPage}
  845. </div>
  846. </body>
  847. </html>
  848. <div id="03" class="popup_block">
  849. <div id="popupheader">{text:Other Links Header}</div>
  850. <br>
  851. <div class="popuplinks">
  852. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  853. </div>
  854. <br>
  855. </div></div></div></div></div></div></div></div></div></div>
  856.  
  857.  
  858.  
  859. <div id="02" class="popup_block">
  860. <div id="popupsignature">{text:PopUp Ask Label}</div>
  861. <iframe frameborder="0" scrolling="no" width="100%" height="200" src="http://www.tumblr.com/ask_form/{text:AskBlogURL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  862. <br>
  863. </div></div></div></div></div></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment