alicescreed

atlasreign

Jun 27th, 2020
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.79 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:bold" content="#b63766">
  18. <meta name="color:italic" content="#a2318b">
  19. <meta name="color:links" content="#7b2d3e">
  20. <meta name="color:borders" content="#81748a">
  21. <meta name="color:hover link" content="#ffffff">
  22.  
  23. <meta name="text:link1url" content="/">
  24. <meta name="text:link1title" content="link">
  25. <meta name="text:link2url" content="/">
  26. <meta name="text:link2title" content="link">
  27. <meta name="text:link3url" content="/">
  28. <meta name="text:link3title" content="link">
  29. <meta name="text:link4url" content="/">
  30. <meta name="text:link4title" content="link">
  31.  
  32.  
  33. <link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Niconne&display=swap" rel="stylesheet">
  34.  
  35. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:200,
  43. tip_fade_speed:300
  44. }
  45. );
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. <script type="text/javascript"
  51. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script>
  53. $(document).ready(function() {
  54. //
  55. $('a.poplight[href^=#]').click(function() {
  56. var popID = $(this).attr('rel'); //Get Popup Name
  57. var popURL = $(this).attr('href'); //Get Popup href to define size
  58. var query= popURL.split('?');
  59. var dim= query[1].split('&');
  60. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  61. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64. //Apply Margin to Popup
  65. $('#' + popID).css({
  66. 'margin-top' : -popMargTop,
  67. 'margin-left' : -popMargLeft
  68. });
  69. $('body').append('<div id="fade"></div>');
  70. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  71. return false;
  72. });
  73. $('a.close, #fade').live('click', function() {
  74. $('#fade , .popup_block').fadeOut(function() {
  75. $('#fade, a.close').remove(); //fade them both out
  76. });
  77. return false;
  78. });
  79. });
  80. </script>
  81.  
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86. body {
  87. font-family: 'Montserrat', sans-serif;
  88. color: {color:text};
  89. font-size: 9pt;
  90. letter-spacing: 0px;
  91. background-color:#272727;
  92. background-image: url('https://i.imgur.com/QK0eMmr.png');
  93. background-position: top-right;
  94. background-repeat: no-repeat;
  95. background-attachment: fixed;
  96. line-height: 12pt;
  97. text-align: justify;
  98. }
  99.  
  100. #s-m-t-tooltip{
  101. position: absolute;
  102. z-index: 999999999999999999999999999999999999999999999999999999999999;
  103. margin-top: 10px;
  104. margin-left: 5px;
  105. display: block;
  106. color: #fff;
  107. background-image: url('https://i.imgur.com/ljk5lth.png');
  108. background-attachment: fixed;
  109. background-repeat: repeat;
  110. background-position: center;
  111. text-align: center;
  112. font-style: italic;
  113. box-shadow: 2px 2px 5px #000;
  114. font-family: 'Montserrat', sans-serif;
  115. letter-spacing: 1px;
  116. text-shadow: 1px 1px 5px black;
  117. border: 4px double{Color:Borders};
  118. padding: 10px;
  119. font-size: 22pt;
  120. margin-bottom: 5px;
  121. }
  122.  
  123. ::-webkit-scrollbar-thumb:vertical {
  124. background-color: {color:scrollbar};
  125. height:auto;
  126. }
  127.  
  128. ::-webkit-scrollbar-thumb:horizontal {
  129. background-color: {color:scrollbar};
  130. height:2px;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:2px;
  135. width:2px;
  136. background-color:transparent;
  137. }
  138.  
  139.  
  140. a {
  141. text-decoration: none;
  142. color: {color:links};
  143. font-size: 13pt;
  144. line-height: 19pt;
  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: 'Niconne', cursive;
  150. font-weight: bold;
  151. letter-spacing: 1px;
  152. text-shadow: 1px 1px 3px black;
  153. }
  154.  
  155.  
  156. a:hover {
  157. text-decoration: none;
  158. letter-spacing: 1px;
  159. filter:blur(2px);
  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. }
  166.  
  167. small, sup, sub {
  168. font-size: 100%;
  169. }
  170.  
  171. b, strong {
  172. text-shadow: 1px 1px 4px black;
  173. padding-left: 2px;
  174. padding-right: 2px;
  175. color:{color:bold};
  176. letter-spacing: 0px;
  177. font-size: 12pt;
  178. font-family: 'Montserrat', sans-serif;
  179. }
  180.  
  181. i, em {
  182. text-shadow: 1px 1px 4px black;
  183. color:{color:italic};
  184. font-style: italic;
  185. font-family: 'Niconne', cursive;
  186. letter-spacing: 1px;
  187. padding-left:5px;
  188. padding-right: 5px;
  189. padding-top: 10px;
  190. padding-bottom: 10px;
  191. font-size: 13pt;
  192. }
  193.  
  194.  
  195.  
  196.  
  197. h2 {
  198. text-shadow: 1px 1px 5px black;
  199. color: #fff;
  200. font-family: 'Montserrat', sans-serif;
  201. font-size: 16pt;
  202. font-weight: bold;
  203. line-height: 120%;
  204. letter-spacing: 1px;
  205. }
  206.  
  207.  
  208. #info {
  209. padding: 10px;
  210. margin-top: 10px;
  211. background-image: url('https://i.imgur.com/ljk5lth.png');
  212. background-repeat: repeat;
  213. background-attachment: fixed;
  214. text-align: center;
  215. color: #fff;
  216. letter-spacing: 1px;
  217. text-shadow: 1px 1px #000;
  218. transition-duration: 0.6s;
  219. -moz-transition-duration: 0.6s;
  220. -webkit-transition-duration: 0.6s;
  221. -o-transition-duration: 0.6s;
  222. font-size:14pt;
  223. border: 4px double{Color:Borders};
  224. }
  225.  
  226. #info a {
  227. font-size: 24pt;
  228. color: #e9e5da;
  229. text-shadow: 1px 1px 3px black;
  230. font-weight:bold;
  231. }
  232.  
  233. #h1 {
  234. text-align: center;
  235. color: #fff;
  236. font-family: 'Montserrat', sans-serif;
  237. padding: 10px;
  238. text-shadow: 1px 1px 4px #000;
  239. line-height: 110%;
  240. font-size: 18pt;
  241. background-position: center;
  242. margin-bottom: 5px;
  243. }
  244.  
  245. #sidebar {
  246. margin-left:567px;
  247. width: 115px;
  248. font-size: 10pt;
  249. margin-top:93px;
  250. position: fixed;
  251. }
  252.  
  253. #description {
  254. height:155px;
  255. font-size: 10px;
  256. line-height: 14px;
  257. overflow: auto;
  258. }
  259.  
  260. #audio {
  261. text-align: center;
  262. font-size: 8pt;
  263. line-height: 9pt;
  264. }
  265.  
  266.  
  267. #musicinfo {
  268.  
  269. text-transform: uppercase;
  270. margin-top:10px;
  271. }
  272.  
  273. blockquote {
  274. border-left: 5px solid #2c88ab;
  275. background-color: #232323;
  276. padding: 5px;
  277. font-size: 95%
  278. }
  279.  
  280. blockquote img {
  281. max-width: 100%;
  282. display: block;
  283. height: auto
  284. }
  285.  
  286. img {
  287. max-width: 100%;
  288. display: block;
  289. height: auto
  290. }
  291.  
  292.  
  293. ol.notes {
  294. text-align: left;
  295. list-style: upper-roman;
  296. padding: 10px;
  297.  
  298. }
  299.  
  300.  
  301. #info a:hover {
  302. color: {color:bold};
  303. }
  304.  
  305. #credit {
  306. right:10px;
  307. bottom:7px;
  308. padding:5px;
  309. font-size:10px;
  310. position:fixed;
  311. background-image: url('https://i.imgur.com/ljk5lth.png');
  312. text-align: center;
  313. font-style: italic;
  314. font-family: 'Montserrat', sans-serif;
  315. letter-spacing: 1px;
  316. border: 4px double {Color:Borders};
  317. padding: 5px;
  318. font-size: 120%;
  319. margin-bottom: 5px;
  320. transition-duration: 0.6s;
  321. -moz-transition-duration: 0.6s;
  322. -webkit-transition-duration: 0.6s;
  323. -o-transition-duration: 0.6s;
  324. }
  325.  
  326.  
  327. #credit a {
  328. font-family: 'Montserrat', sans-serif;
  329. color:#fff;
  330. padding:5px;
  331. letter-spacing:1px;
  332. text-decoration:none;
  333. font-weight:bold;
  334. }
  335.  
  336. #tags a {
  337. font-family: verdana;
  338. font-weight: bold;
  339. font-size: 8px;
  340. line-height: 6px;
  341. color: #fff;
  342. text-transform: uppercase;
  343. text-shadow: 1px 1px 1px black;
  344. }
  345.  
  346. #post {
  347. width: 400px;
  348. margin-bottom: 25px;
  349. }
  350.  
  351. #posts {
  352. width: 400px;
  353. background-color: #272727;
  354. height: auto;
  355. border-left: 3px solid #2c88ab;
  356. border-right: 3px solid #2c88ab;
  357. overflow-y: auto;
  358. margin-top: 20px;
  359. padding: 25px;
  360. position: absolute;
  361. margin-left:53px;
  362. }
  363.  
  364. #ask a {
  365. color: {color:italic};
  366. font-size:20pt;
  367. }
  368.  
  369. #ask {
  370. background-image: url('https://i.imgur.com/ljk5lth.png');
  371. background-repeat: repeat;
  372. text-align: center;
  373. color: #fff;
  374. padding: 10px;
  375. height: auto;
  376. border: 4px double{Color:Borders};
  377. background-color: #040404;
  378. text-shadow: 1px 1px 2px black;
  379. }
  380.  
  381. #pa { margin-top: 20px;
  382. text-align: center;
  383. }
  384.  
  385. #pa a {
  386. text-shadow: 1px 1px 5px black;
  387. color: #fff;
  388. font-family: 'Montserrat', sans-serif;
  389. text-transform: uppercase;
  390. font-size: 15pt;
  391. }
  392.  
  393. #links {
  394. position: fixed;
  395. text-align: left;
  396. line-height: 17pt;
  397. margin-top: -40px;
  398. transform: rotate(-2deg);
  399. margin-left: 600px;
  400. transition-duration: 0.6s;
  401. -moz-transition-duration: 0.6s;
  402. -webkit-transition-duration: 0.6s;
  403. -o-transition-duration: 0.6s;
  404. }
  405.  
  406. #links a {
  407. font-weight: bold;
  408. filter:blur(0px);
  409. animation: spin 6s;
  410. animation-direction: alternate;
  411. animation-iteration-count: infinite;
  412. transition-duration: 1s;
  413. -moz-transition-duration: 1s;
  414. -webkit-transition-duration:1s;
  415. -o-transition-duration: 1s;
  416. text-shadow: 2px 2px 4px black;
  417. font-size: 24pt;
  418. color: #fff;
  419. line-height: 16pt;
  420. font-family: 'Montserrat', sans-serif;
  421. }
  422.  
  423. @keyframes spin {
  424. from {transform:rotate(0deg);}
  425. to {transform:rotate(360deg);}
  426. }
  427.  
  428. #links a:hover {
  429. filter:blur(3px); transition-duration: 0.6s;
  430. -moz-transition-duration: 0.6s;
  431. -webkit-transition-duration: 0.6s;
  432. -o-transition-duration: 0.6s;
  433.  
  434. }
  435.  
  436. #desctitle {
  437. padding: 4px;
  438. font-family: verdana;
  439. text-transform: uppercase;
  440. font-size: 8px;
  441. text-shadow: 1px 1px 3px black;
  442. color: #fff;
  443. font-weight: bold;
  444. border: 4px double{Color:Borders};
  445. text-align: center;
  446. background-position: center;
  447. background-image: url('https://i.imgur.com/ljk5lth.png');
  448. }
  449.  
  450. #fade {
  451. display: none;
  452. background: #000;
  453. position: fixed;
  454. left: 0;
  455. top: 0;
  456. width: 100%;
  457. height: 100%;
  458. opacity: .5;
  459. z-index: 9999;
  460. }
  461.  
  462. .popup_block{
  463. display: none;
  464. padding: 20px;
  465. position: fixed;
  466. top: 50%;
  467. left: 50%;
  468. z-index: 99999;
  469. background-color: #81748a;
  470. border-image:url('https://i.imgur.com/ljk5lth.png') 30 round;
  471. outline: 4px double {Color:Borders};
  472. box-shadow: 2px 2px 5px black;
  473. }
  474.  
  475. img.btn_close {
  476. float: right;
  477. margin: -55px -55px 0 0;
  478. }
  479.  
  480. *html #fade {
  481. position: absolute;
  482. }
  483.  
  484. *html .popup_block {
  485. position: absolute;
  486. }
  487.  
  488.  
  489. #poplinks {
  490.  
  491. color: #fff;
  492. background-position: left;
  493. text-shadow: 1px 1px 3px black;
  494. background-image: url('https://i.imgur.com/ljk5lth.png');
  495. background-attachment:fixed;
  496. background-repeat: repeat;
  497. background-position: top right;
  498. background-repeat:repeat;
  499. text-align: center;
  500. font-family: verdana;
  501. border: 4px double{Color:Borders};
  502. padding: 2px;
  503. font-size: 8pt;
  504. font-weight: bold;
  505. text-transform: uppercase;
  506. margin-bottom: 5px;
  507. margin-top: 5px;
  508.  
  509. }
  510.  
  511. #poplinks a {
  512. text-align: center;
  513. font-family: verdana;
  514. font-size: 8pt;
  515. font-weight: bold;
  516. text-transform: uppercase;
  517. text-shadow: 1px 1px 3px black;
  518. color: #fff;
  519. }
  520.  
  521. #poph1 {
  522.  
  523. color: #fff;
  524. background-position: center;
  525. text-shadow: 1px 1px 3px black;
  526. background-image: url('https://i.imgur.com/ljk5lth.png');
  527. background-attachment:fixed;
  528. background-repeat: repeat;
  529. background-repeat:repeat;
  530. text-align: center;
  531. font-family: verdana;
  532. border: 4px double{Color:Borders};
  533. padding: 5px;
  534. font-size: 8pt;
  535. font-weight: bold;
  536. text-transform: uppercase;
  537. margin-bottom: 10px;
  538. margin-top: 5px;
  539. }
  540.  
  541. #left {
  542. float:left;
  543. margin-right: 10px;
  544. }
  545.  
  546.  
  547. </style>
  548.  
  549. </head>
  550.  
  551. <body>
  552.  
  553. <div id="links">
  554. <a href="/" title="home" style="position: fixed; margin-top: 50px; margin-left: 340px;">★</a>
  555. <a href="/ask" title="message" style="position: fixed; margin-top: 100px; margin-left: 350px;">★</a>
  556. <a href="{text:link1url}" title="{text:link1title}" style="position: fixed; margin-top: 150px; margin-left: 360px;">★</a>
  557. <a href="{text:link2url}" title="{text:link2title}" style="position: fixed; margin-top: 200px; margin-left: 390px;">★</a>
  558. <a href="{text:link3url}" title="{text:link3title}" style="position: fixed; margin-top: 250px; margin-left: 420px;">★</a>
  559. <a href="{text:link4url}" title="{text:link4title}" style="position: fixed; margin-top: 300px; margin-left: 450px;">★</a>
  560.  
  561. </div>
  562.  
  563. <div id="sidebar">
  564. <div id="desctitle" style="margin-bottom: 5px;">{title}</div>
  565. <div id="description">
  566. {Description}
  567. </div>
  568. <div id="pa">{block:Pagination}
  569. {block:PreviousPage}
  570. <a href="{PreviousPage}">ascend</a> /
  571. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">descend</a>
  572. {/block:NextPage}
  573. {/block:Pagination}</div>
  574. </div>
  575.  
  576. <div id="posts">
  577.  
  578.  
  579. {block:Posts}<div id="post">
  580.  
  581.  
  582.  
  583. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  584.  
  585. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  586.  
  587. {Caption} {/block:Caption}{/block:Photo}
  588.  
  589. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  590.  
  591. {/block:Photoset}
  592.  
  593. {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}
  594.  
  595. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  596.  
  597. {Description}{/block:Description}{/block:Link}
  598.  
  599. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  600.  
  601. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  602.  
  603. {block:Audio}
  604. <div id="audio">
  605. {block:TrackName}
  606. <div id="musicinfo" style="margin-top: 5px;">
  607. {AudioPlayerGrey} <br>
  608. {TrackName} by
  609. {/block:TrackName}
  610. {block:Artist}
  611. {Artist}
  612. {/block:Artist}
  613.  
  614. </div>
  615. </div>
  616. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  617. {/block:Audio}
  618.  
  619.  
  620. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  621.  
  622. {block:Answer}
  623. <div id="ask">
  624. <center>
  625. <img src="{AskerPortraitURL-128}" width="64" style="border-radius: 100px; box-shadow: 3px 3px 5px #000; margin-bottom: 6px;"></center>
  626. {Asker} asked,<br>
  627. {Question}
  628. </div>
  629. {Answer}{/block:Answer}
  630.  
  631. <div id="info">
  632. <a title="{TimeAgo}" title="{TimeAgo}">★️</a> <a href="{Permalink}" title="{NoteCount} notes">★️</a> <a href="{ReblogURL}" title="reblog">★️</a>
  633. <div id="tags">
  634. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  635. {/block:Tags}{/block:HasTags}
  636. </div>
  637. </div>
  638.  
  639.  
  640. </div>
  641. {block:PostNotes}<Div style="width: 400px;">
  642.  
  643.  
  644. {PostNotes}</div>{/block:PostNotes}
  645. {/block:Posts}</div>
  646.  
  647.  
  648. <div id="credit">
  649. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  650. </div>
  651.  
  652.  
  653.  
  654.  
  655. </body>
  656.  
  657.  
  658.  
  659. </html>
Advertisement
Add Comment
Please, Sign In to add comment