API tools faq
paste
Advertisement
sashatheme

I ♡ VERGO THEME

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