elsaofarendelle

menelvagor

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