API tools faq
paste
parrishing

THEME #1 - BUBBLEGUM

parrishing
Jan 5th, 2016
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6.  
  7. <!--
  8.  
  9. THEME #1 'bubblegum' - BY PROTECTMCCALL (http://protectmccall.tumblr.com)
  10. -DONT USE AS BASE OR STEAL THE BITS OR REMOVE CREDIT P PLEASE
  11. -ASK ME FOR HELP IF U STRUGGLE
  12. -HOPE U HAVE A GREAT DAY TODAY BUTTERCUP ♥
  13.  
  14. -->
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml">
  22. <head>
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32.  
  33.  
  34. <meta name="select:Postwidth" content="post-width-400" title="400px">
  35. <meta name="select:Postwidth" content="post-width-250" title="250px">
  36.  
  37. <meta name="color:header color" content="#eeeeee" />
  38. <meta name="color:box" content="#333333" />
  39. <meta name="color:scroll" content="#4d5eb3" />
  40. <meta name="color:text" content="#000000" />
  41. <meta name="color:tags and links" content="#ffc2cc" />
  42. <meta name="color:links hover" content="#7d7d7d" />
  43. <meta name="color:title and sidebar links" content="#ffc2cc" />
  44. <meta name="color:post info bg" content="#dddddd" />
  45. <meta name="color:title and bubble shadow" content="#4d5eb3" />
  46. <meta name="color:tooltip border" content="#ffc2cc" />
  47.  
  48. <meta name="image:header background" content="" />
  49.  
  50. <meta name="text:Link 1 URL" content="" />
  51. <meta name="text:Link 1" content="" />
  52. <meta name="text:Link 2 URL" content="" />
  53. <meta name="text:Link 2" content="" />
  54. <meta name="text:Link 3 URL" content="" />
  55. <meta name="text:Link 3" content="" />
  56.  
  57.  
  58. <meta name="if:Popup Ask" content="1"/>
  59. <meta name="if:Sidebar" content="1"/>
  60.  
  61.  
  62.  
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/t0g3sds/Xxmn9cdk0/shine.min.js"></script>
  65.  
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("a[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:30,
  73. tip_fade_speed:300,
  74. attribute:"title"
  75. });
  76. });
  77. })(jQuery);
  78. </script>
  79.  
  80.  
  81. <script>
  82. $(window).scroll(function() {
  83. var scrollTopVal = $(this).scrollTop();
  84. if ( scrollTopVal < 180 ) {
  85. $('#header').css({'opacity':'1'});
  86. } else {
  87. $('#header').css({'opacity':'0'});
  88. }
  89. });
  90. </script>
  91.  
  92. <script>
  93. $(window).scroll(function() {
  94. if ($(this).scrollTop() > 180){
  95. $('.sidelinks').addClass("sticky");
  96. }
  97. else{
  98. $('.sidelinks').removeClass("sticky");
  99. }
  100. });
  101. </script>
  102.  
  103.  
  104. <script type="text/javascript"
  105. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  106. <script>
  107. $(document).ready(function() {
  108. //
  109. $('a.poplight[href^=#]').click(function() {
  110. var popID = $(this).attr('rel'); //Get Popup Name
  111. var popURL = $(this).attr('href'); //Get Popup href to define size
  112. var query= popURL.split('?');
  113. var dim= query[1].split('&');
  114. var popWidth = dim[0].split('=')[.6]; //Gets the first query string value
  115. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/nc6lhz2/5NYo0anhu/34qjsc0.png" class="btn_close" title="Close" alt="Close" /></a>');
  116. var popMargTop = ($('#' + popID).height() + 80) / 2;
  117. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  118. //Apply Margin to Popup
  119. $('#' + popID).css({
  120. 'margin-top' : -popMargTop,
  121. 'margin-left' : -popMargLeft
  122. });
  123. $('body').append('<div id="fade"></div>');
  124. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  125. return false;
  126. });
  127. $('a.close, #fade').live('click', function() {
  128. $('#fade , .popup_block').fadeOut(function() {
  129. $('#fade, a.close').remove(); //fade them both out
  130. });
  131. return false;
  132. });
  133. });
  134. </script>
  135.  
  136.  
  137.  
  138.  
  139. </head>
  140.  
  141.  
  142.  
  143. <style>
  144.  
  145. /* BASIC */
  146.  
  147. body {
  148. background: #fff;
  149. padding:0px;
  150. margin:0px;
  151. font-family:Arial, Helvetica, sans-serif;
  152. color:{color:text};
  153. font-size:12px;
  154. }
  155.  
  156. img {
  157. height: auto;
  158. width:auto;
  159. max-width:100%;
  160. -webkit-transition: all 0.6s ease-in-out;
  161. -moz-transition: all 0.6s ease-in-out;
  162. -o-transition: all 0.6s ease-in-out;
  163. -ms-transition: all 0.6s ease-in-out;
  164. transition: all 0.6s ease-in-out;
  165. }
  166.  
  167.  
  168. ::-webkit-scrollbar-thumb:vertical {
  169. background:{color:scroll};
  170. height: 50px;
  171. }
  172.  
  173. ::-webkit-scrollbar {
  174. height: 10px;
  175. width: 3px;
  176. }
  177.  
  178. h1 {
  179. color: {color:title and bubble shadow};
  180. font-family: arial;
  181. font-size: 20px;
  182. text-shadow: .05em .05em 0 {color:title and sidebar links};
  183. font-style: italic;
  184. font-weight:bold;
  185. }
  186.  
  187. #s-m-t-tooltip { /* tooltip is what styles the hover title="" of the link */
  188. margin-top:20px;
  189. background-color:#ffffff;
  190. font-family:Helvetica;
  191. font-size:8px;
  192. color:#333333;
  193. letter-spacing:1px;
  194. text-transform:lowercase;
  195. padding:5px;
  196. padding-bottom:3px;
  197. z-index:999999999999999999999999999999999999;
  198. border-bottom: 9px double {color:tooltip border};
  199. font-weight:500;
  200. }
  201.  
  202. a {
  203. color:{color:tags and links};
  204. text-decoration:none;
  205. -webkit-transition: all 0.5s ease-in-out;
  206. -moz-transition: all 0.5s ease-in-out;
  207. -o-transition: all 0.5s ease-in-out;
  208. transition: all 0.5s ease-in-out;
  209. }
  210.  
  211. a:hover {
  212. color:{color:links hover};
  213. }
  214.  
  215. #header {
  216. background:{color:header color};
  217. text-align:center;
  218. padding-bottom:55px;
  219. padding-top:15px;
  220. -webkit-transition:all 0.2s;
  221. -moz-transition:all 0.2s;
  222. -o-transition:all 0.2s;
  223. transition:all 0.2s;
  224. background-image:url({image:header background});
  225. background-repeat: repeat; /* if you dont want the pic repeated change 'repeat' to 'no-repeat' */
  226. }
  227.  
  228.  
  229. li { list-style-type:square; line-height: 120%;}
  230. ul {line-height: 120%; margin-left:-20px;}
  231. small {font-size:9px;}
  232. big {font-size:12px;}
  233.  
  234. blockquote {
  235. border-left:1px solid {color:box};
  236. margin:15px;
  237. padding:5px 0 5px 25px;
  238. }
  239.  
  240. pre {
  241. white-space: pre-wrap;
  242. white-space: -moz-pre-wrap;
  243. white-space: -pre-wrap;
  244. white-space: -o-pre-wrap;
  245. word-wrap: break-word;
  246. }
  247.  
  248. /* POSTS */
  249.  
  250. #postcontainer {
  251. position:absolute;
  252. text-align:justify;
  253. color:{color:text};
  254. margin-bottom: 35px;
  255. margin-top:-60px;
  256. z-index:-1;
  257. margin-left: -205px;
  258. left:50%;
  259. float:right;
  260. }
  261.  
  262. #posts {
  263. margin-top:100px;
  264. text-align:justify;
  265. font-size:10px;
  266. line-height:110%;
  267. color:{color:text};
  268. outline-offset:20px;
  269. padding:10px;
  270. border-radius:3px;
  271. {block:PermalinkPage}
  272. display:block;
  273. margin-bottom:150px;
  274. {/block:PermalinkPage}
  275. }
  276.  
  277. .post-width-400 #posts { width: 400px; }
  278. .post-width-250 #posts { width: 250px; margin-left: 77px;}
  279.  
  280. .post-width-400 .element-width-250 { display: none; }
  281. .post-width-250 .element-width-400 { display: none; }
  282.  
  283.  
  284. /* POST INFO */
  285.  
  286. #info {
  287. font-family:arial;
  288. margin-top:2px;
  289. font-size:8px;
  290. color:#666;
  291. text-transform:none;
  292. font-style:normal;
  293. text-transform:uppercase;
  294. letter-spacing:1.5px;
  295.  
  296. }
  297.  
  298. #info a {
  299. margin-right:5px;
  300. }
  301.  
  302. #basic {
  303. background-color:{color:post info bg};
  304. padding:9px 3px 9px 13px;
  305. display:inline-block;
  306. float:left;
  307. }
  308.  
  309. #basic a {
  310. color:#fff;
  311. }
  312.  
  313.  
  314. /* TAGS */
  315.  
  316. .tags {
  317. font-family:arial;
  318. font-style:normal;
  319. text-transform:uppercase;
  320. font-style:normal;
  321. color:#000;
  322. letter-spacing:1px;
  323. font-size:7px;
  324. padding:2px;
  325. word-break:break-all;
  326. margin-top:-21px;
  327. margin-left:135px;
  328. display:inline-block;
  329. line-height:100%;
  330. float:right;
  331. }
  332.  
  333. .post-width-400 .tags { width: 260px; }
  334. .post-width-250 .tags { width: 110px; }
  335.  
  336.  
  337. /* HEADER */
  338.  
  339. .bubble {
  340. position: relative;
  341. width: 270px;
  342. height: 150px;
  343. padding: 0px;
  344. background: #fff;
  345. -webkit-border-radius: 80px;
  346. -moz-border-radius: 80px;
  347. border-radius: 80px;
  348. box-shadow: .5em .5em 0 {color:title and bubble shadow};
  349. }
  350.  
  351. .bubble::after {
  352. content: attr(data-shadow);
  353. box-shadow: none;
  354. position: absolute;
  355. border-style: solid;
  356. border-width: 20px 16px 0;
  357. border-color: #fff transparent;
  358. display: block;
  359. width: 0;
  360. z-index: 1;
  361. bottom: -20px;
  362. left: 154px;
  363. }
  364.  
  365. h2 {
  366. width: 200px;
  367. display: inline-block;
  368. color: {color:title and sidebar links};
  369. font-family: arial;
  370. font-size: 70px;
  371. text-shadow: .03em .03em 0 {color:title and bubble shadow};
  372. margin-left:22px;
  373. margin-top:28px;
  374. font-style: italic;
  375. }
  376.  
  377. h2:after {
  378. content: attr(data-shadow);
  379. position: absolute;
  380. top: .06em; left: .06em;
  381. z-index: -1;
  382. text-shadow: none;
  383. }
  384.  
  385. #desc:hover .bubble {
  386. opacity:0;
  387. }
  388.  
  389. .bubble:hover #desc {
  390. opacity:1;
  391. transition: all 0.6s ease-in-out 0s;
  392. -moz-transition: all 0.6s ease-in-out 0s;
  393. -webkit-transition: all 0.6s ease-in-out 0s;
  394. -o-transition: all 0.6s ease-in-out 0s;
  395. }
  396.  
  397. #desc {
  398. background-color: #ffffff;
  399. height: 100px;
  400. margin-top:-143px;
  401. margin-left:30px;
  402. opacity: 0;
  403. padding: 5px 5px;
  404. position: absolute;
  405. transition: all 0.6s ease-in-out 0s;
  406. width: 200px;
  407. z-index: 5000;
  408. overflow:scroll;
  409. text-align:justify;
  410. }
  411.  
  412. .linkies {
  413. width:55px;
  414. margin-top:105px;
  415. margin-left:20px;
  416. z-index:9999;
  417. font-size:34px;
  418. display: inline;
  419. }
  420.  
  421. .linkies a {
  422. color: #fff;
  423. }
  424.  
  425. .linkies a:hover {
  426. opacity:0;
  427. }
  428.  
  429. .t1 {
  430. margin-top:-23px;
  431. margin-left:-6px;
  432. z-index:999999999999999;
  433. }
  434.  
  435. .t2 {
  436. margin-top:-25px;
  437. margin-left:19px;
  438. }
  439.  
  440.  
  441. /* SIDEBAR */
  442.  
  443. .sidelinks {
  444. opacity:0.0;
  445. bottom:40%;
  446. left:15%;
  447. z-index:9999;
  448. font-size:34px;
  449. position:fixed;
  450. -moz-transition-duration:0.5s;
  451. -webkit-transition-duration:0.5s;
  452. -o-transition-duration:0.5s;
  453. }
  454.  
  455. .sidelinks.sticky {
  456. opacity: 1.0;
  457. -moz-transition-duration:0.5s;
  458. -webkit-transition-duration:0.5s;
  459. -o-transition-duration:0.5s;
  460. }
  461.  
  462. .sidelinks a {
  463. color: {color:title and sidebar links};
  464. margin-top:-5px;
  465. }
  466.  
  467. .sidelinks a:hover {
  468. opacity:0;
  469. }
  470.  
  471.  
  472. /* POST TYPES */
  473.  
  474. .question {
  475. padding:20px 40px 20px 40px;
  476. text-align:center;
  477. color:{color:text};
  478. font-style:italic;
  479. border:1px double #eeeeed;
  480. background-color:#eeeeed;
  481. font-size:12px;
  482. }
  483.  
  484. .q a {
  485. color: {color:title and bubble shadow};
  486. font-family: 'arial';
  487. font-size: 13px;
  488. text-shadow: .05em .05em 0 {color:title and sidebar links};
  489. font-style: italic;
  490. font-weight:bold;
  491. }
  492.  
  493. .q {
  494. text-align:right;
  495. margin: 20px 1px;
  496. font-weight:bold;
  497.  
  498. }
  499.  
  500. .triangle {
  501. color: #eeeeed;
  502. font-size: 35px;
  503. position: absolute;
  504. margin-left: 340px;
  505. }
  506.  
  507. .post-width-400 .triangle { margin-left: 340px; }
  508. .post-width-250 .triangle { margin-left: 190px; }
  509.  
  510. .answer {
  511. text-align:left;
  512. padding:0px 5px 3px 15px;
  513. color:{color:text};
  514. }
  515.  
  516.  
  517. .player {
  518. width:25px;
  519. height:25px;
  520. margin-top:13px;
  521. margin-left:13px;
  522. overflow:hidden;
  523. position:absolute;
  524. background:white;
  525. z-index:100;
  526. opacity:0.7;
  527. border-radius:20px;
  528. }
  529.  
  530. .audioinfo {
  531. margin-left:70px;
  532. padding-top:12px;
  533. }
  534.  
  535. .audioplay{
  536. height:50px;
  537. width:50px;
  538. position:absolute;
  539. z-index:-100;
  540. padding-bottom:12px;
  541. }
  542.  
  543. .audioplay img{
  544. border-radius:10px;
  545. width:50px;
  546. height:50px;
  547. }
  548.  
  549. .musicc {
  550. padding-bottom:24px;
  551. }
  552.  
  553. .postnote {
  554. text-transform:lowercase;
  555. font-style:normal;
  556. letter-spacing:1px;
  557. font-size: 9px;
  558. text-align:left;
  559. line-height:90%;
  560. margin-top:50px;
  561. }
  562.  
  563. .postnote a {
  564. color:#999;
  565. }
  566.  
  567. .postnote li {
  568. list-style-type:none;
  569. padding:10px 25px 5px 25px;
  570. text-align:left;
  571. margin:0px;
  572. }
  573.  
  574. .postnote img {display:none!important;}
  575.  
  576. .post-width-400 .postnote { margin-left:73px; }
  577. .post-width-250 .postnote { margin-left:-22px; }
  578.  
  579. /* CHAT POSTS */
  580.  
  581. ul.chat, .chat ol, .chat li {
  582. list-style:none;
  583. margin:0px;
  584. padding:3px;
  585. }
  586. .tab {
  587. text-decoration:underline;
  588. font-weight:700;
  589. background-color:#fff;
  590. margin-right:5px;
  591. }
  592.  
  593. /* PAGI */
  594.  
  595. #pagination {
  596. margin-top:50px;
  597. text-transform:lowercase;
  598. font-weight:bold;
  599. }
  600.  
  601. #pagination a {
  602. padding:0 15px;
  603. color:#444333;
  604. }
  605.  
  606.  
  607. /* CREDIT */
  608.  
  609. #credit {
  610. position:fixed;
  611. font-size:14px;
  612. letter-spacing:1px;
  613. right:10px;
  614. bottom:15px;
  615. }
  616.  
  617. #credit a {
  618. padding-left:5px;
  619. padding-right:5px;
  620. padding-top:3px;
  621. padding-bottom:3px;
  622. color:#000;
  623. background-color:#ffffff;
  624. }
  625.  
  626. #credit a:hover {
  627. color:#ffffff;
  628. background-color:#000;
  629. }
  630.  
  631.  
  632.  
  633. /* POPUP ASK */
  634.  
  635. #fade { /*--Transparent background layer--*/
  636. display: none; /*--hidden by default--*/
  637. background: #222;
  638. position: fixed; left: 0; top: 0;
  639. width: 100%; height: 100%;
  640. opacity: .80;
  641. z-index: 9999;
  642. }
  643. .popup_block{
  644. display: none; /*--hidden by default--*/
  645. background: #fcfbf8;
  646. padding: 10px;
  647. border: 5px solid #f2e7e2;
  648. float: left;
  649. font-size: 10;
  650. position: fixed;
  651. top: 50%; left: 50%;
  652. z-index: 99999999;
  653. /*--CSS3 Box Shadows--*/
  654. -webkit-box-shadow: 0px 0px 20px #555;
  655. -moz-box-shadow: 0px 0px 20px #555;
  656. box-shadow: 0px 0px 20px #555;
  657. /*--CSS3 Rounded Corners--*/
  658. -webkit-border-radius: 5px;
  659. -moz-border-radius: 5px;
  660. border-radius: 5px;
  661. }
  662. img.btn_close {
  663. float: right;
  664. margin: -20 -20px 0 0;
  665. padding-bottom:10px;
  666. }
  667. /*--Making IE6 Understand Fixed Positioning--*/
  668. *html #fade {
  669. position: absolute;
  670. }
  671. *html .popup_block {
  672. position: absolute;
  673. }
  674.  
  675.  
  676.  
  677. </style>
  678.  
  679.  
  680.  
  681. <body>
  682.  
  683. <!-- header -->
  684. <div id="header">
  685. <center>
  686. <div class="bubble">
  687. <h2 data-shadow='{title}'>{title}</h2>
  688.  
  689. <div id="desc">
  690. {description}
  691. </div>
  692.  
  693.  
  694. <div class="linkies">
  695. <table class="t1">
  696. <tr>
  697. <td><a href="/" title="index">●</a></td>
  698.  
  699. {block:ifPopupAsk}
  700. <td><a href="#?w=500" rel="02" class="poplight" title="ask">●</a></td>
  701. {/block:ifPopupAsk}
  702.  
  703. {block:ifNotPopupAsk}
  704. <td><a href="/ask" title="ask">●</a></td>
  705. {/block:ifNotPopupAsk}
  706.  
  707. </tr>
  708. </table>
  709. <table class="t2">
  710. <tr>
  711. <td><a href="{text:Link 1 URL}" TITLE="{text:Link 1}">●</a></td>
  712. <td><a href="{text:Link 2 URL}" TITLE="{text:Link 2}">●</a></td>
  713. <td><a href="{text:Link 3 URL}" TITLE="{text:Link 3}">●</a></td>
  714. </tr>
  715. </table>
  716. </div>
  717.  
  718. </div>
  719. </div>
  720.  
  721.  
  722. {block:ifSidebar}
  723.  
  724. <div class="sidelinks">
  725. <a href="/" title="index">●</a><br>
  726. {block:ifPopupAsk} <a href="#?w=500" rel="02" class="poplight" title="ask">●</a><br> {/block:ifPopupAsk}
  727. {block:ifNotPopupAsk}<a href="/ask" title="ask">●</a>{/block:ifNotPopupAsk}
  728. <a href="{text:Link 1 URL}" TITLE="{text:Link 1}">●</a><br>
  729. <a href="{text:Link 2 URL}" TITLE="{text:Link 2}">●</a><br>
  730. <a href="{text:Link 3 URL}" TITLE="{text:Link 3}">●</a>
  731. </div>
  732. {/block:ifSidebar}
  733.  
  734.  
  735.  
  736.  
  737. <!-- content container -->
  738. <div id="content">
  739.  
  740.  
  741. <div id="postcontainer" class="{select:Postwidth}">
  742.  
  743. {block:Posts}
  744.  
  745. <div id="posts">
  746.  
  747. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="textposts">{Body}</div>{/block:Text}
  748.  
  749. {block:Quote}<h1>“{Quote}”</h1><h2>{Source}</h2>{/block:Quote}
  750.  
  751. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  752. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  753. {block:Photo}<center><img class="element-width-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  754. <img class="element-width-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  755.  
  756. {block:Photoset}<center><div class="element-width-400">{Photoset-400}</div>
  757. <div class="element-width-250">{Photoset-250}</div></center>
  758. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  759.  
  760. {block:Chat}<ul class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li>{block:Label}<span class="tab">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  761.  
  762. {block:Video}<div class="element-width-400">{Video-400}</div>
  763. <div class="element-width-250">{Video-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  764.  
  765. {block:Answer}
  766. <div style="border:3px double #eeeeee; background:{color:light}; color:{color:link}"><div class="question">"{Question}"</div></div><div class="triangle">▼</div><div class="q">{Asker}</div><div class="answer">{Answer}</div>{/block:answer}
  767.  
  768. {block:Audio}
  769. <div class="musicc">
  770. <div class="player">{AudioPlayerWhite}</div>
  771. <div class="audioplay">
  772. {block:AlbumArt}
  773. <img src="{AlbumArtURL}" />
  774. {/block:AlbumArt}</div>
  775. <div class="audioinfo">
  776. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><i>by – </i>{Artist}{/block:Artist}
  777. <br>
  778. {PlayCountWithLabel}
  779. </div></div>
  780. {/block:Audio}
  781.  
  782.  
  783. <div id="info">
  784. <div id="basic">
  785. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} + {NoteCount}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">v.</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"><b>s.</b></a>{/block:ContentSource}{/block:RebloggedFrom}
  786. {/block:Date}
  787. </div>
  788. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  789. </div>
  790.  
  791. <div class="postnote">
  792. {block:PostNotes}{PostNotes}{/block:PostNotes}
  793. </div>
  794. </div>
  795.  
  796. {block:ContentSource}
  797. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  798. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  799. {/block:SourceLogo}
  800. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  801. {/block:ContentSource}
  802.  
  803. {/block:Posts}
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810. <div id="pagination">
  811. <center>
  812. {block:Pagination}
  813. {block:PreviousPage}
  814. <a href="{PreviousPage}">← down</a>
  815. {/block:PreviousPage}
  816.  
  817. {block:NextPage}
  818. <a href="{NextPage}">up →</a>
  819. {/block:NextPage}
  820. {/block:Pagination}
  821. </center>
  822. </div>
  823.  
  824. </div>
  825. </div>
  826. </div>
  827.  
  828.  
  829. <div id="credit"><a href="http://protectmccall.tumblr.com" title="code by protectmccall">©</a></div>
  830.  
  831. </body>
  832.  
  833. <!-- POPUP ASK -->
  834.  
  835. {block:ifPopupAsk}
  836. <div id="02" class="popup_block">
  837.  
  838. <Center><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/cutebrothers.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  839. </center></div>
  840.  
  841. </div></div></div></div></div></div></div></div></div></div>
  842. {/block:ifPopupAsk}
  843. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!