Advertisement
alicescreed

fatesdefied

Mar 12th, 2020
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 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. <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! anacommissions loves you!! -->
  9.  
  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}" />{/block:Description}
  13.  
  14.  
  15. <meta name="text:link1url" content="url">
  16. <meta name="text:link1title" content="title">
  17. <meta name="text:link2url" content="url">
  18. <meta name="text:link2title" content="title">
  19. <meta name="text:link3url" content="url">
  20. <meta name="text:link3title" content="title">
  21. <meta name="text:link4url" content="url">
  22. <meta name="text:link4title" content="title">
  23.  
  24. <meta name="image:background" content="">
  25. <meta name="image:infobackground" content="">
  26.  
  27. <meta name="color:text" content="#eaeaea">
  28. <meta name="color:scrollbar" content="#79aeff">
  29. <meta name="color:bold" content="#be331e">
  30. <meta name="color:italic" content="#d4945b">
  31. <meta name="color:links" content="#5c3da9">
  32. <meta name="color:borders" content="#4c4c4c">
  33. <meta name="color:hover link" content="#79aeff">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Kaushan+Script|Tajawal&display=swap" rel="stylesheet">
  36.  
  37. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:200,
  45. tip_fade_speed:300
  46. }
  47. );
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <script type="text/javascript"
  53. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  64. var popMargTop = ($('#' + popID).height() + 80) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87. body {
  88. font-family: 'Tajawal', sans-serif;
  89. color: {color:text};
  90. font-size: 11pt;
  91. letter-spacing: 0px;
  92. background-color: #141010;
  93. background-image: url('{image:background}');
  94. background-position: absolute;
  95. background-attachment: fixed;
  96. line-height: 13pt;
  97. background-repeat: no-repeat;
  98. text-align: justify;
  99. }
  100.  
  101. #s-m-t-tooltip{
  102. position: absolute;
  103. z-index: 999999999999999999999999999999999999999999999999999999999999;
  104. margin-top: 10px;
  105. margin-left: 5px;
  106. display: block;
  107. background-image: url('{image:infobackground}');
  108. background-position: center;
  109. text-align: center;
  110. border-radius: 20px;
  111. font-style: italic;
  112. color: #fff;
  113. font-family: 'Kaushan Script', cursive;
  114. letter-spacing: 1px;
  115. border: 4px double {color:borders};
  116. padding: 10px;
  117. text-shadow: 1px 1px 2px #000;
  118. font-size: 20pt;
  119. margin-bottom: 5px;
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:vertical {
  123. background-color: transparent;
  124. height:auto;
  125. }
  126.  
  127. ::-webkit-scrollbar-thumb:horizontal {
  128. background-color: transparent;
  129. height:2px;
  130. }
  131.  
  132. ::-webkit-scrollbar {
  133. height:2px;
  134. width:2px;
  135. background-color: transparent;
  136. }
  137.  
  138.  
  139. a {
  140. text-decoration: none;
  141. color: {color:links};
  142. font-size: 18pt;
  143. line-height: 20pt;
  144. font-weight: bold;
  145. transition-duration: 0.6s;
  146. -moz-transition-duration: 0.6s;
  147. -webkit-transition-duration: 0.6s;
  148. -o-transition-duration: 0.6s;
  149. font-family: 'Kaushan Script', cursive;
  150. letter-spacing: 1px;
  151. text-shadow: 1px 1px 3px #000;
  152. }
  153.  
  154.  
  155. a:hover {
  156. letter-spacing: 2px;
  157. text-decoration: none;
  158. font-size: 14pt;
  159. filter:blur(1px);
  160. color: {color:hover link};
  161. transition-duration: 0.6s;
  162. -moz-transition-duration: 0.6s;
  163. -webkit-transition-duration: 0.6s;
  164. -o-transition-duration: 0.6s;
  165. text-shadow: 1px 1px 4px #000;
  166. }
  167.  
  168. small, sup, sub {
  169. font-size: 100%;
  170. }
  171.  
  172. b, strong {
  173. text-shadow: 1px 1px 3px #000;
  174. padding-left: 2px;
  175. padding-right: 2px;
  176. color:{color:bold};
  177. letter-spacing: 1px;
  178. font-weight: bold;
  179. font-size: 14pt;
  180. font-family: 'Kaushan Script', cursive;
  181. }
  182.  
  183. i, em {
  184. text-shadow: 1px 1px 3px #000;
  185. color:{color:italic};
  186. font-style: italic;
  187. letter-spacing: 1px;
  188. padding-left:5px;
  189. padding-right: 5px;
  190. padding-top: 10px;
  191. padding-bottom: 10px;
  192. font-size: 18pt;
  193. font-family: 'Kaushan Script', cursive;
  194. }
  195.  
  196. h2 {
  197. text-shadow: 1px 1px 3px #000;
  198. font-family: 'Tajawal', sans-serif;
  199. font-size: 14pt;
  200. line-height: 16pt;
  201. color: {color:bold};
  202. font-weight: bold;
  203. letter-spacing: 1px;
  204. }
  205.  
  206. #info {
  207. box-shadow: 2px 2px 5px #000;
  208. background-color: grey;
  209. padding-left: 20px;
  210. padding-right: 20px;
  211. margin-top: 10px;
  212. padding-top: 10px;
  213. padding-bottom: 10px;
  214. border-radius: 20px;
  215. background-image: url('{image:infobackground}');
  216. background-attachment: fixed;
  217. background-repeat: repeat;
  218. background-position:left;
  219. text-align: center;
  220. color: #fff;
  221. letter-spacing: 1px;
  222. font-family:'Tajawal', sans-serif;
  223. text-shadow: 1px 1px 4px #000;
  224. border: 4px double {color:borders};
  225. }
  226.  
  227. #ask {
  228. background-color:#1b1616;
  229. text-align: center;
  230. color: #fff;
  231. border-radius: 20px;
  232. font-family: 'Tajawal', sans-serif;
  233. border: 4px double {color:borders};
  234. padding: 10px;
  235. line-height: 110%;
  236. font-size: 16px;
  237. background-position: center;
  238. margin-bottom: 5px;
  239. }
  240.  
  241. #h1 {
  242. color: white;
  243. background-position: center;
  244. text-shadow: 1px 1px 3px #000;
  245. background-image: url('{image:infobackground}');
  246. text-align: center;
  247. font-family: 'Tajawal', sans-serif;
  248. border: 4px double {color:borders};
  249. padding: 5px;
  250. line-height: 120%;
  251. font-size: 22px;
  252. margin-bottom: 5px;
  253. }
  254.  
  255. h1 {
  256. font-family: 'Kaushan Script', cursive;
  257. font-size: 22pt;
  258. line-height: 16pt;
  259. font-weight: normal;
  260. text-align: center;
  261. }
  262.  
  263. #sidebar {
  264. margin-left:610px;
  265. width: 100px;
  266. font-size: 9pt;
  267. line-height: 11pt;
  268. height: auto;
  269. margin-top: 325px;
  270. position: fixed;
  271. background-color: transparent;
  272. padding: 10px;
  273. }
  274.  
  275. #description {
  276. height: 115px;
  277. padding-right: 5px;
  278. overflow: auto;
  279. }
  280.  
  281. #audio {
  282. text-align: center;
  283. font-size: 8pt;
  284. line-height: 9pt;
  285. }
  286.  
  287.  
  288. #musicinfo {
  289.  
  290. text-transform: uppercase;
  291. margin-top:10px;
  292. }
  293.  
  294. blockquote {
  295. border-left: 1px dashed {Color:bold};
  296. border-right: 1px dashed {Color:italic};
  297. padding: 5px;
  298. background-color: #1b1616;
  299. }
  300.  
  301. blockquote img {
  302. max-width: 100%;
  303. }
  304.  
  305.  
  306. ol.notes {
  307. text-align: left;
  308. list-style: upper-roman;
  309. padding: 10px;
  310.  
  311. }
  312.  
  313. #info a {
  314. font-family: 'Kaushan Script', cursive;
  315. font-size: 16pt;
  316. color: #95488e;
  317. }
  318.  
  319. #info a:hover {
  320. color: {color:bold};
  321. }
  322.  
  323. #credit {
  324. right:10px;
  325. bottom:7px;
  326. padding:5px;
  327. font-size:10px;
  328. position:fixed;
  329. background-image: url('{image:infobackground}');
  330. text-align: center;
  331. font-style: italic;
  332. font-family: 'Tajawal', sans-serif;
  333. letter-spacing: 1px;
  334. border: 4px double {color:borders};
  335. padding: 5px;
  336. font-size: 120%;
  337. margin-bottom: 5px;
  338. transition-duration: 0.6s;
  339. -moz-transition-duration: 0.6s;
  340. -webkit-transition-duration: 0.6s;
  341. -o-transition-duration: 0.6s;
  342. }
  343.  
  344.  
  345. #credit a {
  346. font-family: 'Tajawal', sans-serif;
  347. color:#fff;
  348. padding:5px;
  349. letter-spacing:1px;
  350. text-decoration:none;
  351. font-weight:bold;
  352. }
  353.  
  354. #tags {
  355.  
  356. }
  357.  
  358. #tags a {
  359. font-size: 8px;
  360. line-height: 9px;
  361. font-family: verdana;
  362. text-transform: uppercase;
  363. color:#fff;
  364. text-shadow: 1px 1px 1px #000;
  365. }
  366.  
  367. #post {
  368. width: 500px;
  369. margin-bottom: 20px;
  370. }
  371.  
  372. #posts {
  373. width: 500px;
  374. height: 575px;
  375. position: absolute;
  376. margin-left: 80px;
  377. margin-top: 5px;
  378. overflow: auto;
  379. }
  380.  
  381.  
  382.  
  383. #navlinks {
  384. position: fixed;
  385. margin-top: 10px;
  386. width: 190px;
  387. text-align: center;
  388. }
  389.  
  390.  
  391. #navlinks a {
  392. line-height: 100%;
  393. font-size: 10pt;
  394. text-shadow: 2px 2px 3px #000;
  395. color:{color:text};
  396. }
  397. #navlinks a:hover{
  398. color:{color:links};
  399. letter-spacing: 2px;
  400. }
  401.  
  402.  
  403.  
  404. #pages {
  405. position: fixed;
  406. margin-top: 10px;
  407. width: 100px;
  408. text-align:center;
  409. }
  410.  
  411. #pages a {
  412. color:white;
  413. font-size: 12pt;
  414. }
  415.  
  416. #sidedesc {
  417. margin-left: 95px;
  418. text-align: center;
  419. position: fixed;
  420. margin-top: -110px;
  421. width: 100px;
  422. }
  423.  
  424.  
  425. </style>
  426.  
  427. </head>
  428.  
  429. <body>
  430.  
  431.  
  432. <div id="sidebar">
  433. <div id="description">
  434. {description}
  435. </div>
  436. <div id="sidedesc">
  437. <img src="https://i.imgur.com/niTUqen.gif">
  438. <div style="width: 80px; margin-left: 10px; text-transform: uppercase; color:{color:bold}; letter-spacing: -1px;"><marquee scrolldelay="500">{title}</marquee></div>
  439. <div id="pages"> {block:Pagination}
  440. {block:PreviousPage}
  441. <a href="{PreviousPage}">fall</a> /
  442. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise</a>
  443. {/block:NextPage}
  444. {/block:Pagination}</div>
  445. </div>
  446.  
  447. <div id="navlinks">
  448. <a href="/" title="return">01.</a> <a href="/ask" title="message">02.</a> <a href="{text:link1url}" title="{text:link1title}">03.</a> <a href="{text:link2url}" title="{text:link2title}">04.</a> <a href="{text:link3url}" title="{text:link3title}">05.</a> <a href="{text:link4url}" title="{text:link4title}">06.</a></div>
  449. </div>
  450.  
  451.  
  452.  
  453. <div id="posts">{block:Posts}<div id="post">
  454.  
  455.  
  456.  
  457. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  458.  
  459. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  460.  
  461. {Caption} {/block:Caption}{/block:Photo}
  462.  
  463. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  464.  
  465. {/block:Photoset}
  466.  
  467. {block:Quote}<div id="h1">{Quote}</div>{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-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  495.  
  496. {block:Answer}
  497. <div id="ask">
  498. {Asker}: <br>
  499. <span style="font-weight: normal; color: #fff; font-size: 12px; text-shadow: 1px 1px 1px #000;">" {Question} "</span>
  500. </div>
  501. {Answer}{/block:Answer}
  502.  
  503. <div id="info">
  504. <a title="{TimeAgo}" title="{timeago}">{timeago}</a> ✦ <a href="{Permalink}" title="{NoteCount} notes">{notecount}</a> ✦ <a href="{ReblogURL}" title="reblog">reblog</a>
  505. <div id="tags">
  506. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  507. {/block:Tags}{/block:HasTags}
  508. </div>
  509. </div>
  510.  
  511. </div>
  512. {block:PostNotes}<Div style="width: 500px;">
  513.  
  514.  
  515. {PostNotes}</div>{/block:PostNotes}
  516. {/block:Posts}
  517.  
  518. {block:ContentSource}
  519. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  520. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  521. {/block:SourceLogo}
  522. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  523. {/block:ContentSource}</div>
  524.  
  525.  
  526.  
  527. <div id="credit">
  528. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  529. </div>
  530.  
  531.  
  532.  
  533.  
  534.  
  535. </body>
  536.  
  537.  
  538.  
  539. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement