API tools faq
paste
Advertisement
elsaofarendelle

jabbers

elsaofarendelle
Nov 12th, 2019
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.95 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=ZCOOL+XiaoWei&display=swap" 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=Spectral&display=swap" rel="stylesheet">
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Vidaloka&display=swap" rel="stylesheet">
  15.  
  16. <link href="https://fonts.googleapis.com/css?family=Rye&display=swap" 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 wintersovereign.
  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.  
  78.  
  79.  
  80.  
  81. /* --- FONTS END --- */
  82.  
  83.  
  84. /* --- SCROLLBAR START ---*/
  85.  
  86. ::-webkit-scrollbar-thumb{
  87. background-color: #88440e;
  88. border: none;
  89. height:auto;
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. height:auto;
  94. width:5px;
  95. background-color: transparent;
  96. border:2px solid transparent;
  97. }
  98.  
  99. /* --- SCROLLBAR END --- */
  100.  
  101.  
  102. /* --- TOOLTIPS START --- */
  103.  
  104. #s-m-t-tooltip{
  105. max-width:300px;
  106. margin:15px;
  107. padding:2px 8px;
  108. background: #000;
  109. border: 3px double #130f0b;
  110. color: #88440e;
  111. border-radius:0px;
  112. z-index:9999999999999;
  113. font-size:12px;
  114. font-family: 'Rye', cursive;
  115. font-weight:bold;
  116. text-transform:normal;
  117. box-shadow: 2px 2px 5px #000;
  118. -webkit-transition:all 0.7s;
  119. -moz-transition:all 0.7s;
  120. -ms-transition:all 0.7s;
  121. -o-transition:all 0.7s;
  122. transition:all 0.7s;
  123. }
  124.  
  125. /* --- TOOLTIPS END --- */
  126.  
  127.  
  128. /* --- BODY START ---*/
  129.  
  130. body {
  131. background:#000;
  132. background-image:url({image:background});
  133. background-attachment: fixed;
  134. background-repeat: no-repeat;
  135. background-position:0px 0px;
  136. margin:0px;
  137. color:#a4a4a4;
  138. font-family: 'ZCOOL XiaoWei', serif;
  139. font-size:11px;
  140. line-height:120%;
  141. word-wrap: break-word;
  142. }
  143.  
  144. blockquote {
  145. padding-left:5px;
  146. border-left:2px solid;
  147. border-color: #466a6d;
  148. border-radius:6px;
  149. }
  150.  
  151. a {
  152. color: #a4a4a4;
  153. text-decoration:none;
  154. -webkit-transition:all 0.5s ease-in-out;
  155. -moz-transition:all 0.5s ease-in-out;
  156. -o-transition:all 0.5s ease-in-out;
  157. -ms-transition:all 0.5s ease-in-out;
  158. transition:all 0.5s ease-in-out;
  159. }
  160.  
  161.  
  162. img {none;}
  163.  
  164. h1 {
  165. font-family: 'Rye', cursive;
  166. text-transform:none;
  167. font-size:25px;
  168. line-height:30px;
  169. letter-spacing:0px;
  170. text-align:center;
  171. font-style:normal;
  172. color: #88440e;
  173. }
  174.  
  175. h2 {
  176. color: #8f7225;
  177. text-transform: none;
  178. letter-spacing:1px;
  179. font-family: 'Rye', cursive;
  180. font-size:17px;
  181. }
  182.  
  183. hr {
  184. border-color: #88440e;
  185. border-width: .5px;
  186. }
  187.  
  188. #fixerupper {
  189. width:500px;
  190. margin:0 auto -12px auto;
  191. }
  192.  
  193. #container {
  194. width:400px;
  195. height:570px;
  196. margin-left:380px;
  197. margin-top:80px;
  198. position:fixed;
  199. overflow-y:scroll;
  200. overflow-x:hidden;
  201. padding-left:50px;
  202. padding-right:5px;
  203. padding-top:17px;
  204. padding-bottom:10px;
  205. z-index:50
  206. }
  207.  
  208. #post {
  209. background: none;
  210. width:360px;
  211. padding-bottom:30px;
  212. padding: 30px;
  213. text-align: justify;
  214. margin-top:0px;
  215. border: 3px none #f7f7f7;
  216. line-height: 100%;
  217. }
  218.  
  219.  
  220. #post img {
  221. padding: 0;
  222. max-width:100%;
  223. width: auto;
  224. height: auto;
  225. }
  226.  
  227. #post video {
  228. padding: 0;
  229. max-width:100%;
  230. width: auto;
  231. height: auto;
  232. }
  233.  
  234. pre {
  235. font-family: 'lumierlight';
  236. font-size:10px;
  237. color:#601a45;
  238. letter-spacing:1px;
  239. text-align:center;
  240. text-transform:uppercase;
  241. padding:6px;
  242. background:url('');
  243. background-repeat:repeat;;
  244. }
  245.  
  246.  
  247. b {
  248. text-transform: bold;
  249. color: #88440e;
  250. text-shadow: 0px 0px 3px #88440e;
  251. letter-spacing:1px;
  252. font-family: 'Vidaloka', serif;
  253. font-size:17px;
  254. line-height:100%;
  255. }
  256.  
  257. i {
  258. text-transform: italic;
  259. color: #8d5811;
  260. text-shadow: 1px 1px 1px #88440e;
  261. letter-spacing:1px;
  262. font-family: 'Spectral', serif;
  263. font-size:20px;
  264. line-height:100%;
  265. }
  266.  
  267. sub, small, sup {
  268. font-size: 12px;
  269. }
  270.  
  271. /* --- BODY END --- */
  272.  
  273.  
  274. /* --- SIDEBAR START ---*/
  275.  
  276. #sidebar{
  277. position: fixed;
  278. top: 80px;
  279. width:150px;
  280. height:70px;
  281. left: 830px;
  282. padding:20px;
  283. }
  284.  
  285. #sidebarimage img{
  286. width: 260px;
  287. height:209px;
  288. padding:10px;
  289. border:2px none #634911;
  290. margin-top:70px;
  291. margin-left:43px;
  292. background:transparent;
  293. background-image:{image:sidebarimage};
  294. }
  295.  
  296. #nav {
  297. position:fixed;
  298. overflow:hidden;
  299. margin-top:150px;
  300. margin-left:315px;
  301. }
  302.  
  303. #link1 a , #link2 a, #link3 a
  304.  
  305. #title {
  306. font-family:times;
  307. text-align:center;
  308. width:300px;
  309. margin-top:5px;
  310. margin-left:200px;
  311. text-transform:uppercase;
  312. font-style:normal;
  313. font-size:20px;
  314. color:#fff;
  315. }
  316.  
  317. #description {
  318. background:none;
  319. width:270px;
  320. height:300px;
  321. overflow-y:scroll;
  322. overflow-x:hidden;
  323. margin-top:-10px;
  324. margin-left:-760px;
  325. padding: 12px;
  326. padding-right:10px;
  327. text-align:justify;
  328. font-style: none;
  329. font-family: 'ZCOOL XiaoWei', serif;
  330. font-size:11px;
  331. color:#a4a4a4;
  332. text-shadow: none;
  333. letter-spacing:1px;
  334. line-height:155%;
  335. }
  336.  
  337. #pagination {
  338. font-family: 'Rye', cursive;
  339. color:#8d5811;
  340. width:500px;
  341. font-size:15px;
  342. margin-top:-225px;
  343. margin-left:-583px;
  344. padding-left:5px;
  345. letter-spacing:3px;
  346. text-align:center;
  347. text-transform:uppercase;
  348. }
  349.  
  350. #pagination a {
  351. color:#88440e;
  352. }
  353.  
  354. /* --- SIDEBAR END ---*/
  355.  
  356.  
  357. /* --- LINKS START --- */
  358.  
  359. #links {
  360. width:250px;
  361. position:fixed;
  362. margin-left:-750px;
  363. margin-top:-210px;
  364. padding:8px;
  365. }
  366.  
  367. #links a{
  368. min-width:100px;
  369. background: #000;
  370. border: 3px double #130f0b;
  371. color: #88440e;
  372. display:inline-block;
  373. margin:4px;
  374. font-size:9px
  375. font-family: 'lumierlight';
  376. text-align:center;
  377. text-transform:uppercase;
  378. padding-top:2px;
  379. line-height:155%;
  380. }
  381.  
  382. /* --- LINKS END --- */
  383.  
  384.  
  385. /* --- CREDIT START --- */
  386.  
  387. .credit{
  388. position:fixed;
  389. font-size:20px;
  390. right:40px;
  391. bottom:20px;
  392. z-index:51;
  393. }
  394.  
  395. .credit a {
  396. font-family: "starfish";
  397. text-decoration:none;
  398. text-transform:uppercase;
  399. color: #88440e;
  400. text-shadow: 1px 1px 1px #88440e;
  401. -moz-transition-duration:.7s;
  402. -webkit-transition-duration:.7s;
  403. -o-transition-duration:.7s;
  404. }
  405.  
  406. /* --- CREDIT END --- */
  407.  
  408.  
  409. /* --- POST NOTES START --- */
  410.  
  411. .note {
  412. padding:0px 20px 0px 20px;
  413. background-color:transparent;
  414. text-transform:lowercase;
  415. letter-spacing:0px;
  416. font-size: 11px;
  417. font-style:normal;
  418. text-align:left;
  419. line-height:120%;
  420. }
  421.  
  422. .note li {
  423. list-style-type:none;
  424. padding:5px 25px 5px 25px;
  425. text-align:left;
  426. margin-right:30px;
  427. margin-top:-50px;
  428. }
  429.  
  430. #info {
  431. height:33px;
  432. text-align:center;
  433. margin-top:25px;
  434. padding-top:10px;
  435. padding:15px;
  436. padding-bottom:1px;
  437. text-transform:normal;
  438. font-style:none;
  439. font-size:12px;
  440. font-family:'Rye', cursive;
  441. color: #1e1e1d;
  442. background-repeat:no-repeat;
  443. background-attachment:fixed;
  444. line-height:5%;
  445. background: url("https://i.imgur.com/CUh6yy8.png");
  446. border: 3px none #1e1e1d;
  447. }
  448.  
  449. #info a{
  450. color: #000;
  451. }
  452.  
  453. #tags {
  454. font-family: 'ZCOOL XiaoWei', serif;
  455. text-align:center;
  456. margin-top:5px;
  457. padding-bottom:0px;
  458. text-transform:none;
  459. font-style:none;
  460. font-size:12px;
  461. }
  462.  
  463. #tags a {
  464. color: #a4a4a4;
  465. }
  466.  
  467. /* --- POST NOTES END --- */
  468.  
  469.  
  470. /* --- ASK & AUDIO START --- */
  471.  
  472. .ask {
  473. color: #000;
  474. background: #8f7225;
  475. border: 3px double #1e1e1d;
  476. padding:15px;
  477. margin-bottom:15px;
  478. margin-top:10px;
  479. }
  480.  
  481. .askheader {
  482. }
  483.  
  484. .asker {
  485. color: #88440e;
  486. text-shadow: -1px -1px -1px #1e1e1d;
  487. text-shadow: 1px 1px 1px #1e1e1d;
  488. font-family: 'Rye', cursive;
  489. font-size:22px;
  490. line-height:20px;
  491. text-align:center;
  492. padding-bottom:5px;
  493. }
  494.  
  495. .answer {
  496. color: #a4a4a4;
  497. }
  498.  
  499. .chat {
  500. list-style:none;
  501. margin-top:15px;
  502. margin-bottom:0px;
  503. font-size:10px;
  504. margin-left:0px;
  505. }
  506.  
  507. .chat ul {
  508. line-height:18px;
  509. margin-top:0px;
  510. list-style:none;
  511. padding:0px;
  512. letter-spacing:2px;
  513. font-size:10px;
  514. margin-bottom:0px;
  515. text-transform:normal;
  516. }
  517.  
  518. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  519. background-color: #8f7225;
  520. padding:3px 8px 3px 8px;
  521. color: #a4a4a4;
  522. border-bottom: none
  523. }
  524.  
  525. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  526. background-color: #000;
  527. padding:3px 8px 3px 8px;
  528. color: #a4a4a4;
  529. border-bottom: none;
  530. }
  531.  
  532. .audio{
  533. color: #a4a4a4;
  534. background:#000;
  535. padding:15px;
  536. border: 8px solid #1c0907;
  537. height:70px;
  538. font-size:8px;
  539. overflow:hidden;
  540. }
  541.  
  542. .video {
  543. width:360px!important;
  544. }
  545.  
  546. .video iframe {
  547. width:360px!important;
  548. }
  549.  
  550. /* --- ASK & AUDIO END --- */
  551.  
  552. {CustomCSS}</style></head><body>
  553.  
  554. <div id="fixerupper">
  555.  
  556. <div id="sidebar">
  557.  
  558. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  559.  
  560. <div class="credit">
  561. <a href="https://wintersovereign.tumblr.com/">E</a>
  562. </div>
  563.  
  564. <div id="title"></div>
  565.  
  566. <div id="description">
  567. <center><p>"The world belongs to the dreamers, take a step and make it so."<br><i>Discovered on Dec. 18, 2018.</i></p>
  568. </center>
  569. </div>
  570.  
  571. <div id="links">
  572. <center>
  573. <a href="/">home</a>
  574. <a href="/ask">messages</a>
  575. <a href="/archive">past</a>
  576. <a href="/rules">rules</a>
  577. <a href="/about">about</a>
  578. <a href="/">canon oc's</a>
  579. <a href="/">fandom oc's</a>
  580. <a href="/">original works</a>
  581. </center>
  582. </div>
  583.  
  584. <div id="scrollbar">{scrollbar}</div>
  585.  
  586. <div id="pagination">
  587. <center> {block:Pagination}
  588. <div id="pagination">
  589. {block:PreviousPage}
  590. <a href="{PreviousPage}"><big>«</big></a>
  591. {/block:PreviousPage}
  592. {block:JumpPagination length="5"}
  593. {block:CurrentPage}
  594. <span class="current_page">{PageNumber}</span>
  595. {/block:CurrentPage}
  596. {block:JumpPage}
  597. <a class="jump_page" href="{URL}">{PageNumber}</a>
  598. {/block:JumpPage}
  599. {/block:JumpPagination}
  600. {block:NextPage}
  601. <a href="{NextPage}"><big>»</big></a>
  602. {/block:NextPage}
  603. </div>
  604. {/block:Pagination}</center>
  605. </div>
  606.  
  607. {block:HasPages}{block:Pages}
  608.  
  609. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  610.  
  611. </div></center>
  612.  
  613.  
  614. </div>
  615.  
  616. <div id="container">{block:Posts}<div id="post">
  617.  
  618. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  619. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><i>Continue Reading</i></center></a></p><a name="more"></a>{/block:More}
  620.  
  621. {block:blockquote}{/block:blockquote}
  622.  
  623. {block:ContentSource}
  624. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  625. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  626. {/block:SourceLogo}
  627. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  628. {/block:ContentSource}
  629.  
  630. {block:Photo}
  631. <center>{LinkOpenTag}<img src="{PhotoURL-highres}" width="360px" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  632. {/block:Photo}
  633.  
  634. {block:Photoset}
  635. <center>{Photoset}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  636. {/block:Photoset}
  637.  
  638. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  639.  
  640. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  641.  
  642. {block:Chat}
  643. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  644. <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>
  645. {/block:Chat}
  646.  
  647. {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}
  648. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  649.  
  650. {block:Video}<div class="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  651.  
  652. {block:Answer}
  653. <div class="askheader"><img src="" draggable="false"></div>
  654. <div class="ask"><div class="asker">{Asker}<font color=#88440e> said:</font></div><p>{Question}</div><div class="answer">{Answer}</div>
  655. {/block:Answer}
  656.  
  657.  
  658. {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>
  659.  
  660. <div id="tags">
  661. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  662.  
  663. </div>
  664. {block:PostNotes}{PostNotes}{/block:PostNotes}
  665. {/block:Posts}</div>
  666.  
  667. </body>
  668.  
  669. </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!