API tools faq
paste
Advertisement
fairygay

THEME #01 TRAINER

fairygay
Jul 21st, 2014
6,093
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6.  
  7. (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧
  8. theme 01 "TRAINER" by yurifairy.tumblr.com
  9. thank you for using my theme!
  10. you can edit the code as much as you want, just please don't edit or remove the credit, or try to steal the code. other than that have fun!!
  11. (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧
  12.  
  13. --->
  14.  
  15. <title>{Title}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18.  
  19. <meta name="image:background img" content=""/>
  20. <meta name="image:trainer" content=""/>
  21.  
  22. <meta name="color:background" content="#ffffff"/>
  23. <meta name="color:borders" content="#f18aa1"/>
  24. <meta name="color:scrollbar" content="#f18aa1f"/>
  25. <meta name="color:scrollbar bg" content="#ffffff"/>
  26.  
  27. <meta name="color:body text" content="#474747"/>
  28. <meta name="color:link text" content="#f18aa1"/>
  29. <meta name="color:link text hover" content="#ffffff"/>
  30.  
  31. <meta name="text:trainer img left margin" content="0px"/>
  32. <meta name="text:trainer img bottom margin" content="0px"/>
  33.  
  34. <meta name="text:color 1" content="rgba(255,255,255,0.5)"/>
  35. <meta name="text:color 1 hover" content="rgba(255,255,255,0.7)"/>
  36. <meta name="text:color 2" content="rgba(255,255,255,0.5)"/>
  37. <meta name="text:color 2 hover" content="rgba(241,138,161,0.3)"/>
  38. <meta name="text:tooltips" content="rgba(255,255,255,0.9)"/>
  39.  
  40. <meta name="text:trainer name" content=""/>
  41. <meta name="text:id no" content=""/>
  42. <meta name="text:trainer class" content=""/>
  43. <meta name="text:nature" content=""/>
  44. <meta name="text:money" content=""/>
  45. <meta name="text:pokedex" content=""/>
  46.  
  47. <meta name="text:link 1" content="/"/>
  48. <meta name="text:link 1 title" content="link 1"/>
  49. <meta name="text:link 2" content="/"/>
  50. <meta name="text:link 2 title" content="link 2"/>
  51. <meta name="text:link 3" content="/"/>
  52. <meta name="text:link 3 title" content="link 3"/>
  53. <meta name="text:link 4" content="/"/>
  54. <meta name="text:link 4 title" content="link 4"/>
  55.  
  56. <meta name="if:sidebar second tab" content="1"/>
  57. <meta name="if:250px posts" content="0"/>
  58. <meta name="if:400px posts" content="1"/>
  59. <meta name="if:500px posts" content="0"/>
  60. <meta name="if:maximised bg img" content="1"/>
  61. <meta name="if:infinite scrolling" content="0"/>
  62. <meta name="if:captions" content="1"/>
  63. <meta name="if:faded posts" content="0"/>
  64. <meta name="if:black audio player" content="0"/>
  65.  
  66. <script type="text/javascript"
  67. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
  68. </script>
  69.  
  70. <script type="text/javascript">
  71. $(document).ready(function() {
  72. $(".tab_content").hide();
  73. $(".tab_content:first").show();
  74. $("ul.tabs li").click(function() {
  75. $("ul.tabs li").removeClass("active");
  76. $(this).addClass("active");
  77. $(".tab_content").hide();
  78. var activeTab = $(this).attr("rel");
  79. $("#"+activeTab).fadeIn();
  80. });
  81. });
  82. </script>
  83.  
  84. {block:ifinfinitescrolling}
  85. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  86. {/block:ifinfinitescrolling}
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:200,
  96. tip_fade_speed:300
  97. }
  98. );
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103. </head>
  104.  
  105. <style type="text/css">
  106.  
  107. @font-face {
  108. font-family:"victor";
  109. src: url('http://static.tumblr.com/tigfgkv/VtSn906lt/victor-pixel.ttf') format("truetype");
  110. }
  111.  
  112. body {
  113. background:{color:background} url('{image:background img}');
  114. {block:ifmaximisedbgimg}
  115. background-size:cover;
  116. background-repeat:no-repeat;
  117. background-attachment:fixed;
  118. background-position:center;
  119. {/block:ifmaximisedbgimg}
  120. font-family:"Courier New", Courier, monospace;
  121. font-size:11px;
  122. color:{color:body text};
  123. word-wrap:break-word;
  124. }
  125.  
  126. body a {
  127. color:{color:link text};
  128. text-decoration:none;
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -o-transition: all 0.5s ease-in-out;
  132. -ms-transition: all 0.5s ease-in-out;
  133. transition: all 0.5s ease-in-out;
  134. }
  135.  
  136. body a:hover {
  137. color:{color:link text hover};
  138. }
  139.  
  140. #content {
  141. width:600px;
  142. left:350px;
  143. position:absolute;
  144. }
  145.  
  146. .container {
  147. {block:indexpage}
  148. {block:if250pxposts}width:250px;{/block:if250pxposts}
  149. {block:if400pxposts}width:400px;{/block:if400pxposts}
  150. {block:if500pxposts}width:500px;{/block:if500pxposts}
  151. {/block:indexpage}
  152. {block:permalinkpage}width:500px;{/block:permalinkpage}
  153. padding:10px;
  154. background:{text:color 1};
  155. border:1px solid {color:borders};
  156. margin:30px;
  157. margin-left:0px;
  158. -webkit-transition: all 0.5s ease-in-out;
  159. -moz-transition: all 0.5s ease-in-out;
  160. -o-transition: all 0.5s ease-in-out;
  161. -ms-transition: all 0.5s ease-in-out;
  162. transition: all 0.5s ease-in-out;
  163. }
  164.  
  165. .container:hover{
  166. background:{text:color 1 hover};
  167. }
  168.  
  169. .title{
  170. font-family:"victor";
  171. font-size:25px;
  172. font-weight:bold;
  173. padding-bottom:4px;
  174. }
  175.  
  176. .container blockquote {
  177. border-left: 1px solid {color:borders};
  178. padding-left:10px;
  179. }
  180.  
  181. .footer {
  182. border-top:1px solid {color:borders};
  183. {block:permalinkpage}border-bottom:1px solid {color:borders};{/block:permalinkpage}
  184. padding:4px;
  185. margin-top:10px;
  186. overflow:hidden;
  187. text-align:center;
  188. font-family:"victor";
  189. background:{text:color 2};
  190. -webkit-transition: all 0.5s ease-in-out;
  191. -moz-transition: all 0.5s ease-in-out;
  192. -o-transition: all 0.5s ease-in-out;
  193. -ms-transition: all 0.5s ease-in-out;
  194. transition: all 0.5s ease-in-out;
  195. }
  196.  
  197. .footer:hover {
  198. background:{text:color 2 hover};
  199. }
  200.  
  201. .posts li, .posts blockquote {
  202. max-width: 100%;
  203. }
  204.  
  205. .fade, img.gyms, #ct, .tab_container .friend img {
  206. max-width:100%;
  207. border:0;
  208. {block:iffadedposts}opacity:0.8;
  209. -webkit-filter:Grayscale(20%);
  210. -webkit-transition: all 0.5s ease-in-out;
  211. -moz-transition: all 0.5s ease-in-out;
  212. -o-transition: all 0.5s ease-in-out;
  213. -ms-transition: all 0.5s ease-in-out;
  214. transition: all 0.5s ease-in-out;{/block:iffadedposts}
  215. }
  216.  
  217. .fade:hover, img.gyms:hover, #ct:hover, .tab_container .friend img:hover {
  218. opacity:1;
  219. -webkit-filter:Grayscale(0%);
  220. }
  221.  
  222. .container img {
  223. border:0;
  224. max-width:100%;
  225. {block:iffadedposts}opacity:0.8;
  226. -webkit-filter: Grayscale(20%);
  227. -webkit-transition: all 0.5s ease-in-out;
  228. -moz-transition: all 0.5s ease-in-out;
  229. -o-transition: all 0.5s ease-in-out;
  230. -ms-transition: all 0.5s ease-in-out;
  231. transition: all 0.5s ease-in-out;{/block:iffadedposts}
  232. }
  233.  
  234. .container img:hover{
  235. opacity:1;
  236. -webkit-filter: Grayscale(0%);
  237. }
  238.  
  239. .audio {
  240. width:100%;
  241. {block:ifnot400pxposts}height:250px;{/block:ifnot400pxposts}
  242. {block:if400pxposts}height:200px;{/block:if400pxposts}
  243. overflow:hidden;
  244. }
  245.  
  246. .art {
  247. {block:ifnot400pxposts}width:250px;height:250px;{/block:ifnot400pxposts}
  248. {block:if400pxposts}width:200px;height:200px;{/block:if400pxposts}
  249. overflow:hidden;
  250. float:left;
  251. }
  252.  
  253. .info {
  254. {block:if500pxposts}width:250px;height:250px;{/block:if500pxposts}
  255. {block:if400pxposts}width:200px;height:200px;{/block:if400pxposts}
  256. float:left;
  257. {block:ifblackaudioplayer}background:rgba(0,0,0,0.4);{/block:ifblackaudioplayer}
  258. {block:ifnotblackaudioplayer}background:rgba(255,255,255,0.4);{/block:ifnotblackaudioplayer}
  259. }
  260.  
  261. .audinfo {
  262. padding:10px;
  263. }
  264.  
  265. .audinfo p {
  266. margin-top:0px;
  267. margin-bottom:8px;
  268. }
  269.  
  270. .player {
  271. {block:ifnotblackaudioplayer}background:#fff;{/block:ifnotblackaudioplayer}
  272. {block:ifblackaudioplayer}background:#000;{/block:ifblackaudioplayer}
  273. overflow:hidden;
  274. {block:ifnot250pxposts}
  275. width:100%;
  276. padding-top:12px;
  277. height:40px;
  278. opacity:0.4;
  279. {/block:ifnot250pxposts}
  280. {block:if250pxposts}
  281. width:250px;
  282. padding-top:3px;
  283. height:30px
  284. z-index:5;
  285. position:absolute;
  286. margin-top:217px;
  287. opacity:0.6;
  288. {/block:if250pxposts}
  289. }
  290.  
  291. .linktitle {
  292. font-family:"victor";
  293. font-size:25px;
  294. font-weight:bold;
  295. }
  296.  
  297. .askpic {
  298. {block:ifnot250pxposts}
  299. max-width:64px;
  300. max-height:64px;
  301. {/block:ifnot250pxposts}
  302. {block:if250pxposts}
  303. max-width:40px;
  304. max-height:40px;
  305. {/block:if250pxposts}
  306. position:absolute;
  307. }
  308. .asktxt {
  309. {block:ifnot250pxposts}
  310. margin-left:72px;
  311. min-height:64px;
  312. {/block:ifnot250pxposts}
  313. {block:if250pxposts}
  314. margin-left:48px;
  315. min-height:40px;
  316. {/block:if250pxposts}
  317. padding:8px;
  318. background:{text:color 2};
  319. -webkit-transition: all 0.5s ease-in-out;
  320. -moz-transition: all 0.5s ease-in-out;
  321. -o-transition: all 0.5s ease-in-out;
  322. -ms-transition: all 0.5s ease-in-out;
  323. transition: all 0.5s ease-in-out;
  324. }
  325.  
  326. .asktxt:hover {
  327. background:{text:color 2 hover};
  328. }
  329.  
  330. ul.chat {
  331. margin:0;
  332. padding:0;
  333. }
  334.  
  335. .chat li {
  336. list-style: none;
  337. margin-left:0;
  338. padding:4px;
  339. }
  340.  
  341. .label {
  342. font-weight:bold;
  343. }
  344.  
  345. .line_odd{
  346. background:{text:color 1};
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -ms-transition: all 0.5s ease-in-out;
  351. transition: all 0.5s ease-in-out;
  352. }
  353.  
  354. .line_odd:hover{
  355. background:{text:color 1 hover};
  356. }
  357.  
  358. #content #notecontainer img.avatar {
  359. margin-right: 10px;
  360. width: 16px;
  361. height: 16px;
  362. }
  363.  
  364. #permnotes ol.notes {
  365. list-style:none;
  366. margin:0;
  367. padding:0;
  368. }
  369.  
  370. .pagi {
  371. font-family:"victor";
  372. font-size:30px;
  373. position:fixed;
  374. bottom:30px;
  375. left:170px;
  376. {block:ifinfinitescrolling}
  377. display:none;
  378. {/block:ifinfinitescrolling}
  379. }
  380.  
  381. #ct {
  382. position:fixed;
  383. right:15px;
  384. bottom:10px;
  385. }
  386.  
  387. #s-m-t-tooltip{
  388. max-width:300px;
  389. margin:15px;
  390. padding:4px;
  391. border:1px solid {color:borders};
  392. background:{text:tooltips};
  393. z-index:999999;
  394. font-family:"victor";
  395. }
  396.  
  397. ::-webkit-scrollbar-thumb:vertical {
  398. background:{color:scrollbar};
  399. width:8px;
  400. }
  401.  
  402. ::-webkit-scrollbar-thumb:horizontal {
  403. background-color:{color:scrollbar};
  404. height:8px;
  405. }
  406.  
  407. ::-webkit-scrollbar {
  408. width:8px;
  409. background:{color:scrollbar};
  410. height:8px;}
  411.  
  412. ::-webkit-scrollbar-track {
  413. background:{color:scrollbar bg};
  414. width:8px;}
  415.  
  416. #sidebar {
  417. z-index:-999;
  418. position:fixed;
  419. left:{text:trainer img left margin};
  420. bottom:{text:trainer img bottom margin};
  421. }
  422.  
  423. #sidee {
  424. position:fixed;
  425. width:250px;
  426. left:50px;
  427. bottom:65px;
  428. border:1px solid {color:borders};
  429. background:{text:color 1} url('http://static.tumblr.com/tigfgkv/FE5n91i3m/untitled-3.png') center no-repeat;
  430. -webkit-transition: all 0.5s ease-in-out;
  431. -moz-transition: all 0.5s ease-in-out;
  432. -o-transition: all 0.5s ease-in-out;
  433. -ms-transition: all 0.5s ease-in-out;
  434. transition: all 0.5s ease-in-out;
  435. }
  436.  
  437. #sidee:hover {
  438. background:{text:color 1 hover} url('http://static.tumblr.com/tigfgkv/FE5n91i3m/untitled-3.png') center no-repeat;
  439. }
  440.  
  441. ul.tabs {
  442. margin:0 auto;
  443. width:30px;
  444. padding:0;
  445. list-style: none;
  446. }
  447.  
  448. ul.tabs li {
  449. float:left;
  450. margin: 0;
  451. margin-left:;
  452. overflow: hidden;
  453. position: relative;
  454. padding:0px 2px;
  455. -webkit-filter:brightness(50%);
  456. -webkit-transition: all 0.5s ease-in-out;
  457. -moz-transition: all 0.5s ease-in-out;
  458. -o-transition: all 0.5s ease-in-out;
  459. -ms-transition: all 0.5s ease-in-out;
  460. transition: all 0.5s ease-in-out;
  461.  
  462. }
  463.  
  464. ul.tabs li:hover {
  465. -webkit-filter:brightness(80%);
  466. }
  467.  
  468. ul.tabs li.active{
  469. -webkit-filter:brightness(100%);
  470. }
  471.  
  472. .tab_container {
  473. clear: both;
  474. float: left;
  475. width: 250px;
  476. height:170px;
  477. }
  478.  
  479. .tab_content {
  480. padding:4px;
  481. display:none;
  482. }
  483.  
  484. .tab_container .trainer {
  485. color:{color:link text};
  486. font-family:"victor";
  487. font-weight:bold;
  488. font-size:20px;
  489. margin-bottom:4px;
  490. }
  491.  
  492. .tab_container .cinfo {
  493. width:170px;
  494. background:{text:color 2};
  495. border-left:1px solid {color:borders};
  496. padding-left:4px;
  497. margin-bottom:3px;
  498. -webkit-transition: all 0.5s ease-in-out;
  499. -moz-transition: all 0.5s ease-in-out;
  500. -o-transition: all 0.5s ease-in-out;
  501. -ms-transition: all 0.5s ease-in-out;
  502. transition: all 0.5s ease-in-out;
  503. }
  504.  
  505. .tab_container .boo {
  506. margin-top:-2px;
  507. margin-bottom:3px;
  508. }
  509.  
  510. .tab_container .boop {
  511. font-family:"victor";
  512. font-weight:bold;
  513. color:{color:link text};
  514. }
  515.  
  516. .tab_container .desc {
  517. position:absolute;
  518. width:234px;
  519. height:28px;
  520. {block:ifsidebarsecondtab}bottom:19px;{/block:ifsidebarsecondtab}
  521. {block:ifnotsidebarsecondtab}bottom:5px;{/block:ifnotsidebarsecondtab}
  522. padding:4px;
  523. background:{text:color 2};
  524. border-top:1px solid {color:borders};
  525. -webkit-transition: all 0.5s ease-in-out;
  526. -moz-transition: all 0.5s ease-in-out;
  527. -o-transition: all 0.5s ease-in-out;
  528. -ms-transition: all 0.5s ease-in-out;
  529. transition: all 0.5s ease-in-out;
  530. }
  531.  
  532. .tab_container .desc:hover, .tab_container .circle:hover, .tab_container .cinfo:hover {
  533. background:{text:color 2 hover};
  534. }
  535.  
  536. .tab_container .badgesa {
  537. position:absolute;
  538. right:35px;
  539. {block:ifsidebarsecondtab}bottom:61px;{/block:ifsidebarsecondtab}
  540. {block:ifnotsidebarsecondtab}bottom:46px;{/block:ifnotsidebarsecondtab}
  541. }
  542.  
  543. .tab_container .badgesb {
  544. position:absolute;
  545. right:8px;
  546. {block:ifsidebarsecondtab}bottom:57px;{/block:ifsidebarsecondtab}
  547. {block:ifnotsidebarsecondtab}bottom:42px;{/block:ifnotsidebarsecondtab}
  548. }
  549.  
  550. .tab_container .circle {
  551. width:24px;
  552. height:24px;
  553. background:{text:color 2};
  554. border-radius:50%;
  555. margin-bottom:4px;
  556. -webkit-transition: all 0.5s ease-in-out;
  557. -moz-transition: all 0.5s ease-in-out;
  558. -o-transition: all 0.5s ease-in-out;
  559. -ms-transition: all 0.5s ease-in-out;
  560. transition: all 0.5s ease-in-out;
  561. }
  562.  
  563. .tab_container .gyms {
  564. position:relative;
  565. left:2px;
  566. top:2px;
  567. }
  568.  
  569. .tab_container .friend {
  570. width:76px;
  571. background:{text:color 1};
  572. height:50px;
  573. overflow:hidden;
  574. border:1px solid {color:borders};
  575. margin-right:4px;
  576. margin-bottom:4px;
  577. float:left;
  578. -webkit-transition: all 0.5s ease-in-out;
  579. -moz-transition: all 0.5s ease-in-out;
  580. -o-transition: all 0.5s ease-in-out;
  581. -ms-transition: all 0.5s ease-in-out;
  582. transition: all 0.5s ease-in-out;
  583. }
  584.  
  585. .tab_container .friend:hover {
  586. background:{text:color 1 hover};
  587. }
  588.  
  589. </style>
  590.  
  591. <body>
  592.  
  593. <div id="sidebar">
  594. <img src="{image:trainer}">
  595. </div>
  596.  
  597. <div id="sidee">
  598.  
  599. <div class="tab_container">
  600.  
  601. <div id="tab1" class="tab_content">
  602.  
  603. <div class="boo"><span class="trainer">trainer's card</span></div>
  604. <div class="cinfo"><span class="boop">name: </span>{text:trainer name}</div>
  605. <div class="cinfo"><span class="boop">ID no.: </span>{text:id no}</div>
  606. <div class="cinfo"><span class="boop">class: </span>{text:trainer class}</div>
  607. <div class="cinfo"><span class="boop">nature: </span>{text:nature}</div>
  608. <div class="cinfo"><span class="boop">money: </span>{text:money} pokédollars</div>
  609. <div class="cinfo"><span class="boop">pokedéx: </span>{text:pokedex}</div>
  610. <div class="desc">
  611. {description}
  612. </div>
  613.  
  614. <!---CUSTOMISE BADGES HERE, JUST REPLACE THE src OF IMAGES WITH URL OF THE BADGE YOU WANT, IMAGES MUST BE 20px BY 20px. YOU CAN ALSO USE THE SMALL POKEMON SPRITES IF U WANT--->
  615.  
  616. <div class="badgesa">
  617. {block:iflink1}<div class="circle"><a href="{text:link 1}" title="{text:link 1 title}"><img class="gyms" src="https://31.media.tumblr.com/a95e130615be88267faf11fbd069e3c1/tumblr_inline_n91ezxBkUx1sdka8j.png"></a></div>{/block:iflink1}
  618. {block:iflink2}<div class="circle"><a href="{text:link 2}" title="{text:link 2 title}"><img class="gyms" src="https://31.media.tumblr.com/1511a4889ae7f11b1caa23011ba69e8a/tumblr_inline_n91f06jWyf1sdka8j.png"></a></div>{/block:iflink2}
  619. {block:iflink3}<div class="circle"><a href="{text:link 3}" title="{text:link 3 title}"><img class="gyms" src="https://31.media.tumblr.com/e4df819381cd82276cb72cdc23f2c791/tumblr_inline_n91f0fTekk1sdka8j.png"></a></div>{/block:iflink3}
  620. {block:iflink4}<div class="circle"><a href="{text:link 4}" title="{text:link 4 title}"><img class="gyms" src="https://31.media.tumblr.com/3094f970d10bc7416135d750c459c3b8/tumblr_inline_n91f0syDiG1sdka8j.png"></a></div>{/block:iflink4}
  621. </div>
  622.  
  623. <div class="badgesb">
  624. <div class="circle"><a href="/" title="home"><img class="gyms" src="https://31.media.tumblr.com/715133bcf977855b2e141ae046573d63/tumblr_inline_n91ez7AIsJ1sdka8j.png"></a></div>
  625. <div class="circle"><a href="/ask" title="message"><img class="gyms" src="https://31.media.tumblr.com/fe8fb0bcfbf1c371dcf857d29a8e7058/tumblr_inline_n91ezcq7x91sdka8j.png"></a></div>
  626. <div class="circle"><a href="/submit" title="submit"><img class="gyms" src="https://31.media.tumblr.com/c48ad4b6120b5bcf2d06b8dfda785b63/tumblr_inline_n91ezlcsEE1sdka8j.png"></a></div>
  627. <div class="circle"><a href="/archive" title="past"><img class="gyms" src="https://31.media.tumblr.com/b21a99ef62fed18ff740f4fe4c3b148d/tumblr_inline_n91ezqTipe1sdka8j.png"></a></div>
  628. </div>
  629.  
  630. <!--end badge customisation-->
  631.  
  632. </div>
  633.  
  634. {block:ifsidebarsecondtab}
  635. <div id="tab2" class="tab_content">
  636.  
  637. <!--TAB 2 CONTENT, FEEL FREE TO REPLACE WITH YOUR OWN CONTENT LIKE NETWORKS, SMALL TAGLIST, LONGER DESCRIPTION, UPDATES ETC. BY DEFAULT IT'S A POKEMON TEAM W/ LINKS TO FRIENDS' BLOGS
  638.  
  639. TO CUSTOMISE:
  640.  
  641. <a href="(URL)" title="the tooltip text">
  642. <img src="(URL of img, must be 78px by 50px)" width=78px>
  643. </a>
  644.  
  645. -->
  646.  
  647. <div class="boo"><span class="trainer">friends</span></div>
  648.  
  649. <div style="position:relative; top:15px;">
  650. <div class="friend">
  651. <a href="/" title="mia">
  652. <img src="http://static.tumblr.com/tigfgkv/07Tn91srx/1.png" width=78px>
  653. </a>
  654. </div>
  655.  
  656. <div class="friend">
  657. <a href="/" title="brock">
  658. <img src="http://static.tumblr.com/tigfgkv/ZWZn91ssl/2.png" width=78px
  659. </a>
  660. </div>
  661.  
  662. <div class="friend" style="margin-right:0px">
  663. <a href="/" title="touko">
  664. <img src="http://static.tumblr.com/tigfgkv/crpn91ste/3.png">
  665. </a>
  666. </div>
  667.  
  668. <div class="friend">
  669. <a href="/" title="jo">
  670. <img src="http://static.tumblr.com/tigfgkv/eIgn91t2p/4.png">
  671. </a>
  672. </div>
  673.  
  674. <div class="friend">
  675. <a href="/" title="bianca">
  676. <img src="http://static.tumblr.com/tigfgkv/WCWn91t3a/5.png">
  677. </a>
  678. </div>
  679.  
  680. <div class="friend" style="margin-right:0px">
  681. <a href="/" title="prof">
  682. <img src="http://static.tumblr.com/tigfgkv/PFgn91t3p/6.png">
  683. </a>
  684. </div>
  685. </div>
  686.  
  687. <!--end tab 2 content-->
  688.  
  689. </div>
  690. {/block:ifsidebarsecondtab}
  691. </div>
  692.  
  693. {block:ifsidebarsecondtab}
  694. <ul class="tabs">
  695. <li class="active" rel="tab1"><img src="http://static.tumblr.com/tigfgkv/MzYn91kfh/poke.png"></li>
  696. <li rel="tab2"><img src="http://static.tumblr.com/tigfgkv/MzYn91kfh/poke.png"></li>
  697. </ul>
  698. {/block:ifsidebarsecondtab}
  699. </div>
  700.  
  701. <div id="content">
  702.  
  703. {block:Posts}
  704. <div class="container">
  705.  
  706. {block:Title}<div class="title"><a href="{permalink}">{Title}</a></div>{/block:Title}
  707.  
  708. {block:Photo}
  709. {LinkOpenTag}<img src="{PhotoURL-500}" width="100%"/>{LinkCloseTag}
  710. {/block:Photo}
  711.  
  712.  
  713. {block:Photoset}<div class="fade">
  714. {block:indexpage}
  715. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  716. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  717. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  718. {/block:indexpage}
  719.  
  720. {block:PermalinkPage}
  721. {Photoset-500}
  722. {/block:PermalinkPage}
  723. </div>{/block:Photoset}
  724.  
  725.  
  726. {block:Video}<div class="fade">
  727. {block:indexpage}
  728. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  729. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  730. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  731. {/block:indexpage}
  732. {block:PermalinkPage}
  733. {Video-500}
  734. {/block:PermalinkPage}
  735. </div>{/block:Video}
  736.  
  737.  
  738. {block:Audio}<div class="audio">
  739. <div class="art">
  740. {block:AlbumArt}<div class="art"><img src="{AlbumArtURL}" width=100%></div>{/block:AlbumArt}
  741. </div>
  742.  
  743. {block:ifnot250pxposts}<div class="info">
  744. <div class="player">
  745. {block:ifnotblackaudioplayer}{AudioPlayerwhite}{/block:ifnotblackaudioplayer}
  746. {block:ifblackaudioplayer}{Audioplayerblack}{/block:ifblackaudioplayer}
  747. </div>
  748.  
  749. <div class="audinfo">
  750. {block:trackname}<p><b>{trackname}</b></p>{/block:trackname}
  751. {block:artist}<p>{artist}</p>{/block:artist}
  752. {block:album}<p>{album}</p>{/block:album}
  753. {block:playcount}<p>{PlayCountwithlabel}</p>{/block:playcount}
  754. </div>
  755. </div>{/block:ifnot250pxposts}
  756.  
  757. {block:if250pxposts}
  758. <div class="player">
  759. {block:ifnotblackaudioplayer}{AudioPlayerwhite}{/block:ifnotblackaudioplayer}
  760. {block:ifblackaudioplayer}{Audioplayerblack}{/block:ifblackaudioplayer}
  761. </div>
  762. {/block:if250pxposts}
  763. </div>{/block:Audio}
  764.  
  765.  
  766. {block:Quote}
  767. <div class="title">“{Quote}”</div>
  768. {block:Source}<div style="padding:0px 0px 0px 30px;">—{Source}</div>{/block:Source}
  769. {/block:Quote}
  770.  
  771.  
  772. {block:Text}
  773. {Body}
  774. {/block:Text}
  775.  
  776.  
  777. {block:Answer}
  778. {block:ifnot250pxposts}<img class="askpic" src="{AskerPortraitURL-64}">{/block:ifnot250pxposts}
  779. {block:if250pxposts}<img class="askpic" src="{AskerPortraitURL-40}">{/block:if250pxposts}
  780. <div class="asktxt">{Asker} said: {Question}</div>
  781. {Answer}
  782. {/block:Answer}
  783.  
  784.  
  785. {block:Chat}
  786. <ul class="chat">{block:Lines}
  787. <li class="line_{Alt}">
  788. {block:Label}<span class="label">{Label}</span>{/block:Label}
  789. {Line}</li>
  790. {/block:Lines}</ul>
  791. {/block:Chat}
  792.  
  793.  
  794. {block:Link}
  795. <a href="{URL}"><div class="linktitle">{Name}</div></a>
  796. {block:Description}{Description}{/block:Description}
  797. {/block:Link}
  798.  
  799.  
  800. {block:indexpage}
  801. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  802. {/block:indexpage}
  803. {block:PermalinkPage}
  804. {block:Caption}{Caption}{/block:Caption}
  805. {/block:PermalinkPage}
  806.  
  807.  
  808. <div class="footer">
  809. <a href="{permalink}" title="permalink">{timeago}{block:NoteCount} + {NoteCountWithLabel}{/block:NoteCount}</a>
  810. {block:permalinkpage}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:permalinkpage}
  811. </div>
  812.  
  813. {block:PostNotes}<br><div id="permnotes">{PostNotes}</div>{/block:PostNotes}
  814.  
  815. </div>
  816.  
  817. {block:ContentSource}
  818. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  819. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  820. {/block:SourceLogo}
  821. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  822. {/block:ContentSource}
  823.  
  824. {block:RebloggedFrom}
  825. <!-- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>-->
  826. {/block:RebloggedFrom}
  827.  
  828. {/block:Posts}
  829.  
  830. {block:pagination}
  831. <div class="pagi">
  832. {block:previouspage}<a href="{previouspage}" title="previous">&#60;</a>{/block:previouspage}{block:nextpage}<a href="{nextpage}" title="next">&#62;</a>{/block:nextpage}
  833. </div>
  834. {/block:pagination}
  835.  
  836. </div>
  837.  
  838. <div id="ct">
  839. <a href="http://yurifairy.tumblr.com/" title="thememaker"><img src="http://static.tumblr.com/tigfgkv/npDn8zwkl/468ms22.png"></a>
  840. </div>
  841.  
  842. </body>
  843. </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!