API tools faq
paste
Advertisement
Sky_Blue

GAYS ONLY theme

Sky_Blue
Feb 5th, 2023 (edited)
845
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. GAYS ONLY theme by meeeeeeeeeeeeee :3
  7.  
  8. only gays can use this sorry non-lgbt people
  9.  
  10. ----->
  11.  
  12. <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
  13.  
  14. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  15.  
  16. <meta charset="utf-8">
  17. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{image:favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  27.  
  28. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  29.  
  30. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  31.  
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  33. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  34. <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>
  35.  
  36. <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
  37.  
  38. <link rel="stylesheet" href="https://static.tumblr.com/p6yopnt/PxJr3vu6k/scrollbar.css">
  39.  
  40. <script>
  41. function gatherData(images, arr) {
  42. for (let i = 0; i < images.length; i++) {
  43. let currentData = {
  44. "width": images[i].getAttribute('data-width'),
  45. "height": images[i].getAttribute('data-height'),
  46. "low_res": images[i].getAttribute('data-lowres'),
  47. "high_res": images[i].getAttribute('data-highres')
  48. };
  49. arr.push(currentData);
  50. }
  51. }
  52. function getIndex(elem) {
  53. let i = 0;
  54. while( (elem = elem.previousElementSibling) != null ) i++;
  55. return i;
  56. }
  57. function lightbox(elem) {
  58. let currentPhotoset = elem.parentNode;
  59. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  60. let data = [];
  61. gatherData(photosetPhotos, data);
  62. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  63. }
  64. </script>
  65.  
  66. <meta name="image:favicon" content=""/>
  67. <meta name="image:icon" content=""/>
  68. <meta name="image:containers background" content=""/>
  69.  
  70. <meta name="color:border" content="#ffffff"/>
  71. <meta name="color:inner border" content="#fff"/>
  72. <meta name="color:background" content="#000"/>
  73. <meta name="color:containers background" content=""/>
  74. <meta name="color:post background" content="#fff"/>
  75. <meta name="color:text" content="#000"/>
  76. <meta name="color:links" content="#000"/>
  77. <meta name="color:links hover" content="#fff"/>
  78. <meta name="color:title" content="#fff"/>
  79. <meta name="color:title hover" content="#fff"/>
  80. <meta name="color:box glow" content="#fff"/>
  81. <meta name="color:tooltip background" content="#000"/>
  82. <meta name="color:tooltip text" content="#fff"/>
  83. <meta name="color:selection background" content="#fff"/>
  84. <meta name="color:selection text" content="#000"/>
  85.  
  86. <meta name="if:redirect" content=""/>
  87. <meta name="if:box glow" content=""/>
  88. <meta name="if:rainbow border" content=""/>
  89. <meta name="if:rainbow links" content=""/>
  90. <meta name="if:rainbow glow" content=""/>
  91. <meta name="if:hover blur" content=""/>
  92. <meta name="if:captions" content="1"/>
  93. <meta name="if:round borders" content=""/>
  94. <meta name="if:background cover" content=""/>
  95.  
  96. <meta name="select:border style" content="solid"/>
  97. <meta name="select:border style" content="dashed"/>
  98. <meta name="select:border style" content="dotted"/>
  99. <meta name="select:border style" content="double"/>
  100. <meta name="select:border style" content="inset"/>
  101. <meta name="select:border style" content="outset"/>
  102. <meta name="select:border style" content="groove"/>
  103. <meta name="select:border style" content="ridge"/>
  104.  
  105. <meta name="select:inner border style" content="solid"/>
  106. <meta name="select:inner border style" content="dashed"/>
  107. <meta name="select:inner border style" content="dotted"/>
  108. <meta name="select:inner border style" content="double"/>
  109. <meta name="select:inner border style" content="inset"/>
  110. <meta name="select:inner border style" content="outset"/>
  111. <meta name="select:inner border style" content="groove"/>
  112. <meta name="select:inner border style" content="ridge"/>
  113.  
  114. <meta name="text:font size" content="20"/>
  115. <meta name="text:font" content="arial"/>
  116. <meta name="text:title size" content="50"/>
  117. <meta name="text:title font" content="arial"/>
  118. <meta name="text:title" content="el futuro voy a escribir"/>
  119. <meta name="text:border width" content="5"/>
  120. <meta name="text:description" content="test description"/>
  121. <meta name="text:link separator" content="⋅"/>
  122. <meta name="text:link 1" content="uno"/>
  123. <meta name="text:link 1 url" content=""/>
  124. <meta name="text:link 2" content="dos"/>
  125. <meta name="text:link 2 url" content=""/>
  126. <meta name="text:link 3" content="tres"/>
  127. <meta name="text:link 3 url" content=""/>
  128. <meta name="text:link 4" content="quatro"/>
  129. <meta name="text:link 4 url" content=""/>
  130. <meta name="text:redirect" content=""/>
  131.  
  132. </head>
  133.  
  134. <style type="text/css">
  135. .npf_row {
  136. margin: 0 !important;
  137. }
  138.  
  139. .tmblr-full img{
  140. border:1px {select:inner border style} {color:inner border} !important;
  141. box-sizing:border-box !important;
  142. }
  143.  
  144. ::selection {
  145. background: {color:selection background};
  146. color:{color:selection text};
  147. }
  148.  
  149. ::-moz-selection {
  150. background: {color:selection background};
  151. color:{color:selection text};
  152. }
  153.  
  154. #s-m-t-tooltip{
  155. margin: 20px 0 0 20px;
  156. padding: 5px;
  157. max-width: 300px;
  158. background-color:{color:tooltip background};
  159. color:{color:tooltip text};
  160. border:{text:border width}px {select:border style} {color:border};
  161. {block:ifrainbowborder}
  162. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  163. border-image-slice:1;
  164. {/block:ifrainbowborder}
  165. z-index: 9999;
  166. {block:ifroundborders}
  167. border-radius:5px;
  168. {/block:ifroundborders}
  169. }
  170.  
  171. @font-face{
  172. font-family: 'Magica';
  173. src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
  174. }
  175. @font-face{
  176. font-family: 'DEAD END';
  177. src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
  178. }
  179. @font-face{
  180. font-family: 'Decibil';
  181. src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
  182. }
  183. @font-face{
  184. font-family: 'Aachen';
  185. src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
  186. }
  187.  
  188. body {
  189. margin:0px;
  190. background:{color:background};
  191. font-family:{text:font};
  192. font-size:{text:font size}px;
  193. color:{color:text};
  194. overflow:hidden;
  195. }
  196.  
  197. p{
  198. margin:5px 0px;
  199. padding:0;
  200. }
  201.  
  202. pre {
  203. white-space: pre-wrap;
  204. white-space: -moz-pre-wrap;
  205. white-space: -pre-wrap;
  206. white-space: -o-pre-wrap;
  207. word-wrap: break-word;
  208. }
  209.  
  210. a{
  211. color:{color:links};
  212. text-decoration:none;
  213. transition:1s;
  214. {block:ifrainbowlinks}
  215. animation:0.7s rainbow infinite;
  216. {/block:ifrainbowlinks}
  217. }
  218.  
  219. a:hover{
  220. color:{color:links hover};
  221. {block:ifhoverblur}
  222. -webkit-filter: blur(.9px);
  223. {/block:ifhoverblur}
  224. transition:1s;
  225. cursor:help;
  226. }
  227.  
  228. @keyframes rainbow{
  229. 0%{
  230. color:#b827fc;
  231. }
  232. 25%{
  233. color:#2c90fc;
  234. }
  235. 50%{
  236. color:#b8fd33;
  237. }
  238. 75%{
  239. color:#fec837;
  240. }
  241. 100%{
  242. color:#fd1892;
  243. }
  244. }
  245.  
  246. a.tumblr_blog{
  247. display:inline-block;
  248. margin-bottom:5px;
  249. }
  250.  
  251. li{
  252. margin-left:-15px;
  253. }
  254.  
  255. #wrapper{
  256. margin: auto;
  257. width:fit-content;
  258. width: -moz-fit-content;
  259. top: 50%;
  260. left: 50%;
  261. transform: translate(-50%, -50%);
  262. position:absolute;
  263. animation: fadeEffect 1s;
  264. box-sizing:border-box;
  265. background:{color:background};
  266. }
  267.  
  268. @keyframes fadeEffect {
  269. from {opacity: 0;}
  270. to {opacity: 1;}
  271. }
  272.  
  273. #header{
  274. display:flex;
  275. padding:10px;
  276. background:{color:containers background};
  277. border:{text:border width}px {select:border style} {color:border};
  278. {block:ifrainbowborder}
  279. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  280. border-image-slice:1;
  281. {/block:ifrainbowborder}
  282. {block:ifroundborders}
  283. border-radius:5px;
  284. background-image:url(https://i.imgur.com/GK9LBut.gif), url();
  285. {/block:ifroundborders}
  286. {block:ifboxglow}
  287. box-shadow:0px 0px 20px 0px rgba({RGBcolor:box glow});
  288. {/block:ifboxglow}
  289. background-image:url('{image:containers background}');
  290. }
  291.  
  292.  
  293. #rainbow{
  294. padding:15px;
  295. {block:ifrainbowglow}
  296. box-shadow: inset 0 0 15px 15px {color:background}, inset 0 0 17px -17px {color:background};
  297. background: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  298. {/block:ifrainbowglow}
  299. }
  300.  
  301.  
  302. #content{
  303. border:{text:border width}px {select:border style} {color:border};
  304. height: 58vh;
  305. overflow:auto;
  306. padding:0px 10px;
  307. {block:ifrainbowborder}
  308. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  309. border-image-slice:1;
  310. {/block:ifrainbowborder}
  311. background:{color:containers background};
  312. {block:ifroundborders}
  313. border-radius:5px;
  314. background-image:url(https://i.imgur.com/GK9LBut.gif), url();
  315. {/block:ifroundborders}
  316. {block:ifboxglow}
  317. box-shadow:0px 0px 20px 0px rgba({RGBcolor:box glow});
  318. {/block:ifboxglow}
  319. background-image:url('{image:containers background}');
  320. }
  321.  
  322. #title{
  323. width: 496px;
  324. margin-left:15px;
  325. font-size:{text:title size}px;
  326. text-align:center;
  327. z-index:99999999999999;
  328. font-family:{text:title font};
  329. color:{color:title};
  330.  
  331. transition:1s;
  332. animation:0.7s rainbow infinite;
  333. }
  334.  
  335. #title:hover{
  336. transition:1s;
  337. }
  338.  
  339. #icon{
  340. border: 1px {select:inner border style} {color:inner border};
  341. {block:ifrainbowborder}
  342. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  343. border-image-slice:1;
  344. {/block:ifrainbowborder}
  345. width:175px;
  346. height:175px;
  347.  
  348. }
  349.  
  350. #icon img{
  351. width:175px;
  352. height:175px;
  353. display:block;
  354. box-sizing:border-box;
  355. }
  356.  
  357. #links{
  358. text-align:center;
  359. box-sizing:border-box;
  360. display: flex;
  361. align-items: center;
  362. justify-content: space-evenly;
  363. margin-left:10px;
  364. color:white;
  365. }
  366.  
  367. #description{
  368. border: 1px {select:inner border style} {color:inner border};
  369. {block:ifrainbowborder}
  370. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  371. border-image-slice:1;
  372. {/block:ifrainbowborder}
  373. color:black;
  374. padding:10px;
  375. overflow:auto;
  376. text-align:center;
  377. height:143px;
  378. width:279px;
  379. box-sizing:border-box;
  380. background:white;
  381. margin-left:10px;
  382. }
  383.  
  384. .post{
  385. width:450px;
  386. margin:10px auto;
  387. overflow:hidden;
  388. background:{color:post background};
  389. border: 1px {select:inner border style} {color:inner border};
  390. {block:ifrainbowborder}
  391. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  392. border-image-slice:1;
  393. {/block:ifrainbowborder}
  394. background-image:url('{image:post background}');
  395. box-sizing:border-box;
  396. word-break:break-word;
  397. }
  398.  
  399. .footer{
  400. text-align:center;
  401. margin:auto;
  402. margin-top:10px;
  403. width:200px;
  404. }
  405.  
  406. .answer .embed_iframe{
  407. width: 340px;
  408. }
  409.  
  410. .nfp_row{
  411. margin-left:0px;
  412. margin-right:0px;
  413. }
  414.  
  415. #nav{
  416. margin-bottom:10px;
  417. text-align: right;
  418. display: flex;
  419. justify-content: space-between;
  420. }
  421.  
  422. video{
  423. max-width:100%;
  424. height:auto!important;
  425. border:1px {select:inner border style} {color:inner border};
  426. {block:ifrainbowborder}
  427. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  428. border-image-slice:1;
  429. {/block:ifrainbowborder}
  430. }
  431.  
  432. .video-container {
  433. overflow: hidden;
  434. border:1px {select:inner border style} {color:inner border};
  435. {block:ifrainbowborder}
  436. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  437. border-image-slice:1;
  438. {/block:ifrainbowborder}
  439. }
  440.  
  441. .video-container iframe,
  442. .video-container object,
  443. .video-container embed {
  444. position: center;
  445. max-width: 460px;
  446. max-height: 460px;
  447. border:1px {select:inner border style} {color:inner border};
  448. {block:ifrainbowborder}
  449. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  450. border-image-slice:1;
  451. {/block:ifrainbowborder}
  452. box-sizing:border-box;
  453. }
  454.  
  455. .video-wrapper {
  456. max-width: 460px;
  457. max-height: 460px;
  458. border:1px {select:inner border style} {color:inner border};
  459. {block:ifrainbowborder}
  460. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  461. border-image-slice:1;
  462. {/block:ifrainbowborder}
  463. }
  464.  
  465. iframe.tumblr_audio_player {
  466. height: 85px;
  467. border:1px {select:inner border style} {color:inner border};
  468. {block:ifrainbowborder}
  469. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  470. border-image-slice:1;
  471. {/block:ifrainbowborder}
  472. box-sizing:border-box;
  473. }
  474.  
  475. .media{
  476. margin:0 0 0px 0;
  477. text-align:center;
  478. }
  479.  
  480. .media:hover{
  481. {block:ifhoverblur}
  482. -webkit-filter: blur(.9px);
  483. {/block:ifhoverblur}
  484. }
  485.  
  486. .media img{
  487. border:1px {select:inner border style} {color:inner border};
  488. {block:ifrainbowborder}
  489. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  490. border-image-slice:1;
  491. {/block:ifrainbowborder}
  492. display:block;
  493. box-sizing:border-box;
  494. }
  495.  
  496. .title{
  497. font-size:calc({text:font size}px * 2 - 10px);
  498. font-weight:bold;
  499. margin:10px 0 10px 0;
  500. color:{color:text};
  501. }
  502.  
  503. h1, h2, h3, h4, h5, h6{
  504. font-size:calc({text:font size}px * 2 - 10px);
  505. font-weight:bold;
  506. margin:10px 0 10px 0;
  507. color:{color:text};
  508. }
  509.  
  510. .quote{
  511. font-weight:normal;
  512. font-size:{text:font size};
  513. font-style:italic;
  514. margin:0 0 10px 0;
  515. }
  516.  
  517. .question {
  518. position: relative;
  519. border:1px {select:inner border style} {color:inner border};
  520. {block:ifrainbowborder}
  521. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  522. border-image-slice:1;
  523. {/block:ifrainbowborder}
  524. background-color:{color:post background};
  525. padding: 10px;
  526. margin-left:10px;
  527. width:100%;
  528. word-break: break-all;
  529. }
  530.  
  531. .asker{
  532. display:flex;
  533. align-items: flex-start;
  534. }
  535.  
  536. .asker img{
  537. border:1px {select:inner border style} {color:inner border};
  538. {block:ifrainbowborder}
  539. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  540. border-image-slice:1;
  541. {/block:ifrainbowborder}
  542. }
  543.  
  544. .answer{
  545. position: relative;
  546. border:1px {select:inner border style} {color:inner border};
  547. {block:ifrainbowborder}
  548. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  549. border-image-slice:1;
  550. {/block:ifrainbowborder}
  551. background-color:{color:post background};
  552. padding: 10px;
  553. margin-right:10px;
  554. width:100%;
  555. word-break: break-all;
  556. }
  557.  
  558. .answerer{
  559. margin-top:10px;
  560. display:flex;
  561. align-items: flex-start;
  562. }
  563.  
  564. .answerer img{
  565. border:1px {select:inner border style} {color:inner border};
  566. {block:ifrainbowborder}
  567. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  568. border-image-slice:1;
  569. {/block:ifrainbowborder}
  570. }
  571.  
  572. .caption{
  573. margin-top:10px;
  574. }
  575.  
  576. blockquote{
  577. margin:0px;
  578. padding-left:10px;
  579. border-left:1px {select:inner border style} {color:inner border};
  580. {block:ifrainbowborder}
  581. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  582. border-image-slice:1;
  583. {/block:ifrainbowborder}
  584. }
  585.  
  586. blockquote img{
  587. max-width:100%;
  588. height:auto;
  589. object-fit:cover;
  590. display: block;
  591. border:1px {select:inner border style} {color:inner border};
  592. {block:ifrainbowborder}
  593. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  594. border-image-slice:1;
  595. {/block:ifrainbowborder}
  596. box-sizing:border-box;
  597. }
  598.  
  599. img{
  600. max-width:100%;
  601. height:auto;
  602. }
  603.  
  604. ol.notes{
  605. border:1px {select:inner border style} {color:inner border};
  606. {block:ifrainbowborder}
  607. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  608. border-image-slice:1;
  609. {/block:ifrainbowborder}
  610. background-color:{color:post background};
  611. margin-top:10px;
  612. padding:10px;
  613. list-style-type:none;
  614. max-height:200px;
  615. overflow:auto;
  616. margin-bottom:0px;
  617. }
  618.  
  619. ol.notes li.note img{
  620. width:16px;
  621. height:16px;
  622. margin-right:3px;
  623. }
  624.  
  625. ol.notes li.note{
  626. margin:0px;
  627. }
  628.  
  629. .tags {
  630. max-height:0px;
  631. text-align:center;
  632. opacity:0;
  633. -webkit-transition: all 0.7s ease;
  634. transition: all 0.7s ease;
  635. -moz-transition: all 0.7s ease;
  636. -o-transition: all 0.7s ease;
  637. overflow:hidden;
  638. }
  639.  
  640. .post:hover .tags{
  641. opacity:1;
  642. max-height:300px;
  643. -webkit-transition: all 0.7s ease;
  644. transition: all 0.7s ease;
  645. -moz-transition: all 0.7s ease;
  646. -o-transition: all 0.7s ease;
  647. }
  648.  
  649. [photoset-layout] {
  650. grid-gap: 10px;
  651. }
  652.  
  653. [photoset-layout] img {
  654. border:1px {select:inner border style} {color:inner border};
  655. {block:ifrainbowborder}
  656. border-image:linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  657. border-image-slice:1;
  658. {/block:ifrainbowborder}
  659. display: block;
  660. height: 100%;
  661. width: 100%;
  662. object-fit: cover;
  663. background-color:{color:post background};
  664. }
  665.  
  666. [photoset-layout] div {
  667. cursor: help;
  668. }
  669.  
  670. .answer .embed_iframe{
  671. width: 240px;
  672. }
  673.  
  674. #heartbeat{
  675. position:fixed;
  676. left:12px;
  677. bottom:6px;
  678. font-size:18px !important;
  679. }
  680.  
  681. #heartbeat:hover{
  682. animation: heartbeat 1s infinite;
  683. }
  684.  
  685. @keyframes heartbeat
  686. {
  687. 0%
  688. {
  689. transform: scale( .90 );
  690. }
  691. 20%
  692. {
  693. transform: scale( 1 );
  694. }
  695. 40%
  696. {
  697. transform: scale( .90 );
  698. }
  699. 60%
  700. {
  701. transform: scale( 1 );
  702. }
  703. 80%
  704. {
  705. transform: scale( .90 );
  706. }
  707. 100%
  708. {
  709. transform: scale( .90 );
  710. }
  711. }
  712.  
  713. </style>
  714. <body>
  715. {block:ifredirect}
  716. {block:IndexPage}
  717. <script type="text/javascript">
  718. var url = location.href;
  719. if (url == "{BlogURL}") {
  720. window.location = "{BlogURL}tagged/{text:redirect}";
  721. }
  722. </script>
  723. {/block:IndexPage}
  724. {/block:ifredirect}
  725.  
  726. <div id="wrapper">
  727. <div id="rainbow">
  728. <div id="header">
  729. <div id="icon">
  730. <img src="{image:icon}">
  731. </div>
  732. <div style="display:flex;flex-direction:column;justify-content: space-between;">
  733. <div id="links">
  734. <a href="{text:link 1 url}">{text:link 1}</a> {text:link separator} <a href="{text:link 2 url}">{text:link 2}</a> {text:link separator} <a href="{text:link 3 url}">{text:link 3}</a> {text:link separator} <a href="{text:link 4 url}">{text:link 4}</a>
  735. </div>
  736. <div id="description">
  737. {text:description}
  738. </div>
  739.  
  740. </div>
  741. </div>
  742. </div>
  743.  
  744. <div id="title"><a href="/">{text:title}</a></div>
  745.  
  746. <div id="rainbow">
  747. <div id="content">
  748. {block:Posts}
  749.  
  750. <div class="post" post-type="{PostType}">
  751.  
  752. <div style="padding:10px">
  753.  
  754. {block:Text}
  755. {block:Title}
  756. <div class="title">{Title}</div>
  757. {/block:Title}
  758. {Body}
  759. {/block:Text}
  760.  
  761. {block:Photo}
  762. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  763. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  764. {/block:Photo}
  765.  
  766. {block:Photoset}
  767. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  768. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  769. {/block:Photoset}
  770.  
  771. {block:Quote}
  772. <div class="quote">"{Quote}"</div>
  773. {block:Source}
  774. <div class="quotesource">{Source}</div>
  775. {/block:Source}
  776. {/block:Quote}
  777.  
  778. {block:Link}
  779. <div class="title"><a href="{URL}">{Name}</a></div>
  780. {block:Description}
  781. <div class="description">{Description}</div>
  782. {/block:Description}
  783. {/block:Link}
  784.  
  785. {block:Chat}
  786. {block:Title}
  787. <div class="title">{Title}</div>
  788. {/block:Title}
  789.  
  790. {block:Lines}
  791. <div class="{Alt} user_{UserNumber}">
  792. {block:Label}
  793. <b>{Label}</b>{/block:Label}
  794. &nbsp;{Line}
  795. </div>
  796. {/block:Lines}
  797. {/block:Chat}
  798.  
  799. {block:Video}
  800. <div class="media"><div class="video-wrapper">
  801. <div class="video-container">{video-400}</div>
  802. </div></div>
  803. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  804. {/block:Video}
  805.  
  806. {block:Audio}
  807. <div class="media">
  808. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-500}</div></div>{/block:AudioEmbed}
  809. </div>
  810. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  811. {/block:Audio}
  812.  
  813. {block:Answer}
  814. <div class="asker"><img src="{AskerPortraitURL-48}"> <div class="question" style="font-style:italic">{Question}</div></div>
  815.  
  816. <div class="answerer"><div class="answer">{Answer}</div>{block:Answerer}<img src="{AnswererPortraitURL-48}">{/block:Answerer}<img src="{PortraitURL-48}" style="{block:Answerer}display:none{/block:Answerer}"></div>
  817.  
  818. <div style="margin-top:20px;{block:NotReblog}display:none;{/block:NotReblog}">{Replies}</div>
  819. {/block:Answer}
  820.  
  821.  
  822. {block:Date}
  823. <div class="footer">
  824.  
  825. <a href="{Permalink}" title="{notecount} notes">{TimeAgo}</a>
  826.  
  827. <!-- {block:NoRebloggedFrom}
  828. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  829. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  830. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  831. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  832. {/block:ContentSource}
  833.  
  834. </div>
  835.  
  836. {block:HasTags}
  837. {block:IndexPage}<div class="tags"><div style="margin-top:10px">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div></div>{/block:IndexPage}
  838. {block:PermalinkPage}<div style="margin-top:10px;text-align:center;">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div>{/block:PermalinkPage}
  839. {/block:HasTags}
  840.  
  841. {block:PermalinkPage}
  842. {block:NoteCount}
  843. {block:PostNotes}{PostNotes}{/block:PostNotes}
  844. {/block:NoteCount}
  845. {/block:PermalinkPage}
  846. {/block:Date}
  847.  
  848. </div>
  849. </div>
  850.  
  851. {/block:Posts}
  852.  
  853. {block:Pagination}
  854. <div id="nav">
  855. {block:PreviousPage}<div id="navbutton"><a href="{PreviousPage}">back</a></div>{/block:PreviousPage}
  856.  
  857. {block:NextPage}<div id="navbutton"><a href="{NextPage}">next</a></div>{/block:NextPage}
  858. </div>
  859. {/block:Pagination}
  860.  
  861. </div>
  862. </div>
  863. </div>
  864. <a id="heartbeat" href="https://puella.tumblr.com" title="by @puella / @mirainikki"><i class="fas fa-heart"></i>️</a>
  865.  
  866. </body>
  867. </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!