Advertisement
briqhter

sunset: theme 16 v1

Jan 23rd, 2015
502
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.28 KB | None | 0 0
  1. <!--
  2. "sunset" - theme 16 v1 by dyothms/luhyns
  3. Please do not remove the credit
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <html lang="en">
  8.  
  9. <head>
  10.  
  11. <!------script1------>
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("a[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:90,
  22. tip_fade_speed:600,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28.  
  29. <!------meta1------>
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:title" content="#797979"/>
  32. <meta name="color:text" content="#999"/>
  33. <meta name="color:bold" content="#ceb3ce"/>
  34. <meta name="color:link" content="#ceb3ce"/>
  35. <meta name="color:hover" content="#bbb"/>
  36. <meta name="color:hover message" content="#cec2ce"/>
  37. <meta name="color:sidebar border" content="#ddd"/>
  38. <meta name="color:blogtitle" content="#e7dfe7"/>
  39. <meta name="color:navi background" content="#e5d9e5"/>
  40. <meta name="color:navi text" content="#cec2ce"/>
  41. <meta name="color:post border" content="#ddd"/>
  42. <meta name="color:permalink" content="#f3f0f3"/>
  43. <meta name="color:topbar" content="#dfd8df"/>
  44. <meta name="color:scroll bar" content="#e5d5e5"/>
  45.  
  46. <meta name="image:background" content="0"/>
  47. <meta name="image:sidebar" content="http://static.tumblr.com/bgzjy3u/efpniibt5/16ediy.jpg"/>
  48.  
  49. <meta name="text:link 1 title" content="link one"/>
  50. <meta name="text:link 1 url" content="/"/>
  51. <meta name="text:link 2 title" content="link two"/>
  52. <meta name="text:link 2 url" content="/"/>
  53. <meta name="text:link 3 title" content="link three"/>
  54. <meta name="text:link 3 url" content="/"/>
  55. <meta name="text:link 4 title" content="link four"/>
  56. <meta name="text:link 4 url" content="/"/>
  57. <meta name="text:link 5 title" content="theme"/>
  58. <meta name="text:link 5 url" content="http://dyothms.tumblr.com"/>
  59. <meta name="text:blogtitle" content="title"/>
  60. <meta name="text:topbar" content="quote"/>
  61.  
  62. <meta name="if:show topbar" content="1"/>
  63. <meta name="if:transparent sidebar" content="0"/>
  64. <meta name="if:blogtitle one" content="1"/>
  65. <meta name="if:blogtitle two" content="0"/>
  66. <meta name="if:navigation one" content="0"/>
  67. <meta name="if:navigation two" content="0"/>
  68. <meta name="if:navigation three" content="1"/>
  69. <meta name="if:faded posts" content="1"/>
  70. <meta name="if:monochrome" content="0"/>
  71. <meta name="if:show captions" content="0"/>
  72.  
  73. <!------meta2------>
  74.  
  75. <style type="text/css">
  76.  
  77. /* basics1 */
  78. body {
  79. font-family:calibri;
  80. font-size:11px;
  81. line-height:12px;
  82. color:{color:text};
  83. background-color:{color:background};
  84. background-image:url({image:background});
  85. background-attachment:fixed;
  86. background-repeat:repeat;
  87. }
  88.  
  89. a:link, a:active, a:visited{
  90. color:{color:link};
  91. text-decoration:none;
  92. }
  93.  
  94. a:hover {
  95. color: {color:hover};
  96. }
  97.  
  98. b, strong {
  99. color:{color:bold};
  100. }
  101.  
  102. img {
  103. border:0;
  104. max-width:100%;
  105. height:auto;
  106. }
  107.  
  108. ::-webkit-scrollbar {width: 6px; height: 3px; background: white;}
  109. ::-webkit-scrollbar-thumb {background-color: {color:scroll bar}; border: 2px solid white;}
  110.  
  111. #s-m-t-tooltip{
  112. z-index:999999;
  113. max-width:300px;
  114. margin:15px;
  115. padding:2px 5px;
  116. border:1px solid {color:hover message};
  117. background:#fff;
  118. color:{color:hover message};
  119. font-size:8px;
  120. line-height:10px;
  121. text-transform:uppercase;
  122. letter-spacing:1px;
  123. }
  124.  
  125. #wrap{
  126. width:100px;
  127. margin:auto;
  128. }
  129.  
  130. /* posts1 */
  131. #posts {
  132. z-index:10;
  133. margin-top:10px;
  134. margin-left:-150px;
  135. width:630px;
  136. {block:ifshowtopbar}margin-top:30px;{/block:ifshowtopbar}
  137. }
  138.  
  139. #entry {
  140. float:left;
  141. margin:20px;
  142. margin-left:10px;
  143. padding:15px;
  144. background:white;
  145. border:1px solid {color:post border};
  146. {block:IndexPage}width:250px;{/block:IndexPage}
  147. {block:PermalinkPage}width:500px;
  148. padding:20px;{/block:PermalinkPage}
  149. }
  150.  
  151. #entry img {
  152. {block:IndexPage}
  153. {block:ifFadedPosts}opacity:0.75;{/block:ifFadedPosts}
  154. {block:ifMonochrome}
  155. -webkit-filter: grayscale(60%);
  156. -moz-filter: grayscale(60%);
  157. filter: grayscale(60%);
  158. {/block:ifMonochrome}
  159. {/block:IndexPage}
  160. -webkit-transition: all 0.4s ease;
  161. -moz-transition: all 0.4s ease;
  162. -o-transition: all 0.4s ease;
  163. transition: all 0.4s ease;
  164. }
  165.  
  166. #entry:hover img {
  167. opacity:1;
  168. -webkit-filter: grayscale(0%);
  169. -moz-filter: grayscale(0%);
  170. filter: grayscale(0%);
  171. }
  172.  
  173. .fdmc {
  174. {block:ifFadedPosts}opacity:0.75;{/block:ifFadedPosts}
  175. {block:ifMonochrome}
  176. -webkit-filter: grayscale(60%);
  177. -moz-filter: grayscale(60%);
  178. filter: grayscale(60%);
  179. {/block:ifMonochrome}
  180. -webkit-transition: all 0.4s ease;
  181. -moz-transition: all 0.4s ease;
  182. -o-transition: all 0.4s ease;
  183. transition: all 0.4s ease;
  184. }
  185.  
  186. #entry:hover .fdmc {
  187. opacity:1;
  188. -webkit-filter: grayscale(0%);
  189. -moz-filter: grayscale(0%);
  190. filter: grayscale(0%);
  191. }
  192.  
  193. #perma1 {
  194. z-index:3;
  195. position:absolute;
  196. opacity:0;
  197. margin-top:-10px;
  198. height:auto;
  199. width:240px;
  200. background:white;
  201. padding:5px;
  202. padding-bottom:8px;
  203. border-bottom:3px double #ccc;
  204. font-family:calibri;
  205. font-size:9px;
  206. line-height:10px;
  207. letter-spacing:1px;
  208. text-align:center;
  209. text-transform:uppercase;
  210. -webkit-transition: all 0.4s ease;
  211. -moz-transition: all 0.4s ease;
  212. -o-transition: all 0.4s ease;
  213. transition: all 0.4s ease;
  214. }
  215.  
  216. #entry:hover #perma1 {
  217. opacity:1;
  218. margin-top:0px;
  219. }
  220.  
  221. .tags1 {
  222. margin-top:2px;
  223. font-family:consolas;
  224. font-size:8px;
  225. }
  226.  
  227. #posts blockquote {
  228. margin-left:10px;
  229. padding-left:5px;
  230. border-left:solid 1px #ddd;
  231. }
  232.  
  233. #permalink {
  234. margin-top:5px;
  235. padding:5px;
  236. font-family:calibri;
  237. font-size:9px;
  238. line-height:10px;
  239. letter-spacing:1px;
  240. text-align:center;
  241. text-transform:uppercase;
  242. background:{color:permalink};
  243. {block:ifnavigationone}
  244. background:transparent;
  245. border-top:1px solid {color:permalink};
  246. border-bottom:1px solid {color:permalink};
  247. {/block:ifnavigationone}
  248. }
  249.  
  250. #permalink a {
  251. {block:ifnotnavigationone}
  252. color:{color:text};
  253. {/block:ifnotnavigationone}
  254. }
  255.  
  256. #posts #tags{
  257. text-align:right;
  258. font-size:8px;
  259. text-transform:uppercase;
  260. font-family:consolas;
  261. letter-spacing:1px;
  262. }
  263.  
  264. #posts #notecontainer {
  265. margin-top: 20px;
  266. width: 500px;
  267. font-size: 11px;
  268. line-height:16px;
  269. text-transform:uppercase;
  270. font-size:8px;
  271. letter-spacing:1px;
  272. }
  273.  
  274. #posts #notecontainer ol.notes {
  275. list-style-type: none;
  276. margin: 0;
  277. padding-top: 10px;
  278. padding-bottom: 10px;
  279. }
  280.  
  281. #posts #notecontainer img.avatar {
  282. margin-right: 5px;
  283. width: 16px;
  284. height: 16px;
  285. }
  286.  
  287. .caption a {
  288. text-decoration:underline;
  289. }
  290.  
  291. .title {
  292. font-family:calibri;
  293. font-size:12px;
  294. letter-spacing:2px;
  295. text-transform:uppercase;
  296. line-height:20px;
  297. color:{color:title};
  298. }
  299.  
  300. .title a {
  301. text-decoration:underline;
  302. }
  303.  
  304. #asker{
  305. position:absolute;
  306. margin-top:5px;
  307. margin-left:5px;
  308. }
  309.  
  310. #asker img{
  311. width:26px;
  312. background:white;
  313. padding:2px;
  314. }
  315.  
  316. #qu{
  317. padding: 5px;
  318. padding-left:40px;
  319. min-height:30px;
  320. text-align:left;
  321. background: #f5f5f5;
  322. }
  323.  
  324. #qu a {
  325. font-family:consolas;
  326. letter-spacing:1px;
  327. text-transform:uppercase;
  328. text-decoration:underline;
  329. }
  330.  
  331. .qsource {
  332. font-style:italic;
  333. text-align:right;
  334. }
  335.  
  336. .chat {
  337. margin-bottom:4px;
  338. }
  339.  
  340. .audplayer {
  341. border-left:1px solid {color:permalink};
  342. margin-left:10px;
  343. margin-top:5px;
  344. padding-left:5px;
  345. }
  346.  
  347. /* sidebar */
  348. #sidebar {
  349. z-index:8;
  350. position:fixed;
  351. margin-top:140px;
  352. margin-left:-400px;
  353. width:150px;
  354. padding:10px;
  355. background:white;
  356. border:1px solid {color:sidebar border};
  357. {block:ifTransparentSidebar}background:transparent;
  358. border:0px;{/block:ifTransparentSidebar}
  359. }
  360.  
  361. .blogtitle1 {
  362. margin-bottom:8px;
  363. padding:5px;
  364. font-family:calibri;
  365. font-size:9px;
  366. line-height:10px;
  367. letter-spacing:1px;
  368. text-align:center;
  369. text-transform:uppercase;
  370. border-top:1px solid {color:blogtitle};
  371. border-bottom:1px solid {color:blogtitle};
  372. }
  373.  
  374. .blogtitle2 {
  375. margin-bottom:8px;
  376. padding:5px;
  377. font-family:calibri;
  378. font-size:9px;
  379. line-height:10px;
  380. letter-spacing:1px;
  381. text-align:center;
  382. background:{color:blogtitle};
  383. text-transform:uppercase;
  384. }
  385.  
  386. .simg {
  387. width:150px;
  388. }
  389.  
  390. .simg img {
  391. width:150px;
  392. }
  393.  
  394. .desc {
  395. padding:2px;
  396. font-family:calibri;
  397. font-size:10px;
  398. letter-spacing:1px;
  399. }
  400.  
  401. .navi1 {
  402. margin-top:5px;
  403. padding:5px;
  404. font-family:calibri;
  405. font-size:9px;
  406. line-height:10px;
  407. letter-spacing:1px;
  408. text-align:center;
  409. text-transform:uppercase;
  410. color:{color:navi text};
  411. border-top:1px solid {color:navi background};
  412. border-bottom:1px solid {color:navi background};
  413. }
  414.  
  415. .navi1 a {
  416. color:{color:navi text};
  417. }
  418.  
  419. .navi2 {
  420. overflow:hidden;
  421. margin-top:5px;
  422. font-family:calibri;
  423. font-size:9px;
  424. line-height:20px;
  425. height:20px;
  426. letter-spacing:1px;
  427. text-align:center;
  428. background:{color:navi background};
  429. text-transform:uppercase;
  430. color:{color:navi text};
  431. -webkit-transition: all 0.4s ease;
  432. -moz-transition: all 0.4s ease;
  433. -o-transition: all 0.4s ease;
  434. transition: all 0.4s ease;
  435. }
  436.  
  437. .navi2:hover {
  438. height:116px;
  439. }
  440.  
  441. .navi2 a {
  442. color:{color:navi text};
  443. }
  444.  
  445. .n2 {
  446. border-top:1px solid {color:navi text};
  447. line-height:18px;
  448. font-size:8px;
  449. -webkit-transition: all 0.3s ease;
  450. -moz-transition: all 0.3s ease;
  451. -o-transition: all 0.3s ease;
  452. transition: all 0.3s ease;
  453. }
  454.  
  455. .n2:hover {
  456. letter-spacing:4px;
  457. }
  458.  
  459. .navi3 {
  460. margin-top:5px;
  461. -webkit-transition: all 0.4s ease;
  462. -moz-transition: all 0.4s ease;
  463. -o-transition: all 0.4s ease;
  464. transition: all 0.4s ease;
  465. }
  466.  
  467. .n3 {
  468. float:left;
  469. margin-left:2px;
  470. margin-right:2px;
  471. width:26px;
  472. height:10px;
  473. background:{color:navi background};
  474. border-bottom:2px solid {color:navi background};
  475. }
  476.  
  477. .n3:hover {
  478. border-bottom:2px solid {color:navi text};
  479. }
  480.  
  481. /* topbar */
  482. #topbar {
  483. z-index:20;
  484. position:fixed;
  485. top:0px;
  486. left:0px;
  487. height:27px;
  488. width:100%;
  489. background:white;
  490. border-bottom:4px double {color:topbar};
  491. color:{color:topbar};
  492. text-transform:uppercase;
  493. text-align:center;
  494. line-height:26px;
  495. font-family:calibri;
  496. letter-spacing:4px;
  497. }
  498.  
  499.  
  500.  
  501. #crt {
  502. z-index: 4783;
  503. position:fixed;
  504. bottom:-1px;
  505. right:10px;
  506. width:60px;
  507. background:white;
  508. border: 1px solid #eee;
  509. padding: 5px;
  510. font-family: calibri;
  511. font-size: 10px;
  512. line-height: 12px;
  513. letter-spacing:1px;
  514. color:#bbb;
  515. font-style:italic;
  516. text-align:center;
  517. transition: all 0.6s ease-out;
  518. -o-transition-transition: all 0.4s ease-out;
  519. -webkit-transition: all 0.4s ease-out;
  520. -moz-transition: all 0.4s ease-out;
  521. }
  522.  
  523. #crt a{
  524. color:#bbb;
  525. }
  526.  
  527. #crt:hover{
  528. opacity: 0;
  529. transition: all 0.6s ease-out;
  530. -o-transition-transition: all 0.4s ease-out;
  531. -webkit-transition: all 0.4s ease-out;
  532. -moz-transition: all 0.4s ease-out;
  533. }
  534.  
  535. #ctpl {
  536. z-index: 4780;
  537. position:fixed;
  538. bottom:-1px;
  539. right:10px;
  540. width:60px;
  541. background:white;
  542. border: 1px solid #eee;
  543. padding: 5px;
  544. font-family: calibri;
  545. font-size: 10px;
  546. line-height: 12px;
  547. letter-spacing:1px;
  548. color:#bbb;
  549. font-style:italic;
  550. text-align:center;
  551. transition: all 0.6s ease-out;
  552. -o-transition-transition: all 0.4s ease-out;
  553. -webkit-transition: all 0.4s ease-out;
  554. -moz-transition: all 0.4s ease-out;
  555. }
  556.  
  557. #ctpl a{
  558. color:#bbb;
  559. }
  560.  
  561. {CustomCSS}
  562.  
  563. </style>
  564.  
  565. <!------title------>
  566. <title>{title}</title>
  567. <link rel="shortcut icon" href="{Favicon}" />
  568. <meta name="viewport" content="width=820" />
  569.  
  570. <!------script2------>
  571. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  572. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  573.  
  574. <script>
  575. $(function(){
  576. var $container = $('#posts');
  577. $container.imagesLoaded(function(){
  578. $container.masonry({
  579. itemSelector: '#entry',
  580. });
  581. });
  582. $container.infinitescroll({
  583. itemSelector : "#entry",
  584. navSelector : "div.pagination",
  585. nextSelector : ".pagination a#next",
  586. loadingImg : "",
  587. loadingText : "<em></em>",
  588. bufferPx : 10000,
  589. extraScrollPx: 12000,
  590. },
  591. // trigger Masonry as a callback
  592. function( newElements ) {
  593. var $newElems = $( newElements ).css({ opacity: 0 });
  594. // ensure that images load before adding to masonry layout
  595. $newElems.imagesLoaded(function(){
  596. $newElems.animate({ opacity: 1 });
  597. $container.masonry( 'appended', $newElems, true );
  598. });
  599. }
  600. );
  601. });
  602. </script>
  603.  
  604. </head>
  605.  
  606. <body>
  607. <div id="wrap">
  608.  
  609. <!------topbar------>
  610. {block:ifshowtopbar}<div id="topbar">{text:topbar}</div>{/block:ifshowtopbar}
  611. <a href="http://dyothms.tumblr.com/"><div id="crt">theme</div>
  612. <div id="ctpl">dyothms</div></a>
  613.  
  614. <!------sidebar------>
  615. <div id="sidebar">
  616. {block:ifblogtitleone}<div class="blogtitle1">{text:blogtitle}</div>{/block:ifblogtitleone}
  617. {block:ifblogtitletwo}<div class="blogtitle2">{text:blogtitle}</div>{/block:ifblogtitletwo}
  618. {block:ifsidebarimage}<div class="simg"><img src="{image:sidebar}" /></div>{/block:ifsidebarimage}
  619. <div class="desc">{description}</div>
  620. {block:ifnavigationone}<div class="navi1">
  621. <a href="{text:link 1 url}" title="{text:link 1 title}">01.</a>
  622. <a href="{text:link 2 url}" title="{text:link 2 title}">02.</a>
  623. <a href="{text:link 3 url}" title="{text:link 3 title}">03.</a>
  624. <a href="{text:link 4 url}" title="{text:link 4 title}">04.</a>
  625. <a href="{text:link 5 url}" title="{text:link 5 title}">05.</a>
  626. </div>{/block:ifnavigationone}
  627. {block:ifnavigationtwo}<div class="navi2">+navigation
  628. <a href="{text:link 1 url}"><div class="n2">{text:link 1 title}</div></a>
  629. <a href="{text:link 2 url}"><div class="n2">{text:link 2 title}</div></a>
  630. <a href="{text:link 3 url}"><div class="n2">{text:link 3 title}</div></a>
  631. <a href="{text:link 4 url}"><div class="n2">{text:link 4 title}</div></a>
  632. <a href="{text:link 5 url}"><div class="n2">{text:link 5 title}</div></a>
  633. </div>{/block:ifnavigationtwo}
  634. {block:ifnavigationthree}
  635. <center>
  636. <div class="navi3">
  637. <a href="{text:link 1 url}" title="{text:link 1 title}"><div class="n3"></div></a>
  638. <a href="{text:link 2 url}" title="{text:link 2 title}"><div class="n3"></div></a>
  639. <a href="{text:link 3 url}" title="{text:link 3 title}"><div class="n3"></div></a>
  640. <a href="{text:link 4 url}" title="{text:link 4 title}"><div class="n3"></div></a>
  641. <a href="{text:link 5 url}" title="{text:link 5 title}"><div class="n3"></div></a>
  642. </div>
  643. {/block:ifnavigationthree}
  644. </center>
  645. </div><!--sidebar-->
  646.  
  647. <!------posts1------>
  648. <div id="posts">
  649. {block:Posts}
  650. <div id="entry">
  651.  
  652. {block:Text}
  653. {block:Title}<div class="title">{Title}</div>{/block:Title}
  654. <div class="caption">{Body}</div>
  655. {block:IndexPage}
  656. <div id="permalink">
  657. <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  658. </div>
  659. {/block:IndexPage}
  660. {/block:Text}
  661.  
  662. {block:Link}
  663. <div class="title"><a href="{URL}" >{Name}</a></div>
  664. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  665. {block:IndexPage}
  666. <div id="permalink">
  667. <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  668. </div>
  669. {/block:IndexPage}
  670. {/block:Link}
  671.  
  672. {block:Answer}
  673.  
  674. <div id="asker"><img src="{AskerPortraitURL-30}"></div>
  675. <div id="qu">{Asker}: <i>{Question}</i></div>
  676. <div class="caption">{Answer}</div>
  677. {block:IndexPage}
  678. <div id="permalink">
  679. <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  680. </div>
  681. {/block:IndexPage}
  682. {/block:Answer}
  683.  
  684. {block:Photo}
  685. {block:IndexPage}
  686. <div id="perma1"><a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  687. {block:HasTags}<div class="tags1">
  688. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  689. </div>
  690. {/block:HasTags}
  691. </div>
  692. {LinkOpenTag}<img src="{PhotoURL-250}" />{LinkCloseTag}
  693. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  694. {/block:IndexPage}
  695. {block:PermalinkPage}
  696. <img src="{PhotoURL-500}" />
  697. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  698. {/block:PermalinkPage}
  699. {/block:Photo}
  700.  
  701. {block:Photoset}
  702. {block:IndexPage}
  703. <div id="perma1"><a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  704. {block:HasTags}<div class="tags1">
  705. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  706. </div>
  707. {/block:HasTags}
  708. </div>
  709. <div class="fdmc">{Photoset-250}</div>
  710. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  711. {/block:IndexPage}
  712. {block:PermalinkPage}
  713. {Photoset-500}
  714. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  715. {/block:PermalinkPage}
  716. {/block:Photoset}
  717.  
  718. {block:Video}
  719. {/block:IndexPage}
  720. <div id="perma1"><a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  721. {block:HasTags}<div class="tags1">
  722. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  723. </div>
  724. {/block:HasTags}
  725. </div>
  726. <div class="fdmc">{Video-250}</div>
  727. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  728. {/block:IndexPage}
  729. {block:PermalinkPage}
  730. {Video-500}
  731. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  732. {/block:PermalinkPage}
  733. {/block:Video}
  734.  
  735. {block:Audio}
  736. <div class="title">{block:TrackName}<u>{TrackName}</u>{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  737. <div class="audplayer">{AudioPlayer}</div>
  738. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  739. {block:IndexPage}
  740. <div id="permalink">
  741. <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  742. </div>
  743. {/block:IndexPage}
  744. {/block:Audio}
  745.  
  746. {block:Quote}
  747. <div class="title">"{Quote}"</div>
  748. {block:Source}<div class="qsource">—{Source}</div>{/block:Source}
  749. {block:IndexPage}
  750. <div id="permalink">
  751. <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  752. </div>
  753. {/block:IndexPage}
  754. {/block:Quote}
  755.  
  756. {block:Chat}
  757. {block:Title}{Title}<br />{/block:Title}
  758. {block:Lines}
  759. <div class="chat">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  760. {/block:Lines}
  761. {block:IndexPage}
  762. <div id="permalink">
  763. <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
  764. </div>
  765. {/block:IndexPage}
  766. {/block:Chat}
  767.  
  768. {block:PermalinkPage}
  769. <div id="permalink">
  770. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  771. {block:NoteCount} with {NoteCountWithLabel} -{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:via}</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">{lang:source}</a>
  772. {/block:RebloggedFrom}
  773. {block:NotReblog}my original post{/block:NotReblog}
  774. </div>
  775.  
  776. {block:HasTags}<div id="tags">
  777. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  778. </div>
  779. {/block:HasTags}
  780.  
  781. {block:PostNotes}
  782. <div id="notecontainer">{PostNotes}</div>
  783. {/block:PostNotes}
  784.  
  785. <center>{block:ContentSource}
  786. <br><a href="{SourceURL}">
  787. {lang:Source}:
  788. {block:SourceLogo}
  789. <img src="{BlackLogoURL}" width="{LogoWidth}"
  790. height="{LogoHeight}" alt="{SourceTitle}" />
  791. {/block:SourceLogo}
  792. {block:NoSourceLogo}
  793. {SourceLink}
  794. {/block:NoSourceLogo}
  795. </a>
  796. {/block:ContentSource}</center>
  797.  
  798. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  799.  
  800. {/block:PermalinkPage}
  801.  
  802. </div><!--entry-->
  803.  
  804. {/block:Posts}
  805. </div><!--posts-->
  806. <!------posts2------>
  807.  
  808. <div class="pagination">
  809. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  810. </div>
  811.  
  812. </div><!--wrap-->
  813.  
  814. </body>
  815.  
  816. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement