alicescreed

arcadiabaypunk

May 9th, 2020
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.38 KB | None | 0 0
  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.  
  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="color:text" content="#ffffff">
  17. <meta name="color:scrollbar" content="#4c4c4c">
  18. <meta name="color:bold" content="#268bc6">
  19. <meta name="color:italic" content="#6ab5e5">
  20. <meta name="color:links" content="#268bc6">
  21. <meta name="color:borders" content="#4c4c4c">
  22. <meta name="color:hover link" content="#656565">
  23.  
  24. <meta name="text:link1url" content="link1url">
  25. <meta name="text:link1title" content="link1title">
  26. <meta name="text:link2url" content="link2url">
  27. <meta name="text:link2title" content="link2title">
  28. <meta name="text:link3url" content="link3url">
  29. <meta name="text:link3title" content="link4title">
  30. <meta name="text:link4url" content="link4url">
  31. <meta name="text:link4title" content="link4title">
  32. <meta name="text:link5url" content="link5url">
  33. <meta name="text:link5title" content="link5title">
  34. <meta name="text:link6url" content="link6url">
  35. <meta name="text:link6title" content="link6title">
  36. <meta name="text:link7url" content="link7url">
  37. <meta name="text:link7title" content="link7title">
  38. <meta name="text:link8url" content="link8url">
  39. <meta name="text:link8title" content="link8title">
  40.  
  41.  
  42. <link href="https://fonts.googleapis.com/css?family=Bebas+Neue|Indie+Flower|Titillium+Web&display=swap" rel="stylesheet">
  43.  
  44. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:200,
  52. tip_fade_speed:300
  53. }
  54. );
  55. });
  56. })(jQuery);
  57. </script>
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. body {
  64. font-family: 'Titillium Web', sans-serif;
  65. color: {color:text};
  66. font-size: 9pt;
  67. letter-spacing: 0px;
  68. background-color:#0b0b0b;
  69. background-image: url('https://i.imgur.com/uaxdINo.png');
  70. background-position: top-right;
  71. background-repeat: no-repeat;
  72. background-attachment: fixed;
  73. line-height: 12pt;
  74. text-align: justify;
  75. }
  76.  
  77. #s-m-t-tooltip{
  78. position: absolute;
  79. z-index: 999999999999999999999999999999999999999999999999999999999999;
  80. margin-top: 10px;
  81. margin-left: 5px;
  82. display: block;
  83. color: #fff;
  84. background-image: url('https://i.imgur.com/tQlVlrH.png');
  85. background-position: center;
  86. text-align: center;
  87. font-style: italic;
  88. box-shadow: 2px 2px 5px #000;
  89. font-family: 'Indie Flower', cursive;
  90. letter-spacing: 1px;
  91. text-shadow: 1px 1px 5px #000;
  92. border: 1px solid {color:borders};
  93. padding: 10px;
  94. font-size: 22pt;
  95. margin-bottom: 5px;
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {
  99. background-color: {color:scrollbar};
  100. height:auto;
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb:horizontal {
  104. background-color: {color:scrollbar};
  105. height:2px;
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. height:3px;
  110. width:3px;
  111. background-color: transparent;
  112. }
  113.  
  114.  
  115. a {
  116. text-decoration: none;
  117. color: {color:links};
  118. font-size: 14pt;
  119. line-height: 19pt;
  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: 'Indie Flower', cursive;
  125. letter-spacing: 1px;
  126. text-shadow: 1px 1px 4px #474747;
  127. }
  128.  
  129.  
  130. a:hover {
  131. text-decoration: none;
  132. filter:blur(1px);
  133. letter-spacing: 1px;
  134. color: {color:hover link};
  135. transition-duration: 0.6s;
  136. -moz-transition-duration: 0.6s;
  137. -webkit-transition-duration: 0.6s;
  138. -o-transition-duration: 0.6s;
  139. font-family: 'Indie Flower', cursive;
  140. }
  141.  
  142. small, sup, sub {
  143. font-size: 100%;
  144. }
  145.  
  146. b, strong {
  147. text-shadow: 1px 1px 4px #474747;
  148. padding-left: 2px;
  149. padding-right: 2px;
  150. color:{color:bold};
  151. letter-spacing: 0px;
  152. font-size: 14pt;
  153. font-family: 'Bebas Neue', cursive;
  154. }
  155.  
  156. i, em {
  157. text-shadow: 1px 1px 4px #474747;
  158. color:{color:italic};
  159. font-family: 'Indie Flower', cursive;
  160. letter-spacing: 1px;
  161. padding-left:5px;
  162. padding-right: 5px;
  163. padding-top: 10px;
  164. padding-bottom: 10px;
  165. font-size: 18pt;
  166. }
  167.  
  168.  
  169.  
  170.  
  171. h2 {
  172. text-shadow: 1px 1px 5px #000;
  173. color: #fff;
  174. font-family: 'Bebas Neue', cursive;
  175. font-size: 16pt;
  176. font-weight: bold;
  177. line-height: 120%;
  178. letter-spacing: 1px;
  179. }
  180.  
  181.  
  182. #info {
  183. padding: 10px;
  184. margin-top: 10px;
  185. background-image: url('https://i.imgur.com/tQlVlrH.png');
  186. background-attachment:fixed;
  187. background-repeat: y-repeat;
  188. background-position: center;
  189. text-align: center;
  190. color: #fff;
  191. letter-spacing: 1px;
  192. text-shadow: 1px 1px #000;
  193. transition-duration: 0.6s;
  194. -moz-transition-duration: 0.6s;
  195. -webkit-transition-duration: 0.6s;
  196. -o-transition-duration: 0.6s;
  197. font-size:14pt;
  198. border: 1px solid {color:borders};
  199. }
  200.  
  201. #info a {
  202. font-size: 14pt;
  203. text-shadow: 1px 1px 3px #000;
  204. font-weight:bold;
  205. font-family: 'Indie Flower', cursive;
  206. }
  207.  
  208. #h1 {
  209. text-align: center;
  210. color: #fff;
  211. font-family: 'Indie Flower', cursive;
  212. padding: 10px;
  213. text-shadow: 1px 1px 4px #474747;
  214. line-height: 110%;
  215. font-size: 18pt;
  216. background-position: center;
  217. margin-bottom: 5px;
  218. }
  219.  
  220. #sidebar {
  221. margin-left:997px;
  222. width: 110px;
  223. font-size: 10pt;
  224. margin-top: 188px;
  225. position: fixed;
  226. background-color: transparent;
  227. }
  228.  
  229. #description {
  230. height:140px;
  231. font-size: 10px;
  232. line-height: 14px;
  233. padding-right: 5px;
  234. overflow: auto;
  235. }
  236.  
  237. #audio {
  238. text-align: center;
  239. font-size: 8pt;
  240. line-height: 9pt;
  241. }
  242.  
  243.  
  244. #musicinfo {
  245.  
  246. text-transform: uppercase;
  247. margin-top:10px;
  248. }
  249.  
  250. blockquote {
  251. border: 10px solid transparent;
  252. border-image:url('https://i.imgur.com/tQlVlrH.png') 10 round;
  253. outline: 1px solid {color:borders};
  254. background-color: #040404;
  255. color: #bcbcbc;
  256. padding: 5px;
  257. font-size: 95%
  258. }
  259.  
  260. blockquote img {
  261. max-width: 100%;
  262. display: block;
  263. height: auto
  264. }
  265.  
  266. img {
  267. max-width: 100%;
  268. display: block;
  269. height: auto
  270. }
  271.  
  272.  
  273. ol.notes {
  274. text-align: left;
  275. list-style: upper-roman;
  276. padding: 10px;
  277.  
  278. }
  279.  
  280.  
  281. #info a:hover {
  282. color: {color:bold};
  283. }
  284.  
  285. #credit {
  286. right:10px;
  287. bottom:7px;
  288. padding:5px;
  289. font-size:10px;
  290. position:fixed;
  291. background-image: url('https://i.imgur.com/tQlVlrH.png');
  292. text-align: center;
  293. font-style: italic;
  294. font-family: 'Indie Flower', cursive;
  295. letter-spacing: 1px;
  296. border: 1px {color:borders};
  297. border-style: solid;
  298. padding: 5px;
  299. font-size: 120%;
  300. margin-bottom: 5px;
  301. transition-duration: 0.6s;
  302. -moz-transition-duration: 0.6s;
  303. -webkit-transition-duration: 0.6s;
  304. -o-transition-duration: 0.6s;
  305. }
  306.  
  307.  
  308. #credit a {
  309. font-family: 'Indie Flower', cursive;
  310. color:#fff;
  311. padding:5px;
  312. letter-spacing:1px;
  313. text-decoration:none;
  314. font-weight:bold;
  315. }
  316.  
  317. #tags a {
  318. font-family: verdana;
  319. font-weight: bold;
  320. font-size: 8px;
  321. line-height: 6px;
  322. color: #fff;
  323. text-transform: uppercase;
  324. text-shadow: 1px 1px 1px #000;
  325. }
  326.  
  327. #post {
  328. width: 250px;
  329. margin-bottom: 25px;
  330. }
  331.  
  332. #posts {
  333. width: 250px;
  334. padding-right: 10px;
  335. height: 490px;
  336. overflow-y: auto;
  337. position: absolute;
  338. background-color: transparent;
  339. margin-left:705px;
  340. margin-top: 50px;
  341. }
  342.  
  343. #ask {
  344. background-image: url('https://i.imgur.com/tQlVlrH.png');
  345. text-align: center;
  346. background-position: top center;
  347. color: #fff;
  348. padding: 10px;
  349. height: auto;
  350. border: 1px solid {color:borders};
  351. background-color: #040404;
  352. text-shadow: 1px 1px 2px #000;
  353. }
  354.  
  355. #pa { margin-top: 10px;
  356. text-align: center;
  357. }
  358.  
  359. #pa a {
  360. text-shadow: 1px 1px 5px #000;
  361. color: #fff;
  362. font-family: 'bebas neue', cursive;
  363. text-transform: uppercase;
  364. font-size: 15pt;
  365. }
  366.  
  367. #links {
  368. position: fixed;
  369. margin-left:1118px;
  370. text-align: left;
  371. margin-top: 185px;
  372. width: 500px;
  373. line-height: 7pt;
  374. }
  375.  
  376. #links a {
  377. font-family: 'bebas neue', cursive;
  378. font-weight: bold;
  379. font-size: 16pt;
  380. color: #fff;
  381. line-height: 16pt;
  382. }
  383.  
  384. #desctitle {
  385. padding: 4px;
  386. font-family: verdana;
  387. text-transform: uppercase;
  388. font-size: 8px;
  389. text-shadow: 1px 1px 3px #000;
  390. color: #fff;
  391. font-weight: bold;
  392. border: 1px solid {color:borders};
  393. text-align: center;
  394. background-position: center;
  395. background-image: url('https://i.imgur.com/tQlVlrH.png');
  396. }
  397.  
  398.  
  399. </style>
  400.  
  401. </head>
  402.  
  403. <body>
  404.  
  405. <div id="links">
  406. <a href="{text:link1url}" title="{text:link1title}">I.</a><br>
  407. <a href="{text:link2url}" title="{text:link2title}">II.</a><br>
  408. <a href="{text:link3url}" title="{text:link3title}">III.</a><br>
  409. <a href="{text:link4url}" title="{text:link4title}">IV.</a><br>
  410. <a href="{text:link5url}" title="{text:link5title}">V.</a><br>
  411. <a href="{text:link6url}" title="{text:link6title}">VI.</a><br>
  412. <a href="{text:link7url}" title="{text:link7title}">VII.</a><br>
  413. <a href="{text:link8url}" title="{text:link8title}">VIII.</a><br>
  414.  
  415. </div>
  416.  
  417. <div id="sidebar">
  418. <div id="desctitle" style="margin-bottom: 5px;">{title}</div>
  419. <div id="description">
  420. {Description}
  421. </div>
  422. <div id="pa">{block:Pagination}
  423. {block:PreviousPage}
  424. <a href="{PreviousPage}">next</a> /
  425. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">back</a>
  426. {/block:NextPage}
  427. {/block:Pagination}</div>
  428. </div>
  429.  
  430. <div id="posts">
  431.  
  432.  
  433. {block:Posts}<div id="post">
  434.  
  435.  
  436.  
  437. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  438.  
  439. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  440.  
  441. {Caption} {/block:Caption}{/block:Photo}
  442.  
  443. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}
  444.  
  445. {/block:Photoset}
  446.  
  447. {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}
  448.  
  449. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  450.  
  451. {Description}{/block:Description}{/block:Link}
  452.  
  453. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  454.  
  455. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  456.  
  457. {block:Audio}
  458. <div id="audio">
  459. {block:TrackName}
  460. <div id="musicinfo" style="margin-top: 5px;">
  461. {AudioPlayerGrey} <br>
  462. {TrackName} by
  463. {/block:TrackName}
  464. {block:Artist}
  465. {Artist}
  466. {/block:Artist}
  467.  
  468. </div>
  469. </div>
  470. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  471. {/block:Audio}
  472.  
  473.  
  474. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  475.  
  476. {block:Answer}
  477. <div id="ask">
  478. <center>
  479. <img src="{AskerPortraitURL-128}" width="64" style="border-radius: 100px; box-shadow: 3px 3px 5px #000; margin-bottom: 6px;"></center>
  480. {Asker} asked,<br>
  481. {Question}
  482. </div>
  483. {Answer}{/block:Answer}
  484.  
  485. <div id="info">
  486. <a title="{TimeAgo}" title="{TimeAgo}">{timeago}</a>. <a href="{Permalink}" title="{NoteCount} notes">{notecount}</a>. <a href="{ReblogURL}" title="reblog">reblog</a>.
  487. <div id="tags">
  488. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  489. {/block:Tags}{/block:HasTags}
  490. </div>
  491. </div>
  492.  
  493.  
  494. </div>
  495. {block:PostNotes}<Div style="width: 250px;">
  496.  
  497.  
  498. {PostNotes}</div>{/block:PostNotes}
  499. {/block:Posts}</div>
  500.  
  501.  
  502. <div id="credit">
  503. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  504. </div>
  505.  
  506.  
  507.  
  508.  
  509.  
  510. </body>
  511.  
  512.  
  513.  
  514. </html>
Add Comment
Please, Sign In to add comment