API tools faq
paste
Advertisement
wantoup

Theme 28: Reminiscence

wantoup
Sep 9th, 2014
19,055
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html><head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  6.  
  7. <!--
  8.  
  9. THEME #28: REMINISCENCE BY VIWAN THEMES (http://viwan-th.tumblr.com)
  10.  
  11. TERMS OF USE:
  12. 1. DO NOT REMOVE OR CHANGE THE CREDIT
  13. 2. REDISTRIBUTE THE THEME AS YOUR OWN, NO MATTER HOW HEAVILY IT HAS BEEN EDITED
  14. 3. REDISTRIBUTE THE THEME ON OTHER SITES WITHOUT MY PERMISSION
  15.  
  16. HOW TO INSTALL:
  17. 1. DELETE ALL THE CODE FROM YOUR OLD THEME
  18. 2. COPY AND PASTE IN ALL THE CODE OF THIS THEME
  19. 3. HIT UPDATE PREVIEW, HIT SAVE
  20.  
  21. -->
  22.  
  23. <meta name="color:Background" content="#555555">
  24. <meta name="color:Blockquote" content="#cccccc">
  25. <meta name="color:Body Links" content="#dd9988">
  26. <meta name="color:Body Links Hover" content="#777766">
  27. <meta name="color:Body Bold" content="#bbccaa">
  28. <meta name="color:Body Italics" content="#cccc99">
  29. <meta name="color:Body Text" content="#888888">
  30.  
  31. <meta name="color:Banner" content="#eaeaea">
  32. <meta name="color:Navigation" content="#000000">
  33. <meta name="color:Navigation Text" content="#ffffff">
  34. <meta name="color:Navigation Hover" content="#333333">
  35.  
  36. <meta name="color:Sidebar" content="#cccccc">
  37. <meta name="color:Icon Border" content="#555555">
  38. <meta name="color:Title" content="#ffffff">
  39. <meta name="color:Title Shadow" content="#000000">
  40.  
  41. <meta name="color:Description Links" content="#6699cc">
  42. <meta name="color:Description Links Hover" content="#777766">
  43. <meta name="color:Description Bold" content="#99ccaa">
  44. <meta name="color:Description Italics" content="#889988">
  45. <meta name="color:Description Text" content="#888888">
  46.  
  47. <meta name="color:Posts" content="#ffffff">
  48. <meta name="color:Posts Background" content="#eeeeee">
  49. <meta name="color:Posts Title" content="#aaaaaa">
  50. <meta name="color:Chat Odd" content="#fcfcfc">
  51. <meta name="color:Chat Even" content="#eeeeee">
  52. <meta name="color:Audio Info A" content="#fcfcfc">
  53. <meta name="color:Audio Info B" content="#eeeeee">
  54. <meta name="color:Ask Background" content="#eeeeee">
  55.  
  56. <meta name="color:Info Bar" content="#333333">
  57. <meta name="color:Reblog Icon Borders" content="#000000">
  58. <meta name="color:Reblog Info Background" content="#000000">
  59. <meta name="color:Reblog Links" content="#ffffff">
  60. <meta name="color:Reblog Text" content="#ff6666">
  61. <meta name="color:Tags" content="#aaaaaa">
  62.  
  63. <meta name="color:Scrollbar BG" content="#aaaaaa">
  64. <meta name="color:Scrollbar" content="#333333">
  65.  
  66. <meta name="if:Show Captions" content="0">
  67. <meta name="if:Banner" content="1">
  68. <meta name="if:Sticky Navigation" content="1">
  69. <meta name="if:400px Posts" content="0">
  70. <meta name="if:Centered" content="1">
  71. <meta name="if:Infinite Scroll" content="0">
  72. <meta name="if:Show Captions" content="0">
  73. <meta name="if:Photo Fade" content="1">
  74. <meta name="if:Monochrome Images" content="0">
  75. <meta name="if:Show Tags" content="1">
  76. <meta name="if:Alt Tags" content="0">
  77.  
  78. <meta name="image:Banner" content="">
  79. <meta name="image:Icon 1" content="">
  80. <meta name="image:Icon 2" content="">
  81. <meta name="image:Icon 3" content="">
  82. <meta name="image:Background" content="">
  83.  
  84. <meta name="text:Header 1" content="Header 1">
  85. <meta name="text:Header 2" content="Header 2">
  86. <meta name="text:Header 1 Font Size" content="20">
  87. <meta name="text:Header 2 Font Size" content="13">
  88. <meta name="text:Body Font Size" content="11">
  89.  
  90. <meta name="text:Link 1" content="link one">
  91. <meta name="text:Link 1 URL" content="">
  92. <meta name="text:Link 2" content="link two">
  93. <meta name="text:Link 2 URL" content="">
  94. <meta name="text:Link 3" content="link three">
  95. <meta name="text:Link 3 URL" content="">
  96. <meta name="text:Link 4" content="link four">
  97. <meta name="text:Link 4 URL" content="">
  98.  
  99. <style type="text/css">
  100.  
  101. /* BODY */
  102.  
  103. body {
  104. background-color:{color:Background};
  105. color:{color:Body Text};
  106. font:11px calibri;
  107. text-align:justify;
  108. background:url('{image:Background}') fixed bottom right;
  109. }
  110.  
  111. a {
  112. color:#aaa;
  113. text-decoration:none;
  114. -webkit-transition:all 1s ease;
  115. -moz-transition:all 1s ease;
  116. -o-transition:all 1s ease;
  117. transition:all 1s ease-in-out;
  118. }
  119.  
  120. blockquote {
  121. border-left:3px solid {color:Blockquote};
  122. padding-left:10px;
  123. margin-left:10px;
  124. }
  125.  
  126. #wrap {
  127. position:absolute;
  128. width:960px;
  129. top:0px;
  130. {block:ifCentered}left:50%;
  131. margin-left:-480px;{/block:ifCentered}
  132. {block:ifNotCentered}left:0px;{/block:ifNotCentered}
  133. }
  134.  
  135. /* BANNER */
  136.  
  137. #banner {
  138. z-index:9999999;
  139. {block:ifNotStickyNavigation}position:fixed;{/block:ifNotStickyNavigation}
  140. {block:ifStickyNavigation}position:absolute;{/block:ifStickyNavigation}
  141. top:0px;
  142. margin-left:0px;
  143. width:960px;
  144. background:{color:Banner};
  145. height:200px;
  146. }
  147.  
  148. #bannerimage {
  149. height:200px;
  150. display:block;
  151. }
  152.  
  153. /* NAVIGATION */
  154.  
  155. #nav {
  156. z-index:99999;
  157. position:fixed;
  158. {block:ifNotBanner}top:0px;{/block:ifNotBanner}
  159. {block:ifBanner}top:200px;{/block:ifBanner}
  160. margin-left:0px;
  161. background:{color:Navigation};
  162. height:30px;
  163. text-align:center;
  164. width:960px;
  165. }
  166.  
  167. #nav a {
  168. display:inline-block;
  169. color:{color:Navigation Text};
  170. text-transform:uppercase;
  171. font-size:10px;
  172. padding:8px 10px 9px 10px;
  173. margin-right:-2px;
  174. }
  175.  
  176. #nav a:hover {
  177. background:{color:Navigation Hover};
  178. }
  179.  
  180. /* SIDEBAR */
  181.  
  182. #bar {
  183. position:fixed;
  184. top:0px;
  185. margin-left:860px;
  186. height:100%;
  187. width:100px;
  188. background:{color:Info Bar};
  189. }
  190.  
  191. #side {
  192. z-index:0;
  193. position:fixed;
  194. top:0px;
  195. margin-left:0px;
  196. height:100%;
  197. width:300px;
  198. background:{color:Sidebar};
  199. }
  200.  
  201. #sidebar {
  202. position:fixed;
  203. padding-top:40px;
  204. {block:ifNotBanner}top:0px;{/block:ifNotBanner}
  205. {block:ifBanner}top:200px;{/block:ifBanner}
  206. width:300px;
  207. }
  208.  
  209. /* ICONS */
  210.  
  211. #sidecont {
  212. margin:auto;
  213. }
  214.  
  215. #sidecont td {
  216. width:80px;
  217. }
  218.  
  219. #icon {
  220. display:block;
  221. width:70px;
  222. border:5px solid {color:Icon Border};
  223. }
  224.  
  225. /* DESCRIPTION */
  226.  
  227. #desc {
  228. padding:0 25px;
  229. font-size:10px;
  230. text-align:center;
  231. color:{color:Description Text};
  232. }
  233.  
  234. #desc a {color:{color:Description Links};border-bottom:1px dotted {color:Blockquote};}
  235. #desc a:hover {color:{color:Description Links Hover};}
  236. #desc b, #desc strong {color:{color:Description Bold};}
  237. #desc i, #desc em {color:{color:Description Italics};}
  238.  
  239. /* TITLE */
  240.  
  241. .header {
  242. text-transform:uppercase;
  243. font-family:josefin sans, century gothic;
  244. color:{color:Title};
  245. text-shadow:1px 1px 2px {color:Title Shadow};
  246. line-height:100%;
  247. }
  248.  
  249. #main {font-size:{text:Header 1 Font Size}px;}
  250. #sub {font-size:{text:Header 2 Font Size}px;}
  251.  
  252. /* PAGINATION */
  253.  
  254. #pagination {
  255. padding:20px;
  256. text-align:right;
  257. }
  258.  
  259. #pagination span {font-family:verdana;}
  260.  
  261. #pagination a {
  262. display:inline-block;
  263. }
  264.  
  265. /* POSTS */
  266.  
  267. #back {
  268. position:fixed;
  269. top:0px;
  270. margin-left:300px;
  271. height:100%;
  272. width:560px;
  273. background:{color:Posts Background};
  274. }
  275.  
  276. #container {
  277. position:absolute;
  278. {block:ifNotBanner}margin:40px 0 0 320px;{/block:ifNotBanner}
  279. {block:ifBanner}margin:250px 0 0 320px;{/block:ifBanner}
  280. }
  281.  
  282. .posts {
  283. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  284. {block:IndexPage}{block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  285. {block:if400pxPosts}width:400px;margin-left:50px;{/block:if400pxPosts}{/block:IndexPage}
  286. padding:10px 10px 0 10px;
  287. background:{color:Posts};
  288. margin-bottom:20px;
  289. }
  290.  
  291. .title {
  292. color:{color:Posts Title};
  293. text-transform:lowercase;
  294. font-size:15px;
  295. text-align:right;
  296. border-bottom:1px solid {color:Blockquote};
  297. padding-bottom:5px;
  298. }
  299.  
  300. .title a {color:{color:Posts Title};}
  301.  
  302. .content, .posts big, .posts small {font-size:{text:Body Font Size}px;}
  303. .content a {color:{color:Body Links};border-bottom:1px dotted {color:Blockquote};}
  304. .content a:hover {color:{color:Body Links Hover};}
  305. .content b, .content strong {color:{color:Body Bold};}
  306. .content i, .content em {color:{color:Body Italics};}
  307. .content img {max-width:100%;}
  308.  
  309. /* PHOTO */
  310.  
  311. .posts img, #photo {
  312. {block:ifMonochromeImages}-webkit-filter:grayscale(1);
  313. -webkit-transition: all 1s ease;
  314. -moz-transition: all 1s ease;
  315. -o-transition: all 1s ease;
  316. transition: all 1s ease-in-out;
  317. }
  318.  
  319. .posts:hover .posts img, .posts:hover #photo {
  320. -webkit-filter:grayscale(0);{/block:ifMonochromeImages}
  321. }
  322.  
  323. #photo, iframe.photoset {
  324. width:100%;
  325. display:block;
  326. {block:ifPhotoFade}opacity:0.8;
  327. -webkit-transition:all 1s ease;
  328. -moz-transition:all 1s ease;
  329. -o-transition:all 1s ease;
  330. transition:all 1s ease-in-out;
  331. }
  332.  
  333. .posts:hover #photo {opacity:1{/block:ifPhotoFade};}
  334.  
  335. /* QUOTE */
  336.  
  337. .quote {
  338. font-size:15px;
  339. text-transform:lowercase;
  340. text-align:center;
  341. }
  342.  
  343. /* CHAT */
  344.  
  345. .odd, .even {padding:5px;}
  346. .odd b, .even b, .ainfo b {color:#555;}
  347. .odd {background:{color:Chat Odd};}
  348. .even {background:{color:Chat Even};}
  349.  
  350. /* AUDIO */
  351.  
  352. .audio {
  353. {block:PermalinkPage}width:480px;{/block:PermalinkPage}
  354. {block:IndexPage}{block:ifNot400pxPosts}width:480px;{/block:ifNot400pxPosts}
  355. {block:if400pxPosts}width:380px;{/block:if400pxPosts}{/block:IndexPage}
  356. }
  357.  
  358. .a1 {
  359. width:150px;
  360. height:150px;
  361. }
  362.  
  363. .art {
  364. width:150px;
  365. height:150px;
  366. display:block;
  367. }
  368.  
  369. .ainfo {
  370. height:37.5px;
  371. width:100%;
  372. padding:0 10px;
  373. line-height:37.5px;
  374. }
  375.  
  376. #a {background:{color:Audio Info A};}
  377. #b {background:{color:Audio Info B};}
  378.  
  379. .player {
  380. z-index:999;
  381. position:absolute;
  382. padding:10px;
  383. background:rgba(0,0,0,0.3);
  384. margin:51.5px;
  385. }
  386.  
  387. /* ASK */
  388.  
  389. #ask {
  390. padding:10px;
  391. background:{color:Ask Background};
  392. }
  393.  
  394. #arrow {
  395. position:absolute;
  396. display:inline-block;
  397. color:{color:Ask Background};
  398. font-size:30px;
  399. margin-left:20px;
  400. margin-top:-12px;
  401. }
  402.  
  403. #asker {
  404. display:inline-block;
  405. font-size:10px;
  406. text-transform:uppercase;
  407. margin-top:3px;
  408. margin-left:45px;
  409. }
  410.  
  411. /* INFO */
  412.  
  413. #info {
  414. position:absolute;
  415. padding:5px;
  416. width:90px;
  417. font-size:10px;
  418. vertical-align:top;
  419. margin-top:-20px;
  420. {block:PermalinkPage}margin-left:530px;{/block:PermalinkPage}
  421. {block:IndexPage}{block:ifNot400pxPosts}margin-left:530px;{/block:ifNot400pxPosts}
  422. {block:if400pxPosts}margin-left:480px;{/block:if400pxPosts}{/block:IndexPage}
  423. font-family:calibri;
  424. }
  425.  
  426. #reblog {
  427. margin-bottom:-5px;
  428. }
  429.  
  430. #first img {
  431. display:block;
  432. width:32px;
  433. -webkit-filter:grayscale(0);
  434. border:3px solid {color:Reblog Icon Borders};
  435. background:{color:Reblog Links};
  436. }
  437.  
  438. #second td {
  439. background:{color:Reblog Icon Borders};
  440. color:{color:Reblog Links};
  441. text-align:center;
  442. padding-bottom:1px;
  443. font-style:italic;
  444. }
  445.  
  446. #third {
  447. padding-top:5px;
  448. text-align:center;
  449. color:{color:Reblog Text};
  450. background:{color:Reblog Icon Borders};
  451. padding:0 1px 1px 0;
  452. margin:5px -5px 0 5px;
  453. width:80px;
  454. }
  455.  
  456. #third a {color:{color:Reblog Links};}
  457.  
  458. /* TAGS */
  459.  
  460. #tags {
  461. margin:5px;
  462. text-align:left;
  463. font-size:10px;
  464. text-transform:lowercase;
  465. width:90px;
  466. color:{color:Reblog Text};
  467. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  468. }
  469.  
  470. #tags a {
  471. color:{color:Tags};
  472. display:inline-block;
  473. }
  474.  
  475. #alt {
  476. margin-top:10px;
  477. font-size:10px;
  478. text-align:right;
  479. border-top:1px dashed #ccc;
  480. padding-top:5px;
  481. }
  482.  
  483. /* POSTNOTES */
  484.  
  485. ol.notes {
  486. position:absolute;
  487. z-index:9999;
  488. list-style-type:none;
  489. margin:20px 0 20px -50px;
  490. font-size:10px;
  491. text-transform:uppercase;
  492. }
  493.  
  494. ol.notes img {
  495. float:left;
  496. width:13px;
  497. margin-right:5px;
  498. }
  499.  
  500. .notes li {
  501. padding:5px;
  502. margin-bottom:2px;
  503. text-transform:uppercase;
  504. font-size:10px;
  505. background-color:{color:Posts};
  506. width:510px;
  507. }
  508.  
  509. /* CREDITS */
  510.  
  511. #credit {
  512. z-index:999;
  513. position:fixed;
  514. bottom:5px;right:5px;
  515. width:10px;
  516. height:13px;
  517. word-wrap:break-word;
  518. overflow:hidden;
  519. -webkit-transition:all 1s ease;
  520. -moz-transition:all 1s ease;
  521. -o-transition:all 1s ease;
  522. transition:all 1s ease-in-out;
  523. }
  524.  
  525. #credit a {
  526. color:#888;
  527. text-transform:uppercase;
  528. font-size:10px;
  529. }
  530.  
  531. #credit:hover {
  532. width:83px;
  533. }
  534.  
  535. #credit span {
  536. text-shadow:1px 1px .2px #000;
  537. color:#fff;
  538. margin-right:5px;
  539. font-size:11px;
  540. }
  541.  
  542. /* MISC */
  543.  
  544. iframe#tumblr_controls {
  545. position:fixed !important;
  546. margin-top:5px !important;
  547. margin-right:5px !important;
  548. opacity:0.3 !important;
  549. -webkit-transition:all 1s ease;
  550. -moz-transition:all 1s ease;
  551. -o-transition:all 1s ease;
  552. transition:all 1s ease-in-out;
  553. }
  554.  
  555. iframe#tumblr_controls:hover {
  556. opacity:0.8 !important;
  557. }
  558.  
  559. ::-webkit-scrollbar-thumb:vertical {
  560. background-color:{color:Scrollbar};
  561. border-top:2px solid {color:Scrollbar BG};
  562. border-bottom:2px solid {color:Scrollbar BG};
  563. }
  564.  
  565. ::-webkit-scrollbar-button:vertical {
  566. height:6px;
  567. width:5px;
  568. background-color:{color:Scrollbar};
  569. }
  570.  
  571. ::-webkit-scrollbar-button:horizontal {
  572. width:6px;
  573. height:5px;
  574. background-color:{color:Scrollbar};
  575. }
  576.  
  577. ::-webkit-scrollbar {
  578. height:5px;
  579. width:5px;
  580. background-color:{color:Scrollbar BG};
  581. }
  582.  
  583. </style>
  584.  
  585. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  586.  
  587. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/QLwmf75xc/smooth_scroll.js"></script>
  588.  
  589. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  590.  
  591. {block:ifInfiniteScroll}
  592. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  593. {/block:ifInfiniteScroll}
  594.  
  595. <!-- STICKY SCROLL SCRIPT -->
  596.  
  597. {block:ifBanner}{block:ifStickyNavigation}<script>
  598. $(function(){ // document ready
  599. var stickyTop = $('.stick').offset().top; // returns number
  600. $(window).scroll(function(){ // scroll event
  601. var windowTop = $(window).scrollTop(); // returns number
  602. if (stickyTop < windowTop) {
  603. $('.stick').css({ position: 'fixed', top: 0 });
  604. }
  605. else {
  606. $('.stick').css({ position: 'absolute', top: 200});
  607. }
  608. });
  609. });
  610. </script>
  611. <script>
  612. $(function(){ // document ready
  613. var stickyTop = $('.stick2').offset().top; // returns number
  614. $(window).scroll(function(){ // scroll event
  615. var windowTop = $(window).scrollTop(); // returns number
  616. if (stickyTop < windowTop) {
  617. $('.stick2').css({ position: 'fixed', top: 0 });
  618. }
  619. else {
  620. $('.stick2').css({ position: 'absolute', top: 200});
  621. }
  622. });
  623. });
  624. </script>
  625. {/block:ifStickyNavigation}{/block:ifBanner}
  626.  
  627. </head><body>
  628.  
  629. <div id="wrap">
  630.  
  631. <div id="side"></div>
  632.  
  633. <div id="back"></div>
  634. <div id="bar"></div>
  635.  
  636. <!-- BANNER -->
  637.  
  638. {block:ifBanner}<div id="banner">
  639. <img src="{image:Banner}" id="bannerimage">
  640. </div>{/block:ifBanner}
  641.  
  642. <!-- SIDEBAR -->
  643.  
  644. <div id="sidebar" class="stick2">
  645. <a href="#top"><table id="sidecont" cellpadding="0" cellspacing="10"><tr>
  646. {block:ifIcon1Image}<td id="icons"><img src="{image:Icon 1}" id="icon"></td>{/block:ifIcon1Image}
  647. {block:ifIcon2Image}<td id="icons"><img src="{image:Icon 2}" id="icon"></td>{/block:ifIcon2Image}
  648. {block:ifIcon3Image}<td id="icons"><img src="{image:Icon 3}" id="icon"></td>{/block:ifIcon3Image}
  649. </tr></table></a>
  650. <div id="desc">
  651. {Description}
  652. <a href="/"><div class="header" id="main">{text:Header 1}</div>
  653. <div class="header" id="sub">{text:Header 2}</div></a>
  654. </div>
  655. <div id="pagination">
  656. {block:ifNotInfiniteScroll}{block:Pagination}
  657. {block:PreviousPage}<a href="{PreviousPage}"><span>←</span> back</a> / {/block:PreviousPage}
  658. {block:NextPage}<a href="{NextPage}">forth <span>→</span></a>{/block:NextPage}
  659. {/block:Pagination}{/block:ifNotInfiniteScroll}
  660. {block:ifInfiniteScroll}<a href="#top">back to top</a>{/block:ifInfiniteScroll}
  661. </div>
  662. </div>
  663.  
  664. <div id="nav" class="stick">
  665. <a href="/">home</a>
  666. <a href="/ask">message</a>
  667. <a href="/archive">archive</a>
  668. <!-- PLEASE DO NOT REMOVE THEME CREDIT --><a href="http://viwan-th.tumblr.com" target="blank">theme</a><!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  669. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  670. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  671. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  672. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  673. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  674. </div>
  675.  
  676. <!-- POSTS BLOCK -->
  677.  
  678. <div id="container">
  679.  
  680. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  681.  
  682. {block:ContentSource}
  683. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  684. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  685. {/block:SourceLogo}
  686. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  687. {/block:ContentSource}
  688.  
  689. <div class="posts">
  690.  
  691. <!-- INFO -->
  692.  
  693. <div id="info">
  694. {block:RebloggedFrom}<table id="reblog" cellpadding="0" cellspacing="5">
  695. <tr id="first" style="margin-top:-5px;">
  696. <td>
  697. <a href="{ReblogParentURL}" title="{ReblogParentName}">
  698. <img src="{ReblogParentPortraitURL-64}"></a>
  699. </td>
  700. <td>
  701. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  702. <img src="{ReblogRootPortraitURL-64}"></a>
  703. </td>
  704. </tr>
  705. <tr id="second">
  706. <td>via</td><td>org</td>
  707. </tr></table>{/block:RebloggedFrom}
  708. {block:Date}<div id="third">
  709. <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> + <a href="{Permalink}">{NoteCount}</a>
  710. </div>{/block:Date}
  711. {block:ifNotAltTags}<div id="tags">
  712. {block:Tags}+ <a href="{TagURL}">{Tag}</a></br>{/block:Tags}
  713. </div>{/block:ifNotAltTags}
  714. </div>
  715.  
  716. <!-- ENTRIES -->
  717.  
  718. <!-- TEXXT -->
  719.  
  720. {block:Text}
  721. {block:Title}<a href="{Permalink}"><div style="margin-bottom:20px;"><div class="title">{Title}</div></div></a>{/block:Title}
  722. <p><div class="content" style="margin-top:-10px;">{Body}</div></p>
  723. {/block:Text}
  724.  
  725. <!-- PHOTO -->
  726.  
  727. {block:Photo}
  728. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  729. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  730. <img src="{PhotoURL-HighRes}" id="photo">
  731. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  732. {block:IndexPage}</a>{/block:IndexPage}
  733. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  734. {/block:Photo}
  735.  
  736. <!-- PANORAMA -->
  737.  
  738. {block:Panorama}
  739. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  740. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  741. {/block:Panorama}
  742.  
  743. <!-- PHOTOSET -->
  744.  
  745. {block:Photoset}
  746. {block:PermalinkPage}<div id="photo">{Photoset-500}</div>{/block:PermalinkPage}
  747. {block:IndexPage}{block:ifNot400pxPosts}<div id="photo">{Photoset-500}</div>{/block:ifNot400pxPosts}
  748. {block:if400pxPosts}<div id="photo">{Photoset-400}</div>{/block:if400pxPosts}{/block:IndexPage}
  749. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  750. {/block:Photoset}
  751.  
  752. <!-- QUOTE -->
  753.  
  754. {block:Quote}
  755. <div class="content"><div class="quote">❝ {Quote} ❞</div>
  756. <p align="right">- {Source}</div>
  757. {/block:Quote}
  758.  
  759. <!-- LINK -->
  760.  
  761. {block:Link}
  762. <a href="{URL}" target="{Target}"><div class="title">{Name} →</div></a>
  763. {block:Description}<div class="content">{Description}</div>{/block:Description}
  764. {/block:Link}
  765.  
  766. <!-- CHAT -->
  767.  
  768. {block:Chat}
  769. {block:Title}<a class="title" href="{Permalink}"><div>{Title}</div></a>{/block:Title}
  770. <div class="content">{block:Lines}<div class="{Alt}">
  771. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  772. </div>{/block:Lines}</div>
  773. {/block:Chat}
  774.  
  775. <!-- AUDIO -->
  776.  
  777. {block:Audio}
  778. <table class="audio" width="100%" cellpadding="0" cellspacing="0"><tr>
  779. <td class="a1">
  780. <div class="player"><div style="width:27px;height:27px;overflow:hidden;">{AudioPlayerBlack}</div></div>
  781. {block:AlbumArt}<img src="{AlbumArtURL}" class="art" style="position:absolute;">{/block:AlbumArt}
  782. <img src="http://static.tumblr.com/mtdphun/mrbmtls9g/albumart_gray.jpg" class="art">
  783. </td>
  784. <td class="a2">
  785. <div class="ainfo" id="a">{block:TrackName}<b>Track: </b>{TrackName}{/block:TrackName}</div>
  786. <div class="ainfo" id="b">{block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div>
  787. <div class="ainfo" id="a">{block:Album}<b>Album: </b>{Album}{/block:Album}</div>
  788. <div class="ainfo" id="b">{block:PlayCount}<b>Plays: </b>{PlayCountWithLabel}{/block:PlayCount}</div>
  789. </td>
  790. </tr></table>
  791. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  792. {/block:Audio}
  793.  
  794. <!-- VIDEO -->
  795.  
  796. {block:Video}
  797. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  798. {block:IndexPage}{block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  799. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}{/block:IndexPage}
  800. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  801. {/block:Video}
  802.  
  803. <!-- ANSWER -->
  804.  
  805. {block:Answer}
  806. <div id="ask">{Question}</div>
  807. <span id="arrow">◥</span>
  808. <span id="asker">{Asker}</span></p>
  809. <div class="content">{Answer}</div>
  810. {/block:Answer}
  811.  
  812. <!-- PERMALINK PAGE -->
  813.  
  814. {block:PermalinkPage}{block:ifNotShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifNotShowCaptions}{/block:PermalinkPage}
  815.  
  816. <!-- ALTERNATE TAGS -->
  817.  
  818. {block:ifAltTags}{block:HasTags}<div id="alt">
  819. &middot; {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}
  820. </div>{/block:HasTags}{/block:ifAltTags}
  821.  
  822. <!-- POSTNOTES -->
  823.  
  824. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  825.  
  826. <div style="height:1px;margin-top:9px;"></div>
  827.  
  828. </div>
  829.  
  830. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  831.  
  832. </div></div>
  833.  
  834. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  835.  
  836. <div id="credit"><div style="width:82px;">
  837. <a href="http://viwan-th.tumblr.com" target="blank">
  838. <span>♣</span>viwan themes</a>
  839. </div></div>
  840.  
  841. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  842.  
  843. </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!