API tools faq
paste
elsaofarendelle

Loki 002

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