alicescreed

iraescible 2

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