API tools faq
paste
NicaRox

default ezfa theme

NicaRox
Mar 9th, 2019
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <title>{Title}</title>
  4. <head>
  5.  
  6. <script type="text/javascript">
  7. // <![CDATA[
  8. var colour="#FC768A";
  9. var sparkles=50;
  10.  
  11. /****************************
  12. * Tinkerbell Magic Sparkle *
  13. * (c) 2005 mf2fm web-design *
  14. * https://www.mf2fm.com/rv *
  15. * DON'T EDIT BELOW THIS BOX *
  16. ****************************/
  17. var x=ox=400;
  18. var y=oy=300;
  19. var swide=800;
  20. var shigh=600;
  21. var sleft=sdown=0;
  22. var tiny=new Array();
  23. var star=new Array();
  24. var starv=new Array();
  25. var starx=new Array();
  26. var stary=new Array();
  27. var tinyx=new Array();
  28. var tinyy=new Array();
  29. var tinyv=new Array();
  30.  
  31. window.onload=function() { if (document.getElementById) {
  32. var i, rats, rlef, rdow;
  33. for (var i=0; i<sparkles; i++) {
  34. var rats=createDiv(3, 3);
  35. rats.style.visibility="hidden";
  36. document.body.appendChild(tiny[i]=rats);
  37. starv[i]=0;
  38. tinyv[i]=0;
  39. var rats=createDiv(5, 5);
  40. rats.style.backgroundColor="transparent";
  41. rats.style.visibility="hidden";
  42. var rlef=createDiv(1, 5);
  43. var rdow=createDiv(5, 1);
  44. rats.appendChild(rlef);
  45. rats.appendChild(rdow);
  46. rlef.style.top="2px";
  47. rlef.style.left="0px";
  48. rdow.style.top="0px";
  49. rdow.style.left="2px";
  50. document.body.appendChild(star[i]=rats);
  51. }
  52. set_width();
  53. sparkle();
  54. }}
  55.  
  56. function sparkle() {
  57. var c;
  58. if (x!=ox || y!=oy) {
  59. ox=x;
  60. oy=y;
  61. for (c=0; c<sparkles; c++) if (!starv[c]) {
  62. star[c].style.left=(starx[c]=x)+"px";
  63. star[c].style.top=(stary[c]=y)+"px";
  64. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  65. star[c].style.visibility="visible";
  66. starv[c]=50;
  67. break;
  68. }
  69. }
  70. for (c=0; c<sparkles; c++) {
  71. if (starv[c]) update_star(c);
  72. if (tinyv[c]) update_tiny(c);
  73. }
  74. setTimeout("sparkle()", 40);
  75. }
  76.  
  77. function update_star(i) {
  78. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  79. if (starv[i]) {
  80. stary[i]+=1+Math.random()*3;
  81. if (stary[i]<shigh+sdown) {
  82. star[i].style.top=stary[i]+"px";
  83. starx[i]+=(i%5-2)/5;
  84. star[i].style.left=starx[i]+"px";
  85. }
  86. else {
  87. star[i].style.visibility="hidden";
  88. starv[i]=0;
  89. return;
  90. }
  91. }
  92. else {
  93. tinyv[i]=50;
  94. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  95. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  96. tiny[i].style.width="2px";
  97. tiny[i].style.height="2px";
  98. star[i].style.visibility="hidden";
  99. tiny[i].style.visibility="visible"
  100. }
  101. }
  102.  
  103. function update_tiny(i) {
  104. if (--tinyv[i]==25) {
  105. tiny[i].style.width="1px";
  106. tiny[i].style.height="1px";
  107. }
  108. if (tinyv[i]) {
  109. tinyy[i]+=1+Math.random()*3;
  110. if (tinyy[i]<shigh+sdown) {
  111. tiny[i].style.top=tinyy[i]+"px";
  112. tinyx[i]+=(i%5-2)/5;
  113. tiny[i].style.left=tinyx[i]+"px";
  114. }
  115. else {
  116. tiny[i].style.visibility="hidden";
  117. tinyv[i]=0;
  118. return;
  119. }
  120. }
  121. else tiny[i].style.visibility="hidden";
  122. }
  123.  
  124. document.onmousemove=mouse;
  125. function mouse(e) {
  126. set_scroll();
  127. y=(e)?e.pageY:event.y+sdown;
  128. x=(e)?e.pageX:event.x+sleft;
  129. }
  130.  
  131. function set_scroll() {
  132. if (typeof(self.pageYOffset)=="number") {
  133. sdown=self.pageYOffset;
  134. sleft=self.pageXOffset;
  135. }
  136. else if (document.body.scrollTop || document.body.scrollLeft) {
  137. sdown=document.body.scrollTop;
  138. sleft=document.body.scrollLeft;
  139. }
  140. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  141. sleft=document.documentElement.scrollLeft;
  142. sdown=document.documentElement.scrollTop;
  143. }
  144. else {
  145. sdown=0;
  146. sleft=0;
  147. }
  148. }
  149.  
  150. window.onresize=set_width;
  151. function set_width() {
  152. if (typeof(self.innerWidth)=="number") {
  153. swide=self.innerWidth;
  154. shigh=self.innerHeight;
  155. }
  156. else if (document.documentElement && document.documentElement.clientWidth) {
  157. swide=document.documentElement.clientWidth;
  158. shigh=document.documentElement.clientHeight;
  159. }
  160. else if (document.body.clientWidth) {
  161. swide=document.body.clientWidth;
  162. shigh=document.body.clientHeight;
  163. }
  164. }
  165.  
  166. function createDiv(height, width) {
  167. var div=document.createElement("div");
  168. div.style.position="absolute";
  169. div.style.height=height+"px";
  170. div.style.width=width+"px";
  171. div.style.overflow="hidden";
  172. div.style.backgroundColor=colour;
  173. return (div);
  174. }
  175. // ]]>
  176. </script>
  177.  
  178. <meta https-equiv="Content-Language" content="en-us" />
  179. <meta https-equiv="Content-Type" content="text/html; charset=utf-8" />
  180.  
  181.  
  182. <style type="text/css">
  183.  
  184. #popitmenu{
  185. position: absolute;
  186. color:#ac8d8d;
  187. background-color: #fdeaf1;
  188. border:1px solid #ac8d8d;
  189. font-family:"Century Gothic";
  190. font-size:10px;
  191. line-height: 14x;
  192. z-index: 100;
  193. visibility: hidden;
  194. letter-spacing:2px;
  195. }
  196.  
  197. #popitmenu a{
  198. color:#ac8d8d;
  199. text-decoration: none;
  200. padding-left: 6px;
  201. color: black;
  202. display: block;
  203. }
  204.  
  205. #popitmenu a:hover{ /*hover background color*/
  206. background-color: #ffccff;
  207. }
  208.  
  209. </style>
  210.  
  211. <script type="text/javascript"
  212. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  213. <script>
  214. $(document).ready(function() {
  215. $('a.poplight[href^=#]').click(function() {
  216. var popID = $(this).attr('rel'); //Get Popup Name
  217. var popURL = $(this).attr('href'); //Get Popup href to define size
  218. var query= popURL.split('?');
  219. var dim= query[1].split('&');
  220. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  221. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  222. var popMargTop = ($('#' + popID).height() + 80) / 2;
  223. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  224. //Apply Margin to Popup
  225. $('#' + popID).css({
  226. 'margin-top' : -popMargTop,
  227. 'margin-left' : -popMargLeft
  228. });
  229. $('body').append('<div id="fade"></div>');
  230. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=100)'})
  231. return false;
  232. });
  233. $('a.close, #fade').live('click', function() {
  234. $('#fade , .popup_block').fadeOut(function() {
  235. $('#fade, a.close').remove(); //fade them both out
  236. });
  237. return false;
  238. });
  239. });
  240. </script>
  241.  
  242.  
  243. <link rel="shortcut icon" href="https://i739.photobucket.com/albums/xx31/pixelpeach/purple/thbig4.gif"/>
  244. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  245. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  246.  
  247. <!--
  248. •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
  249. THIS THEME WAS PERSONALLY DESIGNED FOR EZFA !!
  250. By: Ley @eternalworks.
  251. theme shall not be redistributed. credits may not be removed.
  252. •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
  253. -->
  254.  
  255. <script language="javascript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/javascript"></script>
  256.  
  257. <link href="https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister" rel="stylesheet">
  258.  
  259. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  260.  
  261. <link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet">
  262.  
  263. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  264.  
  265. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  266.  
  267. <link href="https://fonts.googleapis.com/css?family=Coda+Caption:800" rel="stylesheet">
  268.  
  269. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  270.  
  271. <link href="https://fonts.googleapis.com/css?family=Allan" rel="stylesheet">
  272.  
  273. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  274.  
  275. <link href="https://fonts.googleapis.com/css?family=Cookie|Playfair+Display" rel="stylesheet">
  276.  
  277. <link href="https://fonts.googleapis.com/css?family=Lobster+Two|Rajdhani|Walter+Turncoat" rel="stylesheet">
  278.  
  279.  
  280. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet">
  281. <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Serif:300i|Old+Standard+TT|Playfair+Display|Roboto+Condensed" rel="stylesheet">
  282.  
  283.  
  284. <style>
  285. div#qTip {
  286. padding: 3px;
  287. display: none;
  288. text-align: center;
  289. position: absolute;
  290. font-size:7px;
  291. margin-left:10px;
  292. margin-top:-2px;
  293. line-height:9px;
  294. font-family:arial;
  295. z-index: 1000;
  296. border: 1px solid #cacaca;
  297. background-color:#fff;
  298. color: #9b9b9b;
  299. text-transform:uppercase;
  300. letter-spacing: 2px;
  301. }
  302. </style>
  303.  
  304.  
  305.  
  306.  
  307. <style type="text/css">
  308.  
  309.  
  310. .popup_block{
  311. display:none;
  312. background: url('https://static.tumblr.com/zma9h5a/N6Gp05763/bg.png');
  313. padding:20px;
  314. float:left;
  315. opacity: 100;
  316.  
  317. position:fixed;
  318. top:50%;left:50%;
  319. z-index: 99999;
  320. }
  321.  
  322. *html #fade {position: absolute;}
  323. *html .popup_block {position: absolute;}
  324. #fade {
  325. display:none;
  326. position:fixed;
  327. left:0px;
  328. top:0px;
  329. width:100%;
  330. height:100%;
  331. z-index:9999;
  332. background:#000; /* change to #fff for solid white */
  333. opacity:0.5; /* change to opacity:1; */
  334.  
  335. }
  336.  
  337.  
  338. iframe#tumblr_controls {
  339. white-space:nowrap;
  340. -webkit-filter: invert(100%);
  341. -moz-filter: invert(100%);
  342. -o-filter: invert(100%);
  343. -ms-filter: invert(100%);
  344. filter: invert(100%);
  345. opacity:.2;transition: .8s ease-in-out;
  346. -webkit-transition: .8s ease-in-out;
  347. -moz-transition: .8s ease-in-out;
  348. -o-transition: .8s ease-in-out;
  349. }
  350.  
  351. /*----- POST IMAGES -----*/
  352.  
  353.  
  354. img {
  355. max-width: 100%;
  356. height: auto;
  357. border:0px solid #dec884;
  358. }
  359.  
  360.  
  361. pre {
  362. white-space: pre-wrap; / css-3 /
  363. white-space: -moz-pre-wrap; / Mozilla, since 1999 /
  364. white-space: -pre-wrap; / Opera 4-6 /
  365. white-space: -o-pre-wrap; / Opera 7 /
  366. word-wrap: break-word; / Internet Explorer 5.5+ /
  367. }
  368.  
  369.  
  370.  
  371. /*----- IMP -----*/
  372.  
  373. .popup_block{
  374. display:none;
  375. background: url('');
  376. padding:20px;
  377. float:left;
  378.  
  379. position:fixed;
  380. top:50%;left:50%;
  381. z-index: 99999;
  382. }
  383.  
  384. *html #fade {position: absolute;}
  385. *html .popup_block {position: absolute;}
  386. #fade {
  387. display:none;
  388. position:fixed;
  389. left:0px;
  390. top:0px;
  391. width:100%;
  392. height:100%;
  393. z-index:9999;
  394. background:#000; /* change to #fff for solid white */
  395. opacity:0.5; /* change to opacity:1; */
  396.  
  397. }
  398.  
  399.  
  400.  
  401. /*----- dedede BAR -----*/
  402.  
  403. ::-webkit-scrollbar-thumb {
  404. height: 12px;
  405. border: 1px solid #642257;
  406. background: url('') #;
  407. background-color: #8d1d42;
  408. }
  409. ::-webkit-scrollbar {
  410. width: 8px;
  411. height: 7px;
  412. border-left: 5px solid #161414;
  413. border-right: 5px solid #161414;
  414. border-top: 2px solid #161414;
  415. border-bottom: 2px solid #161414;
  416. background: #161414;
  417. }
  418.  
  419. /*----- MAIN CONTENT -----*/
  420.  
  421.  
  422. body {
  423. background: url('https://static.tumblr.com/zma9h5a/XC2pf9i7n/thme2_copy.png') #181616;
  424. background-position: top-right;
  425. background-repeat: no-repeat;/
  426. background-attachment: absolute;
  427. margin:0px;
  428. color: #615f59;
  429. letter-spacing: 0px;
  430. font-family: 'IBM Plex Sans Condensed', sans-serif;
  431. font-size:13px;
  432. line-height:100%;
  433. height: 900px;
  434. overflow-x: hidden;
  435. overflow-y: hidden;
  436.  
  437. }
  438.  
  439. body, a, a:hover { cursor:url( https://i1347.photobucket.com/albums/p718/TheLittleDanger/Pointer%20Cursors/Pointer_0067_Camada-132_zpseeda3d8f.png ), auto; }
  440.  
  441. /*----- TEXT DETAILS -----*/
  442.  
  443. b,strong {
  444. color: #ff669c;
  445. text-shadow:0px 1px #000;
  446. text-transform:none;
  447. font-family: 'Abel', sans-serif;
  448. letter-spacing: 1px;
  449. font-size:11px;}
  450.  
  451.  
  452. i,em {
  453. color:#b6b2a4;
  454. font-family: 'IBM Plex Serif', serif;
  455. text-transform: none;
  456. font-size:12px;}
  457.  
  458.  
  459. h1 {
  460. font-weight:normal;
  461. font-size:15px;
  462. font-family: 'Playfair Display', serif;
  463. text-align:center;
  464. text-transform:uppercase;
  465. font-style:bold;
  466. line-height:100%;
  467. letter-spacing:1px;
  468. color:#8c1b93;
  469.  
  470.  
  471. }
  472.  
  473. a {
  474. text-decoration:none;
  475. outline:none;
  476. -moz-outline-style:none;
  477. color:#b6cfd8;
  478. -moz-transition-duration:0.5s;
  479. -webkit-transition-duration:0.5s;
  480. -o-transition-duration:0.5s;
  481. }
  482.  
  483. a:hover {
  484. text-decoration:none;
  485. outline:none;
  486. -moz-outline-style:none;
  487. color:#b6cfd8;
  488. }
  489.  
  490. /*----- REBLOG -----*/
  491.  
  492. blockquote {
  493. padding-left:5px;
  494. border-left:5px solid ;
  495. border-right:5px solid ;
  496. border-color: #3b162c;
  497. border-radius: 15px;
  498. margin:7px;
  499. background-color: #161414;
  500. padding:5px;
  501. }
  502.  
  503.  
  504. #post {
  505. width:400px;
  506. padding-bottom:0px;
  507. margin-top:0px;
  508. }
  509. #post a{
  510. color: #ff669c;
  511. text-shadow:0px 0px #fff;
  512. letter-spacing:2px;
  513. text-transform:uppercase;
  514. font-family: 'Abel', sans-serif;
  515. font-size: 9px;
  516.  
  517.  
  518. }
  519. #post:hover .tags{
  520. opacity:1;
  521. -moz-transition-duration:0.5s;
  522. -webkit-transition-duration:0.5s;
  523. -o-transition-duration:0.5s;
  524. }
  525.  
  526.  
  527. #tags {
  528. font-family: 'IBM Plex Sans Condensed', sans-serif;
  529. margin-left:10px;
  530. width:350px;
  531. text-transform:normal;
  532. line-height:120%;
  533. font-size:10px;
  534. text-align:left;
  535. padding-top:5px;
  536. padding:10px;
  537. background-color: #161414;
  538. border-radius: 15px;
  539. border-left: 2px solid #cf3a70;
  540. border-right: 2px solid #cf3a70;
  541. -moz-transition-duration:0.2s;
  542. -webkit-transition-duration:0.2s;
  543. -o-transition-duration:0.2s;
  544. text-align:center;
  545. }
  546.  
  547. #tags a{
  548. font-family: 'IBM Plex Sans Condensed', sans-serif;
  549. color:#cf3a70;
  550. -moz-transition-duration:0.2s;
  551. -webkit-transition-duration:0.2s;
  552. -o-transition-duration:0.2s;
  553. }
  554.  
  555. #tags a:hover{
  556. color:#446170;
  557. -moz-transition-duration:0.2s;
  558. -webkit-transition-duration:0.2s;
  559. -o-transition-duration:0.2s;
  560. }
  561.  
  562.  
  563. /*----- SIDE CONTENT-----*/
  564.  
  565. #sidebar {
  566. color: #777;
  567. position:absolute;
  568. width:100px;
  569. height:auto;
  570. margin-top:-170px;
  571. margin-left:465px;
  572. text-align:left;
  573. }
  574.  
  575. #description {
  576. position:absolute;
  577. width:175px;
  578. font-family: 'Open Sans', sans-serif;
  579. margin-top:625px;
  580. margin-left:150px;
  581. text-align:center;
  582. font-size:10px;
  583. color: #939090;
  584. text-shadow:1px 1px #000;
  585. letter-spacing:0px;
  586. line-height:130%;
  587. -moz-transition-duration:1s;
  588. -webkit-transition-duration:1s;
  589. -o-transition-duration:1s;
  590. }
  591.  
  592. #description a {
  593. color: #aca09f;
  594. }
  595.  
  596. #description a:hover {
  597. color:#b6cfd8;
  598. }
  599.  
  600. #navi {
  601. background-color: #;
  602. position:absolute;
  603. width:120px;
  604. padding-bottom: 8px;
  605. font-family: 'Love Ya Like A Sister', cursive;
  606. text-transform: uppercase;
  607. margin-top: 210px;
  608. margin-left: -463px;
  609. text-align:center;
  610. font-size:29px;
  611. color: #794568;
  612. letter-spacing:1px;
  613. line-height:130%;
  614. -moz-transition-duration:1s;
  615. -webkit-transition-duration:1s;
  616. -o-transition-duration:1s;
  617. }
  618.  
  619. #navi a {
  620. color: #fff;
  621. letter-spacing:2px;
  622.  
  623. }
  624.  
  625.  
  626. #navi a:hover {
  627. color:#000;
  628. letter-spacing:3px;
  629. text-shadow:0px 0px #f2e3e3;
  630. }
  631.  
  632. #navi2 {
  633. background-color: #;
  634. position:absolute;
  635. width:130px;
  636. font-family: 'Francois One', sans-serif;
  637. text-transform: uppercase;
  638. margin-top:915px;
  639. margin-left: 740px;
  640. letter-spacing:3px;
  641. text-align:center;
  642. font-size:10px;
  643. color: #a18f7d;
  644. letter-spacing:0px;
  645. line-height:130%;
  646. -moz-transition-duration:1s;
  647. -webkit-transition-duration:1s;
  648. -o-transition-duration:1s;
  649. }
  650.  
  651. #navi2 a {
  652. color: #e68fa1;
  653. text-shadow:1px 1px #fff;
  654.  
  655. }
  656.  
  657.  
  658. #navi2 a:hover {
  659. color:#dc5555;
  660. text-shadow: 0 0 0.2em #5fd3e8;
  661. }
  662.  
  663. #mains {
  664. background-color: #;
  665. position:absolute;
  666. width:190px;
  667. font-family: 'IBM Plex Sans Condensed', sans-serif;
  668. text-transform: NONE;
  669. margin-top:330px;
  670. margin-left:-190px;
  671. text-align:none;
  672. font-size:9px;
  673. color: #666262;
  674. letter-spacing: 0.3px;
  675. overflow-y:hidden;
  676. overflow-x:hidden;
  677. letter-spacing:0px;
  678. line-height:100%;
  679. -moz-transition-duration:1s;
  680. -webkit-transition-duration:1s;
  681. -o-transition-duration:1s;
  682. }
  683.  
  684. .sfm input {background-color: #fff;
  685. font-size: 9px;
  686. border: 1px solid;
  687. border-color: #cebec9;
  688. text-transform: uppercase;
  689. margin-top: 0px;
  690. color: #999;
  691. letter-spacing: 1px;
  692. padding: 4px 8px;
  693. font-family: calibri, helvetica, arial;}
  694.  
  695.  
  696. #mains a {
  697. color: #fff;
  698. }
  699.  
  700. #mains a:hover {
  701. color:#ffffff;
  702. }
  703.  
  704. #textbox {
  705. background-color: #;
  706. position:absolute;
  707. width:600px;
  708. font-family: 'IBM Plex Sans Condensed', sans-serif;
  709. text-transform:;
  710. margin-top:283px;
  711. margin-left: 115px;
  712. text-align:center;
  713. font-size:9px;
  714. color: #615f59;
  715. letter-spacing: 0.3px;
  716. overflow-y:hidden;
  717. overflow-x:hidden;
  718. letter-spacing:0px;
  719. line-height:100%;
  720. -moz-transition-duration:1s;
  721. -webkit-transition-duration:1s;
  722. -o-transition-duration:1s;
  723. }
  724.  
  725. #textbox a {
  726. color: #000;
  727. }
  728.  
  729. #textbox a:hover {
  730. color:#ffffff;
  731. }
  732.  
  733.  
  734.  
  735. #links {
  736. position:relative;
  737. font-family:georgia;
  738. width:450px;
  739. margin-top:385px;
  740. z-index:-1;
  741. margin-left:270px;
  742. display:inline-block;
  743. font-size:18px;
  744. font-style:none;
  745. letter-spacing:1px;
  746. text-align:left;
  747. line-height:280%;
  748. text-transform: lowercase;
  749. -webkit-transition: all .4s linear;
  750. }
  751.  
  752. #links a{
  753. position: static;
  754. line-height:300%;
  755. margin-top:1px;
  756. margin-left:14px;
  757. width:60px;
  758. margin-bottom:4px;
  759. border-bottom:0px solid #0a141c;
  760. color: #6d5e60;
  761. text-shadow:1px 1px #9b8f86;
  762. -moz-transition-duration:.2s;
  763. -webkit-transition-duration:.2s;
  764. -o-transition-duration:.2s;
  765. }
  766.  
  767. #links a:hover {
  768. width:60px;
  769. color: #d1cfbc;
  770. -moz-transition-duration:0.2s;
  771. -webkit-transition-duration:0.2s;
  772. -o-transition-duration:0.2s;
  773. }
  774.  
  775.  
  776. #pagination {
  777. font-family:georgia;
  778. position:absolute;
  779. width:210px;
  780. font-size:25px;
  781. margin-top: 17px;
  782. margin-left: -890px;
  783. padding-left:920px;
  784. letter-spacing:1px;
  785. text-align:center;
  786. }
  787.  
  788. #pagination a {
  789. color:#8c1b93;
  790. text-shadow:1px 1px #000;
  791. }
  792.  
  793. #pagination a:hover {
  794. color:#5e5952;
  795. }
  796.  
  797. /*----- POST CONTENT -----*/
  798.  
  799.  
  800. #entries {
  801. background: ;
  802. opacity: 100;
  803. padding: 10px;
  804. width: 400px;
  805. margin-left:93px;
  806. margin-top:20px;
  807. margin-bottom: 50px;
  808. height:588px;
  809. overflow-x: hidden;
  810. overflow-y: auto;
  811. position: absolute;
  812.  
  813. -moz-transition-duration: 0.8s;
  814. -webkit-transition-duration: 0.8s;
  815. -o-transition-duration: 0.8s;
  816. }
  817.  
  818.  
  819.  
  820.  
  821. ::selection {
  822. background: #e7e0d1; /* WebKit/Blink Browsers */
  823. }
  824. ::-moz-selection {
  825. background: #e7e0d1; /* Gecko Browsers */
  826. }
  827.  
  828.  
  829. #headers{
  830. width:119px;
  831. height:auto;
  832. color: #fff;
  833. text-shadow:0px 1px #000;
  834. padding:10px;
  835. font-size:7px;
  836. font-weight:bold;
  837. letter-spacing:3px;
  838. line-height:100%;
  839. text-transform:uppercase;
  840. background: url('https://static.tumblr.com/zma9h5a/63tpf4euf/bfsedf.png');
  841. background-color: #642522;
  842. border:1px solid #252525;
  843. text-align:center;
  844. }
  845.  
  846. #headers2{
  847. width:385px;
  848. height:28px;
  849. color: #fff;
  850. padding:10px;
  851. font-size:8px;
  852. font-weight:bold;
  853. letter-spacing:3px;
  854. line-height:100%;
  855. text-transform:uppercase;
  856. background: url('https://static.tumblr.com/zma9h5a/msRp9gi41/head.png');
  857. background-color: #fff;
  858. border:0px solid #fff;
  859. text-align:center;
  860. }
  861.  
  862.  
  863. #info {
  864. background: url("");
  865. background-color: #161414;
  866. border:0px dashed #cdcdcd;
  867. font-family: 'Playfair Display', serif;
  868. width:250px;
  869. margin-top:5px;
  870. margin-left:66px;
  871. margin-bottom: 15px;
  872. padding-bottom:140px;
  873. font-size:9px;
  874. background:#;
  875. padding:4px;
  876. color: #726572;
  877. text-transform:uppercase;
  878. font-style:bold;
  879. text-align:left;
  880. -moz-transition-duration:0.5s;
  881. -webkit-transition-duration:0.5s;
  882. -o-transition-duration:0.5s;
  883. }
  884.  
  885. #info a {
  886. color:#797569;
  887. font-style:normal;
  888. font-size:9px;
  889. font-family: 'Playfair Display', serif;
  890.  
  891. }
  892.  
  893. #info a:hover {
  894. color:#4b3832;
  895. }
  896.  
  897. .quote {
  898. font-size:11px;
  899. font-family:georgia;
  900. font-style:normal;
  901. line-height:17px;
  902. margin-bottom:15px;
  903. text-transform:normal;
  904. text-align:left;
  905. font-weight:normal;
  906. font-style:none;
  907. color:#fff;
  908. text-shadow:1px 1px #000;
  909. }
  910.  
  911. #ask {
  912. float:left;
  913. color:#83786e;
  914. padding: 5px;
  915.  
  916. }
  917. #ask_bg{
  918. padding: 5px;
  919. background: url(HERE);
  920. background-color: transparent;
  921. height: auto;
  922. width: 390px;
  923. font-family: 'IBM Plex Sans Condensed', sans-serif;
  924. font-size: 11px;
  925. color: #83786e;
  926. border:0px dashed #0a0f12;
  927. }
  928.  
  929.  
  930. /*----- BOTTOM IMAGE -----*/
  931.  
  932. #corner {
  933. font-size:9px;
  934. font-family:cambria;
  935. font-style:italic;
  936. letter-spacing:1px;
  937. -moz-transition-duration:0.5s;
  938. -webkit-transition-duration:0.5s;
  939. -o-transition-duration:0.5s;
  940. }
  941.  
  942. #corner a {
  943. background-color:transparent;
  944. position:fixed;
  945. right:15px;
  946. bottom:10px
  947. }
  948.  
  949.  
  950.  
  951. #cornerplayer
  952. {z-index:999;
  953. background-color:transparent;
  954. width:30px;
  955. height:50px;
  956. border-radius:0px 0px 0px 0px;
  957. -moz-border-radius:0px 50px 0px 0px;
  958. position:fixed;
  959. overflow:hidden;
  960. bottom:0px;
  961. right:0px;
  962. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  963.  
  964. #cornericon
  965. {margin-top:15px;
  966. margin-bottom:20px;
  967. margin-right:-5px;
  968. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  969.  
  970. #cornerplayer:hover
  971. {width:200px;
  972. -moz-border-radius:0px;
  973. border-radius:0px;}
  974.  
  975. #cornerplayer:hover #cornericon
  976. {margin-top:10px;
  977. margin-left:0px;
  978. margin-bottom:4px;}
  979.  
  980. </style>
  981. </head>
  982. <body>
  983.  
  984.  
  985. <div id='cornerplayer' style="text-align:center;">
  986.  
  987. <!--<div>
  988.  
  989. <div> </div>-->
  990.  
  991. </div><!--cornerplayer-->
  992.  
  993.  
  994. <div id="sidebar">
  995.  
  996. <div id="sidebarimage">
  997. <a href="/"><img src="{image:sidebar}"></a></div>
  998.  
  999.  
  1000. <div id="textbox">
  1001.  
  1002. <div style="width: 210px; height: 100px; background-color: #none; overflow: auto;">
  1003.  
  1004. ♛ Est. 2006 | Commissions are open! | Virgo ♛
  1005. </p>
  1006.  
  1007. </div></div>
  1008.  
  1009.  
  1010.  
  1011. <div id="navi">
  1012.  
  1013. <a href="/">✧</a><br>
  1014. <a href="/ask">✩</a><br>
  1015. <a href="/tagged/ezfa">✦</a><br>
  1016. <a href="https://ko-fi.com/ezfa15">✫</a><br>
  1017. <a href="https://www.deviantart.com/ezfa">✯</a><br>
  1018. <a href="https://www.deviantart.com/ezfa/art/Ezfa-s-Commissions-787638542">✧</a><br>
  1019. <a href="https://www.instagram.com/ezfa15/">✩</a><br>
  1020. <a href="https://www.fanfiction.net/u/3172048/Ezfa">✦</a><br>
  1021.  
  1022.  
  1023.  
  1024. </div></div>
  1025. </div></div>
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <div id="description">
  1033.  
  1034. <div id="pagination">
  1035. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ←</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}"> → </a><br />{/block:NextPage}{/block:Pagination}</div></div>
  1036. </div></div></div>
  1037.  
  1038. <div id="entries">{block:Posts}
  1039.  
  1040.  
  1041.  
  1042. <div id="post">
  1043.  
  1044.  
  1045.  
  1046. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1047.  
  1048. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1049.  
  1050. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1051.  
  1052. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1053.  
  1054. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1055.  
  1056. {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}
  1057.  
  1058. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1059.  
  1060. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1061.  
  1062. {block:Answer}<div id="ask_bg"><div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #fff;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br></div>{Answer}{/block:Answer}
  1063.  
  1064.  
  1065. <div id="info">
  1066. {block:Date} <a href="{Permalink}">{TimeAgo}</a>
  1067. {/block:Date} {block:NoteCount}&nbsp; <small>notes</small>:</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<div style="float:right;">
  1068.  
  1069. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}"></a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}"></a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"><big> <img src="https://i739.photobucket.com/albums/xx31/pixelpeach/purple/thheart2.gif"> </font></big> </a> </div>
  1070.  
  1071. </div>
  1072.  
  1073.  
  1074. <div id="tags">
  1075. {block:HasTags}
  1076. {block:Tags}
  1077. #<a href="{TagURL}">{Tag}</a>&nbsp;
  1078. {/block:Tags}
  1079. {/block:HasTags}
  1080. </div>
  1081. <p>
  1082. {/block:Posts}
  1083.  
  1084.  
  1085. <script>
  1086. $(document).ready(function() {
  1087. $('a.poplight[href^=#]').click(function() {
  1088. var popID = $(this).attr('rel'); //Get Popup Name
  1089. var popURL = $(this).attr('href'); //Get Popup href to define size
  1090. var query= popURL.split('?');
  1091. var dim= query[1].split('&');
  1092. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1093. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1094. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1095. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1096. //Apply Margin to Popup
  1097. $('#' + popID).css({
  1098. 'margin-top' : -popMargTop,
  1099. 'margin-left' : -popMargLeft
  1100. });
  1101. $('body').append('<div id="fade"></div>');
  1102. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1103. return false;
  1104. });
  1105. $('a.close, #fade').live('click', function() {
  1106. $('#fade , .popup_block').fadeOut(function() {
  1107. $('#fade, a.close').remove(); //fade them both out
  1108. });
  1109. return false;
  1110. });
  1111. });
  1112. </script>
  1113.  
  1114. <script type="text/javascript">
  1115. <!--
  1116. function clickIE() {if (document.all) {(message);return false;}}
  1117. function clickNS(e) {if
  1118. (document.layers||(document.getElementById&&!document.all)) {
  1119. if (e.which==2||e.which==3) {(message);return false;}}}
  1120. if (document.layers)
  1121. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1122. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1123. document.oncontextmenu=new Function("return false")
  1124. // -->
  1125. </script>
  1126.  
  1127. </body>
  1128. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!