API tools faq
paste
Advertisement
cornetespoir

23 // Mystic Messenger

cornetespoir
Sep 20th, 2016
3,838
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. // mystic messenger theme
  3.  
  4. by espoirthemes //
  5.  
  6. based off of the game by cheritz
  7.  
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  13.  
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22.  
  23. <!--here's where you set the default colors -->
  24.  
  25. <meta name="color:background" content="#0c0c0c" />
  26. <meta name="color:links" content="#fff" />
  27. <meta name="color:text" content="#fff" />
  28. <meta name="color:link hover" content="#eee" />
  29. <meta name="color:posts" content="#f4f4f4" />
  30. <meta name="color:border color" content="#D98D32" />
  31. <meta name="color:scrollbar" content="#222" />
  32. <meta name="color:scrollbar background" content="#ccc" />
  33. <meta name="color:ask bubble" content="#eee" />
  34. <meta name="color:ask bubble text" content="#aaa" />
  35.  
  36. <meta name="text:url1" content="/about" />
  37. <meta name="text:link1" content="about" />
  38. <meta name="text:url 2" content="url" />
  39. <meta name="text:link 2" content="link" />
  40. <meta name="text:url 3" content="url" />
  41. <meta name="text:link 3" content="link" />
  42. <meta name="text:url 4" content="url" />
  43. <meta name="text:Link 4" content="link" />
  44. <meta name="if:hover tags" content="" />
  45.  
  46.  
  47. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  48. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  49.  
  50. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  51. <script>
  52. $(document).ready(function(){
  53. $('#press').click(function(){
  54. $('.panel').slideToggle('slow');
  55.  
  56. });
  57. });
  58.  
  59.  
  60. </script>
  61.  
  62. <script>
  63. $(document).ready(function(){
  64. $('#press2').click(function(){
  65. $('.panel2').slideToggle('slow');
  66.  
  67. });
  68. });
  69.  
  70. </script>
  71.  
  72.  
  73. </head>
  74.  
  75. <style type="text/css">
  76. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  77. border-top:none;
  78. /* white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); */
  79. padding:4px;
  80. }
  81.  
  82.  
  83.  
  84. .panel, .panel2 {
  85.  
  86. padding:10px;
  87. width:200px;
  88. height:260px;
  89. overflow:auto;
  90. display:none;
  91. margin-left:200px;
  92. border:1px solid {color:border};
  93. position:fixed;
  94. z-index:999;
  95. bottom:-8px;
  96. border:8px solid #444;
  97. box-shadow:0px 0px 0px 3px {color:border color};
  98. background:#222 url(http://static.tumblr.com/svdghan/wpTodgc8p/checks__1_.png);
  99. border-radius:8px;
  100.  
  101.  
  102.  
  103. }
  104.  
  105. .links li{list-style:none;position:relative; padding:10px; border-bottom:1px solid {color:border color};}
  106.  
  107. #press {
  108. cursor:pointer;
  109. }
  110.  
  111. #press2 {
  112. cursor:pointer;
  113. }
  114.  
  115.  
  116. body{
  117. margin:0;
  118.  
  119. background:{color:background} url({image:background})
  120.  
  121. {block:iffullbackground} no-repeat center center fixed;
  122. -webkit-background-size: cover;
  123. -moz-background-size: cover;
  124. -o-background-size: cover;
  125. background-size: cover; {/block:iffullbackground};
  126. background-attachment:fixed;
  127. word-wrap:break-word;
  128. font-size:1em;
  129. color:{color:text};
  130. font-family:Arial, sans-serif;
  131. }
  132.  
  133.  
  134. ::-webkit-scrollbar {
  135. width: 10px;
  136. height:6px;
  137.  
  138.  
  139. }
  140. ::-webkit-scrollbar-button {
  141. width: 0px;
  142. height: 0px;
  143. }
  144. ::-webkit-scrollbar-thumb {
  145. background:linear-gradient(to bottom, {color:scrollbar background}, {color:scrollbar});
  146. cursor:pointer;
  147. border-radius: 8px;
  148. }
  149. ::-webkit-scrollbar-track {
  150. background:{color:background};
  151.  
  152.  
  153.  
  154. }
  155. @font-face{
  156. font-family: "copper"; src: url('https://dl.dropboxusercontent.com/s/25i1pp6hhisag7x/copperplate.ttf');
  157. }
  158.  
  159.  
  160.  
  161. a{
  162. color:{color:links};
  163. transition:.6s;
  164. }
  165.  
  166. a:hover {
  167. color:{color:link hover};
  168. transition:.6s;
  169. }
  170.  
  171. .text{padding:10px;}
  172. .caption {
  173. padding:10px;
  174. }
  175.  
  176.  
  177. blockquote{border-left:1px solid {color:border color}; padding-left:4px;}
  178.  
  179.  
  180. blockquote img{max-width:100%;}
  181.  
  182. #container {width:calc(500px + 200px); position:fixed;
  183. height:100vh;
  184. margin-left:400px;
  185. overflow:auto;
  186.  
  187. }
  188.  
  189. #container:before {
  190. content:'';
  191. position:fixed;
  192. width:1px;
  193. height:100vh;
  194. border-left:2px solid {color:border color};
  195. margin-left:70px;
  196. }
  197.  
  198. #entries {
  199.  
  200. margin-left:20px;
  201. margin-top:200px;
  202. }
  203.  
  204. .posts a {
  205. text-decoration:none;
  206. }
  207.  
  208. .posts{
  209. margin:100px auto 180px 120px;
  210. width:500px;
  211. position:relative;
  212. border:8px solid #444;
  213. box-shadow:0px 0px 0px 3px {color:border color};
  214. background:#222 url(http://static.tumblr.com/svdghan/wpTodgc8p/checks__1_.png);
  215. border-radius:8px;
  216.  
  217. }
  218.  
  219. .posts:before {
  220. position:absolute;
  221. content:'';
  222. width:10px;
  223. padding:4px;
  224. height:10px;
  225. left:-86px;
  226. top:70px;
  227. transform:rotate(-45deg);
  228. background:{color:border color};
  229.  
  230. }
  231.  
  232. .posts:after {
  233. width:100px;
  234. position:absolute;
  235. height:50px;
  236.  
  237. left:-64px;
  238. top:28px;
  239. border-left:4px solid {color:border color};
  240. border-top:2px solid {color:border color};
  241. transform:skew(-30deg);
  242. content:'';
  243.  
  244. }
  245.  
  246. .paginate {
  247.  
  248. position:relative;
  249. margin:-40px auto auto 100px;
  250. z-index:9999;
  251. width:440px;
  252. }
  253.  
  254.  
  255.  
  256. .paginate a {
  257. text-decoration:none;
  258. color:{color:border color};
  259. font-size:1.4em;
  260. line-height:100%;
  261. font-family:consolas;
  262. letter-spacing:1px;
  263. }
  264.  
  265. .paginate a:after {
  266. position:absolute;
  267. content:'';
  268. width:10px;
  269. padding:2px;
  270. z-index:-1;
  271. top:14px;
  272. height:10px;
  273. transform:rotate(-45deg);
  274. background:{color:border color};
  275. }
  276.  
  277. .paginate:after {
  278. width:500px;
  279. content:'';
  280. left:-20px;
  281. z-index:-1;
  282. top:-30px;
  283. position:absolute;
  284. height:50px;
  285. border-left:2px solid {color:border color};
  286. border-bottom:2px solid {color:border color};
  287. transform:skew(30deg);
  288.  
  289.  
  290. }
  291.  
  292. .paginate:before {
  293. position:absolute;
  294. content:'';
  295. width:10px;
  296. padding:4px;
  297. z-index:-1;
  298. top:-30px;
  299. height:10px;
  300. left:-38px;
  301. transform:rotate(-45deg);
  302. background:{color:border color};
  303. }
  304.  
  305.  
  306. .topinfo {
  307. border-bottom:2px solid {color:border color};
  308. padding:5px 4px;
  309. box-shadow:0px 4px rgba(0,0,0,.18);
  310. }
  311.  
  312. .topinfo a {
  313. color:white;
  314. text-decoration:none;
  315. margin:;
  316.  
  317. }
  318. .topinfo:after {
  319. position:absolute;
  320. content:'';
  321. width:10px;
  322. padding:2px;
  323. height:10px;
  324. top:22px;
  325. right:-4px;
  326. transform:rotate(-45deg);
  327. background:{color:border color};
  328. }
  329.  
  330. .topinfo a:first-child:after {
  331. position:absolute;
  332. content:'';
  333. width:10px;
  334. padding:3px;
  335. height:10px;
  336. top:22px;
  337. margin-left:10px;
  338. transform:rotate(-45deg);
  339. background:{color:border color};
  340. }
  341.  
  342.  
  343. .title {
  344.  
  345. }
  346. .title a{
  347. font-size:2em;
  348. padding:4px;
  349. line-height:300%;
  350. text-decoration:none;
  351. }
  352.  
  353. .date {
  354. color:white;
  355. background:{color:background};
  356. font-size:1.4em;
  357. text-align:center;
  358. padding:6px 40px;
  359. font-family:Consolas;
  360. position:absolute;
  361. transform:translate(-150px, -80px);
  362. }
  363.  
  364. .date:before {
  365. content:'';
  366. position:absolute;
  367. height:6px;
  368. width:150px;
  369. top:-2px;
  370. left:0px;
  371. background:linear-gradient(to right, {color:background},{color:border color}, {color:border color},{color:border color}, black);
  372. }
  373.  
  374. .date:after {
  375. content:'';
  376. position:absolute;
  377. height:6px;
  378. width:150px;
  379. left:0px;
  380. background:linear-gradient(to right, {color:background},{color:border color},{color:border color},{color:border color}, black );
  381. }
  382.  
  383.  
  384.  
  385. h1{ padding:20px; margin-top:2px; font-size:1.4em; text-align:center; padding-bottom:30px; position:relative; font-family:"copper"; font-weight:bold;}
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392. .speechbubble {
  393. max-width:calc(500px - 120px);
  394. position: relative;
  395. background:{color:ask bubble} ;
  396. left:80px;
  397. color:{color:ask bubble text};
  398. margin: 0;
  399. border-radius:8px;
  400. padding:12px;
  401. text-align:left;
  402.  
  403. box-shadow: 0px 0 1px rgba(0,0,0,0);
  404. }
  405. .speechbubble a{background:none;}
  406.  
  407.  
  408. .speechbubble:after {
  409. position: absolute;
  410. content: "";
  411. border-color: {color:ask bubble} transparent transparent transparent;
  412. border-style: solid;
  413. border-width: 15px 15px 0px;
  414. height:0;
  415. width:0;
  416. position:absolute;
  417. left:-15px;
  418. top:10px;
  419. }
  420.  
  421.  
  422. #albumart{
  423. z-index:2;
  424.  
  425. width:120px;
  426. float:left;border-radius:100%;
  427. height:120px;
  428.  
  429. border:2px solid {color:border color};
  430.  
  431. }
  432.  
  433. .playerbox {
  434. float:left;
  435. padding:6px;
  436. }
  437.  
  438.  
  439. #albumart img{
  440.  
  441. width:120px;
  442. height:120px;
  443. float:left;border-radius:100%;
  444.  
  445.  
  446.  
  447. border-width:0px; transition:.6s;
  448.  
  449. }
  450.  
  451. .playerbox:hover #albumart img{
  452. transition:0.6s;
  453. transform:rotate(300deg); }
  454.  
  455. .player {
  456. width:20px;
  457. overflow:hidden;
  458. height:40px;
  459. transform:scale(1.2);
  460. border-radius:100%;
  461.  
  462. top:8px;
  463. bottom:10px;
  464. left:4px;
  465.  
  466. padding:8px;
  467. padding-top:6px;
  468. padding-left:10px;
  469. padding-bottom:0px;
  470. border-radius:100%;
  471. position:absolute;
  472.  
  473.  
  474. }
  475.  
  476.  
  477. .playercon {
  478. width:56px;
  479. height:56px;
  480. border-radius:100%;
  481. left:0px;
  482. background:white;
  483. top:30px;
  484. position:relative;
  485. border:2px solid {color:border color};
  486. -webkit-transition-duration:500ms;
  487. -moz-transition-duration:500ms;
  488. -o-transition-duration:500ms;
  489. -ms-transition-duration:500ms;
  490. }
  491.  
  492. .infobox {
  493. float:left top;
  494. margin-left:90px;
  495. background-color:transparent;
  496. padding:14px;
  497. padding-left:2px;
  498. max-height:140px;
  499. text-align:center;
  500. color:{color:text};
  501. }
  502.  
  503. .track {
  504.  
  505. letter-spacing:2px;
  506. background:{color:current tab background};
  507. padding:8px 10px;
  508. margin-left:-14px;
  509. font-size:1em;
  510. font-family:"copper";
  511. border-bottom:2px solid {color:border color};
  512. font-weight:300;
  513. text-transform:uppercase; transition:.6s;
  514. color:white;
  515.  
  516.  
  517. }
  518. .artist {
  519. letter-spacing:2px;
  520. padding:2px;
  521. font-style:italic;
  522.  
  523.  
  524.  
  525. }
  526.  
  527. .album {
  528. font-size:.9em;
  529.  
  530. }
  531.  
  532. .playcount {
  533. font-size:.8em;
  534.  
  535. text-transform:uppercase;
  536. letter-spacing:3px;
  537. }
  538.  
  539.  
  540. #audiolo {
  541. width:500px
  542.  
  543.  
  544.  
  545. }
  546.  
  547.  
  548. .linkp{
  549. font-size:24px;
  550. position:relative;
  551. text-align:center; font-family:orbitron;
  552.  
  553. }
  554. .linkp a{text-decoration:none; font-family:orbitron; }
  555. .linkp:after{
  556. content:'»';
  557. transition:.6s; margin-left:2px;
  558. }
  559.  
  560. .linkp:hover:after{
  561. margin-left:10px;
  562. transition:.6s;
  563. color:{color:link};
  564.  
  565. }
  566.  
  567.  
  568. .chat {
  569. padding:5px;
  570. line-height:150%;
  571. }
  572.  
  573. .chat:nth-of-type(odd) {
  574. background:{color:text};
  575. color:{color:posts};
  576. -webkit-transition:.5s;
  577. transition:.5s; }
  578.  
  579. .chat:nth-of-type(odd) b {
  580. color:{color:posts};
  581. -webkit-transition:.5s;
  582. transition:.5s; }
  583.  
  584. .chat:nth-of-type(even) {
  585. background:{color:posts};
  586. color:{color:text};
  587. -webkit-transition:.5s;
  588. transition:.5s; }
  589. .chat:nth-of-type(even) b{
  590. color:{color:text};
  591. -webkit-transition:.5s;
  592. transition:.5s; }
  593.  
  594. .inf{
  595. font-size:13.2px;
  596. font-family:consolas;
  597. position:absolute;
  598. padding:4px;
  599. width:98%;
  600. text-align:left;
  601. margin-top:4px;
  602. position:relative;
  603. opacity:0;
  604. text-align:right;
  605. float:right;
  606. transition:.6s;
  607. transform: translate3d(0px,50px,0px);
  608. }
  609.  
  610. .posts:hover .inf {
  611. transform: translate3d(0,10px,0);
  612. opacity:1;
  613. transition:.6s
  614.  
  615. }
  616.  
  617. .inf svg {
  618. width:16px;
  619.  
  620. height:16px;
  621.  
  622.  
  623. fill:#f8f8f8;
  624.  
  625. }
  626.  
  627. .inf .like svg {
  628. width:16px;
  629. opacity:.4;
  630. margin-top:6px;
  631. height:16px;
  632. }
  633.  
  634. .inf .like { /* Make a parent element */
  635. position: absolute;
  636. right:10px;
  637.  
  638. }
  639.  
  640. .inf .like .like_button { /* Position like button above your custom one */
  641. position: absolute;
  642. top: 0;
  643. margin-top: 6px;
  644. opacity: 0;
  645. }
  646. .inf .like .like_button.liked { /* Keep the functionality active */
  647. opacity: 1;
  648. }
  649.  
  650. .inf a{ color:#f8f8f8; padding:5.2px; border-radius:8%; text-decoration:none;
  651.  
  652. opacity:.4;
  653. height:14px;
  654.  
  655.  
  656. transition: all .4s ease-in;
  657. }
  658.  
  659. .inf li {
  660. list-style:none;
  661. display:inline-block;
  662. padding:2px;
  663. border-radius:100%;
  664. }
  665.  
  666. .inf a:hover{ transition:.4s ease-in-out; box-shadow:none; text-shadow:none;
  667. color:#ccc;
  668. opacity:.52;
  669. text-decoration:none;
  670. }
  671.  
  672.  
  673. #egg { opacity:.8;right:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  674. font-family: "bitxmap";
  675. border:1px solid {color:border}; z-index:4;
  676.  
  677. }
  678. #egg:hover { animation-name: egg;
  679. animation-duration: 1s;
  680. animation-iteration-count: infinite;}
  681. @keyframes egg{
  682. 0%{}
  683. 10%{transform:rotate(20deg)}
  684. 80%{transform:rotate(-20deg)}
  685. 100%{}
  686. }
  687.  
  688. #sidebar {
  689. position:fixed;
  690. z-index:99;
  691. left:50px;
  692. top:50px;
  693. font-family:"copper";
  694. }
  695.  
  696. #sidebar li {
  697. list-style:none;
  698. overflow:hidden;
  699. transition:.6s;
  700. height:114px;
  701. width:200px;
  702.  
  703. }
  704.  
  705. #sidebar li:hover {
  706.  
  707. transition:.6s;
  708. }
  709.  
  710. #sidebar li img {
  711. width:120px;
  712.  
  713. }
  714.  
  715. #sidebar li:after {
  716. color:#eea236 ;
  717. transition:.6s;
  718. border-bottom:2px solid {color:border color};
  719. width:150px;
  720. text-align:right;
  721.  
  722. }
  723.  
  724. #sidebar li:first-child:after {
  725. opacity:0;
  726. font-size:1.8em;
  727. margin-left:-10px;
  728. transform:translate(30px, 30px);
  729. position:absolute;
  730. content:'{lang:home}';
  731. }
  732.  
  733.  
  734. #sidebar li:before {
  735. position:absolute;
  736. content:'';
  737. width:10px;
  738. padding:4px;
  739. height:10px;
  740. z-index:999;
  741. left:4px;
  742. opacity:0;
  743. z-index:-1;
  744. transform:rotate(-45deg) translate(-20px, 20px);
  745. border:2px solid {color:border color};
  746. transition:.6s;
  747.  
  748. }
  749.  
  750.  
  751. #sidebar li:hover:before {
  752. opacity:1;
  753. width:50px;
  754. transition:.6s;
  755. height:50px;
  756. }
  757.  
  758. #sidebar li:first-child:hover:after {
  759. opacity:1; transform:translate(-2px, 30px);
  760.  
  761. }
  762.  
  763. #sidebar li:nth-child(2):after {
  764. opacity:0;
  765. font-size:2em;
  766. margin-left:-10px;
  767. content:'{lang:mail}';
  768. position:absolute;
  769. transform:translate(30px, 30px);
  770. }
  771.  
  772. #sidebar li:nth-child(2):hover:after {
  773. opacity:1;
  774. transform:translate(0px, 30px);
  775. }
  776.  
  777. #sidebar li:nth-child(3):after{
  778. opacity:0;
  779. font-size:2em;
  780. margin-left:-10px;
  781. position:absolute; content:'{lang:archive}';
  782. transform:translate(30px, 30px);
  783. }
  784.  
  785. #sidebar li:nth-child(3):hover:after {
  786. opacity:1;
  787. transform:translate(0px, 30px);
  788. }
  789.  
  790. #sidebar li:nth-child(4):after {
  791. opacity:0;
  792. font-size:2em;
  793. margin-left:-10px;
  794. position:absolute; content:'About';
  795. transform:translate(30px, 30px);
  796. }
  797.  
  798. #sidebar li:nth-child(4):hover:after {
  799. opacity:1;
  800. transform:translate(0px, 30px);
  801. }
  802.  
  803. #sidebar li:nth-child(5):after {
  804. opacity:0;
  805. font-size:2em;
  806. margin-left:-10px;
  807. position:absolute; content:'Menu';
  808. transform:translate(30px, 30px);
  809. }
  810.  
  811. #sidebar li:nth-child(5):hover:after{
  812. opacity:1;
  813. transform:translate(0px, 30px);
  814. }
  815.  
  816.  
  817. ol.notes {
  818. list-style:none;
  819.  
  820. margin:100px auto 180px 120px;
  821. width:450px;
  822. position:relative;
  823. border:8px solid #444;
  824. box-shadow:0px 0px 0px 3px {color:border color};
  825. background:#222 url(http://static.tumblr.com/svdghan/wpTodgc8p/checks__1_.png);
  826. border-radius:8px;
  827.  
  828. }
  829.  
  830. ol.notes:before {
  831. position:absolute;
  832. content:'';
  833. width:10px;
  834. padding:4px;
  835. height:10px;
  836. left:-86px;
  837. top:70px;
  838. transform:rotate(-45deg);
  839. background:{color:border color};
  840.  
  841. }
  842.  
  843. ol.notes:after {
  844. width:100px;
  845. position:absolute;
  846. height:50px;
  847.  
  848. left:-64px;
  849. top:29px;
  850. border-left:4px solid {color:border color};
  851. border-top:2px solid {color:border color};
  852. transform:skew(-30deg);
  853. content:'';
  854.  
  855. }
  856.  
  857. ol.notes li {
  858. width:64px;
  859. overflow:hidden;
  860. display:inline-block;
  861. height:64px;
  862. }
  863.  
  864. ol.notes li img {
  865. margin:4px;
  866. width:64px;
  867. }
  868.  
  869. .tags { position:absolute;overflow:hidden; line-height:150%; margin-top:10px;transition:.6s;
  870.  
  871.  
  872.  
  873. height:60px;transition:.6s; overflow:auto;width:450px;
  874. border:1px solid transparent;
  875. {block:ifhovertags}opacity:0; {/block:ifhovertags}
  876. transition:.6s;
  877.  
  878. }
  879.  
  880.  
  881.  
  882. .posts:hover .tags{ opacity:1}
  883.  
  884. </style>
  885. <body>
  886.  
  887. <div id="sidebar">
  888. <li> <a href="/"><img src="http://static.tumblr.com/svdghan/0wHodtjuo/jumin.png"></a> </li>
  889. <li> <a href="/ask"><img src="http://static.tumblr.com/svdghan/J2sodtjw0/zen.png"></a> </li>
  890. <li> <a href="/archive"><img src="http://static.tumblr.com/svdghan/0i0odtjxg/707.png"></a> </li>
  891. <li> <a id="press2"><img src="http://static.tumblr.com/svdghan/z0nodtjw8/yoosung.png"></a> </li>
  892. <li> <a id="press"><img src="http://static.tumblr.com/svdghan/gSOodtjwl/jaehee.png" ></a> </li>
  893.  
  894.  
  895. </div>
  896. <a href="http://espoirthemes.tumblr.com">
  897. <div id="egg"></div></a>
  898.  
  899.  
  900. <div id="container">
  901.  
  902. <div id="entries">
  903.  
  904. {block:Posts}<div class="posts">
  905. <div class="date">
  906. {24Hour}:{Minutes}
  907. </div>
  908. <div class="topinfo">
  909. <a href="{Permalink}">{NoteCountwithLabel}</a>
  910. </div>
  911. <!-- {block:NoRebloggedFrom}
  912. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  913. {/block:NoRebloggedFrom} -->
  914. {block:ContentSource}
  915. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  916. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  917. {/block:SourceLogo}
  918. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  919. {/block:ContentSource}
  920. {block:Text}
  921.  
  922. {block:Title}
  923. <h1>{Title}</h1>
  924. {/block:Title}
  925. <div class="caption">
  926. {Body}</div>
  927.  
  928. {/block:Text}{block:Photo}
  929. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/ style="width:500px; "></center> <br>
  930.  
  931. {block:Caption}
  932. <div class="caption">{Caption}</div>
  933. {/block:Caption}
  934.  
  935. {/block:Photo}{block:Panorama}
  936.  
  937. {LinkOpenTag}
  938. <div class="im"> <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></div>
  939. {LinkCloseTag}{block:Caption}
  940. <div class="caption">{Caption}</div>
  941. {/block:Caption}
  942.  
  943. {/block:Panorama}{block:Photoset}
  944.  
  945. {Photoset}{block:Caption}
  946. <div class="caption">{Caption}</div>
  947. {/block:Caption}
  948.  
  949. {/block:Photoset}{block:Quote}
  950.  
  951. "{Quote}"
  952.  
  953. {block:Source}
  954. <div class="source">{Source}</div>
  955. {/block:Source}
  956.  
  957. {/block:Quote}
  958. {block:Link}
  959. <center>
  960. <a href="{URL}" class="linkp" target="_blank"> {Name}</a>
  961. </center>
  962. {block:Description}
  963. <div class="caption"> {Description}</div>
  964. {/block:Description} <br>
  965. {/block:Link}
  966.  
  967.  
  968. {block:Chat} <div class="caption">
  969. {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}</div>
  970. {/block:Chat}
  971.  
  972. {block:Video}
  973.  
  974. {Video-400}{block:Caption}
  975. <div class="caption">{Caption}</div>
  976. {/block:Caption}
  977.  
  978. {/block:Video}
  979. {block:Audio}
  980. <br>
  981. <div id="audiolo">
  982. <div class="playerbox">
  983. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  984.  
  985. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  986. <div class="infobox">
  987. <div class="track"> {block:TrackName}
  988. {TrackName}
  989. {/block:TrackName} </div>
  990.  
  991.  
  992. <div class="artist">
  993. {block:Artist}{Artist}
  994. {/block:Artist} </div>
  995.  
  996. <div class="album">
  997. {block:Album}
  998. {Album}
  999. {/block:Album}
  1000. </div>
  1001.  
  1002. <div class="playcount">
  1003.  
  1004. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1005. </div></div> <br><br>
  1006.  
  1007. <div class="caption">{caption}</div> <br>
  1008. {/block:Audio}
  1009.  
  1010.  
  1011.  
  1012.  
  1013. {block:Answer}
  1014.  
  1015. <br>
  1016. <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} shouted: {Question}</div>
  1017. <br>
  1018. {block:Answerer}
  1019. <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AnswererPortraitURL-40}" align="left" /></div><div class="speechbubble">{Answerer} shouted back: {Answer}</div>
  1020. {/block:Answerer} <br>
  1021. <div class="caption"> {replies}</div>
  1022.  
  1023.  
  1024.  
  1025. {/block:Answer}
  1026.  
  1027. <div class="inf">{block:Date}
  1028.  
  1029.  
  1030.  
  1031. <div class="like">
  1032. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1033. width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
  1034. xml:space="preserve">
  1035. <g>
  1036. <g>
  1037. <path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123
  1038. C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
  1039. s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
  1040. l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
  1041. l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22
  1042. c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09
  1043. c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
  1044. l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484
  1045. C17.828,94.283,17.809,145.65,46.295,177.252z"/>
  1046. </g>
  1047. </g>
  1048.  
  1049.  
  1050. </svg>
  1051.  
  1052. {LikeButton size="15"}
  1053. </div>
  1054.  
  1055.  
  1056. <a href="{ReblogURL}" style="right:40px; position:absolute">
  1057. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1058. viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
  1059. <g>
  1060. <path d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7
  1061. l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1
  1062. c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7
  1063. c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62
  1064. c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
  1065. </g>
  1066.  
  1067. </svg>
  1068.  
  1069. </a>
  1070.  
  1071. </div> {/block:Date}
  1072. {block:hastags}<div class="tags"><blockquote>{block:tags}<a href="{TagURL}">#{tag}</a> {/block:tags}</blockquote></div> {/block:hastags}
  1073. </div><!--posts end-->
  1074.  
  1075. {/block:Posts}
  1076. {block:PostNotes} {PostNotes-64} {/block:PostNotes}
  1077.  
  1078.  
  1079. </div>
  1080. {block:Pagination}
  1081. <div class="paginate">
  1082. {block:NextPage}
  1083.  
  1084.  
  1085. <a href="{NextPage}">Continue...</a>
  1086. </div>
  1087. {/block:NextPage}
  1088. {block:PreviousPage}<a href="{PreviousPage}" style="float:right; text-decoration:none;
  1089. color:{color:border color};
  1090. font-size:1.4em;
  1091. font-family:consolas;
  1092. letter-spacing:1px;">Previous</a>{/block:PreviousPage}
  1093.  
  1094. </div>
  1095.  
  1096. {/block:Pagination}
  1097.  
  1098. {block:PermalinkPagination}
  1099. <div class="paginate">
  1100. {block:NextPost} <a href="{NextPost}">Continue...</a> {block:NextPost}
  1101. </div>
  1102.  
  1103. {/block:PermalinkPagination}
  1104. </div><!--container end-->
  1105.  
  1106. <div class="panel2">
  1107. {Description}
  1108. </div>
  1109. <div class="panel">
  1110.  
  1111. <p>
  1112. <div class="links">
  1113.  
  1114. {block:haspages} {block:pages}
  1115. <li><a href="{URL}">{Label}</a> </li>
  1116.  
  1117. {/block:Pages} {/block:Haspages}
  1118. <li><a href="{text:url1}">{text:link1}</a></li>
  1119. <li><a href="{text:url 2}">{text:Link 2}</a></li>
  1120. <li><a href="{text:url 3}">{text:Link 3}</a></li>
  1121. <li><a href="{text:url 4}">{text:link 4}</a></li>
  1122.  
  1123. </div>
  1124.  
  1125.  
  1126. </p>
  1127. </div>
  1128.  
  1129. </body>
  1130. </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!