API tools faq
paste
Advertisement
Guest User

this font for this blog is just nuts

a guest
Jan 24th, 2020
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <!--------------------------------------------------------------------------->
  10.  
  11. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  12.  
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel="stylesheet">
  15.  
  16. <script src="https://kit.fontawesome.com/e90b1fbe9c.js"></script>
  17.  
  18. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
  19.  
  20.  
  21. <!--------------------------------------------------------------------------->
  22.  
  23. <meta name="color:Title" content="#FFFFFF"/>
  24. <meta name="color:Scrollbar" content="#FFB03E"/>
  25. <meta name="color:Scrollbar Thumb" content="#F033DF"/>
  26. <meta name="color:Background" content=""/>
  27. <meta name="image:Background Image" content=""/>
  28. <meta name="color:Sidebar" content="#FFA035"/>
  29. <meta name="image:Sidebar Bg" content="https://cdn.weasyl.com/static/media/d0/36/de/d036deb680681c50951508da6fcdcf0cc28289af75439a66461d3f191e84d2e7.jpg"/>
  30. <meta name="image:Sidebar Icon" content=""/>
  31. <meta name="color:Description" content=""/>
  32. <meta name="color:Text" content=""/>
  33. <meta name="color:Perm Links" content="#F7F7F7"/>
  34. <meta name="color:Links" content=""/>
  35. <meta name="color:Hover" content="#FFB03E"/>
  36. <meta name="color:Post" content="#F7F7F7"/>
  37. <meta name="color:Border" content="#DFDFDF"/>
  38. <meta name="color:Toolbar" content="#FFA96E"/>
  39. <meta name="if:Cross" content="1"/>
  40. <meta name="if:Circle" content="1"/>
  41. <meta name="image:Corner Image" content="https://static.zerochan.net/Chandelure.full.2513952.png"/>
  42. <meta name="text:Link 1 URL" content=""/>
  43. <meta name="text:Link 1" content="Link 1"/>
  44. <meta name="text:Link 2 URL" content=""/>
  45. <meta name="text:Link 2" content="Link 2"/>
  46. <meta name="text:Link 3 URL" content=""/>
  47. <meta name="text:Link 3" content="Link 3"/>
  48. <meta name="text:Link 4 URL" content=""/>
  49. <meta name="text:Link 4" content="Link 4"/>
  50. <meta name="text:Link 5 URL" content=""/>
  51. <meta name="text:Link 5" content="Link 5"/>
  52. <meta name="text:Link 6 URL" content=""/>
  53. <meta name="text:Link 6" content="Link 6"/>
  54. <meta name="text:Link 7 URL" content=""/>
  55. <meta name="text:Link 7" content="Link 7"/>
  56. <meta name="text:Link 8 URL" content=""/>
  57. <meta name="text:Link 8" content="Link 8"/>
  58. <meta name="text:Link 9 URL" content=""/>
  59. <meta name="text:Link 9" content="Link 9"/>
  60. <meta name="text:Link 10 URL" content=""/>
  61. <meta name="text:Link 10" content="Link 10"/>
  62. <meta name="text:Tag 1 URL" content=""/>
  63. <meta name="text:Tag 1" content="Tag 1"/>
  64. <meta name="text:Tag 2 URL" content=""/>
  65. <meta name="text:Tag 2" content="Tag 2"/>
  66. <meta name="text:Tag 3 URL" content=""/>
  67. <meta name="text:Tag 3" content="Tag 3"/>
  68. <meta name="text:Tag 4 URL" content=""/>
  69. <meta name="text:Tag 4" content="Tag 4"/>
  70. <meta name="text:Tag 5 URL" content=""/>
  71. <meta name="text:Tag 5" content="Tag 5"/>
  72. <meta name="text:Tag 6 URL" content=""/>
  73. <meta name="text:Tag 6" content="Tag 6"/>
  74. <meta name="text:Tag 7 URL" content=""/>
  75. <meta name="text:Tag 7" content="Tag 7"/>
  76. <meta name="text:Tag 8 URL" content=""/>
  77. <meta name="text:Tag 8" content="Tag 8"/>
  78. <meta name="text:Tag 9 URL" content=""/>
  79. <meta name="text:Tag 9" content="Tag 9"/>
  80. <meta name="text:Tag 10 URL" content=""/>
  81. <meta name="text:Tag 10" content="Tag 10"/>
  82. <!--------------------------------------------------------------------------->
  83.  
  84. <script>
  85. tippy('a', {
  86. animation: 'scale',
  87. duration: 0,
  88. arrow: true,
  89. delay: [1000, 200],
  90. })
  91. </script>
  92.  
  93. </head>
  94.  
  95. <style>
  96.  
  97. *:focus
  98. {
  99. outline: none;
  100. }
  101.  
  102. @font-face
  103. {
  104. font-family: 'Adam';
  105. src: url('https://dl.dropbox.com/s/ty5ukah4hjbbs8u/Adam.otf');
  106. }
  107.  
  108. @font-face
  109. {
  110. font-family: 'Dimitri';
  111. src: url('https://dl.dropbox.com/s/a2j126dq6qohtrk/DIMIS___.TTF');
  112. }
  113.  
  114.  
  115. body
  116. {
  117. margin: 0px;
  118. font-family: 'Adam';
  119. background: {color:Background};
  120. background-image: url({image:Background Image});
  121. }
  122.  
  123. a
  124. {
  125. text-decoration: none;
  126. color: {color:Links};
  127. }
  128.  
  129. ::-webkit-scrollbar
  130. {
  131. width: 10px;
  132. }
  133.  
  134. ::-webkit-scrollbar-track
  135. {
  136. border: 4px solid {color:Background};
  137. background: {color:Scrollbar};
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb
  141. {
  142. border: 2px solid {color:Background};
  143. background: {color:Scrollbar Thumb};
  144. }
  145.  
  146. .sidebar
  147. {
  148. top: 0px;
  149. text-align: center;
  150. padding: 10px;
  151. width: 250px;
  152. height: 100%;
  153. position: fixed;
  154. background: {color:Sidebar};
  155. background-image: url({image:Sidebar Bg});
  156. border-right: 5px solid {color:Border};
  157.  
  158. }
  159.  
  160. .sidebar img
  161. {
  162. object-fit: cover;
  163. max-width: 100%;
  164. }
  165.  
  166. .sidebar p
  167. {
  168. color: {color:Description};
  169. }
  170.  
  171. .simg
  172. {
  173. object-fit: cover;
  174. width: 100px;
  175. height: 100px;
  176. }
  177.  
  178. .crimg
  179. {
  180. object-fit: cover;
  181. width: 100px;
  182. height: 100px;
  183. clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  184.  
  185. }
  186.  
  187. .cimg
  188. {
  189. object-fit: cover;
  190. width: 100px;
  191. height: 100px;
  192. -webkit-clip-path: circle(50%);
  193. clip-path: circle(50%);
  194. }
  195.  
  196. .blogtitle
  197. {
  198. color: {color:Title};
  199. font-family: 'Dimitri';
  200. font-size: 24px;
  201. }
  202.  
  203. .description
  204. {
  205. padding: 5px;
  206. border-radius: 5px;
  207. background: rgba(39,34,41,0.8);
  208. margin-top: 15px;
  209. color: {color:Description};
  210. }
  211.  
  212.  
  213.  
  214. .cornerimg
  215. {
  216. position: fixed;
  217. right: 15px;
  218. width: 300px;
  219. height: justified;
  220. }
  221.  
  222.  
  223. .posts
  224. {
  225. float: left;
  226. padding: 15px;
  227. margin: 12px;
  228. width: 250px;
  229. background: {color:Post};
  230. border: 1px solid {color:Border};
  231. }
  232.  
  233. .posts blockquote
  234. {
  235. margin: 0;
  236. padding: 0;
  237. max-width: 100%;
  238. }
  239.  
  240. .title
  241. {
  242.  
  243. margin-top: 15px;
  244. }
  245.  
  246. .text
  247. {
  248. color: {color:Text};
  249. margin-top: 25px;
  250. }
  251.  
  252. .posts li
  253. {
  254. max-width: 100%;
  255.  
  256. }
  257.  
  258. .posts img
  259. {
  260. object-fit: cover;
  261. margin-top: 15px;
  262. max-width: 100%;
  263. }
  264.  
  265. .toolbar
  266. {
  267. margin-top: -15px;
  268. margin-left: -15px;
  269. margin-right: -15px;
  270. background: {color:Toolbar};
  271. padding: 5px;
  272. }
  273.  
  274. .asker-portrait
  275. {
  276. margin-bottom: -10px;
  277. width: 50px;
  278. height: 50px;
  279. margin-top: 15px;
  280. border-radius: 50%;
  281.  
  282.  
  283. }
  284.  
  285. .askwrapper
  286. {
  287. border-radius: 5px;
  288. margin-top: 15px;
  289. padding: 15px;
  290. border: 1px solid {color:Border};
  291. }
  292.  
  293. .tags
  294. {
  295. margin-top: 15px;
  296. }
  297.  
  298. .tags a
  299. {
  300. padding: 3px;
  301. margin: 3px;
  302. border: 1px solid {color:Border};
  303. border-radius: 5px;
  304. display: inline-block;
  305. }
  306.  
  307. .tab
  308. {
  309. width: 12px;
  310. height: 12px;
  311. margin-left: 12px;
  312. background: #ED2828;
  313. display: inline-block;
  314. border-radius: 50%;
  315. }
  316.  
  317. .tab:nth-child(2)
  318. {
  319. background: #FFDC4C;
  320. }
  321.  
  322. .tab2 {
  323. width: 12px;
  324. height: 12px;
  325. margin-left: 12px;
  326. background: #6AED28;
  327. display: inline-block;
  328. border-radius: 50%;
  329. }
  330.  
  331. .player
  332. {
  333. margin-top: 15px;
  334. }
  335.  
  336. .container
  337. {
  338. margin-top: 55px;
  339. margin-left: 350px;
  340. }
  341.  
  342. .postcol
  343. {
  344. width: 650px;
  345. }
  346.  
  347. .photoset
  348. {
  349. max-width: 100%;
  350. margin-top: 15px;
  351. }
  352.  
  353. iframe.tumblr_audio_player
  354. {
  355. height: 85px;
  356. }
  357.  
  358. .navigation
  359. {
  360. margin-top: 45px;
  361. }
  362.  
  363. .navigation a
  364. {
  365.  
  366. border-radius: 5px;
  367. border: 1px solid rgba(255,255,255,0.8);
  368. color: white;
  369. padding: 5px;
  370. background: rgba(39,34,41,0.8);
  371. background-image: linear-gradient(to left,transparent 50%, {color:Hover} 50%);
  372. background-position: 100% 0;
  373. background-size: 200% 100%;
  374. display: block;
  375. margin: 12px;
  376. transition: 0.5s ease;
  377. }
  378.  
  379. .navigation a:hover
  380. {
  381. background-position: 0 0;
  382. }
  383.  
  384.  
  385. #nav-full
  386. {
  387. position: fixed;
  388. height: 100%;
  389. background: rgba(0,0,0,0.8);
  390. z-index: 1;
  391. top: 0;
  392. left: 0;
  393. overflow-x: hidden;
  394. overflow-y: hidden;
  395. transition: 0.5s ease;
  396. width: 0;
  397. }
  398.  
  399. .navlinks
  400. {
  401. margin-top: 25px;
  402. text-align: center;
  403. position: relative;
  404. }
  405.  
  406. .navlinks a
  407. {
  408. border-radius: 5px;
  409. border: 1px solid rgba(255,255,255,0.8);
  410. color: white;
  411. padding: 5px;
  412. font-size: 18px;
  413. background: rgba(39,34,41,0.8);
  414. background-image: linear-gradient(to left,transparent 50%, {color:Hover} 50%);
  415. background-position: 100% 0;
  416. background-size: 200% 100%;
  417. display: inline-block;
  418. margin: 12px;
  419. transition: 0.5s ease;
  420. }
  421.  
  422. .navlinks a:hover
  423. {
  424. background-position: 0 0;
  425. }
  426.  
  427. .close
  428. {
  429. cursor: pointer;
  430. border: none;
  431. background: rgba(255,255,255,0);
  432. color: white;
  433. font-size: 18px;
  434.  
  435. }
  436.  
  437.  
  438. </style>
  439.  
  440. <body>
  441.  
  442. <script>
  443. $('.grid').masonry({
  444. columnWidth: 80,
  445. itemSelector: '.posts'
  446. });
  447. </script>
  448.  
  449.  
  450. <script>
  451. $(document).ready(function() {
  452. // audio player
  453. var $audio = $('iframe.tumblr_audio_player');
  454. $audio.load(function() {
  455. $(this).contents().find('head').append('<style type="text/css">' +
  456. '.audio-player { background: {color:Toolbar}; color: #fff !important;}' +
  457. '.audio-player .audio-info .track-artist { color: #fff !important; }' +
  458. '</style>');
  459. });
  460. });
  461. </script>
  462.  
  463. <script>
  464.  
  465. function openNav(){
  466. document.getElementById("nav-full").style.width = "100%";
  467. }
  468.  
  469. function closeNav() {
  470. document.getElementById("nav-full").style.width = "0%";
  471. }
  472.  
  473. </script>
  474.  
  475.  
  476. <!--------------------------------------------------------------------------->
  477.  
  478.  
  479. <div id="nav-full">
  480. <button class="close" onclick="closeNav()"><i class="far fa-window-close"></i></button>
  481. <div class="navlinks">
  482. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  483. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  484. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  485. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  486. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  487. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  488. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  489. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  490. <a href="{text:Link 9 URL}">{text:Link 9}</a>
  491. <a href="{text:Link 10 URL}">{text:Link 10}</a>
  492. <br>
  493. <a href="{text:Tag 1 URL}">{text:Tag 1}</a>
  494. <a href="{text:Tag 2 URL}">{text:Tag 2}</a>
  495. <a href="{text:Tag 3 URL}">{text:Tag 3}</a>
  496. <a href="{text:Tag 4 URL}">{text:Tag 4}</a>
  497. <a href="{text:Tag 5 URL}">{text:Tag 5}</a>
  498. <a href="{text:Tag 6 URL}">{text:Tag 6}</a>
  499. <a href="{text:Tag 7 URL}">{text:Tag 7}</a>
  500. <a href="{text:Tag 8 URL}">{text:Tag 8}</a>
  501. <a href="{text:Tag 9 URL}">{text:Tag 9}</a>
  502. <a href="{text:Tag 10 URL}">{text:Tag 10}</a>
  503.  
  504. </div>
  505. </div>
  506.  
  507. <img src="{image:Corner Image}" class="cornerimg"/>
  508.  
  509.  
  510. <div class="sidebar">
  511. <div class="blogtitle">
  512. {Title}
  513. </div>
  514. {block:IfCross}
  515. <img src="{image:Sidebar Icon}" class="crimg"/>
  516. {/block:IfCross}
  517. {block:IfCircle}
  518. <img src="{image:Sidebar Icon}" class="cimg"/>
  519. {/block:IfCircle}
  520. {block:IfNotCross}
  521. {block:IfNotCircle}
  522. <img src="{image:Sidebar Icon}" class="simg"/>
  523. {/block:IfNotCircle}
  524. {/block:IfNotCross}
  525.  
  526.  
  527. <div class="description">
  528. {Description}
  529. </div>
  530.  
  531. <div class="navigation">
  532. <a href="/">Home</a>
  533. <a href="/ask">Message</a>
  534. <a href="/archive">Memories</a>
  535. <a href="javascript:void(0)" onclick="openNav()">Navigation</a>
  536.  
  537. </div>
  538.  
  539. <div class="pagination">
  540. {block:Pagination}
  541. {block:PreviousPage}
  542. <a href="{PreviousPage}">Prev.</a>
  543. {/block:PreviousPage}
  544. {block:NextPage}
  545. <a href="{NextPage}">Next.</a>
  546. {/block:NextPage}
  547.  
  548. {/block:Pagination}
  549. </div>
  550.  
  551. <p>© vexusthms circa 2019</p>
  552. </div>
  553.  
  554. <div class="container">
  555.  
  556.  
  557. <div class="postcol" data-masonry='{ "itemSelector": ".posts"}'>
  558. {block:Posts}
  559.  
  560. <div class="posts">
  561. <div class="toolbar">
  562. <span class="tab" data-tippy="{block:Date}
  563. {MonthNumber}/{DayOfMonth}/{Year}
  564. {/block:Date}"></span>
  565. <span class="tab" data-tippy="{NoteCount}&nbsp;N"></span>
  566. <a href="{Permalink}" data-tippy="Go to Post"><span class="tab2"></span></a>
  567.  
  568. </div>
  569.  
  570. {block:Photo}
  571. {LinkOpenTag}<img src="{PhotoURL-500}" id="photoposts"/>{LinkCloseTag}
  572. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  573. {/block:Photo}
  574.  
  575. {block:Photoset}
  576. <div class="photoset">
  577. {Photoset-400}
  578. </div>
  579.  
  580. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  581. {/block:Photoset}
  582.  
  583. {block:Video}
  584. <div class="video">
  585. {Video-400}
  586. </div>
  587. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  588. {/block:Video}
  589.  
  590.  
  591. {block:Audio}
  592. <div class="player">
  593. {block:AudioEmbed}
  594. {AudioEmbed-250}
  595. {/block:AudioEmbed}
  596. </div>
  597. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  598. {/block:Audio}
  599.  
  600. {block:Quote}
  601. <div class="quote">
  602. <h2>“{Quote}”</h2>
  603. </div>
  604. {block:Source}
  605. <br><i class="fas fa-dice-d6"></i>&nbsp;{Source}
  606. {/block:Source}
  607. {/block:Quote}
  608.  
  609. {block:Text}
  610. {block:Title}<div class="title">{Title}</div>{/block:Title}
  611. <div class="text">{Body}</div>
  612. {/block:Text}
  613.  
  614. {block:Answer}
  615. <img src="{AskerPortraitURL-128}" class="asker-portrait"/>
  616. <div class="askwrapper">
  617. <div id="asks">{Asker} asked: {Question}</div>
  618. </div>
  619. <div class="text">{Answer}</div>
  620. {block:Answer}
  621.  
  622. {block:Chat}
  623. {block:Title}<div class="title"><h2>{Title}</h2></div>{/block:Title}
  624. <div class="text">
  625. {block:Lines}
  626. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  627. {/block:Lines}
  628. </div> <!--text-->
  629. {/block:Chat}
  630.  
  631. {block:Link}
  632. <div id="link">
  633. <div id="linkhead"><a href="{URL}">{Name}</a></div>
  634. {block:Thumbnail}
  635. <img src="{Thumbnail}"/>
  636. {/block:Thumbnail}
  637. {block:Description}
  638. <div class="text">{Description}</div>
  639. {/block:Description}
  640. </div>
  641. {/block:Link}
  642.  
  643.  
  644. {block:HasTags}
  645. <div class="tags">
  646. {block:Tags}
  647. <a href="{TagURL}">#{Tag} </a>
  648. {/block:Tags}
  649. </div>
  650. {/block:HasTags}
  651. {block:RebloggedFrom}
  652. <div class="rebloginfo">
  653.  
  654. <!--<div class="srcrb">-->
  655. <!--<img src="{ReblogRootPortraitURL-64}" id="srcimg"/>-->
  656. <!--</div>-->
  657. </div>{/block:RebloggedFrom}
  658.  
  659. {block:PostNotes}
  660. <div class="notecontainer">
  661. {PostNotes}
  662. </div>
  663.  
  664. {/block:PostNotes}
  665. </div>
  666. {/block:Posts}
  667. </div>
  668. </div>
  669. <!--------------------------------------------------------------------------->
  670.  
  671. <script src="https://unpkg.com/popper.js@1"></script>
  672. <script src="https://unpkg.com/tippy.js@4"></script>
  673.  
  674. </body>
  675.  
  676. </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!