API tools faq
paste
artiecore

teddy bear dream

artiecore
Aug 3rd, 2021 (edited)
820
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ teddy bear (🧸) theme by joyfriend ♡
  6. 🧸🧸🧸🧸🧸🧸🧸🧸🧸
  7. its my 2 yr theme anniversary today btw :-)
  8.  
  9. if you host ur audio files on dropbox make sure the link is https://dl.dropbox.com/ and not just https://dropbox.com/
  10.  
  11. base code by animecharacter
  12. audio player from glenthemes
  13. ----->
  14.  
  15. <meta charset="utf-8">
  16. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  17. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  25.  
  26. <!-------MUSIC PLAYER BY GLENTHEMES------->
  27. <script src="//glenthemes.github.io/-music-/glenplayer07.js"></script>
  28.  
  29. <link rel="shortcut icon" href="{image:favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{rss}">
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  35. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  36.  
  37. <meta name="color:background" content="#ffffff"/>
  38. <meta name="color:posts" content=""/>
  39. <meta name="color:glow" content="#000">
  40. <meta name="color:header bg" content="#fff"/>
  41. <meta name="color:description" content="#fff"/>
  42. <meta name="color:container" content="#000">
  43. <meta name="color:border" content="#000">
  44. <meta name="color:text" content="#2b2b2b"/>
  45. <meta name="color:link" content="#2b2b2b"/>
  46. <meta name="color:link hover" content="#949494"/>
  47. <meta name="color:text outline" content="#000000"/>
  48. <meta name="color:link outline" content="#000000"/>
  49. <meta name="color:selection bg" content="#fff"/>
  50. <meta name="color:selection text">
  51. <meta name="color:tooltip text" content="#fff"/>
  52. <meta name="color:tooltip border" content="#fff"/>
  53.  
  54.  
  55. <meta name="image:sidebar" content=""/>
  56. <meta name="image:background" content="" />
  57. <meta name="image:header bg" content="" />
  58. <meta name="image:favicon" content="">
  59.  
  60. <meta name="if:redirect" content="" />
  61. <meta name="if:cover bg" content="" />
  62. <meta name="if:sidebar border" content="" />
  63. <meta name="if:sidebar glow" content="" />
  64. <meta name="if:post border" content="" />
  65. <meta name="if:post glow" content="" />
  66. <meta name="if:container glow" content="" />
  67. <meta name="if:outline links" content="" />
  68. <meta name="if:outline text" content="" />
  69. <meta name="if:links bg" content="" />
  70.  
  71.  
  72. <meta name="text:font size" content="12px">
  73. <meta name="text:description" content="nyall even read this shit?"/>
  74. <meta name="text:redirect" content=""/>
  75. <meta name="text:link divider" content="/"/>
  76. <meta name="text:border size" content="3px" />
  77. <meta name="text:audio link" content="https://cdn.discordapp.com/attachments/604506825991127053/859249555388366878/yt1s.com_-_Coconut_Mall_Mario_Kart_Wii_OST.mp3" />
  78. <meta name="text:audio marquee" content="Now playing: Coconut Mall - Mario Kart Wii" />
  79.  
  80.  
  81. <meta name="text:link1" content="one">
  82. <meta name="text:url1" content="">
  83. <meta name="text:link2" content="two">
  84. <meta name="text:url2" content="">
  85. <meta name="text:link3" content="three">
  86. <meta name="text:url3" content="">
  87. <meta name="text:link4" content="four">
  88. <meta name="text:url4" content="">
  89.  
  90. <meta name="select:font" content="arial">
  91. <meta name="select:font" content="verdana">
  92. <meta name="select:font" content="courier">
  93. <meta name="select:font" content="georgia">
  94. <meta name="select:font" content="times new roman">
  95. <meta name="select:font" content="ms gothic"/>
  96. <meta name="select:font" content="short stack"/>
  97. <meta name="select:font" content="comic sans ms">
  98.  
  99. <meta name="select:border type" content="solid" />
  100. <meta name="select:border type" content="double" />
  101. <meta name="select:border type" content="dashed" />
  102. <meta name="select:border type" content="dotted" />
  103. <meta name="select:border type" content="outset">
  104. <meta name="select:border type" content="inset">
  105.  
  106. {block:ifredirect}
  107. {block:IndexPage}<script type="text/javascript">
  108. var url = location.href;
  109. if (url == "{BlogURL}") {
  110. window.location = "{BlogURL}tagged/{text:redirect}";
  111. }
  112. </script>{/block:IndexPage}
  113. {/block:ifredirect}
  114.  
  115. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  116.  
  117. <style type="text/css">
  118.  
  119. ::-webkit-scrollbar {
  120. width: 15px;
  121. height: 10px;
  122. background-color:white;
  123. }
  124. ::-webkit-scrollbar-thumb {
  125. background-color:white;
  126. border-left: 1px solid black;
  127. border-top: 1px solid black;
  128. border-bottom: 1px solid black;
  129. }
  130.  
  131. ::-webkit-scrollbar-track {
  132. background-color: #fff;
  133. border-left:1px solid black;
  134. background:url(
  135. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2NkYGD4z8DAwMgABTAGXBAuA1OJLADS9B8AguEEBFr1tu0AAAAASUVORK5CYII=
  136. ) repeat;
  137. background-color:white;
  138. }
  139.  
  140. ::-webkit-scrollbar-button:vertical:increment {
  141. background-image: url(https://i.imgur.com/qnkKqDc.png);
  142. background-color:white;
  143. width: 15px;
  144. height: 15px;
  145. border-top: 1px solid black;
  146. border-left: 1px solid black;
  147. }
  148.  
  149. ::-webkit-scrollbar-button:vertical:decrement {
  150. background-image: url(https://i.imgur.com/HFmrF43.png);
  151. background-color:white;
  152. border-bottom: 1px solid black;
  153. border-left: 1px solid black;
  154. width: 15px;
  155. height: 15px;
  156. }
  157.  
  158. ::selection {
  159. background: {color:selection bg};
  160. color:{color:selection text};
  161. }
  162. ::-moz-selection {
  163. background: {color:selection bg};
  164. color:{color:selection text};
  165. }
  166.  
  167. .tooltip{
  168. display:inline;
  169. position:relative;
  170. }
  171.  
  172. #s-m-t-tooltip{
  173. max-width:300px;
  174. padding:5px;
  175. margin:20px 7px -2px 20px;
  176. background-color: rgba(0, 0, 0, 0.4);
  177. backdrop-filter: blur(3px);
  178. border:1px solid white;
  179. color:#fff;
  180. letter-spacing:1px;
  181. text-align:center;
  182. color:{color:tooltip text};
  183. text-shadow: -1px 0 {color:tooltip border}, 0 1px {color:tooltip border}, 1px 0 {color:tooltip border}, 0 -1px {color:tooltip border};
  184. z-index:9;
  185. -o-transition: all 0.3s ease-out;
  186. -webkit-transition: all 0.3s ease-out;
  187. -moz-transition: all 0.3s ease-out;
  188. }
  189.  
  190.  
  191. /*
  192. general text styles, fonts and colours
  193. */
  194.  
  195. body {
  196. margin:0px;
  197. background:{color:background};
  198. color:{color:text};
  199. {block:ifoutlinetext}
  200. text-shadow: -1px 0 {color:text outline}, 0 1px {color:text outline}, 1px 0 {color:text outline}, 0 -1px {color:text outline};
  201. {/block:ifoutlinetext}
  202. background-image: url('{image:background}');
  203. {block:ifnotcoverbg}
  204. background-repeat: repeat;
  205. background-attachment: fixed;
  206. {/block:ifnotcoverbg}
  207. {block:ifcoverbg}
  208. background-size: cover;
  209. background-attachment: fixed;
  210. {/block:ifcoverbg}
  211. color:{color:text};
  212. font-family: {select:font};
  213. font-size: {text:font size};
  214. }
  215.  
  216. p{
  217. margin:0 0 10px 0;
  218. padding:0;
  219. }
  220.  
  221. pre {
  222. white-space: pre-wrap;
  223. white-space: -moz-pre-wrap;
  224. white-space: -pre-wrap;
  225. white-space: -o-pre-wrap;
  226. word-wrap: break-word;
  227. }
  228.  
  229. a {
  230. color:{color:link};
  231. {block:ifoutlinelinks}
  232. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline};
  233. {/block:ifoutlinelinks}
  234. -moz-transition-duration:0.4s;
  235. -webkit-transition-duration:0.4s;
  236. -o-transition-duration:0.4s;
  237. text-decoration:none;
  238. }
  239.  
  240. a:hover {
  241. color:{color:link hover};
  242. -moz-transition-duration:0.4s;
  243. -webkit-transition-duration:0.4s;
  244. -o-transition-duration:0.4s;
  245. }
  246.  
  247. /*
  248. containers etc
  249. */
  250.  
  251.  
  252. #con {
  253. top:50%;
  254. left:50%;
  255. transform:translate(-50%,-50%);
  256. position:fixed;
  257. height:auto;
  258. width:700px;
  259. }
  260.  
  261. #pos{
  262. padding:0px 0px 0px 150px;
  263. max-height:420px;
  264. overflow:auto;
  265. border:{text:border size} {select:border type} {color:border};
  266. background-color:{color:container};
  267. border-top:none;
  268. {block:ifcontainerglow}
  269. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  270. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  271. box-shadow: 0px 0px 4px 2px {color:glow};
  272. {/block:ifcontainerglow}
  273.  
  274.  
  275.  
  276. }
  277.  
  278. #sidebar {
  279. text-align:left;
  280. border:{text:border size} {select:border type} {color:border};
  281. height:auto;
  282. padding:10px;
  283. background-color:{color:header bg};
  284. font-size:20px;
  285. margin-bottom:0px;
  286. width:cacl(680px - {text:border size});
  287. background-image: url('{image:header bg}');
  288. {block:ifnotcoverbg}
  289. background-repeat: repeat;
  290. background-attachment: fixed;
  291. {/block:ifnotcoverbg}
  292. {block:ifcoverbg}
  293. background-size: cover;
  294. background-attachment: fixed;
  295. {/block:ifcoverbg}
  296. {block:ifcontainerglow}
  297. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  298. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  299. box-shadow: 0px 0px 4px 2px {color:glow};
  300. {/block:ifcontainerglow}
  301. }
  302.  
  303.  
  304.  
  305. #bonk{
  306. width: 300px;
  307. height: 100%;
  308. overflow:auto;
  309. position:relative;
  310.  
  311. }
  312.  
  313. #links{
  314. {block:iflinksbg}
  315. border:{text:border size} {select:border type} {color:border};
  316. background-color:{color:description};
  317. {block:ifsidebarglow}
  318. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  319. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  320. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifsidebarglow}
  321. {/block:iflinksbg}
  322. margin-top:10px;
  323. text-align:center;
  324. padding:5px;
  325. }
  326.  
  327. #description {
  328. padding:7px;
  329. top:50%;
  330. left:50%;
  331. transform:translate(-50%,-50%);
  332. position:relative;
  333. max-height:182px;
  334. text-align:center;
  335. color:{color:text};
  336. font-family: {select:font};
  337. font-size: {text:font size};
  338. }
  339.  
  340.  
  341. .flip-card {
  342. background-color: transparent;
  343. max-width: 200px;
  344. max-height: 300px;
  345.  
  346. }
  347.  
  348. .flip-card-inner {
  349. position: relative;
  350. text-align: center;
  351. transition: transform 0.6s;
  352. transform-style: preserve-3d;
  353.  
  354. }
  355.  
  356. .flip-card:hover .flip-card-inner {
  357. transform: rotateY(180deg);
  358.  
  359. }
  360.  
  361. .flip-card img{
  362. max-width:200px;
  363. {block:ifsidebarborder}
  364. border:{text:border size} {select:border type} {color:border};
  365. {/block:ifsidebarborder}
  366. height:auto;
  367. {block:ifsidebarglow}
  368. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  369. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  370. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifsidebarglow}
  371.  
  372.  
  373. }
  374. .flip-card-front, .flip-card-back {
  375. -webkit-backface-visibility: hidden;
  376. backface-visibility: hidden;
  377.  
  378. }
  379.  
  380. .flip-card-front {
  381. color: black;
  382. max-width: 200px;
  383. height: auto;
  384.  
  385. }
  386.  
  387. .flip-card-back {
  388. background-color:{color:description};
  389. color: white;
  390. position: absolute;
  391. top:0px;
  392. overflow:auto;
  393. margin-left:-6px;
  394. width: calc(100%);
  395. height:calc(100% - 12px);
  396. transform: rotateY(180deg);
  397. {block:ifsidebarborder}
  398. border:{text:border size} {select:border type} {color:border};
  399. {/block:ifsidebarborder}
  400. {block:ifsidebarglow}
  401. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  402. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  403. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifsidebarglow}
  404. }
  405.  
  406. #posts {
  407. width:400px;
  408. padding:10px;
  409. margin-top:25px;
  410. background-color:{color:posts};
  411. {block:ifpostborder}
  412. border:{text:border size} {select:border type} {color:border};
  413. {/block:ifpostborder}
  414. {block:ifpostglow}
  415. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  416. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  417. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifpostglow}
  418. margin-bottom:30px;
  419. }
  420.  
  421.  
  422.  
  423. #posts img {
  424. max-width:100%;
  425. height:auto;
  426.  
  427. }
  428.  
  429. .tags {
  430. max-height:0px;
  431. line-height:130%;
  432. text-align:left;
  433. font-size:{text:font size};
  434. opacity:0;
  435. -webkit-transition: all 0.7s ease;
  436. transition: all 0.7s ease;
  437. -moz-transition: all 0.7s ease;
  438. -o-transition: all 0.7s ease;}
  439.  
  440. #posts:hover .tags{
  441. opacity:1;
  442. max-height:300px;
  443. -webkit-transition: all 0.9s ease;
  444. transition: all 0.9s ease;
  445. -moz-transition: all 0.9s ease;
  446. -o-transition: all 0.9s ease;}
  447.  
  448.  
  449. #pagination{
  450. margin-top:10px;
  451. width:700px;
  452.  
  453. }
  454.  
  455.  
  456.  
  457. #mew{
  458. border:{text:border size} {select:border type} {color:border};
  459. background-color:white;
  460. padding:5px;
  461. {block:ifcontainerglow}
  462. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  463. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  464. box-shadow: 0px 0px 4px 2px {color:glow};
  465. {/block:ifcontainerglow}
  466. }
  467.  
  468.  
  469. /*
  470. content in the body of the posts - quotes, asks, etc
  471. "media" contains photos, photosets, videos, audio posts
  472. */
  473. .media{
  474. margin:0 0 10px 0;
  475. }
  476.  
  477. .title{
  478. font-weight:normal;
  479. font-size:18px;
  480. margin:0 0 10px 0;
  481. }
  482.  
  483. .quote{
  484. font-weight:normal;
  485. font-size:16px;
  486. font-style:italic;
  487. margin:0 0 10px 0;
  488. }
  489.  
  490. .question{
  491. margin-bottom:10px;
  492. }
  493.  
  494. blockquote{
  495. margin:0 0 10px 10px;
  496. padding:0 0 0 10px;
  497. border-left:solid 1px #000;
  498. }
  499.  
  500. /*
  501. post footers - date, tags, via and source
  502. */
  503. .post .footer{
  504. margin:0;
  505. text-align:left;
  506. }
  507.  
  508. /*
  509. post notes
  510. */
  511. ol.notes{
  512. list-style-type:none;
  513. padding:0;
  514. margin:0;
  515. }
  516.  
  517. ol.notes li.note img{
  518. width:16px;
  519. height:16px;
  520. }
  521.  
  522. ol.notes li.note{
  523. margin:0px;
  524. }
  525.  
  526. /* audio stuff */
  527.  
  528. .spotify_audio_player {
  529. height:80px!important;
  530. width:100%!important;}
  531.  
  532. .soundcloud_audio_player {
  533. height:150px!important;
  534. width:100%!important;}
  535.  
  536. .trackback {
  537. position: absolute;
  538. left: 20px;
  539. top: 20px;
  540. width: 19px;
  541. height: 19px;
  542. background-color: #fff;
  543. padding: 10px;
  544. opacity: .4;}
  545.  
  546. .pressplay{
  547. position: relative;
  548. width: 25px;
  549. height: 25px;
  550. overflow: hidden;
  551. left: -6px;
  552. top: -3px;}
  553.  
  554. .albumpic {
  555. position: absolute;
  556. left: 0px;
  557. top: 0px;
  558. width: 79px;
  559. height: 79px;}
  560.  
  561. .albumpic img {
  562. width: 100%;
  563. height: auto;
  564. border: 1px solid {color:font color};}
  565.  
  566. .trackinfo {
  567. width: auto;
  568. display:inline-block;
  569. margin-left: 90px;
  570. min-height: 85px;}
  571.  
  572. .audiowrapper {
  573. position: relative; display:inline-block;}
  574.  
  575. span{
  576. cursor:pointer;
  577. }
  578.  
  579. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  580. :root {
  581. --Circle-Size:30px;
  582. --Progress-Border-Size:1px;
  583. --Progress-Empty:{color:border};
  584. --Progress-Fill:{color:border};
  585. --Player-Background:{color:description};
  586. --Play-Pause-Buttons-Size:14px;
  587. --Play-Pause-Buttons-Color:#000;
  588. --Player-Text-Margin:16px;
  589.  
  590. --Song-Name-Font-Size:10px;
  591. --Song-Name-Color:#FF8AD8;
  592.  
  593. --Artist-Name-Font-Size:11px;
  594. --Artist-Name-Color:#FFDEF4;
  595. }
  596.  
  597. #glenplayer07 {
  598. position:relative;
  599. z-index:99;
  600. }
  601.  
  602.  
  603. .circleofdeath {
  604. width:var(--Circle-Size);
  605. height:var(--Circle-Size);
  606. overflow:hidden;
  607. }
  608.  
  609. .tinfoil {
  610. width:var(--Circle-Size);
  611. height:var(--Circle-Size);
  612. background:var(--Progress-Empty);
  613. }
  614.  
  615.  
  616.  
  617. .crust {
  618. position:absolute;
  619. top:0;
  620. display:flex;
  621. align-items:center;
  622. justify-content:center;
  623. width:var(--Circle-Size);
  624. height:var(--Circle-Size);
  625. }
  626.  
  627. .cherry {
  628. display:flex;
  629. align-items:center;
  630. justify-content:center;
  631. width:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  632. height:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  633. background:var(--Player-Background);
  634. cursor:pointer;
  635. z-index:1;
  636. }
  637.  
  638. .music-controls {display:flex;align-items:center
  639.  
  640. }
  641.  
  642. .music-controls .material-icons {
  643. font-size:var(--Play-Pause-Buttons-Size);
  644. color:var(--Play-Pause-Buttons-Color);
  645. text-decoration:none;
  646. }
  647.  
  648. .pausee {display:none;
  649.  
  650. }
  651.  
  652. .beff {display:none;}
  653. .aff {display:block;}
  654.  
  655.  
  656.  
  657. .q{
  658. border:1px solid {color:border};
  659. padding:4px 4px 0px 4px;
  660. margin-bottom:20px;
  661. }
  662.  
  663. #yo{
  664. padding:5px;
  665. border:1px solid {color:border};
  666. }
  667.  
  668.  
  669. {CustomCSS}
  670. </style>
  671. </head>
  672.  
  673. <body>
  674.  
  675.  
  676.  
  677. <div id="con">
  678.  
  679.  
  680. <div id="sidebar">
  681.  
  682. <table style="width:85%; border-spacing:0px; ">
  683. <tr>
  684. <td>
  685.  
  686.  
  687.  
  688. <div class="flip-card">
  689. <div class="flip-card-inner">
  690. <div class="flip-card-front">
  691. <img src="{image:sidebar}">
  692. </div>
  693. <div class="flip-card-back">
  694.  
  695. <div id="description">
  696. {text:description}
  697. </div>
  698. </div>
  699. </div>
  700.  
  701. </div></td>
  702.  
  703. <td>
  704.  
  705. <div id="bonk">
  706.  
  707. <table style="border:{text:border size} {select:border type} {color:border}; background-color:{color:description}; {block:ifsidebarglow}
  708. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  709. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  710. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifsidebarglow}">
  711. <tr>
  712. <td style="width: 10%; padding:5px"><!-------MUSIC PLAYER BY GLENTHEMES------->
  713. <div id="glenplayer07">
  714. <div class="circleofdeath">
  715. <div class="tinfoil">
  716. </div>
  717. <div class="crust">
  718. <div class="cherry">
  719. <div class="music-controls">
  720. <i class="material-icons playy">play_arrow</i>
  721. <i class="material-icons pausee">pause</i>
  722. </div>
  723. </div><!--cherry-->
  724. </div><!--crust-->
  725. </div><!--circleofdeath-->
  726.  
  727. </div><!--glenplayer07-->
  728.  
  729. <audio id="audio" src="{text:audio link}" type="audio"></audio>
  730. <!----end music player---->
  731. </td>
  732. <td style="width: 90%; padding:5px">
  733. <marquee style="margin-top:5px; margin-bottom:-2px" scrollamount="8">
  734. {text:audio marquee}</marquee>
  735.  
  736. </td>
  737. </tr>
  738. </table>
  739.  
  740. <div id="links">
  741.  
  742. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  743. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  744. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  745. <a href="{text:url4}">{text:link4}</a>
  746.  
  747. </div>
  748.  
  749.  
  750.  
  751. </div>
  752. </td>
  753. </tr>
  754. </table>
  755.  
  756. </div>
  757.  
  758.  
  759. <div id="pos">
  760. {block:Posts}
  761.  
  762. <div id="posts">
  763.  
  764. {block:Quote}
  765. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  766. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Text}
  770. {block:Title}
  771. <div id="title">{Title}</div>{/block:Title}
  772. {Body}
  773. {/block:Text}
  774.  
  775. {block:link}
  776. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  777. {block:Description}{Description}{/block:Description}
  778. {/block:link}
  779.  
  780. {block:Chat}
  781. {block:Title}
  782. <div id="title">{Title}</div>{/block:Title}
  783. {/block:Text}
  784. {block:lines}
  785. {block:label}
  786. <br><b>{label}</b>
  787. {/block:label}
  788. {line}
  789. {/block:lines}
  790. {/block:Chat}
  791.  
  792. {block:Photo}
  793. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. {Photoset-400}
  798. {/block:Photoset}
  799.  
  800. <div class="video">{Video-400}</div>
  801.  
  802. {block:AudioPlayer}
  803. <div class="audiowrapper">
  804. {block:AlbumArt}
  805. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  806. {/block:AlbumArt}
  807. <div class="trackback">
  808. <div class="pressplay">
  809. {AudioPlayer}
  810. </div></div>
  811. <div class="trackinfo">
  812. {block:TrackName}{TrackName}{/block:TrackName}<br>
  813. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  814. {block:Album}<i>{Album}</i>{/block:Album}<br>
  815. </div></div>
  816. {/block:AudioPlayer}
  817.  
  818. {block:Answer}
  819. <div class="q">
  820. <div class="as"> <b>{Asker} meowed:</b>
  821. {Question}</div></div>
  822. <div class="a">{Answer}</div>
  823. {/block:Answer}
  824.  
  825. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  826.  
  827. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  828.  
  829. {block:Date}
  830. <div class="footer">
  831. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}N</a>
  832.  
  833. <!-- {block:NoRebloggedFrom}
  834. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  835. {/block:NoRebloggedFrom} -->
  836. {block:ContentSource}<!-- {SourceURL}
  837. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  838. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  839. {/block:ContentSource}
  840. <br>
  841.  
  842. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  843.  
  844.  
  845. </div>
  846. {block:PermalinkPage}
  847. <div id="yo">
  848. {block:NoteCount}
  849. {block:PostNotes}{PostNotes}{/block:PostNotes}
  850. {/block:NoteCount}</div>
  851. {/block:PermalinkPage}
  852. {/block:Date}
  853.  
  854. </div>
  855.  
  856.  
  857. {/block:Posts}
  858.  
  859.  
  860. </div>
  861.  
  862. <div id="pagination">
  863. {block:Pagination}
  864. {block:PreviousPage}
  865. <a id="mew" style="float:left" href="{PreviousPage}">previous page</a>
  866. {/block:PreviousPage}
  867.  
  868.  
  869. {block:NextPage}
  870. <a id="mew" style="float:right;" href="{NextPage}">next page</a>
  871. {/block:NextPage}
  872. {/block:Pagination}
  873. </div>
  874. </div>
  875.  
  876. </div>
  877.  
  878. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://joyfriend.tumblr.com/" title="artie was here">🃏</a>
  879.  
  880. </body></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!