API tools faq
paste
Advertisement
wantoup

Theme 15: Magica

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