API tools faq
paste
Advertisement
wantoup

Theme #30: Insouciant

wantoup
Jul 28th, 2016
4,612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.32 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=Open+Sans' rel='stylesheet' type='text/css'>
  6.  
  7. <!--
  8.  
  9. THEME: INSOUCIANT BY VIWAN-TH (http://viwan-th.tumblr.com)
  10.  
  11. TERMS OF USE:
  12. 1. DO NOT REMOVE OR CHANGE THE CREDIT
  13. 2. DO NOT REDISTRIBUTE THE THEME AS YOUR OWN, NO MATTER HOW HEAVILY IT HAS BEEN EDITED
  14. 3. DO NOT 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="#eeeeee">
  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:Description Links" content="#6699cc">
  32. <meta name="color:Description Links Hover" content="#777766">
  33. <meta name="color:Description Bold" content="#99ccaa">
  34. <meta name="color:Description Italics" content="#889988">
  35. <meta name="color:Description Text" content="#aaaaaa">
  36.  
  37. <meta name="color:Scrollbar BG" content="#aaaaaa">
  38. <meta name="color:Scrollbar" content="#333333">
  39.  
  40. <meta name="color:Bars" content="#333333">
  41. <meta name="color:Pagination Text" content="#888888">
  42. <meta name="color:Pagination Links" content="#aaaaaa">
  43.  
  44. <meta name="color:Sidebar Background" content="#cccccc">
  45. <meta name="color:Sidebar Blocks" content="#555555">
  46. <meta name="color:Sidebar Title" content="#ffffff">
  47. <meta name="color:Custom Links BG" content="#888888">
  48. <meta name="color:Custom Links BG Hover" content="#555555">
  49. <meta name="color:Custom Links Text" content="#ffffff">
  50. <meta name="color:Navigation Background" content="#555555">
  51. <meta name="color:Navigation Icons" content="#ffffff">
  52. <meta name="color:Navigation Icons Hover" content="#000000">
  53.  
  54. <meta name="color:Posts" content="#ffffff">
  55. <meta name="color:Chat Odd" content="#fcfcfc">
  56. <meta name="color:Chat Even" content="#eeeeee">
  57.  
  58. <meta name="color:Info BG" content="#555555">
  59. <meta name="color:Info Links" content="#ffffff">
  60. <meta name="color:Info Links BG" content="#888888">
  61. <meta name="color:Info Links BG Hover" content="#666666">
  62.  
  63. <meta name="color:Side Info Accents" content="#ee99dd">
  64. <meta name="color:Side Info Links" content="#aaaaaa">
  65.  
  66. <meta name="if:Show Captions" content="1">
  67. <meta name="if:Show Tags" content="1">
  68. <meta name="if:Side Info" content="1">
  69. <meta name="if:Side Tags" content="1">
  70. <meta name="if:400px Posts" content="0">
  71. <meta name="if:Infinite Scroll" content="0">
  72. <meta name="if:Navigation Icons" content="1">
  73. <meta name="if:Side Info Hover" content="0">
  74.  
  75. <meta name="image:Background Image" content="http://24.media.tumblr.com/aa4d54ce2917b7976a75eba812617d44/tumblr_mt67noIbPl1ru3nbdo6_r1_250.png">
  76. <meta name="image:Sidebar Background Image" content="http://38.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo1_250.gif">
  77. <meta name="image:Sidebar 1" content="http://unsplash.it/400x400">
  78. <meta name="image:Sidebar 2" content="http://unsplash.it/300x300">
  79.  
  80. <meta name="text:Accent 1" content="Y">
  81. <meta name="text:Accent 2" content="Z">
  82. <meta name="text:Accent Size" content="15">
  83. <meta name="text:Title Size" content="20">
  84.  
  85. <meta name="text:Header Text" content="">
  86. <meta name="text:Font Size" content="11">
  87.  
  88. <meta name="text:Link 1" content="link one">
  89. <meta name="text:Link 1 URL" content="">
  90. <meta name="text:Link 2" content="link two">
  91. <meta name="text:Link 2 URL" content="">
  92. <meta name="text:Link 3" content="link three">
  93. <meta name="text:Link 3 URL" content="">
  94. <meta name="text:Link 4" content="link four">
  95. <meta name="text:Link 4 URL" content="">
  96.  
  97. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  98. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  99. <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  100.  
  101. <style type="text/css">
  102.  
  103. /*BODY STYLES*/
  104.  
  105. body {
  106. background-image:url('{image:Background Image}');
  107. background-attachment:fixed;
  108. background-color:{color:Background};
  109. color:{color:Body Text};
  110. font-size:{text:Font Size}px;
  111. font-family:calibri;
  112. text-align:justify;
  113. }
  114.  
  115. a {
  116. color:#aaa;
  117. text-decoration:none;
  118. -webkit-transition:all 1s ease;
  119. -moz-transition:all 1s ease;
  120. -o-transition:all 1s ease;
  121. transition:all 1s ease-in-out;
  122. }
  123.  
  124. img {max-width:100%;}
  125.  
  126. blockquote {
  127. border-left:3px solid {color:Blockquote};
  128. padding-left:10px;
  129. margin-left:10px;
  130. }
  131.  
  132. #wrap {
  133. position:absolute;
  134. top:0px;
  135. left:0px;
  136. }
  137.  
  138. /*BARS*/
  139.  
  140. .top {
  141. z-index:9;
  142. position:fixed;
  143. top:0px;
  144. left:0px;
  145. height:50px;
  146. width:100%;
  147. background:{color:Bars};
  148. }
  149.  
  150. .midbar {
  151. position:fixed;
  152. top:0px;
  153. left:340px;
  154. width:20px;
  155. height:100%;
  156. background:{color:Bars};
  157. }
  158.  
  159. /*PAGINATION*/
  160.  
  161. .pag {
  162. z-index:99999999;
  163. text-align:center;
  164. position:fixed;
  165. font-size:11px;
  166. height:50px;
  167. line-height:50px;
  168. top:0px;
  169. left:0px;
  170. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  171. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  172. margin-left:380px;
  173. color:{color:Pagination Text};
  174. }
  175.  
  176. .pag a {
  177. color:{color:Pagination Links};
  178. }
  179.  
  180. .pag td {
  181. width:33%;
  182. }
  183.  
  184. /*SIDEBAR*/
  185.  
  186. #sideback {
  187. position:fixed;
  188. top:0px;
  189. left:0px;
  190. height:100%;
  191. width:340px;
  192. background-image:url('{image:Sidebar Background Image}');
  193. background-color:{color:Sidebar Background};
  194. }
  195.  
  196. #sidebar {
  197. position:fixed;
  198. top:50px;
  199. left:20px;
  200. width:300px;
  201. }
  202.  
  203. .first, .second, .third {
  204. margin-bottom:{text:Title Size}px;
  205. text-align:center;
  206. }
  207.  
  208. .first, .third {
  209. background:{color:Sidebar Blocks};
  210. padding:20px;
  211. }
  212.  
  213. .third {
  214. font-size:20px;
  215. font-weight:bold;
  216. text-transform:uppercase;
  217. }
  218.  
  219. .third a {color:{color:Sidebar Title};}
  220.  
  221. /*DESCRIPTION STYLES*/
  222.  
  223. #desc {
  224. color:{color:Description Text};
  225. }
  226. #desc b, #desc strong {color:{color:Description Bold};}
  227. #desc i, #desc em {color:{color:Description Italics};}
  228. #desc a {color:{color:Description Links};}
  229. #desc a:hover {color:{color:Description Links Hover};}
  230.  
  231. /*SIDEBAR IMAGES*/
  232.  
  233. #image {
  234. margin-bottom:30px;
  235. }
  236.  
  237. #image img {
  238. display:block;
  239. height:260px;
  240. width:260px;
  241. }
  242.  
  243. .pic1 {
  244. position:absolute;
  245. opacity:1;
  246. -webkit-transition:all 1s ease;
  247. -moz-transition:all 1s ease;
  248. -o-transition:all 1s ease;
  249. transition:all 1s ease-in-out;
  250. }
  251.  
  252. #sidebar:hover .pic1 {
  253. opacity:0;
  254. }
  255.  
  256. /*CUSTOM LINKS*/
  257.  
  258. .links {
  259. margin-bottom:-10px;
  260. }
  261.  
  262. .links a, .altlinks a {
  263. display:inline-block;
  264. background:{color:Custom Links BG};
  265. color:{color:Custom Links Text};
  266. padding:5px 0;
  267. margin-bottom:10px;
  268. text-transform:uppercase;
  269. text-align:center;
  270. text-shadow:40px 0 transparent, -40px 0 transparent;
  271. }
  272.  
  273. .links a {width:260px;margin-left:10px;}
  274. .altlinks a {width:300px;}
  275.  
  276. .links a:hover, .altlinks a:hover {
  277. background:{color:Custom Links BG Hover};
  278. text-shadow:0 0 {color:Custom Links Text}, 0 0 {color:Custom Links Text};
  279. }
  280.  
  281. /*NAVIGATION ICONS*/
  282.  
  283. #navigation {
  284. background:{color:Navigation Background};
  285. width:30px;
  286. text-align:center;
  287. }
  288.  
  289. #navigation a {
  290. color:{color:Navigation Icons};
  291. font-size:15px;
  292. line-height:30px;
  293. }
  294.  
  295. #navigation a:hover {
  296. color:{color:Navigation Icons Hover};
  297. }
  298.  
  299. /*POSTS*/
  300.  
  301. #container {
  302. margin:70px 0 0 380px;
  303. width:0px;
  304. }
  305.  
  306. #pwrap {
  307. {block:IndexPage}{block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  308. {block:if400pxPosts}width:420px;{/block:if400pxPosts}{/block:IndexPage}
  309. {block:PermalinkPage}width:520px;{/block:PermalinkPage}
  310. margin-right:20px;
  311. }
  312.  
  313. .posts {
  314. background:{color:Posts};
  315. margin-bottom:20px;
  316. padding:10px;
  317. {block:ifSideInfo}padding-bottom:0px;{/block:ifSideInfo}
  318. }
  319.  
  320. /*POST STYLES*/
  321.  
  322. .title {
  323. color:{color:Body Links};
  324. border-left:3px solid {color:Body Links};
  325. border-right:3px solid {color:Body Links};
  326. text-transform:lowercase;
  327. font-size:15px;
  328. text-align:center;
  329. display:block;
  330. }
  331.  
  332. .title a {color:{color:Body Links};}
  333.  
  334. .content, .posts big, .posts small {font-size:{text:Font Size}px;}
  335. .content a {color:{color:Body Links};border-bottom:1px dotted {color:Blockquote};}
  336. .content a:hover {color:{color:Body Links Hover};}
  337. .content b, .content strong {color:{color:Body Bold};}
  338. .content i, .content em {color:{color:Body Italics};}
  339. .content img {max-width:100%;}
  340.  
  341. /*POST CONTENT STYLES*/
  342.  
  343. #photo {
  344. {block:IndexPage}width:500px;{/block:IndexPage}
  345. max-width:100%;
  346. display:block;
  347. }
  348.  
  349. .quote {
  350. font-size:15px;
  351. text-transform:lowercase;
  352. text-align:center;
  353. }
  354.  
  355. .odd, .even {padding:5px;}
  356. .odd {background:{color:Chat Odd};}
  357. .even {background:{color:Chat Even};}
  358.  
  359. #audio {width:100%;}
  360.  
  361. #art, #alt {
  362. width:150px;
  363. height:150px;
  364. display:block;
  365. }
  366.  
  367. #player {
  368. z-index:99;
  369. position:absolute;
  370. padding:10px;
  371. background:rgba(0,0,0,0.3);
  372. margin:52px;
  373. opacity:0.3;
  374. -webkit-transition:all 1s ease;
  375. -moz-transition:all 1s ease;
  376. -o-transition:all 1s ease;
  377. transition:all 1s ease-in-out;
  378. }
  379.  
  380. #art {position:absolute;}
  381. #audio:hover #player {opacity:1;}
  382.  
  383. #ainfo {
  384. overflow:hidden;
  385. text-align:left;
  386. background:{color:Chat Odd};
  387. padding-left:10px;
  388. margin-top:10px;
  389. margin-bottom:10px;
  390. margin-left:10px;
  391. padding:5px;
  392. }
  393.  
  394. #ask {
  395. padding:10px;
  396. background:{color:Chat Even};
  397. }
  398.  
  399. #arrow {
  400. position:absolute;
  401. display:inline-block;
  402. color:{color:Chat Even};
  403. font-size:30px;
  404. margin-left:20px;
  405. margin-top:-16px;
  406. }
  407.  
  408. #asker {
  409. display:inline-block;
  410. font-size:10px;
  411. text-transform:uppercase;
  412. margin-top:3px;
  413. margin-left:45px;
  414. }
  415.  
  416. /*POST INFO*/
  417.  
  418. .info {
  419. margin:10px -10px -10px -10px;
  420. background:{color:Info BG};
  421. font-size:10px;
  422. color:{color:Info Links};
  423. text-transform:uppercase;
  424. overflow:hidden;
  425. }
  426.  
  427. .blocks a {
  428. color:{color:Info Links};
  429. display:inline-block;
  430. float: left;
  431. word-wrap:break-word;
  432. }
  433.  
  434. .blocks a {
  435. height:20px;
  436. line-height:20px;
  437. padding:0 5px;
  438. background:{color:Info Links BG};
  439. margin-right:3px;
  440. }
  441.  
  442. .blocks a:hover {
  443. background:{color:Info Links BG Hover};
  444. }
  445.  
  446. .reblog a {
  447. padding:0px;
  448. }
  449.  
  450. .reblog img {
  451. width:20px;
  452. padding:0px;
  453. float:right;
  454. }
  455.  
  456. #tags {
  457. font-size:10px;
  458. margin-top:5px;
  459. text-align:right;
  460. }
  461.  
  462. #right {
  463. position:absolute;
  464. font-size:10px;
  465. color:{color:Side Info Accents};
  466. margin-top:-10px;
  467. {block:if400pxPosts}margin-left:420px;{/block:if400pxPosts}
  468. {block:ifNot400pxPosts}margin-left:520px;{/block:ifNot400pxPosts}
  469. {block:ifSideInfoHover}{block:IndexPage}opacity:0;
  470. -webkit-transition:all 1s ease;
  471. -moz-transition:all 1s ease;
  472. -o-transition:all 1s ease;
  473. transition:all 1s ease-in-out;
  474. }
  475.  
  476. .posts:hover #right {
  477. opacity:1;{/block:IndexPage}{/block:ifSideInfoHover}
  478. }
  479.  
  480. #sideinfo {
  481. {block:ifSideAccents}width:40px;
  482. text-align:center;{/block:ifSideAccents}
  483. }
  484.  
  485. #accents {
  486. font-size:{text:Accent Size}px;
  487. font-family:nymphetteregular;
  488. {block:ifNotSideAccents}display:none;{/block:ifNotSideAccents}
  489. }
  490.  
  491. #sidetags {
  492. width:100px;
  493. text-align:left;
  494. }
  495.  
  496. #sidetags a {
  497. color:{color:Side Info Links};
  498. }
  499.  
  500. /*PERMALINK PAGE*/
  501.  
  502. .perma {
  503. border-top:1px dashed {color:Blockquote};
  504. margin-top:10px;
  505. padding:10px 0;
  506. text-align:center;
  507. }
  508.  
  509. /*POST NOTES*/
  510.  
  511. ol.notes {
  512. z-index:9999;
  513. list-style-type:none;
  514. margin:30px 0 20px -50px;
  515. font-size:10px;
  516. text-transform:uppercase;
  517. }
  518.  
  519. ol.notes img {
  520. float:left;
  521. width:13px;
  522. margin-right:5px;
  523. }
  524.  
  525. .notes li {
  526. padding:5px;
  527. margin-bottom:2px;
  528. text-transform:uppercase;
  529. font-size:10px;
  530. background-color:{color:Posts};
  531. width:510px;
  532. }
  533.  
  534.  
  535. /*THEME CREDIT*/
  536.  
  537. #credit {
  538. position:fixed;
  539. bottom:5px;
  540. left:5px;
  541. font-size:10px;
  542. text-transform:uppercase;
  543. }
  544.  
  545. /*SCROLLBAR*/
  546.  
  547. ::-webkit-scrollbar-thumb:vertical {
  548. background-color:{color:Scrollbar};
  549. border-top:2px solid {color:Scrollbar BG};
  550. border-bottom:2px solid {color:Scrollbar BG};
  551. }
  552.  
  553. ::-webkit-scrollbar-button:vertical {
  554. height:6px;
  555. width:5px;
  556. background-color:{color:Scrollbar};
  557. }
  558.  
  559. ::-webkit-scrollbar-button:horizontal {
  560. width:6px;
  561. height:5px;
  562. background-color:{color:Scrollbar};
  563. }
  564.  
  565. ::-webkit-scrollbar {
  566. height:5px;
  567. width:5px;
  568. background-color:{color:Scrollbar BG};
  569. }
  570.  
  571. /* CREDITS */
  572.  
  573. #credit {
  574. z-index:999;
  575. position:fixed;
  576. bottom:5px;right:5px;
  577. width:10px;
  578. height:13px;
  579. word-wrap:break-word;
  580. overflow:hidden;
  581. -webkit-transition:all 1s ease;
  582. -moz-transition:all 1s ease;
  583. -o-transition:all 1s ease;
  584. transition:all 1s ease-in-out;
  585. }
  586.  
  587. #credit a {
  588. color:#888;
  589. text-transform:uppercase;
  590. font-size:10px;
  591. }
  592.  
  593. #credit:hover {
  594. width:83px;
  595. }
  596.  
  597. #credit span {
  598. text-shadow:1px 1px .2px #000;
  599. color:#fff;
  600. margin-right:5px;
  601. font-size:11px;
  602. }
  603.  
  604. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  605. position:fixed;
  606. z-index:999999999999999999;
  607. }
  608.  
  609. </style>
  610.  
  611. <!--infinite scroll-->
  612.  
  613. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  614.  
  615. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/sh6mmt7d2/scrolltopcontrol_nb.js"></script>
  616.  
  617. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:ifInfiniteScroll}
  618. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  619.  
  620. <script>
  621. $(function(){
  622. var $container = $('#container');
  623. $container.imagesLoaded(function(){
  624. $container.masonry({
  625. itemSelector: '#pwrap',
  626. });
  627. });
  628. $container.infinitescroll({
  629. itemSelector : "#pwrap",
  630. navSelector : "div.pagination",
  631. nextSelector : ".pagination a#next",
  632. loadingImg : "",
  633. loadingText : "<em></em>",
  634. bufferPx : 10000,
  635. extraScrollPx: 12000,
  636. },
  637. // trigger Masonry as a callback
  638. function( newElements ) {
  639. var $newElems = $( newElements ).css({ opacity: 0 });
  640. // ensure that images load before adding to masonry layout
  641. $newElems.imagesLoaded(function(){
  642. $newElems.animate({ opacity: 1 });
  643. $container.masonry( 'appended', $newElems, true );
  644. });
  645. }
  646. );
  647. });
  648. </script>
  649.  
  650. </head><body>
  651.  
  652. <div class="pagination" style="display:none;">
  653. {block:Pagination}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  654. </div>
  655.  
  656. <div id="wrap">
  657.  
  658. <!--BARS-->
  659.  
  660. <div class="top"></div>
  661. <div class="midbar"></div>
  662.  
  663. <!--PAGINATION-->
  664.  
  665. <table class="pag" cellpadding="0" cellspacing="0"><tr>
  666. {block:ifNotInfiniteScroll}{block:IndexPage}{block:Pagination}<td>{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}</td>
  667. <td>{CurrentPage} of {TotalPages}</td>
  668. <td>{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</td>{/block:Pagination}{/block:IndexPage}
  669. {block:PermalinkPage}<td><a href="#top">back to top</a></td>{/block:PermalinkPage}{/block:ifNotInfiniteScroll}
  670. {block:ifInfiniteScroll}<td><a href="#top">back to top</a></td>{/block:ifInfiniteScroll}
  671. </tr></table>
  672.  
  673. <!--SIDEBAR-->
  674.  
  675. <div id="sideback"></div>
  676.  
  677. <div id="sidebar">
  678.  
  679. <!--SIDEBAR IMAGES-->
  680. <div class="first">
  681. {block:ifSidebar1Image}<a href="/">
  682. <div id="image" class="pic1"><img src="{image:Sidebar 1}"></div>
  683. <div id="image"><img src="{image:Sidebar 2}" id="pic"></div>
  684. </a>{/block:ifSidebar1Image}
  685. <div id="desc"><p><div style="margin:-10px 0;">{Description}</div></div>
  686. </div>
  687.  
  688. <!--CUSTOM LINKS-->
  689. {block:ifNavigationIcons}<div class="second">
  690. <table cellpadding="0" cellspacing="0"><tr>
  691. <td id="navigation">
  692. <a href="/" title="home"><div class="fa fa-home"></div></a>
  693. <a href="/ask" title="ask"><div class="fa fa-envelope"></div></a>
  694. <a href="/archive" title="archive"><div class="fa fa-calendar"></div></a>
  695. <!--PLEASE DO NOT REMOVE THEME CREDIT-->
  696. <a href="http://viwan-th.tumblr.com" target="blank" title="insouciant theme"><div class="fa fa-external-link"></div></a>
  697. <!--PLEASE DO NOT REMOVE THEME CREDIT-->
  698. </td>
  699. <td>
  700. <div class="links">
  701. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  702. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  703. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  704. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  705. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  706. </div>
  707. </td>
  708. </tr></table>
  709. </div>{/block:ifNavigationIcons}
  710. {block:ifNotNavigationIcons}<div class="altlinks" style="margin-bottom:10px;">
  711. <a href="/">home</a></br>
  712. <a href="/ask">message</a></br>
  713. <a href="/archive">archive</a></br>
  714. <!--PLEASE DO NOT REMOVE THEME CREDIT-->
  715. <a href="http://viwan-th.tumblr.com" target="blank" title="insouciant theme">theme</a></br>
  716. <!--PLEASE DO NOT REMOVE THEME CREDIT-->
  717. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  718. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  719. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  720. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  721. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  722. </div>{/block:ifNotNavigationIcons}
  723.  
  724. <!--TITLE-->
  725. <div class="third"><a href="/">
  726. {block:ifNotHeaderText}{Title}{/block:ifNotHeaderText}
  727. {block:ifHeaderText}{text:Header Text}{/block:ifHeaderText}
  728. </a></div>
  729. </div>
  730.  
  731. <!--POSTS-->
  732.  
  733. <div id="container">
  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="pwrap">
  745. <div class="posts">
  746.  
  747. <!--INFO-->
  748.  
  749. {block:IndexPage}<div id="right">
  750. {block:ifSideInfo}<div id="sideinfo"><div id="accents">{text:Accent 1}</div>
  751. {block:Date}<a href="{permalink}">{MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear}</a></br>
  752. <a href="{Permalink}">{NoteCount}</a></br>{/block:Date}
  753. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &middot; <a href="{ReblogRootURL}" title="{ReblogRootName}">org</a></br>{/block:RebloggedFrom}
  754. <div id="accents">{text:Accent 2}</div></div>{/block:ifSideInfo}
  755. {block:ifShowTags}{block:ifSideTags}<div id="sidetags">{block:Tags}+ <a href="{TagURL}">{Tag}</a></br>{/block:Tags}</div>{/block:ifSideTags}{/block:ifShowTags}
  756. </div>{/block:IndexPage}
  757.  
  758. <!--TEXT-->
  759.  
  760. {block:Text}
  761. {block:Title}<a href="{Permalink}" class="title"><div style="margin-bottom:20px;">{Title}</div></a>{/block:Title}
  762. <p><div class="content" style="margin-top:-10px;">{Body}</div></p>
  763. {/block:Text}
  764.  
  765. <!--PHOTO-->
  766.  
  767. {block:Photo}
  768. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  769. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  770. <img src="{PhotoURL-HighRes}" id="photo">
  771. {block:IndexPage}</a>{/block:IndexPage}
  772. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  773. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  774. {/block:Photo}
  775.  
  776. <!--PANORAMA-->
  777.  
  778. {block:Panorama}
  779. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  780. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  781. {/block:Panorama}
  782.  
  783. <!--PHOTOSET-->
  784.  
  785. {block:Photoset}
  786. <div id="photo">
  787. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  788. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  789. </div>
  790. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  791. {/block:Photoset}
  792.  
  793. <!--QUOTE-->
  794.  
  795. {block:Quote}
  796. <div class="content"><div class="quote">❝ {Quote} ❞</div>
  797. <p align="right">- {Source}</div>
  798. {/block:Quote}
  799.  
  800. <!--LINK-->
  801.  
  802. {block:Link}
  803. <div><a class="title" href="{URL}" target="{Target}">{Name} <span style"font-face:verdana">→</span></a></div>
  804. {block:Description}<div class="content">{Description}</div>{/block:Description}
  805. {/block:Link}
  806.  
  807. <!--CHAT-->
  808.  
  809. {block:Chat}
  810. {block:Title}<a class="title" href="{Permalink}"><div>{Title}</div></a>{/block:Title}
  811. <div class="content">{block:Lines}<div class="{Alt}">
  812. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  813. </div>{/block:Lines}</div>
  814. {/block:Chat}
  815.  
  816. <!--AUDIO-->
  817.  
  818. {block:Audio}
  819. <table id="audio" cellpadding="0" cellspacing="0"><tr>
  820. <td width="150px">
  821. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div><a href="{Permalink}">
  822. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  823. <img src="{image:Album Art}" id="alt">
  824. </a></td>
  825. <td>
  826. <div id="ainfo">
  827. {block:TrackName}<b>Track: </b>{TrackName}{/block:TrackName}</div>
  828. <div id="ainfo">
  829. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div>
  830. <div id="ainfo">
  831. {block:Album}<b>Album: </b>{Album}{/block:Album}</div>
  832. <div id="ainfo">
  833. {block:PlayCount}<b>Plays: </b>{FormattedPlayCount}{/block:PlayCount}</div>
  834. </td>
  835. </tr></table>
  836. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  837. {/block:Audio}
  838.  
  839. <!--VIDEO-->
  840.  
  841. {block:Video}
  842. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  843. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  844. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  845. {/block:Video}
  846.  
  847. <!--ANSWER-->
  848.  
  849. {block:Answer}<div id="ask">{Question}</div>
  850. <span id="arrow">◥</span>
  851. <span id="asker">{Asker}</span></p>
  852. <div class="content">{Answer}</div>
  853. {/block:Answer}
  854.  
  855. <!--PERMALINK PAGE-->
  856.  
  857. {block:PermalinkPage}
  858. {block:ifNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaptions}
  859. {block:Date}<div class="perma">
  860. {12Hour}:{Minutes}<span style="text-transform:uppercase;">{AmPm}</span> &middot; {DayofWeek}, {Month} {DayofMonth}{DayofMonthSuffix}, {Year} &middot; {NoteCountWithLabel}</br>
  861. {block:HasTags}tags <span style="font-size:10px;">&raquo;</span> {block:Tags} &middot; <a href="{TagURL}">{Tag}</a>{/block:Tags}</br>{/block:HasTags}
  862. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &middot;
  863. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  864. </div>{/block:Date}
  865. {/block:PermalinkPage}
  866.  
  867. <!--INFO-->
  868.  
  869. {block:Date}{block:IndexPage}<div class="info">
  870. <table cellpadding="0" cellspacing="0" width="100%"><tr>
  871. <td class="blocks">{block:ifNotSideInfo}<a href="{permalink}">{MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear}</a>
  872. <a href="{Permalink}">{NoteCount}</a>{/block:ifNotSideInfo}
  873. {block:ifShowTags}{block:ifNotSideTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:ifNotSideTags}{/block:ifShowTags}
  874. </td>
  875. {block:ifNotSideInfo}{block:RebloggedFrom}<td class="reblog">
  876. <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  877. <img src="{ReblogParentPortraitURL-64}"></a>
  878. <a href="{ReblogRootURL}" title="org {ReblogRootName}">
  879. <img src="{ReblogRootPortraitURL-64}"></a>
  880. </td>{block:RebloggedFrom}{/block:ifNotSideInfo}
  881. </tr></table>
  882. </div>{/block:IndexPage}{/block:Date}
  883.  
  884. {block:ifSideInfo}{block:IndexPage}<div style="height:1px;margin-top:9px;"></div>{/block:IndexPage}{/block:ifSideInfo}
  885.  
  886. {block:PermalinkPage}{block:PostNotes}<div style="float:left;">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  887.  
  888. </div></div>
  889.  
  890. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  891.  
  892. </div>
  893. </div>
  894.  
  895. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  896.  
  897. <div id="credit"><div style="width:82px;">
  898. <a href="http://viwan-th.tumblr.com" target="blank">
  899. <span>♣</span>viwan themes</a>
  900. </div></div>
  901.  
  902. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  903.  
  904. </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!