API tools faq
paste
Advertisement
mogimochi

Theme [33] R.P.G.

mogimochi
Jun 28th, 2014
65,611
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 33 R.P.G.
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14. 5. Do not redistribute.
  15.  
  16. --------------------------------------------------- UPDATE VER 020917 -->
  17.  
  18. <meta name="color:background" content="#ffffff">
  19.  
  20. <meta name="color:scrollbar" content="#78c9a1">
  21. <meta name="color:text selection" content="#e89e8c">
  22. <meta name="color:tooltip background" content="#000000">
  23. <meta name="color:tooltip text" content="#ffffff">
  24. <meta name="color:tooltip border" content="#ffffff">
  25.  
  26. <meta name="color:window background" content="#ffffff">
  27. <meta name="color:window borders" content="#dddddd">
  28. <meta name="color:window title" content="#999999">
  29. <meta name="color:window title background" content="#f4f4f4">
  30. <meta name="color:window top right x" content="#ffffff">
  31. <meta name="color:window top right x background" content="#ff9e9e">
  32.  
  33. <meta name="color:character icon border" content="#eeeeee">
  34. <meta name="color:character class text" content="#ffffff">
  35. <meta name="color:character name" content="#333333">
  36. <meta name="color:character name border" content="#eeeeee">
  37.  
  38. <meta name="color:health bar border" content="#eeeeee">
  39. <meta name="color:hp bar" content="#ff8282">
  40. <meta name="color:sp bar" content="#86B4E3">
  41.  
  42. <meta name="color:main links text" content="#333333">
  43. <meta name="color:main links border" content="#eeeeee">
  44. <meta name="color:main links arrow" content="#444444">
  45.  
  46. <meta name="color:player info pop up backgrounds" content="#fafafa">
  47. <meta name="color:player info pop up borders" content="#eaeaea">
  48. <meta name="color:player info pop up character name" content="#333333">
  49. <meta name="color:player info pop up class" content="#777777">
  50. <meta name="color:player info pop up stat background" content="#f2f2f2">
  51. <meta name="color:player info pop up stat name background" content="#e3e3e3">
  52. <meta name="color:player info pop up stat name text" content="#999999">
  53. <meta name="color:player info pop up stat value" content="#333333">
  54. <meta name="color:desc text" content="#6d6d6d">
  55. <meta name="color:desc bold" content="#000000">
  56. <meta name="color:desc italic" content="#aaaaaa">
  57. <meta name="color:desc links" content="#000000">
  58. <meta name="color:desc links hover" content="#5a5a5a">
  59.  
  60. <meta name="color:posts border" content="#eeeeee">
  61.  
  62. <meta name="color:body text" content="#000000">
  63. <meta name="color:body bold" content="#e17e66">
  64. <meta name="color:body italic" content="#f5ad58">
  65. <meta name="color:body links" content="#ffffff">
  66. <meta name="color:body links hover" content="#868686">
  67. <meta name="color:blockquote" content="#e89e8c">
  68.  
  69. <meta name="color:tags" content="#666666">
  70. <meta name="color:tags hover" content="#222222">
  71.  
  72. <meta name="color:ask text" content="#6b6b6b">
  73. <meta name="color:asker" content="#888888">
  74. <meta name="color:link post" content="#444444">
  75.  
  76. <meta name="color:chat even name" content="#e17e66">
  77. <meta name="color:chat even text" content="#5a5a5a">
  78. <meta name="color:chat odd name" content="#f5ad58">
  79. <meta name="color:chat odd text" content="#686868">
  80.  
  81. <meta name="color:permalink text" content="#555555">
  82. <meta name="color:permalink text hover" content="#000000">
  83.  
  84. <meta name="color:pagination text" content="#000000">
  85. <meta name="color:pagination links" content="#d95e40">
  86. <meta name="color:pagination links hover" content="#ffffff">
  87.  
  88. <meta name="if:full screen" content="0">
  89. <meta name="if:small screen" content="0">
  90. <meta name="if:small posts" content="0">
  91. <meta name="if:highlighted bold text" content="1">
  92. <meta name="if:highlighted italic text" content="1">
  93.  
  94. <meta name="if:visible tags" content="1">
  95. <meta name="if:visible like and reblog buttons" content="1">
  96. <meta name="if:music player" content="0">
  97. <meta name="if:display gender" content="1">
  98. <meta name="if:male character" content="0">
  99. <meta name="if:pop up blogroll" content="1">
  100. <meta name="if:updates drop down" content="0">
  101. <meta name="if:show captions" content="1">
  102. <meta name="if:infinite scroll" content="0">
  103. <meta name="if:lazy load" content="1">
  104. <meta name="if:photo fading" content="0">
  105. <meta name="if:monochrome posts" content="0">
  106. <meta name="if:display permalink pixels" content="1">
  107. <meta name="if:permalink pokemon pixels" content="0">
  108.  
  109. <meta name="text:main browser title" content="untitled">
  110. <meta name="text:url" content="url">
  111. <meta name="text:character name" content="name">
  112. <meta name="text:character class" content="lvl01 nomad">
  113. <meta name="text:amount of hp" content="76">
  114. <meta name="text:amount of sp" content="35">
  115. <meta name="text:popup blogroll link" content="guild">
  116. <meta name="text:popup blogroll title" content="wandering guild">
  117. <meta name="text:custom links title" content="equipment">
  118. <meta name="text:updates drop down text" content="updates">
  119. <meta name="text:updates drop down title" content="activity">
  120. <meta name="text:link 1" content="">
  121. <meta name="text:link 1 url" content="">
  122. <meta name="text:link 2" content="">
  123. <meta name="text:link 2 url" content="">
  124. <meta name="text:link 3" content="">
  125. <meta name="text:link 3 url" content="">
  126. <meta name="text:link 4" content="">
  127. <meta name="text:link 4 url" content="">
  128. <meta name="text:link 5" content="">
  129. <meta name="text:link 5 url" content="">
  130. <meta name="text:link 6" content="">
  131. <meta name="text:link 6 url" content="">
  132. <meta name="text:link 7" content="">
  133. <meta name="text:link 7 url" content="">
  134. <meta name="text:link 8" content="">
  135. <meta name="text:link 8 url" content="">
  136. <meta name="text:link 9" content="">
  137. <meta name="text:link 9 url" content="">
  138. <meta name="text:billy music code" content="">
  139.  
  140. <meta name="image:description image" content="">
  141. <meta name="image:icon" content="">
  142. <meta name="image:music player gif" content="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  143. <meta name="image:window background" content="">
  144. <meta name="image:background" content="">
  145. <meta name="image:custom cursor" content="">
  146. <meta name="image:link 1 icon" content="">
  147. <meta name="image:link 2 icon" content="">
  148. <meta name="image:link 3 icon" content="">
  149. <meta name="image:link 4 icon" content="">
  150. <meta name="image:link 5 icon" content="">
  151. <meta name="image:link 6 icon" content="">
  152. <meta name="image:link 7 icon" content="">
  153. <meta name="image:link 8 icon" content="">
  154. <meta name="image:link 9 icon" content="">
  155.  
  156. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  157. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  158. <link rel="shortcut icon" href="{Favicon}" />
  159.  
  160. {block:iflazyload}
  161. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  162. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  163. <script type="text/javascript" charset="utf-8">
  164. var $j = jQuery.noConflict();
  165. $j(function() {
  166. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  167. $j("img").lazyload({
  168. placeholder : "https://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  169. effect: "fadeIn",
  170. });
  171. });
  172. </script>
  173. {/block:iflazyload}
  174.  
  175. {block:ifinfinitescroll}
  176. <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  177. {/block:ifinfinitescroll}
  178.  
  179. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  180. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  181. <script>
  182. (function($){
  183. $(document).ready(function(){
  184. $("a[title]").style_my_tooltips({
  185. tip_follows_cursor:true,
  186. tip_delay_time:0,
  187. tip_fade_speed:0,
  188. attribute:"title"
  189. });
  190. });
  191. })(jQuery);
  192. </script>
  193.  
  194. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  195. <script type="text/javascript">
  196. jQuery(document).ready(function() {
  197. jQuery(".sub").hide();
  198. //toggle the componenet with class msg_body
  199. jQuery(".cthrough").click(function()
  200. {
  201. jQuery(this).next(".sub").slideToggle(500); return false;
  202. });});
  203. </script>
  204.  
  205. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  206. <script type="text/javascript">
  207. jQuery(document).ready(function() {
  208. jQuery(".sub2").hide();
  209. //toggle the componenet with class msg_body
  210. jQuery(".cthrough2").click(function()
  211. {
  212. jQuery(this).next(".sub2").slideToggle(500); return false;
  213. });});
  214. </script>
  215.  
  216. <script type="text/javascript"
  217. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  218.  
  219. <script type="text/javascript"
  220. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  221.  
  222. <script>
  223.  
  224.  
  225.  
  226. $(document).ready(function() {
  227. //
  228. //When you click on a link with class of poplight and the href starts with a #
  229. $('a.poplight[href^=#]').click(function() {
  230. var popID = $(this).attr('rel'); //Get Popup Name
  231. var popURL = $(this).attr('href'); //Get Popup href to define size
  232. //Pull Query & Variables from href URL
  233. var query= popURL.split('?');
  234. var dim= query[1].split('&');
  235. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  236. //Fade in the Popup and add close button
  237. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://31.media.tumblr.com/7d91072c76c4379e9c9625a9b318cabf/tumblr_inline_n7oirdgCRB1rshr70.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  238. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  239. var popMargTop = ($('#' + popID).height() + 80) / 2;
  240. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  241. //Apply Margin to Popup
  242. $('#' + popID).css({
  243. 'margin-top' : -popMargTop,
  244. 'margin-left' : -popMargLeft
  245. });
  246. //Fade in Background
  247. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  248. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  249. return false;
  250. });
  251. //Close Popups and Fade Layer
  252. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  253. $('#fade , .popup_block').fadeOut(function() {
  254. $('#fade, a.close').remove(); //fade them both out
  255. });
  256. return false;
  257. });
  258. });
  259.  
  260. </script>
  261.  
  262. <style type="text/css">
  263.  
  264. #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
  265. #tumblr_lightbox img { opacity:0;padding: 10px;
  266. border: 1px solid #ddd; }
  267. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  268. opacity: 1!important;
  269. box-shadow: 0 0 0 transparent!important;
  270. border-radius: 0!important;
  271. -moz-border-radius: 0!important;
  272. -webkit-border-radius: 0!important;
  273. -o-border-radius: 0!important;
  274. padding: 10px!important;
  275. border: 1px solid #ddd!important;
  276. background-color: #fff!important;
  277. }
  278. #tumblr_lightbox_caption {
  279. color: #aaa!important;
  280. font-family: calibri!important;
  281. font-size: 12px!important;
  282. margin-top: 30px!important;
  283. text-shadow: 0 0 0 transparent!important;
  284. font-weight: 400!important;
  285. }
  286.  
  287. ::-webkit-scrollbar { width: 5px; }
  288. ::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.5); }
  289. ::-webkit-scrollbar-thumb:vertical {
  290. width: 5px;
  291. background-color: {color:scrollbar};
  292. padding: 1px;
  293. }
  294.  
  295. ::selection {background-color: {color:text selection}; color: #fff;}
  296. ::-moz-selection {background-color: {color:text selection}; color: #fff;}
  297. ::-webkit-selection {background-color: {color:text selection}; color: #fff;}
  298.  
  299. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  300.  
  301. @font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
  302. @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
  303.  
  304. body {
  305. background-color: {color:background};
  306. background-image: url({image:background});
  307. background-attachment: fixed;
  308. margin: 0;
  309. word-wrap: break-word;
  310. {block:iffullscreen}
  311. background-image: url({image:background});
  312. background-size: cover;
  313. {/block:iffullscreen}
  314. }
  315. a { text-decoration:none; }
  316.  
  317. *, body, a, a:hover {cursor: url({image:custom cursor}), auto;}
  318.  
  319. .pagination {display: none;}
  320.  
  321. #s-m-t-tooltip {
  322. padding: 3px 5px;
  323. margin: 10px 14px 7px 33px;
  324. background-color: {color:tooltip background};
  325. font-family: pix; /* change the font */
  326. font-size: 8px; /* change the font size */
  327. letter-spacing: 1px; /* change the letter spacing */
  328. text-transform: uppercase; /* can be uppercase, lowercase, none*/
  329. color: {color:tooltip text}; /* change the text color */
  330. z-index: 999999;
  331. border: 1px double {color:tooltip border};
  332. }
  333.  
  334. #cente {
  335. width: 100%;
  336. position: fixed;
  337. }
  338.  
  339. #sora, #sora2, #sora3 {
  340. width: 1000px;
  341. {block:ifsmallscreen}
  342. width: 770px;
  343. {/block:ifsmallscreen}
  344. margin-top: 40px;
  345. {block:ifsmallscreen}
  346. margin-top: 80px;
  347. {/block:ifsmallscreen}
  348. background-color: {color:window background};
  349. border-radius: 8px;
  350. padding: 0 0 5px 0;
  351. border: 4px double {color:window borders};
  352. box-shadow: 5px 5px 0 #f2f2f2;
  353. }
  354. .blogtitle, .blogtitle2, .blogtitle3 {
  355. background-color: {color:window title background};
  356. text-align: left;
  357. font-family: pix;
  358. font-size: 8px;
  359. text-transform: uppercase;
  360. letter-spacing: 1px;
  361. margin-left: 0;
  362. padding: 12px 15px;
  363. width: 970px;
  364. {block:ifsmallscreen}
  365. width: 740px;
  366. {/block:ifsmallscreen}
  367. border-radius: 3px 3px 0 0;
  368. color: {color:window title};
  369. border-bottom: 1px solid {color:window borders};
  370. }
  371.  
  372. #maincon {
  373. background-image: url({image:window background});
  374. background-size: cover;
  375. width: 980px;
  376. {block:ifsmallscreen}
  377. width: 750px;
  378. {/block:ifsmallscreen}
  379. height: 500px;
  380. {block:ifsmallscreen}
  381. height: 400px;
  382. {/block:ifsmallscreen}
  383. margin-top: 10px;
  384. margin-bottom: 5px;
  385. }
  386.  
  387. #rightb, #rightb2, #rightb3 {
  388. position: absolute;
  389. width: 104px;
  390. height: 19px;
  391. overflow: hidden;
  392. margin: 0 890px;
  393. {block:ifsmallscreen}
  394. margin: 0 660px;
  395. {/block:ifsmallscreen}
  396. }
  397.  
  398. .rightbuttons {
  399. float: left;
  400. font-family: consolas;
  401. font-size: 10px;
  402. height: 18px;
  403. width: 30px;
  404. line-height: 18px;
  405. text-align: center;
  406. }
  407. #rbi, #rbii {
  408. width: 30px;
  409. background-color: {color:window title background};
  410. color: {color:window title};
  411. border-bottom: 1px solid {color:window borders};
  412. border-left: 1px solid {color:window borders};
  413. }
  414.  
  415. #rbi {border-radius: 0 0 0 3px;}
  416.  
  417. #rbx {
  418. width: 40px;
  419. background-color: {color:window top right x background};
  420. color: {color:window top right x};
  421. border-bottom: 1px solid {color:window borders};
  422. border-right: 1px solid {color:window borders};
  423. border-left: 1px solid {color:window borders};
  424. border-radius: 0 0 3px 0;
  425. }
  426.  
  427. #left {
  428. position: fixed;
  429. width: 250px;
  430. margin: 10px 10px;
  431. {block:iffullscreen}
  432. margin: 30px;
  433. {/block:iffullscreen}
  434. }
  435.  
  436. .lefticon {
  437. width: 90px;
  438. height: 90px;
  439. background-color: rgba(255,255,255,0.4);
  440. padding: 14px;
  441. float: left;
  442. border: 1px solid {color:character icon border};
  443. position: relative;
  444. z-index: 10;
  445. }
  446.  
  447. .userclass {
  448. position: absolute;
  449. font-family: pix;
  450. font-size: 10px;
  451. text-transform: uppercase;
  452. width: 120px;
  453. margin: -15px -112px;
  454. text-align: right;
  455. color: {color:character class text};text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  456. }
  457.  
  458. .urnm {
  459. background-color: rgba(255,255,255,0.5);
  460. font-family: bit;
  461. text-align: right;
  462. position: absolute;
  463. z-index: 9;
  464. float: right;
  465. min-width: 100px;
  466. margin: 20px 0 0 120px;
  467. padding: 5px 12px 5px 16px;
  468. font-size: 12px;
  469. color: {color:character name};
  470. text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
  471. letter-spacing: 1px;
  472. text-transform: uppercase;
  473. border-radius: 0 5px 5px 0;
  474. border-bottom: 1px solid {color:character name border};
  475. border-right: 1px solid {color:character name border};
  476. border-top: 1px solid {color:character name border};
  477. }
  478.  
  479. .userb {
  480. border-bottom: 1px solid {color:character name border};
  481. border-top: 1px solid {color:character name border};
  482. background-color: rgba(255,255,255,0.5);
  483. position: absolute;
  484. z-index: 9;
  485. height: 14px;
  486. width: 10px;
  487. padding: 5px 0;
  488. margin: 20px -10px;
  489. {block:iffullscreen}
  490. width: 30px;
  491. margin: 20px -30px;
  492. {/block:iffullscreen}
  493. }
  494.  
  495. .gender {
  496. {block:ifmalecharacter}color: #65A3E0; {/block:ifmalecharacter}
  497. {block:ifnotmalecharacter}color: #FF8CA9; {/block:ifnotmalecharacter}
  498. {block:ifnotdisplaygender}position:absolute;display:none;color:transparent;opacity:0;{/block:ifnotdisplaygender}
  499. }
  500.  
  501. #health {
  502. position: absolute;
  503. margin: 58px 0 0 125px;
  504. }
  505.  
  506. .healthtxt {
  507. font-family: pix;
  508. color: #fff;
  509. text-transform: uppercase;
  510. font-size: 10px;
  511. float: left;
  512. text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
  513. }
  514.  
  515. .hpbar {
  516. background-color: rgba(255,255,255,0.3);
  517. width: 80px;
  518. border: 1px solid {color:health bar border};
  519. float: left;
  520. height: 7px;
  521. margin: 0 6px;
  522. }
  523.  
  524. .healthf {
  525. height: 7px;
  526. float: left;
  527. }
  528.  
  529. #hp { background-color: {color:hp bar}; width: {text:amount of hp}%; }
  530. #sp { background-color: {color:sp bar}; width: {text:amount of sp}%; }
  531.  
  532. #interactionb {
  533. position: absolute;
  534. margin: 93px 0 0 133px;
  535. float: left;
  536. }
  537.  
  538. .iicon {
  539. width: 25px;
  540. height: 25px;
  541. display: block;
  542. }
  543.  
  544. .ibbg, .clink {
  545. width: 25px;
  546. height: 25px;
  547. background-color: rgba(255,255,255,0.4);
  548. border: 1px solid {color:character icon border};
  549. border-radius: 5px;
  550. float: left;
  551. margin-right: 6px;
  552. }
  553.  
  554. .ib, .clinkbg {
  555. width: 17px;
  556. height: 17px;
  557. background-color: rgba(255,255,255,0.4);
  558. position: absolute;
  559. margin: 4px;
  560. border-radius: 3px;
  561. z-index: -1;
  562. }
  563.  
  564. .slanty {
  565. width: 20px;
  566. height: 1px;
  567. background-color: {color:character icon border};
  568. position: absolute;
  569. -webkit-transform: rotate(45deg);
  570. margin: 6px -16px;
  571. }
  572.  
  573. .lint, .lintend {
  574. width: 6px;
  575. height: 1px;
  576. background-color: {color:character icon border};
  577. position: absolute;
  578. margin: 12px 26px;
  579. }
  580. .lintend { width: 11px; }
  581.  
  582. .lintcir {
  583. background: transparent;
  584. border: 1px solid {color:character icon border};
  585. border-radius: 1000px;
  586. width: 6px;
  587. height: 6px;
  588. position: absolute;
  589. margin: 9px 104px;
  590. }
  591.  
  592. #morikami {
  593. position: absolute;
  594. float: left;
  595. margin: 120px 0;
  596. }
  597.  
  598. .mori {
  599. font-family: bit;
  600. font-size: 10px;
  601. text-align: left;
  602. letter-spacing: 1px;
  603. text-transform: uppercase;
  604. width: 98px;
  605. padding: 6px 10px;
  606. background-color: rgba(255,255,255,0.4);
  607. border: 1px solid {color:main links border};
  608. color: {color:main links text};
  609. text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  610. border-radius: 3px;
  611. margin-top: 7px;
  612. }
  613.  
  614. .kaeda {
  615. background-color: rgba(255,255,255,0.3);
  616. position: absolute;
  617. padding: 4px 6px 6px 6px;
  618. margin: -6px 84px;
  619. font-size: 12px;
  620. color: {color:main links arrow};
  621. }
  622.  
  623. .sub2 {
  624. background-color: rgba(255,255,255,0.4);
  625. border: 1px solid {color:main links border};
  626. margin-top: 5px;
  627. font-family: pix;
  628. font-size: 8px;
  629. text-transform: uppercase;
  630. letter-spacing: 1px;
  631. padding: 6px 6px 0 6px;
  632. color: {color:main links text};
  633. text-align: left;
  634. width: 104px;
  635. }
  636.  
  637. .sub {
  638. padding: 3px 0;
  639. position: absolute;
  640. width: 130px;
  641. margin-top: 5px;
  642. margin: 5px -2px;
  643. }
  644.  
  645. .clinkicon {
  646. width: 35px;
  647. height: 35px;
  648. display: block;
  649. }
  650.  
  651. .clink {
  652. width: 35px;
  653. height: 35px;
  654. margin: 0 2px 4px 2px;
  655. }
  656.  
  657. .clinkbg {
  658. width: 25px;
  659. height: 25px;
  660. margin: 5px;
  661. }
  662.  
  663. #fade {
  664. display: none;
  665. background: #fff;
  666. position: fixed;
  667. left: 0;
  668. top: 0;
  669. width: 100%;
  670. height: 100%;
  671. opacity: 0.8;
  672. z-index: 9999;
  673. }
  674.  
  675. .popup_block{
  676. display: none;
  677. float: left;
  678. position: fixed;
  679. top: 50%;
  680. left: 50%;
  681. z-index: 99999;
  682. font-family: calibri;
  683. font-size: 10px;
  684. padding: 5px;
  685. }
  686.  
  687. img.btn_close {
  688. height: 18px;
  689. width: 40px;
  690. float: right;
  691. margin: 4px 0 0 397px;
  692. opacity: 0;
  693. background-color: #fff;
  694. position: absolute;
  695. z-index: 3;
  696. }
  697. *html #fade {position: absolute;}
  698. *html .popup_block {position: absolute;}
  699.  
  700. .guildm {
  701. border-radius: 1000px;
  702. width: 48px;
  703. height: 48px;
  704. }
  705.  
  706. #rightb2 {
  707. width: 410px;
  708. margin: 0 330px;
  709. }
  710. .blogtitle2 { width: 410px; }
  711. #sora2 { width: 440px; margin-top: 0; padding-bottom: 17px; }
  712.  
  713. #guildr, #askr, #descr {
  714. height: 200px;
  715. overflow: auto;
  716. padding: 17px;
  717. }
  718.  
  719.  
  720. #descr {
  721. height: 300px;
  722. overflow: hidden;
  723. }
  724. .descute, .istcute {
  725. font-family: pix;
  726. font-size: 8px;
  727. text-transform: uppercase;
  728. position: absolute;
  729. margin: -12px 8px;
  730. background-color: {color:player info pop up backgrounds};
  731. padding: 0 10px;
  732. }
  733.  
  734. .istcute {
  735. margin: -14px 8px;
  736. }
  737.  
  738. .desc {
  739. width: 234px;
  740. margin-left: 160px;
  741. margin-top: 10px;
  742. text-align: justify;
  743. background-color: {color:player info pop up backgrounds};
  744. border-radius: 10px;
  745. border: 1px solid {color:player info pop up borders};
  746. padding: 8px 0 8px 10px;
  747. }
  748.  
  749. .descu {
  750. padding-right: 10px;
  751. color: {color:desc text};
  752. font-family: bit;
  753. font-size: 10px;
  754. overflow: auto;
  755. max-height: 139px;
  756. }
  757.  
  758. .desc b,strong { color: {color:desc bold}; }
  759. .desc i,em { color: {color:desc italic}; }
  760. .desc a { color: {color:desc links}; transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;text-decoration: underline; }
  761. .desc a:hover { color: {color:desc links hover}; }
  762.  
  763. .charimg {
  764. width: 150px;
  765. max-height: 320px;
  766. position: absolute;
  767. }
  768.  
  769. .stats {
  770. width: 246px;
  771. margin-left: 160px;
  772. }
  773.  
  774. .chaar {
  775. font-family: bit;
  776. text-transform: uppercase;
  777. font-size: 12px;
  778. background-color: {color:player info pop up backgrounds};
  779. border: 1px solid {color:player info pop up borders};
  780. color: {color:player info pop up character name};
  781. padding: 5px 10px 5px 20px;
  782. font-size: 13px;
  783. letter-spacing: 1px;
  784. border-radius: 7px;
  785. }
  786.  
  787. .chaargender {
  788. position: absolute;
  789. float: right;
  790. margin: 6px 228px;
  791. font-size: 12px;
  792. }
  793.  
  794. .chaarclass {
  795. font-family: pix;
  796. font-size: 8px;
  797. text-transform: uppercase;
  798. margin: 4px 0 0 50px;
  799. color: {color:player info pop up class};
  800. }
  801.  
  802. .cls1, .cls2 {
  803. background-color: {color:player info pop up borders};
  804. position: absolute;
  805. }
  806.  
  807. .cls1 {
  808. width: 180px;
  809. height: 1px;
  810. margin: 42px 40px;
  811. }
  812.  
  813. .cls2 {
  814. width: 1px;
  815. height: 18px;
  816. margin: 26px 34px;
  817. transform: rotate(-42deg);
  818. }
  819.  
  820. .ist {
  821. border-top: 1px solid {color:player info pop up borders};
  822. border-bottom: 1px solid {color:player info pop up borders};
  823. background-color: {color:player info pop up backgrounds};
  824. margin: 20px 0;
  825. padding: 10px 5px;
  826. font-family: pix;
  827. font-size: 8px;
  828. height: 58px;
  829. }
  830.  
  831. .stat {
  832. width: 108px;
  833. background-color: {color:player info pop up stat background};
  834. color: {color:player info pop up stat value};
  835. padding: 4px 5px 4px 0;
  836. float: left;
  837. margin: 0 2px 4px 2px;
  838. }
  839.  
  840. .statvalue {float: right;}
  841.  
  842. .statname {
  843. background-color: {color:player info pop up stat name background};
  844. color: {color:player info pop up stat name text};
  845. padding: 4px 7px;
  846. }
  847.  
  848. .stattri {
  849. color: {color:player info pop up stat name background};
  850. position: absolute;
  851. margin: 0 6px;
  852. }
  853.  
  854. #right {float: right;}
  855.  
  856. #content {
  857. margin-bottom: 20px;
  858. {block:ifnotfullscreen}
  859. {block:ifnotsmallscreen}
  860. {block:ifnotsmallposts}
  861. width: 550px;
  862. padding-right: 100px;
  863. {/block:ifnotsmallposts}
  864. {block:ifsmallposts}
  865. width: 450px;
  866. padding-right: 140px;
  867. {/block:ifsmallposts}
  868. height: 500px;
  869. {/block:ifnotsmallscreen}
  870. {block:ifsmallscreen}
  871. height: 400px;
  872. padding-right: 20px;
  873. {/block:ifsmallscreen}
  874. overflow: auto;
  875. {/block:ifnotfullscreen}
  876.  
  877. {block:iffullscreen}
  878. float: left;
  879. {block:ifnotsmallposts}
  880. width: 550px;
  881. margin-left: 400px;
  882. {/block:ifnotsmallposts}
  883. {block:ifsmallposts}
  884. width: 450px;
  885. margin-left: 440px;
  886. {/block:ifsmallposts}
  887. {/block:iffullscreen}
  888. }
  889.  
  890. .posts {
  891. {block:ifnotsmallscreen}
  892. {block:ifnotsmallposts}
  893. width: 500px;
  894. {/block:ifnotsmallposts}
  895. {block:ifsmallposts}
  896. width: 400px;
  897. {/block:ifsmallposts}
  898. {/block:ifnotsmallscreen}
  899. {block:ifsmallscreen}
  900. width: 400px;
  901. {/block:ifsmallscreen}
  902. margin: 20px 0;
  903. padding: 20px;
  904. background-color: rgba(255,255,255,0.4);
  905. transition: 0.6s;
  906. -moz-transition: 0.6s;
  907. -webkit-transition: 0.6s;
  908. -o-transition: 0.6s;
  909. border: 1px solid transparent;
  910. }
  911.  
  912. blockquote {
  913. margin: 5px;
  914. padding: 2px 10px;
  915. border-left: 3px solid {color:blockquote};
  916. background-color: rgba(255,255,255,0.2);
  917. }
  918.  
  919. .posts:hover {
  920. background-color: rgba(255,255,255,0.6);
  921. border: 1px solid {color:posts border};
  922. }
  923.  
  924. .photo {
  925. {block:ifnotsmallscreen}
  926. {block:ifnotsmallposts}
  927. max-width: 500px;
  928. {/block:ifnotsmallposts}
  929. {block:ifsmallposts}
  930. max-width: 400px;
  931. {/block:ifsmallposts}
  932. {/block:ifnotsmallscreen}
  933. {block:ifsmallscreen}
  934. max-width: 400px;
  935. {/block:ifsmallscreen}
  936. display: block;
  937. {block:ifphotofading}
  938. opacity: 0.7;
  939. {/block:ifphotofading}
  940. {block:ifmonochromeposts}
  941. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  942. filter: gray; /* IE6-9 */
  943. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  944. {/block:ifmonochromeposts}
  945. transition: 0.6s;
  946. -moz-transition: 0.6s;
  947. -webkit-transition: 0.6s;
  948. -o-transition: 0.6s;
  949. }
  950. .posts:hover .photo {
  951. {block:ifphotofading}
  952. opacity: 1;
  953. {/block:ifphotofading}
  954. {block:ifmonochromeposts}
  955. filter: none;
  956. -webkit-filter: grayscale(0%);
  957. {/block:ifmonochromeposts}
  958. }
  959.  
  960. .posts img {
  961. {block:ifnotsmallscreen}
  962. {block:ifnotsmallposts}
  963. max-width: 500px;
  964. {/block:ifnotsmallposts}
  965. {block:ifsmallposts}
  966. max-width: 400px;
  967. {/block:ifsmallposts}
  968. {/block:ifnotsmallscreen}
  969. {block:ifsmallscreen}
  970. max-width: 400px;
  971. {/block:ifsmallscreen}
  972. }
  973. .posts blockquote img {max-width: 100%;}
  974.  
  975. .permalink {
  976. margin-top: 10px;
  977. {block:ifnotsmallscreen}
  978. {block:ifnotsmallposts}
  979. width: 500px;
  980. {/block:ifnotsmallposts}
  981. {block:ifsmallposts}
  982. width: 400px;
  983. {/block:ifsmallposts}
  984. {/block:ifnotsmallscreen}
  985. {block:ifsmallscreen}
  986. width: 400px;
  987. {/block:ifsmallscreen}
  988. background-color: rgba(255,255,255,0.3);
  989. text-align: right;
  990. font-family: pix;
  991. font-size: 8px;
  992. text-transform: uppercase;
  993. padding: 5px 0;
  994. line-height: 14px;
  995. {block:ifnotdisplaypermalinkpixels}
  996. padding: 5px;
  997. {block:ifnotsmallscreen}
  998. {block:ifnotsmallposts}
  999. width: 490px;
  1000. {/block:ifnotsmallposts}
  1001. {block:ifsmallposts}
  1002. width: 390px;
  1003. {/block:ifsmallposts}
  1004. {/block:ifnotsmallscreen}
  1005. {block:ifsmallscreen}
  1006. width: 390px;
  1007. {/block:ifsmallscreen}
  1008. {/block:ifnotdisplaypermalinkpixels}
  1009. }
  1010. .permalink a { color: {color:permalink text};text-shadow: 1px 1px 0 rgba(255,255,255,0.5); transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
  1011. .permalink a:hover { color: {color:permalink text hover};text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
  1012. .pbattle {
  1013. padding: 1px 0 1px 3px;
  1014. border-radius: 3px;
  1015. }
  1016. .pcritter {
  1017. width: 60px;
  1018. height: 60px;
  1019. margin-top: -40px;
  1020. margin-left: 5px;
  1021. position: relative;
  1022. float: right;
  1023. }
  1024.  
  1025. .ptitle {
  1026. font-family: bit;
  1027. font-size: 15px;
  1028. text-align: center;text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
  1029. padding: 6px 0;
  1030. background-color: rgba(255,255,255,0.2);
  1031. }
  1032. .quote {
  1033. font-family: bit;
  1034. font-size: 15px;
  1035. }
  1036. .quotesrc {
  1037. font-family: pix;
  1038. font-size: 8px;
  1039. letter-spacing: 1px;
  1040. text-transform: uppercase;
  1041. }
  1042.  
  1043. .askerportrait {
  1044. padding: 10px;
  1045. max-width: 64px;
  1046. max-height: 64px;
  1047. background-color: rgba(255,255,255,0.4);
  1048. float: left;
  1049. }
  1050. .a {
  1051. margin-left: 97px;
  1052. background-color: rgba(255,255,255,0.4);
  1053. min-height: 64px;
  1054. padding: 10px;
  1055. font-family: bit;
  1056. font-size: 10px;
  1057. color: {color:ask text};
  1058. text-align: justify;
  1059. }
  1060. .asker {
  1061. font-family: bit;
  1062. font-size: 10px;
  1063. text-transform: uppercase;
  1064. }
  1065. .asker a {
  1066. background-color: rgba(255,255,255,0.4);
  1067. color: {color:asker};
  1068. padding: 1px 4px;
  1069. }
  1070. .q {margin-top: 10px;}
  1071. .audiopost { height: 150px; }
  1072.  
  1073. .albumartp {
  1074. z-index: 10;
  1075. width: 150px;
  1076. height: 150px;
  1077. position: relative;
  1078. z-index: 2;
  1079. display: block;
  1080. }
  1081.  
  1082. .albumart {
  1083. margin-top: -150px;
  1084. {block:ifnotsmallscreen}
  1085. {block:ifnotsmallposts}
  1086. margin-left: -350px;
  1087. {/block:ifnotsmallposts}
  1088. {block:ifsmallposts}
  1089. margin-left: -250px;
  1090. {/block:ifsmallposts}
  1091. {/block:ifnotsmallscreen}
  1092. {block:ifsmallscreen}
  1093. margin-left: -250px;
  1094. {/block:ifsmallscreen}
  1095. width: 150px;
  1096. height: 150px;
  1097. display: block;
  1098. background-color: #bbb;
  1099. position: relative;
  1100. z-index: 9;
  1101. }
  1102.  
  1103. .audioplayer {
  1104. z-index: 11;
  1105. width: 25px;
  1106. height: 25px;
  1107. overflow: hidden;
  1108. position: relative;
  1109. {block:ifnotsmallscreen}
  1110. {block:ifnotsmallposts}
  1111. margin: -90px 0 0 -340px;
  1112. {/block:ifnotsmallposts}
  1113. {block:ifsmallposts}
  1114. margin: -90px 0 0 -240px;
  1115. {/block:ifsmallposts}
  1116. {/block:ifnotsmallscreen}
  1117. {block:ifsmallscreen}
  1118. margin: -90px 0 0 -240px;
  1119. {/block:ifsmallscreen}
  1120. z-index: 10;
  1121. opacity: 0.5;
  1122. transition: 0.6s;
  1123. -moz-transition: 0.6s;
  1124. -webkit-transition: 0.6s;
  1125. -o-transition: 0.6s;
  1126. }
  1127. .audioplayer:hover {opacity: 1;}
  1128.  
  1129. .audioinfo {
  1130. text-align: left;
  1131. {block:ifnotsmallscreen}
  1132. {block:ifnotsmallposts}
  1133. margin-left: 155px;
  1134. {/block:ifnotsmallposts}
  1135. {block:ifsmallposts}
  1136. margin-left: 155px;
  1137. {/block:ifsmallposts}
  1138. {/block:ifnotsmallscreen}
  1139. {block:ifsmallscreen}
  1140. margin-left: 155px;
  1141. {/block:ifsmallscreen}
  1142. height: 150px;
  1143. }
  1144.  
  1145. .aline {
  1146. {block:ifnotsmallscreen}
  1147. {block:ifnotsmallposts}
  1148. width: 325px;
  1149. {/block:ifnotsmallposts}
  1150. {block:ifsmallposts}
  1151. width: 225px;
  1152. {/block:ifsmallposts}
  1153. {/block:ifnotsmallscreen}
  1154. {block:ifsmallscreen}
  1155. width: 225px;
  1156. {/block:ifsmallscreen}
  1157. font-family: consolas;
  1158. font-size: 10px;
  1159. padding: 11px 10px;
  1160. margin-bottom: 5px;
  1161. text-transform: uppercase;
  1162. background-color: rgba(255,255,255,0.4);
  1163. color: {color:body text};
  1164. }
  1165. .aline b,strong { color: {color:body bold};}
  1166.  
  1167. .line {
  1168. font-family: bit;
  1169. font-size: 10px;
  1170. text-align: left;
  1171. margin: 3px 0;
  1172. background-color: rgba(255,255,255,0.4);
  1173. }
  1174.  
  1175. .odd .line {padding: 7px 10px;color:{color:chat odd text};}
  1176. .even .line {padding: 7px 10px;color:{color:chat even text};}
  1177. .odd .name {color: {color:chat odd name};}
  1178. .even .name {color: {color:chat even name};}
  1179.  
  1180. .ltitle {
  1181. font-family: bit;
  1182. font-size: 15px;
  1183. color: {color:link post};text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  1184. }
  1185.  
  1186. .permainfo {
  1187. {block:ifnotsmallscreen}
  1188. {block:ifnotsmallposts}
  1189. width: 500px;
  1190. {/block:ifnotsmallposts}
  1191. {block:ifsmallposts}
  1192. width: 400px;
  1193. {/block:ifsmallposts}
  1194. {/block:ifnotsmallscreen}
  1195. {block:ifsmallscreen}
  1196. width: 400px;
  1197. {/block:ifsmallscreen}
  1198. padding: 20px;
  1199. font-family: bit;
  1200. font-size: 11px;
  1201. text-align: center;
  1202. background-color: rgba(255,255,255,0.6);
  1203. color: {color:body text};
  1204. margin-bottom: 10px;
  1205. }
  1206.  
  1207. #notecon {
  1208. padding: 20px;
  1209. {block:ifnotsmallscreen}
  1210. {block:ifnotsmallposts}
  1211. width: 500px;
  1212. {/block:ifnotsmallposts}
  1213. {block:ifsmallposts}
  1214. width: 400px;
  1215. {/block:ifsmallposts}
  1216. {/block:ifnotsmallscreen}
  1217. {block:ifsmallscreen}
  1218. width: 400px;
  1219. {/block:ifsmallscreen}
  1220. text-align: left;
  1221. background-color: rgba(255,255,255,0.6);
  1222. color: {color:body text};
  1223. font-family: bit;
  1224. font-size: 11px;
  1225. margin-top: 20px;
  1226. }
  1227.  
  1228. #notecon ol.notes {
  1229. list-style-type: none;
  1230. font-size: 11px;
  1231. color: {color:body text};
  1232. font-family: bit;
  1233. text-decoration: none;
  1234. margin: 0;
  1235. width: 500px;
  1236. padding: 5px;
  1237. text-align: left;
  1238. }
  1239. #notecon ol.notes a {
  1240. color: {color:body links};
  1241. -webkit-transition: all 0.4s ease-in-out;
  1242. -moz-transition: all 0.4s ease-in-out;
  1243. -o-transition: all 0.4s ease-in-out;
  1244. -ms-transition: all 0.4s ease-in-out;
  1245. transition: all 0.4s ease-in-out;}
  1246. #notecon ol.notes a:hover {color:{color:body links hover};}
  1247. #notecon img.avatar {
  1248. margin-right: 5px;
  1249. width: 10px;
  1250. height: 10px;
  1251. float: left;
  1252. }
  1253.  
  1254. #pagin {
  1255. background-color: rgba(255,255,255,0.4);
  1256. border: 1px solid {color:posts border};
  1257. border-radius: 5px;
  1258. font-family: pix;
  1259. font-size: 8px;
  1260. text-transform: uppercase;
  1261. letter-spacing: 1px;
  1262. height: 10px;
  1263. padding: 15px;
  1264. color: {color:pagination text};
  1265. margin-bottom: 20px;
  1266. margin-top: 20px;
  1267. }
  1268.  
  1269. .retreat {
  1270. float: left;
  1271. color: {color:pagination links};text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  1272. transition: 0.6s;
  1273. -moz-transition: 0.6s;
  1274. -webkit-transition: 0.6s;
  1275. -o-transition: 0.6s;
  1276. }
  1277. .advance {
  1278. float: right;
  1279. color: {color:pagination links};text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  1280. transition: 0.6s;
  1281. -moz-transition: 0.6s;
  1282. -webkit-transition: 0.6s;
  1283. -o-transition: 0.6s;
  1284. }
  1285. .retreat:hover, .advance:hover {
  1286. color: {color:pagination links hover};
  1287. }
  1288.  
  1289. #start {
  1290. display:none;
  1291. z-index:999;
  1292. background:#000;
  1293. width:100%;
  1294. height:100%;
  1295. position:fixed;
  1296. }
  1297.  
  1298. #sora3 {
  1299. width: 200px;
  1300. margin-top: 170px;
  1301. }
  1302.  
  1303. #rightb3 {
  1304. width: 170px;
  1305. margin: 0 150px;
  1306. }
  1307.  
  1308. .blogtitle3 {
  1309. width: 170px;
  1310. }
  1311.  
  1312. #login {
  1313. margin-top: 0;
  1314. height: 90px;
  1315. width: 160px;
  1316. }
  1317.  
  1318. .loginicon {
  1319. width: 80px;
  1320. height: 80px;
  1321. border-radius: 1000px;
  1322. padding: 10px;
  1323. border: 1px solid #eee;
  1324. margin: 20px 0 10px 0;
  1325. }
  1326.  
  1327. .entername {
  1328. font-family: bit;
  1329. font-size: 10px;
  1330. color: #bbb;
  1331. float: left;
  1332. line-height: 22px;
  1333. margin-right: 10px;
  1334. text-transform: uppercase;
  1335. letter-spacing: 1px;
  1336. }
  1337. #enternamefield {
  1338. float: left;
  1339. }
  1340.  
  1341. #textfield, #pwfield {
  1342. border: 1px solid #eee;
  1343. width: 90px;
  1344. padding: 4px 5px;
  1345. font-family: pix;
  1346. font-size: 8px;
  1347. text-transform: uppercase;
  1348. color: #bbb;
  1349.  
  1350. }
  1351. #pwfield { width: 82px; }
  1352.  
  1353. #loginopt {
  1354. margin-top: 12px;
  1355. }
  1356. #backout, #enter {
  1357. background-color: #e5e5e5;
  1358. color: #fff;
  1359. font-family: bit;
  1360. font-size: 10px;
  1361. padding: 5px 10px;
  1362. border-radius: 3px;
  1363. transition: 0.6s;
  1364. -moz-transition: 0.6s;
  1365. -webkit-transition: 0.6s;
  1366. }
  1367. #backout {
  1368. float: left;
  1369. }
  1370. #enter {
  1371. float: right;
  1372. }
  1373. #backout:hover {
  1374. background-color: #E69A9A;
  1375. }
  1376. #enter:hover {
  1377. background-color: #9AE6CA;
  1378. }
  1379.  
  1380.  
  1381. .text {
  1382. font-family: bit;
  1383. font-size: 10px;
  1384. color: {color:body text};
  1385. text-align: justify;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
  1386. }
  1387.  
  1388. .text b,strong, .permainfo b,strong, .quotesrc b,strong {
  1389. {block:ifhighlightedboldtext}
  1390. background-color: {color:body bold};
  1391. color: #fff;
  1392. {/block:ifhighlightedboldtext}
  1393. {block:ifnothighlightedboldtext}
  1394. color: {color:body bold};
  1395. background-color: transparent;
  1396. {/block:ifnothighlightedboldtext}
  1397. text-shadow: 0 0 0 transparent;
  1398. font-weight: 100;
  1399. }
  1400.  
  1401. .text i,em, .permainfo a, .quotesrc i,em {
  1402. {block:ifhighlighteditalictext}
  1403. background-color: {color:body italic};
  1404. color: #fff;
  1405. {/block:ifhighlighteditalictext}
  1406. {block:ifnothighlighteditalictext}
  1407. color: {color:body italic};
  1408. background-color: transparent;
  1409. {/block:ifnothighlighteditalictext}
  1410. text-shadow: 0 0 0 transparent;
  1411. transition: 0.6s;
  1412. -moz-transition: 0.6s;
  1413. -webkit-transition: 0.6s;
  1414. -o-transition: 0.6s;
  1415. }
  1416. .text a, .pitags a, #notecon a, .quotesrc a {
  1417. color: {color:body links};
  1418. transition: 0.6s;
  1419. text-decoration: underline;
  1420. transition: 0.6s;
  1421. -moz-transition: 0.6s;
  1422. -webkit-transition: 0.6s;
  1423. -o-transition: 0.6s;
  1424. }
  1425. .text a:hover, .permainfo a:hover, .pitags a:hover, #notecon a:hover, .quotesrc a:hover {
  1426. color: {color:body links hover};
  1427. }
  1428. .pitags a { text-decoration: none; }
  1429.  
  1430. .posttbo {
  1431. min-height: 19px;
  1432. margin-top: -19px;
  1433. text-align: left;
  1434. margin-left: 20px;
  1435. }
  1436.  
  1437. .distags a {
  1438. background-color: rgba(255,255,255,0.3);
  1439. font-family: pix;
  1440. font-size: 8px;
  1441. padding: 5px 5px;
  1442. color: {color:tags};
  1443. text-transform: uppercase;
  1444. margin: 0 3px;
  1445. line-height: 20px;
  1446. transition: 0.6s;
  1447. -moz-transition: 0.6s;
  1448. -webkit-transition: 0.6s;
  1449. -o-transition: 0.6s;
  1450. }
  1451.  
  1452. .distags a:hover {
  1453. background-color: rgba(255,255,255,0.5);
  1454. color: {color:tags hover};
  1455. }
  1456.  
  1457. .dista {
  1458. margin-top: -1px;
  1459. margin-right: 2px;
  1460. background-color: rgba(255,255,255,0.3);
  1461. font-family: pix;
  1462. font-size: 8px;
  1463. padding: 7px 7px;
  1464. color: #333333;
  1465. text-transform: uppercase;
  1466. display: block;
  1467. float: left;
  1468. }
  1469.  
  1470. .likb, .rebb {
  1471. margin-top: -1px;
  1472. float: left;
  1473. width: 16px;
  1474. height: 19px;
  1475. text-align: center;
  1476. margin-right: 4px;
  1477. background-color: rgba(255,255,255,0.3);
  1478. padding: 3px 3px 0 3px;
  1479. transition: 0.6s;
  1480. -moz-transition: 0.6s;
  1481. -webkit-transition: 0.6s;
  1482. -o-transition: 0.6s;
  1483. }
  1484. .likb:hover, .rebb:hover {
  1485. background-color: rgba(255,255,255,0.4);
  1486. }
  1487.  
  1488. .rebb {
  1489. padding: 3px 2px 0 4px;
  1490. }
  1491.  
  1492. #music {
  1493. position: fixed;
  1494. width: 25px;
  1495. height: 25px;
  1496. overflow: hidden;
  1497. background-color: rgba(255,255,255,0.3);
  1498. border: 1px solid rgba(255,255,255,0.4);
  1499. border-radius: 3px;
  1500. z-index: 100000000;
  1501. top: 28px;
  1502. right: 4px;
  1503. -webkit-transition: all 0.7s ease-in-out;
  1504. -moz-transition: all 0.7s ease-in-out;
  1505. -o-transition: all 0.7s ease-in-out;
  1506. -ms-transition: all 0.7s ease-in-out;
  1507. transition: all 0.7s ease-in-out;
  1508. }
  1509. .musicgif {
  1510. margin: 5px;
  1511. -webkit-transition: all 0.7s ease-in-out;
  1512. -moz-transition: all 0.7s ease-in-out;
  1513. -o-transition: all 0.7s ease-in-out;
  1514. -ms-transition: all 0.7s ease-in-out;
  1515. transition: all 0.7s ease-in-out;
  1516. }
  1517. #music:hover .musicgif {margin-top: -26px;}
  1518.  
  1519. #music:hover {
  1520. width: 200px;
  1521. right: 4px;
  1522. }
  1523.  
  1524. #musicpl {
  1525. width: 20px;
  1526. height: 20px;
  1527. padding: 2px 20px 10px 0;
  1528. }
  1529.  
  1530.  
  1531. {CustomCSS}
  1532.  
  1533. </style>
  1534. </head>
  1535. <body>
  1536.  
  1537. {block:ifmusicplayer}
  1538. <div id="music">
  1539. <div class="musicgif"><img src="{image:music player gif}"/></div>
  1540. <div id="musicpl">{text:billy music code}</div>
  1541. </div>
  1542. {/block:ifmusicplayer}
  1543.  
  1544. <div id="descpopup" class="popup_block">
  1545. <div id="sora2">
  1546. <div id="rightb2">
  1547. <div class="rightbuttons" id="rbi">_</div>
  1548. <div class="rightbuttons" id="rbii">▢</div>
  1549. <div class="rightbuttons" id="rbx">x</div>
  1550. </div><!--rightb2-->
  1551. <div class="blogtitle2">{text:character name}'s stats_</div>
  1552. <div id="descr">
  1553. <img class="charimg" src="{image:description image}">
  1554. <div class="stats">
  1555. <div class="chaargender"><div class="gender">
  1556. {block:ifdisplaygender}
  1557. {block:ifmalecharacter}♂{/block:ifmalecharacter}{block:ifnotmalecharacter}♀{/block:ifnotmalecharacter}{/block:ifdisplaygender}
  1558. {block:ifnotdisplaygender}{block:ifmalecharacter}{/block:ifmalecharacter}{block:ifnotmalecharacter}{/block:ifnotmalecharacter}{/block:ifnotdisplaygender}</div></div>
  1559. <div class="cls1"></div><div class="cls2"></div>
  1560. <div class="chaar">» {text:character name}</div>
  1561. <div class="chaarclass">{text:character class}</div>
  1562. <div class="ist">
  1563. <span class="istcute">player stats</span>
  1564.  
  1565. <div class="stat">
  1566. <span class="statname">STRENGTH <span class="stattri">▶</span></span>
  1567. <span class="statvalue">1143</span></div>
  1568. <div class="stat">
  1569. <span class="statname">DEFENCE <span class="stattri">▶</span></span>
  1570. <span class="statvalue">1024</span></div>
  1571. <div class="stat">
  1572. <span class="statname">INTELLIGENCE <span class="stattri">▶</span></span>
  1573. <span class="statvalue">583</span></div>
  1574. <div class="stat">
  1575. <span class="statname">AGILITY <span class="stattri">▶</span></span>
  1576. <span class="statvalue">831</span></div>
  1577. <div class="stat">
  1578. <span class="statname">ACCURACY <span class="stattri">▶</span></span>
  1579. <span class="statvalue">602</span></div>
  1580. <div class="stat">
  1581. <span class="statname">LUCK <span class="stattri">▶</span></span>
  1582. <span class="statvalue">1</span></div>
  1583.  
  1584. </div><!--ist-->
  1585. </div><!--stats-->
  1586. <div class="desc"><span class="descute">player info</span><div class="descu">{description}</div></div>
  1587. </div><!--descr-->
  1588. </div><!--sora2-->
  1589. </div>
  1590.  
  1591.  
  1592. <div id="guildpopup" class="popup_block">
  1593. <div id="sora2">
  1594. <div id="rightb2">
  1595. <div class="rightbuttons" id="rbi">_</div>
  1596. <div class="rightbuttons" id="rbii">▢</div>
  1597. <div class="rightbuttons" id="rbx">x</div>
  1598. </div><!--rightb2-->
  1599. <div class="blogtitle2">{text:popup blogroll title}_</div>
  1600. <div id="guildr">
  1601. {block:Following}
  1602. {block:Followed}
  1603. <a href="{FollowedURL}" title="{FollowedName}"><img class="guildm" src="{FollowedPortraitURL-48}"></a>
  1604. {/block:Followed}
  1605. {/block:Following}
  1606.  
  1607. </div><!--guildr-->
  1608. </div><!--sora2-->
  1609. </div>
  1610.  
  1611. <div id="askpopup" class="popup_block">
  1612. <div id="sora2">
  1613. <div id="rightb2">
  1614. <div class="rightbuttons" id="rbi">_</div>
  1615. <div class="rightbuttons" id="rbii">▢</div>
  1616. <div class="rightbuttons" id="rbx">x</div>
  1617. </div><!--rightb2-->
  1618. <div class="blogtitle2">{AskLabel}_</div>
  1619. <div id="askr">
  1620. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1621. </div><!--askr-->
  1622. </div><!--sora2-->
  1623. </div>
  1624.  
  1625. <center>
  1626. {block:ifnotfullscreen}
  1627. <div id="cente">
  1628. <div id="sora">
  1629.  
  1630. <div id="rightb">
  1631. <a href="http://tumblr.com/dashboard"><div class="rightbuttons" id="rbi">_</div></a>
  1632. <a href="http://tumblr.com/dashboard"><div class="rightbuttons" id="rbii">▢</div></a>
  1633. <a href="http://tumblr.com/dashboard"><div class="rightbuttons" id="rbx">x</div></a>
  1634. </div><!--rightb-->
  1635.  
  1636. <div class="blogtitle">{text:main browser title}_</div>
  1637. {/block:ifnotfullscreen}
  1638.  
  1639. {block:ifnotfullscreen}<div id="maincon">{/block:ifnotfullscreen}
  1640. <div id="left">
  1641.  
  1642. <a href="/" title="restart"><img class="lefticon" src="{image:icon}"></a>
  1643.  
  1644. <div class="urnm">{text:character name} <span class="userclass">{text:character class}</span>
  1645. <span class="gender">{block:ifdisplaygender}
  1646. {block:ifmalecharacter}♂{/block:ifmalecharacter}{block:ifnotmalecharacter}♀{/block:ifnotmalecharacter}{/block:ifdisplaygender}
  1647. {block:ifnotdisplaygender}{block:ifmalecharacter}{/block:ifmalecharacter}{block:ifnotmalecharacter}{/block:ifnotmalecharacter}{/block:ifnotdisplaygender}</span></div><div class="userb"></div>
  1648.  
  1649. <div id="health">
  1650.  
  1651. <div class="heal">
  1652. <span class="healthtxt">hp</span>
  1653. <span class="hpbar"><div class="healthf" id="hp"></div></span></div>
  1654. <div style="height: 14px;"></div>
  1655.  
  1656. <div class="heal"><span class="healthtxt">sp</span><span class="hpbar"><span class="healthf" id="sp"></span></span></div>
  1657.  
  1658. </div><!--health-->
  1659.  
  1660. <div id="interactionb">
  1661.  
  1662. <div class="slanty"></div>
  1663.  
  1664. <a title="player info" href="#?w=400" rel="descpopup" class="poplight"><div class="ibbg"><div class="lint"></div><div class="ib"></div><img class="iicon" src="https://31.media.tumblr.com/a8df60822dfa8190728776ac22687e55/tumblr_inline_n7ocpj2J3V1rshr70.png"></div></a>
  1665.  
  1666. <a title="challenge!" href="#?w=400" rel="askpopup" class="poplight"><div class="ibbg"><div class="lint"></div><div class="ib"></div><img class="iicon" src="https://31.media.tumblr.com/ade205edbbb59f6db4cd02717bcca01a/tumblr_inline_n7ocpm7Lqk1rshr70.png"></div></a>
  1667.  
  1668. <a title="view logs" href="/archive"><div class="ibbg"><div class="lintend"></div><div class="ib"></div><img class="iicon" src="https://31.media.tumblr.com/cba47555a1a1a62c140edf2db205fd76/tumblr_inline_n7ocpoaUDu1rshr70.png"></div></a>
  1669.  
  1670. <div class="lintcir"></div>
  1671.  
  1672. </div><!--interact-->
  1673.  
  1674. <div id="morikami">
  1675.  
  1676. {block:ifpopupblogroll}
  1677. <a href="#?w=400" rel="guildpopup" class="poplight" title="blogroll"><div class="mori"><span class="kaeda">▷</span>{text:popup blogroll link}</div></a>
  1678. {/block:ifpopupblogroll}
  1679.  
  1680. {block:ifupdatesdropdown}
  1681. <a title="updates" href="#" class="cthrough2"><div class="mori"><span class="kaeda">▽</span>{text:updates drop down title}</div></a>
  1682. <div class="sub2">{text:updates drop down text}</div>
  1683. {/block:ifupdatesdropdown}
  1684.  
  1685. <a title="links" href="#" class="cthrough"><div class="mori"><span class="kaeda">▽</span>{text:custom links title}</div></a>
  1686. <div class="sub">
  1687.  
  1688. {block:iflink1}
  1689. <a title="{text:link 1}" href="{text:link 1 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 1 icon}"></div></a>
  1690. {/block:iflink1}
  1691.  
  1692. {block:iflink2}
  1693. <a title="{text:link 2}" href="{text:link 2 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 2 icon}"></div></a>
  1694. {/block:iflink2}
  1695.  
  1696. {block:iflink3}
  1697. <a title="{text:link 3}" href="{text:link 3 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 3 icon}"></div></a>
  1698. {/block:iflink3}
  1699.  
  1700. {block:iflink4}
  1701. <a title="{text:link 4}" href="{text:link 4 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 4 icon}"></div></a>
  1702. {/block:iflink4}
  1703.  
  1704. {block:iflink5}
  1705. <a title="{text:link 5}" href="{text:link 5 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 5 icon}"></div></a>
  1706. {/block:iflink5}
  1707.  
  1708. {block:iflink6}
  1709. <a title="{text:link 6}" href="{text:link 6 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 6 icon}"></div></a>
  1710. {/block:iflink6}
  1711.  
  1712. {block:iflink7}
  1713. <a title="{text:link 7}" href="{text:link 7 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 7 icon}"></div></a>
  1714. {/block:iflink7}
  1715.  
  1716. {block:iflink8}
  1717. <a title="{text:link 8}" href="{text:link 8 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 8 icon}"></div></a>
  1718. {/block:iflink8}
  1719.  
  1720. {block:iflink9}
  1721. <a title="{text:link 9}" href="{text:link 9 url}"><div class="clink"><div class="clinkbg"></div><img class="clinkicon" src="{image:link 9 icon}"></div></a>
  1722. {/block:iflink9}
  1723.  
  1724. </div><!--sub-->
  1725.  
  1726. </div><!--morikami-->
  1727.  
  1728. </div><!--left-->
  1729.  
  1730. <!----------------------------------------------------------------------->
  1731.  
  1732. {block:ifnotfullscreen}<div id="right">{/block:ifnotfullscreen}
  1733.  
  1734. <div id="content">
  1735. {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1736. {block:posts}
  1737.  
  1738. <div class="posts">
  1739.  
  1740. {block:photo}
  1741. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  1742. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1743. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1744. <div class="text">{Caption}</div>
  1745. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1746. {block:indexpage}{block:date}
  1747. {block:ifdisplaypermalinkpixels}
  1748. {block:ifnotpermalinkpokemonpixels}
  1749. <div class="permalink">
  1750. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/a897a124a8346b3b6ac4b0b71dc73b10/tumblr_inline_n7touqPJHj1rshr70.gif"></a>
  1751. <a href="{permalink}">>> lvl {NoteCount} catsaber, spotted {timeago}</a><br>
  1752. </div>
  1753. {/block:ifnotpermalinkpokemonpixels}
  1754. {block:ifpermalinkpokemonpixels}
  1755. <div class="permalink">
  1756. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/5ca6bf33cfa02caa5f6aa91ca3ce1b6e/tumblr_inline_n7uac8po0D1rshr70.png"></a>
  1757. <a href="{permalink}">>> lvl {NoteCount} ivysaur, spotted {timeago}</a><br>
  1758. </div>
  1759. {/block:ifpermalinkpokemonpixels}
  1760. {/block:ifdisplaypermalinkpixels}
  1761. {block:ifnotdisplaypermalinkpixels}
  1762. <div class="permalink">
  1763. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1764. </div>
  1765. {/block:ifnotdisplaypermalinkpixels}
  1766. {/block:date}{/block:indexpage}
  1767. {/block:photo}
  1768.  
  1769. {block:Photoset}
  1770. {block:ifnotsmallscreen}
  1771. {block:ifnotsmallposts}
  1772. <div class="photo">{Photoset-500}</div>
  1773. {/block:ifnotsmallposts}
  1774. {block:ifsmallposts}
  1775. <div class="photo">{Photoset-400}</div>
  1776. {/block:ifsmallposts}
  1777. {/block:ifnotsmallscreen}
  1778. {block:ifsmallscreen}
  1779. <div class="photo">{Photoset-400}</div>
  1780. {/block:ifsmallscreen}
  1781. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1782. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1783. <div class="text">{Caption}</div>
  1784. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1785. {block:indexpage}{block:date}
  1786. {block:ifdisplaypermalinkpixels}
  1787. {block:ifnotpermalinkpokemonpixels}
  1788. <div class="permalink">
  1789. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/1dd14e1d90add817bb9354cde8575e0a/tumblr_inline_n7touhTpPa1rshr70.gif"></a>
  1790. <a href="{permalink}">>> lvl {NoteCount} slime, spotted {timeago}</a><br>
  1791. </div>
  1792. {/block:ifnotpermalinkpokemonpixels}
  1793. {block:ifpermalinkpokemonpixels}
  1794. <div class="permalink">
  1795. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/fc90c681cebec2aa8eaf7efade4a3e29/tumblr_inline_n7uabr1rj11rshr70.png"></a>
  1796. <a href="{permalink}">>> lvl {NoteCount} eevee, spotted {timeago}</a><br>
  1797. </div>
  1798. {/block:ifpermalinkpokemonpixels}
  1799. {/block:ifdisplaypermalinkpixels}
  1800. {block:ifnotdisplaypermalinkpixels}
  1801. <div class="permalink">
  1802. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1803. </div>
  1804. {/block:ifnotdisplaypermalinkpixels}
  1805. {/block:date}{/block:indexpage}
  1806. {/block:Photoset}
  1807.  
  1808. {block:Text}
  1809. {block:title}<div class="ptitle">{Title}</div>{/block:title}
  1810. <div class="text">{Body}</div>
  1811. {block:indexpage}{block:date}
  1812. {block:ifdisplaypermalinkpixels}
  1813. {block:ifnotpermalinkpokemonpixels}
  1814. <div class="permalink">
  1815. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/5f0f82ee304052fac2d2c53da68db839/tumblr_inline_n7tr9mS0gT1rshr70.gif"></a>
  1816. <a href="{permalink}">>> lvl {NoteCount} wolf, spotted {timeago}</a><br>
  1817. </div>
  1818. {/block:ifnotpermalinkpokemonpixels}
  1819. {block:ifpermalinkpokemonpixels}
  1820. <div class="permalink">
  1821. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/9c4c1da14e2bc3c313f95a4df5b31604/tumblr_inline_n7uac5B54l1rshr70.png"></a>
  1822. <a href="{permalink}">>> lvl {NoteCount} pikachu, spotted {timeago}</a><br>
  1823. </div>
  1824. {/block:ifpermalinkpokemonpixels}
  1825. {/block:ifdisplaypermalinkpixels}
  1826. {block:ifnotdisplaypermalinkpixels}
  1827. <div class="permalink">
  1828. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1829. </div>
  1830. {/block:ifnotdisplaypermalinkpixels}
  1831. {/block:date}{/block:indexpage}
  1832. {/block:Text}
  1833.  
  1834. {block:Quote}
  1835. <span class="quote">{Quote}</span>
  1836. <div class="quotesrc">{Source}</div>
  1837. {block:indexpage}{block:date}
  1838. {block:ifdisplaypermalinkpixels}
  1839. {block:ifnotpermalinkpokemonpixels}
  1840. <div class="permalink">
  1841. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/383770e951a56601795e2514db61835d/tumblr_inline_n7toungJbB1rshr70.gif"></a>
  1842. <a href="{permalink}">>> lvl {NoteCount} eryngi, spotted {timeago}</a><br>
  1843. </div>
  1844. {/block:ifnotpermalinkpokemonpixels}
  1845. {block:ifpermalinkpokemonpixels}
  1846. <div class="permalink">
  1847. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/60c85c38a51f91680138c75ac72b4d3e/tumblr_inline_n7uabpiXRa1rshr70.png"></a>
  1848. <a href="{permalink}">>> lvl {NoteCount} bellossom, spotted {timeago}</a><br>
  1849. </div>
  1850. {/block:ifpermalinkpokemonpixels}
  1851. {/block:ifdisplaypermalinkpixels}
  1852. {block:ifnotdisplaypermalinkpixels}
  1853. <div class="permalink">
  1854. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1855. </div>
  1856. {/block:ifnotdisplaypermalinkpixels}
  1857. {/block:date}{/block:indexpage}
  1858. {/block:Quote}
  1859.  
  1860. {block:Answer}
  1861. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1862. <div class="a">
  1863. <span class="asker">{Asker}</span>
  1864. <span class="q">{Question}</span>
  1865. </div>
  1866. <div class="text">{Answer}</div>
  1867. {block:indexpage}{block:date}
  1868. {block:ifdisplaypermalinkpixels}
  1869. {block:ifnotpermalinkpokemonpixels}
  1870. <div class="permalink">
  1871. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/af85efdcb61c76d2c0e040453b5da6d7/tumblr_inline_n7tojdlYkk1rshr70.gif"></a>
  1872. <a href="{permalink}">>> lvl {NoteCount} holy dragon, spotted {timeago}</a><br>
  1873. </div>
  1874. {/block:ifnotpermalinkpokemonpixels}
  1875. {block:ifpermalinkpokemonpixels}
  1876. <div class="permalink">
  1877. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/b6cc0bcdc3676984fa431650ca5fe5c4/tumblr_inline_n7uabkOVUA1rshr70.png"></a>
  1878. <a href="{permalink}">>> lvl {NoteCount} jirachi, spotted {timeago}</a><br>
  1879. </div>
  1880. {/block:ifpermalinkpokemonpixels}
  1881. {/block:ifdisplaypermalinkpixels}
  1882. {block:ifnotdisplaypermalinkpixels}
  1883. <div class="permalink">
  1884. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1885. </div>
  1886. {/block:ifnotdisplaypermalinkpixels}
  1887. {/block:date}{/block:indexpage}
  1888. {/block:Answer}
  1889.  
  1890. {block:Audio}
  1891. <div class="audiopost">
  1892. <div class="audioinfo">
  1893. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1894. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1895. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1896. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1897. </div><!--audioinfo-->
  1898.  
  1899. <div class="albumart">{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1900. <div class="audioplayer">{AudioPlayer}</div>
  1901.  
  1902. </div><!--audiopost-->
  1903. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1904. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1905. <div class="text">{Caption}</div>
  1906. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1907. {block:indexpage}{block:date}
  1908. {block:ifdisplaypermalinkpixels}
  1909. {block:ifnotpermalinkpokemonpixels}
  1910. <div class="permalink">
  1911. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/707d315669b0d9de1427bd3080870da6/tumblr_inline_n7toufgLxW1rshr70.gif"></a>
  1912. <a href="{permalink}">>> lvl {NoteCount} mothman, spotted {timeago}</a><br>
  1913. </div>
  1914. {/block:ifnotpermalinkpokemonpixels}
  1915. {block:ifpermalinkpokemonpixels}
  1916. <div class="permalink">
  1917. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/2de36ae196e5d5eb1e6bbca2bccab996/tumblr_inline_n7uabmge6y1rshr70.png"></a>
  1918. <a href="{permalink}">>> lvl {NoteCount} swablu, spotted {timeago}</a><br>
  1919. </div>
  1920. {/block:ifpermalinkpokemonpixels}
  1921. {/block:ifdisplaypermalinkpixels}
  1922. {block:ifnotdisplaypermalinkpixels}
  1923. <div class="permalink">
  1924. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1925. </div>
  1926. {/block:ifnotdisplaypermalinkpixels}
  1927. {/block:date}{/block:indexpage}
  1928. {/block:Audio}
  1929.  
  1930. {block:Chat}
  1931. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1932. <div class="ctext">
  1933. {block:Lines}<div class="{Alt}">
  1934. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1935. {/block:Lines}
  1936. </div>
  1937. {block:indexpage}{block:date}
  1938. {block:ifdisplaypermalinkpixels}
  1939. {block:ifnotpermalinkpokemonpixels}
  1940. <div class="permalink">
  1941. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/722963ae734b4b94f18ec44e46e32cc9/tumblr_inline_n7toukHV6p1rshr70.gif"></a>
  1942. <a href="{permalink}">>> lvl {NoteCount} ghost, spotted {timeago}</a><br>
  1943. </div>
  1944. {/block:ifnotpermalinkpokemonpixels}
  1945. {block:ifpermalinkpokemonpixels}
  1946. <div class="permalink">
  1947. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/ac88cec83dcf376b4264e6f6b96dd55c/tumblr_inline_n7uac2DgXS1rshr70.png"></a>
  1948. <a href="{permalink}">>> lvl {NoteCount} clefairy, spotted {timeago}</a><br>
  1949. </div>
  1950. {/block:ifpermalinkpokemonpixels}
  1951. {/block:ifdisplaypermalinkpixels}
  1952. {block:ifnotdisplaypermalinkpixels}
  1953. <div class="permalink">
  1954. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1955. </div>
  1956. {/block:ifnotdisplaypermalinkpixels}
  1957. {/block:date}{/block:indexpage}
  1958. {/block:Chat}
  1959.  
  1960. {block:Link}
  1961. <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
  1962. {block:Description}<div class="text">{Description}</div>{block:Description}
  1963. {block:indexpage}{block:date}
  1964. {block:ifdisplaypermalinkpixels}
  1965. {block:ifnotpermalinkpokemonpixels}
  1966. <div class="permalink">
  1967. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/722963ae734b4b94f18ec44e46e32cc9/tumblr_inline_n7toukHV6p1rshr70.gif"></a>
  1968. <a href="{permalink}">>> lvl {NoteCount} ghost, spotted {timeago}</a><br>
  1969. </div>
  1970. {/block:ifnotpermalinkpokemonpixels}
  1971. {block:ifpermalinkpokemonpixels}
  1972. <div class="permalink">
  1973. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/b6cc1a617af67f6fadc0fbac9833d174/tumblr_inline_n7uabuueQr1rshr70.png"></a>
  1974. <a href="{permalink}">>> lvl {NoteCount} ponyta, spotted {timeago}</a><br>
  1975. </div>
  1976. {/block:ifpermalinkpokemonpixels}
  1977. {/block:ifdisplaypermalinkpixels}
  1978. {block:ifnotdisplaypermalinkpixels}
  1979. <div class="permalink">
  1980. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  1981. </div>
  1982. {/block:ifnotdisplaypermalinkpixels}
  1983. {/block:date}{/block:indexpage}
  1984. {/block:Link}
  1985.  
  1986. {block:Video}
  1987. {block:ifnotsmallscreen}
  1988. {block:ifnotsmallposts}
  1989. <div class="photo">{Video-500}</div>
  1990. {/block:ifnotsmallposts}
  1991. {block:ifsmallposts}
  1992. <div class="photo">{Video-400}</div>
  1993. {/block:ifsmallposts}
  1994. {/block:ifnotsmallscreen}
  1995. {block:ifsmallscreen}
  1996. <div class="photo">{Video-400}</div>
  1997. {/block:ifsmallscreen}
  1998. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1999. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  2000. <div class="text">{Caption}</div>
  2001. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  2002. {block:indexpage}{block:date}
  2003. {block:ifdisplaypermalinkpixels}
  2004. {block:ifnotpermalinkpokemonpixels}
  2005. <div class="permalink">
  2006. <a href="{ReblogURL}" title="battle!"><img class="pcritter" src="https://31.media.tumblr.com/1dd14e1d90add817bb9354cde8575e0a/tumblr_inline_n7touhTpPa1rshr70.gif"></a>
  2007. <a href="{permalink}">>> lvl {NoteCount} slime, spotted {timeago}</a><br>
  2008. </div>
  2009. {/block:ifnotpermalinkpokemonpixels}
  2010. {block:ifpermalinkpokemonpixels}
  2011. <div class="permalink">
  2012. <a href="{ReblogURL}" title="capture!"><img class="pcritter" src="https://31.media.tumblr.com/423aa86f93ad12761244b41e9cbae419/tumblr_inline_n7uaby3Cfx1rshr70.png"></a>
  2013. <a href="{permalink}">>> lvl {NoteCount} growlithe, spotted {timeago}</a><br>
  2014. </div>
  2015. {/block:ifpermalinkpokemonpixels}
  2016. {/block:ifdisplaypermalinkpixels}
  2017. {block:ifnotdisplaypermalinkpixels}
  2018. <div class="permalink">
  2019. <a href="{permalink}">>> posted {timeago}, with {NoteCountWithLabel}</a><br>
  2020. </div>
  2021. {/block:ifnotdisplaypermalinkpixels}
  2022. {/block:date}{/block:indexpage}
  2023. {/block:Video}
  2024.  
  2025. </div><!--posts-->
  2026.  
  2027. <div class="posttbo">
  2028. {block:ifvisiblelikeandreblogbuttons}
  2029. <div class="rebb">{ReblogButton color="white" size="13"}</div>
  2030. <div class="likb">{LikeButton color="white" size="13"}</div>
  2031. {/block:ifvisiblelikeandreblogbuttons}
  2032. {block:ifvisibletags}
  2033. {block:HasTags}
  2034. <div class="dista">tags »</div>
  2035. <div class="distags">{block:Tags}
  2036. <a href="{TagURL}">#{Tag} </a>
  2037. {/block:Tags}</div>
  2038. {/block:HasTags}
  2039. {/block:ifvisibletags}
  2040. </div><!--posttbo-->
  2041.  
  2042. {block:permalinkpage}
  2043. {block:date}<div class="permainfo">
  2044. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  2045. {block:RebloggedFrom}
  2046. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  2047. {/block:RebloggedFrom}
  2048. {block:HasTags}<div class="pitags">{block:Tags}
  2049. <a href="{TagURL}">#{Tag} </a>
  2050. {/block:Tags}</div>{/block:HasTags}
  2051. </div>{/block:date}
  2052. {block:date}{block:NoteCount}<div id="notecon">
  2053. {PostNotes-16}
  2054. </div><!--notecon-->{/block:NoteCount}{/block:date}
  2055. {/block:permalinkpage}
  2056.  
  2057. {/block:Posts}
  2058. {block:ContentSource}
  2059. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2060. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2061. {/block:SourceLogo}
  2062. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2063. {/block:ContentSource}
  2064.  
  2065. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2066.  
  2067. {/block:posts}
  2068.  
  2069. {block:ifnotinfinitescroll}
  2070. {block:pagination}
  2071. <div id="pagin">
  2072. {block:PreviousPage}
  2073. <a href="{PreviousPage}"><span class="retreat">//retreat</span></a>
  2074. {/block:PreviousPage}
  2075. {Currentpage}/{totalpages} worlds explored
  2076. {block:NextPage}
  2077. <a href="{NextPage}"><span class="advance">advance//</span></a>
  2078. {/block:NextPage}
  2079. </div><!--pagin-->
  2080. {/block:pagination}
  2081. {/block:ifnotinfinitescroll}
  2082.  
  2083. {block:ifinfinitescroll}</div><!--autopageriseelement-->{/block:ifinfinitescroll}
  2084. </div><!--content-->
  2085.  
  2086. {block:ifnotfullscreen}
  2087. </div><!--right-->
  2088. </div><!--maincon-->
  2089. </div><!--sora-->
  2090. </div><!--cente-->
  2091. {block:ifnotfullscreen}
  2092. </center>
  2093.  
  2094. <a href="http://yukoki.tumblr.com" title="theme by yukoki"><div style="position: fixed; z-index: 1000000; bottom:5px; right: 5px;"><img style="width: 30px; height: 30px;" src="https://31.media.tumblr.com/060d29ea9e5b41c613135a347e1c22a6/tumblr_inline_n7wfwukBxc1rshr70.png"></div></a>
  2095.  
  2096. <div class="pagination">
  2097. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  2098. </div>
  2099.  
  2100. </body>
  2101. </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!