Advertisement
elsaofarendelle

waypastpermission

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