API tools faq
paste
Advertisement
worstaudrina

hap

worstaudrina
Sep 17th, 2019
132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.67 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2.  
  3. ----------->
  4.  
  5.  
  6.  
  7. <!DOCTYPE html>
  8. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <html>
  11. <head>
  12. <link href='https://static.tumblr.com/blpgwiz/uLPm53w3h/flipperspectivecss.css' rel="stylesheet" type='text/css'>
  13. <link href='https://static.tumblr.com/blpgwiz/kVZm8o4rz/tilting.css' rel='stylesheet' type='text/css'>
  14. <link href='https://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  15.  
  16.  
  17.  
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  23.  
  24.  
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:200,
  31. tip_fade_speed:500
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37. <script type="text/javascript"
  38. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39.  
  40. <script type="text/javascript"
  41. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42. <script>
  43. $(document).ready(function() {
  44. //
  45. $('a.poplight[href^=#]').click(function() {
  46. var popID = $(this).attr('rel'); //Get Popup Name
  47. var popURL = $(this).attr('href'); //Get Popup href to define size
  48. var query= popURL.split('?');
  49. var dim= query[1].split('&');
  50. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  51. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  52. var popMargTop = ($('#' + popID).height() + 80) / 2;
  53. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  54. //Apply Margin to Popup
  55. $('#' + popID).css({
  56. 'margin-top' : -popMargTop,
  57. 'margin-left' : -popMargLeft
  58. });
  59. $('body').append('<div id="fade"></div>');
  60. $('#fade').css({'filter' : 'alpha(opacity=0)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=0)'})
  61. return false;
  62. });
  63. $('a.close, #fade').live('click', function() {
  64. $('#fade , .popup_block').fadeOut(function() {
  65. $('#fade, a.close').remove(); //fade them both out
  66. });
  67. return false;
  68. });
  69. });
  70. </script>
  71.  
  72. <script>$(document).ready(function(){
  73. $("ul#tabs li").click(function(e){
  74. if (!$(this).hasClass("active")) {
  75. var tabNum = $(this).index();
  76. var nthChild = tabNum+1;
  77. $("ul#tabs li.active").removeClass("active");
  78. $(this).addClass("active");
  79. $("ul#tab li.active").removeClass("active");
  80. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  81. }
  82. });
  83. });</script>
  84.  
  85. <script type="text/javascript"> $(document).ready(function(){ $(".links_body").hide(); $(".links_head").click(function(){ $(this).next(".links_body").slideToggle('fast'); }); }); </script>
  86.  
  87.  
  88. <meta https-equiv="Content-Type" content="text/html; charset=utf-8" />
  89. <title>{Title}</title>
  90. <link rel="shortcut icon" href="{Favicon}" />
  91. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  92.  
  93. <link href="https://fonts.googleapis.com/css?family=Elsie" rel="stylesheet">
  94. <link href="https://fonts.googleapis.com/css?family=Bungee+Hairline" rel="stylesheet">
  95. <link href="https://fonts.googleapis.com/css?family=Over+the+Rainbow" rel="stylesheet">
  96. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  97. <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
  98. <link href="https://fonts.googleapis.com/css?family=Nova+Script" rel="stylesheet">
  99. <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">
  100. <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
  101. <link href="https://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet">
  102. <link href="https://fonts.googleapis.com/css?family=Pinyon+Script" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Prata" rel="stylesheet">
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113.  
  114.  
  115.  
  116. #btn {
  117. background: red;
  118. text-align: center;
  119. font-size: 100px;
  120. color: white;
  121. line-height: 100px;
  122. }
  123.  
  124.  
  125.  
  126. @-webkit-keyframes buttercup{
  127. from {-webkit-transform:translate(0, 0px);}
  128. 50% {-webkit-transform:translate(0, 30px);}
  129. to {-webkit-transform: translate(0, -0px);}
  130. }
  131.  
  132.  
  133.  
  134. .popup_block{
  135. display:none;
  136. height:428px;
  137. width:330px;
  138. color:#333333;
  139. float:center;
  140. position:fixed;
  141. top:345px;
  142. left:728px;
  143. text-align:justify;
  144. overflow-y: scroll;
  145. overflow-x: hidden;
  146. z-index: 999999999;
  147. background-image:url();
  148. background-color:#0f0f0f;
  149. opacity:1;
  150.  
  151. }
  152.  
  153. *html #fade {position: absolute;}
  154. *html .popup_block, .popup_block2 {position: absolute;}
  155. #fade {
  156. display:none;
  157. position:fixed;
  158. float:center;
  159. left:0px;
  160. top:0px;
  161. width:0px;
  162. height:0px;
  163. z-index:99999999;
  164. background-image:url();
  165. background-color:#0f0f0f;
  166. background-repeat:no-repeat;
  167. opacity:0;
  168. }
  169.  
  170.  
  171. img.btn_close {
  172. float: right;
  173.  
  174. }
  175. #ask_form {
  176. height:250px;
  177.  
  178. }
  179.  
  180.  
  181. .tabcontent {
  182. font-size:9px;
  183. line-height:110%;
  184.  
  185. }
  186. .tab {
  187. display:none;
  188.  
  189. }
  190. .tab.active {
  191. display:block;
  192.  
  193. }
  194.  
  195. #blocks {
  196. background-color:#121212;
  197. border:1px solid #151515;
  198. color:#333333;
  199. letter-spacing:1px;
  200. text-align:center;
  201. font-weight:bold;
  202. text-transform:uppercase;
  203. font-size:8px;
  204. display:inline-block;
  205. padding:4px;
  206. width:100px;
  207. margin:2px;
  208. -webkit-transition: all .8s ease-in-out;
  209. -moz-transition: all .8s ease-in-out;
  210. -o-transition: all .8s ease-in-out;
  211. }
  212.  
  213. #blocks a {
  214. color:#666;
  215. text-shadow: 1px 1px 1px #000;
  216. }
  217.  
  218. #blocks:hover {
  219. background-color:#151515;
  220. border: solid 1px #151515;
  221. color:#aaa;
  222. -webkit-transition: all .8s ease-in-out;
  223. -moz-transition: all .8s ease-in-out;
  224. -o-transition: all .8s ease-in-out;
  225. }
  226.  
  227. #headerbar{
  228. margin-top:237px;
  229. margin-left:250px;
  230. width:350px;
  231. overflow:scroll;
  232. text-align:justify;
  233. font-family:calibri;
  234. font-size:11px;
  235. }
  236.  
  237. ul#tabs {
  238. list-style-type: none;
  239. padding: 0;
  240. text-align: center;
  241. font-family:calibri;
  242. text-transform:uppercase;
  243. color: #878b9d;
  244. font-size:11px;
  245. text-shadow:0px 0px 1px #944f4f;
  246. }
  247. ul#tabs li {
  248. display: inline-block;
  249. padding: 10px;
  250. color: #fff;
  251. cursor: pointer;
  252. }
  253. ul#tabs li:hover {
  254. -webkit-transition: all 0.6s ease-in-out;
  255. -moz-transition: all 0.6s ease-in-out;
  256. -o-transition: all 0.6s ease-in-out;
  257. -ms-transition: all 0.6s ease-in-out;
  258. transition: all 0.6s ease-in-out;
  259. color: #878b9d;
  260. text-shadow: 1px 1px 3px #878b9d;
  261. }
  262. ul#tabs li.active {
  263. color: #dcdcdc;
  264. }
  265. ul#tab {
  266. list-style-type: none;
  267. margin: 0;
  268. padding: 0;
  269. }
  270. ul#tab li {
  271. display: none;
  272. }
  273. ul#tab li.active {
  274. display: block;
  275. }
  276.  
  277.  
  278.  
  279. .links_list {
  280. margin:0px;
  281. padding:2px;
  282. text-align:center;
  283. width:97%;
  284. }
  285. .links_head {
  286. padding:5px 0px;
  287. cursor:pointer;
  288. position:relative;
  289. text-align:center;
  290. margin:2px;
  291. background: url('');
  292. background-color:#121212;
  293. border:2px solid #111;
  294. text-align:center;
  295. text-transform:uppercase;
  296. font-family:calibri;
  297. font-size:12px;
  298. color:#eee;
  299. text-shadow:0px 0px 1px #111;
  300. }
  301.  
  302. .links_body {
  303. overflow:scroll;
  304. display:none;
  305. height:auto;
  306. width:85%;
  307. margin-left:2px;
  308. padding:5px;
  309. font-family:calibri;
  310. font-size:11px;
  311. text-align:justify;
  312. color:#333;
  313. }
  314.  
  315. #s-m-t-tooltip{
  316. max-width:300px;
  317. margin:10px;
  318. padding:6px;
  319. background: #0b0b0b;
  320. background-image:url('https://i.imgur.com/0aQtMQP.png');
  321. background-repeat:repeat;
  322. border-left: solid 1px #333333;
  323. border-top: solid 1px #333333;
  324. border-right: solid 1px #333333;
  325. border-bottom: solid 1px #333333;
  326. color:#a9a9a9;
  327. text-shadow:1px 1px 0px #777,
  328. 1px -1px 0px #000,
  329. -1px -1px 0px #000,
  330. -1px 1px 0px #000,
  331. 0px 1px 0px #000,
  332. 0px -1px 0px #000,
  333. 1px 0px 0px #000,
  334. -1px 0px 0px #000;
  335. z-index:99999999999999999999;
  336. font-size:10px;
  337. letter-spacing:2px;
  338. font-style:normal;
  339. letter-spacing:2px;
  340. font-family: 'Elsie', cursive;
  341. text-transform:uppercase;
  342. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  343. -webkit-transition: all 0.5s ease-in-out;
  344. -moz-transition: all 0.5s ease-in-out;
  345. -o-transition: all 0.5s ease-in-out;
  346. }
  347.  
  348. ::selection {
  349. background:#ddd;
  350. color:#444;
  351. }
  352. ::-moz-selection {
  353. background:#ddd;
  354. color:#444;
  355. }
  356. ::-webkit-selection {
  357. background:#ddd;
  358. color:#444;
  359. }
  360.  
  361. ::-webkit-scrollbar {
  362. height:0px;
  363. width:0px;
  364. background: transparent;
  365. border-left:0px solid transparent;
  366. border-right:0px solid transparent;
  367. }
  368. ::-webkit-scrollbar-thumb {
  369. background: transparent;
  370. }
  371.  
  372.  
  373. a {
  374. text-decoration:none;
  375. color:#ccc;
  376. text-transform:uppercase;
  377. -webkit-transition: all 0.5s ease-in-out;
  378. -moz-transition: all 0.5s ease-in-out;
  379. -o-transition: all 0.5s ease-in-out;
  380. }
  381.  
  382.  
  383. a:hover {
  384. color:#fff;
  385. text-shadow:0px 0px 1px #aaa;
  386. }
  387.  
  388.  
  389. body {
  390. background:url('https://i.imgur.com/uGEUToe.png')
  391. no-repeat fixed top left;
  392. font-family:calibri;
  393. text-align:justify;
  394. background-color:#050507;
  395. }
  396.  
  397.  
  398.  
  399. h1 {
  400. font-weight:normal;
  401. font-size:13px;
  402. text-align:center;
  403. font-style:normal;
  404. line-height:100%;
  405. letter-spacing:1px;
  406. text-transform:normal;
  407. color:#878b9d;
  408. }
  409.  
  410. h2 {
  411. font-size:10px;
  412. text-align:center;
  413. line-height:100%;
  414. letter-spacing:-0.5px;
  415. color:#878b9d;
  416. font-weight:bold;
  417. text-transform:uppercase;
  418. padding:5px;
  419. padding-bottom:2px;
  420. }
  421.  
  422. h, h2 {
  423. font-family: times;
  424. text-transform:uppercase,bold;
  425. color: #ffffff;
  426. font-size:19px;
  427. }
  428.  
  429. h3 {
  430. font-family:courier;
  431. text-transform:uppercase;
  432. text-align:right;
  433. font-size:10px;
  434. width:100%;
  435. color:#eee;
  436. background-image:url(https://i.imgur.com/0aQtMQP.png);
  437. }
  438.  
  439. h4 {
  440. margin-top:2px;
  441. font-family: 'Elsie', cursive;
  442. text-transform:bold;
  443. font-size:10px;
  444. color:#878b9d;
  445. }
  446.  
  447. h5 {
  448. margin-top:1px;
  449. margin-bottom:2px;
  450. width:113px;
  451. height:16px;
  452. text-align:center;
  453. font-family: 'Bungee Hairline', cursive;
  454. text-transform:uppercase;
  455. font-size:12px;
  456. padding:9px;
  457. color:#ffffff;
  458. background-color:#000000;
  459. border:1px solid #232323;
  460. -webkit-filter: blur(1px);
  461. -webkit-transition: 0.8s ease-in;
  462. >-moz-transition: 1s ease-in;
  463. transition: 1s ease-in;
  464. opacity:0.7;
  465. -webkit-transition: all 0.6s ease-in-out;
  466. -moz-transition: all 0.6s ease-in-out;
  467. -o-transition: all 0.6s ease-in-out;
  468. -ms-transition: all 0.6s ease-in-out;
  469. transition: all 0.6s ease-in-out;
  470. -webkit-border-radius: 10px;
  471. -moz-border-radius: 10px;
  472. border-radius: 10px;
  473. }
  474.  
  475. h5:hover{
  476. -webkit-filter:none;
  477. -webkit-transition: all 0.6s ease-in-out;
  478. opacity:1;
  479.  
  480. -webkit-transition: all 0.6s ease-in-out;
  481.  
  482. -moz-transition: all 0.6s ease-in-out;
  483.  
  484. -o-transition: all 0.6s ease-in-out;
  485.  
  486. -ms-transition: all 0.6s ease-in-out;
  487.  
  488. transition: all 0.6s ease-in-out;
  489.  
  490. }
  491.  
  492. h6 {
  493. margin-top:4px;
  494. margin-bottom:2px;
  495. width:100%;
  496. height:12px;
  497. text-align:center;
  498. font-family:courier;
  499. text-transform:uppercase;
  500. font-size:13px;
  501. padding:9px;
  502. color:#ffffff;
  503. background-image:url(https://i.imgur.com/0aQtMQP.png);
  504. text-shadow:0px 0px 2px #ffffff;
  505. }
  506.  
  507. h7 {
  508. font-family: 'Over the Rainbow';
  509. text-transform:bold;
  510. text-shadow:
  511. 1px 1px 0px #000,
  512. 1px -1px 0px #000,
  513. -1px -1px 0px #000,
  514. -1px 1px 0px #000,
  515. 0px 1px 0px #000,
  516. 0px -1px 0px #000,
  517. 1px 0px 0px #000,
  518. -1px 0px 0px #000;
  519. font-size:15px;
  520. color:#878b9d;
  521.  
  522. }
  523.  
  524. h8 {
  525. font-family: 'Montserrat', sans-serif;
  526. text-transform:uppercase;
  527. color: #878b9d;
  528. font-size:13px;
  529. }
  530.  
  531. h9 {
  532. text-shadow: 0px 0px 2px #350707;
  533. font-family:calibri;
  534. font-size:17px;
  535. color:#878b9d;
  536. text-transform:uppercase;
  537. top:120px;
  538. left:600px;
  539. letter-spacing:8px;
  540. text-shadow: 0px 0px 1px #333333;
  541. }
  542.  
  543. h9:hover {
  544. color:#fff;
  545. -webkit-filter: blur(2px);
  546. -webkit-transition: 0.3s ease-in;
  547. >-moz-transition: 0.3s ease-in;
  548. transition: 0.3s ease-in;
  549. }
  550.  
  551. h10 {
  552. text-shadow: 0px 0px 2px #ffffff;
  553. font-family:calibri;
  554. font-size:15px;
  555. text-transform:uppercase;
  556. top:120px;
  557. left:600px;
  558. letter-spacing:7px;
  559. }
  560.  
  561.  
  562. h11 {
  563. font-family: 'Montserrat', sans-serif;
  564. text-transform:uppercase;
  565. color: #ffffff;
  566. font-size:11px;
  567. text-shadow:0px 0px 1px #878b9d;
  568. }
  569.  
  570. h12 {
  571. font-family: 'Over the Rainbow';
  572. text-transform:normal;
  573. font-size:10px;
  574. color:#ffffff;
  575. }
  576.  
  577. h13 {
  578. display:block;
  579. margin-left:auto;
  580. margin-right:auto;
  581. font-family: 'Handlee', cursive;
  582. color: #eee;
  583. text-shadow:
  584. 1px 1px 0px #000,
  585. 1px -1px 0px #000,
  586. -1px -1px 0px #000,
  587. -1px 1px 0px #000,
  588. font-size:12px;
  589. width:90%;
  590. padding:2px 0px;
  591. background:url('https://i.imgur.com/0aQtMQP.png');
  592. border:1px solid #080808;
  593. -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
  594. -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
  595. box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
  596. border-bottom-right-radius: 5px;
  597. border-bottom-left-radius: 0px;
  598. border-top-right-radius: 0px;
  599. border-top-left-radius: 5px;
  600. }
  601.  
  602.  
  603.  
  604.  
  605. b, strong {
  606. text-transform:uppercase;
  607. font-size:13px;
  608. font-family: 'Nova Script', cursive;
  609. color:#ffffff;
  610. text-shadow:0px 0px 1px #b89b35;
  611. letter-spacing:1px;
  612. }
  613.  
  614. i, em, italics {
  615. font-family: 'Cookie', cursive;
  616. font-size:18px;
  617. text-transform:lowercase;
  618. color:#878b9d;
  619. letter-spacing:0.5px;
  620. text-shadow:
  621. 1px 1px 0px #000,
  622. 1px -1px 0px #000,
  623. -1px -1px 0px #000,
  624. -1px 1px 0px #000,
  625. 0px 1px 0px #000,
  626. 0px -1px 0px #000,
  627. 1px 0px 0px #000,
  628. -1px 0px 0px #000;
  629. }
  630.  
  631. big {
  632. text-transform:uppercase;
  633. letter-spacing:2px;
  634. font-weight:none;
  635. font-size:15px;
  636. color:#857bd5;
  637. font-family: 'Rock Salt', cursive;
  638. }
  639.  
  640. hr {
  641. text-align:center;
  642. width:150px;
  643. border:0.5px solid #777;
  644. }
  645.  
  646. small, sub {
  647. font-size:11px;
  648. }
  649.  
  650. #container img {
  651. height:auto;
  652. max-width:100%;
  653. }
  654.  
  655. blockquote img {
  656. max-width:100%;
  657. height:auto;
  658. }
  659.  
  660. blockquote blockquote img {
  661. max-width:100%;
  662. height:auto;
  663. }
  664.  
  665. .caption {
  666. width:160px;
  667. text-align:center;
  668. line-height:120%;
  669. }
  670.  
  671.  
  672.  
  673.  
  674.  
  675. #container {
  676. background: #transparent;
  677. width:456px;
  678. height:250px;
  679. top:215px;
  680. left:390px;
  681. position:fixed;
  682. overflow-y:scroll;
  683. overflow-x:hidden;
  684. padding-top:0px;
  685. -webkit-mask-image: -webkit-gradient(linear, center 96%, center bottom, from(rgba(1,0,0,1)), to(rgba(1,0,0,0)));
  686. opacity:0.4;
  687.  
  688. -webkit-transition: all 0.6s ease-in-out;
  689.  
  690. -moz-transition: all 0.6s ease-in-out;
  691.  
  692. -o-transition: all 0.6s ease-in-out;
  693.  
  694. -ms-transition: all 0.6s ease-in-out;
  695.  
  696. transition: all 0.6s ease-in-out;
  697. }
  698.  
  699. #container:hover{
  700. -webkit-filter:none;
  701. -webkit-transition: all 0.6s ease-in-out;
  702. opacity:0.7;
  703.  
  704. -webkit-transition: all 0.6s ease-in-out;
  705.  
  706. -moz-transition: all 0.6s ease-in-out;
  707.  
  708. -o-transition: all 0.6s ease-in-out;
  709.  
  710. -ms-transition: all 0.6s ease-in-out;
  711.  
  712. transition: all 0.6s ease-in-out;
  713.  
  714.  
  715. }
  716.  
  717.  
  718. #post {
  719. width:310px;
  720. background-color:transparent;
  721. margin-top:5px;
  722. font-size:14px;
  723. line-height:110%;
  724. color:#555;
  725. padding-top:10px;
  726. margin-bottom:10px;
  727. margin-left:auto;
  728. margin-right:auto;
  729.  
  730. }
  731.  
  732.  
  733.  
  734.  
  735. #post blockquote {
  736. padding-left:10px;
  737. margin-left:10px;
  738. border-left:#666 1px solid;
  739. }
  740.  
  741. #ask {
  742. font-family: 'Lobster Two', cursive;
  743. text-align:center;
  744. padding-top: 10px;
  745. margin-left:0px;
  746. text-transform:uppercase;
  747. color: #878b9d;
  748. font-size:20px;
  749. padding:1px;
  750. letter-spacing:0px
  751. text-shadow:0 0 2px #aeaeae;
  752. }
  753.  
  754. #ask a{
  755. font-family: 'Lobster Two', cursive;
  756. text-transform:uppercase;
  757. font-size:20px;
  758. letter-spacing: 0px;
  759. text-shadow: none;
  760. color: #878b9d;
  761. text-shadow:0 0 2px #050506;
  762. -webkit-filter: blur(0.5px);
  763. }
  764.  
  765. #ask a:hover {
  766. font-family: 'Pinyon Script', cursive;
  767. color: #878b9d;
  768. letter-spacing: 2px;
  769. text-shadow:0 0 2px #000;
  770. -webkit-filter: blur(0px);
  771. -webkit-transition:all .5s ease-in-out;
  772. -moz-transition:all .5s ease-in-out;
  773. transition:all .5s ease-in-out;
  774.  
  775. }
  776.  
  777. #q {
  778. font-family: 'Prata', serif;
  779. font-size:7px;
  780. text-shadow:1px 1px 0px #5a5a5a,
  781. text-align:center;
  782. padding-top: 5px;
  783. margin-left:0px;
  784. text-transform:auto;
  785. letter-spacing:3px
  786. margin-top:-10px;
  787. padding:5px;
  788. background: #000;
  789. background: url("https://i.imgur.com/0aQtMQP.png");
  790. background-repeat:repeat;
  791. padding:2px;
  792. color:#cacaca;
  793. text-transform: uppercase;
  794. border-bottom-left-radius: 5px;
  795. border-top-right-radius: 0px;
  796. border-bottom-right-radius: 0px;
  797. border-top-left-radius: 5px;
  798. padding:10px;
  799. letter-spacing:2px;
  800. border:solid 1px #333333;
  801. }
  802.  
  803. #ans {
  804. text-align:center;
  805. padding:10px;
  806.  
  807. }
  808.  
  809.  
  810.  
  811. #info {
  812. width:285px;
  813. height:auto;
  814. text-align:center;
  815. padding:2px;
  816. word-spacing:10px;
  817. font-size:8px;
  818. font-weight:200;
  819. padding:5px;
  820. padding-top:2px;
  821. padding-bottom:7px;
  822. letter-spacing:-3px;
  823. word-spacing:15px;
  824. }
  825.  
  826. #info a {
  827. text-align:center;
  828. color:#cccccc;
  829. text-shadow: 2px 2px 2px #000;
  830. word-spacing:5px;
  831. font-size:8px;
  832. font-weight:600;
  833. font-family: 'Montserrat', sans-serif;
  834. font-size:8px;
  835. text-transform:uppercase;
  836. letter-spacing:1px;
  837. -webkit-transition: all 0.5s ease-out;
  838. -moz-transition: all 0.5s ease-out;
  839. transition: all 0.5s ease-out;
  840. }
  841.  
  842. #info a:hover {
  843. text-shadow: 0px 0px 7px #828282;
  844. color:#450d0b;
  845. -webkit-transition: all 0.5s ease-out;
  846. -moz-transition: all 0.5s ease-out;
  847. transition: all 0.5s ease-out;
  848. }
  849.  
  850. #tags {
  851. background-color:#070707;
  852. background-image:url('https://i.imgur.com/Q0Usjdf.png');
  853. border-top: solid 1px #333;
  854. border-bottom: solid 1px #333;
  855. width:283px;
  856. height:auto;
  857. padding: 5px;
  858. word-wrap: break-word;
  859. font-family: 'Bubbler One', sans-serif;
  860. text-transform:uppercase;
  861. letter-spacing:1px;
  862. padding:5px;
  863. font-weight:800;
  864. text-align:center;
  865. margin-top:-2px;
  866. margin-left:-7px;
  867. z-index:3;}
  868.  
  869. #tags a {
  870. font-style:trebuchet ms;
  871. color:#cccccc;
  872. font-size:7px;
  873. -webkit-transition: all 0.5s ease-out;
  874. -moz-transition: all 0.5s ease-out;
  875. transition: all 0.5s ease-out;
  876. }
  877.  
  878. #tags a:hover {
  879. color:#450d0b;
  880. font-style:none;
  881. -webkit-transition: all 0.5s ease-out;
  882. -moz-transition: all 0.5s ease-out;
  883. transition: all 0.5s ease-out;
  884. }
  885.  
  886. #postnotes {
  887. border-radius:10px;
  888. background:transparent;
  889. }
  890.  
  891. .note {
  892. text-transform:none;
  893. letter-spacing:0px;
  894. font-size:9px;
  895. text-align:left;
  896. line-height:100%;
  897. margin-left:5px;
  898. }
  899.  
  900. .note li {
  901. list-style-type:decimal;
  902. padding:0px 5px 10px 25px;
  903. text-align:left;
  904. -webkit-transition: all 0.5s ease-in-out;
  905. -moz-transition: all 0.5s ease-in-out;
  906. -o-transition: all 0.5s ease-in-out;
  907. }
  908.  
  909. #link1 {
  910. position:fixed;
  911. text-shadow: 0px 0px 11px #70706d;
  912. left:100px;
  913. top:150px;
  914. transform: rotate(0deg);
  915. font-family: helvetica;
  916. font-size: 35px;
  917.  
  918. }
  919.  
  920.  
  921. #link2 {
  922. position:fixed;
  923. text-shadow: 0px 0px 11px #70706d;
  924. left:100px;
  925. top:195px;
  926. transform: rotate(20deg);
  927. font-family: helvetica;
  928. font-size: 28px;
  929.  
  930. }
  931.  
  932.  
  933.  
  934.  
  935. #link3 {
  936. position:fixed;
  937. text-shadow: 0px 0px 11px #70706d;
  938. left:100px;
  939. top:235px;
  940. transform: rotate(-30deg);
  941. font-family: helvetica;
  942. font-size: 35px;
  943. }
  944.  
  945.  
  946.  
  947.  
  948. #link1 a {
  949. padding:10px;
  950. color:#191010;
  951. margin-right:0px;
  952. -moz-transition-duration:2s;
  953. -webkit-transition-duration:2s;
  954. -o-transition-duration:2s;
  955. -webkit-filter: blur(2px);
  956. -moz-transition-duration:0.7s;
  957. -webkit-transition-duration:0.7s;
  958. -o-transition-duration:0.7s;
  959. }
  960. #link2 a {
  961. padding:10px;
  962. color:#191010;
  963. margin-right:0px;
  964. -moz-transition-duration:2s;
  965. -webkit-transition-duration:2s;
  966. -o-transition-duration:2s;
  967. -webkit-filter: blur(2px);
  968. -moz-transition-duration:0.7s;
  969. -webkit-transition-duration:0.7s;
  970. -o-transition-duration:0.7s;
  971. }
  972. #link3 a {
  973. padding:10px;
  974. color:#191010;
  975. margin-right:0px;
  976. -moz-transition-duration:2s;
  977. -webkit-transition-duration:2s;
  978. -o-transition-duration:2s;
  979. -webkit-filter: blur(2px);
  980. -moz-transition-duration:0.7s;
  981. -webkit-transition-duration:0.7s;
  982. -o-transition-duration:0.7s;
  983. }
  984.  
  985. #link1 a:hover {
  986. -webkit-filter: blur(0.4px);
  987. -moz-transition-duration:0.7s;
  988. -webkit-transition-duration:0.7s;
  989. -o-transition-duration:0.7s;
  990. }
  991. #link2 a:hover {
  992. -webkit-filter: blur(0.4px);
  993. -moz-transition-duration:0.7s;
  994. -webkit-transition-duration:0.7s;
  995. -o-transition-duration:0.7s;
  996. }
  997. #link3 a:hover {
  998. -webkit-filter: blur(0.4px);
  999. -moz-transition-duration:0.7s;
  1000. -webkit-transition-duration:0.7s;
  1001. -o-transition-duration:0.7s;
  1002. }
  1003.  
  1004.  
  1005. #catsstuff {
  1006. font-size:20px;
  1007. font-family: arial;
  1008. font-style: none;
  1009. text-shadow: 1px 1px 4px #ffffff
  1010. -moz-transition-duration:0.5s;
  1011. -webkit-transition-duration:0.5s;
  1012. -o-transition-duration:0.5s;
  1013. }
  1014.  
  1015. #catsstuff a {
  1016. padding:5px;
  1017. position:fixed;
  1018. right:20px;
  1019. bottom:10px
  1020. }
  1021.  
  1022. #catsstuff a:hover {
  1023. -webkit-transition: all 0.6s ease-in-out;
  1024. -moz-transition: all 0.6s ease-in-out;
  1025. -o-transition: all 0.6s ease-in-out;
  1026. -ms-transition: all 0.6s ease-in-out;
  1027. transition: all 0.6s ease-in-out;
  1028. color: #000000;
  1029. text-shadow: 4px 5px 3px #333333;
  1030. }
  1031.  
  1032.  
  1033. #forth {
  1034. position:fixed;
  1035. left:480px;
  1036. top:630px;
  1037. }
  1038.  
  1039. #back {
  1040. position:fixed;
  1041. left:460px;
  1042. top:630px;
  1043. }
  1044.  
  1045. .pagination a {
  1046. font-size:11px;
  1047. color:#fff;
  1048. font-family: 'Over the Rainbow';
  1049. text-shadow:0px 0px 1px #222;
  1050. text-transform:normal;
  1051. }
  1052.  
  1053. .pagination a:hover {
  1054. color:#bbb;
  1055. text-shadow:0px 0px 2px #333;
  1056. }
  1057.  
  1058.  
  1059. .playerbuttonbg {
  1060. position: absolute;
  1061. left: 13px;
  1062. top: 13px;
  1063. width: 19px;
  1064. height: 19px;
  1065. background-color: #ffffff;
  1066. padding: 10px;
  1067. -webkit-border-radius: 40px;
  1068. -moz-border-radius: 40px;
  1069. border-radius: 40px;
  1070. opacity: .4;
  1071. filter: alpha(opacity=40);
  1072. -moz-opacity: 0.4;
  1073. -khtml-opacity: 0.4;
  1074. transition: opacity .7s ease-in-out;
  1075. -moz-transition: opacity .7s ease-in-out;
  1076. -webkit-transition: opacity .7s ease-in-out;}
  1077.  
  1078. .playerbuttonbg:hover {
  1079. opacity: 1;
  1080. filter: alpha(opacity=100);
  1081. -moz-opacity: 1;
  1082. -khtml-opacity: 1;
  1083. }
  1084. .newplayerbutton {
  1085. position: relative;
  1086. width: 19px;
  1087. height: 19px;
  1088. overflow: hidden;
  1089. }
  1090. .playerbuttonhug {
  1091. position: absolute;
  1092. top: -18px;
  1093. left: -7px;
  1094. }
  1095. .tumblr_audio_player {
  1096. border:none;
  1097. height: 50px;
  1098. width: 240px;
  1099. margin-left:3px;
  1100. margin-top:3px;
  1101. }
  1102. .audioimgwrapper {
  1103. position: absolute;
  1104. left: 0px;
  1105. top: 0px;
  1106. overflow: hidden;
  1107. width: 66px;
  1108. height: 66px;
  1109. }
  1110. .audioimgwrapper img {
  1111. width: 100%;
  1112. height: auto;
  1113. }
  1114. .trackdetails {
  1115. width: auto;
  1116. display:inline-block;
  1117. margin-left: 90px;
  1118. min-height: 85px;
  1119. }
  1120. .audiowrapper {
  1121. position: relative;
  1122. display:inline-block;
  1123. }
  1124.  
  1125. .chat li, .chat ol, ul.chat {
  1126. list-style:none;
  1127. margin:0px;
  1128. padding:2px;
  1129. font-family: calibri;
  1130. }
  1131.  
  1132. #updates {
  1133. position:fixed;
  1134. opacity:0.4;
  1135. background-color:#transparent;
  1136. left: 839px;
  1137. top: 299px;
  1138. color:#555;
  1139. font-size:14px;
  1140. width:150px;
  1141. height:150px;
  1142. overflow-y:scroll;
  1143. overflow-x:hidden;
  1144. text-align:center;
  1145. -webkit-mask-image: -webkit-gradient(linear, center 96%, center bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  1146. -webkit-transition: all 0.6s ease-in-out;
  1147.  
  1148. -moz-transition: all 0.6s ease-in-out;
  1149.  
  1150. -o-transition: all 0.6s ease-in-out;
  1151.  
  1152. -ms-transition: all 0.6s ease-in-out;
  1153.  
  1154. transition: all 0.6s ease-in-out;
  1155. }
  1156.  
  1157. #updates:hover{
  1158. -webkit-filter:none;
  1159. -webkit-transition: all 0.6s ease-in-out;
  1160. opacity:0.7;
  1161.  
  1162. -webkit-transition: all 0.6s ease-in-out;
  1163.  
  1164. -moz-transition: all 0.6s ease-in-out;
  1165.  
  1166. -o-transition: all 0.6s ease-in-out;
  1167.  
  1168. -ms-transition: all 0.6s ease-in-out;
  1169.  
  1170. transition: all 0.6s ease-in-out;
  1171. }
  1172.  
  1173.  
  1174.  
  1175. #rotateone{
  1176. float: left;
  1177. -webkit-animation-name: rotateone;
  1178. -webkit-animation-iteration-count: infinite;
  1179. -webkit-animation-timing-function: ease-in-out;
  1180. -webkit-animation-duration: 15s;
  1181. }
  1182.  
  1183. @-webkit-keyframes rotateone{
  1184. 0% { -webkit-transform: rotate(100deg)}
  1185. 50% {-webkit-transform: rotate(360deg);}
  1186. 100% { -webkit-transform: rotate(100deg)}
  1187. }
  1188.  
  1189.  
  1190. #rotatetwo{
  1191. float: left;
  1192. -webkit-animation-name: rotatetwo;
  1193. -webkit-animation-iteration-count: infinite;
  1194. -webkit-animation-timing-function: ease-in-out;
  1195. -webkit-animation-duration: 10s;
  1196. }
  1197.  
  1198. @-webkit-keyframes rotatetwo{
  1199. 0% { -webkit-transform: rotate(80deg)}
  1200. 50% {-webkit-transform: rotate(300deg);}
  1201. 100% { -webkit-transform: rotate(80deg)}
  1202. }
  1203.  
  1204.  
  1205. #rotatethree{
  1206. float: left;
  1207. -webkit-animation-name: rotatethree;
  1208. -webkit-animation-iteration-count: infinite;
  1209. -webkit-animation-timing-function: ease-in-out;
  1210. -webkit-animation-duration: 13s;
  1211. }
  1212.  
  1213. @-webkit-keyframes rotatethree{
  1214. 0% { -webkit-transform: rotate(10deg)}
  1215. 50% {-webkit-transform: rotate(200deg);}
  1216. 100% { -webkit-transform: rotate(10deg)}
  1217. }
  1218.  
  1219.  
  1220. #rotatefour{
  1221. float: left;
  1222. -webkit-animation-name: rotatefour;
  1223. -webkit-animation-iteration-count: infinite;
  1224. -webkit-animation-timing-function: ease-in-out;
  1225. -webkit-animation-duration: 15s;
  1226. }
  1227.  
  1228. @-webkit-keyframes rotatefour{
  1229. 0% { -webkit-transform: rotate(0deg)}
  1230. 50% {-webkit-transform: rotate(60deg);}
  1231. 100% { -webkit-transform: rotate(0deg)}
  1232. }
  1233.  
  1234.  
  1235. #rotatefive{
  1236. float: left;
  1237. -webkit-animation-name: rotatefive;
  1238. -webkit-animation-iteration-count: infinite;
  1239. -webkit-animation-timing-function: ease-in-out;
  1240. -webkit-animation-duration: 10s;
  1241. }
  1242.  
  1243. @-webkit-keyframes rotatefive{
  1244. 0% { -webkit-transform: rotate(-180deg)}
  1245. 50% {-webkit-transform: rotate(0deg);}
  1246. 100% { -webkit-transform: rotate(-180deg)}
  1247. }
  1248.  
  1249.  
  1250. #rotatesix{
  1251. float: left;
  1252. -webkit-animation-name: rotatesix;
  1253. -webkit-animation-iteration-count: infinite;
  1254. -webkit-animation-timing-function: ease-in-out;
  1255. -webkit-animation-duration: 10s;
  1256. }
  1257.  
  1258. @-webkit-keyframes rotatesix{
  1259. 0% { -webkit-transform: rotate(330deg)}
  1260. 50% {-webkit-transform: rotate(-200deg);}
  1261. 100% { -webkit-transform: rotate(330deg)}
  1262. }
  1263.  
  1264.  
  1265.  
  1266.  
  1267.  
  1268. </style>
  1269.  
  1270. </head>
  1271. <body>
  1272.  
  1273.  
  1274.  
  1275. <script language=JavaScript>
  1276. <!--
  1277.  
  1278. //Disable right mouse click Script
  1279. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  1280. //For full source code, visit https://www.dynamicdrive.com
  1281.  
  1282. var message="if you ctrl/command+left-click a link it will open in a new window.";
  1283.  
  1284. ///////////////////////////////////
  1285. function clickIE4(){
  1286. if (event.button==2){
  1287. alert(message);
  1288. return false;
  1289. }
  1290. }
  1291.  
  1292. function clickNS4(e){
  1293. if (document.layers||document.getElementById&&!document.all){
  1294. if (e.which==2||e.which==3){
  1295. alert(message);
  1296. return false;
  1297. }
  1298. }
  1299. }
  1300.  
  1301. if (document.layers){
  1302. document.captureEvents(Event.MOUSEDOWN);
  1303. document.onmousedown=clickNS4;
  1304. }
  1305. else if (document.all&&!document.getElementById){
  1306. document.onmousedown=clickIE4;
  1307. }
  1308.  
  1309. document.oncontextmenu=new Function("alert(message);return false")
  1310.  
  1311. // -->
  1312. </script>
  1313.  
  1314. <!-- YOUR UPDATES TAB --><div id="updates">
  1315. <h13> CHAR NAME.</h13>
  1316. of <b>FANDOM.</b>
  1317. <br>
  1318. <h12> HIGHLY SEL ! </h12>
  1319.  
  1320. <h13>&& QUOTE..</h13>
  1321.  
  1322. <b> Timezone: GMT.</b><br><h4>penned by NAME.</h4>
  1323.  
  1324. <h13>.. QUOTE 2 ..</h13>
  1325.  
  1326. <marquee onmouseover="this.stop();" onmouseout="this.start();"><code><h7>please read rules before approaching to interact.</h7></code></marquee>
  1327. <br>
  1328. <b>tracking</b>: #URL
  1329. <br>
  1330. <i>Est. DATE.</i>
  1331. <h13>.. QUOTE 3.</h13>
  1332. <center><h10>❝ && LAST QUOTE. ❞</h10></center>
  1333.  
  1334. </div>
  1335.  
  1336. <!-- END UPDATES TAB -->
  1337. <div id="link1">
  1338. <a href="/" title="REFRESH.">👻</a></div>
  1339.  
  1340. <div id="link2">
  1341. <a href="#?w=500" rel="question" class="poplight" title="Question.">👻</a></div>
  1342.  
  1343. <div id="link3">
  1344. <a href="#?w=850" rel="navi" class="poplight" title="Navigation.">👻</a></div>
  1345.  
  1346. </div></div>
  1347.  
  1348. <p>
  1349.  
  1350.  
  1351.  
  1352. <div id="forth" class="pagination">
  1353. {block:Pagination}
  1354. {block:NextPage}<a href="{NextPage}"><b>⇨</b></a>{/block:NextPage}
  1355. {/block:Pagination}
  1356. </div>
  1357.  
  1358. <div id="back" class="pagination">
  1359. {block:Pagination}
  1360. {block:PreviousPage}<a href="{PreviousPage}"><b>⇦</b></a>{/block:PreviousPage}
  1361. {/block:Pagination}
  1362. </div>
  1363.  
  1364. <div id="container">
  1365.  
  1366. {block:Posts}
  1367. <div id="post">
  1368.  
  1369. {block:Text}
  1370. {block:Title}<titletwo>{Title}</titletwo>{/block:Title}
  1371. {Body}
  1372. {/block:Text}
  1373.  
  1374. {block:Quote}
  1375. <titletwo>{Quote}</titletwo>
  1376. <titleone>—{Source}</titleone>
  1377. {/block:Quote}
  1378.  
  1379. {block:Link}
  1380. <a href="{URL}"><titletwo>{Name}</titletwo></a>
  1381. {block:Description}<p>{Description}</p>{/block:Description}
  1382. {/block:Link}
  1383.  
  1384. {block:Photo}<center><img src="{PhotoURL-HighRes}" width="300px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1385.  
  1386. {block:Photoset}<center>{Photoset}</center>
  1387. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1388.  
  1389. {block:Chat}
  1390. <ul class="chat">{block:Title}<h6>{Title}</h6>{/block:Title}
  1391. {block:Lines}<li>
  1392. {block:Label}
  1393. <span class="label">{Label}</span>
  1394. {/block:Label}
  1395. {Line}</li>{/block:Lines}</ul>
  1396. {/block:Chat}
  1397.  
  1398. {block:Video}{Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1399.  
  1400. {block:Answer}
  1401.  
  1402. <div id="ask">{Asker}</div>
  1403. <div id="q">{Question}</div>
  1404. <br/>{Answer}{/block:Answer}
  1405.  
  1406. {block:AudioPlayer}
  1407. <div class="audiowrapper">
  1408. {block:AlbumArt}
  1409. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1410. {/block:AlbumArt}
  1411.  
  1412. <div class="playerbuttonbg">
  1413. <div class="newplayerbutton">
  1414. <div class="playerbuttonhug">
  1415.  
  1416. {AudioPlayerWhite}
  1417.  
  1418. </div>
  1419. </div>
  1420. </div>
  1421.  
  1422. <div class="trackdetails">
  1423. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  1424. {block:Artist}{Artist}{/block:Artist}<br/>
  1425. {PlayCountWithLabel}
  1426. </div></div>
  1427. {block:Caption}{Caption}{/block:Caption}
  1428. {/block:AudioPlayer}
  1429.  
  1430. <div id="postnotes">
  1431. <div id="info">
  1432. <br>
  1433.  
  1434. &nbsp; &nbsp;
  1435.  
  1436.  
  1437. <div id="info">
  1438. <a href="{Permalink}" title="{DayofWeek}, {Month} {DayofMonthwithZero} - {TimeAgo}" style="font-size:16px;">🥀</a>
  1439. /
  1440.  
  1441. <a title="{block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}" style="font-size:16px;">🥀</a>
  1442. /
  1443.  
  1444. <a href="{ReblogURL}" title="Reblog." style="font-size:16px;">🥀</a>
  1445. </div>
  1446. <div id="tags">
  1447. {block:HasTags}{block:Tags} <a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{block:HasTags}
  1448. </div> </div>
  1449.  
  1450.  
  1451. {block:permalinkpage}
  1452. <p> <font style="color:#000000"> . </font>
  1453. {/block:permalinkpage}
  1454.  
  1455. {block:PostNotes}
  1456. <div id="notes">{PostNotes}</div>
  1457. {/block:PostNotes}
  1458. {/block:Posts}
  1459.  
  1460. {/block:Posts} </div> </div> </div>
  1461.  
  1462.  
  1463.  
  1464. </div></div></div>
  1465.  
  1466.  
  1467. {block:ContentSource}
  1468. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1469. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1470. {/block:SourceLogo}
  1471. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1472. {/block:ContentSource}
  1473.  
  1474. <!-- {block:NoRebloggedFrom}
  1475. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1476. {/block:NoRebloggedFrom} -->
  1477.  
  1478.  
  1479.  
  1480. </div> </div> </div> </div> </div> </div>
  1481.  
  1482.  
  1483.  
  1484.  
  1485.  
  1486.  
  1487.  
  1488.  
  1489. </div>
  1490. </div>
  1491. </body>
  1492. </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!