API tools faq
paste
Advertisement
elsaofarendelle

gunsmoke

elsaofarendelle
May 17th, 2019
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Timmana" rel="stylesheet">
  9.  
  10. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  11.  
  12. <link href="https://fonts.googleapis.com/css?family=Maiden+Orange&display=swap" rel="stylesheet">
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Rock+Salt&display=swap" rel="stylesheet">
  15.  
  16. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  17.  
  18. <!--- tooltips --->
  19.  
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips();
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30.  
  31. </style>
  32.  
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39.  
  40. <!-------------------------------------------
  41. Code by elsaofarendelle.
  42. Don't copy or distribute.
  43. Don't claim as your own.
  44. -------------------------------------------->
  45.  
  46. <meta name="image:background" content=""/>
  47. <meta name="image:sidebar" content=""/>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. iframe#tumblr_controls {
  53. white-space:nowrap;
  54. -webkit-filter: invert(100%);
  55. -moz-filter: invert(100%);
  56. -o-filter: invert(100%);
  57. -ms-filter: invert(100%);
  58. filter: invert(100%);
  59. opacity:.2;transition: .8s ease-in-out;
  60. -webkit-transition: .8s ease-in-out;
  61. -moz-transition: .8s ease-in-out;
  62. -o-transition: .8s ease-in-out;
  63. }
  64.  
  65. /* --- CURSOR START --- */
  66.  
  67. *, body, a, a:hover {cursor: url("https://68.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif"), auto;}
  68.  
  69. /* --- CURSOR END --- */
  70.  
  71. /* --- FONTS START --- */
  72.  
  73. @font-face { font-family: "starfish"; src: url('https://dl.dropboxusercontent.com/s/pmqlfb0lqbvflrn/Starfish.ttf'); format("truetype");}
  74.  
  75. @font-face { font-family: 'lumierlight'; src: url('lumierlight-webfont.woff2') format('woff2'), url('lumierlight-webfont.woff') format('woff');}
  76.  
  77. @font-face { font-family: "go_2_old_westernregular"; src: url('go_2_old_western-webfont.woff2') format('woff2'), url('go_2_old_western-webfont.woff') format('woff');}
  78.  
  79.  
  80. /* --- FONTS END --- */
  81.  
  82.  
  83. /* --- SCROLLBAR START ---*/
  84.  
  85. ::-webkit-scrollbar-thumb{
  86. background-color: #681918;
  87. border: none;
  88. height:auto;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. height:auto;
  93. width:5px;
  94. background-color: transparent;
  95. border:2px solid transparent;
  96. }
  97.  
  98. /* --- SCROLLBAR END --- */
  99.  
  100.  
  101. /* --- TOOLTIPS START --- */
  102.  
  103. #s-m-t-tooltip{
  104. max-width:300px;
  105. margin:15px;
  106. padding:2px 8px;
  107. background: #151515;
  108. border: 2px solid #681918;
  109. color: #681918;
  110. border-radius:0px;
  111. z-index:9999999999999;
  112. font-size:13px;
  113. font-family: 'Maiden Orange', cursive;
  114. font-weight:bold;
  115. text-transform:normal;
  116. box-shadow: 2px 2px 5px #000;
  117. -webkit-transition:all 0.7s;
  118. -moz-transition:all 0.7s;
  119. -ms-transition:all 0.7s;
  120. -o-transition:all 0.7s;
  121. transition:all 0.7s;
  122. }
  123.  
  124. /* --- TOOLTIPS END --- */
  125.  
  126.  
  127. /* --- BODY START ---*/
  128.  
  129. body {
  130. background:#151515;
  131. background-image:url({image:background});
  132. background-attachment: fixed;
  133. background-repeat: no-repeat;
  134. background-position:0px 0px;
  135. margin:0px;
  136. color:#fff;
  137. font-family: 'Cormorant Garamond', serif;
  138. font-size:11px;
  139. line-height:120%;
  140. word-wrap: break-word;
  141. }
  142.  
  143. blockquote {
  144. padding-left:5px;
  145. border-left:2px solid;
  146. border-color: #681918;
  147. border-radius:6px;
  148. }
  149.  
  150. a {
  151. color: #fff;
  152. text-decoration:none;
  153. -webkit-transition:all 0.5s ease-in-out;
  154. -moz-transition:all 0.5s ease-in-out;
  155. -o-transition:all 0.5s ease-in-out;
  156. -ms-transition:all 0.5s ease-in-out;
  157. transition:all 0.5s ease-in-out;
  158. }
  159.  
  160.  
  161. img {none;}
  162.  
  163. h1 {
  164. font-family: 'go_2_old_westernregular';
  165. text-transform:none;
  166. font-size:25px;
  167. line-height:30px;
  168. letter-spacing:0px;
  169. text-align:center;
  170. font-style:normal;
  171. color: #681918;
  172. }
  173.  
  174. h2 {
  175. color: #681918;
  176. text-transform: none;
  177. letter-spacing:1px;
  178. font-family: 'go_2_old_westernregular';
  179. font-size:17px;
  180. }
  181.  
  182. hr {
  183. border-color: #681918;
  184. border-width: .5px;
  185. }
  186.  
  187. #fixerupper {
  188. width:500px;
  189. margin:0 auto -12px auto;
  190. }
  191.  
  192. #svenhover {
  193. opacity: 0;
  194. -webkit-transition: all 0.6s ease-in-out;
  195. -moz-transition: all 0.6s ease-in-out;
  196. -o-transition: all 0.6s ease-in-out;
  197. -ms-transition: all 0.6s ease-in-out;
  198. transition: all 0.6s ease-in-out;
  199. }
  200.  
  201. #svenhover:hover {
  202. opacity: 1;
  203. -webkit-transition: all 0.6s ease-in-out;
  204. -moz-transition: all 0.6s ease-in-out;
  205. -o-transition: all 0.6s ease-in-out;
  206. -ms-transition: all 0.6s ease-in-out;
  207. transition: all 0.6s ease-in-out;
  208. }
  209.  
  210. #container {
  211. background: #151515;
  212. width:350px;
  213. height:450px;
  214. margin-left:290px;
  215. margin-top:139px;
  216. position:fixed;
  217. overflow-y:scroll;
  218. overflow-x:hidden;
  219. padding-left:5px;
  220. padding-right:35px;
  221. padding-top:17px;
  222. padding-bottom:10px;
  223. z-index:50
  224. }
  225.  
  226. #post {
  227. background: none;
  228. width:340px;
  229. padding-bottom:30px;
  230. padding: 30px;
  231. text-align: justify;
  232. margin-top:0px;
  233. border: 3px none #f7f7f7;
  234. line-height: 100%;
  235. }
  236.  
  237.  
  238. #post img {
  239. padding: 0;
  240. max-width:100%;
  241. width: auto;
  242. height: auto;
  243. }
  244.  
  245. #post video {
  246. padding: 0;
  247. max-width:100%;
  248. width: auto;
  249. height: auto;
  250. }
  251.  
  252. pre {
  253. font-family: 'Abel', sans-serif;
  254. font-size:10px;
  255. color:#681918;
  256. letter-spacing:1px;
  257. text-align:center;
  258. text-transform:uppercase;
  259. padding:6px;
  260. background:url('');
  261. background-repeat:repeat;;
  262. }
  263.  
  264.  
  265. b {
  266. text-transform: bold;
  267. color: #681918;
  268. text-shadow: 0px 0px 3px #681918;
  269. letter-spacing:1px;
  270. font-family: 'Maiden Orange', cursive;
  271. font-size:17px;
  272. line-height:100%;
  273. }
  274.  
  275. i {
  276. text-transform: italic;
  277. color: #681918;
  278. text-shadow: 1px 1px 1px #000;
  279. text-shadow: -1px -1px -1px #000;
  280. letter-spacing:1px;
  281. font-family: 'Rock Salt', cursive;
  282. font-size:20px;
  283. line-height:100%;
  284. }
  285.  
  286. sub, small, sup {
  287. font-size: 12px;
  288. }
  289.  
  290. /* --- BODY END --- */
  291.  
  292.  
  293. /* --- SIDEBAR START ---*/
  294.  
  295. #sidebar{
  296. position: fixed;
  297. top: 80px;
  298. width:150px;
  299. height:70px;
  300. left: 795px;
  301. padding:20px;
  302. }
  303.  
  304. #sidebarimage img{
  305. width: 260px;
  306. height:209px;
  307. padding:10px;
  308. border:2px none #634911;
  309. margin-top:70px;
  310. margin-left:43px;
  311. background:transparent;
  312. background-image:{image:sidebarimage};
  313. }
  314.  
  315. #nav {
  316. position:fixed;
  317. overflow:hidden;
  318. margin-top:150px;
  319. margin-left:315px;
  320. }
  321.  
  322. #link1 a , #link2 a, #link3 a
  323.  
  324. #title {
  325. font-family:times;
  326. text-align:center;
  327. width:300px;
  328. margin-top:5px;
  329. margin-left:200px;
  330. text-transform:uppercase;
  331. font-style:normal;
  332. font-size:20px;
  333. color:#fff;
  334. }
  335.  
  336. #header{
  337. width:140px;
  338. margin-left:50px;
  339. margin-top:-180px;
  340. font-style: none;
  341. font-family: 'Maiden Orange', cursive;
  342. font-size:11px;
  343. text-transform:normal;
  344. color: #681918;
  345. letter-spacing:1px;
  346. line-height:200%;
  347. position:fixed;
  348.  
  349. }
  350.  
  351. #description {
  352. background:none;
  353. width:300px;
  354. height:150px;
  355. overflow-y:scroll;
  356. overflow-x:hidden;
  357. margin-top:-270px;
  358. margin-left:-95px;
  359. padding: 12px;
  360. padding-right:10px;
  361. text-align:justify;
  362. font-style: none;
  363. font-family: 'Cormorant Garamond', serif;
  364. font-size:11px;
  365. color: #fff;
  366. text-shadow: none;
  367. letter-spacing:1px;
  368. line-height:155%;
  369. }
  370.  
  371. #pagination {
  372. font-family: 'Rock Salt', cursive;
  373. width:500px;
  374. font-size:13px;
  375. margin-top:160px;
  376. margin-left:-128px;
  377. padding-left:5px;
  378. letter-spacing:3px;
  379. text-align:center;
  380. text-transform:uppercase;
  381. color:#681918;
  382. }
  383.  
  384. #pagination a {
  385. color:#681918;
  386. }
  387.  
  388. /* --- SIDEBAR END ---*/
  389.  
  390.  
  391. /* --- LINKS START --- */
  392.  
  393. #links {
  394. width:250px;
  395. position:fixed;
  396. margin-left:-70px;
  397. margin-top:-30px;
  398. padding:8px;
  399. }
  400.  
  401. #links a{
  402. min-width:100px;
  403. min-height:36px;
  404. background: url('https://i.imgur.com/CeMjtcr.png');
  405. color: #fff;
  406. display:inline-block;
  407. margin:4px;
  408. font-size:9px
  409. font-family: 'Maiden Orange', cursive;
  410. font-weight:bold;
  411. text-align:center;
  412. text-transform:uppercase;
  413. padding-top:2px;
  414. line-height:300%;
  415. }
  416.  
  417. /* --- LINKS END --- */
  418.  
  419.  
  420. /* --- CREDIT START --- */
  421.  
  422. .credit{
  423. position:fixed;
  424. font-size:20px;
  425. right:40px;
  426. bottom:20px;
  427. z-index:51;
  428. }
  429.  
  430. .credit a {
  431. font-family: "starfish";
  432. text-decoration:none;
  433. text-transform:uppercase;
  434. color: #681918;
  435. text-shadow: 1px 1px 1px #681918;
  436. -moz-transition-duration:.7s;
  437. -webkit-transition-duration:.7s;
  438. -o-transition-duration:.7s;
  439. }
  440.  
  441. /* --- CREDIT END --- */
  442.  
  443.  
  444. /* --- POST NOTES START --- */
  445.  
  446. .note {
  447. padding:0px 20px 0px 20px;
  448. background-color:transparent;
  449. text-transform:lowercase;
  450. letter-spacing:0px;
  451. font-size: 11px;
  452. font-style:normal;
  453. text-align:left;
  454. line-height:120%;
  455. }
  456.  
  457. .note li {
  458. list-style-type:none;
  459. padding:5px 25px 5px 25px;
  460. text-align:left;
  461. margin-right:30px;
  462. margin-top:-50px;
  463. }
  464.  
  465. #info {
  466. height:20px;
  467. text-align:center;
  468. margin-top:25px;
  469. padding-top:10px;
  470. padding:15px;
  471. padding-bottom:1px;
  472. text-transform:normal;
  473. font-style:none;
  474. font-size:15px;
  475. font-family: 'Maiden Orange', cursive;
  476. background-repeat:repeat;
  477. background-attachment:fixed;
  478. line-height:60%;
  479. background: #151515;
  480. border: 3px solid #681918;
  481. }
  482.  
  483. #info a{
  484. color: #681918;
  485. }
  486.  
  487. #tags {
  488. font-family: 'Cormorant Garamond', serif;
  489. text-align:center;
  490. margin-top:5px;
  491. padding-bottom:0px;
  492. text-transform:none;
  493. font-style:none;
  494. font-size:12px;
  495. }
  496.  
  497. #tags a {
  498. color: #fff;
  499. }
  500.  
  501. /* --- POST NOTES END --- */
  502.  
  503.  
  504. /* --- ASK & AUDIO START --- */
  505.  
  506. .ask {
  507. color: #fff;
  508. background: #151515;
  509. border: 3px solid #681918;
  510. padding:15px;
  511. margin-bottom:15px;
  512. margin-top:10px;
  513. }
  514.  
  515. .askheader {
  516. }
  517.  
  518. .asker {
  519. color: #681918;
  520. text-shadow: -1px -1px -1px #681918;
  521. text-shadow: 1px 1px 1px #681918;
  522. font-family: 'Maiden Orange', cursive;
  523. font-size:22px;
  524. line-height:20px;
  525. text-align:center;
  526. padding-bottom:5px;
  527. }
  528.  
  529. .answer {
  530. color: #fff;
  531. }
  532.  
  533. .chat {
  534. list-style:none;
  535. margin-top:15px;
  536. margin-bottom:0px;
  537. font-size:10px;
  538. margin-left:0px;
  539. }
  540.  
  541. .chat ul {
  542. line-height:18px;
  543. margin-top:0px;
  544. list-style:none;
  545. padding:0px;
  546. letter-spacing:2px;
  547. font-size:10px;
  548. margin-bottom:0px;
  549. text-transform:normal;
  550. }
  551.  
  552. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  553. background-color: #151515;
  554. padding:3px 8px 3px 8px;
  555. color: #fff;
  556. border-bottom: none
  557. }
  558.  
  559. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  560. background-color: 151515;
  561. padding:3px 8px 3px 8px;
  562. color: #fff;
  563. border-bottom: none;
  564. }
  565.  
  566. .audio{
  567. color: #681918;
  568. background:#151515;
  569. padding:15px;
  570. border: 8px solid #1c0907;
  571. height:70px;
  572. font-size:8px;
  573. overflow:hidden;
  574. }
  575.  
  576. .video {
  577. width:340px!important;
  578. }
  579.  
  580. .video iframe {
  581. width:340px!important;
  582. }
  583.  
  584. /* --- ASK & AUDIO END --- */
  585.  
  586. {CustomCSS}</style></head><body>
  587.  
  588. <div id="fixerupper">
  589.  
  590. <div id="sidebar">
  591.  
  592. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  593.  
  594. <div class="credit">
  595. <a href="https://elsaofarendelle.tumblr.com/">E</a>
  596. </div>
  597.  
  598. <div id="title"></div>
  599.  
  600. <div id="header">
  601. </div>
  602.  
  603. <div id="description">
  604. <center>
  605. <p><b>Erron Black</b> of <i>Mortal Kombat</i>. As Told By Danna. 18+ <i>only</i>. <big>READ ALL PAGES BEFORE INTERACTING</big></p>
  606. </center>
  607. </div>
  608.  
  609. <div id="links">
  610. <center>
  611. <a href="/">hideout</a>
  612. <a href="/ask">letters</a>
  613. <a href="/rules">code</a>
  614. <a href="/about">bounty</a>
  615. <a href="/">journal</a>
  616. <a href="/">the boys</a>
  617. </center>
  618. </div>
  619.  
  620. <div id="scrollbar">{scrollbar}</div>
  621.  
  622. <div id="pagination">
  623. <center> {block:Pagination}
  624. <div id="pagination">
  625. {block:PreviousPage}
  626. <a href="{PreviousPage}"><big>«</big></a>
  627. {/block:PreviousPage}
  628. {block:JumpPagination length="5"}
  629. {block:CurrentPage}
  630. <span class="current_page">{PageNumber}</span>
  631. {/block:CurrentPage}
  632. {block:JumpPage}
  633. <a class="jump_page" href="{URL}">{PageNumber}</a>
  634. {/block:JumpPage}
  635. {/block:JumpPagination}
  636. {block:NextPage}
  637. <a href="{NextPage}"><big>»</big></a>
  638. {/block:NextPage}
  639. </div>
  640. {/block:Pagination}</center>
  641. </div>
  642.  
  643. {block:HasPages}{block:Pages}
  644.  
  645. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  646.  
  647. </div></center>
  648.  
  649.  
  650. </div>
  651.  
  652. <div id="svenhover">
  653. <div id="container">{block:Posts}<div id="post">
  654.  
  655. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  656. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><i>Continue Reading</i></center></a></p><a name="more"></a>{/block:More}
  657.  
  658. {block:blockquote}{/block:blockquote}
  659.  
  660. {block:ContentSource}
  661. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  662. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  663. {/block:SourceLogo}
  664. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  665. {/block:ContentSource}
  666.  
  667. {block:Photo}
  668. <center>{LinkOpenTag}<img src="{PhotoURL-highres}" width="340px" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  669. {/block:Photo}
  670.  
  671. {block:Photoset}
  672. <center>{Photoset}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  673. {/block:Photoset}
  674.  
  675. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  676.  
  677. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  678.  
  679. {block:Chat}
  680. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  681. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label"><b>{Label}</b> </span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  682. {/block:Chat}
  683.  
  684. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  685. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  686.  
  687. {block:Video}<div class="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  688.  
  689. {block:Answer}
  690. <div class="askheader"><img src="" draggable="false"></div>
  691. <div class="ask"><div class="asker">{Asker}<font color=#681918> said:</font></div><p>{Question}</div><div class="answer">{Answer}</div>
  692. {/block:Answer}
  693.  
  694.  
  695. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">posted</a> &nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} &nbsp; {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">source</a> {/block:RebloggedFrom}&nbsp;<a href="{ReblogURL}" target="_blank" class="details" >reblog</a> {/block:Date}</div>
  696.  
  697. <div id="tags">
  698. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  699.  
  700. </div>
  701. {block:PostNotes}{PostNotes}{/block:PostNotes}
  702. {/block:Posts}</div>
  703.  
  704. </body>
  705.  
  706.  
  707. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!