Advertisement
Jyuubi

[Theme] → #29 Pokelove

Aug 23rd, 2012
39,494
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.12 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. PLEASE DO NOT REMOVE THIS.
  6. THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
  7. IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
  8.  
  9. THEME: #29 POKELOVE
  10. jyuubi.org | manatopia.org
  11.  
  12. SIDEBAR: pixiv.net/member.php?id=4521895
  13.  
  14. --RULES--
  15. 1) DO NOT REMOVE CREDIT.
  16. 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
  17. 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
  18. 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
  19. 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW UNLESS PROVIDED.
  20. -->
  21.  
  22. <meta name="color:BackgroundM" content="#ffffff">
  23.  
  24. <meta name="color:Header Border" content="#f3c993">
  25. <meta name="color:Header Text" content="#e7a99e">
  26.  
  27. <meta name="color:Sidebar Background" content="#f5f5f5">
  28.  
  29. <meta name="color:Description Text" content="#898989">
  30. <meta name="color:Description Bold" content="#f27d76">
  31. <meta name="color:Description Italic" content="#e7a99e">
  32. <meta name="color:Description Link" content="#ed9f4d">
  33.  
  34. <meta name="color:Navigation Background" content="#f2827c">
  35. <meta name="color:Navigation Text" content="#ffffff">
  36.  
  37. <meta name="color:Entry Background" content="#f5f5f5">
  38. <meta name="color:Entry Text" content="#898989">
  39. <meta name="color:Entry Bold" content="#f27d76">
  40. <meta name="color:Entry Italic" content="#e7a99e">
  41. <meta name="color:Entry Link" content="#ed9f4d">
  42. <meta name="color:Entry Titles" content="#e7a99e">
  43.  
  44. <meta name="color:Question Background" content="#ffffff">
  45.  
  46. <meta name="color:Stats Text" content="#d96058">
  47. <meta name="color:Stats Background" content="#ffd3c9">
  48.  
  49. <meta name="image:BackgroundM" content="http://static.tumblr.com/ljotsrb/W3Wm98fbb/pokelove-bg.png">
  50. <meta name="image:Sidebar 1" content="http://static.tumblr.com/ljotsrb/2z9m98fbz/pokelove-side1.png">
  51. <meta name="image:Sidebar 2" content="http://static.tumblr.com/ljotsrb/cv5m98fca/pokelove-side2.png">
  52.  
  53. <meta name="if:Infinite Scroll" content="0">
  54. <meta name="if:Show Captions" content="0">
  55. <meta name="if:Smaller Posts" content="0">
  56. <meta name="if:Faded Images" content="1">
  57. <meta name="if:Extra Links" content="0">
  58.  
  59. <meta name="text:Header" content="">
  60.  
  61. <meta name="text:Link 1" content="">
  62. <meta name="text:URL 1" content="">
  63. <meta name="text:Link 2" content="">
  64. <meta name="text:URL 2" content="">
  65. <meta name="text:Link 3" content="">
  66. <meta name="text:URL 3" content="">
  67. <meta name="text:Link 4" content="">
  68. <meta name="text:URL 4" content="">
  69. <meta name="text:Link 5" content="">
  70. <meta name="text:URL 5" content="">
  71. <meta name="text:Link 6" content="">
  72. <meta name="text:URL 6" content="">
  73. <meta name="text:Link 7" content="">
  74. <meta name="text:URL 7" content="">
  75. <meta name="text:Link 8" content="">
  76. <meta name="text:URL 8" content="">
  77.  
  78. <head>
  79. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  80. <title>{Title}</title>
  81. <link rel="shortcut icon" href="{Favicon}">
  82. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  84.  
  85. <style type="text/css">
  86. /* BODY */
  87. body {
  88. background-image: url("{image:BackgroundM}");
  89. background-attachment: fixed;
  90. background-color: {color:BackgroundM};
  91. margin: 0;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb:vertical {
  95. background-color: {color:Entry Bold};
  96. height: 50px;
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height: 10px;
  101. width: 5px;
  102. background-color: {color:Entry Background};
  103. }
  104.  
  105. /* SIDEBAR */
  106. #sideimage {
  107. background-color: {color:Sidebar Background};
  108. padding: 10px;
  109. width: 200px;
  110. -moz-border-radius: 100px 100px 0px 100px;
  111. -webkit-border-radius: 100px 100px 0px 100px;
  112. border-radius: 100px 100px 0px 100px;
  113. position: fixed;
  114. left: 50px;
  115. top: 100px;
  116. }
  117.  
  118. #sideimage img {
  119. width: 200px;
  120. height: 200px;
  121. -moz-border-radius: 100px 100px 0px 100px;
  122. -webkit-border-radius: 100px 100px 0px 100px;
  123. border-radius: 100px 100px 0px 100px;
  124. margin-bottom: -3px;
  125. }
  126.  
  127. #description {
  128. background-color: {color:Sidebar Background};
  129. width: 232px;
  130. padding: 10px;
  131. height: 210px;
  132. position: fixed;
  133. left: 289px;
  134. top: 180px;
  135. font-family: calibri;
  136. font-size: 11px;
  137. color: {color:Description Text};
  138. text-align: center;
  139. letter-spacing: 1px;
  140. overflow: auto;
  141. }
  142.  
  143. #description b, strong {
  144. color: {color:Description Bold};
  145. }
  146.  
  147. #description i, em {
  148. color: {color:Description Italic};
  149. }
  150.  
  151. #description a {
  152. color: {color:Description Link};
  153. text-decoration: none;
  154. }
  155.  
  156. #petal {
  157. background-color: {color:Sidebar Background};
  158. width: 120px;
  159. padding: 10px;
  160. -moz-border-radius: 100px 0px 100px 100px;
  161. -webkit-border-radius: 100px 0px 100px 100px;
  162. border-radius: 100px 0px 100px 100px;
  163. position: fixed;
  164. left: 130px;
  165. top: 338px;
  166. }
  167.  
  168. #petal img {
  169. width: 120px;
  170. height: 120px;
  171. -moz-border-radius: 100px 0px 100px 100px;
  172. -webkit-border-radius: 100px 0px 100px 100px;
  173. border-radius: 100px 0px 100px 100px;
  174. margin-bottom: -3px;
  175. }
  176.  
  177. /* HEADER */
  178. #header {
  179. width: 252px;
  180. position: fixed;
  181. top: 416px;
  182. left: 289px;
  183. border-top: 10px solid {color:Header Border};
  184. font-family: georgia;
  185. font-size: 10px;
  186. color: {color:Header Text};
  187. font-style: italic;
  188. text-align: right;
  189. letter-spacing: 3px;
  190. }
  191.  
  192. /* NAVIGATION */
  193. #navigation {
  194. position: fixed;
  195. left: 289px;
  196. top: 153px;
  197. }
  198.  
  199. #navigation a {
  200. background-color: {color:Navigation Background};
  201. display: inline-block;
  202. width: 60px;
  203. height: 20px;
  204. line-height: 20px;
  205. font-family: calibri;
  206. font-size: 8px;
  207. color: {color:Navigation Text};
  208. text-transform: uppercase;
  209. text-decoration: none;
  210. text-align: center;
  211. letter-spacing: 1px;
  212. -moz-border-radius: 10px 10px 0px 0px;
  213. -webkit-border-radius: 10px 10px 0px 0px;
  214. border-radius: 10px 10px 0px 0px;
  215. }
  216.  
  217. /* PAGINATION */
  218. #pagination {
  219. font-family: calibri;
  220. font-size: 9px;
  221. width: 252px;
  222. text-align: center;
  223. position: fixed;
  224. top: 470px;
  225. left: 289px;
  226. }
  227.  
  228. .current_page {
  229. background-color: {color:Sidebar Background};
  230. color: {color:Description Text};
  231. padding: 6px;
  232. -moz-border-radius: 30px;
  233. -webkit-border-radius: 30px;
  234. border-radius: 30px;
  235. }
  236.  
  237. #pagination a {
  238. background-color: {color:Sidebar Background};
  239. padding: 6px;
  240. color: {color:Description Bold};
  241. text-decoration: none;
  242. -moz-border-radius: 30px;
  243. -webkit-border-radius: 30px;
  244. border-radius: 30px;
  245. }
  246.  
  247. /* CREDIT LINK */
  248. #credit {
  249. font-family: calibri;
  250. font-size: 8px;
  251. text-transform: uppercase;
  252. letter-spacing: 1px;
  253. position: fixed;
  254. bottom: 5px;
  255. right: 5px;
  256. }
  257.  
  258. #credit a {
  259. color: {color:Entry Link};
  260. text-decoration: none;
  261. }
  262.  
  263. /* POP-UP */
  264. #fade {
  265. display: none;
  266. background: #000;
  267. position: fixed;
  268. left: 0;
  269. top: 0;
  270. width: 100%;
  271. height: 100%;
  272. opacity: .80;
  273. z-index: 9999;
  274. }
  275.  
  276. .popup_block{
  277. display: none;
  278. background: {color:Entry Background};
  279. padding: 20px;
  280. float: left;
  281. position: fixed;
  282. top: 50%;
  283. left: 50%;
  284. z-index: 99999;
  285. }
  286.  
  287. img.btn_close {
  288. float: right;
  289. margin: -55px -55px 0 0;
  290. }
  291.  
  292. *html #fade {
  293. position: absolute;
  294. }
  295.  
  296. *html .popup_block {
  297. position: absolute;
  298. }
  299.  
  300. #links a.extra {
  301. background-color: {color:Navigation Background};
  302. display: inline-block;
  303. width: 97px;
  304. height: 25px;
  305. line-height: 25px;
  306. font-family: calibri;
  307. font-size: 8px;
  308. color: {color:Navigation Text};
  309. text-decoration: none;
  310. text-transform: uppercase;
  311. letter-spacing: 1px;
  312. text-align: center;
  313. margin-bottom: 5px;
  314. -moz-border-radius: 30px;
  315. -webkit-border-radius: 30px;
  316. border-radius: 30px;
  317. }
  318.  
  319. /* POSTS */
  320. #posts {
  321. margin-top: 10px;
  322. margin-left: 570px;
  323. }
  324.  
  325. .posts {
  326. background-color: {color:Entry Background};
  327. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  328. {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  329. padding: 15px;
  330. margin-bottom: 20px;
  331. font-family: calibri;
  332. font-size: 14px;
  333. color: {color:Entry Text};
  334. text-align: justify;
  335. letter-spacing: 1px;
  336. position: relative;
  337. }
  338.  
  339. .posts b, strong {
  340. color: {color:Entry Bold};
  341. }
  342.  
  343. .posts i, em {
  344. color: {color:Entry Italic};
  345. }
  346.  
  347. .posts a {
  348. color: {color:Entry Link};
  349. text-decoration: none;
  350. }
  351.  
  352. .posts h1 {
  353. font-family: georgia;
  354. font-size: 13px;
  355. color: {color:Entry Titles};
  356. font-style: italic;
  357. font-weight: normal;
  358. text-align: left;
  359. letter-spacing: 2px;
  360. margin: 0;
  361. }
  362.  
  363. .posts blockquote {
  364. border-left: 5px solid {color:Entry Text};
  365. padding-left: 10px;
  366. margin-left: 5px;
  367. }
  368.  
  369. /* IMAGE POSTS */
  370. .posts img {
  371. {block:IfNotSmallerPosts}max-width: 500px;{/block:IfNotSmallerPosts}
  372. {block:IfSmallerPosts}max-width: 400px;{/block:IfSmallerPosts}
  373. {block:IfFadedImages}opacity: .8;{/block:IfFadedImages}
  374. -webkit-transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. -o-transition: all 0.5s ease-in-out;
  377. -ms-transition: all 0.5s ease-in-out;
  378. transition: all 0.5s ease-in-out;
  379. margin-bottom: -3px;
  380. }
  381.  
  382. .posts img:hover {
  383. opacity: 1;
  384. }
  385.  
  386. .photo {
  387. {block:IfFadedImages}opacity: .8;{/block:IfFadedImages}
  388. margin-bottom: -3px;
  389. }
  390.  
  391. /* QUOTE */
  392. .posts h2 {
  393. font-family: georgia;
  394. font-size: 11px;
  395. color: {color:Entry Titles};
  396. font-weight: normal;
  397. font-style: italic;
  398. letter-spacing: 2px;
  399. }
  400.  
  401. .quote {
  402. font-family: georgia;
  403. font-size: 20px;
  404. color: {color:Entry Bold};
  405. float: left;
  406. margin-top: 2px;
  407. }
  408.  
  409. /* AUDIO */
  410. .audio img {
  411. max-width: 70px;
  412. float: left;
  413. margin-right: 5px;
  414. }
  415.  
  416. .player {
  417. background-color: #fff;
  418. padding: 10px;
  419. height: 27px;
  420. {block:IfNotSmallerPosts}width: 405px;{/block:IfNotSmallerPosts}
  421. {block:IfSmallerPosts}width: 305px;{/block:IfSmallerPosts}
  422. margin-left: 75px;
  423. }
  424.  
  425. /* STATISTICS */
  426. .stats {
  427. background-color: {color:Stats Background};
  428. opacity: 0;
  429. {block:IfNotSmallerPosts}width: 525px;{/block:IfNotSmallerPosts}
  430. {block:IfSmallerPosts}width: 425px;{/block:IfSmallerPosts}
  431. height: 10px;
  432. line-height: 10px;
  433. position: absolute;
  434. left: 0px;
  435. bottom: 0px;
  436. font-family: calibri;
  437. font-size: 8px;
  438. color: {color:Stats Text};
  439. text-align: center;
  440. text-transform: uppercase;
  441. padding-right: 5px;
  442. -webkit-transition: all 0.5s ease-in-out;
  443. -moz-transition: all 0.5s ease-in-out;
  444. -o-transition: all 0.5s ease-in-out;
  445. -ms-transition: all 0.5s ease-in-out;
  446. transition: all 0.5s ease-in-out;
  447. }
  448.  
  449. .stats a {
  450. color: {color:Stats Text};
  451. text-decoration: none;
  452. }
  453.  
  454. .posts:hover .stats {
  455. opacity: 1;
  456. height: 30px;
  457. line-height: 30px;
  458. }
  459.  
  460. /* PERMALINK PAGE */
  461. .permalink {
  462. font-family: calibri;
  463. font-size: 11px;
  464. color: {color:Entry Text};
  465. text-transform: lowercase;
  466. text-align: center;
  467. {block:IfNotSmallerPosts}width: 530px;{/block:IfNotSmallerPosts}
  468. {block:IfSmallerPosts}width: 430px;{/block:IfSmallerPosts}
  469. position: relative;
  470. z-index: 999px;
  471. }
  472.  
  473. .permalink b {
  474. color: {color:Entry Bold};
  475. font-weight: normal;
  476. }
  477.  
  478. #date {
  479. color: {color:Entry Italic};
  480. }
  481.  
  482. .permalink a {
  483. color: {color:Entry Link};
  484. text-decoration: none;
  485. }
  486.  
  487. ol.notes {
  488. padding: 0px;
  489. margin: 15px 0px;
  490. list-style-type: none;
  491. background: transparent;
  492. border: 0px;
  493. letter-spacing: 0px;
  494. text-transform: lowercase;
  495. }
  496.  
  497. ol.notes li.note {
  498. padding: 1px;
  499. text-align: left;
  500. letter-spacing: 0px;
  501. text-transform: lowercase;
  502. }
  503.  
  504. .notes img{
  505. width: 8px;
  506. position: relative;
  507. top: 1px;
  508. opacity: .7;
  509. -moz-border-radius: 8px;
  510. -webkit-border-radius: 8px;
  511. border-radius: 8px;
  512. }
  513.  
  514. /* CREDIT */
  515. #credit {
  516. position: fixed;
  517. bottom: 5px;
  518. right: 5px;
  519. font-family: calibri;
  520. font-size: 8px;
  521. text-transform: uppercase;
  522. z-index: 999;
  523. }
  524.  
  525. #credit a {
  526. color: {color:Description Link};
  527. text-decoration: none;
  528. }
  529.  
  530. /* FOLLOW CODE */
  531. iframe#tumblr_controls {
  532. right:3px !important;
  533. position: fixed !important;
  534. -webkit-transition: opacity 0.7s linear;
  535. opacity: 0.2;
  536. -webkit-transition: all 0.8s ease-out;
  537. -moz-transition: all 0.8s ease-out;
  538. transition: all 0.8s ease-out;
  539. }
  540.  
  541. iframe#tumblr_controls:hover {
  542. -webkit-transition: opacity 0.7s linear;
  543. opacity: 1;
  544. -webkit-transition: all 0.4s ease-out;
  545. -moz-transition: all 0.4s ease-out;
  546. transition: all 0.4s ease-out;
  547. }
  548.  
  549. {CustomCSS}
  550. </style>
  551. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  552. <script>
  553. $(document).ready(function() {
  554. //
  555. //When you click on a link with class of poplight and the href starts with a #
  556. $('a.poplight[href^=#]').click(function() {
  557. var popID = $(this).attr('rel'); //Get Popup Name
  558. var popURL = $(this).attr('href'); //Get Popup href to define size
  559. //Pull Query & Variables from href URL
  560. var query= popURL.split('?');
  561. var dim= query[1].split('&');
  562. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  563. //Fade in the Popup and add close button
  564. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: #f1f1f1; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;" /></a>');
  565. //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
  566. var popMargTop = ($('#' + popID).height() + 80) / 2;
  567. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  568. //Apply Margin to Popup
  569. $('#' + popID).css({
  570. 'margin-top' : -popMargTop,
  571. 'margin-left' : -popMargLeft
  572. });
  573. //Fade in Background
  574. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  575. $('#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
  576. return false;
  577. });
  578. //Close Popups and Fade Layer
  579. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  580. $('#fade , .popup_block').fadeOut(function() {
  581. $('#fade, a.close').remove(); //fade them both out
  582. });
  583. return false;
  584. });
  585. });
  586. </script>
  587. {block:IfInfiniteScroll}
  588. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  589. {/block:IfInfiniteScroll}
  590. </head>
  591. <body>
  592.  
  593. {block:IfSidebar1Image}<div id="sideimage"><img src="{image:Sidebar 1}" alt=""></div>{/block:IfSidebar1Image}
  594. {block:IfSidebar2Image}<div id="petal"><img src="{image:Sidebar 2}" alt=""></div>{/block:IfSidebar2Image}
  595.  
  596. <div id="navigation">
  597. <a href="/">refresh</a> <a href="/ask">message</a> <a href="/archive">archive</a> {block:IfExtraLinks}<a href="#?w=400" rel="links" class="poplight">+ more</a>{/block:IfExtraLinks} {block:IfNotExtraLinks}<a href="http://jyuubi.org" target="_blank">credit</a>{/block:IfNotExtraLinks}
  598. </div>
  599. <div id="description">{Description}</div>
  600. {block:IfHeader}<div id="header">{text:Header}</div>{/block:IfHeader}
  601.  
  602. <div id="links" class="popup_block">
  603. {block:HasPages}
  604. {block:Pages}<a class="extra" href="{URL}">{Label}</a>&nbsp;{/block:Pages}
  605. {/block:HasPages}
  606. {block:IfLink1}<a class="extra" href="{text:URL 1}">{text:Link 1}</a>{/block:IfLink1}
  607. {block:IfLink2}<a class="extra" href="{text:URL 2}">{text:Link 2}</a>{/block:IfLink2}
  608. {block:IfLink3}<a class="extra" href="{text:URL 3}">{text:Link 3}</a>{/block:IfLink3}
  609. {block:IfLink4}<a class="extra" href="{text:URL 4}">{text:Link 4}</a>{/block:IfLink4}
  610. {block:IfLink5}<a class="extra" href="{text:URL 5}">{text:Link 5}</a>{/block:IfLink5}
  611. {block:IfLink6}<a class="extra" href="{text:URL 6}">{text:Link 6}</a>{/block:IfLink6}
  612. {block:IfLink7}<a class="extra" href="{text:URL 7}">{text:Link 7}</a>{/block:IfLink7}
  613. {block:IfLink8}<a class="extra" href="{text:URL 8}">{text:Link 8}</a>{/block:IfLink8}
  614. </div>
  615.  
  616. {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">
  617. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  618. {block:JumpPagination length="5"}
  619. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  620. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  621. {/block:JumpPagination}
  622. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  623. </div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  624.  
  625. <div class="autopagerize_page_element">
  626. <div id="posts">
  627. {block:Posts}
  628.  
  629. <div class="posts">
  630.  
  631. {block:Text}
  632. {block:Title}<h1>{Title}</h1>{/block:Title}
  633. {Body}
  634. {/block:Text}
  635.  
  636. {block:Photo}
  637. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  638. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  639. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  640. {Caption}
  641. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  642. {/block:Photo}
  643.  
  644. {block:Photoset}
  645. <div class="photo">{block:IfNotSmallerPosts}{Photoset-500}{/block:IfNotSmallerPosts}
  646. {block:IfSmallerPosts}{Photoset-400}{/block:IfSmallerPosts}</div>
  647. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  648. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  649. {Caption}
  650. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  651. {/block:Photoset}
  652.  
  653. {block:Quote}
  654. <div class="quote">&#10077;</div>
  655. <h2>{Quote}</h2>
  656. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  657. {/block:Quote}
  658.  
  659. {block:Link}
  660. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  661. {block:Description}{Description}{/block:Description}
  662. {/block:Link}
  663.  
  664. {block:Chat}
  665. {block:Title}<h1>{Title}</h1>{/block:Title}
  666. {block:Lines}
  667. {block:Label}
  668. <b>{Label}</b>
  669. {/block:Label}
  670. {Line}<br />
  671. {/block:Lines}
  672. {/block:Chat}
  673.  
  674. {block:Audio}
  675. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  676. <div class="player">{AudioPlayer}</div>
  677. <div style="font-size: 14px; margin-top: 5px; margin-left: 10px;">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}</div>
  678. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  679. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  680. {Caption}
  681. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  682. {/block:Audio}
  683.  
  684. {block:Video}
  685. {block:IfNotSmallerPosts}{Video-500}{/block:IfNotSmallerPosts}
  686. {block:IfSmallerPosts}{Video-400}{/block:IfSmallerPosts}
  687. <center><i>{FormattedPlayCount}</i> plays</center><br />
  688. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  689. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  690. {Caption}
  691. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  692. {/block:Video}
  693.  
  694. {block:Answer}
  695. <table>
  696. <tr><td colspan="3" width="{block:IfNotSmallerPosts}500px{/block:IfNotSmallerPosts}{block:IfSmallerPosts}400px{/block:IfSmallerPosts}" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
  697. <tr>
  698. <td width="190" style="text-align:right; font-size:30px;"><div style="position:relative; margin-top:-18px; margin-left:35px; color:{color:Question Background};">&#9701;</div></td>
  699. <td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
  700. <td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
  701. </tr>
  702. </table>
  703. {Answer}
  704. {/block:Answer}
  705.  
  706. {block:IndexPage}<div class="stats">
  707. <a href="{Permalink}">{TimeAgo}{block:NoteCount} &middot; {NoteCountWithLabel}{/block:NoteCount} &middot; <a href="{ReblogURL}">Reblog</a></a>
  708. </div>{/block:IndexPage}
  709. </div>
  710.  
  711. {block:PermalinkPage}
  712. <div class="permalink">
  713. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  714. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  715. {block:PostNotes}
  716. {PostNotes}
  717. {/block:PostNotes}
  718. </div>
  719. {/block:PermalinkPage}
  720.  
  721. {/block:Posts}
  722. </div>
  723. </div>
  724.  
  725. <!-- DO NOT REMOVE UNLESS MOVING TO CREDITS PAGE -->
  726. {block:IfExtraLinks}<div id="credit"><a href="http://jyuubi.org" target="_blank">manatopia.org</a></div>{/block:IfExtraLinks}
  727.  
  728. </body>
  729. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement