API tools faq
paste
Advertisement
cornetespoir

20 // Pokemon Go

cornetespoir
Jul 15th, 2016
1,679
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. // pokemon go
  3.  
  4. by espoir themes //
  5.  
  6. +don't remove credit
  7. +edit as much as you want
  8. +let me know if there's any problems
  9.  
  10. -->
  11.  
  12. <html>
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22.  
  23. <meta name="viewport" content="width=device-width, maximum-scale=1">
  24.  
  25. <script type="text/javascript"
  26. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27. <script>
  28. $(document).ready(function() {
  29. //
  30. $('a.poplight[href^=#]').click(function() {
  31. var popID = $(this).attr('rel'); //Get Popup Name
  32. var popURL = $(this).attr('href'); //Get Popup href to define size
  33. var query= popURL.split('?');
  34. var dim= query[1].split('&');
  35. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  36. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close btn_close"> × </a>');
  37. var popMargTop = ($('#' + popID).height() + 80) / 2;
  38. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  39. //Apply Margin to Popup
  40. $('#' + popID).css({
  41. 'margin-top' : -popMargTop,
  42. 'margin-left' : -popMargLeft
  43. });
  44. $('body').append('<div id="fade"></div>');
  45. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  46. return false;
  47. });
  48. $('a.close, #fade').live('click', function() {
  49. $('#fade , .popup_block').fadeOut(function() {
  50. $('#fade, a.close').remove(); //fade them both out
  51. });
  52. return false;
  53. });
  54. });
  55. </script>
  56.  
  57.  
  58. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  59. <meta name="image:background" content="" />
  60. <meta name="image:about" content="" />
  61.  
  62. <meta name="color:background gradient" content="#A1EF98" />
  63. <meta name="color:posts" content="#fff" />
  64. <meta name="color:text" content="#444" />
  65. <meta name="color:links" content="#222" />
  66. <meta name="color:link hover" content="#ddd" />
  67. <meta name="color:border" content="#dedede" />
  68. <meta name="color:hpbackground" content="#eee" />
  69. <meta name="color:hp" content="#5cccc6" />
  70. <meta name="color:selection background" content="#eee" />
  71. <meta name="color:selection text" content="#000" />
  72. <meta name="color:scrollbar" content="#b997ce" />
  73. <meta name="color:scrollbar background" content="#888" />
  74. <meta name="color:tooltip" content="#222" />
  75. <meta name="color:tooltip text" content="#fff" />
  76.  
  77.  
  78. <meta name="select:team" content="instinct" title="yellow" />
  79. <meta name="select:team" content="mystic" title="blue" />
  80. <meta name="select:team" content="valor" title="red" />
  81. <meta name="text:link1"content="05" /><meta name="text:url1"content="/">
  82. <meta name="text:link2"content="06" /><meta name="text:url2"content="/">
  83. <meta name="text:link3"content="07" /><meta name="text:url3"content="/" />
  84. <meta name="text:link4" content="08"/><meta name="text:url4" content="/"/>
  85. <meta name="text:tag symbol" content="#" />
  86. <meta name="text:level" content="10" />
  87. <meta name="text:start date" content="7/10/16" />
  88. <meta name="text:pokecoins" content="0" />
  89.  
  90.  
  91. <meta name="if:full background" content="" />
  92.  
  93. <meta name="text:hp percent" contet="76" />
  94. <script type="text/javascript"
  95. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:200,
  103. tip_fade_speed:300
  104. }
  105. );
  106. });
  107. })(jQuery);
  108. </script>
  109. </head>
  110.  
  111. <style type="text/css">
  112. body{
  113.  
  114. background:{color:background gradient} url({image:background})
  115. {block:iffullbackground} no-repeat center center fixed;
  116. -webkit-background-size: cover;
  117. -moz-background-size: cover;
  118. -o-background-size: cover;
  119. background-size: cover; {/block:iffullbackground};
  120. background-attachment:fixed;
  121. margin:0;
  122. word-wrap:break-word;
  123. font-size:1em;
  124. color:{color:text};
  125. font-family:Helvetica;
  126.  
  127. }
  128.  
  129. a {
  130. text-decoration:none;
  131. color:{color:links};
  132. transition:.6s;
  133. }
  134.  
  135. a:hover {
  136. color:{color:link hover};
  137. transition:.6s;
  138. }
  139. #s-m-t-tooltip{
  140. max-width:300px;
  141. margin-top:-50px;
  142. margin-left:-20px;
  143.  
  144. border:1px solid white;
  145. box-shadow: 0px 0px 0px 2px {color:tooltip};
  146. font-family:helvetica;
  147. padding:5px 5px;
  148. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  149. color:{color:tooltip text};
  150. z-index:999999999;
  151. font-size:12px;
  152. {block:ifroundedtooltips} border-radius:2px; {/block:ifroundedtooltips}
  153. letter-spacing:2px;
  154. }
  155.  
  156. /* don't touch this, this is the what makes it look like a speech bubble */
  157. #s-m-t-tooltip:after{
  158.  
  159. content: '';
  160. position: absolute;
  161. border-style: solid;
  162. border-width: 8px 10px 0;
  163. border-color: {color:tooltip} transparent;
  164. display: block;
  165. width: 0;
  166. z-index: 1;
  167. bottom: -10px;
  168. left: 10%;}
  169.  
  170.  
  171.  
  172. ::-webkit-scrollbar {
  173. width: 10px;
  174. height:10px;
  175.  
  176. }
  177. ::-webkit-scrollbar-button {
  178. width: 0px;
  179. height: 0px;
  180. }
  181. ::-webkit-scrollbar-thumb {
  182. background: {color:scrollbar};
  183.  
  184. border-radius: 2px;
  185. }
  186. ::-webkit-scrollbar-track {
  187. background:{color:scrollbar background};
  188. border: 4px solid white;
  189.  
  190.  
  191. }
  192.  
  193.  
  194. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop
  195. { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); filter: invert(100%); opacity:0.4; z-index:99999; margin:0px 10px auto auto; position:fixed; }
  196.  
  197.  
  198. ::selection {color: {color:selection text}; background: {color:selection background};}
  199. ::-moz-selection {
  200. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  201. }
  202.  
  203.  
  204.  
  205. .button {
  206. position:fixed;
  207. bottom:40px;
  208. left:10px;
  209. }
  210.  
  211. #fade {
  212. background:linear-gradient(to top, {color:background gradient}, white);
  213. display: none; /*--hidden by default--*/
  214.  
  215. position: fixed; left: 0; top: 0;
  216. width: 100%; height: 100%;
  217.  
  218. z-index: 9999;
  219. }
  220.  
  221.  
  222.  
  223. .popup_block{
  224. display: none; /*--hidden by default--*/
  225. padding: 20px;
  226. float: left; border-radius:6px;
  227. background:white;
  228. font-size: 16px;
  229. position: fixed;
  230. top: 50%; left: 50%;
  231. z-index: 99999;
  232. /*--CSS3 Box Shadows--*/
  233.  
  234.  
  235. }
  236. .btn_close {
  237.  
  238. position: fixed;
  239. bottom: 20px;
  240. transition: all 200ms;
  241. font-size: 30px;
  242. font-family:arial;
  243. font-weight: bold;
  244. width:30px;
  245. height:30px;
  246. border-radius:100%;
  247. box-shadow:0px 0px 0px 4px rgba(255,255,255,.8), 0px 0px 0px 5px rgba(50,50,50,.4);
  248. border:1px solid #333;
  249. text-align:center;
  250. background:white;
  251. text-decoration: none;
  252. color: #333;
  253. left: 50%;
  254. margin-left:-30px;
  255.  
  256.  
  257. }
  258.  
  259. .popup_block:hover .menu{
  260. opacity:1;
  261. }
  262. /*--Making IE6 Understand Fixed Positioning--*/
  263. *html #fade {
  264. position: absolute;
  265. }
  266. *html .popup_block {
  267. position: absolute;
  268. }
  269.  
  270.  
  271.  
  272. .button {
  273. width:40px;
  274. height:40px;
  275. background:white;
  276. box-shadow:0px 0px 0px 2px rgba(50,50,50, .18);
  277. border-radius:100%;
  278. font-size:2em;
  279. transform:scale(1.4);
  280. left: 50%;
  281. margin-left:-24px;
  282.  
  283. }
  284.  
  285.  
  286. .button:before{
  287. width:40px;
  288. height:20px;
  289. background:#CF141D;
  290. border-radius: 90px 90px 0 0;
  291. content:'';
  292. position:absolute;
  293. }
  294.  
  295. .button:after {
  296. width:12px;
  297. height:12px;
  298. border-radius:100%;
  299. content:'';
  300. left:14px;
  301. top:14px;
  302. box-shadow:0px 0px 0px 2px white;
  303. position:absolute;
  304. background:#aaa;
  305. }
  306.  
  307. .menu {
  308. width:100px;
  309. position:fixed;
  310. bottom:40px;
  311. margin:auto;
  312. opacity:0;
  313. transition:.6s;
  314. left: 50%;
  315. margin-left:-30px;
  316.  
  317. }
  318.  
  319. .menu li {
  320. transition: all 200ms;
  321. font-size: 30px;
  322. font-family:arial;
  323. font-weight: bold;
  324. list-style:none;
  325. left:200px;
  326. width:30px;
  327. height:30px;
  328. font-size:1em;
  329. line-height:200%;
  330. border-radius:100%;
  331. box-shadow:0px 0px 0px 4px rgba(255,255,255,.8), 0px 0px 0px 5px rgba(50,50,50,.4);
  332. border:1px solid #333;
  333. text-align:center;
  334. background:white;
  335. text-decoration: none;
  336. color: #333;
  337.  
  338. }
  339.  
  340.  
  341.  
  342. .menu li:first-child {
  343. animation-name: menu1;
  344. animation-duration:.8s;
  345. animation-iteration-count: 1;
  346. animation-timing-function: ease;
  347. animation-fill-mode:forwards;
  348. }
  349.  
  350. .menu li:nth-child(2) {
  351. animation-name: menu2;
  352. animation-duration:.8s;
  353. animation-iteration-count: 1;
  354. animation-timing-function: ease;
  355. animation-fill-mode:forwards;
  356. }
  357.  
  358. .menu li:nth-child(3) {
  359. animation-name: menu3;
  360. animation-duration:.8s;
  361. animation-iteration-count: 1;
  362. animation-timing-function: ease;
  363. animation-fill-mode:forwards;
  364. }
  365. .menu li:nth-child(4) {
  366. animation-name: menu4;
  367. animation-duration:.8s;
  368. animation-iteration-count: 1;
  369. animation-timing-function: ease;
  370. animation-fill-mode:forwards;
  371. }
  372.  
  373.  
  374. @keyframes menu1 {
  375. 0% {
  376.  
  377. }
  378.  
  379. 98% {
  380. transform:translate(0, -90px);
  381. }
  382.  
  383. 100% {
  384. transform:translate(0px, -80px);
  385. }
  386. }
  387.  
  388. @keyframes menu2 {
  389. 0% {
  390.  
  391. }
  392.  
  393. 98% {
  394. transform:translate(0, -50px);
  395. }
  396.  
  397. 100% {
  398. transform:translate(0px, -40px);
  399. }
  400. }
  401.  
  402. @keyframes menu3 {
  403. 0% {
  404.  
  405. }
  406.  
  407. 98% {
  408. transform:translate(80px, 0px);
  409. }
  410.  
  411. 100% {
  412. transform:translate(70px, 0px);
  413. }
  414. }
  415.  
  416. @keyframes menu4 {
  417. 0% {
  418.  
  419. }
  420.  
  421. 98% {
  422. transform:translate(-80px, -30px);
  423. }
  424.  
  425. 100% {
  426. transform:translate(-70px, -30px);
  427. }
  428. }
  429.  
  430.  
  431. @keyframes menuu {
  432. 0% {
  433. opacity:0;
  434. }
  435.  
  436.  
  437.  
  438. 100% {
  439.  
  440. opacity:1;
  441. }
  442. }
  443.  
  444. #container {
  445. position:fixed;
  446. height:100vh;
  447. width:100%;
  448. overflow:auto;
  449.  
  450. }
  451.  
  452. #content {
  453. margin-top:40px;
  454. position:relative;
  455. }
  456.  
  457. .posts {
  458. width:400px;
  459. position:relative;
  460. margin:100px auto;
  461. background:{color:posts};
  462. border-radius:6px;
  463. padding:8px;
  464. border:1px solid {color:posts};
  465.  
  466. }
  467.  
  468. .posts img {
  469. max-width:100%;
  470. }
  471.  
  472. .im {
  473. padding:10px;
  474. }
  475.  
  476. blockquote {
  477. border-left:1px solid {color:border};
  478. max-width:100%;
  479. padding-left:4px;
  480. }
  481.  
  482. blockquote img {
  483. max-width:100%;
  484. }
  485.  
  486. .caption {
  487. padding:10px;
  488. word-wrap:break-word;
  489. }
  490.  
  491. .chat {
  492. padding:5px;
  493. line-height:150%;
  494. }
  495.  
  496. .chat:nth-of-type(odd) {
  497. background:{color:posts};
  498. color:{color:text};
  499. -webkit-transition:.5s;
  500. transition:.5s; }
  501.  
  502. .chat:nth-of-type(odd) b {
  503. color:{color:text};
  504. -webkit-transition:.5s;
  505. transition:.5s; }
  506.  
  507. .chat:nth-of-type(even) {
  508. background:{color:text};
  509. color:{color:posts};
  510. -webkit-transition:.5s;
  511. transition:.5s; }
  512. .chat:nth-of-type(even) b{
  513. color:{color:posts};
  514. -webkit-transition:.5s;
  515. transition:.5s; }
  516.  
  517. .speechbubble
  518. {
  519. width:250px;
  520. position: relative;
  521. background:#eee;
  522. left:80px;
  523. margin: 0;
  524. font-size:14px;
  525. padding:20px;
  526. height: auto;
  527. background: #fff;
  528.  
  529. border-radius: 8px;
  530. border: {color:border} solid 1px;
  531. }
  532.  
  533. .speechbubble:after
  534. {
  535. content: '';
  536. position: absolute;
  537.  
  538.  
  539. border-style: solid;
  540. border-width: 12px 17px 12px 0;
  541. border-color: transparent #fff;
  542. display: block;
  543. width: 0;
  544. z-index: 1;
  545. left: -17px;
  546. top: 14px;
  547. }
  548.  
  549. .speechbubble:before
  550. {
  551.  
  552. content: '';
  553. position: absolute;
  554. border-style: solid;
  555. border-width: 12px 17px 12px 0;
  556. border-color: transparent {color:border};
  557. display: block;
  558. width: 0;
  559. z-index: 0;
  560. left: -18px;
  561. top: 14px;
  562. }
  563.  
  564.  
  565. .playerbox {
  566. float:left;
  567. }
  568.  
  569. #albumart:before{
  570. width:100px;
  571. height:50px;
  572. z-index:2;
  573. background:#CF141D;
  574. border-radius: 90px 90px 0 0;
  575. content:'';
  576. transition:.6s;
  577. position:absolute;
  578. }
  579.  
  580. #albumart:after {
  581. width:100px;
  582. height:100px;
  583. z-index:1;
  584. background:white;
  585. border-radius: 90px 90px ;
  586. content:'';
  587. transition:.6s;
  588. margin-left:-100px;
  589. position:absolute;
  590. }
  591.  
  592. .playerbox:hover #albumart:before {
  593. opacity:0;
  594. }
  595.  
  596. .playerbox:hover #albumart:after {
  597. opacity:0;
  598. }
  599.  
  600.  
  601.  
  602. #albumart {
  603. width:100px;
  604. height:100px;
  605. padding:0px;
  606. border-radius:90px;
  607. border-width:0px; transition:.5s;
  608. border:4px solid #eee;
  609. }
  610.  
  611. #albumart img{
  612. width:100px;
  613. height:100px;
  614. padding:0px;
  615. opacity:.8;
  616. border-radius:90px;
  617. border-width:0px; transition:.5s;
  618.  
  619. }
  620. .playerbox:hover #albumart{ -ms-transform: rotate(-300deg); /* IE 9 */
  621. -webkit-transform: rotate(-300deg); /* Chrome, Safari, Opera */
  622. transform: rotate(-300deg); transition:.8s;}
  623.  
  624. .player {
  625. width:30px;
  626. overflow:hidden;
  627. height:40px;
  628. padding:0px;
  629. padding-top:5px;
  630. opacity:.4;
  631. border-radius:90px;
  632. position:absolute;
  633. left:50%;
  634. top:50%;
  635. margin-top:-20px;
  636. margin-left:-14px;
  637. -webkit-transition-duration:500ms;
  638. -moz-transition-duration:500ms;
  639. -o-transition-duration:500ms;
  640. -ms-transition-duration:500ms;-webkit-filter: blur(0px) ;
  641.  
  642. }
  643.  
  644.  
  645.  
  646.  
  647. .playercon {
  648. background-color:#Fff;
  649.  
  650.  
  651. border:2px solid #eaeaea;
  652. width:40px;border-radius:90px;
  653. height:40px;
  654. position:absolute;
  655. margin-top:-74px;
  656. margin-left:30px;
  657. z-index:4;
  658. -webkit-transition-duration:500ms;
  659. -moz-transition-duration:500ms;
  660. -o-transition-duration:500ms;
  661. -ms-transition-duration:500ms;
  662. }
  663.  
  664. .infobox {
  665. float:left top;
  666. margin-left:0px;
  667. background-color:transparent;
  668. padding:20px;
  669.  
  670. height:100px;
  671. text-align:center;
  672. color:#444;
  673. }
  674.  
  675. .track {
  676. font-size:.9em;
  677. letter-spacing:4px;
  678. padding:10px;
  679. background-color:#eee;
  680. font-weight:400;
  681. transition:.6s;
  682. font-family:Helvetica;
  683. color:#222;
  684. }
  685.  
  686. .artist {
  687. letter-spacing:1px;
  688. font-style:italic;
  689. font-weight:bold;
  690.  
  691. }
  692.  
  693. .playcount {
  694. font-size:9px;
  695. text-transform:uppercase;
  696. letter-spacing:3px;
  697. }
  698.  
  699.  
  700. #audiolo {
  701.  
  702. width:400px;
  703.  
  704.  
  705. }
  706.  
  707. .album {
  708. font-weight:normal;
  709. }
  710.  
  711.  
  712.  
  713.  
  714. .info {
  715. border-top:1px solid {color:border};
  716. text-align:center;
  717. padding:20px;
  718. }
  719. .info a {
  720. padding:10px 14px;
  721. border-radius:30px;
  722. background:linear-gradient(to right, #A4DB7C, #25CCA8);
  723. color:white;
  724. font-size:.8em;
  725. opacity:.92;
  726. text-transform:uppercase;
  727. }
  728.  
  729.  
  730. .topinfo {
  731. border-bottom:1px solid {color:border};
  732. padding:10px 20px 24px 20px;
  733. color:#ddd;
  734. }
  735.  
  736. .topinfo a {
  737. color:#888;
  738. font-weight:590;
  739. }
  740. .topinfo li {
  741. width:20%;
  742. list-style:none;
  743. display:inline-block;color:#aaa;
  744. }
  745.  
  746. .topinfo li:first-child:before {
  747. content:'type';
  748. position:absolute;
  749. font-size:.9em;
  750. margin-top:14px;
  751.  
  752. }
  753.  
  754. .topinfo li:nth-child(2):before {
  755. content:'weight';
  756. position:absolute;
  757. margin-top:14px;
  758. font-size:.9em;
  759.  
  760. }
  761.  
  762.  
  763.  
  764.  
  765. .topinfo li:nth-child(3):before {
  766. content:'height';
  767. position:absolute;
  768. margin-top:14px;
  769. font-size:.9em;
  770.  
  771. }
  772.  
  773.  
  774. ol.notes {
  775. list-style:none;
  776. }
  777.  
  778. ol.notes li {
  779. padding:2px;
  780.  
  781.  
  782. }
  783.  
  784.  
  785. .playerp {
  786. position:fixed;
  787. left:4%;
  788. color:white;
  789.  
  790.  
  791. text-shadow:1px 1px black, 1px -1px rgba(0,0,0,.2), -1px 1px rgba(0,0,0,.2), -1px -1px rgba(0,0,0,.2);
  792. bottom:20px;
  793. transform:scale(1.2);
  794.  
  795. }
  796.  
  797. .playerp img {
  798. border-radius:100%;
  799. z-index:-1;
  800. width:70px;
  801. padding:2px;
  802. background:rgba(0,0,0,.4);
  803. box-shadow:0px 0px 0px 2px {color:hp};
  804.  
  805. }
  806.  
  807. @media only screen and (max-width:500px) {
  808. .playerp img {
  809. width:40px;
  810. display:none;
  811. }
  812. }
  813.  
  814.  
  815. .hpbar{width:100px; position:absolute; transform:scale(1.2); margin:8px;padding:0px; background:{color:hpbackground}; border-radius:30px; height:4px; box-shadow:0px 0px 0px 1px {color:hpbackground};margin-top:-6px; z-index:99;}
  816. .hp{width:{text:hp percent}px; background:{color:hp};height:4px; position:absolute; border-radius:30px 00px 0px 30px;}
  817.  
  818.  
  819. .playerin {
  820.  
  821. }
  822.  
  823.  
  824. .playerin li {
  825. display:inline-block;
  826. list-style:none;
  827. margin:4px;
  828. width:60px;
  829. }
  830.  
  831. .teamicons {
  832. width:40px;
  833. height:40px;
  834.  
  835. }
  836.  
  837. .playerin li:first-child{
  838.  
  839. }
  840.  
  841.  
  842.  
  843.  
  844. .pokecoin {
  845. background:url(http://static.tumblr.com/svdghan/Jk5oadawy/pokecoin.png);
  846. background-size:40px 40px;
  847. }
  848.  
  849. .pokecoin:before {
  850. content:'{text:pokecoins}';
  851. position:absolute;
  852. margin-top:14px;
  853. font-size:.92em; margin-top:44px;
  854. margin-left:-10px;
  855. color:#E6C142;
  856. }
  857.  
  858.  
  859. .valor {
  860. background:url(http://static.tumblr.com/svdghan/Xv3oada70/valor.png);
  861. background-size:cover;
  862. }
  863.  
  864. .valor:before {
  865. content:'team valor';
  866. position:absolute;
  867. margin-top:14px;
  868. font-size:.9em; margin-top:44px;
  869. margin-left:-30px;
  870. color:#E21F04;
  871. }
  872.  
  873. .instinct {
  874. background:url(http://static.tumblr.com/svdghan/Pukoada7e/instinct.png);
  875. background-size:cover;
  876. }
  877.  
  878. .instinct:before {
  879. content:'team instinct';
  880. position:absolute;
  881. margin-top:14px;
  882. font-size:.9em; margin-top:44px;
  883. margin-left:-30px;
  884. color:#EBD95F;
  885. }
  886.  
  887. .mystic {
  888. background:url(http://static.tumblr.com/svdghan/IgToada7l/mystic.png);
  889. background-size:cover;
  890. }
  891.  
  892. .mystic:before {
  893. content:'team mystic';
  894. position:absolute;
  895. margin-top:44px;
  896. color:#2B9DFD;
  897. margin-left:-30px;
  898. font-size:.9em;
  899. }
  900.  
  901.  
  902. #pagination {
  903. position:fixed;
  904. right:11px;
  905. bottom:40px;
  906. width:150px;
  907. border-radius:6px 0px 0px 6px;
  908. box-shadow:0px 0px 0px 2px rgba(50,50,50,.12);
  909. padding:8px;
  910. background:rgba(255,255,255,.8);
  911. }
  912.  
  913. .tags {
  914. opacity:.6;
  915. right:-120px;
  916. width:100px;
  917. position:absolute;
  918. opacity:0;
  919. transition:.6s;
  920. bottom:10px;
  921. transform:translate(50px, 0px);
  922. }
  923.  
  924. .posts:hover .tags {
  925. opacity:1;
  926. transition:.6s;
  927. transform:translate(0,0);
  928. }
  929.  
  930.  
  931. .tags a {
  932. border:none;
  933. }
  934.  
  935. </style>
  936.  
  937.  
  938. <body>
  939.  
  940. <div id="container">
  941.  
  942.  
  943. <div id="content">
  944. {block:Posts}<div class="posts" id="{PostID}">
  945. {block:HasTags} <div class="tags">{block:Tags} <a href="{TagURL}"> {text:tag symbol}{Tag} </a> {/block:Tags}</div>{/block:HasTags}
  946.  
  947. <!-- {block:NoRebloggedFrom}
  948. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  949. {/block:NoRebloggedFrom} -->
  950. {block:ContentSource}
  951. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  952. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  953. {/block:SourceLogo}
  954. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  955. {/block:ContentSource}
  956. <div class="topinfo"><center>
  957. <li> <a href="{Permalink}">{PostType}</a></li> | <li><a href="{permalink}"title="notes">{NoteCount}</a></li> | <li><a href="{Permalink}" title="{TimeAgo}">{24Hour}.{Minutes}</a></li></center>
  958. </div>
  959.  
  960. {block:Text}
  961.  
  962. {block:Title}
  963. <h3><a href="{Permalink}">{Title}</a></h3>
  964. {/block:Title}
  965.  
  966. <div class="text">{Body}</div>
  967.  
  968. {/block:Text}{block:Photo}
  969. <center> <div class="im"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div> </center>
  970.  
  971. {block:Caption}
  972. <div class="caption">{Caption}</div>
  973. {/block:Caption}
  974.  
  975. {/block:Photo}{block:Panorama}
  976.  
  977. {LinkOpenTag}
  978. <div class="im"> <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></div>
  979. {LinkCloseTag}{block:Caption}
  980. <div class="caption">{Caption}</div>
  981. {/block:Caption}
  982.  
  983. {/block:Panorama}{block:Photoset}
  984.  
  985. <div class="im">{Photoset}</div>{block:Caption}
  986. <div class="caption">{Caption}</div>
  987. {/block:Caption}
  988.  
  989. {/block:Photoset}{block:Quote}
  990. <div class="caption">
  991. "{Quote}"
  992.  
  993. {block:Source}
  994. <div class="source">{Source}</div>
  995. {/block:Source}
  996. </div>
  997. {/block:Quote}{block:Link}
  998. <center> <h2>
  999. <a href="{URL}" class="link" {Target}>{Name} <i class="fa fa-chevron-right" style="font-size:.9em"></i></a>
  1000. </h2></center>
  1001. {block:Description}
  1002. <div class="caption">{Description}</div>
  1003. {/block:Description}
  1004.  
  1005. {/block:Link}{block:Chat}{block:Title}<h1>{title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}{/block:Chat}
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011. {block:Video}
  1012.  
  1013. {Video-400}{block:Caption}
  1014. <div class="caption">{Caption}</div>
  1015. {/block:Caption}
  1016.  
  1017. {/block:Video}
  1018.  
  1019. {block:Audio}
  1020. <br>
  1021. <div id="audiolo">
  1022. <div class="playerbox">
  1023. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1024.  
  1025. <div class="playercon"><div class="player">{AudioPlayerwhite}</div></div></div>
  1026. <div class="infobox">
  1027. <div class="track"> {block:TrackName}
  1028. {TrackName}
  1029. {/block:TrackName} </div>
  1030.  
  1031.  
  1032. <div class="artist">
  1033. {block:Artist}{Artist}
  1034. {/block:Artist} </div>
  1035.  
  1036. <div class="album">
  1037. {block:Album}
  1038. {Album}
  1039. {/block:Album}
  1040. </div>
  1041.  
  1042. <div class="playcount">
  1043.  
  1044. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1045. </div></div>
  1046.  
  1047. {block:Caption}
  1048. <div class="caption">{Caption}</div>
  1049. {/block:Caption}
  1050.  
  1051. {/block:Audio}
  1052.  
  1053.  
  1054.  
  1055. {block:Answer}
  1056.  
  1057. <br>
  1058. <div class="askerportrait"><img style=" margin-left:10px; position:absolute;" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} shouted: {Question}</div> {answer}
  1059.  
  1060.  
  1061. {/block:Answer}
  1062.  
  1063. <div class="info">
  1064. <a href="{ReblogURL}" title="Reblog">Transfer</a>
  1065. </div>
  1066.  
  1067.  
  1068. {PostNotes-16}
  1069. </div><!--posts end-->{/block:Posts}
  1070.  
  1071.  
  1072. </div><!--container end-->
  1073. <div id="pagination">
  1074. {block:Pagination}
  1075. <center>
  1076. {block:previousPage}<a href="{PreviousPage}"> {lang:previous}</a>{/block:PreviousPage}
  1077.  
  1078.  
  1079.  
  1080. {block:NextPage}
  1081. <a href="{NextPage}"> {lang:next} </a>
  1082. {/block:NextPage}</center>
  1083. {/block:Pagination}
  1084.  
  1085. {block:PermalinkPagination}
  1086. {block:PreviousPost}
  1087. <a href="{PreviousPost}">{lang:Previous Post}</a>
  1088. {/block:PreviousPost}
  1089.  
  1090. {block:NextPost}
  1091. <a href="{NextPost}">{lang:Next Post}</a>
  1092. {/block:NextPost}
  1093. {/block:PermalinkPagination}
  1094.  
  1095.  
  1096. </div>
  1097.  
  1098. <a href="#?w=410" rel="02" class="poplight"><div class="playerp"><img src="{PortraitURL-96}">
  1099.  
  1100. <a title="{name}'s hp is at {text:hp percent}%"><div class="hpbar"><div class="hp"></div></div> <span class="sr-only" style="position: absolute !important;
  1101. clip: rect(1px 1px 1px 1px);
  1102. clip: rect(1px, 1px, 1px, 1px);" >{name}'s hp is at {text:hp percent}%</span></a>
  1103. <br>{name}
  1104.  
  1105. </div>
  1106.  
  1107. </a>
  1108.  
  1109. <a href="#?w=500" rel="03" class="poplight"><div class="button"></div> </a>
  1110.  
  1111.  
  1112.  
  1113. </div><!-- container -->
  1114. </body>
  1115.  
  1116. <div id="02" class="popup_block" style=" height:90vh"> <div class="playerin"><center><h3>{Name}</h3>
  1117.  
  1118. <img src="{image:about}" style="max-height:200px; max-width:100%">
  1119. <h4>level {text:level}</h4>
  1120. {CurrentPage} / {TotalPages} xp
  1121.  
  1122. <div class="info" style="border:none">
  1123. <a href="#?w=400" rel="04" class="poplight">Journal</a>
  1124. </div>
  1125. <li> <div class="teamicons pokecoin"></div> </li>
  1126. <li> <sup>start date: {text:start date}</sup></li> <li> <div class="teamicons {select:team}"> </div></li>
  1127.  
  1128. </center>
  1129.  
  1130.  
  1131.  
  1132. </div>
  1133.  
  1134.  
  1135.  
  1136. </div></div>
  1137.  
  1138. <div id="04" class="popup_block" style=" min-height:200px"><center>{Description}</center>
  1139. <br>
  1140. <div class="info">
  1141. <a href="{text:url1}">{text:link1}</a>
  1142. <a href="{text:url2}">{text:link2}</a>
  1143. <a href="{text:url3}">{text:link3}</a>
  1144. <a href="{text:url4}">{text:link4}</a>
  1145. </div>
  1146.  
  1147. </div></div>
  1148.  
  1149.  
  1150.  
  1151. <div id="03" class="popup_block" style="height:100vh; background:none">
  1152.  
  1153.  
  1154.  
  1155. <div class="menu">
  1156. <li> <a href="/"><i class="fa fa-refresh"></i></a> </li>
  1157. <li><a href="/ask"><i class="fa fa-envelope-o"></i></a> </li>
  1158. <li><a href="http://espoirthemes.tumblr.com"><i class="fa fa-code"></i></a> </li>
  1159. <li><a href="/archive"><i class="fa fa-folder-open-o"></i></a> </li>
  1160.  
  1161. </div>
  1162.  
  1163. </div></div>
  1164. </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!