API tools faq
paste
Advertisement
xmfc009

arlo theme

xmfc009
Feb 5th, 2020
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!---- this is theme 56 by Hollywhood
  8. please don't remove the credit
  9. thank you
  10. --->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#9B9B9B"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="color:Link Hover" content="#eeeeee"/>
  16.  
  17. <meta name="image:Background" content="/"/>
  18.  
  19. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  20. <script>
  21. $(document).ready(function() {
  22. //
  23. $('a.poplight[href^=#]').click(function() {
  24. var popID = $(this).attr('rel'); //Get Popup Name
  25. var popURL = $(this).attr('href'); //Get Popup href to define size
  26. var query= popURL.split('?');
  27. var dim= query[1].split('&');
  28. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  29. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  30. var popMargtop = ($('#' + popID).height() + 80) / 2;
  31. var popMargleft = ($('#' + popID).width() + 80) / 2;
  32. //Apply Margin to Popup
  33. $('#' + popID).css({
  34. 'margin-top' : -popMargtop,
  35. 'margin-left' : -popMargleft
  36. });
  37. $('body').append('<div id="fade"></div>');
  38. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  39. return false;
  40. });
  41. $('a.close, #fade').live('click', function() {
  42. $('#fade , .popup_block').fadeOut(function() {
  43. $('#fade, a.close').remove(); //fade them both out
  44. });
  45. return false;
  46. });
  47. });
  48. </script>
  49.  
  50.  
  51. <script>$(document).ready(function(){$('.ss').click(function(){
  52. $('.ss').toggleClass('checked');$('.ux').toggleClass('checked');
  53. $('.ut').toggleClass('checked');$('.ud').toggleClass('checked');
  54. });});</script>
  55.  
  56. <style>
  57. div#qTip {
  58. padding: 3px;
  59. display: none;
  60. text-align: center;
  61. position: absolute;
  62. font-size:7px;
  63. margin-left:10px;
  64. margin-top:-2px;
  65. line-height:9px;
  66. font-family:arial;
  67. z-index: 1000;
  68. border: 1px solid #cacaca;
  69. background-color:#fff;
  70. color: #9b9b9b;
  71. text-transform:uppercase;
  72. letter-spacing: 2px;
  73. }
  74. </style>
  75.  
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77.  
  78. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79.  
  80. <script>
  81.  
  82. (function($){
  83.  
  84. $(document).ready(function(){
  85.  
  86. $("a[title]").style_my_tooltips({
  87.  
  88. tip_follows_cursor:true,
  89.  
  90. tip_delay_time:90,
  91.  
  92. tip_fade_speed:600,
  93.  
  94. attribute:"title"
  95.  
  96. });
  97.  
  98. });
  99.  
  100. })(jQuery);
  101.  
  102. </script>
  103. <!--basic tooltip from tutorial-baby! Enjoy-->
  104. <style>
  105. .tooltip{
  106. display: inline;
  107. position: relative;
  108. }
  109. #s-m-t-tooltip {width:80px;
  110. border-radius: 10px; /*change your border radius*/
  111. padding:10px; /*padding inside tooltip*/
  112. margin-left:-140px;
  113. box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2);
  114. margin-top:-10px;
  115. background-color:rgba(111,148,118,0.7); /*background color*/
  116. font-family:'Playfair Display', serif; /*tooltip font*/
  117. text-align:center;
  118. font-size:11px; /*tooltip font size*/
  119. font-weight:bold;
  120. letter-spacing:1px;
  121. font-style:italic;
  122. text-transform:lowercase; /*makes the tooltip title uppercase*/
  123. color:#fff; /*tooltip font color*/
  124. text-shadow:1px 1px 0px rgba(0,0,0,0.5);
  125. z-index:9999;
  126. }
  127. </style>
  128.  
  129.  
  130. <!--FIREFLIES-->
  131.  
  132. <script type="text/javascript">
  133. // <![CDATA[
  134. var colour="rgba(151,148,112,0.2)"; // what colour are the blobs
  135. var speed=30; // speed of animation, lower is faster
  136. var blobs=15; // how many blobs are in the jar
  137. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  138.  
  139. /***************************\
  140. * Blobs in a Jar Effect *
  141. *(c)2012-13 mf2fm web-design*
  142. * http://www.mf2fm.com/rv *
  143. * DON'T EDIT BELOW THIS BOX *
  144. \***************************/
  145.  
  146. var div;
  147. var xpos=new Array();
  148. var ypos=new Array();
  149. var zpos=new Array();
  150. var dx=new Array();
  151. var dy=new Array();
  152. var dz=new Array();
  153. var blob=new Array();
  154. var swide=800;
  155. var shigh=600;
  156. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  157.  
  158. function addLoadEvent(funky) {
  159. var oldonload=window.onload;
  160. if (typeof(oldonload)!='function') window.onload=funky;
  161. else window.onload=function() {
  162. if (oldonload) oldonload();
  163. funky();
  164. }
  165. }
  166.  
  167. addLoadEvent(fill_the_jar);
  168.  
  169. function fill_the_jar() {
  170. var i, dvs;
  171. div=document.createElement('div');
  172. dvs=div.style;
  173. dvs.position='fixed';
  174. dvs.left='0px';
  175. dvs.top='0px';
  176. dvs.width='1px';
  177. dvs.height='1px';
  178. document.body.appendChild(div);
  179. set_width();
  180. for (i=0; i<blobs; i++) {
  181. add_blob(i);
  182. jamjar(i);
  183. }
  184. }
  185.  
  186. function add_blob(ref) {
  187. var dv, sy;
  188. dv=document.createElement('div');
  189. sy=dv.style;
  190. sy.position='absolute';
  191. sy.textAlign='center';
  192. if (ie_version && ie_version<10) {
  193. sy.fontSize="10px";
  194. sy.width="100px";
  195. sy.height="100px";
  196. sy.paddingTop="40px";
  197. sy.color=colour;
  198. dv.appendChild(document.createTextNode(charc));
  199. }
  200. else if (ie_version) {
  201. sy.fontSize="1px";
  202. sy.width="0px";
  203. sy.height="0px";
  204. }
  205. else {
  206. dv.appendChild(document.createTextNode(charc));
  207. sy.color='rgba(0,0,0,0)';
  208. }
  209. ypos[ref]=Math.floor(shigh*Math.random());
  210. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  211. xpos[ref]=Math.floor(swide*Math.random());
  212. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  213. zpos[ref]=Math.random()*20;
  214. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  215. blob[ref]=dv;
  216. div.appendChild(blob[ref]);
  217. set_blob(ref);
  218. }
  219.  
  220. function rejig(ref, xy) {
  221. if (xy=='y') {
  222. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  223. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  224. }
  225. else {
  226. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  227. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  228. }
  229. }
  230.  
  231. function sign(a) {
  232. if (a<0) return (-2);
  233. else if (a>0) return (2);
  234. else return (0);
  235. }
  236.  
  237. function set_blob(ref) {
  238. var sy;
  239. sy=blob[ref].style;
  240. sy.top=ypos[ref]+'px';
  241. sy.left=xpos[ref]+'px';
  242. if (ie_version && ie_version<10) {
  243. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  244. sy.fontSize=30-zpos[ref]+"px";
  245. }
  246. else if (ie_version) {
  247. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  248. }
  249. else {
  250. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  251. sy.fontSize=40+zpos[ref]+'px';
  252. }
  253. }
  254.  
  255. function jamjar(ref) {
  256. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  257. ypos[ref]+=dy[ref];
  258. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  259. xpos[ref]+=dx[ref];
  260. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  261. zpos[ref]+=dz[ref];
  262. set_blob(ref);
  263. setTimeout("jamjar("+ref+")", speed);
  264. }
  265.  
  266. window.onresize=set_width;
  267. function set_width() {
  268. var sw_min=999999;
  269. var sh_min=999999;
  270. if (document.documentElement && document.documentElement.clientWidth) {
  271. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  272. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  273. }
  274. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  275. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  276. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  277. }
  278. if (document.body.clientWidth) {
  279. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  280. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  281. }
  282. if (sw_min==999999 || sh_min==999999) {
  283. sw_min=800;
  284. sh_min=600;
  285. }
  286. swide=sw_min;
  287. shigh=sh_min;
  288. }
  289. // ]]>
  290. </script>
  291.  
  292.  
  293. <style type="text/css">
  294.  
  295. @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
  296.  
  297. html, body {cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_1280.png'), auto;}
  298.  
  299. a {cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}
  300.  
  301. #bubble-music {
  302. position:fixed;
  303. left:20px;
  304. top:20px;
  305. width:30px;
  306. height:30px;
  307. background-color:#8f958f;
  308. border-radius:100%;
  309. -moz-border-radius:100%;
  310. overflow:hidden;
  311. -webkit-transition: all 0.5s ease-out;
  312. -moz-transition: all 0.5s ease-out;
  313. transition: all 0.5s ease-out
  314.  
  315. }
  316.  
  317. #bubble-music:hover {
  318. border-radius:9px;
  319. -moz-border-radius:9px;
  320. width:140px;
  321. height:30px;
  322. }
  323.  
  324. .music_embed {
  325. margin:-23px 0 0 70px;
  326. z-index:1;
  327. font-family:consolas;
  328. font-size:8px;
  329. -webkit-transition: all 0.5s ease-out;
  330. -moz-transition: all 0.5s ease-out;
  331. transition: all 0.5s ease-out
  332. }
  333.  
  334. #bubble-music:hover .music_embed {
  335. margin:-23px 0 0 34px;
  336. opacity:1;
  337. }
  338.  
  339.  
  340.  
  341. ::-webkit-scrollbar-thumb{
  342. background-color: transparent;
  343. height:auto;
  344. }
  345.  
  346. ::-webkit-scrollbar {
  347. height:auto;
  348. width:3px;
  349. background-color: transparent;
  350. }
  351.  
  352.  
  353. h1 {
  354. font-family:'Playfair Display', serif;
  355. font-size:14pt;
  356. text-transform:uppercase;
  357. text-align:center;
  358. line-height:100%;
  359. text-transform:normal;
  360. color:{color:text};
  361. }
  362.  
  363. h2 {
  364. font-size:14pt;
  365. letter-spacing:1px;
  366. line-height:100%;
  367. color:{color:text};
  368. font-family:bebas_neue;
  369. text-transform:uppercase;
  370. text-shadow:0px 0px 6px #555;
  371. }
  372.  
  373.  
  374. blockquote {
  375. padding-left:10px;
  376. margin-left:10px;
  377. padding-top:1px;
  378. padding-bottom:1px;
  379. border-left:2px solid #324838;
  380. -moz-border-radius:10px;
  381. -webkit-border-radius:10px;
  382. }
  383.  
  384. blockquote blockquote {text-align:justify; margin-right:5px;}
  385.  
  386.  
  387. body {
  388. background:{color:background};
  389. margin:0px;
  390. color:{color:text};
  391. font-family:arial;
  392. font-size:11px;
  393. line-height:100%;
  394. background-attachment:fixed;
  395. background-image: url('{image:Background}');
  396. background-repeat:no-repeat;
  397. }
  398.  
  399. small, sub, sup {font-size:11px;}
  400.  
  401. a {
  402. text-decoration:none;
  403. outline:none;
  404. -moz-outline-style:none;
  405. color:{color:link};
  406. -moz-transition-duration:0.5s;
  407. -webkit-transition-duration:0.5s;
  408. -o-transition-duration:0.5s;
  409. }
  410.  
  411. a:hover {
  412. text-decoration:none;
  413. outline:none;
  414. -moz-outline-style:none;
  415. color:{color:link hover};
  416. }
  417.  
  418. img {
  419. border:none;
  420. }
  421.  
  422. #theme {
  423. width:400px;
  424. margin:0 auto -12px auto;
  425. }
  426.  
  427. #post {
  428. width:400px;
  429. padding-top:5px;
  430. padding-left:5px;
  431. padding-right:5px;
  432. padding-bottom:5px;
  433. margin-bottom:20px;
  434. background:rgba(255,255,255,0.15);
  435. font-size:12px;
  436. line-height:110%;
  437. border-radius:5px;
  438. }
  439.  
  440. #post b {color:#9d9b78; text-shadow:1px 1px 0px rgba(0,0,0,0.2);
  441. font-family:'playfair display', serif;
  442. }
  443.  
  444. #entries {
  445. width:421px;
  446. height:484px;
  447. left:695px;
  448. top:146px;
  449. margin-bottom:30px;
  450. position:fixed;
  451. overflow:scroll;
  452. overflow-x:hidden;
  453. background-color:transparent;
  454. }
  455.  
  456. #post img {max-width:100%;
  457. -webkit-filter:grayscale(50%);
  458. opacity:0.5;
  459. filter:alpha(opacity=50);
  460. -webkit-transition-duration:.7s;
  461. -moz-transition-duration:.7s;
  462. -o-transition-duration:.7s;
  463. -ms-transition-duration:.7s;}
  464. #post img:hover {opacity:1;
  465. filter:alpha(opacity=100);
  466. -webkit-filter:none;}
  467.  
  468. .html_photoset {opacity:0.5;
  469. filter:alpha(opacity=50);
  470. -webkit-filter: grayscale(50%);
  471. -webkit-transition: all .25s;}
  472.  
  473. .html_photoset:hover {opacity:1;
  474. filter:alpha(opacity=100);
  475. -webkit-filter: none;}
  476.  
  477. pre {background-color:rgba(0,0,0,0.2); margin:5px; padding:10px;
  478. font-family:'Playfair Display', serif;
  479. border-radius:5px;
  480. white-space: pre-wrap;
  481. white-space: -moz-pre-wrap;
  482. white-space: -pre-wrap;
  483. white-space: -o-pre-wrap;
  484. word-wrap: break-word;
  485. }
  486.  
  487. /* ----- do not use ------- */
  488.  
  489.  
  490.  
  491. #link1 {position:fixed;
  492. top:80px; transform:rotate(-30deg);
  493. left:430px;
  494. font-family:'Playfair Display', serif;
  495. text-shadow:2px 2px 5px #000;
  496. }
  497.  
  498. #link1 a {color:#C3CCB8; font-size:48px;
  499. -webkit-filter:blur(1px);
  500. -moz-transition-duration:.3s;
  501. -webkit-transition-duration:.3s;
  502. -o-transition-duration:.3s;}
  503.  
  504. #link2 {position:fixed;
  505. top:160px; transform:rotate(30deg);
  506. left:460px;
  507. font-family:'Playfair Display', serif;
  508. text-shadow:2px 2px 5px #000;
  509. }
  510.  
  511. #link2 a {color:#C3CCB8; font-size:30px;
  512. -webkit-filter:blur(0.8px);
  513. -moz-transition-duration:.3s;
  514. -webkit-transition-duration:.3s;
  515. -o-transition-duration:.3s;}
  516.  
  517. #link3 {position:fixed;
  518. top:20px; transform:rotate(20deg);
  519. left:470px;
  520. font-family:'Playfair Display', serif;
  521. text-shadow:2px 2px 5px #000;
  522. }
  523.  
  524. #link3 a {color:#A9B29E; font-size:14px;
  525. -webkit-filter:blur(1px);
  526. -moz-transition-duration:.3s;
  527. -webkit-transition-duration:.3s;
  528. -o-transition-duration:.3s;}
  529.  
  530. #link4 {position:fixed;
  531. top:220px; transform:rotate(-20deg);
  532. left:420px;
  533. font-family:'Playfair Display', serif;
  534. text-shadow:2px 2px 5px #000;
  535. }
  536.  
  537. #link4 a {color:#A9B29E; font-size:14px;
  538. -webkit-filter:blur(0.6px);
  539. -moz-transition-duration:.3s;
  540. -webkit-transition-duration:.3s;
  541. -o-transition-duration:.3s;}
  542.  
  543. #link1 a:hover, #link2 a:hover, #link3 a:hover, #link4 a:hover {-webkit-filter:blur(0px);
  544. -moz-transition-duration:1s;
  545. -webkit-transition-duration:1s;
  546. -o-transition-duration:1s; }
  547.  
  548. .link1ani {-webkit-animation-name: scalex1;
  549. -webkit-animation-duration:7s;
  550. -webkit-animation-iteration-count:infinite;
  551. -webkit-animation-timing-function:ease-in-out;
  552. -moz-animation-name: scale;
  553. -moz-animation-duration:7s;
  554. -moz-animation-iteration-count:infinite;
  555. -moz-animation-timing-function:ease-in-out;
  556. }
  557.  
  558. @-webkit-keyframes scalex1{
  559. from {-webkit-transform: scale(2);}
  560. 45% {-webkit-transform: scale(1.5);}
  561. to {-webkit-transform: scale(2);}
  562. }
  563.  
  564. @-moz-keyframes scale1{
  565. from {-webkit-transform: scale(0);}
  566. 45% {-webkit-transform: scale(0);}
  567. to {-webkit-transform: scale(0);}
  568. }
  569.  
  570. .link2ani{
  571. -webkit-animation-name:scalex2;
  572. -webkit-animation-duration:3s;
  573. -webkit-animation-iteration-count:infinite;
  574. -webkit-animation-timing-function:ease-in-out;
  575. -moz-animation-name: scale;
  576. -moz-animation-duration:3s;
  577. -moz-animation-iteration-count:infinite;
  578. -moz-animation-timing-function:ease-in-out;
  579. }
  580.  
  581. @-webkit-keyframes scalex2{
  582. from {-webkit-transform: scale(2);}
  583. 45% {-webkit-transform: scale(1.6);}
  584. to {-webkit-transform: scale(2);}
  585. }
  586.  
  587. @-moz-keyframes scale2{
  588. from {-webkit-transform: scale(0);}
  589. 45% {-webkit-transform: scale(0);}
  590. to {-webkit-transform: scale(0);}
  591. }
  592.  
  593. .link3ani{
  594. -webkit-animation-name: scalex4;
  595. -webkit-animation-duration:4s;
  596. -webkit-animation-iteration-count:infinite;
  597. -webkit-animation-timing-function:ease-in-out;
  598. -moz-animation-name: scale;
  599. -moz-animation-duration:4s;
  600. -moz-animation-iteration-count:infinite;
  601. -moz-animation-timing-function:ease-in-out;
  602. }
  603.  
  604. @-webkit-keyframes scalex4{
  605. from {-webkit-transform: scale(2.2);}
  606. 45% {-webkit-transform: scale(1.5);}
  607. to {-webkit-transform: scale(2.2);}
  608. }
  609.  
  610. @-moz-keyframes scale4{
  611. from {-webkit-transform: scale(0);}
  612. 45% {-webkit-transform: scale(0);}
  613. to {-webkit-transform: scale(0);}
  614. }
  615.  
  616. .link4ani{
  617. -webkit-animation-name: scalex5;
  618. -webkit-animation-duration:5s;
  619. -webkit-animation-iteration-count:infinite;
  620. -webkit-animation-timing-function:ease-in-out;
  621. -moz-animation-name: scale;
  622. -moz-animation-duration:5s;
  623. -moz-animation-iteration-count:infinite;
  624. -moz-animation-timing-function:ease-in-out;
  625. }
  626.  
  627. @-webkit-keyframes scalex5{
  628. from {-webkit-transform: scale(1);}
  629. 45% {-webkit-transform: scale(.75);}
  630. to {-webkit-transform: scale(1);}
  631. }
  632.  
  633. @-moz-keyframes scale5{
  634. from {-webkit-transform: scale(0);}
  635. 45% {-webkit-transform: scale(0);}
  636. to {-webkit-transform: scale(0);}
  637. }
  638.  
  639. #pagination {position:fixed;
  640. width:120px;
  641. color:{color:Background};
  642. font-family:'Playfair Display', serif;
  643. font-weight:bold;
  644. font-size:9pt;
  645. top:32px;
  646. left:1007px;
  647. letter-spacing:1px;
  648. text-align:right;
  649. text-transform:uppercase;
  650. }
  651.  
  652. #pagination a {
  653. color:{color:background};
  654. font-weight:bold;
  655. text-shadow:1px 1px 1px rgba(0,0,0,0.4);
  656. -moz-transition-duration:.5s;
  657. -webkit-transition-duration:.5s;
  658. -o-transition-duration:.5s;
  659. }
  660. #pagination a:hover {color:#000;
  661. -moz-transition-duration:.5s;
  662. -webkit-transition-duration:.5s;
  663. -o-transition-duration:.5s;
  664. }
  665.  
  666. #info {
  667. font-family:arial;
  668. width:400px;
  669. margin-top:5px;
  670. padding-top:7px;
  671. font-size:8px;
  672. color:{color:text};
  673. text-transform:uppercase;
  674. letter-spacing:1px;
  675. font-style:normal;
  676. text-align:center;
  677. -webkit-transition: all .7s linear;
  678. }
  679.  
  680. #info a {
  681. color:#C3CCB8;
  682. background:{color:background};
  683. padding:4px;
  684. font-style:normal;
  685. }
  686.  
  687. #info a:hover {
  688. color:#E9E9C9;
  689. -webkit-transition: all .4s linear;
  690. }
  691.  
  692. .tags {
  693. font-family:arial;
  694. width:390px; padding:5px;
  695. font-style:normal;
  696. line-height:120%;
  697. margin-top:10px;
  698. font-size:9px;
  699. text-align:center;
  700. }
  701. .tags a{
  702. color:#182E1E;
  703. -webkit-transition: all .7s linear;
  704. }
  705. .tags a:hover{
  706. color:{color:link hover};
  707. -webkit-transition: all .7s linear;
  708. }
  709.  
  710. #line {
  711. width:400px;
  712. height:1px;
  713. margin-top:-6px;
  714. background-color:{color:Background};
  715. }
  716.  
  717. .musicplayer{
  718. background-color:#222;
  719. margin:45px 0px 0px 35px;
  720. position:absolute;
  721. opacity:0.3;
  722. filter:alpha(opacity=30);
  723. border-radius:20px;
  724. padding-right:5px;
  725. width:27px;
  726. height:27px;
  727. overflow:hidden;
  728. z-index:2;
  729. -webkit-transition: all 0.7s ease-in-out;
  730. -moz-transition: all 0.7s ease-in-out;
  731. -o-transition: all 0.7s ease-in-out;
  732. }
  733.  
  734. .audio{
  735. width:400px;
  736. padding-bottom:10px;
  737. }
  738.  
  739. .audioimg{
  740. float:left;
  741. padding:10px 0px 0px 0px;
  742. }
  743.  
  744. .audioimg img{
  745. float:left;
  746. width:100px;
  747. -moz-border-radius:10px 0px 0px 10px;
  748. -webkit-border-radius:10px 0px 0px 10px;
  749. }
  750.  
  751.  
  752. .audioinfo{
  753. max-width:400px;
  754. font-size:12pt;
  755. font-style:italic;
  756. text-transform:uppercase;
  757. font-family:'playfair display', serif;
  758. color:{color:text};
  759. margin-left:51px;
  760. height:65px;
  761. display:block;
  762. text-align:center;
  763. background-color:rgba(0,0,0,0.2);
  764. padding-top:35px;
  765. -moz-border-radius:0px 10px 10px 0px;
  766. -webkit-border-radius:0px 10px 10px 0px;
  767. }
  768.  
  769. .chat {
  770. line-height:150%;list-style:none; font-family:'playfair display', serif;}
  771.  
  772. .chat ul {
  773. list-style: none;
  774. margin:5px;
  775. padding: 0;
  776. text-shadow:2px 2px 2px rgba(0,0,0,0.2);
  777. }
  778.  
  779. .chat .odd {color:#CACDA9;
  780. }
  781. .chat .even {color:#AFCDA9;
  782. }
  783.  
  784. .label {
  785. padding-right:1px;
  786. text-transform:normal;
  787. font-weight:bold;
  788. color:{color:link};
  789. }
  790.  
  791. .question {
  792. padding:9px;
  793. text-align:left;
  794. text-transform:italic;
  795. color:#848781;
  796. font-size:10px;
  797. background-color:rgba(255,255,255,0.2);
  798. border-left:3px solid #838a85;
  799. line-height:120%;
  800. }
  801.  
  802. .answer {
  803. text-align:left;
  804. padding-top:5px;
  805. color:{color:text};
  806. font-size:12px;
  807. }
  808. .answer pre {font-size:10px;}
  809.  
  810. .popup_block{
  811. display:none;
  812. overflow:scroll;
  813. overflow-x:hidden;
  814. text-align:justify;
  815. font-size:11px;
  816. line-height:110%;
  817. width:425px;
  818. height:500px;
  819. background:#2e4635;
  820. margin:0px; padding:0px;
  821. position:fixed;
  822. top:429px;left:939px;
  823. z-index: 99999;
  824. }
  825.  
  826. *html #fade {position: absolute;}
  827. *html .popup_block {position: absolute;}
  828. #fade {display:none;
  829. position: fixed; left: 0; top: 0;
  830. width: 100%; height: 100%;
  831. z-index:9999;
  832. }
  833.  
  834.  
  835. #updates{color:#A9B29E;
  836. position:fixed;
  837. width:144px;
  838. height:593px;
  839. top:72px;
  840. left:531px;
  841. overflow-y:hidden;
  842. text-align:justify;
  843. font-family:trajan pro 3; text-shadow:1px 1px 0px rgba(0,0,0,0.1);
  844. font-size:11px;
  845. padding-right:2px;
  846. line-height:124%;
  847. }
  848.  
  849. #updates b {font-size:9pt;
  850. font-family:'Playfair Display', serif;
  851. text-transform:uppercase;
  852. line-height:130%;
  853. font-weight:bold;
  854. }
  855.  
  856. .updtxt {margin-left:5px; margin-right:5px; word-spacing:4px; padding-left:4px; padding-right:5px;}
  857. .updtxt i {color:#A9B29E;}
  858. .updtxt b {color:#C3CCB8; text-shadow:2px 2px 1px rgba(0,0,0,0.3);}
  859.  
  860. .heading{font-family:minion pro;
  861. font-size:14px;
  862. margin-bottom:3px;
  863. font-weight:bold;
  864. text-transform:uppercase;
  865. line-height:110%;
  866. letter-spacing:2px;
  867. text-shadow:1px 1px 1px rgba(0,0,0,0.5);
  868. }
  869.  
  870. .subheading{font-family:minion pro;
  871. margin-top:5px; margin-right:3px; margin-left:3px;
  872. font-size:10px;
  873. letter-spacing:2px;
  874. text-transform:uppercase;
  875. line-height:120%;}
  876.  
  877. .brk {font-family:trajan pro 3;
  878. font-size:9px;
  879. padding:4px 5px 3px 4px;
  880. letter-spacing:2px;
  881. color:#767F6B;
  882. text-transform:uppercase;
  883. text-align:center;
  884. font-weight:bold;
  885. background:rgba(0,0,0,0.3);
  886. line-height:120%;}
  887.  
  888.  
  889.  
  890. .king1 {font-family:minion pro; letter-spacing:2px;
  891. font-size:18pt; text-transform:uppercase;
  892. text-align:center;
  893. }
  894.  
  895. .king1 a {color:#8a9c97; text-decoration:underline;}
  896.  
  897. .king2 {margin-left:20px; margin-right:20px; padding:5px; margin-top:5px;
  898. box-shadow: 0px 0px 10px 5px #48604F;
  899. text-align:justify;
  900. background:#48604F;
  901. border-radius:10px;
  902. height:250px; font-size:11px;
  903. overflow:scroll; overflow-x:hidden;
  904. }
  905. .king2 span {text-transform:uppercase;
  906. font-weight:bold; font-family:minion pro;
  907. font-size:11px;
  908. }
  909. .king3 {margin-left:20px; margin-right:20px; padding:5px;
  910. line-height:120%;
  911. box-shadow: 0px 0px 10px 5px #48604F;
  912. background:#48604F;
  913. text-align:justify;
  914. border-radius:10px;
  915. font-size:11px;
  916. }
  917.  
  918. .king3 b {font-family:'Playfair Display', serif;
  919. color:#fff; text-transform:lowercase; letter-spacing:0.5px;
  920. }
  921. .king3 span {text-transform:uppercase;
  922. font-weight:bold; font-family:minion pro;
  923. font-size:11px;
  924. }
  925.  
  926. .verseleft {float:left; margin-right:3px;}
  927. .verseright {float:right; margin-left:3px;}
  928. .versetitle1 {text-transform:uppercase;
  929. letter-spacing:1px; padding-bottom:5px;
  930. font-weight:bold; font-family:talldark;
  931. font-size:13pt;}
  932. .versecontent1 {margin-right:10px; font-size:11px;}
  933. .versecontent1 span {text-transform:uppercase;
  934. font-weight:bold; font-family:minion pro;
  935. font-size:10px;}
  936. .versetitle2 {text-transform:uppercase;
  937. letter-spacing:1px; margin-bottom:5px;
  938. font-weight:bold; font-family:talldark; text-align:right;
  939. font-size:13pt;}
  940. .versecontent2 {margin-left:10px; text-align:right;font-size:11px;}
  941. .versecontent2 span {text-transform:uppercase;
  942. font-weight:bold; font-family:minion pro;
  943. font-size:10px;}
  944.  
  945.  
  946. {CustomCSS}</style></head><body>
  947.  
  948. <!-- SCM Music Player http://scmplayer.co -->
  949. <script type="text/javascript" src="https://scmplayer.co/script.js"
  950. data-config="{'skin':'https://static.tumblr.com/wx6pget/hAinc7m11/.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'KING.','url':'https://dl.dropbox.com/s/jv7r632a4424dnu/king.mp3'},{'title':'OF IRON AND GOLD.','url':'https://dl.dropbox.com/s/emh1c0vfj62voud/Of%20Iron%20and%20Gold.mp3'},{'title':'WINTERSAGA.','url':'https://dl.dropbox.com/s/hgrs3riqk9ccyp6/wintersaga.mp3'},{'title':'LOVE ALWAYS WAITS.','url':'https://dl.dropbox.com/s/dl58k50j33e5z9b/love%20always%20waits.mp3'},{'title':'TO CAMELOT.','url':'https://dl.dropbox.com/s/yccbsubn0d7046d/To%20Camelot.mp3'}]}" ></script>
  951. <!-- SCM Music Player script end -->
  952.  
  953.  
  954.  
  955.  
  956. <div id="theme">
  957.  
  958. <div id="link1"><div class="link1ani"><a href="#?w=425" rel="box1" class="poplight" title="โ€”the future king.">๐ŸŸ†</a></div></div>
  959. <div id="link2"><div class="link2ani"><a href="#?w=425" rel="box3" class="poplight" title="โ€”contract.">๐ŸŸ„</a></div></div>
  960. <div id="link3"><div class="link3ani"><a href="#?w=425" rel="box4" class="poplight" title="โ€”speak.">โœฆ</a></div></div>
  961. <div id="link4"><div class="link3ani"><a href="#?w=425" rel="box5" class="poplight" title="โ€”travel.">โœฆ</a></div></div>
  962.  
  963.  
  964.  
  965.  
  966. <div id="entries">{block:Posts}<div id="post">
  967.  
  968. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div style="text-align:justify; margin:10px;">{Body}</div> {/block:Text}
  969.  
  970. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  971.  
  972. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  973.  
  974. {block:Quote} <div style="text-align:justify; font-size:14pt; font-weight:bold; text-transform:lowercase; padding:5px; font-family:'Playfair Display', serif; line-height:110%; padding-top:5px; text-shadow:2px 2px 2px rgba(0,0,0,0.2);">{Quote}</div>{block:Source} <div style="text-align:right; font-size:11px; font-style:italic; padding-right:10px; padding-top:5px; padding-bottom:5px;">โ€” {Source}</div>{/block:Source}{/block:Quote}
  975.  
  976. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  977.  
  978. {block:Chat}
  979. <div class="chat">
  980. <ul>
  981. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  982. </ul>
  983. </div>
  984. {/block:Chat}{hw}
  985.  
  986. {block:Audio}
  987. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  988. <div class="audioimg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  989. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  990. <div style="font-size:8px;font-family:cambria;letter-spacing:1px;margin-top:5px;text-transform:uppercase;font-style:normal;">{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div></div>{/block:Audio}
  991.  
  992. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  993.  
  994. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;&nbsp; {ASKER}:<br><i>&nbsp;&nbsp; {Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  995.  
  996. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  997. {/block:Date} {block:NoteCount}&nbsp; <a href="{Permalink}">( {NoteCount} )</a> {/block:NoteCount}
  998.  
  999. &nbsp;{block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} </br>
  1000. </div>
  1001.  
  1002. <div id="line"></div>
  1003.  
  1004. {block:HasTags}
  1005. <div class="tags">
  1006. {block:Tags} <a href="{TagURL}"> <big>&bull;</big> {Tag} &nbsp; </a> {/block:Tags}</div>
  1007. {/block:HasTags}
  1008. <div class="postnote">
  1009. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1010. </div>
  1011.  
  1012. </div>
  1013.  
  1014. {/block:Posts}
  1015. </div></div>
  1016.  
  1017. <div id="pagination">
  1018. {block:Pagination}
  1019. {block:PreviousPage}
  1020. <a href="{PreviousPage}">RISE</a>
  1021. {/block:PreviousPage} &nbsp; &mdash; &nbsp;
  1022. {block:NextPage}
  1023. <a href="{NextPage}">FALL</a>
  1024. {/block:NextPage}
  1025. {/block:Pagination}
  1026. </div>
  1027. </div>
  1028.  
  1029.  
  1030. <div id="updates">
  1031. <!-------------------------INSERT UPDATES HERE----------------------->
  1032.  
  1033. <div class="brk">subtitle.</div>
  1034. <div class="updtxt"><p><b>โ› &nbsp;</b><i><strike>&nbsp; &nbsp; &nbsp;</strike>this is some lame ass text for your sidebar. &nbsp; make sure to keep the breaks in between the sentences if you're an aesthetic bitch like me. &nbsp; <b>this are bold. &nbsp; it will always be in caps.</b> &nbsp; <u>underline works as well.</u> &nbsp;</i><b>โœ</b></div>
  1035.  
  1036. <p><div class="brk"></div>
  1037. <center><p><div class="heading">muse name i guess.</div><div class="subheading">whatever subtitle u want.
  1038. <br><div style="color:#767F6B; font-style:italic; margin-top:5px;">another subtitle.</div>
  1039. </div>
  1040. <p><div class="brk"></div>
  1041.  
  1042. <p>keep this shit short.
  1043. <p>it will look like shit if you make it big.
  1044. </center>
  1045. <p><div class="brk">put whatever the fuck you want in here</div>
  1046. <p>
  1047. i don't give a fuck what you put down here either but if you want to use another quote copy the code from the top of the sidebar.
  1048.  
  1049. <!-------------------------------------END-------------------------------------->
  1050. </div>
  1051.  
  1052. </div>
  1053.  
  1054.  
  1055. </body>
  1056.  
  1057.  
  1058.  
  1059. <div id="box1" class="popup_block"><p><br>
  1060. <img src="https://66.media.tumblr.com/451567265bba9863440d3c2b377cdd2b/913116c285bba97f-02/s540x810/44063395c2160304fe2ea9162fd23e7691f1a891.png"><p><div class="king1"><strike>&nbsp; &nbsp; &nbsp; </strike><a href="#?w=425" rel="box2" class="poplight">๐„ ๐ ๐“ ๐„ ๐‘</a>.</div>
  1061. </div>
  1062.  
  1063. <div id="box2" class="popup_block"><img src="https://66.media.tumblr.com/e58c9989e6b174675d43524b4e6bcefc/913116c285bba97f-e8/s540x810/b0b467e0b7703dffe848613f000c06a686f13ee6.png">
  1064. <p><div class="king2">
  1065. &nbsp; &nbsp; &nbsp; <span>CROWN PRINCE</span>, some call him; the one with broad shoulders upon which rest a future kingdom. &nbsp; <span>GOLDENGLASS</span>, he is also called &mdash; the fair-haired glassblower from ered luin; one calls him <i>nephew</i>, and one calls him <i><a title="khuzdรปl :: brother">nadad</a></i>, and, for him, these are all better than being called <span>KING</span>.
  1066. <p>&nbsp; &nbsp; &nbsp;<span>FรLI DURINSON</span> is surprisingly amenable for a dwarf. &nbsp; level-headed and patient at his best, and vicious and secretive at his worst, he is every bit a dwarf: and every bit not one. &nbsp; perhaps, one day, he will make a fine king &mdash; should he survive so long.
  1067. </div>
  1068. </div>
  1069.  
  1070. <div id="box3" class="popup_block">
  1071. <h1>the basics.</h1><div class="king3">THIS IS A PRIVATE + HIGHLY SELECTIVE + LOW ACTIVITY + MATURE ROLEPLAY BLOG FOR FรLI DURINSON FROM THE HOBBIT. &nbsp; 70% film + 10% book + 20% my own headcanons. &nbsp; includes fix-it content because fuck the battle of five armies.
  1072. <p>
  1073. <b>PRIVATE STATUS.</b> &nbsp; &nbsp; This means that I will only interact with and write with mutuals. My inbox and IM are open to all, but do not abuse this to skirt around my private status or I will lock that shit down. If youโ€™re not a mutual, youโ€™re still welcome to continue following me.
  1074. <p>
  1075. <b>SELECTIVE STATUS.</b> &nbsp; &nbsp; This means that I wonโ€™t respond to everything thatโ€™s sent my way, and I will not honor threads in a โ€˜first come first servedโ€™ manner. I write what inspires me. Period.
  1076. <p>
  1077. <b>LOW ACTIVITY.</b> &nbsp; &nbsp; This is because I run multiple blogs, roleplay on discord (see more below) and also have a full-time job. Do not expect me to respond to everything at the drop of a hat; if I havenโ€™t replied, Iโ€™m very likely not around.</div>
  1078.  
  1079. <br><h1>standard rules.</h1>
  1080. <div class="king3"><b>21+ MUNS ONLY.</b> &nbsp; &nbsp; I will not interact with blogs run by people under the age of 18. Have your age clearly visible in your rules, or I will not follow you.
  1081. <p>
  1082. <b>BLOG IS NSFW.</b> &nbsp; &nbsp; Mature / triggering content will be on this blog. This most likely means violence and gore. Sexual themes will be played on discord but may be discussed on blog. I am of age (27) and have no triggers, and I use my blogs to explore dark topics because they are fun for me to write. If you have a trigger, please let me know so I can tag it.
  1083. <p>
  1084. <b>NO PERSONALS.</b> &nbsp; &nbsp; Donโ€™t follow me or interact with me. Donโ€™t reblog my roleplays. Please just go away. I will block you if you donโ€™t.
  1085. <p>
  1086. <b>NO ANON HATE OR DRAMA.</b> &nbsp; &nbsp; Iโ€™m so sick of it guys. Grow up. Go outside. Hug a tree. Touch some grass. Thereโ€™s a real world out there with enough actual drama to give me an ulcer: keep it off my fucking dash.
  1087. <p>
  1088. <b>I DON'T BELIEVE IN MAINS OR EXCLUSIVES.</b> &nbsp; &nbsp; Itโ€™s limiting. I wanna write what I wanna write, with whomever wants to write it with me. If you want to make me a main or be exclusive with me, thatโ€™s fine: just donโ€™t expect me to return the favor.
  1089. <p>
  1090. <b>I WILL NOT INTERACT WITH BLOGS THAT DO NOT HAVE A RULES PAGE.</b> &nbsp; &nbsp; No exceptions. If you donโ€™t have a rules page and then claim I โ€˜broke a ruleโ€™, you are human garbage.
  1091. <p>
  1092. <b>SEND IN ALL THE MEMES.</b> &nbsp; &nbsp; Theyโ€™re the best way to get my muse to interact with you!
  1093. <p>
  1094. <b>IMING ME TO PLOT IS HIGHLY ENCOURAGED.</b> &nbsp; &nbsp; PLEASE DO THIS. Itโ€™s so much easier to get on with my muse (and me!) if you reach out to me via IM.
  1095. </div>
  1096.  
  1097. <br><h1>SHIPPING AND SMUT.</h1>
  1098. <div class="king3"><b>i will never hate on you or unfollow you for your ships.</b> &nbsp; &nbsp; <i>This is a shipping safe zone.</i> &nbsp; What you want to write is what you want to write, and I'm happy to see you happy. &nbsp; Write on, you beautiful dreamer.
  1099. <p>
  1100. <b>I AM MULTISHIP.</b> &nbsp; &nbsp; I donโ€™t want to see butthurt because โ€˜you were already shipping with meโ€™.
  1101. <p>
  1102. <b>I ONLY SHIP BASED ON CHEMISTRY.</b> &nbsp; &nbsp; I will not write a ship just because 'everyone else writes itโ€™. If youโ€™re the second part of my OTPs (see below), please IM me to discuss shippy things. If youโ€™re not and our muses develop chemistry through the writing process, you bet your ass youโ€™re getting your own tag.
  1103. <p>
  1104. <b>A NOTE REGARDING SMUT.</b> &nbsp; &nbsp; Smut will always be played on discord, though there will be mentions of sexual themes / fade-to-black threads on my blog.
  1105. <p><b>MY OTPs.</b> &nbsp; &nbsp; I mainly ship <i>Fรญli x Kรญli</i> &nbsp;( see below ) , <i>Fรญli x Legolas</i>, and <i>Fรญli x Sigrid</i>.
  1106. <p>
  1107. <b>fรญli and kรญli.</b> &nbsp; &nbsp; Fรญli and Kรญli will <i>always</i> have a close relationship on my blog; that doesn't mean a <i>ship</i> in the traditional sense, but Kรญli is a strong, strong force in Fรญli's life, so expect lots of Kรญli-centric posts on here. &nbsp; I headcanon that dwarvish culture does not frown upon sibling relations; this is because I have researched much of the time period(s) that middle earth is based on. &nbsp; I see Fรญli and Kรญli as metaphorical extensions of one another who struggle with their independence due to the conditions they were raised in. &nbsp; It is not romance; there will be no dating or 'omg i think im in love with u'; it is closeness and protectiveness, a sense that they were the same soul split into two forms. &nbsp; I loathe when people ignore historical bias because something isn't acceptable or appropriate for our current time and culture, and I will not be ignoring historical beliefs just to fit in and be 'acceptable'. &nbsp; <b>Fiction does not equal reality; the fact that i have to say this is saddening.</b> &nbsp; If you want to avoid seeing anything of this nature, please block the tag &nbsp;<i>' block: fiki '</i>&nbsp; ; if you have a problem with the fact that I ship Fรญli and Kรญli, despite the fact that this is not a 'ship' by the definition of the word, do not send anon hate or vague about me &mdash; simply don't follow me.
  1108. </div>
  1109.  
  1110. <br><h1>MUN INFO.</h1>
  1111. <div class="king3"><b>Winter</b>. &nbsp; &nbsp; 27. MST. INFP-T. Depressed. Anxious. Perpetually in love with food and CSS.
  1112. <p>
  1113. <b>SCHEDULE.</b> &nbsp; &nbsp; I have a full time job at a medical device manufacturing facility. Iโ€™m usually away from my computer from noon to 10:15 pm mst monday through friday, and I mainly write on weekends or holidays. I have the tumblr app to keep tabs on things while Iโ€™m on break, but I wonโ€™t reply until I have time to actually sit down and format shit.
  1114. <p>
  1115. <b>DISCORD.</b> &nbsp; &nbsp; I really love roleplaying on discord, and actually get a lot more done there because I donโ€™t have to format. If weโ€™re mutuals, feel free to add me and hmu at any time.</div>
  1116.  
  1117. <br><h1>CREDITS.</h1>
  1118. <div class="king3"><b>theme.</b> &nbsp; &nbsp; <a href="https://musesbywinter">winter</a> made this piece of shit using base codes from <a href="https://hollywhood.tumblr.com/">hollywhood</a>. floating blob effect is from <a href="http://www.mf2fm.com/rv/dhtmlblobs-in-a-jar.php">here</a>.
  1119. <p>
  1120. <b>PSD.</b> &nbsp; &nbsp; My psd is <a href="https://www.deviantart.com/jaynedits/art/PSD-019-SWAN-SONG-812453861">swan song</a> by jaynedits. They are also responsible for my icon template.
  1121. <p>
  1122. <b>images.</b> &nbsp; &nbsp; All images of Fรญli are screencaps or promotional material from the films. Dean O'Gorman owns his face.
  1123. </div>
  1124. <br>
  1125. </div>
  1126.  
  1127. <div id="box4" class="popup_block">
  1128. <h1><big>โ€”approach.</big></h1><center><p><iframe frameborder="0" height="350" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/zirizant.tumblr.com" width="90%"></iframe>
  1129. </center>
  1130. </div>
  1131.  
  1132. <div id="box5" class="popup_block">
  1133. <h1>navigation:</h1>
  1134. <h2>&nbsp; &nbsp; &nbsp; the prince.</h2>
  1135. <div class="king3"><span>
  1136. <a href="/tagged/NOTREADYYET">about.</a>
  1137. &nbsp; &nbsp; &nbsp; &nbsp;
  1138. <a href="/tagged/โ–Œ ( markhazghzarsul: oakenshield. ) โ€”โ€” ๐€๐„๐’. โ–">aesthetic.</a>
  1139. &nbsp; &nbsp; &nbsp; &nbsp;
  1140. <a href="/tagged/โ–Œโ—“ ( heavy lies the crown. )โ€” HEADCANON.">headcanon.</a>
  1141. &nbsp; &nbsp; &nbsp; &nbsp;
  1142. <a href="/tagged/โ–Œ ( zirizant: golden hair. ) โ€”โ€” ๐…๐ˆ๐‹๐ˆ. โ–">self.</a>
  1143. &nbsp; &nbsp; &nbsp; &nbsp;
  1144. <a href="/tagged/โ–Œ ( akamรขth: songs of the mountain. ) โ€”โ€” ๐’๐Ž๐๐†๐’. โ–">songs.</a>
  1145. &nbsp; &nbsp; &nbsp; &nbsp;
  1146. <a href="/tagged/โ–Œ ( aranรขk: thoughts of oakenshield. ) โ€”โ€” ๐“๐‡๐Ž๐”๐†๐‡๐“๐’. โ–">thoughts.</a>
  1147. </span></div>
  1148.  
  1149. <h2>&nbsp; &nbsp; &nbsp; the company.</h2>
  1150. <div class="king3"><span>
  1151. <a href="/tagged/โ–Œ ( zunugmalkรปn: brave hobbit. ) โ€”โ€” ๐๐ˆ๐‹๐๐Ž. โ–">bilbo.</a>
  1152. &nbsp; &nbsp; &nbsp; &nbsp;
  1153. <a href="/tagged/โ–Œ ( kibilufkak: silver archer. ) โ€”โ€” ๐Š๐ˆ๐‹๐ˆ. โ–">kรญli.</a>
  1154. &nbsp; &nbsp; &nbsp; &nbsp;
  1155. <a href="/tagged/โ–Œ ( thekeluzbad: steel king. ) โ€”โ€” ๐“๐‡๐Ž๐‘๐ˆ๐. โ–">thorin.</a>
  1156. </span></div>
  1157.  
  1158. <h2>&nbsp; &nbsp; &nbsp; the world.</h2>
  1159. <div class="king3"><span>
  1160. <a href="/tagged/โ–Œ ( azsรขlul'abad: stolen homeland. ) โ€”โ€” ๐„๐‘๐„๐๐Ž๐‘. โ–">erebor.</a>
  1161. &nbsp; &nbsp; &nbsp; &nbsp;
  1162. <a href="/tagged/โ–Œ ( mesรชm: hewn from rock. ) โ€”โ€” ๐†๐„๐Œ๐’. โ–">gems.</a>
  1163. &nbsp; &nbsp; &nbsp; &nbsp;
  1164. <a href="/tagged/โ–Œ ( 'urรขd: jagged peaks of stone. ) โ€”โ€” ๐Œ๐Ž๐”๐๐“๐€๐ˆ๐๐’. โ–">mountains.</a>
  1165. </span></div>
  1166.  
  1167. <h2>&nbsp; &nbsp; &nbsp; others of note.</h2>
  1168. <div class="king3"><span>
  1169. <a href="/tagged/โ–Œ ( khuzdu'urs: fiery dwarrow. ) โ€”โ€” ๐†๐ˆ๐Œ๐‹๐ˆ. โ–">gimli.</a>
  1170. &nbsp; &nbsp; &nbsp; &nbsp;
  1171. <a href="/tagged/โ–Œ ( injamudanakh: leaf of green. ) โ€”โ€” ๐‹๐„๐†๐Ž๐‹๐€๐’. โ–">legolas.</a>
  1172. </span></div>
  1173.  
  1174.  
  1175. <h2>&nbsp; &nbsp; &nbsp; resources.</h2>
  1176. <div class="king3"><span>
  1177. <a href="/tagged/โ–Œ ( saglรชl: questions to start a journey. ) โ€”โ€” ๐Œ๐„๐Œ๐„๐’. โ–">memes.</a>
  1178. &nbsp; &nbsp; &nbsp; &nbsp;
  1179. <a href="/tagged/โ–Œ ( zarabรขl: faceless writer. ) โ€”โ€” ๐Ž๐Ž๐‚. โ–">ooc.</a>
  1180. &nbsp; &nbsp; &nbsp; &nbsp;
  1181. <a href="/tagged/โ–Œ ( galdur: worth its weight. ) โ€”โ€” ๐๐‘๐Ž๐Œ๐Ž. โ–">promos.</a>
  1182. </span></div>
  1183. </div>
  1184.  
  1185.  
  1186.  
  1187. </div></div></div></div></div></div></div></div></div></div>
  1188.  
  1189. </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!