API tools faq
paste
Advertisement
wantoup

Theme 11: Shiro

wantoup
Mar 8th, 2013
8,204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.92 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 #11: Shiro by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Dropdown menu by manatopia (http://manatopia.org/)
  13. Music player by Sheep Productions (http://www.sheepproductions.com/billy/)
  14. Scroll to top Script from Dynamic Drive (http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
  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 name="color:Background" content="#ffffff">
  21. <meta name="color:Body Text" content="#888888">
  22. <meta name="color:Body Bold" content="#555555">
  23. <meta name="color:Body Links" content="#aaaaaa">
  24. <meta name="color:Body Links Hover" content="#666666">
  25. <meta name="color:Post Headers" content="#333333">
  26. <meta name="color:Borders" content="#cccccc">
  27.  
  28. <meta name="color:Sidebar" content="#eeeeee">
  29. <meta name="color:Sidebar Image Border" content="#ffffff">
  30. <meta name="color:Title" content="#000000">
  31. <meta name="color:Navigation Links" content="#333333">
  32.  
  33. <meta name="color:Chat Odd" content="#eeeeee">
  34. <meta name="color:Chat Even" content="#fafafa">
  35.  
  36. <meta name="color:Info Bar" content="#333333">
  37. <meta name="color:Info" content="#000000">
  38. <meta name="color:Info Labels" content="#ffffff">
  39. <meta name="color:Tags" content="#aaaaaa">
  40.  
  41. <meta name="image:Background" content="">
  42. <meta name="image:Sidebar Background" content="http://static.tumblr.com/mtdphun/b0Amjeqty/tumblr_m1vpcc4omu1r9ly5j.gif">
  43. <meta name="image:Sidebar" content="http://static.tumblr.com/mtdphun/fpFmjeqwt/th11_side.jpg">
  44. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/rc7mjefs4/th11_art.jpg">
  45.  
  46. <meta name="if:Show Captions" content="1">
  47. <meta name="if:400px Posts" content="0">
  48. <meta name="if:Show Tags" content="1">
  49. <meta name="if:Photo Fade" content="0">
  50. <meta name="if:Infinite Scroll" content="0">
  51.  
  52. <meta name="if:Crown" content="1">
  53. <meta name="if:Grey Player" content="1">
  54. <meta name="if:Dropdown Menu" content="1">
  55.  
  56. <meta name="text:Font Size" content="11">
  57. <meta name="text:Read More" content="Read More">
  58. <meta name="text:Navigation Title" content="navigation">
  59. <meta name="text:Music Player Code" content="">
  60. <meta name="text:Sidebar Height" content="100">
  61.  
  62. <meta name="text:Link 1" content="link one">
  63. <meta name="text:Link 1 URL" content="">
  64. <meta name="text:Link 2" content="link two">
  65. <meta name="text:Link 2 URL" content="">
  66. <meta name="text:Link 3" content="link three">
  67. <meta name="text:Link 3 URL" content="">
  68. <meta name="text:Link 4" content="link four">
  69. <meta name="text:Link 4 URL" content="">
  70. <meta name="text:Link 5" content="link five">
  71. <meta name="text:Link 5 URL" content="">
  72. <meta name="text:Link 6" content="link six">
  73. <meta name="text:Link 6 URL" content="">
  74.  
  75. <style type="text/css">
  76.  
  77. /* BODY */
  78.  
  79. body {
  80. font-family:calibri;
  81. text-align:justify;
  82. background-image:url('{image:Background}');
  83. background-attachment:fixed;
  84. font-size:{text:Font Size}px;
  85. color:{color:Body Text};
  86. }
  87.  
  88. a, a:hover {
  89. text-decoration:none;
  90. color:{color:Body Links};
  91. }
  92.  
  93. b, strong {
  94. color:{color:Body Bold};
  95. }
  96.  
  97. h1, h1 a, h1 a:hover {
  98. margin-top:0px;
  99. font-size:15px;
  100. text-transform:lowercase;
  101. color:{color:Post Headers};
  102. }
  103.  
  104. blockquote {
  105. margin-left:10px;
  106. padding-left:10px;
  107. border-left:3px solid {color:Borders};
  108. }
  109.  
  110. /* BLOCKS */
  111.  
  112. #side {
  113. z-index:1;
  114. position:fixed;
  115. top:0px;
  116. left:0px;
  117. height:100%;
  118. width:300px;
  119. padding:20px;
  120. overflow:hidden;
  121. font-size:11px;
  122. background-image: url("{image:Sidebar Background}");
  123. background-color:{color:Sidebar};
  124. }
  125.  
  126. #side a {
  127. color:{color:Navigation Links};
  128. }
  129.  
  130. #sidebar {
  131. margin-left:40px;
  132. width:200px;
  133. height:200px;
  134. border-radius:200px;
  135. padding:10px;
  136. background-color:{color:Sidebar Image Border};
  137. margin-top:{Text:Sidebar Height}px;
  138. }
  139.  
  140. #left {
  141. position:fixed;
  142. top:0px;
  143. left:340px;
  144. height:100%;
  145. width:100px;
  146. background-color:{color:Info Bar};
  147. }
  148.  
  149. /* LINKS */
  150.  
  151. #links {
  152. z-index:1;
  153. position:absolute;
  154. margin-top:-50px;
  155. }
  156.  
  157. #links a {
  158. color:{color:Sidebar Image Border};
  159. }
  160.  
  161. /* CROWN */
  162.  
  163. .l {
  164. position:absolute;
  165. font-size:50px;
  166. font-family:serif;
  167. }
  168.  
  169. #a {
  170. margin-top:4px;
  171. margin-left:38px;
  172. -webkit-transform:rotate(352deg);
  173. }
  174.  
  175. #b {
  176. margin-top:21px;
  177. margin-left:-1px;
  178. -webkit-transform:rotate(323deg);
  179. }
  180.  
  181. #c {
  182. margin-top:53px;
  183. margin-left:-27px;
  184. -webkit-transform:rotate(294deg);
  185. }
  186.  
  187. /* CONTENT */
  188.  
  189. .title {
  190. z-index:1;
  191. position:absolute;
  192. text-align:center;
  193. width:180px;
  194. margin-top:25%;
  195. text-transform:lowercase;
  196. font-style:italic;
  197. padding:10px;
  198. overflow:hidden;
  199. opacity:0;
  200. font-size:15px;
  201. color:{color:Title};
  202. -webkit-transition:all 1s ease;
  203. -moz-transition:all 1s ease;
  204. -o-transition:all 1s ease;
  205. transition:all 1s ease-in-out;
  206. }
  207.  
  208. #sidebar:hover .title {
  209. opacity:1;
  210. }
  211.  
  212. #image {
  213. z-index:1;
  214. width:200px;
  215. height:200px;
  216. border-radius:200px;
  217. -webkit-transition:all 1s ease;
  218. -moz-transition:all 1s ease;
  219. -o-transition:all 1s ease;
  220. transition:all 1s ease-in-out;
  221. }
  222.  
  223. #sidebar:hover #image {
  224. opacity:0.2;
  225. }
  226.  
  227. /* MUSIC PLAYER */
  228.  
  229. #music {
  230. position:absolute;
  231. margin-top:-25px;
  232. margin-left:230px;
  233. width:15px;
  234. overflow:hidden;
  235. padding:5px;
  236. -webkit-transition:all 1s ease;
  237. -moz-transition:all 1s ease;
  238. -o-transition:all 1s ease;
  239. transition:all 1s ease-in-out;
  240. }
  241.  
  242. #music:hover {
  243. width:50px;
  244. }
  245.  
  246. #billy {
  247. position:absolute;
  248. margin-top:-4px;
  249. margin-left:25px;
  250. width:30px;
  251. overflow:hidden;
  252. }
  253.  
  254. /* DESCRIPTION */
  255.  
  256. #desc {
  257. margin-top:30px;
  258. }
  259.  
  260. #desc a {
  261. color:{color:Body Links};
  262. }
  263.  
  264. #desc a:hover {
  265. text-decoration:underline;
  266. color:{color:Body Links Hover};
  267. }
  268.  
  269. #menu {
  270. width:300px;
  271. padding:3px;
  272. font-family:calibri;
  273. font-size:10px;
  274. text-transform:uppercase;
  275. border:1px solid {color:Borders};
  276. }
  277.  
  278. /* NAVIGATION */
  279.  
  280. #nav {
  281. text-align:center;
  282. margin-top:20px;
  283. font-style:italic;
  284. }
  285.  
  286. /* POSTS */
  287.  
  288. #container {
  289. top:0px;
  290. margin-left:442px;
  291. padding:10px;
  292. margin-bottom:-20px;
  293. }
  294.  
  295. #posts {
  296. padding:10px 10px 0 10px;
  297. margin-bottom:20px;
  298. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  299. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  300. }
  301.  
  302. #posts small {
  303. font-size:{text:Font Size}px;
  304. }
  305.  
  306. #posts pre {
  307. overflow-x:auto;
  308. }
  309.  
  310. #posts a:hover {
  311. text-decoration:underline;
  312. color:{color:Body Links Hover};
  313. }
  314.  
  315. #posts img {
  316. max-width:100%;
  317. }
  318.  
  319. /* PHOTO*/
  320.  
  321. #photo, iframe.photoset {
  322. display:block;
  323. {block:ifPhotoFade}opacity:0.8;
  324. -webkit-transition:all 1s ease;
  325. -moz-transition:all 1s ease;
  326. -o-transition:all 1s ease;
  327. transition:all 1s ease-in-out;
  328. }
  329.  
  330. #photo:hover {
  331. opacity:1;{/block:ifPhotoFade}
  332. }
  333.  
  334. /* AUDIO */
  335.  
  336. .art {
  337. position:Absolute;
  338. width:100px;
  339. margin-left:-2px;
  340. margin-top:-50px;
  341. }
  342.  
  343. #art {
  344. position:absolute;
  345. width:100px;
  346. height:100px;
  347. display:block;
  348. }
  349.  
  350. #player {
  351. height:27px;
  352. overflow:hidden;
  353. margin-top:-2px;
  354. {block:ifNotGreyPlayer}background:#000;{/block:ifNotGreyPlayer}
  355. {block:ifGreyPlayer}background:#e4e4e4;{/block:ifGreyPlayer}
  356. }
  357.  
  358. #audio {
  359. {block:ifNot400pxPosts}width:502px;{/block:ifNot400pxPosts}
  360. {block:if400pxPosts}width:402px;{/block:if400pxPosts}
  361. }
  362.  
  363. #audioinfo {
  364. font-size:11px;
  365. margin-bottom:0px;
  366. }
  367.  
  368. #audioinfo span {
  369. display:inline-block;
  370. padding:5px 0;
  371. width:100%;
  372. border-bottom:1px solid {color:Borders}
  373. }
  374.  
  375. /* QUOTE */
  376.  
  377. #quote {
  378. font-size:15px;
  379. font-style:italic;
  380. }
  381.  
  382. #quote span {
  383. font-style:normal;
  384. font-family:georgia;
  385. }
  386.  
  387. /* CHAT */
  388.  
  389. .chat {
  390. padding:5px;
  391. margin-bottom:2px;
  392. }
  393.  
  394. #odd {
  395. background-color:{color:Chat Odd};
  396. }
  397.  
  398. #even {
  399. background-color:{color:Chat Even};
  400. }
  401.  
  402. /* ASK */
  403.  
  404. #ask {
  405. padding:5px;
  406. background-color:{color:Info Bar};
  407. color:{color:Labels};
  408. }
  409.  
  410. #ask a, #ask a:hover, #ask b {
  411. color:{color:Labels};
  412. }
  413.  
  414. /* REBLOG INFO */
  415.  
  416. #reblog {
  417. position:absolute;
  418. margin-top:10px;
  419. border:none;
  420. width:100px;
  421. margin-left:-110px;
  422. }
  423.  
  424. #reblog span {
  425. display:inline-block;
  426. padding:0px 3px 1px 3px;
  427. width:32px;
  428. margin-top:4px;
  429. margin-right:4px;
  430. text-align:center;
  431. font-size:10px;
  432. font-style:italic;
  433. margin-bottom:4px;
  434. color:{color:Info Labels};
  435. background-color:{color:Info};
  436. }
  437.  
  438. .info {
  439. width:32px;
  440. border:3px solid {color:Info};
  441. }
  442.  
  443. #via {
  444. float:left;
  445. margin-right:4px;
  446. }
  447.  
  448. #source {
  449. float:left;
  450. }
  451.  
  452. #r {
  453. display:inline-block;
  454. width:74px;
  455. padding:0px 3px 1px 3px;
  456. text-align:center;
  457. font-size:10px;
  458. font-style:italic;
  459. color:{color:Info Labels};
  460. background-color:{color:Info};
  461. }
  462.  
  463. /* INFO */
  464.  
  465. #info {
  466. margin-top:10px;
  467. text-transform:uppercase;
  468. font-size:10px;
  469. text-align:left;
  470. color:{color:Info Labels};
  471. }
  472.  
  473. #info a:hover {
  474. text-decoration:none;
  475. color:{color:Info Labels};
  476. }
  477.  
  478. #date {
  479. display:inline-block;
  480. background-color:{color:Info};
  481. color:{color:Info Labels};
  482. text-align:center;
  483. {block:ifNotShowTags}padding:5px 0;
  484. width:100%;{/block:ifNotShowTags}
  485. {block:ifShowTags}padding:5px;{/block:ifShowTags}
  486. }
  487.  
  488. /* TAGS */
  489.  
  490. #tags {
  491. display:inline-block;
  492. padding:5px;
  493. margin-bottom:2px;
  494. color:{color:Tags};
  495. -webkit-transition:all 1s ease;
  496. -moz-transition:all 1s ease;
  497. -o-transition:all 1s ease;
  498. transition:all 1s ease-in-out;
  499. }
  500.  
  501. #tags:hover {
  502. color:{color:Labels};
  503. background-color:{color:Info};
  504. }
  505.  
  506. /* PERMALINK */
  507.  
  508. #notes {
  509. margin-top:20px;
  510. }
  511.  
  512. ol.notes {
  513. list-style-type:none;
  514. margin-left:-30px;
  515. text-transform:uppercase;
  516. font-size:8px;
  517. line-height:150%;
  518.  
  519. }
  520.  
  521. ol.notes img {
  522. float:left;
  523. height:10px;
  524. border-radius:5px;
  525. margin-right:10px;
  526. }
  527.  
  528. /* PAGINATION */
  529.  
  530. #pagination {
  531. position:fixed;
  532. bottom:15px;
  533. font-size:10px;
  534. {block:ifNot400pxPosts}left:1000px;{/block:ifNot400pxPosts}
  535. {block:if400pxPosts}left:900px;{/block:if400pxPosts}
  536. }
  537.  
  538. #pagination a {
  539. display:inline-block;
  540. text-align:center;
  541. font-style:italic;
  542. padding:3px;
  543. margin-bottom:5px;
  544. width:80px;
  545. color:{color:Info Labels};
  546. background-color:{color:Info};
  547. }
  548.  
  549. /* MISC */
  550.  
  551. ::-webkit-scrollbar-thumb:vertical {
  552. background-color:#333;
  553. }
  554.  
  555. ::-webkit-scrollbar-thumb:horizontal {
  556. background-color:#333;
  557. }
  558.  
  559. ::-webkit-scrollbar-button:vertical {
  560. height:6px;
  561. width:5px;
  562. background-color:#555;
  563. }
  564.  
  565. ::-webkit-scrollbar-button:horizontal {
  566. width:6px;
  567. height:5px;
  568. background-color:#555;
  569. }
  570.  
  571. ::-webkit-scrollbar {
  572. height:5px;
  573. width:5px;
  574. background-color:#aaa;
  575. }
  576.  
  577. iframe#tumblr_controls {
  578. position:fixed !important;
  579. top:5px !important;
  580. right:5px !important;
  581. }
  582.  
  583. </style>
  584.  
  585. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  586.  
  587. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/3hXmj7g47/scrolltopcontrol.js"></script>
  588.  
  589. {block:ifInfiniteScroll}
  590.  
  591. <!-- INFINITE SCROLL SCRIPT -->
  592.  
  593. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  594.  
  595. {/block:ifInfiniteScroll}
  596.  
  597. </head><body>
  598.  
  599. <!-- SIDEBAR -->
  600.  
  601. <div id="side">
  602.  
  603. <!-- SIDEBAR IMAGE -->
  604.  
  605. <div id="sidebar">
  606.  
  607. <!-- CROWN -->
  608.  
  609. {block:ifCrown}
  610.  
  611. <div id="links">
  612. <a class="l" id="a" href="{text:Link 1 URL}" title="{text:Link 1}">▲</a>
  613. <a class="l" id="b" href="{text:Link 2 URL}" title="{text:Link 2}">▲</a>
  614. <a class="l" id="c" href="{text:Link 3 URL}" title="{text:Link 3}">▲</a>
  615. </div>
  616.  
  617. {/block:ifCrown}
  618.  
  619. <!-- IMAGE AND TITLE -->
  620.  
  621. <a class="title" href="/">{Title}</a>
  622. <a href="/"><img id="image" src="{image:Sidebar}"></a>
  623.  
  624. </div><!-- END SIDEBAR DIV -->
  625.  
  626. <!-- MUSIC PLAYER -->
  627.  
  628. {block:ifMusicPlayerCode}{block:IndexPage}
  629. <div id="music">
  630. <div id="billy"><span style="margin-left:-28px;">
  631. {text:Music Player Code}
  632. </span></div>
  633. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  634. </div>
  635. {/block:IndexPage}{/block:ifMusicPlayerCode}
  636.  
  637. <!-- CONTENT -->
  638.  
  639. <div id="desc">
  640. <div style="margin:-10px 0;"><p>{Description}</p>
  641.  
  642. <!-- DROPDOWN MENU -->
  643.  
  644. {block:ifDropdownMenu}
  645. <select id="menu" onChange="location.href=this.options[this.selectedIndex].value;">
  646. <option value="/">{text:Navigation Title}</option>
  647. {block:ifNotCrown}{block:ifLink1}
  648. <option value="{text:Link 1 URL}">{text:Link 1}</option>
  649. {/block:ifLink1}
  650. {block:ifLink2}
  651. <option value="{text:Link 2 URL}">{text:Link 2}</option>
  652. {/block:ifLink2}
  653. {block:ifLink3}
  654. <option value="{text:Link 3 URL}">{text:Link 3}</option>
  655. {/block:ifLink3}{/block:ifNotCrown}
  656. {block:ifLink4}
  657. <option value="{text:Link 4 URL}">{text:Link 4}</option>
  658. {/block:ifLink4}
  659. {block:ifLink5}
  660. <option value="{text:Link 5 URL}">{text:Link 5}</option>
  661. {/block:ifLink5}
  662. {block:ifLink6}
  663. <option value="{text:Link 6 URL}">{text:Link 6}</option>
  664. {/block:ifLink6}
  665. {block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}
  666. </select>
  667. {/block:ifDropdownMenu}
  668. <!-- TO ADD MORE CUSTOM LINKS, COPY AND PASTE ONE OF THE LINES BEGINNING WITH <option> AND ENDING WITH </option> BENEATH THE REST OF THE LINKS, AND REPLACE THE URL AND TITLE WITH YOUR OWN. -->
  669. {/block:ifLink1}
  670. </div>
  671. </div><!-- END DESC -->
  672.  
  673. <!-- NAVIGATION -->
  674.  
  675. <div id="nav">
  676. <a href="/">home</a> &middot;
  677. <a href="/ask">message</a> &middot;
  678. <a href="/archive">archive</a> &middot;
  679. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  680. <a href="http://viwan-th.tumblr.com" target="blank" title="shiro theme">theme</a>
  681. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  682. </div>
  683.  
  684. </div><!-- END SIDE DIV -->
  685.  
  686. <!-- END SIDEBAR -->
  687.  
  688. <div id="left"></div>
  689.  
  690. <div id="container">
  691.  
  692. <!-- POSTS BLOCK -->
  693.  
  694. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  695.  
  696. {block:ContentSource}
  697. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  698. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  699. {/block:SourceLogo}
  700. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  701. {/block:ContentSource}
  702.  
  703. <!-- REBLOG INFO -->
  704.  
  705. <div id="reblog">
  706. {block:RebloggedFrom}
  707. <a href="{ReblogParentURL}" title="{ReblogParentName}">
  708. <img src="{ReblogParentPortraitURL-64}" class="info" id="via"></a>
  709. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  710. <img src="{ReblogRootPortraitURL-64}" class="info" id="source"></a>
  711. <span>via</span><span>source</span>
  712. {/block:RebloggedFrom}
  713.  
  714. {block:IndexPage}
  715. <a href="{ReblogURL}" id="r">reblog</a>
  716. {/block:IndexPage}
  717. </div>
  718.  
  719. <!-- ENTRIES -->
  720.  
  721. <div id="posts">
  722.  
  723. <!-- TEXT -->
  724.  
  725. {block:Text}
  726.  
  727. {block:Title}<div style="margin-bottom:20px;">
  728. <a href="{Permalink}"><h1>{Title}</h1></a></div>{/block:Title}
  729.  
  730. <div style="margin-top:-10px;"><p>{Body}</p></div>
  731. {block:More}<a href="{Permalink}">{text:Read More}</a>{/block:More}
  732.  
  733. {/block:Text}
  734.  
  735. <!-- PHOTO -->
  736.  
  737. {block:Photo}
  738.  
  739. {block:IndexPage}
  740. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  741. {/block:IndexPage}
  742.  
  743. {block:PermalinkPage}{LinkOpenTag}
  744. <center><img src="{PhotoURL-500}" id="photo"></center>
  745. {LinkCloseTag}{/block:PermalinkPage}
  746.  
  747. {block:ifShowCaptions}
  748. {block:Caption}
  749. {Caption}
  750. {/block:Caption}
  751. {/block:ifShowCaptions}
  752.  
  753. {/block:Photo}
  754.  
  755. <!-- PANORAMA -->
  756.  
  757. {block:Panorama}
  758.  
  759. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  760.  
  761. {block:ifShowCaptions}
  762. {block:Caption}
  763. {Caption}
  764. {/block:Caption}
  765. {/block:ifShowCaptions}
  766.  
  767. {/block:Panorama}
  768.  
  769. <!-- PHOTOSET -->
  770.  
  771. {block:Photoset}
  772.  
  773. <div id="photo">
  774. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  775. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  776. </div>
  777.  
  778. {block:ifShowCaptions}
  779. {block:Caption}
  780. {Caption}
  781. {/block:Caption}
  782. {/block:ifShowCaptions}
  783.  
  784. {/block:Photoset}
  785.  
  786. <!-- QUOTE -->
  787.  
  788. {block:Quote}
  789.  
  790. <div id="quote"><span>“</span>{Quote}</br></div>
  791. <p align="right">- {Source}
  792.  
  793. {/block:Quote}
  794.  
  795. <!-- LINK -->
  796.  
  797. {block:Link}
  798.  
  799. <a href="{URL}" target="{Target}"><h1>{Name}</h1></a>
  800.  
  801. {block:Description}
  802. {Description}
  803. {/block:Description}
  804.  
  805. {/block:Link}
  806.  
  807. <!-- CHAT -->
  808.  
  809. {block:Chat}
  810.  
  811. {block:Title}<h1>{Title}</h1>{/block:Title}
  812.  
  813. {block:Lines}
  814. <div class="chat" id="{Alt}">
  815. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  816. </div>
  817. {/block:Lines}
  818.  
  819. {/block:Chat}
  820.  
  821. <!-- AUDIO -->
  822.  
  823. {block:Audio}
  824.  
  825. <table border="0" cellpadding="0" id="audio"><tr>
  826.  
  827. <td width="106px">
  828. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  829. <img src="{image:Album Art}" class="art">
  830. {block:AlbumArt}<img src="{AlbumArtURL}" class="art">{/block:AlbumArt}
  831. {block:IndexPage}</a>{/block:IndexPage}
  832. </td>
  833.  
  834. <td>
  835. <div id="player">
  836. {block:ifNotGreyPlayer}{AudioPlayerBlack}{/block:ifNotGreyPlayer}
  837. {block:ifGreyPlayer}{AudioPlayerGrey}{/block:ifGreyPlayer}
  838. </div>
  839. <div id="audioinfo">
  840. <span><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</span></br>
  841. <span><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</span></br>
  842. <span><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</span></br>
  843. </div>
  844. </td>
  845.  
  846. </tr></table>
  847.  
  848. {block:ifShowCaptions}
  849. {block:Caption}
  850. {Caption}
  851. {/block:Caption}
  852. {/block:ifShowCaptions}
  853.  
  854. {/block:Audio}
  855.  
  856. <!-- VIDEO -->
  857.  
  858. {block:Video}
  859.  
  860. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  861. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  862.  
  863. {block:ifShowCaptions}
  864. {block:Caption}
  865. {Caption}
  866. {/block:Caption}
  867. {/block:ifShowCaptions}
  868.  
  869. {/block:Video}
  870.  
  871. <!-- ANSWER -->
  872.  
  873. {block:Answer}
  874.  
  875. <div id="ask">{Asker}: {Question}</div>
  876. {Answer}
  877.  
  878. {/block:Answer}
  879.  
  880. <!-- END ENTRIES -->
  881.  
  882. <!-- INFO -->
  883.  
  884. <div id="info">
  885. <a id="date" href="{Permalink}">{TimeAgo} — {NoteCountWithLabel}</a>
  886.  
  887. {block:ifShowTags}{block:HasTags}
  888. {block:Tags}<a id="tags" href="{TagURL}">{Tag}</a> {/block:Tags}
  889. {block:HasTags}{/block:ifShowTags}
  890. </div>
  891.  
  892. <!-- POSTNOTES -->
  893.  
  894. {block:PermalinkPage}
  895.  
  896. {block:ifNotShowCaptions}
  897. {block:Caption}
  898. {Caption}
  899. {/block:Caption}
  900. {/block:ifNotShowCaptions}
  901.  
  902. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  903. {/block:PermalinkPage}
  904.  
  905. </div><!-- END POSTS DIV -->
  906.  
  907. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  908. </div>
  909.  
  910. <!-- PAGINATION -->
  911.  
  912. <div id="pagination">
  913.  
  914. {block:ifNotInfiniteScroll}{block:Pagination}
  915. {block:PreviousPage}
  916. <a href="{PreviousPage}">previous</a></br>
  917. {/block:PreviousPage}
  918. {block:NextPage}
  919. <a href="{NextPage}">next</a>
  920. {/block:NextPage}
  921. {/block:Pagination}{/block:ifNotInfiniteScroll}
  922.  
  923. </div>
  924.  
  925. </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!