API tools faq
paste
Advertisement
sashatheme

HEART ★ ACHE THEME

sashatheme
Oct 30th, 2022
601
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  
  7. <!--FONTS-->
  8.  
  9. <style>
  10.  
  11. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  12.  
  13. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  14.  
  15. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  16.  
  17. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Fredoka+One&family=Silkscreen&display=swap');
  18.  
  19. </style>
  20.  
  21. <title>{Title}</title>
  22.  
  23. <meta name="select:font" content="arial" />
  24. <meta name="select:font" content="comic sans ms" />
  25. <meta name="select:font" content="times" />
  26. <meta name="select:font" content="ms gothic" />
  27. <meta name="select:font" content="Caveat" />
  28. <meta name="select:font" content="DynaPuff" />
  29. <meta name="select:font" content="Silkscreen" />
  30. <meta name="select:font" content="Fredoka One" />
  31.  
  32. <meta name="image:background" contents="" />
  33. <meta name="color:background" contents="" />
  34.  
  35. <meta name="color:links" contents="" />
  36. <meta name="color:links hover" contents="" />
  37. <meta name="color:tags" contents="" />
  38.  
  39. <meta name="image:icon" contents="" />
  40. <meta name="color:icon border" contents="" />
  41. <meta name="select:icon border" content="solid" />
  42. <meta name="select:icon border" content="dashed" />
  43. <meta name="select:icon border" content="dotted" />
  44. <meta name="select:icon border" content="double" />
  45. <meta name="select:icon border" content="groove" />
  46. <meta name="select:icon border" content="ridge" />
  47. <meta name="select:icon border" content="inset" />
  48. <meta name="select:icon border" content="outset" />
  49.  
  50. <meta name="image:description background" contents="" />
  51. <meta name="color:description background" contents="" />
  52. <meta name="color:description text" contents="" />
  53. <meta name="select:description align" content="left" />
  54. <meta name="select:description align" content="right" />
  55. <meta name="select:description align" content="center" />
  56. <meta name="select:description align" content="justify" />
  57.  
  58. <meta name="image:post background" contents="" />
  59. <meta name="color:post background" contents="" />
  60. <meta name="color:post text" contents="" />
  61. <meta name="color:post border" contents="" />
  62. <meta name="select:post border" content="solid" />
  63. <meta name="select:post border" content="dashed" />
  64. <meta name="select:post border" content="dotted" />
  65. <meta name="select:post border" content="double" />
  66. <meta name="select:post border" content="groove" />
  67. <meta name="select:post border" content="ridge" />
  68. <meta name="select:post border" content="inset" />
  69. <meta name="select:post border" content="outset" />
  70.  
  71. <meta name="image:footer background" contents="" />
  72. <meta name="color:footer background" contents="" />
  73. <meta name="color:footer text" contents="" />
  74. <meta name="color:footer border" contents="" />
  75. <meta name="select:footer border" content="solid" />
  76. <meta name="select:footer border" content="dashed" />
  77. <meta name="select:footer border" content="dotted" />
  78. <meta name="select:footer border" content="double" />
  79. <meta name="select:footer border" content="groove" />
  80. <meta name="select:footer border" content="ridge" />
  81. <meta name="select:footer border" content="inset" />
  82. <meta name="select:footer border" content="outset" />
  83.  
  84. <meta name="image:pagination background" contents="" />
  85. <meta name="color:pagination background" contents="" />
  86. <meta name="color:pagination" contents="" />
  87. <meta name="color:pagination border" contents="" />
  88. <meta name="select:pagination border" content="solid" />
  89. <meta name="select:pagination border" content="dashed" />
  90. <meta name="select:pagination border" content="dotted" />
  91. <meta name="select:pagination border" content="double" />
  92. <meta name="select:pagination border" content="groove" />
  93. <meta name="select:pagination border" content="ridge" />
  94. <meta name="select:pagination border" content="inset" />
  95. <meta name="select:pagination border" content="outset" />
  96.  
  97. <meta name="text:description" contents="" />
  98.  
  99. <style>
  100.  
  101. #credit {
  102.  
  103. position: fixed;
  104.  
  105. left: 12px;
  106.  
  107. bottom: 6px;
  108.  
  109. font-size: 14px;
  110.  
  111. }
  112.  
  113. body {
  114.  
  115. padding-top: 30px;
  116.  
  117. background-color: {color:background};
  118.  
  119. background-image: url('{image:background}');
  120.  
  121. background-size: cover;
  122.  
  123. font-family: {select:font};
  124.  
  125. }
  126.  
  127. .npf_row {
  128.  
  129. margin: 0 !important;
  130.  
  131. }
  132.  
  133. iframe, img, embed, object, video {
  134.  
  135. max-width: 100%;
  136.  
  137. }
  138.  
  139. a {
  140.  
  141. color: {color:links};
  142.  
  143. }
  144.  
  145. a:hover {
  146.  
  147. color: {color:links hover};
  148.  
  149. -webkit-transition: all 0.4s ease;
  150.  
  151. transition: all 0.4s ease;
  152.  
  153. -moz-transition: all 0.4s ease;
  154.  
  155. -o-transition: all 0.4s ease;
  156.  
  157. }
  158.  
  159. .icon {
  160.  
  161. width: 200px;
  162.  
  163. height: 200px;
  164.  
  165. border: 4px {select:icon border} {color:icon border};
  166.  
  167. background-image: url('{image:icon}');
  168.  
  169. background-size: cover;
  170.  
  171. z-index: 10;
  172.  
  173. }
  174.  
  175. .icon:hover + .desc {
  176.  
  177. opacity: 1.0;
  178.  
  179. visibility: visible;
  180.  
  181. }
  182.  
  183. .desc:hover {
  184.  
  185. opacity: 1.0;
  186.  
  187. visibility: visible;
  188.  
  189. }
  190.  
  191. .desc {
  192.  
  193. opacity: 0.0;
  194.  
  195. visibility: hidden;
  196.  
  197. transition: opacity .2s, visibility .2s;
  198.  
  199. width: 180px;
  200.  
  201. height: 180px;
  202.  
  203. padding: 10px;
  204.  
  205. background-color: {color:description background};
  206.  
  207. background-image: url('{image:description background}');
  208.  
  209. background-size: cover;
  210.  
  211. margin-top: -204px;
  212.  
  213. overflow: auto;
  214.  
  215. color: {color:description text};
  216.  
  217. text-align: {select:description align};
  218.  
  219. scrollbar-width: none;
  220.  
  221. }
  222.  
  223. .desc::webkit-scrollbar {
  224.  
  225. display: none;
  226.  
  227. }
  228.  
  229. .pagination {
  230.  
  231. width: 190px;
  232.  
  233. height: auto;
  234.  
  235. margin-top: 10px;
  236.  
  237. background-image: url('{image:pagination background}');
  238.  
  239. background-size: cover;
  240.  
  241. background-color: {color:pagination background};
  242.  
  243. color: {color:pagination};
  244.  
  245. border: 4px {select:pagination border} {color:pagination border};
  246.  
  247. padding: 5px;
  248.  
  249. scrollbar-width: none;
  250.  
  251. }
  252.  
  253. .jump_page {
  254.  
  255. padding-right: 8px;
  256.  
  257. color: {color:pagination};
  258.  
  259. font-size: 14px;
  260.  
  261. text-decoration: none;
  262.  
  263. }
  264.  
  265. .current_page {
  266.  
  267. padding-right: 8px;
  268.  
  269. color: {color:pagination};
  270.  
  271. font-size: 14px;
  272.  
  273. text-decoration: underline;
  274.  
  275. }
  276.  
  277. .posts {
  278.  
  279. width: 410px;
  280.  
  281. padding: 10px;
  282.  
  283. text-align: justify;
  284.  
  285. background-color: {color:post background};
  286.  
  287. background-image: url('{image:post background}');
  288.  
  289. background-size: cover;
  290.  
  291. color: {color:post text};
  292.  
  293. border: 4px {select:post border} {color:post border};
  294.  
  295. }
  296.  
  297. .footer {
  298.  
  299. text-align: justify;
  300.  
  301. border: {select:footer border size} {select:footer border} {color:footer border};
  302.  
  303. padding: 5px;
  304.  
  305. background-color: {color:footer background};
  306.  
  307. background-image: url('{image:footer background}');
  308.  
  309. background-size: cover;
  310.  
  311. color: {color:footer text};
  312.  
  313. }
  314.  
  315. </style>
  316.  
  317. </head>
  318.  
  319. <body>
  320.  
  321. <center>
  322.  
  323. <div class="icon"></div> <!--ICON-->
  324. <div class="desc">
  325.  
  326. {text:description}
  327.  
  328. </div> <!--DESC-->
  329.  
  330. <div class="pagination">
  331.  
  332. {block:Pagination}
  333.  
  334. {block:JumpPagination length="5"}
  335.  
  336. {block:CurrentPage}
  337.  
  338. <span class="current_page" style="color: {color:pagination}; margin-top: -8px;">{PageNumber}</span>
  339.  
  340. {/block:CurrentPage}
  341.  
  342. {block:JumpPage}
  343.  
  344. <a class="jump_page" href="{URL}" style="color: {color:pagination}; margin-top: -8px;">{PageNumber}</a>
  345.  
  346. {/block:JumpPage}
  347.  
  348. {/block:JumpPagination}
  349.  
  350. {/block:Pagination}
  351.  
  352. </div> <!--PAGI-->
  353.  
  354. <br>
  355.  
  356. {block:posts}
  357.  
  358. <div class="posts">
  359.  
  360. {block:Text}
  361. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  362. {Body}
  363. {/block:Text}
  364.  
  365. {block:Quote}
  366. <div class="quote"><h2 style="margin-top: 2px; margin-bottom: 2px;"><b>"</b> <i>{Quote}</i> <b>"</b></h2></div>
  367. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  368. {/block:Quote}
  369.  
  370. {block:Link}
  371. <big><a href="{URL}">{Name}</a></big>
  372. {block:Description}{Description}{/block:Description}
  373. {/block:Link}
  374.  
  375. {block:Chat}
  376. {block:Title}{Title}{/block:Title}
  377. {block:Lines}
  378. <div class="{Alt} user_{UserNumber}">
  379. {block:Label}{Label}{/block:Label} {Line}
  380. </div>
  381. {/block:Lines}
  382. {/block:Chat}
  383.  
  384. {block:Answer}
  385. <span style="float: right;"><b>{Asker}</b></span><br>
  386. <div class="question"><i>{Question}</i></div>
  387. {Answer}
  388. {/block:Answer}
  389.  
  390. <center>
  391. {block:Photo}
  392. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
  393. </center>
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Photo}
  396.  
  397. <center>
  398. {block:Photoset}
  399. {Photoset-400}</center>
  400. {block:Caption}{Caption}{/block:Caption}
  401. {/block:Photoset}
  402.  
  403. {block:Video}
  404. {Video-400}
  405. {block:Caption}{Caption}{/block:Caption}
  406. {/block:Video}
  407.  
  408. {block:Audio}
  409. {block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" style="width:140px;"></div>{/block:AlbumArt}
  410. <div class="songtitle">
  411. {block:TrackName}{TrackName}{/block:TrackName}
  412. </div>
  413. <div class="songauthor">By{block:Artist} {Artist}{/block:Artist}</div>
  414. {AudioPlayerWhite}
  415. {/block:Audio}
  416.  
  417. <div class="footer">
  418.  
  419. {block:Date}
  420.  
  421. <div id="permalink">
  422.  
  423. <a style="text-decoration: none;" href="{Permalink}" title="{Month} {DayOfMonth} {Year}">
  424.  
  425. <b>{Month} {DayOfMonth}</b>
  426.  
  427. </a>
  428.  
  429. {block:NoteCount}
  430.  
  431. <b><a href="{Permalink}" style="text-decoration: none; float: right;" title="{Notecount} notes">
  432.  
  433. {NoteCount} notes
  434.  
  435. </a></b>
  436.  
  437. {/block:NoteCount}
  438.  
  439. <div>{block:RebloggedFrom}from <a href="{ReblogParentURL}" title="{ReblogParentName}" style="font-family: {text:font family}; text-decoration: none;">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  440. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}" style="text-decoration: none; color:{color:tags}" title="{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  441.  
  442. </div>
  443.  
  444. </div>
  445.  
  446. {/block:Date}
  447.  
  448. </div>
  449.  
  450. <br>
  451.  
  452. {/block:Posts} <!--POSTS-->
  453.  
  454. </center>
  455.  
  456. <div id="credit">
  457.  
  458. <a href="https://cod.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>
  459.  
  460. </div>
  461.  
  462. </body>
  463. </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!