API tools faq
paste
Advertisement
xmfc009

irnhart theme

xmfc009
Apr 20th, 2020
28
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.35 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.  
  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:'Roboto', sans-serif;
  67. z-index: 100000;
  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(255,82,82,0.7); /*background color*/
  116. font-family:'Oswald', sans-serif; /*tooltip font*/
  117. text-align:center;
  118. font-size:11px; /*tooltip font size*/
  119. font-weight:bold;
  120. letter-spacing:2px;
  121. font-style:italic;
  122. text-transform:lowercase; /*makes the tooltip title uppercase*/
  123. color:#ffffff; /*tooltip font color*/
  124. text-shadow:1px 1px 0px rgba(0,0,0,0.5);
  125. z-index:999999;
  126. }
  127. </style>
  128.  
  129.  
  130. <!--FIREFLIES-->
  131.  
  132. <script type="text/javascript">
  133. // <![CDATA[
  134. var colour="rgba(222,225,232,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/css2?family=Oswald&family=Roboto&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:'Oswald', sans-serif;
  355. font-size:16pt;
  356. word-spacing:3px; letter-spacing:1px;
  357. text-transform:uppercase;
  358. text-align:center;
  359. line-height:100%;
  360. text-transform:normal;
  361. color:#ff5252;
  362. background:rgba(0,0,0,0.3);
  363. padding:5px;
  364. margin-left:15px; margin-right:15px;
  365. border-radius:20px;
  366. }
  367.  
  368. h2 {
  369. font-size:14pt;
  370. letter-spacing:1px;
  371. line-height:100%;
  372. color:{color:text};
  373. font-family:'Oswald', sans-serif;
  374. text-transform:uppercase;
  375. text-shadow:0px 0px 6px #555;
  376. }
  377.  
  378.  
  379. blockquote {
  380. padding-left:20px;
  381. margin-left:10px;
  382. padding-top:1px;
  383. padding-bottom:1px;
  384. margin-right:10px;
  385. border-left:2px solid #35383b;
  386. -moz-border-radius:10px;
  387. -webkit-border-radius:10px;
  388. }
  389.  
  390. blockquote blockquote {text-align:justify; margin-right:5px;}
  391.  
  392.  
  393. body {
  394. background:{color:background};
  395. margin:0px;
  396. color:{color:text};
  397. font-family:'Roboto', sans-serif;
  398. font-size:10px;
  399. line-height:100%;
  400. background-attachment:fixed;
  401. background-image: url('https://i.imgur.com/LUYQblw.png');
  402. background-repeat:no-repeat;
  403. background-size:2000px 1335px;
  404. }
  405.  
  406. small, sub, sup {font-size:10px;}
  407.  
  408. a {
  409. text-decoration:none;
  410. outline:none;
  411. -moz-outline-style:none;
  412. color:{color:link};
  413. -moz-transition-duration:0.5s;
  414. -webkit-transition-duration:0.5s;
  415. -o-transition-duration:0.5s;
  416. }
  417.  
  418. a:hover {
  419. text-decoration:none;
  420. outline:none;
  421. -moz-outline-style:none;
  422. color:{color:link hover};
  423. }
  424.  
  425. #post b {
  426. font-family:'Oswald', sans-serif; font-size:12px;
  427. }
  428.  
  429. #post i {
  430. color:#7ADBDF;
  431. }
  432.  
  433. img {
  434. border:none;
  435. }
  436.  
  437. #theme {
  438. width:400px;
  439. margin:0 auto -12px auto;
  440. }
  441.  
  442. #post {
  443. width:400px;
  444. padding-top:5px;
  445. padding-left:5px;
  446. padding-right:5px;
  447. padding-bottom:5px;
  448. margin-bottom:20px;
  449. background:rgba(255,255,255,0.15);
  450. font-family:'Roboto', sans-serif;
  451. font-size:10px;
  452. word-spacing:3px; letter-spacing:1px;
  453. border-radius:5px;
  454. line-height:130%;
  455. }
  456.  
  457. #entries {
  458. width:421px;
  459. height:484px;
  460. left:594px;
  461. top:147px;
  462. margin-bottom:30px;
  463. position:fixed;
  464. overflow:scroll;
  465. overflow-x:hidden;
  466. background-color:transparent;
  467. }
  468.  
  469. #post img {max-width:100%;
  470. -webkit-filter:grayscale(50%);
  471. opacity:0.5;
  472. filter:alpha(opacity=50);
  473. -webkit-transition-duration:.7s;
  474. -moz-transition-duration:.7s;
  475. -o-transition-duration:.7s;
  476. -ms-transition-duration:.7s;}
  477. #post img:hover {opacity:1;
  478. filter:alpha(opacity=100);
  479. -webkit-filter:none;}
  480.  
  481. .html_photoset {opacity:0.5;
  482. filter:alpha(opacity=50);
  483. -webkit-filter: grayscale(50%);
  484. -webkit-transition: all .25s;}
  485.  
  486. .html_photoset:hover {opacity:1;
  487. filter:alpha(opacity=100);
  488. -webkit-filter: none;}
  489.  
  490. pre {background-color:rgba(0,0,0,0.2); margin:5px; padding:10px;
  491. font-family:'Oswald', sans-serif;
  492. border-radius:5px;
  493. white-space: pre-wrap;
  494. white-space: -moz-pre-wrap;
  495. white-space: -pre-wrap;
  496. white-space: -o-pre-wrap;
  497. word-wrap: break-word;
  498. }
  499.  
  500. /* ----- do not use ------- */
  501.  
  502.  
  503.  
  504. #link1 {position:fixed;
  505. top:520px; left:342px;
  506. font-family:'Oswald', sans-serif;
  507. text-shadow:0px 0px 5px #60c1c5;
  508. }
  509.  
  510. #link1 a {color:#60C1C5; font-size:40px;
  511. -webkit-filter:blur(1px);
  512. -moz-transition-duration:.3s;
  513. -webkit-transition-duration:.3s;
  514. -o-transition-duration:.3s;}
  515.  
  516. #link2 {position:fixed;
  517. top:575px; left:280px;
  518. font-family:'Oswald', sans-serif;
  519. text-shadow:0px 0px 3px #47A8AC;
  520. }
  521.  
  522. #link2 a {color:#47A8AC; font-size:24px;
  523. -webkit-filter:blur(0.8px);
  524. -moz-transition-duration:.3s;
  525. -webkit-transition-duration:.3s;
  526. -o-transition-duration:.3s;}
  527.  
  528. #link3 {position:fixed;
  529. top:490px; left:290px;
  530. font-family:'Oswald', sans-serif;
  531. text-shadow:0px 0px 3px #47A8AC;
  532. }
  533.  
  534. #link3 a {color:#47A8AC; font-size:36px;
  535. -webkit-filter:blur(0.8px);
  536. -moz-transition-duration:.3s;
  537. -webkit-transition-duration:.3s;
  538. -o-transition-duration:.3s;}
  539.  
  540. #link4 {position:fixed;
  541. top:560px; transform:rotate(25deg);
  542. left:200px;
  543. font-family:'Oswald', sans-serif;
  544. text-shadow:0px 0px 3px #2D8E92;
  545. }
  546.  
  547. #link4 a {color:#2D8E92; font-size:36px;
  548. -webkit-filter:blur(0.8px);
  549. -moz-transition-duration:.3s;
  550. -webkit-transition-duration:.3s;
  551. -o-transition-duration:.3s;}
  552.  
  553. #link1 a:hover, #link2 a:hover, #link3 a:hover, #link4 a:hover {-webkit-filter:blur(0px);
  554. -moz-transition-duration:1s;
  555. -webkit-transition-duration:1s;
  556. -o-transition-duration:1s; }
  557.  
  558. .link1ani {-webkit-animation-name: scalex1;
  559. -webkit-animation-duration:7s;
  560. -webkit-animation-iteration-count:infinite;
  561. -webkit-animation-timing-function:ease-in-out;
  562. -moz-animation-name: scale;
  563. -moz-animation-duration:7s;
  564. -moz-animation-iteration-count:infinite;
  565. -moz-animation-timing-function:ease-in-out;
  566. }
  567.  
  568. @-webkit-keyframes scalex1{
  569. from {-webkit-transform: scale(2);}
  570. 45% {-webkit-transform: scale(1.5);}
  571. to {-webkit-transform: scale(2);}
  572. }
  573.  
  574. @-moz-keyframes scale1{
  575. from {-webkit-transform: scale(0);}
  576. 45% {-webkit-transform: scale(0);}
  577. to {-webkit-transform: scale(0);}
  578. }
  579.  
  580. .link2ani{
  581. -webkit-animation-name:scalex2;
  582. -webkit-animation-duration:3s;
  583. -webkit-animation-iteration-count:infinite;
  584. -webkit-animation-timing-function:ease-in-out;
  585. -moz-animation-name: scale;
  586. -moz-animation-duration:3s;
  587. -moz-animation-iteration-count:infinite;
  588. -moz-animation-timing-function:ease-in-out;
  589. }
  590.  
  591. @-webkit-keyframes scalex2{
  592. from {-webkit-transform: scale(2);}
  593. 45% {-webkit-transform: scale(1.6);}
  594. to {-webkit-transform: scale(2);}
  595. }
  596.  
  597. @-moz-keyframes scale2{
  598. from {-webkit-transform: scale(0);}
  599. 45% {-webkit-transform: scale(0);}
  600. to {-webkit-transform: scale(0);}
  601. }
  602.  
  603. .link3ani{
  604. -webkit-animation-name: scalex4;
  605. -webkit-animation-duration:5s;
  606. -webkit-animation-iteration-count:infinite;
  607. -webkit-animation-timing-function:ease-in-out;
  608. -moz-animation-name: scale;
  609. -moz-animation-duration:5s;
  610. -moz-animation-iteration-count:infinite;
  611. -moz-animation-timing-function:ease-in-out;
  612. }
  613.  
  614. @-webkit-keyframes scalex4{
  615. from {-webkit-transform: scale(2);}
  616. 45% {-webkit-transform: scale(1.5);}
  617. to {-webkit-transform: scale(2);}
  618. }
  619.  
  620. @-moz-keyframes scale4{
  621. from {-webkit-transform: scale(0);}
  622. 45% {-webkit-transform: scale(0);}
  623. to {-webkit-transform: scale(0);}
  624. }
  625.  
  626. .link4ani{
  627. -webkit-animation-name: scalex5;
  628. -webkit-animation-duration:4s;
  629. -webkit-animation-iteration-count:infinite;
  630. -webkit-animation-timing-function:ease-in-out;
  631. -moz-animation-name: scale;
  632. -moz-animation-duration:4s;
  633. -moz-animation-iteration-count:infinite;
  634. -moz-animation-timing-function:ease-in-out;
  635. }
  636.  
  637. @-webkit-keyframes scalex5{
  638. from {-webkit-transform: scale(1.4);}
  639. 45% {-webkit-transform: scale(1);}
  640. to {-webkit-transform: scale(1.4);}
  641. }
  642.  
  643. @-moz-keyframes scale5{
  644. from {-webkit-transform: scale(0);}
  645. 45% {-webkit-transform: scale(0);}
  646. to {-webkit-transform: scale(0);}
  647. }
  648.  
  649. #pagination {position:fixed;
  650. width:120px;
  651. font-family:'Oswald', sans-serif;
  652. font-size:16pt;
  653. top:30px;
  654. left:850px;
  655. letter-spacing:1px;
  656. text-align:right;
  657. text-transform:uppercase;
  658. }
  659.  
  660. #pagination a {
  661. color:#60C1C5;
  662. text-shadow:0px 0px 8px #60C1C5;
  663. -moz-transition-duration:.5s;
  664. -webkit-transition-duration:.5s;
  665. -o-transition-duration:.5s;
  666. }
  667. #pagination a:hover {color:#000;
  668. -moz-transition-duration:.5s;
  669. -webkit-transition-duration:.5s;
  670. -o-transition-duration:.5s;
  671. }
  672.  
  673. #info {
  674. font-family:'Roboto', sans-serif;
  675. width:400px;
  676. margin-top:5px;
  677. padding-top:7px;
  678. font-size:8px;
  679. color:{color:text};
  680. text-transform:uppercase;
  681. letter-spacing:1px;
  682. font-style:normal;
  683. text-align:center;
  684. -webkit-transition: all .7s linear;
  685. }
  686.  
  687. #info a {
  688. color:#bdb7ad;
  689. background:{color:background};
  690. padding:4px;
  691. font-style:normal;
  692. }
  693.  
  694. #info a:hover {
  695. color:{color:link hover};
  696. -webkit-transition: all .4s linear;
  697. }
  698.  
  699. .tags {
  700. font-family:'Roboto', sans-serif;
  701. width:390px; padding:5px;
  702. font-style:normal;
  703. line-height:120%;
  704. margin-top:10px;
  705. font-size:10px;
  706. text-align:center;
  707. }
  708. .tags a{
  709. color:{color:Background};
  710. -webkit-transition: all .7s linear;
  711. }
  712. .tags a:hover{
  713. color:{color:link hover};
  714. -webkit-transition: all .7s linear;
  715. }
  716.  
  717. #line {
  718. width:400px;
  719. height:1px;
  720. margin-top:-6px;
  721. background-color:{color:Background};
  722. }
  723.  
  724. .musicplayer{
  725. background-color:#222;
  726. margin:45px 0px 0px 35px;
  727. position:absolute;
  728. opacity:0.3;
  729. filter:alpha(opacity=30);
  730. border-radius:20px;
  731. padding-right:5px;
  732. width:27px;
  733. height:27px;
  734. overflow:hidden;
  735. z-index:2;
  736. -webkit-transition: all 0.7s ease-in-out;
  737. -moz-transition: all 0.7s ease-in-out;
  738. -o-transition: all 0.7s ease-in-out;
  739. }
  740.  
  741. .audio{
  742. width:400px;
  743. padding-bottom:10px;
  744. }
  745.  
  746. .audioimg{
  747. float:left;
  748. padding:10px 0px 0px 0px;
  749. }
  750.  
  751. .audioimg img{
  752. float:left;
  753. width:100px;
  754. -moz-border-radius:10px 0px 0px 10px;
  755. -webkit-border-radius:10px 0px 0px 10px;
  756. }
  757.  
  758.  
  759. .audioinfo{
  760. max-width:400px;
  761. font-size:12pt;
  762. font-style:italic;
  763. text-transform:uppercase;
  764. font-family:'Oswald', sans-serif;
  765. color:{color:text};
  766. margin-left:51px;
  767. height:65px;
  768. display:block;
  769. text-align:center;
  770. background-color:rgba(0,0,0,0.2);
  771. padding-top:35px;
  772. -moz-border-radius:0px 10px 10px 0px;
  773. -webkit-border-radius:0px 10px 10px 0px;
  774. }
  775.  
  776. #chat {
  777. line-height:150%;list-style:none;}
  778.  
  779. .chat.even {
  780. background:#ffffff;
  781. margin-bottom:3px;
  782. padding:5px;
  783. list-style:none;
  784. font-size:10px;}
  785.  
  786. .line.odd {
  787. background:#f7f7f7;
  788. margin-bottom:3px;
  789. padding:5px;
  790. list-style:none;
  791. font-size:10px;}
  792.  
  793. .label {
  794. padding-right:1px;
  795. text-transform:normal;
  796. font-weight:bold;
  797. color:{color:link};
  798. }
  799.  
  800. .question {
  801. padding:9px;
  802. text-align:left;
  803. text-transform:italic;
  804. color:#848781;
  805. font-size:10px;
  806. background-color:rgba(255,255,255,0.2);
  807. border-left:3px solid #838a85;
  808. line-height:120%;
  809. }
  810.  
  811. .answer {
  812. text-align:left;
  813. padding-top:5px;
  814. color:{color:text};
  815. font-size:12px;
  816. }
  817. .answer pre {font-size:10px;}
  818.  
  819. .popup_block{
  820. display:none;
  821. overflow:scroll;
  822. overflow-x:hidden;
  823. text-align:justify;
  824. font-size:11px;
  825. line-height:110%;
  826. width:425px;
  827. height:500px;
  828. background:#2d3134;
  829. margin:0px; padding:0px;
  830. position:absolute;
  831. top:429px;left:839px;
  832. z-index: 99999;
  833. }
  834.  
  835. *html #fade {position: absolute;}
  836. *html .popup_block {position: absolute;}
  837. #fade {display:none;
  838. position: fixed; left: 0; top: 0;
  839. width: 100%; height: 100%;
  840. z-index:9999;
  841. }
  842.  
  843.  
  844. #updates{color:#abaeb5;
  845. position:fixed;
  846. width:144px;
  847. height:593px;
  848. top:72px;
  849. left:431px;
  850. overflow-y:hidden;
  851. text-align:justify;
  852. text-shadow:1px 1px 0px rgba(0,0,0,0.1);
  853. font-family:'Roboto', sans-serif;
  854. padding-right:2px;
  855. line-height:124%;
  856. }
  857.  
  858. #updates b {font-size:9pt;
  859. font-family:'Oswald', sans-serif;
  860. text-transform:uppercase;
  861. line-height:130%;
  862. font-weight:bold;
  863. }
  864.  
  865. .updtxt {margin-left:5px; margin-right:5px; word-spacing:4px; padding-left:4px; padding-right:5px; font-family:'Roboto', sans-serif; letter-spacing:1px; font-size:10px;}
  866. .updtxt i {color:#abaeb5;}
  867. .updtxt b {color:#C5C8CF;}
  868. .upd2 {text-align:center; font-family:'Roboto', sans-serif; text-transform:lowercase;line-height:110%; font-size:10px;
  869. letter-spacing:2px;}
  870.  
  871. .heading{font-family:'Oswald', sans-serif;
  872. color:#C5C8CF;
  873. font-size:14px;
  874. margin-bottom:3px;
  875. font-weight:bold;
  876. text-transform:uppercase;
  877. line-height:110%;
  878. letter-spacing:2px;
  879. text-shadow:1px 1px 1px rgba(0,0,0,0.5);
  880. }
  881.  
  882. .subheading{font-family:'Oswald', sans-serif;
  883. margin-top:5px; margin-right:3px; margin-left:3px;
  884. font-size:10px;
  885. letter-spacing:2px;
  886. text-transform:uppercase;
  887. line-height:120%;}
  888.  
  889. .brk {font-family:trajan pro 3;
  890. font-size:9px;
  891. padding:4px 5px 3px 4px;
  892. letter-spacing:2px;
  893. color:#ff5252;
  894. text-transform:uppercase;
  895. text-align:center;
  896. font-weight:bold;
  897. background:rgba(0,0,0,0.3);
  898. line-height:120%;}
  899.  
  900.  
  901.  
  902. .king1 {font-family:'Oswald', sans-serif; letter-spacing:2px;
  903. font-size:24pt; text-transform:uppercase;
  904. text-align:center; color:#47A8AC;
  905. }
  906.  
  907. .king1 a {color:#47A8AC; text-decoration:underline;}
  908.  
  909. #king2 {box-shadow: 0px 0px 10px 5px #4b4e52;
  910. margin:20px;
  911. border-radius:10px;
  912. background:#4b4e52;
  913. }
  914.  
  915. #king2 ul {
  916. list-style: none;
  917. margin-left:0;
  918. padding-left:0;
  919. }
  920.  
  921. #king2 li {
  922. padding-left: 1em;
  923. text-indent: -1.8em;
  924. margin-left:15px;
  925. padding:5px 20px 15px 20px;
  926. }
  927.  
  928. #king2 li:before {
  929. content: "+"; color:#ff5252;
  930. padding-right: 10px;
  931. }
  932.  
  933. .king2a, .king2b {
  934. line-height:130%;
  935. text-align:justify;
  936. font-family:'Roboto', sans-serif;
  937. font-size:10px;
  938. word-spacing:3px; letter-spacing:2px;
  939. background:#4b4e52;
  940. color:#a0a1a2;
  941. overflow-x:hidden;
  942. text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  943. margin:0;
  944. }
  945.  
  946. .king2a {
  947. padding:10px 10px 10px 10px;
  948. border-radius:10px 10px 0px 0px;
  949. height:90px;
  950. overflow:hidden;
  951. }
  952.  
  953. .king2b {
  954. padding:0px 10px 10px 10px;
  955. border-radius:0px 0px 10px 10px;
  956. height:210px;
  957. overflow-y:scroll;
  958. }
  959.  
  960. .king2b b {font-weight:normal;
  961. color:#C5C8CF;
  962. }
  963.  
  964. .king2a span {text-transform:uppercase;
  965. font-weight:normal; font-family:'Oswald', sans-serif;
  966. font-size:12px; color:#ff5252;
  967. }
  968.  
  969. #hr {background: -webkit-linear-gradient(left, transparent, #000, transparent); height:1px; width:100%; margin-top:10px; margin-bottom:5px;}
  970.  
  971. .king3 {margin-left:20px; margin-right:20px; padding:10px; margin-bottom:20px;
  972. line-height:130%;
  973. box-shadow: 0px 0px 10px 5px #4b4e52;
  974. background:#4b4e52;
  975. text-align:justify;
  976. font-family:'Roboto', sans-serif;
  977. font-size:10px;
  978. word-spacing:3px; letter-spacing:1px;
  979. border-radius:10px;
  980. }
  981.  
  982. .king3 b {font-family:'Oswald', sans-serif; font-size:12px; font-weight:normal;
  983. color:#fff; text-transform:lowercase;
  984. }
  985. .king3 span {text-transform:uppercase;
  986. font-weight:bold; font-family:'Oswald', sans-serif;
  987. font-size:11px;
  988. }
  989.  
  990. .king3 i {color:#7ADBDF;}
  991.  
  992. .verseleft {float:left; margin-right:3px;}
  993. .verseright {float:right; margin-left:3px;}
  994. .versetitle1 {text-transform:uppercase;
  995. letter-spacing:1px; padding-bottom:5px;
  996. font-weight:bold; font-family:talldark;
  997. font-size:13pt;}
  998. .versecontent1 {margin-right:10px; font-size:11px;}
  999. .versecontent1 span {text-transform:uppercase;
  1000. font-weight:bold; font-family:'Oswald', sans-serif;
  1001. font-size:10px;}
  1002. .versetitle2 {text-transform:uppercase;
  1003. letter-spacing:1px; margin-bottom:5px;
  1004. font-weight:bold; font-family:talldark; text-align:right;
  1005. font-size:13pt;}
  1006. .versecontent2 {margin-left:10px; text-align:right;font-size:11px;}
  1007. .versecontent2 span {text-transform:uppercase;
  1008. font-weight:bold; font-family:'Oswald', sans-serif;
  1009. font-size:10px;}
  1010.  
  1011.  
  1012. {CustomCSS}</style></head><body>
  1013.  
  1014. <!-- SCM Music Player http://scmplayer.co -->
  1015. <script type="text/javascript" src="https://scmplayer.co/script.js"
  1016. 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>
  1017. <!-- SCM Music Player script end -->
  1018.  
  1019.  
  1020.  
  1021.  
  1022. <div id="theme">
  1023.  
  1024. <div id="link1"><div class="link1ani"><a href="#?w=425" rel="box1" class="poplight" title="entry popup.">⦾</a></div></div>
  1025. <div id="link2"><div class="link2ani"><a href="#?w=425" rel="box3" class="poplight" title="rules popup.">⦿</a></div></div>
  1026. <div id="link3"><div class="link3ani"><a href="#?w=425" rel="box4" class="poplight" title="ask popup.">◦</a></div></div>
  1027. <div id="link4"><div class="link4ani"><a href="#?w=425" rel="box5" class="poplight" title="navi popup.">◦</a></div></div>
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <div id="entries">{block:Posts}<div id="post">
  1033.  
  1034. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div style="text-align:justify; margin:10px; text-shadow:0px 1px 1px rgba(0,0,0,0.5);">{Body}</div> {/block:Text}
  1035.  
  1036. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1037.  
  1038. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1039.  
  1040. {block:Quote} <div style="text-align:justify; font-size:14pt; font-weight:bold; text-transform:lowercase; padding:5px; font-family:'Oswald', sans-serif; line-height:110%; color:#60C1C5; padding-top:5px;">{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}
  1041.  
  1042. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1043.  
  1044. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1045.  
  1046. {block:Audio}
  1047. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  1048. <div class="audioimg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  1049. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  1050. <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}
  1051.  
  1052. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1053.  
  1054. {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}
  1055.  
  1056. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  1057. {/block:Date} {block:NoteCount}&nbsp; <a href="{Permalink}">( {NoteCount} )</a> {/block:NoteCount}
  1058.  
  1059. &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>
  1060. </div>
  1061.  
  1062. <div id="line"></div>
  1063.  
  1064. {block:HasTags}
  1065. <div class="tags">
  1066. {block:Tags} <a href="{TagURL}"> <big>&bull;</big> {Tag} &nbsp; </a> {/block:Tags}</div>
  1067. {/block:HasTags}
  1068. <div class="postnote">
  1069. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1070. </div>
  1071.  
  1072. </div>
  1073.  
  1074. {/block:Posts}
  1075. </div></div>
  1076.  
  1077. <div id="pagination">
  1078. {block:Pagination}
  1079. {block:PreviousPage}
  1080. <a href="{PreviousPage}"><b>❮❮</b></a>
  1081. {/block:PreviousPage} &nbsp; &nbsp;
  1082. {block:NextPage}
  1083. <a href="{NextPage}"><b>❯❯</b></a>
  1084. {/block:NextPage}
  1085. {/block:Pagination}
  1086. </div>
  1087. </div>
  1088.  
  1089.  
  1090. <div id="updates">
  1091. <!-------------------------INSERT UPDATES HERE----------------------->
  1092.  
  1093. <div class="brk">this looks best with two lines</div><div class="updtxt">
  1094. <p><b>Lorem ipsum dolor sit amet,</b> <i>consectetur adipiscing elit.</i> Aenean maximus, diam id fringilla dignissim, <u>massa nisl gravida sapien</u>, non facilisis sem justo a leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <strike>Vivamus sollicitudin</strike>, nisl at ultrices fermentum, metus tortor efficitur orci.</div>
  1095.  
  1096. <p><div class="brk"></div>
  1097. <center><p><div class="heading">MUSE NAME.</div><div class="subheading">muse subtitle.
  1098. <br><div style="color:#7ADBDF; font-style:italic; margin-top:5px;">more text idk.</div>
  1099. </div>
  1100. <p><div class="brk"></div>
  1101.  
  1102. <div class="upd2"><p>blog stats i guess.
  1103. <p>idk whatever you want.
  1104. </div>
  1105. </center>
  1106. <p><div class="brk">even more text</div>
  1107. <div class="updtxt">
  1108. <p>Duis neque eros, viverra quis pellentesque nec, cursus a ligula. Curabitur lacinia in diam ut lobortis. Aenean volutpat urna neque, non hendrerit risus commodo ac.</div>
  1109.  
  1110. <!-------------------------------------END-------------------------------------->
  1111. </div>
  1112.  
  1113. </div>
  1114.  
  1115.  
  1116. </body>
  1117.  
  1118.  
  1119.  
  1120. <div id="box1" class="popup_block">
  1121. <img src="https://i.imgur.com/UfmlU5m.png"><p><br><div class="king1"><strike>&nbsp; &nbsp; &nbsp; </strike><a href="#?w=425" rel="box2" class="poplight">enter</a>.</div>
  1122. </div>
  1123.  
  1124.  
  1125. <div id="box2" class="popup_block" style="overflow:hidden;"><br><img src="https://i.imgur.com/aeKFai6.png">
  1126. <p><div id="king2"><div class="king2a">
  1127. &nbsp; &nbsp; &nbsp; <span>JOHN MITCHELL</span> has killed more people than you've met. A 130-year-old vampire attempting to lead a human life, he works as a hospital porter in Bristol, where he has a flat that he shares with George Sands <i>(a werewolf)</i> and Annie Sawyer <i>(a ghost)</i>. He's desperately trying to kick his addiction to blood and the homicide that comes along with it.
  1128. </div>
  1129. <div id="hr"></div>
  1130. <div class="king2b"><ul>
  1131. <li><b>Personality in a few words:</b> burdened, cunning, witty, generally amicable. Always looking for what he can get out of people, but also what he can offer them.</li>
  1132.  
  1133. <li><b>Sexual preference:</b> often and indiscriminate. Usually ends poorly, though. And by poorly, I mean homicidal.</li>
  1134.  
  1135. <li><b>Romantic preference:</b> go away.</li>
  1136.  
  1137. <li>Referred to as Mitchell and only Mitchell. <i>Never</i> call him John, unless you're looking to lose a few teeth. John is his father.</li>
  1138.  
  1139. <li>The reluctant king of the Bristol sect of vampires. He rules with both an open hand and a clenched fist.</li>
  1140. </ul>
  1141. </div></div>
  1142. </div>
  1143.  
  1144.  
  1145.  
  1146.  
  1147. <div id="box3" class="popup_block">
  1148. <h1>rules title 1.</h1><div class="king3">make sure you keep this shit between the div brackets or it will explode.
  1149. <p>
  1150. <b>bullet point.</b> &nbsp; &nbsp; keep this formatting if you want. or don't. i'm not a cop.
  1151. <p>
  1152. <b>another bullet point.</b> &nbsp; &nbsp; those will always be in bold, so use bold text sparingly.
  1153. </div>
  1154.  
  1155.  
  1156. <br><h1>rules title 2.</h1>
  1157. <div class="king3"><b>do whatever you want with these</b>. &nbsp; &nbsp; if you want to add more, copy from "br" to "/div".
  1158. <p>
  1159. <b>please don't break it</b> &nbsp; &nbsp; it kicked my ass. also please leave the credit one intact, but add stuff when you need to.</div>
  1160.  
  1161.  
  1162. <br><h1>CREDITS.</h1>
  1163. <div class="king3"><b>theme.</b> &nbsp; &nbsp; Theme was made by <a href="https://musesbywinter.tumblr.com">winter</a>. floating blob effect is from <a href="http://www.mf2fm.com/rv/dhtmlblobs-in-a-jar.php">here</a>.
  1164. <p>
  1165. <b>PSD.</b> &nbsp; &nbsp; My psd is <a href="https://kingsleigh.tumblr.com/post/184532104070/summerchild-free-rp-psd-bykingsleigh-features">summerchild</a> by <i>kingsleigh</i>.
  1166. </div>
  1167. <br>
  1168. </div>
  1169.  
  1170.  
  1171.  
  1172.  
  1173. <div id="box4" class="popup_block">
  1174. <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>
  1175. </center>
  1176. </div>
  1177.  
  1178. <div id="box5" class="popup_block">
  1179. <h1>navigation.</h1>
  1180. <h2>&nbsp; &nbsp; &nbsp; section one.</h2>
  1181. <div class="king3"><span>
  1182. <a href="/tagged/THIS IS A TAG">tag.</a>
  1183. &nbsp; &nbsp; &nbsp; &nbsp;
  1184. <a href="/tagged/THIS IS A TAG">tag.</a>
  1185. &nbsp; &nbsp; &nbsp; &nbsp;
  1186. <a href="/tagged/THIS IS A TAG">tag.</a>
  1187. &nbsp; &nbsp; &nbsp; &nbsp;
  1188. <a href="/tagged/THIS IS A TAG">tag.</a>
  1189. &nbsp; &nbsp; &nbsp; &nbsp;
  1190. <a href="/tagged/THIS IS A TAG">tag.</a>
  1191. &nbsp; &nbsp; &nbsp; &nbsp;
  1192. <a href="/tagged/THIS IS A TAG">tag.</a>
  1193. </span></div>
  1194.  
  1195. <br>
  1196. <h2>&nbsp; &nbsp; &nbsp; section two.</h2>
  1197. <div class="king3"><span>
  1198. <a href="/tagged/THIS IS A TAG">tag.</a>
  1199. &nbsp; &nbsp; &nbsp; &nbsp;
  1200. <a href="/tagged/THIS IS A TAG">tag.</a>
  1201. &nbsp; &nbsp; &nbsp; &nbsp;
  1202. <a href="/tagged/THIS IS A TAG">tag.</a>
  1203. </span></div>
  1204.  
  1205. </div>
  1206.  
  1207.  
  1208.  
  1209. </div></div></div></div></div></div></div></div></div></div>
  1210.  
  1211. </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!