API tools faq
paste
Advertisement
elsaofarendelle

deceptionandchaos

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