API tools faq
paste
Advertisement
tiffxny21

golden ★

tiffxny21
May 14th, 2019
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.05 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. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14.  
  15. <script type="text/javascript"
  16. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <!--- COLOURS ---->
  48.  
  49. <meta name="color:background" content="#2c2c2c"/>
  50. <meta name="color:text" content="#b6b6b6"/>
  51. <meta name="color:accent1" content="#a0988e"/>
  52. <meta name="color:accent2" content="#e2d4cc"/>
  53. <meta name="color:desc text" conetent="#dcd7d1"/>
  54. <meta name="color:links" content="#ae8356"/>
  55. <meta name="color:blockquote" content="#7e7b76"/>
  56. <meta name="color:italic" content="#b87f2a"/>
  57. <meta name="color:italic shadow" content="#ba8c60"/>
  58. <meta name="color:bold" content="#826d38"/>
  59. <meta name="color:bold shadow" content="#804f31"/>
  60. <meta name="color:linkback" content="#aeabb4"/>
  61. <meta name="color:infolink" content="#afa8a1"/>
  62. <meta name="color:sidelink" content="#a9a8a7"/>
  63. <meta name="color:sidelinkshadow" content="#9d6838"/>
  64.  
  65.  
  66. <!--- IMAGES ---->
  67.  
  68. <meta name="image:background" content="https://static.tumblr.com/5892711d2a27fc3ff61372df53aadd69/nuzdvci/Ar9ogjt3c/tumblr_static_aie77nr0cigc80ss0k0g40wog.png"/>
  69. <meta name="image:info" content="https://static.tumblr.com/5892711d2a27fc3ff61372df53aadd69/nuzdvci/61Vogjt3d/tumblr_static_80v7buqb5pk48w8sssgc8c40g.png"/>
  70. <meta name="image:popup" content="https://static.tumblr.com/eba277d6b70f339a1f052705c5169cc4/nuzdvci/SBEogjt3q/tumblr_static_bf9hdj7s9kowk4kksos0sgkoo.png"/>
  71.  
  72.  
  73.  
  74. <link href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet">
  75. <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
  76. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  77. <link href="https://fonts.googleapis.com/css?family=Mate+SC" rel="stylesheet">
  78. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  79. <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
  80.  
  81. <style type="text/css">
  82.  
  83.  
  84. /*SCROLLBAR*/
  85.  
  86. ::-webkit-scrollbar-thumb {
  87. height:auto;
  88. background-color:transparent;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. height:9px;
  93. width:2px;
  94. background-color:transparent;
  95. }
  96.  
  97. /*BULLET POINTS*/
  98.  
  99. ul, li {
  100. line-height:100%;
  101. }
  102.  
  103. /*BODY*/
  104.  
  105.  
  106. body {
  107. background:{color:background};
  108. background-image:url('{image:background}');
  109.  
  110. background-attachment: fixed;
  111. background-repeat: no-repeat;
  112. background-position: left top;
  113. color:{color:text};
  114. font-family: 'VT323', monospace;
  115.  
  116. text-align:justify;
  117. font-size: 12px;
  118. letter-spacing:0px;
  119. line-height:100%;
  120. text-shadow: 0px 0px 4px {color:italic shadow};
  121. }
  122.  
  123. sub, sup {
  124. color:{color:text};
  125.  
  126. text-align:justify;
  127. font-size: 11px;
  128. letter-spacing:0px;
  129. line-height:100%;
  130. text-shadow: 0px 0px 4px {color:italic shadow};
  131. }
  132.  
  133. small {
  134. color:{color:text};
  135.  
  136. text-align:justify;
  137. font-size: 11px;
  138. letter-spacing:0px;
  139. line-height:100%;
  140. text-shadow: 0px 0px 4px {color:italic shadow};
  141. }
  142. a {
  143.  
  144. color:{color:links};
  145. text-shadow: 1px 1px 3px {color:links shadow};
  146. font-family: 'Unica One', cursive;
  147. text-decoration:none;
  148. font-size:15px;
  149. -moz-transition-duration:1s;
  150. -webkit-transition-duration:1s;
  151. -o-transition-duration:1s;
  152. }
  153.  
  154.  
  155. a:hover {
  156. color:{color:links hover};
  157. right:50px;
  158. opacity:.5;
  159. text-shadow: 5px 5px 5px {color:bold shadow};
  160. -webkit-transition: color 0.9s ease-out;
  161. -moz-transition: color 0.9s ease-out;
  162. }
  163.  
  164.  
  165.  
  166. b, strong {
  167. color:{color:bold};
  168. text-shadow: 0px 0px 4px {color:bold shadow};
  169. font-size:10px;
  170. font-family: 'Rock Salt', cursive;
  171. }
  172.  
  173. i, em {
  174. color:{color:italic};
  175. text-shadow: 0px 0px 3px {color:italic shadow};
  176. font-family: 'Nothing You Could Do', cursive;
  177. font-size:16px;
  178. }
  179.  
  180. blockquote {
  181. padding:2px 7px;
  182. margin:3px 0 3px 8px;
  183. border-left:1px ridge {color:blockquote};
  184.  
  185. }
  186.  
  187. blockquote img {
  188. max-width:100%;
  189. height:auto;
  190. }
  191.  
  192. img {
  193. max-width: 100%;
  194. }
  195.  
  196. h1 {
  197. color:{color:accent2};
  198. font-weight:bold;
  199. text-transform:uppercase;
  200. overflow:hidden;
  201. display:block;
  202. font-family: 'VT323', monospace;
  203. font-size:25px;
  204. line-height:25px;
  205. text-align:center;
  206.  
  207.  
  208. text-shadow:1px 1px 5px {color:accent1};
  209. }
  210.  
  211. h4 {
  212.  
  213. color:{color:accent1};
  214.  
  215. font-weight:bold;
  216. font-size:15px;
  217. text-transform:uppercase;
  218. font-family: 'Rock Salt', cursive;
  219. text-shadow:1px 2px 7px {color:accent1};
  220. width:auto;
  221. padding:10px;
  222.  
  223. line-height:20px;
  224. text-align:center;
  225.  
  226.  
  227. }
  228.  
  229.  
  230. h2 {
  231.  
  232. color:{color:accent2};
  233.  
  234. font-weight:bold;
  235. font-size:13px;
  236. text-transform:uppercase;
  237. font-family: 'Mate SC', serif;
  238. text-shadow:1px 1px1px {color:accent2};
  239. width:auto;
  240. line-height:12px;
  241. text-align:center;
  242.  
  243.  
  244. }
  245.  
  246. h3 {
  247.  
  248. color:{color:accent2};
  249. background-image:url('{image:info}');
  250. border:1px solid {color:accent1};
  251. font-weight:bold;
  252. font-size:13px;
  253. text-transform:uppercase;
  254.  
  255. font-family: 'Mate SC', serif;
  256. text-shadow:1px 1px1px {color:accent2};
  257. width:auto;
  258.  
  259.  
  260. line-height:20px;
  261. text-align:center;
  262.  
  263.  
  264. }
  265.  
  266.  
  267.  
  268. #s-m-t-tooltip {
  269. max-width:300px;
  270. padding:3px 4px 5px 4px;
  271. margin:20px 0px 20px 0px;
  272. background-color:{color:accent2};
  273. font-family:arial;
  274. font-size:9px;
  275. letter-spacing:2px;
  276. text-transform:uppercase;
  277. color:{color:accent1};
  278. z-index:1;
  279. }
  280.  
  281.  
  282. #container {
  283. position:fixed;
  284. padding:10px;
  285. z-index:9999;
  286. margin-left:192px;
  287. margin-top:150px;
  288. height:550px;
  289. width:300px;
  290. background:transparent;
  291. overflow:auto;
  292. -webkit-mask-image: -webkit-gradient(
  293. linear, center 75%, center bottom,
  294. from(rgba(0,0,0,20)),
  295. to(rgba(20,0,0,0)));
  296.  
  297. }
  298.  
  299.  
  300. #post {
  301. font-size:13px;
  302. z-index:9999;
  303. width:250px;
  304. background-color: transparent;
  305. padding:10px 10px 100px 10px;
  306. color: {color:text};
  307. -webkit-mask-image: -webkit-gradient(
  308. linear, center 80%, center bottom,
  309. from(rgba(0,0,0,20)),
  310. to(rgba(20,0,0,0)));
  311. }
  312.  
  313.  
  314.  
  315.  
  316. #description {
  317. padding:1px;
  318. overflow:auto;
  319. text-align:center;
  320. font-size:11px;
  321. height:560px;
  322. position:fixed;
  323. width:150px;
  324. z-index:9999;
  325. font-family: 'VT323', monospace;
  326.  
  327. color:{color:desc text};
  328. background:transparent;
  329. margin-left:530px;
  330. margin-top:187px;
  331. -webkit-mask-image: -webkit-gradient(
  332. linear, center 75%, center bottom,
  333. from(rgba(0,0,0,20)),
  334. to(rgba(20,0,0,0)));
  335. }
  336.  
  337. #links{
  338. padding:10px;
  339. position:fixed;
  340. z-index:9999;
  341. display:inline;
  342. left:100px;
  343. top:300px;
  344. }
  345.  
  346. #links a{
  347. text-decoration:none;
  348. z-index:99999999999999;
  349. font-size:15px;
  350. padding:25px;
  351. text-align:center;
  352. font-family: 'Mate SC', serif;
  353. color:{color:sidelink};
  354. text-shadow: 0px 0px 5px {color:sidelinkshadow};
  355. display:inline-block;
  356. }
  357.  
  358. #links a:hover{
  359. text-decoration:none;
  360. color:{color:accent2};
  361. -webkit-transition: all 0.4s ease-in-out;
  362. -moz-transition: all 0.4s ease-in-out;
  363. -o-transition: all 0.4s ease-in-out;
  364. -ms-transition: all 0.4s ease-in-out;
  365. transition: all 0.4s ease-in-out;
  366. }
  367.  
  368. .link1 {
  369.  
  370. font-family: 'Amatic SC', cursive;
  371. font-size: 30px;}
  372.  
  373.  
  374. .link1 a {
  375. padding:10px;
  376. margin-right:0px;
  377. -webkit-filter: blur(0px);
  378. -webkit-transition: 1s ease-in;
  379. -moz-transition: 1s ease-in;
  380. transition: 1s ease-in;
  381. }
  382.  
  383. .link1:hover {
  384. -webkit-filter:blur(1px);
  385. -webkit-transition: all 1s ease-out;
  386. -moz-transition: all 1s ease-out;
  387. transition: all 1s ease-out;
  388.  
  389. }
  390.  
  391.  
  392. .link2 {
  393.  
  394. font-family: 'Amatic SC', cursive;
  395. font-size: 30px;}
  396.  
  397.  
  398. .link2 a {
  399. padding:10px;
  400. margin-right:0px;
  401. -webkit-filter: blur(0px);
  402. -webkit-transition: 1s ease-in;
  403. -moz-transition: 1s ease-in;
  404. transition: 1s ease-in;
  405. }
  406.  
  407. .link2:hover {
  408. -webkit-filter:blur(1px);
  409. -webkit-transition: all 1s ease-out;
  410. -moz-transition: all 1s ease-out;
  411. transition: all 1s ease-out;
  412.  
  413. }
  414.  
  415.  
  416. .link3 {
  417.  
  418. font-family: 'Amatic SC', cursive;
  419. font-size: 30px;}
  420.  
  421.  
  422. .link3 a {
  423. padding:10px;
  424. margin-right:0px;
  425. -webkit-filter: blur(0px);
  426. -webkit-transition: 1s ease-in;
  427. -moz-transition: 1s ease-in;
  428. transition: 1s ease-in;
  429. }
  430.  
  431. .link3:hover {
  432. -webkit-filter:blur(1px);
  433. -webkit-transition: all 1s ease-out;
  434. -moz-transition: all 1s ease-out;
  435. transition: all 1s ease-out;
  436.  
  437. }
  438.  
  439.  
  440.  
  441. .link4 {
  442.  
  443. font-family: 'Amatic SC', cursive;
  444. font-size: 30px;}
  445.  
  446.  
  447. .link4 a {
  448. padding:10px;
  449. margin-right:0px;
  450. -webkit-filter: blur(0px);
  451. -webkit-transition: 1s ease-in;
  452. -moz-transition: 1s ease-in;
  453. transition: 1s ease-in;
  454. }
  455.  
  456. .link4:hover {
  457. -webkit-filter:blur(1px);
  458. -webkit-transition: all 1s ease-out;
  459. -moz-transition: all 1s ease-out;
  460. transition: all 1s ease-out;
  461.  
  462. }
  463.  
  464.  
  465. .link5 {
  466.  
  467. font-family: 'Amatic SC', cursive;
  468. font-size: 30px;}
  469.  
  470.  
  471. .link5 a {
  472. padding:10px;
  473. margin-right:0px;
  474. -webkit-filter: blur(0px);
  475. -webkit-transition: 1s ease-in;
  476. -moz-transition: 1s ease-in;
  477. transition: 1s ease-in;
  478. }
  479.  
  480. .link5:hover {
  481. -webkit-filter:blur(1px);
  482. -webkit-transition: all 1s ease-out;
  483. -moz-transition: all 1s ease-out;
  484. transition: all 1s ease-out;
  485.  
  486. }
  487.  
  488.  
  489.  
  490.  
  491. /*POST INFO*/
  492.  
  493. #info {
  494. width:186px;
  495. text-align:right;
  496. font-family:arial;
  497. margin-top:7px;
  498. margin-left:20px;
  499. border:1px solid {color:accent1};
  500. letter-spacing:10px;
  501.  
  502. background-image:url('{image:info}');
  503. font-size:15px;
  504. font-style:none;
  505. padding:10px;
  506. line-height:10px;
  507. text-transform:uppercase;
  508. z-index:99999;
  509. }
  510.  
  511. #info a {
  512. background:transparent;
  513. text-align:center;
  514. color:{color:infolink};
  515. }
  516.  
  517. #info a:hover {
  518. -moz-transition-duration:0.3s;
  519. -webkit-transition-duration:0.3s;
  520. -o-transition-duration:0.3s;
  521. color:{color:accent1}
  522. }
  523.  
  524. #tags {
  525. float:left;
  526. width:250px;
  527. margin-top:5px;
  528. margin-left:-30px;
  529. text-align:left;
  530. font-size:8px;
  531. padding:7px;
  532. z-index:9999999999;
  533. opacity:.5;
  534. height:auto;
  535. padding-bottom:35px;
  536.  
  537. transition-duration: 1s;
  538. -moz-transition-duration: 1s;
  539. -webkit-transition-duration: 1s;
  540. -o-transition-duration: 1s
  541. color:{color:Links};
  542. }
  543.  
  544. #tags a {
  545. letter-spacing:0px;
  546. font-size:8px;
  547. text-align:center;
  548. font-family:'SILK';
  549. text-decoration:none;
  550. opacity:1;
  551. display:inline-block;
  552. color:{color:accent1};
  553. }
  554.  
  555. #tags a:hover {
  556. -moz-transition-duration:0.3s;
  557. -webkit-transition-duration:0.3s;
  558. -o-transition-duration:0.3s;
  559. color:{color:italic};
  560. }
  561.  
  562.  
  563. ol.notes {
  564. display:block;
  565. text-align:left;
  566. list-style-type:none;
  567. margin-left:15px;
  568. background-color:{color:italic};
  569. }
  570.  
  571. ol.notes li.note{
  572. margin-left:15px;
  573. margin-bottom:5px;
  574. background-color:{color:italic};
  575. line-height:110%;
  576. }
  577.  
  578. .pagenotes {
  579. text-align:left;
  580. margin-top:15px;
  581. background:none;
  582. margin-left:15px;
  583. background-color:{color:italic};
  584. }
  585.  
  586. .pagenotes img{
  587. padding-right:5px;
  588. padding-top:5px;
  589. margin-bottom:-5px;
  590. }
  591.  
  592.  
  593.  
  594. /*CHAT*/
  595.  
  596. ul.chat{
  597. list-style:none;
  598. margin-left:-40px;
  599. }
  600.  
  601. .chat span {
  602. float: left;
  603. }
  604.  
  605. p.chat {
  606. padding-left:3px;
  607. border-radius:3px;
  608. }
  609.  
  610. /*QUOTES*/
  611.  
  612. .quote{
  613. font-size:20px;
  614. font-family:arial black;
  615. text-align:center;
  616. line-height:100%;
  617. background:transparent;
  618. }
  619.  
  620. .qsource{
  621. text-align:right;
  622. margin-bottom:10px;
  623. color:{color:links};
  624. text-align:center;
  625. font-size:9px;
  626. font-family:arial;
  627. text-decoration:lowercase;
  628. padding:7px;
  629. }
  630.  
  631. /*AUDIO*/
  632.  
  633. .songart{
  634. float:left;
  635. margin-right:10px;
  636. }
  637.  
  638. .songart img{
  639. width:77px;
  640. height:77px;
  641. }
  642.  
  643. .audio {
  644. margin-top:-10px;
  645. }
  646.  
  647. .songtitle{
  648. margin-bottom:10px;
  649. margin-left:90px;
  650. text-shadow: 1px 1px 0px {color:shadow};
  651. }
  652.  
  653. .songauthor{
  654. margin-bottom:10px;
  655. font-size:8px;
  656. margin-left:90px;
  657. }
  658.  
  659. .tumblr_audio_player {
  660. height: 50px;
  661. border-radius:3px;
  662. }
  663.  
  664.  
  665. /*QUESTION*/
  666.  
  667. #asker {
  668. color:{color:text};
  669. padding:14px;
  670. font-family: arial;
  671. font-size:9px;
  672. letter-spacing:0px;
  673. text-align:left;
  674. margin-top:0px;
  675. text-transform:lowercase;
  676. line-height:100%;
  677. }
  678.  
  679.  
  680.  
  681. /*PAGINATION*/
  682. #pagination {
  683. width:200px;
  684. font-size:13px;
  685. z-index:99;
  686. text-align:center;
  687. color:{color:desc text};
  688. position:fixed;
  689. margin-left:95px;
  690. height:20px;
  691. margin-top:720px;
  692. }
  693.  
  694. #pagination a {
  695. color:{color:Links Background};
  696. font-size:10px;
  697. z-index:99;
  698. font-weight:bold;
  699. background-color:transparent;
  700. }
  701.  
  702.  
  703. .popup_block{
  704. display:none;
  705. background:transparent;
  706. background-image:url('{image:popup}');
  707. background-attachment: fixed;
  708. background-repeat: no-repeat;
  709. background-position:80px 160px;
  710. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  711. position:fixed;
  712. padding:10px;
  713. top:400px;
  714. left:495px;
  715. height:900px;
  716. overflow:scroll;
  717. z-index: 99999;
  718.  
  719. }
  720.  
  721. *html #fade {position: absolute;}
  722. *html .popup_block {position: absolute;}
  723. #fade {
  724. display:none;
  725. position:fixed;
  726.  
  727. left:0px;
  728. top:0px;
  729. width:100%;
  730. height:100%;
  731. z-index:9999;
  732. background:#2c2c2c; /* change to #fff for solid white */
  733. opacity:.9; /* change to opacity:1; */
  734. }
  735.  
  736.  
  737.  
  738. .navlink {text-align:left;overflow:auto;}
  739.  
  740. .navlink a {
  741. color:black; /* change tags colour */
  742. background-color:{color:linkback};
  743. font-size:8px;
  744. text-transform:none;
  745. text-shadow:1px 1px 20px {color:accent2};
  746. width:50px;
  747. font-family: 'Mate SC', serif;
  748. overflow:hidden;
  749. display:inline-block;
  750. margin-left:0px;
  751. padding:5px 5px 5px 10px;
  752. box-shadow:1px 1px 5px {color:linkback};
  753. -moz-transition-duration:1s;
  754. -webkit-transition-duration:1s;
  755. -o-transition-duration:1s;
  756. }
  757.  
  758.  
  759. .navlink a:hover {
  760. color:white; /* change tags hover colour */
  761. background-color:white; /* change tags hover bg colour */
  762. -moz-transition-duration:1s;
  763. -webkit-transition-duration:1s;
  764. -o-transition-duration:1s;
  765. }
  766.  
  767.  
  768.  
  769.  
  770. .balllink1{
  771. float: left;
  772. -webkit-animation-name: scalex;
  773. -webkit-animation-duration:9s;
  774. -webkit-animation-iteration-count:infinite;
  775. -webkit-animation-timing-function:ease-in-out;
  776. -moz-animation-name: scale;
  777. -moz-animation-duration:9s;
  778. -moz-animation-iteration-count:infinite;
  779. -moz-animation-timing-function:ease-in-out;
  780. }
  781.  
  782. @-webkit-keyframes scalex{
  783. from {-webkit-transform: scale(0.9);}
  784. 15% {-webkit-transform: scale(1);}
  785. to {-webkit-transform: scale(0.9);}
  786. }
  787.  
  788. @-moz-keyframes scale{
  789. from {-webkit-transform: scale(0.9);}
  790. 15% {-webkit-transform: scale(1);}
  791. to {-webkit-transform: scale(0.9);}
  792. }
  793.  
  794. .balllink2{
  795. float: left;
  796. -webkit-animation-name: scalex;
  797. -webkit-animation-duration:8s;
  798. -webkit-animation-iteration-count:infinite;
  799. -webkit-animation-timing-function:ease-in-out;
  800. -moz-animation-name: scale;
  801. -moz-animation-duration:8s;
  802. -moz-animation-iteration-count:infinite;
  803. -moz-animation-timing-function:ease-in-out;
  804. }
  805.  
  806. @-webkit-keyframes scalex{
  807. from {-webkit-transform: scale(1.0);}
  808. 65% {-webkit-transform: scale(2.0);}
  809. to {-webkit-transform: scale(1.0);}
  810. }
  811.  
  812. @-moz-keyframes scale{
  813. from {-moz-transform: scale(1.0);}
  814. 65% {-moz-transform: scale(2.0);}
  815. to {-moz-transform: scale(1.0);}
  816. }
  817.  
  818. .balllink3{
  819. float: left;
  820. -webkit-animation-name: scalex;
  821. -webkit-animation-duration:6s;
  822. -webkit-animation-iteration-count:infinite;
  823. -webkit-animation-timing-function:ease-in-out;
  824. -moz-animation-name: scale;
  825. -moz-animation-duration:6s;
  826. -moz-animation-iteration-count:infinite;
  827. -moz-animation-timing-function:ease-in-out;
  828. }
  829.  
  830. @-webkit-keyframes scalex{
  831. from {-webkit-transform: scale(1.0);}
  832. 65% {-webkit-transform: scale(2.0);}
  833. to {-webkit-transform: scale(1.0);}
  834. }
  835.  
  836. @-moz-keyframes scale{
  837. from {-moz-transform: scale(1.0);}
  838. 65% {-moz-transform: scale(2.0);}
  839. to {-moz-transform: scale(1.0);}
  840. }
  841.  
  842.  
  843.  
  844. .balllink4{
  845. float: left;
  846. -webkit-animation-name: scalex;
  847. -webkit-animation-duration:5s;
  848. -webkit-animation-iteration-count:infinite;
  849. -webkit-animation-timing-function:ease-in-out;
  850. -moz-animation-name: scale;
  851. -moz-animation-duration:5s;
  852. -moz-animation-iteration-count:infinite;
  853. -moz-animation-timing-function:ease-in-out;
  854. }
  855.  
  856. @-webkit-keyframes scalex{
  857. from {-webkit-transform: scale(1.0);}
  858. 65% {-webkit-transform: scale(2.0);}
  859. to {-webkit-transform: scale(1.0);}
  860. }
  861.  
  862. @-moz-keyframes scale{
  863. from {-moz-transform: scale(1.0);}
  864. 65% {-moz-transform: scale(2.0);}
  865. to {-moz-transform: scale(1.0);}
  866. }
  867.  
  868. .balllink5{
  869. float: left;
  870. -webkit-animation-name: scalex;
  871. -webkit-animation-duration:9s;
  872. -webkit-animation-iteration-count:infinite;
  873. -webkit-animation-timing-function:ease-in-out;
  874. -moz-animation-name: scale;
  875. -moz-animation-duration:9s;
  876. -moz-animation-iteration-count:infinite;
  877. -moz-animation-timing-function:ease-in-out;
  878. }
  879.  
  880. @-webkit-keyframes scalex{
  881. from {-webkit-transform: scale(0.9);}
  882. 15% {-webkit-transform: scale(2);}
  883. to {-webkit-transform: scale(0.9);}
  884. }
  885.  
  886. @-moz-keyframes scale{
  887. from {-webkit-transform: scale(0.9);}
  888. 15% {-webkit-transform: scale(2);}
  889. to {-webkit-transform: scale(0.9);}
  890. }
  891.  
  892. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  893.  
  894. #below{width:250px;}
  895.  
  896. .title1, .title2, .title3{
  897. display:inline-block;
  898. height:10px;
  899. line-height:10px;
  900. font-size:18px;
  901. background-image:url('{image:info}');
  902. width:240px;
  903. font-family: 'Mate SC', serif;
  904. padding:10px;
  905. margin-top:10px;
  906. color:{color:link};
  907.  
  908. border:0px solid white;
  909. letter-spacing:4px;
  910. text-transform:uppercase;
  911. overflow:hidden;
  912. opacity:1;
  913. cursor:help;
  914. font-weight:700;
  915. }
  916.  
  917. .table1, .table2, .table3{
  918. height:auto;
  919. display:none;
  920. opacity:1;
  921. background:{color:background};
  922.  
  923. text-transform:none;
  924. letter-spacing:1px;
  925. font-size:13px;
  926. width:250px;
  927. padding:10px;
  928. line-height:20px;
  929. }
  930.  
  931. .table1 a, .table2 a, .table3 a{
  932. padding:5px;
  933. margin:3px;
  934. -o-transition-transition: all 0.8s ease-out;
  935. -webkit-transition: all 0.8s ease-out;
  936. -moz-transition: all 0.8s ease-out;
  937. transition: all 0.8s ease-out;}
  938.  
  939.  
  940. .table1 a:hover, .table2 a:hover, .table3 a:hover{
  941. background:{color:link};
  942. color:#fff;
  943. -o-transition-transition: all 0.8s ease-out;
  944. -webkit-transition: all 0.8s ease-out;
  945. -moz-transition: all 0.8s ease-out;
  946. transition: all 0.8s ease-out;
  947. }
  948.  
  949.  
  950. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  951.  
  952. /*CREDIT*/
  953.  
  954. #cred {
  955. position:fixed;
  956. font-family:arial;
  957. text-transform:uppercase;
  958. font-size:10px;
  959. left:9px;
  960. bottom:9px;
  961. padding:4px;
  962. background-color:transparent;
  963. letter-spacing:1px;
  964. }
  965.  
  966.  
  967. #cred a {
  968. position:fixed;
  969. font-family:arial;
  970. text-transform:uppercase;
  971. font-size:10px;
  972. left:9px;
  973. bottom:9px;
  974. padding:4px;
  975. background-color:transparent;
  976. letter-spacing:1px;
  977. }
  978.  
  979.  
  980.  
  981. {CustomCSS}
  982.  
  983.  
  984. </style>
  985. <script src="jquery.js"></script>
  986. <script>
  987. $(document).ready(function(){
  988. $(".title1").click(function(){
  989. $(".table1").slideToggle("fast");});});
  990. $(document).ready(function(){
  991. $(".title2").click(function(){
  992. $(".table2").slideToggle("fast");});});
  993. $(document).ready(function(){
  994. $(".title3").click(function(){
  995. $(".table3").slideToggle("fast");});});
  996. </script>
  997.  
  998.  
  999. </head>
  1000.  
  1001. <body>
  1002.  
  1003.  
  1004. <!--- this is your tooltip scripts ---->
  1005.  
  1006. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1007. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1008. <script>
  1009.  
  1010. (function($){
  1011.  
  1012. $(document).ready(function(){
  1013.  
  1014. $("a[title]").style_my_tooltips({
  1015.  
  1016. tip_follows_cursor:true,
  1017.  
  1018. tip_delay_time:50,
  1019.  
  1020. tip_fade_speed:600,
  1021.  
  1022. attribute:"title"
  1023.  
  1024. });
  1025.  
  1026. });
  1027.  
  1028. })(jQuery);
  1029.  
  1030. </script>
  1031.  
  1032. <!---- start of your html ---->
  1033.  
  1034.  
  1035.  
  1036.  
  1037. <div id="description"><br>
  1038.  
  1039.  
  1040. <h3>It's snowing right now I wish it was summer</h3>
  1041. They don't call me Mr. Greenside for no reason
  1042. When they do I pause and cough it out
  1043. I cough it out, I cough it out, I cough it out
  1044. <h1>I cough it out</h1>
  1045.  
  1046. <h3>All the branches on the tree</h3>
  1047. That we carved our initials in seam to bend and take the shape of them
  1048. And ohhhhhh can't you see
  1049. I am delusional with love, I am delusional with love, I am delusional with love
  1050.  
  1051. I don't care if you're not sorry I forgive you
  1052. And with or without your support I will continue
  1053. What I'm trying to say is you never know what you've been through
  1054. Till you pause and cough it out
  1055. I cough it out, I cough it out, I cough it out
  1056. <h2>I cough it out</h2>
  1057.  
  1058. All the branches on the tree
  1059. That we carved our initials in seam to bend and take the shape of them
  1060. And ohhhhhh can't you see
  1061. I am delusional with love, I am delusional with love, I am delusional with love
  1062. I am delusional with love, I am delusional with love, I am delusional with love
  1063.  
  1064. Whatever I did for you last year I cannot do again
  1065. It's getting harder and harder and harder and harder for me to call you friend
  1066. No matter how many times I say I won't I'll defend you if I can
  1067. But whatever I did for you last year I cannot do again
  1068.  
  1069. I like the in-betweens I like the time it takes to get somewhere
  1070. If you know what I mean
  1071. Wave your hands in the air like you just don't care
  1072.  
  1073. </div>
  1074.  
  1075.  
  1076. <div id="links">
  1077. <div class="link1"><div class="balllink1"><a href="/" title="home.">.01</a></div></div>
  1078. <div class="link2"><div class="balllink2"><a href="#?w=760" rel="box1" class="poplight" title="messages.">.02</a></div></div>
  1079. <div class="link3"><div class="balllink3"><a href="#?w=760" rel="box2" class="poplight" title="about.">.03</a></div></div>
  1080. <div class="link4"><div class="balllink4"><a href="#?w=760" rel="box3" class="poplight" title="verses.">.04</a></div></div>
  1081. <div class="link5"><div class="balllink5"><a href="#?w=760" rel="box4" class="poplight" title="navigation">.05</a></div></div>
  1082.  
  1083. </div>
  1084.  
  1085. <div id="box1" class="popup_block"><div style="margin-left:380px; margin-top:270px;width: 285px; height: 340px; overflow-y: scroll; overflow-x: hidden;">
  1086. <h4>message in a bottle</h4>
  1087. <iframe frameborder="0" height="380" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1088. </div></div>
  1089.  
  1090.  
  1091.  
  1092. <div id="box2" class="popup_block"><div style="margin-left:380px; margin-top:270px; width: 285px; height: 340px; overflow-y: scroll; overflow-x: hidden;">
  1093. <h4>ABOUT</h4>
  1094. <h3>ABOUT</h3>
  1095. <h2>ABOUT</h2>
  1096. <h1>ABOUT</h1>
  1097.  
  1098.  
  1099.  
  1100. </div>
  1101. </div>
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108. <br><br><br>
  1109. </div>
  1110.  
  1111.  
  1112. <div id="box3" class="popup_block"><div style="margin-left:380px; margin-top:270px; width: 285px; height: 340px; overflow-y: scroll; overflow-x: hidden;">
  1113. <center><h4>VERSES</h4></center>
  1114.  
  1115. <div id="below">
  1116. <div class="title1">MAIN </div>
  1117. <div class="table1">
  1118.  
  1119.  
  1120.  
  1121.  
  1122. </div>
  1123.  
  1124. <div class="title2">CROSSOVER</h4></div>
  1125. <div class="table2">
  1126.  
  1127.  
  1128. </div>
  1129.  
  1130. <div class="title3">GROUP</h4></div>
  1131. <div class="table3">
  1132.  
  1133.  
  1134.  
  1135.  
  1136. </div></div></div>
  1137. </div></div>
  1138.  
  1139.  
  1140. <div id="box4" class="popup_block"><div style="margin-left:380px; margin-top:270px; width: 285px; height: 340px; overflow-y: scroll; overflow-x: hidden;">
  1141. <center><h4>Navigation</h4></center>
  1142.  
  1143. <div class="navlink">
  1144. <h2>HEADER</h2>
  1145.  
  1146. <br /> <a class="navb" href="/">LINK</a>
  1147. <a class="navb" href="/">LINK</a>
  1148. <a class="navb" href="/">LINK</a>
  1149. <a class="navb" href="/">LINK</a>
  1150. <a class="navb" href="/">LINK</a>
  1151. <a class="navb" href="/">LINK</a>
  1152. <a class="navb" href="/">LINK</a>
  1153. <a class="navb" href="/">LINK</a>
  1154. <a class="navb" href="/">LINK</a>
  1155. <a class="navb" href="/">LINK</a>
  1156. <a class="navb" href="/">LINK</a>
  1157. <a class="navb" href="/">LINK</a>
  1158.  
  1159.  
  1160. </div>
  1161.  
  1162. </div>
  1163.  
  1164. </div></div></div></div></div></div></div></div></div></div>
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <div id="pagination">{block:Pagination}
  1175. {block:PreviousPage}
  1176. <a href="{PreviousPage}">see you </a>
  1177. {/block:PreviousPage}
  1178. on the
  1179. {block:NextPage}
  1180. <a href="{NextPage}">other side</a>
  1181. {/block:NextPage}
  1182. {/block:Pagination}</div>
  1183.  
  1184.  
  1185.  
  1186.  
  1187. <div id="container">
  1188. {block:Posts}
  1189. <div id="post">
  1190.  
  1191. <!--- TEXT POSTS ---->
  1192.  
  1193. {block:Text}
  1194. {block:Title}<h1>{Title}</h1>{/block:Title}
  1195. {Body}{/block:Text}
  1196.  
  1197. <!--- PHOTO POSTS ---->
  1198.  
  1199. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  1200. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1201.  
  1202. <!--- PHOTOSET POSTS ---->
  1203.  
  1204. {block:Photoset}{Photoset-250}{block:Caption}{Caption}
  1205. {/block:Caption}{/block:Photoset}
  1206.  
  1207. <!--- QUOTE POSTS ---->
  1208.  
  1209. {block:Quote}<div class="quote">❝ {Quote} ❞</div>
  1210. {block:Source}<div class="qsource"> —{Source}</div>
  1211. {/block:Source}{/block:Quote}
  1212.  
  1213. <!--- LINK POSTS ---->
  1214.  
  1215. {block:Link}<h1><a href="{URL}" {Target}><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1216.  
  1217. <!--- CHAT POSTS ---->
  1218.  
  1219. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  1220.  
  1221. <!--- AUDIO POSTS ---->
  1222.  
  1223. {block:Audio}{block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" align="left" style="margin-right:10px" /></div>{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</span>
  1224. {block:TrackName}
  1225. <b style="font-size:9px;"><u>Title:</u></b> <span style="color:{color:accent2};">{TrackName}</span><br>{/block:TrackName}
  1226. {block:Artist}<b style="font-size:9px;"><u>Artist:</u></b> <span style="color:{color:accent2};">{Artist}</span>{/block:Artist}
  1227. {/block:ExternalAudio}
  1228. {block:Caption}{Caption}{/block:Caption}
  1229. {/block:Audio}
  1230.  
  1231. <!--- VIDEO POSTS ---->
  1232.  
  1233. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1234.  
  1235. <!--- ASK POSTS ---->
  1236.  
  1237. {block:Answer}<b><span style ="font-size:13px;background:{color:background};color:white;padding:2px;text-transform:lowercase;color:{color:text}">{Asker} inquired,</span></b> <div id="ask" style="background-image: url('background-image:url('{image:info}');');text-align:left;margin-left:0px;margin-top:0px;font-style:italic;padding:15px;font-size:14px;font-color:{color:text};text-transform:lowercase;letter-spacing:0px;border:0px solid {color:border}; margin-top:2px;">{Question}</span></div>{Answer}{/block:Answer}
  1238.  
  1239. <!--- INFO & TAGS ---->
  1240.  
  1241. <div id="info"><div class="balllink1">
  1242. <a href="{Permalink}" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} ">●</a>
  1243. {/block:Date}</div>
  1244.  
  1245.  
  1246. <div class="balllink2">
  1247. {block:RebloggedFrom}
  1248. <a href="{ReblogParentURL}" title=" via. {ReblogParentName} "> ● </a>
  1249. {/block:RebloggedFrom}</div>
  1250.  
  1251. <div class="balllink3">
  1252. {block:ContentSource}
  1253. <a href="{SourceURL}" title=" source. {SourceTitle} "> ●</a>
  1254. {/block:ContentSource}
  1255. </div>
  1256. <div class="balllink4">
  1257. <a href="{Permalink}" title=" {NoteCount} notes "> ●
  1258. </a></div>
  1259.  
  1260. <div class="balllink1">
  1261. <a href="{ReblogURL}" title="reblog"> ● </a></div>
  1262. <div id="tags">
  1263. {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1264.  
  1265.  
  1266.  
  1267. </div>
  1268. </div>
  1269.  
  1270. <!--- POSTNOTES ---->
  1271.  
  1272. {block:Posts}
  1273. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1274. {/block:Posts}</div></div></div>
  1275. <br><br><br><br>
  1276.  
  1277. <!--- CREDIT ---->
  1278.  
  1279. <div id="cred">
  1280. <a href="https://www.hereisthelie.tumblr.com/">💀</a>
  1281. </div>
  1282. </body>
  1283.  
  1284.  
  1285.  
  1286.  
  1287. </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!