API tools faq
paste
Advertisement
wantoup

Theme 10: Queen of Spades

wantoup
Feb 21st, 2013
10,512
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9.  
  10. Theme #10: Queen of Spades by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Scroll to top script from dynamic drive (http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
  13. Masonry + Infinite Scroll Script from sakurane (http://sakurane.tumblr.com)
  14. Show/Hide script from girlswhogeek.com (http://girlswhogeek.com/tutorials/2007/show-and-hide-elements-with-javascript)
  15.  
  16. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  17.  
  18. -->
  19.  
  20. <!-- META TAGS -->
  21.  
  22. <meta name="color:Background Color" content="#666666">
  23. <meta name="color:Body Text" content="#888888">
  24. <meta name="color:Body Bold" content="#555555">
  25. <meta name="color:Post Headers" content="#333333">
  26. <meta name="color:Borders" content="#cccccc">
  27. <meta name="color:Labels" content="#ffffff">
  28. <meta name="color:Selection" content="#0033ff">
  29.  
  30. <meta name="color:Sidebar" content="#dddddd">
  31. <meta name="color:Description" content="#888">
  32. <meta name="color:Description Links" content="#99cccc">
  33. <meta name="color:Description Links Hover" content="#99cc66">
  34. <meta name="color:Posts Links" content="#339900">
  35. <meta name="color:Posts Links Hover" content="#99cc33">
  36.  
  37. <meta name="color:Links Bar" content="#333333">
  38. <meta name="color:Link 1" content="#555555">
  39. <meta name="color:Link 2" content="#777777">
  40. <meta name="color:Link 3" content="#999999">
  41. <meta name="color:Link 4" content="#bbbbbb">
  42.  
  43. <meta name="color:Post Background" content="#ffffff">
  44. <meta name="color:Post Shadows" content="#cccccc">
  45. <meta name="color:Chat" content="#eeeeee">
  46. <meta name="color:Tags" content="#aaaaaa">
  47. <meta name="color:Tags Hover" content="#555555">
  48.  
  49. <meta name="if:400px Posts" content="1">
  50. <meta name="if:Infinite Scroll" content="1">
  51. <meta name="if:Show Tags" content="1">
  52. <meta name="if:Show Captions" content="0">
  53. <meta name="if:Photo Fade" content="0">
  54. <meta name="if:Grayscale" content="0">
  55. <meta name="if:Grid" content="1">
  56. <meta name="if:Post Shadows" content="1">
  57. <meta name="if:Hover Tags" content="0">
  58.  
  59. <meta name="image:Sidebar Background" content="http://static.tumblr.com/mtdphun/Wixmi8att/tumblr_m3en869wuj1rnjuep.png">
  60. <meta name="image:Background" content="http://static.tumblr.com/mtdphun/LxLmil6r1/vintage_wood.jpg">
  61. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/F0omifjms/1151147_original.jpg">
  62.  
  63. <meta name="text:Sidebar Height" content="100">
  64. <meta name="text:Read More" content="Read More">
  65. <meta name="text:Font Size" content="11">
  66.  
  67. <meta name="text:Link 1" content="link one">
  68. <meta name="text:Link 1 URL" content="">
  69. <meta name="text:Link 2" content="link two">
  70. <meta name="text:Link 2 URL" content="">
  71. <meta name="text:Link 3" content="link three">
  72. <meta name="text:Link 3 URL" content="">
  73. <meta name="text:Link 4" content="link four">
  74. <meta name="text:Link 4 URL" content="">
  75.  
  76. <style type="text/css">
  77.  
  78. /* BODY */
  79.  
  80. body {
  81. font-family:calibri;
  82. background-image:url('{image:Background}');
  83. background-attachment:fixed;
  84. background-color:{color:Background Color};
  85. color:{color:Body Text};
  86. font-size:{text:Font Size}px;
  87. }
  88.  
  89. b, strong {
  90. color:{color:Body Bold};
  91. }
  92.  
  93. a, a:hover {
  94. text-decoration:none;
  95. color:#aaa;
  96. -webkit-transition:all 1s ease;
  97. -moz-transition:all 1s ease;
  98. -o-transition:all 1s ease;
  99. transition:all 1s ease-in-out;
  100. }
  101.  
  102. blockquote {
  103. margin-left:10px;
  104. padding-left:10px;
  105. border-left:3px solid {color:Borders};
  106. }
  107.  
  108. /* SIDEBAR */
  109.  
  110. #side {
  111. position:fixed;
  112. top:0px;
  113. left:0px;
  114. height:100%;
  115. width:200px;
  116. padding:20px;
  117. background-image:url('{image:Sidebar Background}');
  118. background-color:{color:Sidebar};
  119. }
  120.  
  121. #pic {
  122. height:80px;
  123. width:80px;
  124. border-radius:80px;
  125. margin-top:{text:Sidebar Height}px;
  126. {block:ifPostShadows}box-shadow:0 0 20px {color:Post Shadows};{/block:ifPostShadows}
  127. }
  128.  
  129. #desc {
  130. margin-top:10px;
  131. font-size:11px;
  132. font-family:calibri;
  133. text-align:justify;
  134. color:{color:Description};
  135. }
  136.  
  137. #desc a{
  138. color:{color:Description Links};
  139. }
  140.  
  141. #desc a:hover {
  142. color:{color:Description Links Hover};
  143. }
  144.  
  145. h2, h2 a, h2 a:hover {
  146. margin-top:5px;
  147. font-size:15px;
  148. font-weight:normal;
  149. text-transform:lowercase;
  150. text-align:center;
  151. font-style:italic;
  152. color:{color:Body Bold};
  153. }
  154.  
  155. #pag, #pag a {
  156. font-family:serif;
  157. font-size:45px;
  158. margin-top:-15px;
  159. text-align:center;
  160. color:{color:Body Bold};
  161. }
  162.  
  163. /* LINKS BAR */
  164.  
  165. #left {
  166. position:fixed;
  167. top:0px;
  168. left:240px;
  169. height:100%;
  170. width:100px;
  171. background-color:{color:Links Bar};
  172. }
  173.  
  174. #l, #l:hover {
  175. font-size:11px;
  176. display:inline-block;
  177. padding:20px 5px;
  178. text-align:center;
  179. width:90px;
  180. color:{color:Labels};
  181. }
  182.  
  183. /* POSTS */
  184.  
  185. #container {
  186. margin:11px 12px -8px 332px;
  187. {block:ifGrid}{block:IndexPage}width:880px;{/block:IndexPage}
  188. {block:PermalinkPage}width:0px;{/block:PermalinkPage}{/block:ifGrid}
  189. {block:ifNotGrid}width:0px;{/block:ifNotGrid}
  190. }
  191.  
  192. .posts {
  193. float:left;
  194. padding:10px 10px 0 10px;
  195. margin:0 0 20px 20px;
  196. background-color:{color:Post Background};
  197. {block:ifPostShadows}box-shadow:0 0 20px {color:Post Shadows};{/block:ifPostShadows}
  198. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  199. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  200. }
  201.  
  202. h1, h1 a, h1 a:hover {
  203. margin-top:0px;
  204. font-size:15px;
  205. text-transform:lowercase;
  206. color:{color:Post Headers};
  207. }
  208.  
  209. .posts pre {
  210. max-width:100%;
  211. overflow:auto;
  212. background-color:#eee;
  213. padding:10px;
  214. }
  215.  
  216. /* PHOTO FADE AND GRAYSCALE */
  217.  
  218. .posts img {
  219. max-width:100%;
  220. }
  221.  
  222. #photo, iframe.photoset {
  223. display:block;
  224. {block:IndexPage}{block:ifPhotoFade}opacity:0.8;{/block:ifPhotoFade}
  225. {block:ifGrayscale}-webkit-filter:grayscale(1);{/block:ifGrayscale}
  226. -webkit-transition:all 1s ease;
  227. -moz-transition:all 1s ease;
  228. -o-transition:all 1s ease;
  229. transition:all 1s ease-in-out;
  230. }
  231.  
  232. .posts:hover #photo, .posts:hover iframe.photoset {
  233. {block:ifGrayscale}-webkit-filter:grayscale(0);{/block:ifGrayscale}
  234. {block:ifPhotoFade}opacity:1;{/block:ifPhotoFade}{/block:IndexPage}
  235. }
  236.  
  237. .posts a {
  238. color:{color:Posts Links};
  239. }
  240.  
  241. .posts a:hover {
  242. color:{color:Posts Links Hover};
  243. }
  244.  
  245. /* QUOTE */
  246.  
  247. #quote {
  248. font-size:15px;
  249. font-style:italic;
  250. }
  251.  
  252. #quote span {
  253. font-style:normal;
  254. font-family:georgia;
  255. color:{color:Body Bold};
  256. }
  257.  
  258. /* CHAT */
  259.  
  260. .chat {
  261. padding:5px;
  262. }
  263.  
  264. #odd {
  265. background-color:{color:Chat};
  266. }
  267.  
  268. /* AUDIO */
  269.  
  270. #art {
  271. position:absolute;
  272. margin-right:10px;
  273. height:92px;
  274. width:92px;
  275. padding:3px;
  276. opacity:1;
  277. border:1px solid {color:Borders};
  278. }
  279.  
  280. #player {
  281. height:27px;
  282. background-color:#000;
  283. {block:IndexPage}overflow:hidden;{/block:IndexPage}
  284. }
  285.  
  286. #audioinfo {
  287. font-size:11px;
  288. padding:1px 0 0 10px;
  289. border-left:3px solid {color:Borders};
  290. {block:ifShowCaptions}margin:10px 0 25px 10px;{/block:ifShowCaptions}
  291. {block:ifNotShowCaptions}margin:10px 0 20px 10px;{/block:ifNotShowCaptions}
  292. }
  293.  
  294. /* ASK */
  295.  
  296. #ask {
  297. padding:5px;
  298. background-color:{color:Link 1};
  299. color:{color:Labels};
  300. }
  301.  
  302. #ask a, #ask a:hover, #ask b {
  303. color:{color:Labels};
  304. }
  305.  
  306. /* TAGS */
  307.  
  308. #tags {
  309. position:absolute;
  310. width:150px;
  311. text-transform:lowercase;
  312. font-style:italic;
  313. font-size:11px;
  314. color:{color:Tags};
  315. {block:if400pxPosts}margin-left:420px;{/block:if400pxPosts}
  316. {block:ifNot400pxPosts}margin-left:520px;{/block:ifNot400pxPosts}
  317. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  318. {block:ifGrid}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifGrid}
  319. {block:ifHoverTags}{block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  320. {block:IndexPage}opacity:0;
  321. -webkit-transition:all 1s ease;
  322. -moz-transition:all 1s ease;
  323. -o-transition:all 1s ease;
  324. transition:all 1s ease-in-out;
  325. }
  326.  
  327. .posts:hover #tags {
  328. opacity:1;{/block:IndexPage}{/block:ifHoverTags}
  329. }
  330.  
  331. #tags a {
  332. display:inline-block;
  333. padding-left:5px;
  334. margin-bottom:2px;
  335. border-left:2px solid {color:Link 3};
  336. color:{color:Tags};
  337. -webkit-transition:all 1s ease;
  338. -moz-transition:all 1s ease;
  339. -o-transition:all 1s ease;
  340. transition:all 1s ease-in-out;
  341. }
  342.  
  343. #tags a:hover {
  344. border-left:10px solid {color:Link 1};
  345. color:{color:Tags Hover};
  346. }
  347.  
  348. /* INFO */
  349.  
  350. #infobar {
  351. margin:10px 0 0 -10px;
  352. font-size:10px;
  353. text-align:center;
  354. text-transform:uppercase;
  355. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  356. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  357. }
  358.  
  359. #infobar a, #infobar a:hover {
  360. color:{color:Labels};
  361. }
  362.  
  363. #info {
  364. float:left;
  365. display:inline-block;
  366. width:50%;
  367. padding:5px 0;
  368. color:{color:Labels};
  369. }
  370.  
  371. /* POST NOTES */
  372.  
  373. #notes {
  374. padding:10px;
  375. }
  376.  
  377. #notes a {
  378. color:#666;
  379. }
  380.  
  381. ol.notes {
  382. list-style-type:none;
  383. margin-left:-30px;
  384. text-transform:uppercase;
  385. font-size:8px;
  386. line-height:150%;
  387.  
  388. }
  389.  
  390. ol.notes img {
  391. float:left;
  392. height:10px;
  393. border-radius:5px;
  394. margin-right:10px;
  395. }
  396.  
  397. /* BACK TO TOP */
  398.  
  399. #back {
  400. position:fixed;
  401. display:inline-block;
  402. bottom:10px;
  403. left:10px;
  404. padding:2px 8px 4px 8px;
  405. font-size:15px;
  406. border-radius:20px;
  407. opacity:0.5;
  408. -webkit-transform:rotate(270deg);
  409. -moz-transform:rotate(270deg);
  410. -o-transform:rotate(270deg);
  411. -webkit-transition:all 1s ease;
  412. -moz-transition:all 1s ease;
  413. -o-transition:all 1s ease;
  414. transition:all 1s ease-in-out;
  415. {block:ifNotInfiniteScroll}display:none;{/block:ifNotInfiniteScroll}
  416. background:{color:Links Bar};
  417. color:{color:Labels};
  418. }
  419.  
  420. #back:hover {
  421. opacity:1;
  422. }
  423.  
  424. /* MISC */
  425.  
  426. iframe#tumblr_controls {
  427. position:fixed !important;
  428. top:5px !important;
  429. right:5px !important;
  430. opacity:0.5;
  431. -webkit-transition:all 1s ease;
  432. -moz-transition:all 1s ease;
  433. -o-transition:all 1s ease;
  434. transition:all 1s ease-in-out;
  435. }
  436.  
  437. iframe#tumblr_controls:hover {
  438. opacity:1;
  439. }
  440.  
  441. ::-webkit-scrollbar-thumb:vertical {
  442. background-color:#000;
  443. }
  444.  
  445. ::-webkit-scrollbar-thumb:horizontal {
  446. background-color:#000;
  447. }
  448.  
  449. ::-webkit-scrollbar {
  450. height:5px;
  451. width:5px;
  452. background-color:#fff;
  453. }
  454.  
  455. ::selection {
  456. color:#fff;
  457. background-color:{color:Selection};
  458. }
  459.  
  460. {CustomCSS}
  461.  
  462. </style>
  463.  
  464. <!-- JQUERY -->
  465.  
  466. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  467.  
  468. <!-- SCROLL TO TOP SCRIPT -->
  469.  
  470. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/3vHmhkf3e/scrolltopcontrol.js"></script>
  471.  
  472. <!-- MASONRY SCRIPTS -->
  473.  
  474. {block:ifInfiniteScroll}
  475. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  476. {/block:ifInfiniteScroll}
  477. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  478. <script src="http://static.tumblr.com/mtdphun/e5Pmihhaf/masonry-class.js">
  479. </script>
  480.  
  481. </head><body>
  482.  
  483. <div class="pagination" style="display:none;">{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div>
  484.  
  485. <!-- SIDEBAR -->
  486.  
  487. <div id="side">
  488.  
  489. <!-- SIDEBAR CONTENT -->
  490.  
  491. <center><a href="/"><img src="{PortraitURL-128}" id="pic"></a></center>
  492.  
  493. <div id="desc">
  494. <p>{Description}</p>
  495. </div>
  496.  
  497. <a href="/"><h2>{Title}</h2></a>
  498.  
  499. <!-- PAGINATION -->
  500.  
  501. {block:ifNotInfiniteScroll}{block:Pagination}
  502. <div id="pag">
  503. {block:PreviousPage}
  504. <a href="{PreviousPage}" title="previous">&laquo;</a>
  505. {/block:PreviousPage}
  506. {block:NextPage}
  507. <a href="{NextPage}" title="next">&raquo;</a>
  508. {/block:NextPage}
  509. </div>
  510. {/block:Pagination}{/block:ifNotInfiniteScroll}
  511.  
  512. </div>
  513.  
  514. <!-- NAVIGATION AND CUSTOM LINKS -->
  515.  
  516. <div id="left"><table style="height:100%;margin-left:-3px;"><tr><td>
  517. <a id="l" href="/" style="background:{color:Link 1};">home</a>
  518. <a id="l" href="/ask" style="background:{color:Link 2};">ask</a>
  519. <a id="l" href="/archive"style="background:{color:Link 3};">archive</a>
  520. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  521. <a id="l" href="http://viwan-th.tumblr.com" target="blank" style="background:{color:Link 4};" title="queen of spades theme">theme</a>
  522. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  523. {block:ifLink1}
  524. <a id="l" href="{text:Link 1 URL}" style="background:{color:Link 1};">
  525. {text:Link 1}</a>
  526. {/block:ifLink1}
  527. {block:ifLink2}
  528. <a id="l" href="{text:Link 2 URL}" style="background:{color:Link 2};">
  529. {text:Link 2}</a>
  530. {/block:ifLink2}
  531. {block:ifLink3}
  532. <a id="l" href="{text:Link 3 URL}" style="background:{color:Link 3};">
  533. {text:Link 3}</a>
  534. {/block:ifLink3}
  535. {block:ifLink4}
  536. <a id="l" href="{text:Link 4 URL}" style="background:{color:Link 4};">
  537. {text:Link 4}</a>
  538. {/block:ifLink4}
  539. </td></tr></table></div>
  540.  
  541. <div style="height:1px;"></div><div id="container">
  542.  
  543. <!-- POSTS BLOCK -->
  544.  
  545. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  546.  
  547. {block:ContentSource}
  548. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  549. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  550. {/block:SourceLogo}
  551. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  552. {/block:ContentSource}
  553.  
  554. <div class="posts">
  555.  
  556. <!-- TAGS -->
  557.  
  558. <div id="tags">
  559. {block:Tags}<a href="{TagURL}">{Tag}</a></br>{/block:Tags}
  560. </div>
  561.  
  562. <!-- ENTRIES -->
  563.  
  564. <!-- TEXT -->
  565.  
  566. {block:Text}
  567.  
  568. {block:Title}<div style="margin-bottom:20px;">
  569. <a href="{Permalink}"><h1>{Title}</h1></a></div>{/block:Title}
  570.  
  571. <div style="margin-top:-10px;"><p>{Body}</p></div>
  572. {block:More}<a href="{Permalink}">{text:Read More}</a>{/block:More}
  573.  
  574. {/block:Text}
  575.  
  576. <!-- PHOTO -->
  577.  
  578. {block:Photo}
  579.  
  580. {block:IndexPage}
  581. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  582. {/block:IndexPage}
  583.  
  584. {block:PermalinkPage}{LinkOpenTag}
  585. <center><img src="{PhotoURL-500}" id="photo"></center>
  586. {LinkCloseTag}{/block:PermalinkPage}
  587.  
  588. {block:ifShowCaptions}
  589. {block:Caption}
  590. {Caption}
  591. {/block:Caption}
  592. {/block:ifShowCaptions}
  593.  
  594. {/block:Photo}
  595.  
  596. <!-- PANORAMA -->
  597.  
  598. {block:Panorama}
  599.  
  600. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  601.  
  602. {block:ifShowCaptions}
  603. {block:Caption}
  604. {Caption}
  605. {/block:Caption}
  606. {/block:ifShowCaptions}
  607.  
  608. {/block:Panorama}
  609.  
  610. <!-- PHOTOSET -->
  611.  
  612. {block:Photoset}
  613.  
  614. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  615. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  616.  
  617. {block:ifShowCaptions}
  618. {block:Caption}
  619. {Caption}
  620. {/block:Caption}
  621. {/block:ifShowCaptions}
  622.  
  623. {/block:Photoset}
  624.  
  625. <!-- QUOTE -->
  626.  
  627. {block:Quote}
  628.  
  629. <div id="quote"><span>“</span>{Quote}</br></div>
  630. <p align="right">- {Source}
  631.  
  632. {/block:Quote}
  633.  
  634. <!-- LINK -->
  635.  
  636. {block:Link}
  637.  
  638. <a href="{URL}" target="{Target}"><h1>{Name}</h1></a>
  639.  
  640. {block:Description}
  641. {Description}
  642. {/block:Description}
  643.  
  644. {/block:Link}
  645.  
  646. <!-- CHAT -->
  647.  
  648. {block:Chat}
  649.  
  650. {block:Title}<h1>{Title}</h1>{/block:Title}
  651.  
  652. {block:Lines}
  653. <div class="chat" id="{Alt}">
  654. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>
  655. {/block:Lines}
  656.  
  657. {/block:Chat}
  658.  
  659. <!-- AUDIO -->
  660.  
  661. {block:Audio}
  662.  
  663. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  664. <img src="{image:Album Art}" width="100px" id="art">
  665. {block:IndexPage}</a>{/block:IndexPage}
  666.  
  667. {block:AlbumArt}
  668. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  669. <img src="{AlbumArtURL}" width="100px" id="art">
  670. {block:IndexPage}</a>{/block:IndexPage}
  671. {/block:AlbumArt}
  672.  
  673. <div style="margin-left:110px;">
  674. <div id="player">{AudioPlayerBlack}</div>
  675.  
  676. <div id="audioinfo">
  677. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</br>
  678. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</br>
  679. <b>Album:</b> {block:Album}{Album}{/block:Album}</br>
  680. <b>Plays:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  681. </div></div>
  682.  
  683. {block:ifShowCaptions}
  684. {block:Caption}
  685. <div style="margin-top:-5px;">{Caption}</div>
  686. {/block:Caption}
  687. {/block:ifShowCaptions}
  688.  
  689. {/block:Audio}
  690.  
  691. <!-- VIDEO -->
  692.  
  693. {block:Video}
  694.  
  695. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  696. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  697.  
  698. {block:ifShowCaptions}
  699. {block:Caption}
  700. {Caption}
  701. {/block:Caption}
  702. {/block:ifShowCaptions}
  703.  
  704. {/block:Video}
  705.  
  706. <!-- ANSWER -->
  707.  
  708. {block:Answer}
  709.  
  710. <div id="ask"><b>{Asker}:</b> {Question}</div>
  711. {Answer}
  712.  
  713. {/block:Answer}
  714.  
  715. <!-- END ENTRIES -->
  716.  
  717. <!-- PERMALINK -->
  718.  
  719. {block:PermalinkPage}
  720. {block:ifNotShowCaptions}
  721. {block:Caption}
  722. {Caption}
  723. {/block:Caption}
  724. {/block:ifNotShowCaptions}
  725. {/block:PermalinkPage}
  726.  
  727. <!-- INFO -->
  728.  
  729. <div id="infobar">
  730. <a id="info" style="background:{color:Links Bar}" href="{Permalink}">
  731. {block:Date}{TimeAgo}{/block:Date} — {NoteCountWithLabel}
  732. </a>
  733.  
  734. {block:RebloggedFrom}
  735. <div id="info" style="background:{color:Link 3};">
  736. <a href="{ReblogParentURl}" title="{ReblogParentName}">via</a> ·
  737. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> ·
  738. <a href="{ReblogURL}">reblog</a>
  739. </div>
  740. {/block:RebloggedFrom}
  741. {block:NotReblog}
  742. <div id="info" style="background:{color:Link 3};">
  743. <a href="{Permalink}">permalink · </a>
  744. <a href="{ReblogURL}">reblog</a>
  745. </div>
  746. {/block:NotReblog}
  747. </div>
  748.  
  749. </div><!-- END POSTS -->
  750.  
  751. <!-- POSTNOTES -->
  752.  
  753. {block:PermalinkPage}{block:PostNotes}
  754.  
  755. <div class="posts" id="notes">
  756. <script type="text/javascript">
  757. function showStuff(id) {
  758. document.getElementById(id).style.display = 'block';
  759. }
  760. </script>
  761.  
  762. <center><a href="#" onclick="showStuff('answer1'); return false;">
  763. Show Notes</center></a>
  764.  
  765. <span id="answer1" style="display:none;">
  766. {PostNotes}
  767. </span>
  768. </div><!-- END POSTNOTES -->
  769.  
  770. {/block:PostNotes}{block:PermalinkPage}
  771.  
  772. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  773.  
  774. <!-- END POSTS BLOCK -->
  775.  
  776. </div><!-- END CONTAINER -->
  777.  
  778. <a id="back" href="#top" title="back to top">&raquo;</a>
  779.  
  780. </body></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!