alicescreed

crueltypotential

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