API tools faq
paste
Advertisement
wantoup

Theme 08: Blossom

wantoup
Jan 19th, 2013
11,692
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.74 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. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!--
  8.  
  9. Theme #08: Blossom by viwan-th (http://viwan-th.tumblr.com
  10.  
  11. Image rotation script by alohatechsupport.net
  12. (http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/easy_jquery_auto_image_rotator.html)
  13. Album art by mortgraphics (http://mortgrtaphics.livejournal.com)
  14.  
  15. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  16.  
  17. -->
  18.  
  19. <meta name="color:Background Color" content="#fcfcfc">
  20. <meta name="color:Body Text" content="#888888">
  21. <meta name="color:Body Links" content="#7792b5">
  22. <meta name="color:Body Links Hover" content="#8dc63f">
  23. <meta name="color:Body Bold" content="#555555">
  24. <meta name="color:Borders" content="#cccccc">
  25.  
  26. <meta name="color:Link 1" content="#333333">
  27. <meta name="color:Link 2" content="#777777">
  28. <meta name="color:Link 3" content="#aaaaaa">
  29. <meta name="color:Link 4" content="#dddddd">
  30.  
  31. <meta name="color:Chat Odd" content="#f0f0f0">
  32. <meta name="color:Chat Even" content="#fcfcfc">
  33.  
  34. <meta name="color:Selection" content="#8577b5">
  35. <meta name="color:Labels" content="#ffffff">
  36. <meta name="color:Posts" content="#ffffff">
  37. <meta name="color:Sidebar" content="#ffffff">
  38. <meta name="color:Header" content="#333333">
  39.  
  40. <meta name="if:Centered" content="1">
  41. <meta name="if:400px Posts" content="0">
  42. <meta name="if:Show Tags" content="1">
  43. <meta name="if:Show Captions" content="0">
  44. <meta name="if:Photo Fade" content="0">
  45. <meta name="if:Monochrome Images" content="1">
  46. <meta name="if:Hover Title" content="1">
  47. <meta name="if:Infinite Scroll" content="1">
  48. <meta name="if:Lazy Load" content="0">
  49. <meta name="if:Topbar" content="1">
  50.  
  51. <meta name="image:Sidebar1" content="http://static.tumblr.com/mtdphun/b01mhb27k/side_01.jpg">
  52. <meta name="image:Sidebar2" content="http://static.tumblr.com/mtdphun/gzlmhb281/side_02.jpg">
  53. <meta name="image:Sidebar3" content="http://static.tumblr.com/mtdphun/tIrmhb28c/side_03.jpg">
  54. <meta name="image:Sidebar4" content="http://static.tumblr.com/mtdphun/Rhhmhb28r/side_04.jpg">
  55. <meta name="image:Background Image" content="">
  56. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/Hxjmgozs2/original__2_.jpg">
  57.  
  58. <meta name="text:Sidebar Height" content="150">
  59. <meta name="text:Description Height" content="120">
  60. <meta name="text:Font Size" content="11">
  61. <meta name="text:Tag Label" content="x">
  62. <meta name="text:Ask" content="asked">
  63. <meta name="text:Read More" content="Read More">
  64.  
  65. <meta name="text:Link 1" content="link 1">
  66. <meta name="text:Link 1 URL" content="">
  67. <meta name="text:Link 2" content="link 2">
  68. <meta name="text:Link 2 URL" content="">
  69. <meta name="text:Link 3" content="link 3">
  70. <meta name="text:Link 3 URL" content="">
  71. <meta name="text:Link 4" content="link 4">
  72. <meta name="text:Link 4 URL" content="">
  73.  
  74. <style type="text/css">
  75.  
  76. /* BODY */
  77.  
  78. body {
  79. background-image:url('{image:Background Image}');
  80. background-attachment:fixed;
  81. background-color:{color:Background Color};
  82. color:{color:Body Text};
  83. }
  84.  
  85. h1 {
  86. margin-top:5px;
  87. text-transform:uppercase;
  88. font-size:15px;
  89. text-align:center;
  90. color:{color:Header};
  91. }
  92.  
  93. h1 a {
  94. color:{color:Header};
  95. }
  96.  
  97. h1 a:hover {
  98. text-decoration:none;
  99. color:{color:Header};
  100. }
  101.  
  102. a {
  103. text-decoration:none;
  104. color:{color:Body Links};
  105. }
  106.  
  107. a:hover {
  108. text-decoration:underline;
  109. color:{color:Body Links Hover};
  110. }
  111.  
  112. b, strong {
  113. color:{color:Body Bold};
  114. }
  115.  
  116. blockquote {
  117. padding-left:10px;
  118. margin-left:20px;
  119. border-left:3px solid {color:Borders};
  120. }
  121.  
  122. /* SIDEBAR */
  123.  
  124. #sidebar {
  125. position:fixed;
  126. top:43px;
  127. }
  128.  
  129. .side {
  130. width:200px;
  131. padding:10px;
  132. font-family:calibri;
  133. font-size:11px;
  134. background-color:{color:Sidebar};
  135. margin-top:{text:Sidebar Height}px;
  136. }
  137.  
  138. #navigation {
  139. position:absolute;
  140. margin-top:-33px;
  141. margin-left:-10px;
  142. }
  143.  
  144. .nav {
  145. position:absolute;
  146. text-transform:uppercase;
  147. text-align:center;
  148. display:inline-block;
  149. margin-right:0px;
  150. padding:5px;
  151. width:45px;
  152. font-size:11px;
  153. color:{color:Labels};
  154. }
  155.  
  156. .nav a {
  157. text-decoration:none;
  158. }
  159.  
  160. #navigation a:hover {
  161. color:{color:Labels};
  162. text-decoration:none;
  163. }
  164.  
  165. /* LINKS */
  166.  
  167. #link1 {
  168. background-color:{color:Link 1};
  169. }
  170.  
  171. #link2 {
  172. margin-left:55px;
  173. background-color:{color:Link 2};
  174. }
  175.  
  176. #link3 {
  177. margin-left:110px;
  178. background-color:{color:Link 3};
  179. }
  180.  
  181. #link4 {
  182. margin-left:165px;
  183. background-color:{color:Link 4};
  184. }
  185.  
  186. /* IMAGE ROTATION CSS */
  187. /* rotator in-page placement */
  188. div.rotator {
  189. margin-left:-40px;
  190. }
  191. /* rotator css */
  192. div.rotator ul li {
  193. float:left;
  194. position:absolute;
  195. list-style: none;
  196. }
  197. /* rotator image style */
  198. div.rotator ul li img {
  199. width:190px;
  200. height:190px;
  201. margin-top:-10px;
  202. padding:5px;
  203. display:block;
  204. border:1px solid {color:Borders};
  205. }
  206.  
  207. div.rotator ul li.show {
  208. z-index:500;
  209. }
  210.  
  211. /* SIDEBAR IMAGE */
  212.  
  213. #side {
  214. height:200px;
  215. width:200px; {block:ifMonochromeImages}-webkit-filter:grayscale(1);
  216. -webkit-transition:all 1s ease;
  217. -moz-transition:all 1s ease;
  218. -o-transition:all 1s ease;
  219. transition:all 1s ease-in-out;
  220. }
  221.  
  222. .side:hover #side {
  223. -webkit-filter:grayscale(0);{/block:ifMonochromeImages}
  224. }
  225.  
  226. #title {
  227. z-index:999;
  228. position:absolute;
  229. font-size:15px;
  230. margin:150px 0 0 6px;
  231. {block:ifNotHoverTitle}opacity:0.7;{/block:ifNotHoverTitle}
  232. {block:ifHoverTitle}opacity:0.3;
  233. -webkit-transition:all 1s ease;
  234. -moz-transition:all 1s ease;
  235. -o-transition:all 1s ease;
  236. transition:all 1s ease-in-out;
  237. }
  238.  
  239. .side:hover #title {
  240. opacity:0.7;{/block:ifHoverTitle}
  241. }
  242.  
  243. #title a {
  244. display:inline-block;
  245. text-align:center;
  246. padding:5px;
  247. background-color:#fff;
  248. color:#000;
  249. overflow:hidden;
  250. height:18px;
  251. width:180px;
  252. }
  253.  
  254. #title a:hover {
  255. color:#000;
  256. text-decoration:none;
  257. }
  258.  
  259. /* DESCRIPTION */
  260.  
  261. #desc {
  262. margin-top:2px;
  263. padding-right:10px;
  264. overflow:auto;
  265. height:{text:Description Height}px;
  266. }
  267.  
  268. #content {
  269. text-align:justify;
  270. margin:-10px 0 -10px 0;
  271. }
  272.  
  273. /* PAGINATION */
  274.  
  275. #pagination {
  276. margin-top:5px;
  277. text-align:center;
  278. width:200px;
  279. font-family:calibri;
  280. font-size:11px;
  281. text-transform:uppercase;
  282. text-align:center;
  283. }
  284.  
  285. #pagination a {
  286. opacity:0.8;
  287. color:{color:Body Text};
  288. }
  289.  
  290. #pagination a:hover {
  291. opacity:1;
  292. text-decoration:none;
  293. color:{color:Body Text};
  294. }
  295.  
  296. /* POSTS */
  297.  
  298. #container {
  299. {block:ifNot400pxPosts}width:760px;{/block:ifNot400pxPosts}
  300. {block:if400pxPosts}width:660px;{/block:if400pxPosts}
  301. {block:ifCentered}margin:auto;{/block:ifCentered}
  302. {block:ifNotCentered}margin-left:12px;{/block:ifNotCentered}
  303. }
  304.  
  305. .posts {
  306. font-family:calibri;
  307. margin:0 0 20px 240px;
  308. text-align:justify;
  309. overflow:hidden;
  310. background-color:{color:Posts};
  311. font-size:{text:Font Size}px;
  312. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  313. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  314. {block:IndexPage}{block:ifTopBar}padding:33px 10px 0px 10px;{/block:ifTopBar}
  315. {block:ifNotTopbar}padding:10px 10px 0px 10px;{/block:ifNotTopbar}{/block:IndexPage}
  316. {block:PermalinkPage}padding:10px;{/block:PermalinkPage}
  317. }
  318.  
  319. .posts img {
  320. max-width:100%;
  321. display:block;
  322. {block:ifMonochromeImages}-webkit-filter:grayscale(1);
  323. -webkit-transition:all 1s ease;
  324. -moz-transition:all 1s ease;
  325. -o-transition:all 1s ease;
  326. transition:all 1s ease-in-out;
  327. }
  328.  
  329. .posts img:hover {
  330. -webkit-filter:grayscale(0);{/block:ifMonochromeImages}
  331. }
  332.  
  333. .posts pre {
  334. white-space: pre-wrap; /* css-3 */
  335. white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  336. white-space: -o-pre-wrap; /* Opera 7 */
  337. word-wrap: break-word; /* Internet Explorer 5.5+ */
  338. }
  339.  
  340. /* PHOTO */
  341.  
  342. #photo {
  343. {block:ifMonochromeImages}-webkit-filter:grayscale(1);{/block:ifMonochromeImages}
  344. {block:ifPhotoFade}opacity:0.7;
  345. -webkit-transition:all 1s ease;
  346. -moz-transition:all 1s ease;
  347. -o-transition:all 1s ease;
  348. transition:all 1s ease-in-out;
  349. }
  350.  
  351. #photo:hover {
  352. opacity:1;{/block:ifPhotoFade}
  353. {block:ifMonochromeImages}-webkit-filter:grayscale(0);{/block:ifMonochromeImages}
  354. }
  355.  
  356. /* CHAT */
  357.  
  358. .chat {
  359. padding:5px;
  360. margin-bottom:3px;
  361. }
  362.  
  363. #odd {
  364. background-color:{color:Chat Odd};
  365. }
  366.  
  367. #even {
  368. background-color:{color:Chat Even};
  369. }
  370.  
  371. /* AUDIO */
  372.  
  373. #art {
  374. position:absolute;
  375. margin-right:10px;
  376. height:92px;
  377. width:92px;
  378. padding:3px;
  379. border:1px solid {color:Borders};
  380. }
  381.  
  382. #player {
  383. overflow:hidden;
  384. height:27px;
  385. width:207px;
  386. background-color:#000;
  387. }
  388.  
  389. #audioinfo {
  390. opacity:0.8;
  391. font-size:11px;
  392. padding:1px 0 0 10px;
  393. margin:10px 0 25px 10px;
  394. border-left:3px solid {color:Borders};
  395. }
  396.  
  397. #audioinfo b, strong {
  398. font-weight:bold;
  399. }
  400.  
  401. /* ASK */
  402.  
  403. #answer {
  404. padding:0px;
  405. margin:-2px -2px 0 -2px;
  406. }
  407.  
  408. #portrait {
  409. vertical-align:top;
  410. padding-right:10px;
  411. padding:-3px 0 0 -3px;
  412. }
  413.  
  414. #ask {
  415. width:60px;
  416. border-radius:30px;
  417. -webkit-transition:all 1s ease;
  418. -moz-transition:all 1s ease;
  419. -o-transition:all 1s ease;
  420. transition:all 1s ease-in-out
  421. }
  422.  
  423. #ask:hover {
  424. border-radius:0px;
  425. }
  426.  
  427. #question {
  428. vertical-align:top;
  429. font-style:italic;
  430. {block:if500pxPosts}width:427px;{/block:if500pxPosts}
  431. {block:if400pxPosts}width:327px;{/block:if400pxPosts}
  432. {block:if250pxPosts}{block:IndexPage}width:177px;{block:IndexPage}
  433. {block:PermalinkPage}width:427px;{/block:PermalinkPage}{/block:if250pxPosts}
  434. }
  435.  
  436. iframe#ask_form {
  437. margin-bottom:-12px;
  438. }
  439.  
  440. /* TOPBAR */
  441.  
  442. .top {
  443. display:inline-block;
  444. margin:-33px 0 0 -10px;
  445. position:absolute;
  446. padding:5px;
  447. text-align:center;
  448. text-transform:uppercase;
  449. font-size:11px;
  450. color:{color:Labels};
  451. }
  452.  
  453. .top:hover {
  454. color:{color:Labels};
  455. text-decoration:none;
  456. }
  457.  
  458. .top a {
  459. color:{color:Labels};
  460. }
  461.  
  462. .top a:hover {
  463. text-decoration:none;
  464. }
  465.  
  466. #top1 {
  467. {block:ifNot400pxPosts}width:165px;{/block:ifNot400pxPosts}
  468. {block:if400pxPosts}width:132px;{/block:if400pxPosts}
  469. background-color:{color:Link 2};
  470. }
  471.  
  472. #top2 {
  473. {block:ifNot400pxPosts}width:160px;
  474. margin-left:165px;{/block:ifNot400pxPosts}
  475. {block:if400pxPosts}width:126px;
  476. margin-left:132px;{/block:if400pxPosts}
  477. background-color:{color:Link 3};
  478. }
  479.  
  480. #top3 {
  481. {block:ifNot400pxPosts}width:165px;
  482. margin-left:335px;{/block:ifNot400pxPosts}
  483. {block:if400pxPosts}width:132px;
  484. margin-left:268px;{/block:if400pxPosts}
  485. background-color:{color:Link 4};
  486. }
  487.  
  488. /* BOTTOM BAR */
  489.  
  490. #bottom {
  491. position:relative;
  492. margin-left:-10px;
  493. font-size:10px;
  494. text-transform:uppercase;
  495. margin-top:10px;
  496. color:{color:Labels};
  497. background-color:{color:Link 1};
  498. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  499. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  500. }
  501.  
  502. #bottom a {
  503. color:{color:Labels};
  504. }
  505.  
  506. #bottom a:hover {
  507. text-decoration:none;
  508. }
  509.  
  510. #date {
  511. text-align:center;
  512. {block:ifShowTags}width:40px;
  513. padding-right:5px;{/block:ifShowTags}
  514. {block:ifNotShowTags}width:510px;{/block:ifNotShowTags}
  515. }
  516.  
  517. #tags {
  518. padding-right:3px;
  519. text-align:right;
  520. color:{color:Labels};
  521. {block:ifNot400pxPosts}width:462px;{/block:ifNot400pxPosts}
  522. {block:if400pxPosts}width:362px;{/block:if400pxPosts}
  523. }
  524.  
  525. /* PERMALINK PAGE */
  526.  
  527. #postnotes {
  528. padding:10px;
  529. font-family:calibri;
  530. font-size:10px;
  531. margin:0 0 20px 240px;
  532. background-color:{color:Posts};
  533. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  534. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  535. }
  536.  
  537. #postnotes img {
  538. margin-right:10px;
  539. }
  540.  
  541. ol.notes {
  542. list-style-type:none;
  543. margin-left:-30px;
  544. text-transform:uppercase;
  545. font-size:8px;
  546. line-height:150%;
  547.  
  548. }
  549.  
  550. ol.notes img {
  551. float:left;
  552. height:10px;
  553. border-radius:5px;
  554. }
  555.  
  556. /* MISC */
  557.  
  558. ::-webkit-scrollbar-thumb:vertical {
  559. background-color:{color:Link 1};
  560. }
  561.  
  562. ::-webkit-scrollbar-thumb:horizontal {
  563. background-color:{color:Link 1};
  564. }
  565.  
  566. ::-webkit-scrollbar-button:vertical {
  567. height:6px;
  568. width:5px;
  569. background-color:{color:Link 1};
  570. }
  571.  
  572. ::-webkit-scrollbar-button:horizontal {
  573. width:6px;
  574. height:5px;
  575. background-color:{color:Link 1};
  576. }
  577.  
  578. ::-webkit-scrollbar {
  579. height:5px;
  580. width:5px;
  581. background-color:{color:Link 3};
  582. }
  583.  
  584. ::selection {
  585. color:#fff;
  586. background-color:{color:Selection};
  587. }
  588.  
  589. iframe#tumblr_controls {
  590. position:fixed !important;
  591. top:5px !important;
  592. right:5px !important;
  593. }
  594.  
  595. </style>
  596.  
  597. <!-- IMAGE ROTATION SCRIPTS -->
  598.  
  599. {block:ifSidebar2Image}
  600. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  601. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/9Kpmgljza/image_rotator.js"></script>
  602. <script src="http://static.tumblr.com/mtdphun/2fImglk0n/image_rotator_02.js"></script>
  603. {/block:ifSidebar2Image}
  604.  
  605. <!-- INFINTE SCROLL SCRIPT -->
  606.  
  607. {block:ifInfiniteScroll}
  608. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  609. {/block:ifInfiniteScroll}
  610.  
  611. <!-- LAZY LOAD SCRIPT -->
  612.  
  613. {block:ifLazyLoad}
  614. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  615. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  616. <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  617. {/block:ifLazyLoad}
  618.  
  619. </head><body>
  620.  
  621. <div style="height:12px;"></div>
  622. <div id="container">
  623.  
  624. <!-- SIDEBAR -->
  625.  
  626. <div id="sidebar">
  627. <div class="side">
  628.  
  629. <!-- NAVIGATION -->
  630.  
  631. <div id="navigation">
  632. <a class="nav" id="link1" href="/">home</a>
  633. <a class="nav" id="link2" href="/ask">ask</a>
  634. <a class="nav" id="link3" href="/archive">archive</a>
  635. <a class="nav" id="link4" href="http://viwan-th.tumblr.com" target="blank" title="blossom theme">theme</a><!--PLEASE DO NOT REMOVE CREDIT-->
  636. </div>
  637.  
  638. <!-- SIDEBAR CONTENT -->
  639.  
  640. <div id="title"><a href="/"><b>{Title}</b></a></div>
  641.  
  642. <div id="side"><div class="rotator">
  643. <a href="/"><ul>
  644. {block:ifSidebar1Image}
  645. <li class="show"><img src="{image:Sidebar1}"></li>
  646. {/block:ifSidebar1Image}
  647. {block:ifSidebar2Image}
  648. <li><img src="{image:Sidebar2}"></li>
  649. {/block:ifSidebar2Image}
  650. {block:ifSidebar3Image}
  651. <li><img src="{image:Sidebar3}"></li>
  652. {/block:ifSidebar3Image}
  653. {block:ifSidebar4Image}
  654. <li><img src="{image:Sidebar4}"></li>
  655. {/block:ifSidebar4Image}
  656. </ul></a></div></div>
  657.  
  658. <div id="desc"><div id="content"><p>{Description}</p></div></div>
  659.  
  660.  
  661. <!-- CUSTOM LINKS -->
  662.  
  663. <div style="position:absolute;margin-top:43px;">
  664.  
  665. {block:ifLink1}
  666. <div id="navigation">
  667. <a class="nav" id="link1" href="{text:Link 1 URL}">{text:Link 1}</a>
  668. <a class="nav" id="link2" href="{text:Link 2 URL}">{text:Link 2}</a>
  669. <a class="nav" id="link3" href="{text:Link 3 URL}">{text:Link 3}</a>
  670. <a class="nav" id="link4" href="{text:Link 4 URL}">{text:Link 4}</a>
  671. </div>
  672. {/block:ifLink1}
  673.  
  674. {block:ifNotInfiniteScroll}
  675. <div id="pagination">{block:Pagination}
  676. {block:PreviousPage}
  677. <a href="{PreviousPage}">&laquo;</a>
  678. {/block:PreviousPage}
  679.  
  680. {block:JumpPagination length="5"}
  681. {block:CurrentPage} · {PageNumber}{/block:CurrentPage}
  682. {block:JumpPage}
  683. <a class="jump_page" href="{URL}"> · {PageNumber}</a>
  684. {/block:JumpPage}
  685. {/block:JumpPagination}
  686.  
  687. {block:NextPage}
  688. · <a href="{NextPage}">&raquo;</a>
  689. {/block:NextPage}
  690. {/block:Pagination}</div>
  691. {/block:ifNotInfiniteScroll}
  692.  
  693. </div></div></div>
  694.  
  695. <!-- POSTS BLOCK -->
  696.  
  697. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  698.  
  699. {block:Posts}
  700.  
  701. <div class="posts">
  702.  
  703. <!-- INFO SECTION -->
  704.  
  705. {block:ifTopbar}{block:IndexPage}
  706.  
  707. {block:RebloggedFrom}
  708. <div class="top" id="top1">
  709. <a href="{ReblogParentURl}" title="{ReblogParentName}">via</a> &middot;
  710. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>
  711. {/block:RebloggedFrom}
  712. {block:NotReblog}
  713. <a href="{Permalink}" class="top" id="top1">permalink</a>
  714. {/block:NotReblog}
  715.  
  716. <a href="{ReblogURL}" class="top" id="top2" target="blank">reblog</a>
  717. <a href="{Permalink}" class="top" id="top3">{NoteCountWithLabel}</a>
  718.  
  719. {/block:IndexPage}{/block:ifTopbar}
  720.  
  721. <!-- ENTRIES -->
  722.  
  723. {block:ContentSource}
  724. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  725. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  726. {/block:SourceLogo}
  727. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  728. {/block:ContentSource}
  729.  
  730. <!-- TEXT -->
  731.  
  732. {block:Text}
  733.  
  734. {block:Title}<div style="margin-bottom:20px;">
  735. <h1><a href="{Permalink}">{Title}</a></h1></div>{/block:Title}
  736.  
  737. <div style="margin-top:-10px;"><p>{Body}</p></div>
  738.  
  739. {block:More}<a href="{Permalink}">{text:Read More}</a>{/block:More}
  740.  
  741. {/block:Text}
  742.  
  743. <!-- PHOTO -->
  744.  
  745. {block:Photo}
  746.  
  747. {block:IndexPage}
  748. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" id="photo"></a>
  749. {/block:IndexPage}
  750.  
  751. {block:PermalinkPage}
  752. {LinkOpenTag}<img src="{PhotoURL-HighRes}" id="photo">{LinkCloseTag}
  753. {/block:PermalinkPage}
  754.  
  755. {block:ifShowCaptions}
  756. {block:Caption}
  757. {Caption}
  758. {/block:Caption}
  759. {/block:ifShowCaptions}
  760.  
  761. {/block:Photo}
  762.  
  763. <!-- PANORAMA -->
  764.  
  765. {block:Panorama}
  766.  
  767. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  768.  
  769. {block:ifShowCaptions}
  770. {block:Caption}
  771. {Caption}
  772. {/block:Caption}
  773. {/block:ifShowCaptions}
  774.  
  775. {/block:Panorama}
  776.  
  777. <!-- PHOTOSET -->
  778.  
  779. {block:Photoset}
  780.  
  781. <div id="photo">
  782. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  783. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  784. </div>
  785.  
  786. {block:ifShowCaptions}
  787. {block:Caption}
  788. {Caption}
  789. {/block:Caption}
  790. {/block:ifShowCaptions}
  791.  
  792. {/block:Photoset}
  793.  
  794. <!-- QUOTE -->
  795.  
  796. {block:Quote}
  797.  
  798. <div style="font-size:15px;"><i>"{Quote}"</i></div>
  799. <p align="right">- {Source}
  800.  
  801. {/block:Quote}
  802.  
  803. <!-- LINK -->
  804.  
  805. {block:Link}
  806.  
  807. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  808.  
  809. {block:Description}
  810. {Description}
  811. {/block:Description}
  812.  
  813. {/block:Link}
  814.  
  815. <!-- CHAT -->
  816.  
  817. {block:Chat}
  818.  
  819. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{block:Title}
  820.  
  821. {block:Lines}
  822. <div class="chat" id="{Alt}">
  823. {block:Label}<b>{Label}</b>{/block:Label}
  824. {Line}</br></div>
  825. {/block:Lines}
  826.  
  827. {/block:Chat}
  828.  
  829. <!-- AUDIO -->
  830.  
  831. {block:Audio}
  832.  
  833. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  834. <img src="{image:Album Art}" width="100px" id="art">
  835. {block:IndexPage}</a>{/block:IndexPage}
  836.  
  837. {block:AlbumArt}
  838. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  839. <img src="{AlbumArtURL}" width="100px" id="art">
  840. {block:IndexPage}</a>{/block:IndexPage}
  841. {/block:AlbumArt}
  842.  
  843. <div style="margin-left:110px;">
  844. <div id="player">{AudioPlayerBlack}</div>
  845.  
  846. <div id="audioinfo">
  847. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</br>
  848. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</br>
  849. <b>Album:</b> {block:Album}{Album}{/block:Album}</br>
  850. <b>Plays:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  851. </div></div>
  852.  
  853. {block:ifShowCaptions}
  854. {block:Caption}
  855. <div style="margin-top:-5px;">{Caption}</div>
  856. {/block:Caption}
  857. {/block:ifShowCaptions}
  858.  
  859. {/block:Audio}
  860.  
  861. <!-- VIDEO -->
  862.  
  863. {block:Video}
  864.  
  865. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  866. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  867.  
  868. {block:ifShowCaptions}
  869. {block:Caption}
  870. {Caption}
  871. {/block:Caption}
  872. {/block:ifShowCaptions}
  873.  
  874. {/block:Video}
  875.  
  876. <!-- ANSWER -->
  877.  
  878. {block:Answer}
  879.  
  880. <table id="answer"><tr>
  881. <td id="portrait"><img src="{AskerPortraitURL-128}" id="ask"></td>
  882. <td id="question"><b>{Asker}</b> {text:Ask}: {Question}</td>
  883. </tr></table>
  884.  
  885. {Answer}
  886.  
  887. {/block:Answer}
  888.  
  889. <!-- END ENTRIES -->
  890.  
  891. <!-- BOTTOM BAR -->
  892.  
  893. {block:IndexPage}
  894.  
  895. <div id="bottom">
  896. <table style="padding:2px;font-size:10px;"><tr>
  897.  
  898. <!-- DATE -->
  899.  
  900. <td id="date">
  901. {block:Date}
  902. <a href="{Permalink}">
  903. {MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear}</a>
  904. {/block:Date}
  905. </td>
  906.  
  907. <!-- TAGS -->
  908.  
  909. {block:ifShowTags}
  910.  
  911. <td id="tags">{block:HasTags}
  912. {block:Tags}{text:Tag Label} <a href="{TagURL}">{Tag}</a> {/block:Tags}
  913. {/block:HasTags}</td>
  914.  
  915. {/block:ifShowTags}
  916.  
  917. </tr></table></div>
  918.  
  919. {/block:IndexPage}
  920.  
  921. <!-- PERMALINK PAGE -->
  922.  
  923. {block:PermalinkPage}
  924.  
  925. {block:ifNotShowCaptions}
  926. {block:Caption}
  927. {Caption}
  928. {/block:Caption}
  929. {/block:ifNotShowCaptions}
  930.  
  931. {block:Date}
  932. <div style="margin-top:10px;font-size:11px;font-family:calibri;">
  933. <div style="border-top:1px dashed #ccc;margin-bottom:8px;"></div>
  934. {/block:Date}
  935.  
  936. <!-- PERMALINK INFORMATION -->
  937.  
  938. {block:HasTags}
  939. <b>Tagged with:</b>
  940. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</br>
  941. {/block:HasTags}
  942.  
  943. {block:Date}<b>Posted</b> {TimeAgo}{/block:Date}
  944. {block:NoteCount} <b>with</b> {NoteCountWithLabel}{/block:NoteCount}
  945.  
  946. {block:RebloggedFrom}
  947. || <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  948. <b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  949. {/block:RebloggedFrom}
  950.  
  951. {block:Date}</div>{/block:Date}
  952.  
  953. </div>
  954.  
  955. <!-- POSTNOTES -->
  956.  
  957. {block:PostNotes}
  958. <div id="postnotes">{PostNotes}</div>
  959. {/block:PostNotes}
  960.  
  961. {/block:PermalinkPage}
  962.  
  963. <!-- END PERMALINK PAGE -->
  964.  
  965. </div>
  966.  
  967. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  968.  
  969. <!-- END POSTS BLOCK -->
  970.  
  971. </div></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!