Jyuubi

[Theme] → #37 Enchanted

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