Advertisement
alicescreed

enduringalpha;;

Jul 19th, 2019
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.82 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. <!-- custom theme by ANACOMMISSIONS 7.19.2019 -->
  9. <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! -->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />
  14.  
  15. {/block:Description}
  16.  
  17. <meta name="text:link1url" content="link1 url">
  18. <meta name="text:link1title" content="link1 title">
  19. <meta name="text:link2url" content="link2 url">
  20. <meta name="text:link2title" content="link2 title">
  21. <meta name="text:link3url" content="link3 url">
  22. <meta name="text:link3title" content="link3 title">
  23. <meta name="text:link4url" content="link4 url">
  24. <meta name="text:link4title" content="link4 title">
  25. <meta name="text:link5url" content="link5 url">
  26. <meta name="text:link5title" content="link5 title">
  27. <meta name="text:link6url" content="link6 url">
  28. <meta name="text:link6title" content="link6 title">
  29.  
  30. <meta name="image:background" content="">
  31. <meta name="image:infobackground" content="">
  32. <meta name="image:wolf" content="">
  33.  
  34. <meta name="color:text" content="#d9d5cd">
  35. <meta name="color:scrollbar" content="#09063a">
  36. <meta name="color:bold" content="#1f4ebf">
  37. <meta name="color:italic" content="#1f4ebf">
  38. <meta name="color:links" content="#ffffff">
  39. <meta name="color:borders" content="#252525">
  40. <meta name="color:hover link" content="#1f4ebf">
  41.  
  42. <link href="https://fonts.googleapis.com/css?family=Noto+Sans|Satisfy&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. <style type="text/css">
  60.  
  61.  
  62. body {
  63. font-family: 'Noto Sans', sans-serif;
  64. color: {color:text};
  65. font-size: 11px;
  66. letter-spacing: 0px;
  67. background-color: #05050f;
  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: 'Satisfy', cursive;
  88. letter-spacing: 1px;
  89. border: 1px {color:borders};
  90. border-style: dotted;
  91. padding: 5px;
  92. font-size: 120%;
  93. margin-bottom: 5px;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {
  97. background-color: {color:scrollbar};
  98. height:auto;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:horizontal {
  102. background-color: {color:scrollbar};
  103. height:2px;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. height:2px;
  108. width:2px;
  109. background-color: transparent;
  110. }
  111.  
  112.  
  113. a {
  114. text-decoration: none;
  115. color: {color:links};
  116. font-size: 13pt;
  117. font-weight: bold;
  118. transition-duration: 0.6s;
  119. -moz-transition-duration: 0.6s;
  120. -webkit-transition-duration: 0.6s;
  121. -o-transition-duration: 0.6s;
  122. font-family: 'Satisfy', cursive;
  123. letter-spacing: 1px;
  124. text-shadow: 1px 1px 5px #454545;
  125. }
  126.  
  127.  
  128. a:hover {
  129. font-style: italic;
  130. letter-spacing: 2px;
  131. text-decoration: none;
  132. font-size: 14pt;
  133. color: {color:hover link};
  134. transition-duration: 0.6s;
  135. -moz-transition-duration: 0.6s;
  136. -webkit-transition-duration: 0.6s;
  137. -o-transition-duration: 0.6s;
  138. times: 1px 1px 4px #000;
  139. }
  140.  
  141. small, sup, sub {
  142. font-size: 100%;
  143. }
  144.  
  145. b, strong {
  146. text-shadow: 1px 1px 5px #454545;
  147. padding-left: 2px;
  148. padding-right: 2px;
  149. color:{color:bold};
  150. letter-spacing: 1px;
  151. font-size: 120%;
  152. font-family: georgia;
  153. }
  154.  
  155. i, em {
  156. text-shadow: 1px 1px 5px #454545;
  157. color:{color:italic};
  158. font-style: italic;
  159. letter-spacing: 1px;
  160. padding-left:5px;
  161. padding-right: 5px;
  162. padding-top: 10px;
  163. padding-bottom: 10px;
  164. font-size: 15pt;
  165. font-family: 'Satisfy', cursive;
  166. }
  167.  
  168.  
  169.  
  170.  
  171. h2 {
  172. text-shadow: 1px 1px 5px #454545;
  173. font-family: 'Satisfy', cursive;
  174. font-size: 120%;
  175. font-weight: bold;
  176. line-height: 120%;
  177. letter-spacing: 1px;
  178. }
  179.  
  180. #info {
  181. background-color: grey;
  182. padding: 20px;
  183. background-image: url('{image:infobackground}');
  184. background-position: center;
  185. text-align: center;
  186. font-family: 'Noto Sans', sans-serif;
  187. letter-spacing: 1px;
  188. times: 1px 1px 4px #000;
  189. border: 1px {color:borders};
  190. border-style: dotted;
  191. }
  192.  
  193. #sidebarh1 {
  194. background-image: url('{image:infobackground}');
  195. text-align: center;
  196. font-family: 'Satisfy', cursive;
  197. border: 1px {color:borders};
  198. border-style: dotted;
  199. padding: 10px;
  200. line-height: 110%;
  201. font-size: 16px;
  202. background-position: center;
  203. margin-bottom: 5px;
  204. }
  205.  
  206. #h1 {
  207. background-position: center;
  208. text-shadow: 1px 1px 5px #454545;
  209. background-image: url('{image:infobackground}');
  210. text-align: center;
  211. font-family: 'Satisfy', cursive;
  212. border: 1px {color:borders};
  213. border-style: dotted;
  214. padding: 5px;
  215. line-height: 120%;
  216. font-size: 22px;
  217. margin-bottom: 5px;
  218. }
  219.  
  220. h1 {
  221. font-family: 'Satisfy', cursive;
  222. font-size: 20pt;
  223. font-weight: normal;
  224. text-align: center;
  225. }
  226.  
  227. #sidebar {
  228. margin-left: 520px;
  229. width: 135px;
  230. font-size: 9px;
  231. height: 190px;
  232. margin-top: 305px;
  233. position: fixed;
  234. background-color: transparent;
  235. padding: 10px;
  236. }
  237.  
  238. #blogtitle{
  239. margin-left: 520px;
  240. margin-top: 130px;
  241. text-align: center;
  242. width: 165px;
  243. font-weight: bold;
  244. position: fixed;
  245. font-size: 17px;
  246. font-family: 'Satisfy', cursive;
  247. padding: 10px;
  248. }
  249.  
  250. #description {
  251. height: 170px;
  252. padding-right: 5px;
  253. overflow: auto;
  254. }
  255.  
  256. #audio {
  257. text-align: center;
  258. font-size: 8pt;
  259. line-height: 9pt;
  260. }
  261.  
  262.  
  263. #musicinfo {
  264.  
  265. text-transform: uppercase;
  266. margin-top:10px;
  267. }
  268.  
  269. blockquote {
  270. transform: rotate(-2deg);
  271. border-left: 1px dotted {Color:bold};
  272. border-right: 1px dotted {Color:bold};
  273. padding: 5px;
  274. border-radius: 5px;
  275. background-color: #0d0d0d;
  276. }
  277.  
  278. blockquote img {
  279. max-width: auto;
  280. }
  281.  
  282.  
  283. ol.notes {
  284. text-align: left;
  285. list-style: upper-roman;
  286. padding: 10px;
  287.  
  288. }
  289.  
  290. #info a:hover {
  291. color: {color:bold};
  292. }
  293.  
  294. #credit {
  295. right:10px;
  296. bottom:7px;
  297. padding:5px;
  298. font-size:10px;
  299. position:fixed;
  300. background-image: url('{image:infobackground}');
  301. text-align: center;
  302. font-style: italic;
  303. font-family: 'Satisfy', cursive;
  304. letter-spacing: 1px;
  305. border: 1px {color:borders};
  306. border-style: dotted;
  307. padding: 5px;
  308. font-size: 120%;
  309. margin-bottom: 5px;
  310. transition-duration: 0.6s;
  311. -moz-transition-duration: 0.6s;
  312. -webkit-transition-duration: 0.6s;
  313. -o-transition-duration: 0.6s;
  314. }
  315.  
  316.  
  317. #credit a {
  318. font-family: 'Satisfy', cursive;
  319. color:#fff;
  320. padding:5px;
  321. letter-spacing:1px;
  322. text-decoration:none;
  323. font-weight:bold;
  324. }
  325.  
  326. #tags a {
  327. font-family: 'Noto Sans', sans-serif;
  328. font-size: 90%;
  329. transition-duration: 0.6s;
  330. -moz-transition-duration: 0.6s;
  331. -webkit-transition-duration: 0.6s;
  332. -o-transition-duration: 0.6s;
  333.  
  334. }
  335.  
  336. #tags a:hover {
  337. font-size: 100%;
  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. #tags {
  345. font-family: 'Noto Sans', sans-serif;
  346. transition-duration: 0.6s;
  347. -moz-transition-duration: 0.6s;
  348. -webkit-transition-duration: 0.6s;
  349. -o-transition-duration: 0.6s;
  350. }
  351.  
  352. #tags a {
  353. color: {color:text};
  354. text-transform: lowercase;
  355. }
  356.  
  357. #post {
  358. width: 400px;
  359. margin-bottom: 20px;
  360. }
  361.  
  362. #posts {
  363. width: 400px;
  364. padding-right: 10px;
  365. height: 475px;
  366. position: absolute;
  367. margin-left: 80px;
  368. margin-top: 110px;
  369. overflow: auto;
  370. }
  371.  
  372.  
  373.  
  374. #links {
  375. position: fixed;
  376. margin-top: 450px;
  377. text-align: left;
  378. width: 200px;
  379. font-size: 13pt;
  380. line-height: 6pt;
  381. margin-left: 525px;
  382. font-family: 'Satisfy', cursive;
  383. }
  384.  
  385. #links a {
  386. color: {color:navlinks};
  387. font-weight: bold;
  388. font-family: 'Satisfy', cursive;
  389. text-transform: uppercase;
  390. }
  391.  
  392. #links a:hover {
  393. color: {color:bold};
  394. font-style: normal;
  395. }
  396.  
  397. #navlinks {
  398. margin-top: 3px;
  399. text-align: center;
  400. font-size: 10pt;
  401. }
  402.  
  403. #pack {
  404. margin-left: 50px;
  405. position: fixed;
  406. }
  407.  
  408.  
  409. #wolf {
  410. position: fixed;margin-left: 800px; margin-top: 50px;
  411. }
  412.  
  413. #wolf2 {
  414. position: fixed;margin-left: 870px; margin-top: 110px;
  415. }
  416.  
  417. #wolf img {
  418. width: 40%;
  419. transition-duration: 0.6s;
  420. -moz-transition-duration: 0.6s;
  421. -webkit-transition-duration: 0.6s;
  422. -o-transition-duration: 0.6s;
  423. opacity: .5;
  424.  
  425. }
  426.  
  427. #wolf img:hover {
  428. width: 42%;
  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(-2deg);
  434. opacity: .6;
  435. }
  436.  
  437. #wolf2 img {
  438. width: 50%;
  439. transition-duration: 0.6s;
  440. -moz-transition-duration: 0.6s;
  441. -webkit-transition-duration: 0.6s;
  442. -o-transition-duration: 0.6s;
  443. opacity: .5; transform: rotate(10deg);
  444.  
  445. }
  446.  
  447. #wolf2 img:hover {
  448. width: 52%;
  449. transition-duration: 0.6s;
  450. -moz-transition-duration: 0.6s;
  451. -webkit-transition-duration: 0.6s;
  452. -o-transition-duration: 0.6s;
  453. transform: rotate(14deg);
  454. opacity: .6;
  455. }
  456.  
  457. #wolf3 {
  458. position: fixed;margin-left: 850px; margin-top: 220px;
  459. }
  460.  
  461. #wolf3 img {
  462. width: 40%;
  463. transition-duration: 0.6s;
  464. -moz-transition-duration: 0.6s;
  465. -webkit-transition-duration: 0.6s;
  466. -o-transition-duration: 0.6s;
  467. opacity: .5; transform: rotate(2deg);
  468.  
  469. }
  470.  
  471. #wolf3 img:hover {
  472. width: 43%;
  473. transition-duration: 0.6s;
  474. -moz-transition-duration: 0.6s;
  475. -webkit-transition-duration: 0.6s;
  476. -o-transition-duration: 0.6s;
  477. transform: rotate(-5deg);
  478. opacity: .6;
  479. }
  480.  
  481. #wolf4 {
  482. position: fixed;margin-left: 930px; margin-top: 300px;
  483. }
  484.  
  485. #wolf4 img {
  486. width: 45%;
  487. transition-duration: 0.6s;
  488. -moz-transition-duration: 0.6s;
  489. -webkit-transition-duration: 0.6s;
  490. -o-transition-duration: 0.6s;
  491. opacity: .5; transform: rotate(10deg);
  492.  
  493. }
  494.  
  495. #wolf4 img:hover {
  496. width: 50%;
  497. transition-duration: 0.6s;
  498. -moz-transition-duration: 0.6s;
  499. -webkit-transition-duration: 0.6s;
  500. -o-transition-duration: 0.6s;
  501. transform: rotate(0deg);
  502. opacity: .6;
  503. }
  504.  
  505. #wolf5 {
  506. position: fixed;margin-left: 850px; margin-top: 380px;
  507. }
  508.  
  509. #wolf5 img {
  510. width: 40%;
  511. transition-duration: 0.6s;
  512. -moz-transition-duration: 0.6s;
  513. -webkit-transition-duration: 0.6s;
  514. -o-transition-duration: 0.6s;
  515. opacity: .5; transform: rotate(0deg);
  516.  
  517. }
  518.  
  519. #wolf5 img:hover {
  520. width: 42%;
  521. transition-duration: 0.6s;
  522. -moz-transition-duration: 0.6s;
  523. -webkit-transition-duration: 0.6s;
  524. -o-transition-duration: 0.6s;
  525. transform: rotate(5deg);
  526. opacity: .6;
  527. }
  528.  
  529. #wolf6 {
  530. position: fixed;margin-left: 900px; margin-top: 470px;
  531. }
  532.  
  533. #wolf6 img {
  534. width: 50%;
  535. transition-duration: 0.6s;
  536. -moz-transition-duration: 0.6s;
  537. -webkit-transition-duration: 0.6s;
  538. -o-transition-duration: 0.6s;
  539. opacity: .5; transform: rotate(2deg);
  540.  
  541. }
  542.  
  543. #wolf6 img:hover {
  544. width: 52%;
  545. transition-duration: 0.6s;
  546. -moz-transition-duration: 0.6s;
  547. -webkit-transition-duration: 0.6s;
  548. -o-transition-duration: 0.6s;
  549. transform: rotate(0deg);
  550. opacity: .6;
  551. }
  552.  
  553. </style>
  554.  
  555. </head>
  556.  
  557. <body>
  558.  
  559. <div id="pack">
  560. <div id="wolf" style="">
  561.  
  562. <a href="{text:link1url}" title="{text:link1title}"><img src="{image:wolf}">
  563.  
  564. </a>
  565. </div>
  566.  
  567. <div id="wolf2" style="">
  568.  
  569. <a href="{text:link2url}" title="{text:link1title}"><img src="{image:wolf}">
  570.  
  571. </a>
  572. </div>
  573.  
  574. <div id="wolf3" style="">
  575.  
  576. <a href="{text:link3url}" title="{text:link3title}"><img src="{image:wolf}">
  577.  
  578. </a>
  579. </div>
  580.  
  581. <div id="wolf4" style="">
  582.  
  583. <a href="{text:link4url}" title="{text:link4title}"><img src="{image:wolf}">
  584.  
  585. </a>
  586. </div>
  587.  
  588. <div id="wolf5" style="">
  589.  
  590. <a href="{text:link5url}" title="{text:link5title}"><img src="{image:wolf}">
  591.  
  592. </a>
  593. </div>
  594.  
  595. <div id="wolf6" style="">
  596.  
  597. <a href="{text:link6url}" title="{text:link6title}"><img src="{image:wolf}">
  598.  
  599. </a>
  600. </div>
  601.  
  602. </div>
  603.  
  604.  
  605. <div id="sidebar">
  606. <div id="description">
  607. {description}</div>
  608. <div id="navlinks">
  609. {block:Pagination}
  610. {block:PreviousPage}
  611. <a href="{PreviousPage}">fall</a> /
  612. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise</a>
  613. {/block:NextPage}
  614. {/block:Pagination}
  615. </div>
  616. </div>
  617.  
  618.  
  619.  
  620. <div id="posts">{block:Posts}<div id="post">
  621.  
  622.  
  623.  
  624. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  625.  
  626. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  627.  
  628. {Caption} {/block:Caption}{/block:Photo}
  629.  
  630. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  631.  
  632. {/block:Photoset}
  633.  
  634. {block:Quote}<div id="h1">{Quote}</div>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  635.  
  636. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  637.  
  638. {Description}{/block:Description}{/block:Link}
  639.  
  640. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  641.  
  642. <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  643.  
  644. {block:Audio}
  645. <div id="audio">
  646. {block:TrackName}
  647. <div id="musicinfo" style="margin-top: 5px;">
  648. {AudioPlayerGrey} <br>
  649. {TrackName} by
  650. {/block:TrackName}
  651. {block:Artist}
  652. {Artist}
  653. {/block:Artist}
  654.  
  655. </div>
  656. </div>
  657. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  658. {/block:Audio}
  659.  
  660.  
  661. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  662.  
  663. {block:Answer}
  664. <div id="sidebarh1">
  665. <img src="{image:wolf}" width="5%"><br>
  666. {Asker} asked <br>
  667. <span style="font-weight: normal;font-family: 'Noto Sans', sans-serif; color: {color:text}; font-size: 10px;">" {Question} "</span>
  668. </table>
  669. </div>
  670. {Answer}{/block:Answer}
  671.  
  672. <div id="info" style="font-size: 16px; line-height: 14px;">
  673. <a title="{TimeAgo}">{TimeAgo}</a> x <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> x <a href="{ReblogURL}" title="reblog">Reblog</a>
  674. <div id="tags">
  675. {block:HasTags}{block:Tags} <a href="{TagURL}" style="font-family: times; font-size: 10px; line-height: 8px;">#{Tag}</a>
  676. {/block:Tags}{/block:HasTags}
  677. </div>
  678. </div>
  679.  
  680. </div>
  681. {block:PostNotes}<Div style="width: 400px;">
  682.  
  683.  
  684. {PostNotes}</div>{/block:PostNotes}
  685. {/block:Posts}</div>
  686.  
  687. <div id="credit">
  688. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  689. </div>
  690.  
  691.  
  692.  
  693.  
  694.  
  695. </body>
  696.  
  697. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement