API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: Merry Christmas

b0rn-to-be-wild
Nov 30th, 2013
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.07 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. <html xmlns="http://www.w3.onrg/1999/xhtml">
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | Theme: Merry Christmas
  7.  
  8. + Please do not redistribute this theme or remove credits.
  9. + You are allowed to make changes as long as you keep our credits.
  10. + If you have any questions or concerns, just contact us.
  11. + Thanks for using our page! We hope that you enjoy it!
  12.  
  13. ---->
  14.  
  15. <html>
  16.  
  17. <head>
  18.  
  19. <!--Cursor code-->
  20.  
  21. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol377.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2010/12/22/christmas-candle.html" target="_blank" title="Christmas Candle"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Christmas Candle" style="position:absolute; top: 0px; right: 0px;" /></a>
  22.  
  23. <!--Snowing code-->
  24.  
  25. <script src="http://static.tumblr.com/p2evvtm/7Lzm07nfv/snowstorm.js"></script>
  26.  
  27. <!--Google fonts-->
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  38.  
  39.  
  40. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  41.  
  42. <meta name="viewport" content="width=device-width, initial-scale=1">
  43.  
  44. <!--DEFAULT VARIABLES-->
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  46.  
  47. <meta name="image:Background" content="1"/>
  48. <meta name="image:Header" content="0"/>
  49.  
  50. <meta name="color:Background" content="#fff"/>
  51. <meta name="color:Post background" content="#fff"/>
  52. <meta name="color:Link" content="#CE2E2C"/>
  53. <meta name="color:Link background" content="#777"/>
  54. <meta name="color:Icon" content="#000"/>
  55. <meta name="color:Text" content="#777"/>
  56. <meta name="color:Bold" content="#000"/>
  57. <meta name="color:Italic" content="#CE2E2C"/>
  58. <meta name="color:Hover" content="#fff"/>
  59. <meta name="color:Borders" content="#A4A4A4"/>
  60. <meta name="color:Description" content="#000000"/>
  61. <meta name="color:Scrollbar" content="#CE2E2C"/>
  62. <meta name="color:Title" content="#333"/>
  63. <meta name="color:Blog Title" content="#000000"/>
  64.  
  65. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  66. <meta name="select:Title Font" content="Baumans" title="Baumans">
  67. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  68. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  69. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  70. <meta name="font:Body font" content=""/>
  71.  
  72. <meta name="if:Show Captions" content="1" />
  73. <meta name="if:Show Tags" content="1" />
  74.  
  75. <meta name="text:Link one" content="link one"/>
  76. <meta name="text:Link two" content="link two"/>
  77. <meta name="text:Link three" content="link three"/>
  78. <meta name="text:Link four" content="link four"/>
  79. <meta name="text:Link five" content="link five"/>
  80. <meta name="text:Link six" content="link six"/>
  81.  
  82. <meta name="text:Link one url" content="link one"/>
  83. <meta name="text:Link two url" content="link two"/>
  84. <meta name="text:Link three url" content="link three"/>
  85. <meta name="text:Link four url" content="link four"/>
  86. <meta name="text:Link five url" content="link five"/>
  87. <meta name="text:Link six url" content="link six"/>
  88.  
  89. <style type="text/css">
  90.  
  91. body {
  92. padding: 0px;
  93. margin: 0px;
  94. color:{color:text};
  95. font-family:{font:Body font};
  96. line-height:20px;
  97. font-size:15px;
  98. background-color: {color:Background};
  99. background-image:url({image:Background});
  100. background-attachment: fixed;
  101. background-repeat: repeat;
  102. }
  103.  
  104. h1{
  105. color:{color:Title};
  106. font-size:25px;
  107. border-bottom:1px solid {color:Borders};
  108. font-family:{select:Title Font};
  109. }
  110.  
  111. h2{
  112. font-family:{font:Body font};
  113. line-height:20px;
  114. font-size:15px;
  115. }
  116.  
  117. a:link, a:active, a:visited{
  118. -webkit-transition: color 0.3s ease-out;
  119. -moz-transition: color 0.3s ease-out;
  120. transition: color 0.3s ease-out;
  121. color:{color:Link};
  122. text-decoration:none;
  123. }
  124.  
  125. a:hover {
  126. color: {color:Hover};
  127. }
  128.  
  129. b, strong {color:{color:Bold};}
  130. p {margin-top:5px; margin-bottom:5px;}
  131.  
  132. blockquote{
  133. padding:0px 0px 2px 5px;
  134. margin:0px 0px 2px 10px;
  135. border-left: 1px solid {color:Borders};
  136. }
  137.  
  138. blockquote p, ul{
  139. margin:0px;
  140. padding:0px;
  141. }
  142.  
  143. a img{border: 0px;}
  144.  
  145. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  146.  
  147. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  148. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  149.  
  150.  
  151. .notes img{
  152. width:15px;
  153. position:relative;
  154. top:3px;
  155. margin-right:5px;
  156. border:1px solid {color:Borders};
  157. border-radius:60px;
  158. }
  159.  
  160. <--ses-->
  161. small{font-size: 90%;}
  162.  
  163. big{font-size: 110%;}
  164.  
  165. /* Webkit scrollbar */
  166.  
  167. ::-webkit-scrollbar-thumb {
  168. background: {color:Scrollbar};
  169. height: auto;
  170. border: 2px solid {color:Borders};
  171. }
  172.  
  173. ::-webkit-scrollbar {
  174. height:10px;
  175. width:8px;
  176. background: {color:Scrollbar};
  177. height: auto;
  178. border: 3.5px solid {color:Borders};
  179. }
  180.  
  181. /*Posts and entries*/
  182.  
  183. #posts {
  184. width:620px;
  185. min-height:700px;
  186. margin-top:200px;
  187. margin-left:350px;
  188. {block:PermalinkPage}
  189. margin-left:380px;
  190. {/block:PermalinkPage}
  191. z-index:99;
  192. }
  193.  
  194. .entry {
  195. float:left;
  196. margin:10px;
  197. width:250px;
  198. padding:15px;
  199. border:5px solid {color:Borders};
  200. {block:PermalinkPage}
  201. width:500px;
  202. {/block:PermalinkPage}
  203. background:{color:Post background};
  204. }
  205.  
  206. .entry:hover{
  207. -webkit-transition: all .7s ease;
  208. -moz-transition: all .7s ease;
  209. -o-transition: all .7s ease;
  210. transition: all .7s ease;
  211. -moz-box-shadow: 0 0 5px 5px #888;
  212. -webkit-box-shadow: 0 0 5px 5px #888;
  213. box-shadow: 0 0 5px 5px #888;
  214. }
  215.  
  216. /* Header */
  217.  
  218. #header{
  219. position:fixed;
  220. background:#fff;
  221. z-index:100000;
  222. height:150px;
  223. width:100%;
  224. top:0px;
  225. border-bottom: 5px solid {color:Borders};
  226. margin-left:0px;
  227. }
  228.  
  229. .headerimage{
  230. position:fixed !important;
  231. margin-left:20px;
  232. margin-top:40px;
  233. background-size:100%;
  234. height:260px;
  235. width:250px;
  236. z-index:100;
  237. border-radius:230px;
  238. }
  239.  
  240. .headerimage img {
  241. margin:50px;
  242. width:150px;
  243. height:150px;
  244. border-radius:100%;
  245. }
  246.  
  247. .headerframe{
  248. position:absolute;
  249. background:url('http://i39.tinypic.com/2yybhpu.jpg');
  250. height:260px;
  251. width:250px;
  252. margin-left:20px;
  253. margin-top:40px;
  254. z-index:10000;
  255. }
  256.  
  257. /*Links*/
  258.  
  259.  
  260. #link1{
  261. position:fixed;
  262. width:45px;
  263. height:20px;
  264. margin-left:10px;
  265. padding:5px;
  266. margin-top:40px;
  267. z-index:1000;
  268. }
  269.  
  270. #link2{
  271. position:fixed;
  272. width:45px;
  273. height:20px;
  274. margin-left:75px;
  275. padding:5px;
  276. margin-top:0px;
  277. }
  278.  
  279. #link3{
  280. position:fixed;
  281. width:45px;
  282. height:20px;
  283. margin-left:180px;
  284. padding:5px;
  285. margin-top:0px;
  286. }
  287.  
  288. #link4{
  289. position:fixed;
  290. width:45px;
  291. height:20px;
  292. margin-left:250px;
  293. padding:5px;
  294. margin-top:40px;
  295. }
  296.  
  297. #link1:hover, #link2:hover, #link3:hover, #link4:hover{
  298. transform:rotate(360deg);
  299. -ms-transform:rotate(360);
  300. -webkit-transform:rotate(360);
  301. -webkit-transition: all .7s ease;
  302. -moz-transition: all .7s ease;
  303. -o-transition: all .7s ease;
  304. transition: all .7s ease;
  305. }
  306.  
  307. /*Extra Links*/
  308.  
  309. #headerlinks{
  310. position:absolute;
  311. margin-top:145px;
  312. margin-left:300px;
  313. width:715px;
  314. text-align:center;
  315. }
  316.  
  317. #headerlinks a{
  318. width:100px;
  319. background:{color:Link background};
  320. margin-left:10px;
  321. height:20px;
  322. padding:5px;
  323. font-size:15px;
  324. line-height:15px;
  325. border:5px solid {color:Borders};
  326. z-index:99999;
  327. }
  328.  
  329.  
  330. /*Sidebar*/
  331.  
  332. #sidebar{
  333. margin-left:10px;
  334. margin-top:90px;
  335. position:fixed;
  336. }
  337.  
  338. #blogtitle{
  339. margin-left:10px;
  340. width:255px;
  341. text-align:center;
  342. margin-top:10px;
  343. font-size:28px;
  344. z-index:100000;
  345. color:{color:Blog Title};
  346. font-family:{select:Title Font};
  347. letter-spacing:2px;
  348. line-height:30px;
  349. }
  350.  
  351. #blogtitle:hover{
  352. font-size:30px;
  353. }
  354.  
  355. #descframe{
  356. background:url('http://i57.tinypic.com/2cmss9j.jpg');
  357. margin-top:0px;
  358. margin-left:5px;
  359. width:255px;
  360. height:180px;
  361. }
  362.  
  363. .desc{
  364. position:absolute;
  365. width:150px;
  366. height:115px;
  367. overflow:auto;
  368. color:{color:Description};
  369. margin-top:23px;
  370. margin-left:46px;
  371. font-size:12px;
  372. line-height:15px;
  373. text-align:center;
  374. padding:10px;
  375. border-radius:30px;
  376. z-index:100;
  377. }
  378.  
  379. .desc:hover{
  380. font-size:15px;
  381. -webkit-transition: all .7s ease;
  382. -moz-transition: all .7s ease;
  383. -o-transition: all .7s ease;
  384. transition: all .7s ease;
  385. }
  386.  
  387. /* Chat */
  388.  
  389. .chat .line{
  390. margin:0 0 -1px;
  391. color: {color:Text};
  392. padding:2px;
  393. border-top:1px solid {color:Borders};
  394. border-bottom:1px solid {color:Borders};
  395. }
  396.  
  397. .label {
  398. font-size:17px;
  399. }
  400.  
  401. /*Ask Posts*/
  402.  
  403. .bubble {
  404. position: relative;
  405. height:auto;
  406. margin:5px;
  407. padding:5px;
  408. border: 1px solid {color:Borders};
  409. z-index:0;
  410. border-radius:5px;
  411. }
  412.  
  413. .asker img {
  414. float:left;
  415. border-radius:50px;
  416. border:1px solid {color:Borders};
  417. margin-right:5px;
  418. z-index:2000;
  419. }
  420.  
  421. /*Audio*/
  422.  
  423. .album img{
  424. max-width:65px;
  425. margin-left:5px;
  426. float:left;
  427. margin-top:0px;
  428. z-index:10;
  429. border: 5px solid {color:Borders};
  430. }
  431.  
  432. .audio{
  433. position:absolute;
  434. width:185px;
  435. min-height:90px;
  436. margin-left:80px;
  437. float:left;
  438. padding:5px;
  439. margin-top:-5px;
  440. z-index:10;
  441. font-size:12px;
  442. overflow:hidden;
  443. }
  444.  
  445. .play{
  446. position:absolute;
  447. margin:30px;
  448. max-width:25px;
  449. max-height:25px;
  450. overflow:hidden;
  451. opacity:0.7;
  452. }
  453.  
  454. /* quote posts style */
  455.  
  456. .quote {
  457. font-family:{select:Title Font};
  458. font-size:30px;
  459. line-height:35px;
  460. color:{color:Italic};
  461. height:auto;
  462. margin:10px;
  463. padding:5px;
  464. text-align:center;
  465. letter-spacing:1px;
  466. }
  467.  
  468. .source {
  469. font-size:15px;
  470. line-height:25px;
  471. color:{color:Italic};
  472. height:auto;
  473. margin-top:10px;
  474. margin-left:10px;
  475. margin-right:10px;
  476. margin-bottom:5px;
  477. padding:5px;
  478. text-align:right;
  479. letter-spacing:1px;
  480. }
  481.  
  482. /* Extras*/
  483.  
  484. .tagss {
  485. position:absolute;
  486. font-size:11px;
  487. margin-bottom:-15px;}
  488.  
  489.  
  490. .like_and_reblog_buttons {
  491. position:absolute;
  492. float:right;
  493. margin-left:200px;
  494. {block:PermalinkPage}
  495. margin-left:450px;
  496. {/block:PermalinkPage}
  497. margin-bottom:15px;
  498. z-index:200000;
  499. border: 0px solid #e8e8e8;
  500. border-radius: 3px;
  501. list-style: none;
  502. }
  503.  
  504. .like_and_reblog_buttons li {
  505. float:right;
  506. margin: 5px 5px;
  507. height: 15px;
  508. }
  509.  
  510. .like_and_reblog_buttons li:first-child {
  511. border-right: 0px solid #e8e8e8;
  512. }
  513.  
  514. .infoo {
  515. height:15px;
  516. width:250px;
  517. float:center;
  518. {block:PermalinkPage}
  519. width:500px;
  520. {/block:PermalinkPage}
  521. padding-top:6px;
  522. margin-top:10px;
  523. margin-left:0px;
  524. padding:2px;
  525. font-size:15px;
  526. letter-spacing:1px;
  527. line-height:20px;
  528. color:{color:Link};
  529. border-top:1px solid {color:Borders};
  530. text-transform:lowercase;
  531. }
  532.  
  533. .infoo a:hover {
  534. color:{color:Hover};
  535. font-size:17px;
  536. }
  537.  
  538. .infoo i{
  539. color:{color:Icon};
  540. }
  541.  
  542. #s-m-t-tooltip {
  543. max-width:300px;
  544. z-index:100000;
  545. margin:24px 14px 7px 12px;
  546. padding:8px;
  547. color:{color:Link};
  548. background:{color:Link background};
  549. border:1px solid {color:Borders};
  550. font-size:13px;
  551. line-height:16px;
  552. }
  553.  
  554. /* Pagination */
  555.  
  556. .jump_page {
  557. padding: 4px 8px;
  558. color:{color:Link};
  559. background:{color:Link background};
  560. font-size:11px;
  561. text-decoration:none;
  562. border:1px solid {color:Borders};
  563.  
  564. }
  565.  
  566. .current_page, .jump_page:hover{
  567. padding: 4px 8px;
  568. color:{color:Link};
  569. background:{color:Link background};
  570. font-size:11px;
  571. text-decoration:none;
  572. border:1px solid {color:Borders};
  573. }
  574.  
  575.  
  576. /* Credits */
  577.  
  578. #credits {
  579. position:fixed;
  580. right:10px;
  581. top:40px;
  582. z-index:100000;
  583. }
  584.  
  585. #credits img{
  586. border:3px solid {color:Borders};
  587. }
  588.  
  589.  
  590. </style>
  591.  
  592. {CustomCSS}
  593.  
  594.  
  595. </style>
  596.  
  597. <script type="text/javascript"
  598. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  599.  
  600. <!---Style my tooltips--->
  601.  
  602. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  603. <script src="jquery.style-my-tooltips.js"></script>
  604.  
  605. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  606.  
  607. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  608. <script>
  609. (function($){
  610. $(document).ready(function(){
  611. $("[title]").style_my_tooltips({
  612. tip_follows_cursor:true,
  613. tip_delay_time:200,
  614. tip_fade_speed:300
  615. }
  616. );
  617. });
  618. })(jQuery);
  619. </script>
  620.  
  621. {block:IndexPage}
  622. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  623. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  624.  
  625. <script type="text/javascript">
  626. $(window).load(function(){
  627. var $wall = $('#posts');
  628. $wall.imagesLoaded(function(){
  629. $wall.masonry({
  630. itemSelector: '.entry, .entry_photo',
  631. isAnimated : false
  632. });
  633. });
  634.  
  635. $wall.infinitescroll({
  636. navSelector : '#pagination',
  637. nextSelector : '#pagination a',
  638. itemSelector : '.entry, .entry_photo',
  639. bufferPx : 2000,
  640. debug : false,
  641. errorCallback: function() {
  642. $('#infscr-loading').fadeOut('normal');
  643. }},
  644. function( newElements ) {
  645. var $newElems = $( newElements );
  646. $newElems.hide();
  647. $newElems.imagesLoaded(function(){
  648. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  649. });
  650. }); $('#posts').show(500);
  651. });
  652. </script>
  653.  
  654.  
  655. {/block:IndexPage}
  656.  
  657. <script type="text/javascript" src="http://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>
  658.  
  659. <script type="text/javascript">
  660. snowStorm.snowColor = '#bbbbbb'; //
  661. snowStorm.flakesMaxActive =50;
  662. </script>
  663.  
  664. <title>{title}</title>
  665.  
  666. </head>
  667.  
  668. <body>
  669.  
  670. <div id="header">
  671.  
  672. <div id="link1"><a href="/"><img src="http://i43.tinypic.com/2wcqn94.jpg" Title="Home"></a></div>
  673. <div id="link2"><a href="/ask"><img src="http://i42.tinypic.com/121egkh.jpg" Title="Ask"></a></div>
  674. <div id="link3"><a href="/submit"><img src="http://i41.tinypic.com/30rl3k4.jpg" Title="Submit"></a></div>
  675. <div id="link4"><a href="/archive"><img src="http://i40.tinypic.com/hrbpl0.jpg" Title="Archive"></a></div>
  676.  
  677. <div class="headerimage"><img src="{image:Header}"></div>
  678.  
  679. <div class="headerframe"></div>
  680.  
  681. <div style="position:fixed; left:290px; top: -0.5px;"><img src="http://magickalgraphics.com/Graphics/SpecialOccasions/Christmas/Dividers/chdiv13.gif" border="0;"> </div>
  682.  
  683. <div style="position:fixed; margin-left:980px; bottom:20px; z-index:1000;"><img src="http://sl.glitter-graphics.net/pub/28/28796xf3z4sbjdh.gif" border="0;"> </div>
  684.  
  685. <div id="headerlinks">
  686. <a href="{text:Link one url}">{text:Link one}</a>
  687. <a href="{text:Link two url}">{text:Link two}</a>
  688. <a href="{text:Link three url}">{text:Link three}</a>
  689. <a href="{text:Link four url}">{text:Link four}</a>
  690. <a href="{text:Link five url}">{text:Link five}</a>
  691. </div>
  692.  
  693. </div>
  694.  
  695. <div id="sidebar">
  696. <div id="blogtitle">{Title}</div>
  697. <div id="descframe">
  698. <div class="desc">
  699. {description}</div>
  700. </div>
  701. <!-- pagination -->
  702. <center><br>
  703. {block:Pagination}
  704. {block:PreviousPage}
  705. <span class="jump_page">
  706. <a href="{PreviousPage}">«</a></span>
  707. {/block:PreviousPage}
  708. {block:JumpPagination length="4"}
  709. {block:CurrentPage}
  710. <span class="current_page">
  711. {PageNumber}</span>
  712. {/block:CurrentPage}
  713. {block:JumpPage}
  714. <span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
  715. {/block:JumpPage}
  716. {/block:JumpPagination}
  717. {block:NextPage}
  718. <span class="current_page">
  719. <a href="{NextPage}">»</a></span>
  720. {/block:NextPage}
  721. {/block:Pagination}
  722. </center> <br>
  723. </div>
  724.  
  725.  
  726. <div id="posts">
  727.  
  728. {block:Posts}
  729.  
  730. <div class="entry">
  731.  
  732. <div class="content">
  733.  
  734. {block:Text}
  735. {block:Title}
  736. <h1>{Title}</h1></a>
  737. {/block:Title}
  738. {Body}
  739. {/block:Text}
  740.  
  741. {block:Photo}
  742. {block:IndexPage}
  743. <img src="{PhotoURL-250}"
  744. </a>{/block:IndexPage}
  745. {block:PermalinkPage}
  746. <a href="{permalink}">
  747. <img src="{PhotoURL-500}"
  748. width="500"/></a>
  749. {/block:PermalinkPage}
  750. {/block:Photo}
  751.  
  752. {block:Photoset}
  753. {Photoset-250}
  754. {block:PermalinkPage}
  755. {Photoset-500}
  756. {/block:PermalinkPage}
  757. {/block:Photoset}
  758.  
  759. {block:Quote}
  760. <div class="quote">
  761. "{Quote}"
  762. {block:Source}
  763. <div class="source">-{Source}
  764. </div>{/block:Source}</div>
  765. {/block:Quote}
  766.  
  767. {block:Link}
  768. <a href="{URL}"
  769. class="linkpost"
  770. target="_blank">
  771. <h1><i class="fa fa-link"></i>
  772. {Name} &raquo;</h1></a>
  773. {block:Description}
  774. {Description}
  775. {/block:Description}
  776. {/block:Link}
  777.  
  778. {block:Chat}
  779. {block:Title}<h1>{Title}</h1>{/block:Title}
  780. {block:Lines}<div class="chat"><div class="line {Alt}">
  781. <div class="{Alt} user_{UserNumber}">
  782. {block:Label}
  783. <span class="label">
  784. <span style="text-transform:uppercase;
  785. letter-spacing:1px">
  786. <b>{Label}</b>
  787. </span></span>
  788. {/block:Label}
  789. {Line}</div>
  790. </div></div>
  791. {/block:Lines}
  792. {/block:Chat}
  793.  
  794. {block:Audio}
  795. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  796. {block:AlbumArt}
  797. <div class="play">
  798. {AudioPlayerWhite}
  799. </div>
  800. </div>
  801. <div class="audio">
  802. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  803. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  804. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  805. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
  806. <br><br><br><br><br>
  807. {/block:Audio}
  808.  
  809. {block:Video}
  810. {block:IndexPage}
  811. {VideoEmbed-250}
  812. {/block:IndexPage}
  813. {block:PermalinkPage}
  814. {VideoEmbed-500}
  815. {/block:PermalinkPage}
  816. {/block:Video}
  817.  
  818. {block:Answer}
  819. <div class="bubble">
  820. <div class="asker">
  821. <img src="{AskerPortraitURL-48}">
  822. </div>
  823. <span></span>{Asker}:
  824. {Question}</div>
  825. {Answer}
  826. {/block:Answer}
  827.  
  828. {block:IndexPage}
  829. {block:IfShowCaptions}
  830. {block:Caption}
  831. <h2>{Caption}</h2>
  832. {/block:Caption}
  833. {/block:IfShowCaptions}
  834. {/block:IndexPage}
  835.  
  836. {block:IfShowTags}
  837. {block:HasTags}
  838. {block:Tags}&nbsp;#
  839. <a href="{TagURL}">
  840. {Tag}</a>,&nbsp;
  841. {/block:Tags}
  842. {/block:HasTags}
  843. {/block:IfShowTags}
  844.  
  845. <div class="infoo">
  846. {block:Date}
  847. <a href="{Permalink}">
  848. <i class="fa fa-clock-o"></i>
  849. {TimeAgo}</a>
  850. {block:NoteCount}
  851. <i class="fa fa-heart-o"></i>
  852. {NoteCountWithLabel}
  853. {/block:NoteCount}
  854.  
  855.  
  856. <ul class="like_and_reblog_buttons">
  857. <li>{ReblogButton size="15"}</li>
  858. <li>{LikeButton size="15"}</li>
  859. </ul>
  860. </div></div><br>
  861. {/block:Date}
  862.  
  863. {block:PermalinkPage}
  864. <div class="notes">
  865. {block:Caption}{Caption}{/block:Caption}<br><br>
  866.  
  867. {block:PermalinkPagination}
  868. <center>
  869. {block:PreviousPost}
  870. <a href="{PreviousPost}">
  871. <i class="fa fa-arrow-circle-left"></i>
  872. Previous post
  873. </a>
  874. {/block:PreviousPost}
  875.  
  876. {block:NextPost}
  877. <a href="{NextPost}">
  878. - Next post
  879. <i class="fa fa-arrow-circle-right"></i></a></a>
  880. {/block:NextPost}
  881. </center>
  882. {/block:PermalinkPagination} <br>
  883.  
  884. {block:PostNotes}<br>
  885. <div style="text-align:left; max-height: 400px; width:500px; overflow: auto; overflow-x: hidden;">
  886. {PostNotes}</div>
  887. {/block:PostNotes}</div>
  888. <br><br>
  889.  
  890. {/block:PermalinkPage}
  891.  
  892. </div> <!-- END CONTENT -->
  893.  
  894. {/block:Posts}
  895.  
  896. </div></div>
  897.  
  898.  
  899. </body>
  900.  
  901. <a href="http://borntobewildthemes.tumblr.com" title="Theme MERRY CHRISTMAS by borntobewildthemes"><div id="credits">
  902. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  903.  
  904. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!