API tools faq
paste
os2d

everyone explode and die right now

os2d
Jun 30th, 2022 (edited)
1,871
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5. blows up and dies
  6.  
  7. thank u to this guy for the awesome win7 css code: https://khang-nd.github.io/7.css/
  8. -->
  9.  
  10. <meta charset="utf-8">
  11. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18. {block:ifredirect}
  19. {block:IndexPage}<script type="text/javascript">
  20. var url = location.href;
  21. if (url == "{BlogURL}") {
  22. window.location = "{BlogURL}tagged/{text:redirect tag}";
  23. }
  24. </script>{/block:IndexPage}
  25. {/block:ifredirect}
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  30. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
  31. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
  32.  
  33. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  34.  
  35.  
  36.  
  37. <link rel="stylesheet" href="https://unpkg.com/7.css/dist/7.scoped.css">
  38.  
  39. <!--Font families-->
  40.  
  41. <link rel="preconnect" href="https://fonts.googleapis.com">
  42. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  43. <link href="https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=BIZ+UDMincho&family=Barlow&family=DotGothic16&family=EB+Garamond&family=Gaegu&family=Karla&family=PT+Sans+Narrow&family=Source+Sans+Pro&family=Uchen&family=Yuji+Syuku&display=swap" rel="stylesheet">
  44.  
  45. <!--Options-->
  46. <meta name="image:favicon" content="">
  47. <meta name="image:icon" content="">
  48. <meta name="image:permalink pixel" content="">
  49.  
  50. <meta name="image:post bg" content="">
  51.  
  52. <meta name="color:bg" content="#fff"/>
  53.  
  54. <meta name="color:window outside color" content=""/>
  55. <meta name="color:window inside color" content=""/>
  56. <meta name="color:window inside border color" content=""/>
  57. <meta name="color:window description color" content=""/>
  58.  
  59. <meta name="color:text" content="">
  60. <meta name="color:text glow" content="">
  61.  
  62. <meta name="color:link" content="">
  63. <meta name="color:link outline" content="">
  64. <meta name="color:link glow" content="">
  65. <meta name="color:link hover" content="">
  66. <meta name="color:link outline hover" content="">
  67. <meta name="color:link glow hover" content="">
  68.  
  69. <meta name="color:selection" content="#000">
  70. <meta name="color:selection bg" content="#efefef">
  71.  
  72. <meta name="if:glass window" content="" >
  73. <meta name="if:rounder window" content="" >
  74.  
  75. <meta name="if:text glow" content="">
  76. <meta name="if:link glow" content="">
  77. <meta name="if:link outline" content="">
  78.  
  79. <meta name="if:link bold" content="">
  80. <meta name="if:link italic" content="">
  81.  
  82. <meta name="if:rainbow links" content="">
  83. <meta name="if:pastel rainbow links" content="">
  84.  
  85. <meta name="if:redirect" content="" >
  86.  
  87. <meta name="select:font" content="arial">
  88. <meta name="select:font" content="ms pgothic">
  89. <meta name="select:font" content="times">
  90. <meta name="select:font" content="BIZ UDGothic">
  91. <meta name="select:font" content="BIZ UDMincho">
  92. <meta name="select:font" content="Barlow">
  93. <meta name="select:font" content="DotGothic16">
  94. <meta name="select:font" content="EB Garamond">
  95. <meta name="select:font" content="Gaegu">
  96. <meta name="select:font" content="Karla">
  97. <meta name="select:font" content="PT Sans Narrow">
  98. <meta name="select:font" content="Source Sans Pro">
  99. <meta name="select:font" content="Uchen">
  100. <meta name="select:font" content="Yuji Syuku">
  101.  
  102. <meta name="select:font size" content="15">
  103. <meta name="select:font size" content="18">
  104. <meta name="select:font size" content="20">
  105. <meta name="select:font size" content="22">
  106. <meta name="select:font size" content="24">
  107.  
  108. <meta name="select:cursor hover effect" content="pointer">
  109. <meta name="select:cursor hover effect" content="help">
  110. <meta name="select:cursor hover effect" content="cell">
  111. <meta name="select:cursor hover effect" content="alias">
  112. <meta name="select:cursor hover effect" content="copy">
  113. <meta name="select:cursor hover effect" content="crosshair">
  114.  
  115. <meta name="text:window name" content="file.exe">
  116. <meta name="text:marquee text" content="">
  117. <meta name="text:marquee speed" content="5">
  118.  
  119. <meta name="text:note text" content="☆">
  120. <meta name="text:redirect tag" content="">
  121.  
  122. <link rel="shortcut icon" href="{image:favicon}">
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. /*selection*/
  128. ::selection {
  129. background: {color:selection bg};
  130. color: {color:selection};
  131. }
  132. ::-moz-selection {
  133. background: {color:selection bg};
  134. color: {color:selection};
  135. }
  136.  
  137. /*scrollbar*/
  138. ::-webkit-scrollbar {
  139. width: 16px;
  140. height: 10px;
  141. }
  142. ::-webkit-scrollbar-thumb {
  143. background-color: #fff;
  144. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  145. border-top: 1px solid #bdbdbd;
  146. border-left: 1px solid #bdbdbd;
  147. border-right: 1px solid black;
  148. border-bottom: 1px solid black;
  149. }
  150. ::-webkit-scrollbar-track {
  151. background-color: #fff;
  152. background-image: url(https://i.imgur.com/IGXGYKz.png);
  153. }
  154. ::-webkit-scrollbar-button:vertical:increment {
  155. background-image: url(https://i.imgur.com/WhC8iy3.png);
  156. width: 14px;
  157. height: 16px;
  158. border-top: 1px solid #bdbdbd;
  159. border-left: 1px solid #bdbdbd;
  160. border-right: 1px solid black;
  161. border-bottom: 1px solid black;
  162. }
  163. ::-webkit-scrollbar-button:vertical:decrement {
  164. background-image: url(https://i.imgur.com/fQ18mrR.png);
  165. border-top: 1px solid #bdbdbd;
  166. border-left: 1px solid #bdbdbd;
  167. border-right: 1px solid black;
  168. border-bottom: 1px solid black;
  169. width: 14px;
  170. height: 16px;
  171. }
  172.  
  173.  
  174. /*
  175. general text styles, fonts and colours
  176. */
  177.  
  178. *{
  179. margin:0;
  180. padding:0;
  181. scrollbar-width: none;
  182. }
  183.  
  184. body {
  185. margin:0;
  186. padding:0;
  187.  
  188. background:{color:bg};
  189.  
  190. overflow-x:hidden;
  191. overflow-y:auto;
  192.  
  193. font-family:{select:font};
  194. font-size:{select:font size}px;
  195. line-height:140%;
  196.  
  197. color:{color:text};
  198. {block:iftextglow}
  199. text-shadow: 0 0 2px {color:text glow};
  200. {/block:iftextglow}
  201. }
  202.  
  203. p{
  204. margin:0;
  205. padding:0;
  206. }
  207.  
  208. pre {
  209. white-space: pre-wrap;
  210. white-space: -moz-pre-wrap;
  211. white-space: -pre-wrap;
  212. white-space: -o-pre-wrap;
  213. word-wrap: break-word;
  214. }
  215.  
  216. li{
  217. margin-left:-15px;
  218. }
  219.  
  220.  
  221. a{
  222.  
  223. color:{color:link};
  224. text-decoration:none;
  225.  
  226. {block:iflinkglow}
  227. text-shadow:0 0 2px {color:link glow}, 0 0 2px {color:link glow};
  228. {/block:iflinkglow}
  229.  
  230. {block:iflinkoutline}
  231.  
  232. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline}{block:iflinkglow}, 0 0 3px {color:link glow}, 0 0 3px {color:link glow} {/block:iflinkglow};
  233.  
  234. {/block:iflinkoutline}
  235.  
  236.  
  237. {block:iflinkbold}
  238. font-weight:bold;
  239. letter-spacing:1px;
  240. {/block:iflinkbold}
  241.  
  242. transition:0.3s;
  243. -o-transition: all 0.3s ease-out;
  244. -webkit-transition: all 0.3s ease-out;
  245. -moz-transition: all 0.3s ease-out;
  246. }
  247.  
  248. a:hover{
  249. color:{color:link hover};
  250.  
  251. {block:iflinkglow}
  252. text-shadow:0 0 2px {color:link glow hover}, 0 0 2px {color:link glow hover};
  253. {/block:iflinkglow}
  254.  
  255.  
  256. {block:iflinkitalic}
  257. font-style: italic;
  258. {/block:iflinkitalic}
  259.  
  260.  
  261. {block:ifrainbowlinks}
  262. -webkit-animation:rainbow 1s infinite;
  263. -ms-animation:rainbow 1s infinite;
  264. -o-animation:rainbow 1s infinite;
  265. animation:rainbow 1s infinite;
  266. {/block:ifrainbowlinks}
  267.  
  268. {block:ifpastelrainbowlinks}
  269. -webkit-animation:pastelrainbow 1s infinite;
  270. -ms-animation:pastelrainbow 1s infinite;
  271. -o-animation:pastelrainbow 1s infinite;
  272. animation:pastelrainbow 1s infinite;
  273. {/block:ifpastelrainbowlinks}
  274.  
  275.  
  276. {block:iflinkoutline}
  277. text-shadow: -1px 0 {color:link outline hover}, 0 1px {color:link outline hover}, 1px 0 {color:link outline hover}, 0 -1px {color:link outline hover}{block:iflinkglow}, 0 0 3px {color:link glow hover}, 0 0 3px {color:link glow hover} {/block:iflinkglow};
  278. {/block:iflinkoutline}
  279.  
  280.  
  281. cursor:{select:cursor hover effect};
  282.  
  283. transition:0.3s;
  284. -o-transition: all 0.3s ease-out;
  285. -webkit-transition: all 0.3s ease-out;
  286. -moz-transition: all 0.3s ease-out;
  287. }
  288.  
  289. /*
  290. containers etc
  291. */
  292. #wrapper{
  293. width:500px;
  294. margin:50px auto;
  295. }
  296.  
  297. /*Start of Sidebar Stuff*/
  298.  
  299. #sidebar{
  300. width:200px;
  301. position:fixed;
  302. top: 40%;
  303. transform: translateY(-50%);
  304. }
  305.  
  306. .window-body{
  307. background:{color:window inside color} !important;
  308. text-align:center;
  309. }
  310.  
  311. #sidebar a img{
  312. width:170px;
  313. background:{color:window inside color};
  314.  
  315. border: 1px solid {color:window inside border color};
  316. {block:ifrounderwindow}border-radius: 6px;{/block:ifrounderwindow}
  317. }
  318.  
  319. #gay{
  320. margin:auto;
  321. margin-top:0.5rem;
  322. overflow:hidden;
  323.  
  324. box-sizing: border-box;
  325. padding: 0;
  326. display:flex;
  327. align-items:center;
  328.  
  329. width:172px;
  330.  
  331. font-family:{select:font} !important;
  332. font-size:{select:font size}px !important;
  333.  
  334. border: 1px solid {color:window inside border color};
  335. {block:ifrounderwindow}border-radius: 6px;{/block:ifrounderwindow}
  336. background: {color:window inside color};
  337.  
  338.  
  339. }
  340.  
  341. .win7 a{
  342. color: initial;
  343. color: {color:link};
  344.  
  345. }
  346.  
  347. .win7 a:hover{
  348. color:{color:link hover};
  349. }
  350.  
  351.  
  352.  
  353. #description{
  354. overflow: hidden;
  355. white-space: nowrap;
  356. display:inline-block;
  357. width:100%;
  358. background:{color:window description color};
  359. }
  360.  
  361. .marquee{
  362. padding-top: 3px;
  363. padding-bottom: 3px;
  364. display: inline-block;
  365. padding-left: 100%;
  366. animation: marquee {text:marquee speed}s linear infinite;
  367. }
  368.  
  369. .wahwah::before{
  370. background-color: {color:window outside color} !important;
  371.  
  372. }
  373. .wahwah > .title-bar {
  374. background-color: {color:window outside color};
  375. }
  376.  
  377. /*End of Sidebar Stuff*/
  378.  
  379.  
  380. #content{
  381. width:400px;
  382. margin-left:225px;
  383. overflow:hidden;
  384. }
  385.  
  386. .post{
  387. box-sizing:border-box;
  388. padding: calc(20px + 0.5rem);
  389. margin: 30px auto;
  390. overflow:hidden;
  391.  
  392. text-align:left;
  393.  
  394. width:400px;
  395.  
  396. background-image: url('{image:post bg}');
  397.  
  398. transition:0.3s;
  399. -o-transition: all 0.3s ease-out;
  400. -webkit-transition: all 0.3s ease-out;
  401. -moz-transition: all 0.3s ease-out;
  402.  
  403. -webkit-animation: fadeIn 0.3s;
  404. animation: fadeIn 0.3s;
  405.  
  406. background-size: cover;
  407. background-attachment: fixed;
  408. box-shadow: inset 0 0 10px 10px {color:bg};
  409. }
  410.  
  411. #content .post:first-of-type{
  412. margin-top:0;
  413. }
  414.  
  415. #content .post:last-of-type{
  416. margin-bottom:0;
  417. }
  418.  
  419. #sidebar img, .post img{
  420. max-width:100%;
  421. height:auto;
  422. display:block;
  423. }
  424.  
  425.  
  426. /*
  427. content in the body of the posts - quotes, asks, etc
  428. "media" contains photos, photosets, videos, audio posts
  429. */
  430.  
  431. h2{
  432. margin:10px 0;
  433. }
  434. .media{
  435. box-sizing:border-box;
  436. }
  437. .media .caption{
  438. margin-top:10px;
  439. }
  440.  
  441. .post figure img{
  442. margin-bottom:10px;
  443. }
  444.  
  445. .title{
  446. font-weight:normal;
  447. font-size:1.5rem;
  448. margin:0 0 10px 0;
  449. }
  450.  
  451. .quote{
  452. font-weight:normal;
  453. font-size:1rem;
  454. font-style:italic;
  455. margin:0 0 10px 0;
  456. }
  457.  
  458.  
  459. .question{
  460. margin-bottom:10px;
  461. border: 1px outset gray;
  462. background-image: url(https://i.imgur.com/IGXGYKz.png);
  463. display: grid;
  464. grid-template-columns: 100px auto;
  465. }
  466.  
  467. blockquote{
  468.  
  469. margin:0 0 0.5rem 0.5rem;
  470. padding:0 0 0 0.5rem;
  471. border-left:solid 1px {color:bg};
  472. }
  473.  
  474.  
  475. /*Audio*/
  476. .musicholder{
  477. display: grid;
  478. grid-template-columns: 30% 65%;
  479. justify-content: space-between;
  480. align-items: center;
  481. }
  482. .albumart{
  483. position: relative;
  484. }
  485.  
  486. .playbutton{
  487. width: 32px;
  488. overflow: hidden;
  489. position: absolute;
  490. top: 50%;
  491. left: 50%;
  492. transform: translate(-50%, -50%);
  493. }
  494.  
  495. .albumart img{
  496. border-radius: 50%;
  497. display: block;
  498. }
  499.  
  500. .trackinfo{
  501. margin-left: 10px;
  502. max-height: 100px;
  503. overflow: auto;
  504.  
  505. }
  506.  
  507. /*Photoset*/
  508. .html_photoset{
  509. margin-bottom:10px;
  510. }
  511.  
  512. .html_photoset iframe{
  513. max-width:100%;
  514. }
  515.  
  516. .tumblr_video_container, .tumblr_video_container iframe{
  517. max-width:100%;
  518. }
  519.  
  520. /*Footer*/
  521. .footer {
  522. line-height:140%;
  523. text-align:left;
  524. max-height:0px;
  525. opacity:0;
  526.  
  527. overflow-x:hidden;
  528. overflow-y: auto;
  529.  
  530. transition: all 0.5s ease;
  531. -webkit-transition: all 0.5s ease;
  532. -moz-transition: all 0.5s ease;
  533. -o-transition: all 0.5s ease;
  534.  
  535. display:grid;
  536. grid-template-columns:90% auto;
  537. }
  538. .post:hover .footer{
  539.  
  540. padding:0;
  541. padding-top:10px;
  542. margin:0;
  543. max-height:300px;
  544. opacity:1;
  545.  
  546. transition: all 0.5s ease;
  547. -webkit-transition: all 0.5s ease;
  548. -moz-transition: all 0.5s ease;
  549. -o-transition: all 0.5s ease;
  550. }
  551.  
  552. /*Tags*/
  553.  
  554. .tags{
  555. grid-column: 1/2;
  556. width: 100%;
  557. }
  558.  
  559. /*Perma*/
  560.  
  561. .perma{
  562. grid-column: 2/3;
  563. display: flex;
  564. align-items: center;
  565. justify-content: space-evenly;
  566. }
  567.  
  568.  
  569.  
  570. /*
  571. post notes
  572. */
  573. ol.notes{
  574. list-style-type:none;
  575. padding:0;
  576. margin:0;
  577. }
  578.  
  579. ol.notes li.note img{
  580. width:16px;
  581. height:16px;
  582. }
  583.  
  584. ol.notes li.note{
  585. margin:0px;
  586. }
  587.  
  588.  
  589. /*Animations*/
  590.  
  591.  
  592. @-webkit-keyframes fadeIn {
  593. from { opacity: 0; }
  594. to { opacity: 1; }
  595. }
  596. @keyframes fadeIn {
  597. from { opacity: 0; }
  598. to { opacity: 1; }
  599. }
  600.  
  601. @-webkit-keyframes rainbow {
  602. 0% {color: #ff0000;}
  603. 10% {color: #ff8000;}
  604. 20% {color: #ffff00;}
  605. 30% {color: #80ff00;}
  606. 40% {color: #00ff00;}
  607. 50% {color: #00ff80;}
  608. 60% {color: #00ffff;}
  609. 70% {color: #0080ff;}
  610. 80% {color: #0000ff;}
  611. 90% {color: #8000ff;}
  612. 100% {color: #ff0080;}
  613. }
  614. @-ms-keyframes rainbow {
  615. 0% {color: #ff0000;}
  616. 10% {color: #ff8000;}
  617. 20% {color: #ffff00;}
  618. 30% {color: #80ff00;}
  619. 40% {color: #00ff00;}
  620. 50% {color: #00ff80;}
  621. 60% {color: #00ffff;}
  622. 70% {color: #0080ff;}
  623. 80% {color: #0000ff;}
  624. 90% {color: #8000ff;}
  625. 100% {color: #ff0080;}
  626. }
  627. @-o-keyframes rainbow {
  628. 0% {color: #ff0000;}
  629. 10% {color: #ff8000;}
  630. 20% {color: #ffff00;}
  631. 30% {color: #80ff00;}
  632. 40% {color: #00ff00;}
  633. 50% {color: #00ff80;}
  634. 60% {color: #00ffff;}
  635. 70% {color: #0080ff;}
  636. 80% {color: #0000ff;}
  637. 90% {color: #8000ff;}
  638. 100% {color: #ff0080;}
  639. }
  640. @keyframes rainbow {
  641. 0% {color: #ff0000;}
  642. 10% {color: #ff8000;}
  643. 20% {color: #ffff00;}
  644. 30% {color: #80ff00;}
  645. 40% {color: #00ff00;}
  646. 50% {color: #00ff80;}
  647. 60% {color: #00ffff;}
  648. 70% {color: #0080ff;}
  649. 80% {color: #0000ff;}
  650. 90% {color: #8000ff;}
  651. 100% {color: #ff0080;}
  652. }
  653.  
  654. /*PASTEL RAINBOW*/
  655. @-webkit-keyframes pastelrainbow {
  656. 0% {color: #ff9494; }
  657. 16% {color: #ffbb94; }
  658. 32% {color: #ffe194; }
  659. 48% {color: #b1f2ba; }
  660. 64% {color: #b8f5ff; }
  661. 80% {color: #d8b8ff; }
  662. 100% {color: #ffb8ee; }
  663. }
  664. @-ms-keyframes pastelrainbow {
  665. 0% {color: #ff9494; }
  666. 16% {color: #ffbb94; }
  667. 32% {color: #ffe194; }
  668. 48% {color: #b1f2ba; }
  669. 64% {color: #b8f5ff; }
  670. 80% {color: #d8b8ff; }
  671. 100% {color: #ffb8ee; }
  672. }
  673. @-o-keyframes pastelrainbow {
  674. 0% {color: #ff9494; }
  675. 16% {color: #ffbb94; }
  676. 32% {color: #ffe194; }
  677. 48% {color: #b1f2ba; }
  678. 64% {color: #b8f5ff; }
  679. 80% {color: #d8b8ff; }
  680. 100% {color: #ffb8ee; }
  681. }
  682. @keyframes pastelrainbow {
  683. 0% {color: #ff9494; }
  684. 16% {color: #ffbb94; }
  685. 32% {color: #ffe194; }
  686. 48% {color: #b1f2ba; }
  687. 64% {color: #b8f5ff; }
  688. 80% {color: #d8b8ff; }
  689. 100% {color: #ffb8ee; }
  690. }
  691.  
  692. @keyframes marquee{
  693. 0% {
  694. transform: translate(0, 0);
  695. }
  696. 100% {
  697. transform: translate(-100%, 0);
  698. }
  699. }
  700.  
  701. /*custom tooltip*/
  702. #s-m-t-tooltip {
  703. z-index: 938458935;
  704. max-width: 300px;
  705. word-wrap: normal;
  706. padding: 5px;
  707. display: block;
  708. background:{color:bg}7a;
  709. backdrop-filter:blur(2px);
  710. margin:10px;
  711.  
  712. -o-transition: all 0.3s ease-out;
  713. -webkit-transition: all 0.3s ease-out;
  714. -moz-transition: all 0.3s ease-out;
  715. }
  716.  
  717.  
  718. {CustomCSS}
  719. </style>
  720. </head>
  721.  
  722. <body>
  723. <div id="wrapper">
  724.  
  725.  
  726. <div id="sidebar" class='win7'>
  727.  
  728. <div class="window wahwah {block:ifglasswindow}glass{/block:ifglasswindow}" style="max-width: 300px">
  729. <div class="title-bar">
  730. <div class="title-bar-text">{text:window name}</div>
  731. <div class="title-bar-controls">
  732. <button aria-label="Minimize"></button>
  733. <button aria-label="Maximize"></button>
  734. <button aria-label="Close"></button>
  735. </div>
  736. </div>
  737. <div class="window-body">
  738. <a href='/'><img src='{image:icon}'></a>
  739.  
  740. <div id='gay'>
  741.  
  742. {block:Pagination}
  743.  
  744. {block:PreviousPage}
  745. <a href='{PreviousPage}' style='padding: 3px 5px;
  746. border-right: 1px solid {color:window inside border color};'><i class="fas fa-arrow-left"></i></a>
  747. {/block:PreviousPage}
  748. {/block:Pagination}
  749.  
  750.  
  751. <div id='description'>
  752. <span class='marquee'>{text:marquee text}</span>
  753. </div>
  754.  
  755. {block:Pagination}
  756. {block:NextPage}
  757. <a href='{NextPage}' style='padding: 3px 5px;
  758. border-left: 1px solid {color:window inside border color};'><i class="fas fa-arrow-right"></i></a>
  759. {/block:NextPage}
  760. {/block:Pagination}
  761.  
  762.  
  763. </div>
  764. </div>
  765. </div>
  766.  
  767.  
  768.  
  769. </div>
  770.  
  771.  
  772.  
  773. <div id="content">
  774. {block:Posts}
  775.  
  776. <div class="post">
  777.  
  778.  
  779. <!--General Post Formatting-->
  780. {block:Text}
  781. {block:Title}
  782. <div class="title" style='font-size:1.25em;'>
  783. <b>{Title}</b>
  784. </div>
  785. {/block:Title}
  786. {Body}
  787. {/block:Text}
  788.  
  789. {block:Photo}
  790. <div class="media">
  791.  
  792. {LinkOpenTag}
  793. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  794. {LinkCloseTag}
  795.  
  796. {block:Caption}
  797. <div class="caption">
  798. {Caption}
  799. </div>
  800. {/block:Caption}
  801.  
  802. </div>
  803.  
  804. {/block:Photo}
  805.  
  806. {block:Photoset}
  807. <div class="media">{Photoset-400}</div>
  808.  
  809. {block:Photos} {/block:Photos}
  810.  
  811. {block:Caption}
  812. <div class="caption">
  813. {Caption}
  814. </div>
  815. {/block:Caption}
  816. {/block:Photoset}
  817.  
  818.  
  819. {block:Quote}
  820.  
  821. <div class="quote">"{Quote}"</div>
  822. {block:Source}
  823. <div class="quotesource">{Source}</div>
  824. {/block:Source}
  825.  
  826. {/block:Quote}
  827.  
  828. {block:Link}
  829. <div class="title">
  830. <a href="{URL}">{Name}</a>
  831. </div>
  832. {block:Description}
  833. <div class="description">{Description}</div>
  834. {/block:Description}
  835. {/block:Link}
  836.  
  837. {block:Chat}
  838. {block:Title}
  839. <div class="title">{Title}</div>
  840.  
  841. {/block:Title}
  842.  
  843. {block:Lines}
  844. <div class="{Alt} user_{UserNumber}">
  845. {block:Label}
  846. <b>{Label}</b>
  847. {/block:Label}
  848. &nbsp;{Line}
  849. </div>
  850. {/block:Lines}
  851. {/block:Chat}
  852.  
  853. {block:Video}
  854. <div class="media">{Video-400}</div>
  855. {block:Caption}
  856. <div class="caption">{Caption}</div>
  857. {/block:Caption}
  858. {/block:Video}
  859.  
  860. {block:Audio}
  861. <div style='display:block'>
  862.  
  863. <div class='musicholder'>
  864. {block:AudioPlayer}
  865. {block:AlbumArt}
  866. <div class='albumart'>
  867. <img src='{AlbumArtURL}'>
  868. <div class='playbutton'>{AudioPlayerGrey}</div>
  869. </div>
  870. {/block:AlbumArt}
  871. <div class='trackinfo'>
  872. <div class='trackname'>
  873. {block:TrackName}{TrackName}{/block:TrackName}
  874. </div>
  875. <div class='artist'>
  876. {block:Artist}{Artist}{/block:Artist}
  877. </div>
  878. </div>
  879. {block:Caption}<span style='grid-column:1/3; margin-top: 10px;'>{Caption}</span>{/block:Caption}
  880. {/block:AudioPlayer}
  881. </div>
  882. </div>
  883. {/block:Audio}
  884.  
  885. {block:Answer}
  886.  
  887. <div class="question">
  888. <img style='grid-column: 1/2;' src='{AskerPortraitURL-128}'>
  889. <span style='grid-column: 1/2; text-align: center; color: white !important;font-size:15px; line-height: 140%; margin-top: -1.4em; background: #0000006b; overflow:hidden;'>{Asker}</span>
  890. <span style='grid-column: 2/3; grid-row: 1/3;padding: 5px; max-height: 90px;
  891. overflow: auto; background:{color:bg}; margin: 5px; border: 1px outset;'><i style='display:inline;'>asked:</i>{Question}</span>
  892.  
  893. </div>
  894.  
  895. <div class="caption">{Answer}</div>
  896. {/block:Answer}
  897. <!--General Post Formatting End-->
  898.  
  899.  
  900. <div class='footer'>
  901. <!--Tags-->
  902.  
  903. {block:HasTags}
  904. <div class='tags'>
  905. {block:Tags}
  906. #<a href="{TagURL}">{Tag}</a>
  907. {/block:Tags}
  908. </div>
  909. {/block:HasTags}
  910.  
  911. <!--Tags End-->
  912.  
  913. <!--Perma-->
  914.  
  915. <div class='perma'>
  916. <a href='{Permalink}'>
  917. <img src='{image:permalink pixel}' style='max-width:1rem;'>
  918. </a>
  919. <a href='{ReblogURL}'><span style='font-size:1rem;' class="material-symbols-outlined">repeat</span></a>
  920. </div>
  921.  
  922. </div>
  923.  
  924. <!--{block:Date}-->
  925. <!--<div class="footer">-->
  926. <!--<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>-->
  927. <!--{block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}-->
  928. <!--{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}-->
  929. <!--{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}-->
  930. <!--</div>-->
  931.  
  932. <!--{block:PermalinkPage}-->
  933. <!--{block:NoteCount}-->
  934. <!--{block:PostNotes}{PostNotes}{/block:PostNotes}-->
  935. <!--{/block:NoteCount}-->
  936. <!--{/block:PermalinkPage}-->
  937. <!--{/block:Date}-->
  938.  
  939. <!-- Permalink -->
  940.  
  941. {block:PermalinkPage}
  942. {block:NoteCount}
  943. {block:PostNotes}{PostNotes}{/block:PostNotes}
  944. {/block:NoteCount}
  945. {/block:PermalinkPage}
  946.  
  947. <!-- Permalink End -->
  948.  
  949. </div>
  950. {/block:Posts}
  951.  
  952.  
  953. </div>
  954. </div>
  955.  
  956. </div>
  957.  
  958. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  959. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  960.  
  961. <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>
  962.  
  963. </body>
  964. </html>
  965.  
Advertisement
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!