API tools faq
paste
Advertisement
wantoup

Theme 09: Ikebukuro

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