API tools faq
paste
Advertisement
alicescreed

vantastm

alicescreed
Dec 15th, 2019
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <!-- custom theme for vantastm 12.15.2019 -->
  9. <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! -->
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />
  13.  
  14. {/block:Description}
  15.  
  16. <meta name="text:link1title" content="link 1">
  17. <meta name="text:link1url" content="link url">
  18. <meta name="text:link2title" content="link 2">
  19. <meta name="text:link2url" content="link url">
  20. <meta name="text:link3title" content="link 3">
  21. <meta name="text:link3url" content="link url">
  22. <meta name="text:link4title" content="link 4">
  23. <meta name="text:link4url" content="link url">
  24. <meta name="text:link5title" content="link 5">
  25. <meta name="text:link5url" content="link url">
  26. <meta name="text:link6title" content="link 6">
  27. <meta name="text:link6url" content="link url">
  28.  
  29.  
  30. <meta name="image:background" content="">
  31. <meta name="image:infobackground" content="">
  32.  
  33. <meta name="color:text" content="#ffffff">
  34. <meta name="color:scrollbar" content="#525252">
  35. <meta name="color:bold" content="#a81d1d">
  36. <meta name="color:italic" content="#5f9782">
  37. <meta name="color:links" content="#c40000">
  38. <meta name="color:borders" content="#525252">
  39. <meta name="color:hover link" content="#5f9782">
  40.  
  41. <link href="https://fonts.googleapis.com/css?family=Girassol|Gupter&display=swap" rel="stylesheet">
  42.  
  43. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:200,
  51. tip_fade_speed:300
  52. }
  53. );
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62. body {
  63. font-family:'Gupter', serif;
  64. color: {color:text};
  65. font-size: 10pt;
  66. letter-spacing: 0px;
  67. background-color: #000;
  68. background-image: url('{image:background}');
  69. background-position: absolute;
  70. background-attachment: fixed;
  71. line-height: 120%;
  72. background-repeat: no-repeat;
  73. text-align: justify;
  74. }
  75.  
  76. #s-m-t-tooltip{
  77. position: absolute;
  78. z-index: 999999999999999999999999999999999999999999999999999999999999;
  79. margin-top: 10px;
  80. margin-left: 5px;
  81. display: block;
  82. background-image: url('{image:infobackground}');
  83. background-position: center;
  84. text-align: center;
  85. color: #fff;
  86. font-style: italic;
  87. font-family: 'Girassol', cursive;
  88. letter-spacing: 1px;
  89. text-shadow: 1px 1px 2px #000;
  90. border: 4px {color:borders};
  91. border-style: double;
  92. padding: 10px;
  93. font-size: 20px;
  94. margin-bottom: 5px;
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color: {color:scrollbar};
  99. height:auto;
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb:horizontal {
  103. background-color: {color:scrollbar};
  104. height:2px;
  105. }
  106.  
  107. ::-webkit-scrollbar {
  108. height:3px;
  109. width:3px;
  110. background-color: transparent;
  111. }
  112.  
  113.  
  114. a {
  115. text-decoration: none;
  116. color: {color:links};
  117. font-size: 14pt;
  118. line-height: 19pt;
  119. font-weight: bold;
  120. transition-duration: 0.6s;
  121. -moz-transition-duration: 0.6s;
  122. -webkit-transition-duration: 0.6s;
  123. -o-transition-duration: 0.6s;
  124. font-family: 'Girassol', cursive;
  125. letter-spacing: 1px;
  126. text-shadow: 1px 1px 5px #000;
  127. }
  128.  
  129.  
  130. a:hover {
  131. text-decoration: none;
  132. filter:blur(1px);
  133. letter-spacing: -1px;
  134. padding: 2px;
  135. color: {color:hover link};
  136. transition-duration: 0.6s;
  137. -moz-transition-duration: 0.6s;
  138. -webkit-transition-duration: 0.6s;
  139. -o-transition-duration: 0.6s;
  140. font-family:'Girassol', cursive;
  141. }
  142.  
  143. small, sup, sub {
  144. font-size: 100%;
  145. }
  146.  
  147. b, strong {
  148. text-shadow: 1px 1px 5px #000;
  149. padding-left: 2px;
  150. padding-right: 2px;
  151. color:{color:bold};
  152. letter-spacing: 0px;
  153. font-size: 17px;
  154. font-family: 'Girassol', cursive;
  155. }
  156.  
  157. i, em {
  158. text-shadow: 1px 1px 5px #000;
  159. color:{color:italic};
  160. font-family: 'Girassol', cursive;
  161. letter-spacing: 1px;
  162. padding-left:5px;
  163. padding-right: 5px;
  164. padding-top: 10px;
  165. padding-bottom: 10px;
  166. font-size: 20px;
  167. }
  168.  
  169.  
  170.  
  171.  
  172. h2 {
  173. text-shadow: 1px 1px 5px #000;
  174. font-family: 'Girassol', cursive;
  175. font-size: 120%;
  176. font-weight: bold;
  177. line-height: 120%;
  178. letter-spacing: 1px;
  179. }
  180.  
  181.  
  182. #info {
  183. opacity: 0;
  184. padding: 10px;
  185. background-image: url('{image:infobackground}');
  186. background-position: center;
  187. text-align: center;
  188. color: #fff;
  189. letter-spacing: 1px;
  190. transition-duration: 0.6s;
  191. -moz-transition-duration: 0.6s;
  192. -webkit-transition-duration: 0.6s;
  193. -o-transition-duration: 0.6s;
  194. font-size:14px;
  195. border: 4px {color:borders};
  196. border-style: double;
  197. margin-top: -40px;
  198. }
  199.  
  200. #posts:hover #info {
  201. opacity: 1;
  202. margin-top: 0px;
  203. transition-duration: 0.6s;
  204. -moz-transition-duration: 0.6s;
  205. -webkit-transition-duration: 0.6s;
  206. -o-transition-duration: 0.6s;
  207. }
  208.  
  209. #info a {
  210. font-size: 14pt;
  211. text-shadow: 1px 1px #000;
  212. color: {color:borders};
  213. }
  214.  
  215. #h1 {
  216. background-image: url('{image:infobackground}');
  217. text-align: center;
  218. color: #fff;
  219. font-family: 'Girassol', cursive;
  220. border: 4px double {color:borders};
  221. padding: 10px;
  222. text-shadow: 2px 2px 2px #000;
  223. line-height: 110%;
  224. font-size: 18pt;
  225. background-position: center;
  226. margin-bottom: 5px;
  227. }
  228.  
  229. #sidebar {
  230. margin-left: 585px;
  231. width: 195px;
  232. font-size: 11px;
  233. margin-top: 270px;
  234. position: fixed;
  235. background-color: transparent;
  236. padding: 10px;
  237. }
  238.  
  239. #description {
  240. height:185px;
  241. padding-right: 5px;
  242. overflow: auto;
  243. }
  244.  
  245. #audio {
  246. text-align: center;
  247. font-size: 8pt;
  248. line-height: 9pt;
  249. }
  250.  
  251.  
  252. #musicinfo {
  253.  
  254. text-transform: uppercase;
  255. margin-top:10px;
  256. }
  257.  
  258. blockquote {
  259. border-right: 2px solid {color:bold};
  260. border-left: 2px solid {color:italic};
  261. border-radius: 5px;
  262. background: black;
  263. padding: 5px;
  264. font-size: 95%
  265. }
  266.  
  267. blockquote img {
  268. max-width: 100%;
  269. }
  270.  
  271.  
  272. ol.notes {
  273. text-align: left;
  274. list-style: upper-roman;
  275. padding: 10px;
  276.  
  277. }
  278.  
  279.  
  280. #info a:hover {
  281. color: {color:bold};
  282. }
  283.  
  284. #credit {
  285. right:10px;
  286. bottom:7px;
  287. padding:5px;
  288. font-size:10px;
  289. position:fixed;
  290. background-image: url('{image:infobackground}');
  291. text-align: center;
  292. font-style: italic;
  293. font-family: 'Girassol', cursive;
  294. letter-spacing: 1px;
  295. border: 1px {color:borders};
  296. border-style: solid;
  297. padding: 5px;
  298. font-size: 120%;
  299. margin-bottom: 5px;
  300. transition-duration: 0.6s;
  301. -moz-transition-duration: 0.6s;
  302. -webkit-transition-duration: 0.6s;
  303. -o-transition-duration: 0.6s;
  304. }
  305.  
  306.  
  307. #credit a {
  308. font-family: 'Girassol', cursive;
  309. color:#fff;
  310. padding:5px;
  311. letter-spacing:1px;
  312. text-decoration:none;
  313. font-weight:bold;
  314. }
  315.  
  316. #tags a {
  317. text-shadow: 1px 1px #000;
  318. color:{color:text};
  319. }
  320.  
  321. #tags a:hover {
  322. letter-spacing: 1px;
  323. }
  324.  
  325. #post {
  326. width: 500px;
  327. margin-bottom: 15px;
  328. }
  329.  
  330. #posts {
  331. width: 500px;
  332. height: 525px;
  333. padding-right: 15px;
  334. position: absolute;
  335. margin-left: 45px;
  336. margin-top: 40px;
  337. overflow: auto;
  338. }
  339.  
  340.  
  341. #links {
  342. position: fixed;
  343. margin-top: 520px;
  344. text-align: left;
  345. width: 300px;
  346. font-size: 13pt;
  347. line-height: 6pt;
  348. margin-left: 550px;
  349. }
  350.  
  351. #links a {
  352. color: {color:navlinks};
  353. font-weight: bold;
  354. margin-right: 20px;
  355. font-family: 'Girassol', cursive;
  356. text-transform: uppercase;
  357. }
  358.  
  359. #links a:hover {
  360. color: {color:bold};
  361. font-style: normal;
  362. }
  363.  
  364.  
  365. #pages {
  366. margin-top:20px;
  367. text-align: center;
  368. }
  369.  
  370. #pages a {
  371. line-height: 25px;
  372. font-size: 20px;
  373. color: #fff;
  374. }
  375.  
  376. #ask {
  377. border-bottom: 4px double {color:borders};
  378. width: auto;
  379. padding: 10px;
  380. height: auto;
  381. font-size: 15pt;
  382. }
  383.  
  384.  
  385. #zod {
  386. margin-top: -20px;
  387. position: fixed;
  388. }
  389.  
  390. #c1 {
  391. margin-left: 600px;
  392. margin-top: 30px;
  393. position: fixed;
  394. transition-duration: 0.6s;
  395. -moz-transition-duration: 0.6s;
  396. -webkit-transition-duration: 0.6s;
  397. -o-transition-duration: 0.6s;
  398. }
  399.  
  400. #c1:hover {
  401. transition-duration: 0.6s;
  402. -moz-transition-duration: 0.6s;
  403. -webkit-transition-duration: 0.6s;
  404. -o-transition-duration: 0.6s;
  405. transform: rotate(-5deg);
  406. }
  407.  
  408. #c2 {
  409. margin-left: 750px;
  410. margin-top: 120px;
  411. position: fixed;
  412. }
  413.  
  414. #c2:hover {
  415. transition-duration: 0.6s;
  416. -moz-transition-duration: 0.6s;
  417. -webkit-transition-duration: 0.6s;
  418. -o-transition-duration: 0.6s;
  419. transform: rotate(-5deg);
  420. }
  421.  
  422. #c3 {
  423. margin-left: 630px;
  424. margin-top: 170px;
  425. position: fixed;
  426. }
  427.  
  428. #c3:hover {
  429. transition-duration: 0.6s;
  430. -moz-transition-duration: 0.6s;
  431. -webkit-transition-duration: 0.6s;
  432. -o-transition-duration: 0.6s;
  433. transform: rotate(-5deg);
  434. }
  435.  
  436. #c4 {
  437. margin-left: 1020px;
  438. margin-top: 50px;
  439. position: fixed;
  440. }
  441.  
  442. #c4:hover {
  443. transition-duration: 0.6s;
  444. -moz-transition-duration: 0.6s;
  445. -webkit-transition-duration: 0.6s;
  446. -o-transition-duration: 0.6s;
  447. transform: rotate(-5deg);
  448. }
  449.  
  450. #c5 {
  451. margin-left: 1100px;
  452. margin-top: 170px;
  453. position: fixed;
  454. }
  455.  
  456. #c5:hover {
  457. transition-duration: 0.6s;
  458. -moz-transition-duration: 0.6s;
  459. -webkit-transition-duration: 0.6s;
  460. -o-transition-duration: 0.6s;
  461. transform: rotate(-5deg);
  462. }
  463.  
  464. #c6 {
  465. margin-left: 1000px;
  466. margin-top: 250px;
  467. position: fixed;
  468. }
  469.  
  470. #c6:hover {
  471. transition-duration: 0.6s;
  472. -moz-transition-duration: 0.6s;
  473. -webkit-transition-duration: 0.6s;
  474. -o-transition-duration: 0.6s;
  475. transform: rotate(-5deg);
  476. }
  477.  
  478.  
  479. </style>
  480.  
  481. </head>
  482.  
  483. <body>
  484.  
  485. <div id="zod">
  486. <div id="c1"> <a href="{text:link1url}" title="{text:link1title}"><img src="https://i.imgur.com/6k4yKLn.png" width="30%"></a></div>
  487.  
  488. <div id="c2"> <a href="{text:link2url}" title="{text:link2title}"><img src="https://i.imgur.com/6k4yKLn.png" width="25%"></a></div>
  489.  
  490. <div id="c3"> <a href="{text:link3url}" title="{text:link3title}"><img src="https://i.imgur.com/6k4yKLn.png" width="35%"></a></div>
  491. <div id="c4"> <a href="{text:link4url}" title="{text:link4title}"><img src="https://i.imgur.com/6k4yKLn.png" width="35%"></a></div>
  492.  
  493. <div id="c5"> <a href="{text:link5url}" title="{text:link5title}"><img src="https://i.imgur.com/6k4yKLn.png" width="25%"></a></div>
  494.  
  495. <div id="c6"> <a href="{text:link6url}" title="{text:link6title}"><img src="https://i.imgur.com/6k4yKLn.png" width="30%"></a></div>
  496. </div>
  497.  
  498.  
  499.  
  500. <div id="sidebar">
  501. <div id="description">
  502. {description}</div>
  503. <div id="pages">
  504. {block:Pagination}
  505. {block:PreviousPage}
  506. <a href="{PreviousPage}">fall</a> /
  507. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise</a>
  508. {/block:NextPage}
  509. {/block:Pagination}
  510. </div>
  511.  
  512.  
  513. </div>
  514.  
  515. </div>
  516.  
  517. <div id="posts">
  518.  
  519.  
  520. {block:Posts}<div id="post">
  521.  
  522.  
  523.  
  524. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  525.  
  526. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  527.  
  528. {Caption} {/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  531.  
  532. {/block:Photoset}
  533.  
  534. {block:Quote}<b style="text-align: center; font-size: 18pt; line-height: 20pt;">{Quote}</b>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  535.  
  536. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  537.  
  538. {Description}{/block:Description}{/block:Link}
  539.  
  540. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  541.  
  542. <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  543.  
  544. {block:Audio}
  545. <div id="audio">
  546. {block:TrackName}
  547. <div id="musicinfo" style="margin-top: 5px;">
  548. {AudioPlayerGrey} <br>
  549. {TrackName} by
  550. {/block:TrackName}
  551. {block:Artist}
  552. {Artist}
  553. {/block:Artist}
  554.  
  555. </div>
  556. </div>
  557. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  558. {/block:Audio}
  559.  
  560.  
  561. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  562.  
  563. {block:Answer}
  564. <div id="ask">
  565. <div id="qq" style="margin-top: 0px;">
  566. {Asker} asked,<br>
  567. <span style="font-weight: normal;font-family:'Gupter', serif; color: {color:text}; font-size: 10pt;">" {Question} "</span></div>
  568. </div>
  569. {Answer}{/block:Answer}
  570.  
  571. <div id="info">
  572. <a title="{TimeAgo}" title="{TimeAgo}"><img src="https://i.imgur.com/8KY0wes.png"></a> <a href="{Permalink}" title="{NoteCount} notes"><img src="https://i.imgur.com/8KY0wes.png"></a> <a href="{ReblogURL}" title="reblog"><img src="https://i.imgur.com/8KY0wes.png"></a>
  573. <div id="tags">
  574. {block:HasTags}{block:Tags} <a href="{TagURL}" style=" font-size: 10px; line-height: 13px; color: #fff;">#{Tag} </a>
  575. {/block:Tags}{/block:HasTags}
  576. </div>
  577. </div>
  578.  
  579.  
  580. </div>
  581. {block:PostNotes}<Div style="width: 500px;">
  582.  
  583.  
  584. {PostNotes}</div>{/block:PostNotes}
  585. {/block:Posts}</div>
  586.  
  587.  
  588. <div id="credit">
  589. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  590. </div>
  591.  
  592.  
  593.  
  594.  
  595.  
  596. </body>
  597.  
  598.  
  599.  
  600. </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!