Advertisement
Laighlin

#1: Diwali

May 3rd, 2016
3,769
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.08 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i" rel="stylesheet">
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  8. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!-- Diwali by Laighlin --------------------------------------
  12.  
  13. please don't claim the theme as your own or use the code as a base.
  14. if you don't like the credit charm in the corner I request you link my blog
  15. somewhere that's still visible from the index page. people should be able to
  16. find me and my work.
  17.  
  18. NOTE: to activate the unlimited links, just turn on the "show a link to
  19. this page" option when making the page! further information on this can be found in my /faq.
  20.  
  21. Update 04/01/17 - Major code revamp. The look is largely the same, but the previously separate "no-glo" version with flat colors and solid lines has been merged here as an additional feature. The full list of updated features can be found in the relevant post on my blog (not far down in the #themes tag).
  22.  
  23. --------------------------------------------------------------->
  24.  
  25. <script>
  26. $(document).ready(function() {
  27.     $("[title]").style_my_tooltips({
  28.         tip_follows_cursor:true,
  29.         tip_delay_time:200,
  30.         tip_fade_speed:200
  31.     });
  32. });
  33. </script>
  34.  
  35. <meta name="color:background color" content="#000"/>
  36. <meta name="color:borders" content="#fff"/>
  37. <meta name="image:background" content="/"/>
  38. <meta name="image:favicon" content="http://static.tumblr.com/ffb028337dcf664dd3de31c08156d159/xwoxjom/jC8o6lwat/tumblr_static_90zfq4ilspgccc0go0koow4gs.png"/>
  39. <meta name="if:text glow effects" content="1"/>
  40. <meta name="if:extra light strings" content="1"/>
  41. <meta name="if:small lights" content="1"/>
  42. <meta name="if:twinkle" content="1"/>
  43. <meta name="if:no glow" content="0"/>
  44. <meta name="if:500 px" content="0"/>
  45. <meta name="if:diamond lights" content="1"/>
  46. <meta name="select:border type" content="dotted"/>
  47. <meta name="select:border type" content="solid"/>
  48. <meta name="select:background size" title="tiled" content="repeat"/>
  49. <meta name="select:background size" title="cover" content=";background-size:cover"/>
  50.  
  51. <meta name="color:title" content="#fa0"/>
  52. <meta name="color:title bg" content="#171717"/>
  53. <meta name="color:desc text" content="#ffbf7b"/>
  54. <meta name="color:desc bg" content="#171717"/>
  55. <meta name="color:post bg" content="#171717"/>
  56. <meta name="color:post text" content="#eee"/>
  57. <meta name="color:bold" content="#ffe224"/>
  58. <meta name="color:italic" content="#ffa70e"/>
  59. <meta name="color:link" content="#ff810b"/>
  60. <meta name="color:link hover" content="#fffec5"/>
  61. <meta name="color:selection text" content="#fff"/>
  62. <meta name="color:selection bg" content="#ffa053"/>
  63. <meta name="color:scroll thumb" content="#f33"/>
  64. <meta name="color:scroll bg" content="#000"/>
  65. <meta name="color:extra links bg" content="#f33"/>
  66. <meta name="color:extra links hover" content="#ffd026"/>
  67. <meta name="color:extra links text" content="#000"/>
  68. <meta name="color:blockquotes" content="#fffc32"/>
  69. <meta name="color:tags" content="#ffc368"/>
  70. <meta name="color:tags hover" content="#ff7353"/>
  71. <meta name="color:extra lights 1" content="#ff6f44"/>
  72. <meta name="color:extra lights 2" content="#ffe32f"/>
  73.  
  74. <!-- orb colors -->
  75. <meta name="color:strings" content="#f3e4ca"/>
  76. <meta name="color:diya1" content="#fff"/>
  77. <meta name="color:diya2" content="#ffeb38" />
  78. <meta name="color:diya3" content="#ffb638" />
  79. <meta name="color:diya4" content="#f33" />
  80.  
  81. <!-- text fields -->
  82. <meta name="font:title font" content="calluna sans"/>
  83. <meta name="text:body font" content="ubuntu"/>
  84. <meta name="text:desc font" content="consolas"/>
  85. <meta name="text:body font size" content="13px"/>
  86. <meta name="text:desc font size" content="11px"/>
  87. <meta name="text:link 1" content="link 1"/>
  88. <meta name="text:link 1 url" content="/"/>
  89. <meta name="text:link 2" content="link 2"/>
  90. <meta name="text:link 2 url" content="/"/>
  91. <meta name="text:link 3" content="link 3"/>
  92. <meta name="text:link 3 url" content="/"/>
  93. <meta name="text:link 4" content="link 4"/>
  94. <meta name="text:link 4 url" content="/"/>
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99. * {
  100.     transition:.2s all ease;
  101. }
  102.  
  103. body {
  104.     background:url({image:background}) {color:background color} fixed {select:background size};
  105.     margin:0px;
  106.     color:{color:post text};
  107.     font-family:{text:body font};
  108.     font-size:{text:body font size};
  109.     word-wrap:break-word;
  110. }
  111.  
  112. #s-m-t-tooltip {
  113.     margin:5px 13px;
  114.     padding:5px;
  115.     background:{color:extra links hover};
  116.     color:{color:extra links text};
  117.     font-size:90%;
  118.     border-radius:4px;
  119.     font-style:italic;
  120.     z-index:999999999;
  121.     pointer-events:none;
  122.     transition:none;
  123. }
  124.  
  125. b, strong {
  126.     color:{color:bold};
  127. }
  128.  
  129. i, em {
  130.     color:{color:italic};
  131. }
  132.  
  133. a {
  134.     text-decoration:none;
  135.     outline:none;
  136.     -moz-outline-style:none;
  137.     color:{color:link};
  138.     transition:.25s all ease-in-out;
  139. }
  140.  
  141. a:hover {
  142.     color:{color:link hover};
  143. }
  144.  
  145. {block:ifTextGlowEffects}
  146. #post a:hover, #info a:hover, .tit {
  147.     text-shadow:0 0 2px;
  148. }
  149. {block:ifTextGlowEffects}
  150.  
  151. img {
  152.     border:none;
  153.     border-radius:5px;
  154.     max-height:100%;
  155.     max-width:100%;
  156. }
  157.  
  158. blockquote, blockquote blockquote {
  159.     padding-left:7px;
  160.     margin-left:7px;
  161.     border-left:2px solid {color:blockquotes};
  162.     margin-right:0px;
  163. }
  164.  
  165. .tit {
  166.     font-size:130%;
  167.     padding-bottom:5px;
  168.     text-align:center;
  169.     font-family:'calluna sans';
  170.     color:{color:title};
  171. }
  172.  
  173. .tit:before {
  174.     content:'✻ ';
  175. }
  176.  
  177. .tit:after {
  178.     content:' ✻';
  179. }
  180.  
  181. ::selection {
  182.   background: {color:selection bg};
  183.   color: {color:selection text};
  184. }
  185.  
  186. ::-moz-selection {
  187.   background: {color:selection bg};
  188.   color: {color:selection text};
  189. }
  190.  
  191. ::-webkit-scrollbar {
  192.     width:7px;
  193.     height:7px;
  194. }
  195.  
  196. /* Track */
  197. ::-webkit-scrollbar-track {
  198.     background: {color:scroll thumb};
  199.     border: 4px solid {color:scroll bg};
  200. }
  201.  
  202. /* Handle */
  203. ::-webkit-scrollbar-thumb {
  204.     border-radius: 10px;
  205.     background: {color:scroll thumb};
  206.     {block:ifNotNoGlow}
  207.     box-shadow: 0 0 7px {color:scroll thumb};
  208.     {/block:ifNotNoGlow}
  209. }
  210.  
  211. ::-webkit-scrollbar-corner {
  212.     background: {color:scroll bg};
  213. }
  214.  
  215. #cred {
  216.     height:15px;
  217.     width:15px;
  218.     border-radius:50%;
  219.     top:55px;
  220.     left:10px;
  221.     position:fixed;
  222.     text-align:center;
  223.     font-family:arial;
  224.     font-size:13px;
  225.     padding:7px;
  226.     line-height:15px;
  227.     box-shadow:0px 0px 10px 2px {color:extra links bg};
  228. }
  229.  
  230. #cred:hover {
  231.     box-shadow:0px 0px 9px 1px {color:extra links hover};
  232. }
  233.  
  234. #post, #info {
  235.     {block:if500px}
  236.     width:500px;
  237.     {/block:if500px}
  238.     {block:ifNot500px}
  239.     width:400px;
  240.     {/block:ifNot500px}
  241.     border-radius:10px;
  242.     padding:10px;
  243.     background:{color:post bg};
  244. }
  245.  
  246. #entries {
  247.     padding:10px;
  248.     {block:if500px}
  249.     width:500px;
  250.     {/block:if500px}
  251.     {block:ifNot500px}
  252.     width:400px;
  253.     {/block:ifNot500px}
  254.     {block:if500px}
  255.     margin-left:470px;
  256.     {/block:if500px}
  257.     {block:ifNot500px}
  258.     margin-left:520px;
  259.     {/block:ifNot500px}
  260.     margin-top:40px;
  261.     position:relative;
  262.     z-index:99;
  263. }
  264.  
  265. #post {
  266.     margin-bottom:10px;
  267.     background:{color:post bg};
  268.     line-height:130%;
  269. }
  270.  
  271. .tags {
  272.     display:inline;
  273.     color:{color:tags};
  274.     padding:3px;
  275.     font-size:95%;
  276. }
  277.  
  278. .tags a {
  279.     color:{color:tags};
  280.     transition:.2s all ease;
  281. }
  282.  
  283. .tags a:hover {
  284.     color:{color:tags hover};
  285.     {block:ifTextGlowEffects}
  286.     text-shadow:0 0 2px {color:tags hover};
  287.     {block:ifTextGlowEffects}
  288. }
  289.  
  290. .line {
  291.     width:100%;
  292.     height:1px;
  293.     border-top:1px {select:border type} {color:borders};
  294.     padding-top:3px;
  295.     padding-bottom:3px;
  296. }
  297.  
  298. #sidebar {
  299.     width:300px;
  300.     position:fixed;
  301.     bottom:50px;
  302.     left:70px;
  303. }
  304.  
  305. #title, #desc, #post, #info, #desc {
  306.     border:2px {select:border type} {color:borders};
  307. }
  308.  
  309. #title, #desc {
  310.     width:inherit;
  311.     padding:10px;
  312.     text-align:center;
  313.     position:relative;
  314. }
  315.  
  316. #title {
  317.     position:relative;
  318.     margin-bottom:10px;
  319.     font-size:18px;
  320.     background:{color:title bg};
  321.     color:{color:title};
  322.     font-family:{font:title font};
  323.     border-radius:10px;
  324.     {block:ifTextGlowEffects}
  325.     text-shadow:0 0 2px {color:title};
  326.     {/block:ifTextGlowEffects}
  327. }
  328.  
  329. #desc {
  330.     line-height:14px;
  331.     border-radius:10px;
  332.     font-family:{text:desc font};
  333.     color:{color:desc text};
  334.     background:{color:desc bg};
  335.     font-size:{text:desc font size};
  336. }
  337.  
  338. #description {
  339.     padding:5px;
  340.     text-align:center;
  341. }
  342.  
  343. #pag {
  344.     position:fixed;
  345.     right:155px;
  346.     bottom:50px;
  347. }
  348.  
  349. .pag {
  350.     font-size:20px;
  351.     font-family:calibri;
  352.     text-align:center;
  353.     height:20px;
  354.     width:20px;
  355.     padding:7px;
  356.     position:relative;
  357.     border-radius:100%;
  358.     background:{color:extra links bg};
  359.     color:{color:extra links text};
  360.     transition:.2s all ease;
  361.     box-shadow:0px 0px 15px {color:extra links bg};
  362.     line-height:19px;
  363.     margin:20px 0;
  364. }
  365.  
  366. .pag:hover {
  367.     background:{color:extra links hover};
  368.     box-shadow:0px 0px 15px {color:extra links hover};
  369. }
  370.  
  371. #info {
  372.     text-align:center;
  373.     text-transform:uppercase;
  374.     font-family:calibri;
  375.     letter-spacing:.5px;
  376.     font-size:12px;
  377.     margin-bottom:40px;
  378.     background:{color:post bg};
  379. }
  380.  
  381. #note {
  382.     overflow-x:hidden;
  383.     text-align:center;
  384.     padding-top:10px;
  385.     margin:auto;
  386.     text-transform:none;
  387.     font-family:{text:body font};
  388. }
  389.  
  390. #note ol.notes {
  391.     list-style-type:none;
  392.     margin:5px;
  393.     padding:5px;
  394. }
  395.  
  396. #note ol.notes img.avatar {
  397.     margin-right: 5px;
  398.     margin-bottom:-3px;
  399.     width: 16px;
  400.     height: 16px;
  401.     border-radius:50%;
  402. }
  403.  
  404. #note ol.notes li {
  405.     padding:3px;
  406. }
  407.  
  408. .quote {
  409.     color:{color:title};
  410.     font-size:120%;
  411.     font-family:'calluna sans';
  412. }
  413.  
  414. .exc {
  415.     padding-bottom:4px;
  416.     text-align:right;
  417.     color:{color:italic};
  418.     font-style:italic;
  419.     border-left:2px solid {color:blockquotes};
  420.     position:relative;
  421. }
  422.  
  423. .aud {
  424.     height:30px;
  425.     width:23px;
  426.     overflow:hidden;
  427.     position:relative;
  428.     margin: 14px 24px 13px 14px;
  429. }
  430.  
  431. .audholder {
  432.     position:absolute;
  433.     z-index:30;
  434.     background:#fafafa;
  435.     margin-top:11px;
  436.     margin-left:11px;
  437.     opacity:.5;
  438. }
  439.  
  440. #song {
  441.     height:51px;
  442.     padding:15px;
  443.     background:transparent;
  444.     margin-left:70px;
  445. }
  446.  
  447. #cover {
  448.     margin-right:5px;
  449.     border-radius:3px;
  450.     width:81px;
  451.     height:81px;
  452.     float:left;
  453.     background-size:cover;
  454.     z-index:1;
  455. }
  456.  
  457. #cover img { border-radius:3px; }
  458.  
  459. #asker {
  460.     float:left;
  461.     margin-right:5px;
  462. }
  463.  
  464. .chat:nth-child(even) {
  465.     padding-left:10px;
  466. }
  467.  
  468. #links, .pag, #cred {
  469.     background:{color:extra links bg};
  470.     color:{color:extra links text};
  471. }
  472.  
  473. #links:hover, .pag:hover, #cred:hover {
  474.     background:{color:extra links hover};
  475. }
  476.  
  477. #linkcont {
  478.     right:23px;
  479.     width:100px;
  480.     height:100%;
  481.     display:block;
  482.     position:fixed;
  483.     top:50px;
  484. }
  485.  
  486. #links {
  487.     font-size:90%;
  488.     text-align:center;
  489.     width:90px;
  490.     margin-bottom:30px;
  491.     padding:8px 5px;
  492.     border-radius:12px;
  493.     box-shadow:0 0 18px {color:extra links bg};
  494. }
  495.  
  496. #links:hover {
  497.     box-shadow:0 0 15px {color:extra links hover};
  498. }
  499.  
  500. #linkstring {
  501.     height:100%;
  502.     width:1px;
  503.     position:fixed;
  504.     top:0px;
  505. }
  506.  
  507. /* all the mothfuckin light strings im dying squirtle */
  508.  
  509. #strcont {
  510.     height:400px;
  511.     width:100%;
  512.     top:0px;
  513.     z-index:-999999;
  514.     position:fixed;
  515. }
  516.  
  517. .top, #linkstring, #dstring {
  518.     border:2px {select:border type} {color:strings};
  519. }
  520.  
  521. .top, .minidiya1, .minidiya2, .diya, .pag, .audholder {
  522.     border-radius:50%;
  523. }
  524.  
  525. .top { position:absolute; }
  526.  
  527. .str1 {
  528.     width:400px;
  529.     height:300px;
  530.     top:-170px;
  531.     margin-left:-200px;
  532. }
  533.  
  534. .str2 {
  535.     width:500px;
  536.     height:500px;
  537.     top:-300px;
  538.     margin-left:20px;
  539. }
  540.  
  541. .str4 {
  542.     width:450px;
  543.     height:300px;
  544.     margin-top:-170px;
  545.     margin-left:170px;
  546. }
  547.  
  548. .str5 {
  549.     width:95%;
  550.     height:250px;
  551.     margin-top:-150px;
  552.     margin-left:20px;
  553. }
  554.  
  555. .str6 {
  556.     width:500px;
  557.     height:700px;
  558.     margin-top:-370px;
  559.     margin-left:-210px;
  560. }
  561.  
  562. .minidiya1 {
  563.     height:7px;
  564.     width:7px;
  565.     border-radius:100%;
  566.     background:{color:extra lights 1};
  567.     box-shadow: 0px 0px 6px 2px {color:extra lights 1};
  568.     position:fixed;
  569.     z-index:-99999;
  570.     {block:ifTwinkle}
  571.     animation: glow1 .7s infinite alternate;
  572.     {/block:ifTwinkle}
  573. }
  574.  
  575. .minidiya2 {
  576.     height:11px;
  577.     width:11px;
  578.     border-radius:100%;
  579.     background:{color:extra lights 2};
  580.     box-shadow: 0px 0px 13px 3px {color:extra lights 2};
  581.     position:fixed;
  582.     z-index:-99999;
  583.     {block:ifTwinkle}
  584.     animation: glow2 .7s infinite alternate;
  585.     animation-delay:.7s;
  586.     {/block:ifTwinkle}
  587. }
  588.  
  589. @keyframes glow1 {
  590.     to {
  591.             box-shadow: 0 0 2px 1px {color:extra lights 1};
  592.     }
  593. }
  594.  
  595. @keyframes glow2 {
  596.     to {
  597.             box-shadow: 0 0 3px 1px {color:extra lights 2};
  598.     }
  599. }
  600.  
  601. #dstring {
  602.     top:0px;
  603.     width:1px;
  604.     position:fixed;
  605.     z-index:-99999;
  606. }
  607.  
  608. .diya {
  609.     transition:.1s all ease-in;
  610.     height:65px;
  611.     width:65px;
  612.     position:absolute;
  613.     box-shadow:0 0 25px 10px;
  614.     {block:ifDiamondLights}
  615.     border-radius:17px;
  616.     transform:rotate(45deg);
  617.     margin-left:1px;
  618.     {/block:ifDiamondLights}
  619. }
  620.  
  621. .diya:hover {
  622.     box-shadow:0 0 15px 5px;
  623.     transition:.5s all ease-in-out;
  624. }
  625.  
  626. #diya1 {
  627.     top:120px;
  628.     left:100px;
  629.     background:{color:diya1};
  630.     color:{color:diya1};
  631. }
  632.  
  633. #diya2 {
  634.     top:170px;
  635.     left:200px;
  636.     background:{color:diya2};
  637.     color:{color:diya2};
  638. }
  639.  
  640. #diya3 {
  641.     top:220px;
  642.     left:50px;
  643.     background:{color:diya3};
  644.     color:{color:diya3};
  645. }
  646.  
  647. #diya4 {
  648.     margin-top:300px;
  649.     left:140px;
  650.     background:{color:diya4};
  651.     color:{color:diya4};
  652. }
  653.  
  654. .pset {
  655.     border-radius:5px;
  656.     overflow:hidden;
  657. }
  658.  
  659. {block:ifNoGlow}
  660. .diya, .pag, .minidiya1, .minidiya2, #links, #cred, .pag:hover, #links:hover, #cred:hover, .diya:hover {
  661.     box-shadow:none;
  662. }
  663.  
  664. .diya {
  665.     box-sizing:border-box;
  666. }
  667.  
  668. .diya:hover {
  669.     border:10px solid {color:strings};
  670. }
  671. {/block:ifNoGlow}
  672.  
  673. {CustomCSS}</style>
  674.    
  675. </head><body>
  676.  
  677. <div id="dstring" style="margin-left:22px; height:55px;"></div>
  678. <a href="http://laighlin.tumblr.com/tagged/themes" title="Diwali by Laighlin"><div id="cred">©</div></a>
  679.  
  680. <!-- extra lights -->
  681.  
  682. <div id="strcont">
  683.  
  684. {block:ifExtraLightStrings}
  685.  
  686.     <div class="top str1"></div>
  687.     <div class="top str2"></div>
  688.     <div class="top str3"></div>
  689.     <div class="top str4"></div>
  690.     <div class="top str5"></div>
  691.     <div class="top str6"></div>
  692.    
  693. {/block:ifExtraLightStrings}
  694. {block:ifSmallLights}
  695.    
  696.     <div class="minidiya1" style="top:55px;left:65px;"></div>
  697.     <div class="minidiya2" style="top:140px;left:20px;"></div>
  698.     <div class="minidiya1" style="top:340px;left:60px;"></div>
  699.     <div class="minidiya1" style="top:65px;left:300px;"></div>
  700.     <div class="minidiya2" style="top:65px;left:185px;"></div>
  701.     <div class="minidiya1" style="top:210px;left:320px;"></div>
  702.     <div class="minidiya2" style="top:10px;left:530px;"></div>
  703.     <div class="minidiya2" style="top:145px;left:390px;"></div>
  704.    
  705. {/block:ifSmallLights}
  706.    
  707. </div>
  708.  
  709. <!--end of extra lights -->
  710.  
  711. <div id="sidebar">
  712.  
  713. <div id="title">{Title}</div>
  714.  
  715. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  716.  
  717. </div>
  718. <div id="dstring" style="margin-left:131px; height:118px;"></div>
  719. <div id="dstring" style="margin-left:231px; height:175px;"></div>
  720. <div id="dstring" style="margin-left:81px; height:250px;"></div>
  721. <div id="dstring" style="margin-left:170px; height:330px;"></div>
  722. <div style="position:fixed;top:0">
  723. <a href="/" title="home"><div class="diya" id="diya1"></div></a>
  724. <a href="/ask" title="ask"><div class="diya" id="diya2"></div></a>
  725. <a href="/submit" title="submit"><div class="diya" id="diya3"></div></a>
  726. <a href="/archive" title="archive"><div class="diya" id="diya4"></div></a>
  727. </div>
  728. <div id="linkstring" style="right:70px;"></div>
  729. <div id="linkcont">
  730.     {block:Pages}<a href="{URL}"><div id="links">{Label}</div></a>{/block:Pages}{/block:HasPages}
  731.     {block:ifLink1}<a href="{text:link 1 url}"><div id="links">{text:link 1}</div></a>{/block:ifLink1}
  732.     {block:ifLink2}<a href="{text:link 2 url}"><div id="links">{text:link 2}</div></a>{/block:ifLink2}
  733.     {block:ifLink3}<a href="{text:link 3 url}"><div id="links">{text:link 3}</div></a>{/block:ifLink3}
  734.     {block:ifLink4}<a href="{text:link 4 url}"><div id="links">{text:link 4}</div></a>{/block:ifLink4}
  735. </div>
  736.  
  737. <div id="linkstring" style="right:170px;"></div>
  738.  
  739. {block:Pagination}
  740. <div id="pag">
  741.     {block:PreviousPage}
  742.     <a href="{PreviousPage}">
  743.         <div class="pag" id="prev"></div>
  744.     </a>
  745.     {/block:PreviousPage}
  746.    
  747.     {block:NextPage}
  748.     <a href="{NextPage}">
  749.         <div class="pag" id="next"></div>
  750.     </a>
  751.     {/block:NextPage}
  752. {/block:Pagination}
  753. </div>
  754.  
  755. <div id="entries">
  756.  
  757. {block:Posts}
  758.  
  759. <div id="post">
  760.  
  761. {block:Text}{block:Title}<div class="tit">{Title}</div>{/block:Title}{Body}{/block:Text}
  762.  
  763. {block:Photo}
  764. {LinkOpenTag}
  765. {block:if500px}
  766.     <img src="{PhotoURL-500}">
  767.     {/block:if500px}
  768.     {block:ifNot500px}
  769.     <img src="{PhotoURL-400}">
  770. {/block:ifNot500px}
  771. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  772. {/block:Photo}
  773.  
  774. {block:Photoset}
  775. <div class="pset">
  776. {block:if500px}
  777. {Photoset-500}
  778. {/block:if500px}
  779.     {block:ifNot500px}
  780.    {Photoset-400}
  781. {/block:ifNot500px}</div>
  782. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  783.  
  784. {block:Quote}<div class="quote">❝ {Quote} ❞</div><p align="right">{block:Source} —{Source}{/block:Source}</p>{/block:Quote}
  785.  
  786. {block:Link}<div class="tit"><a href="{URL}" {Target}>{Name}</a></div>
  787. {block:Excerpt}<div class="exc">{Excerpt}</div>{/block:Excerpt}
  788. {block:Description}{Description}{/block:Description}{/block:Link}
  789.  
  790. {block:Chat}{block:Title}<div class="tit">{Title}</div>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  791.  
  792. {block:Audio}
  793. <div class="audholder">
  794.         <div class="aud">
  795.           {AudioPlayer}
  796.         </div>
  797. </div>
  798. <div id="song">
  799.         {block:Artist}<b>Artist:</b> {Artist}<br>
  800.         {/block:Artist} {block:TrackName}<b>Title:</b> {TrackName}
  801.         <p>{/block:TrackName}</p>
  802. </div>
  803. {block:Caption}<p>{Caption}{/block:Caption}
  804. {/block:Audio}
  805.  
  806. {block:Video}
  807. {block:if500px}
  808. {Video-500}
  809. {/block:if500px}
  810.     {block:ifNot500px}
  811.    {Video-400}
  812. {/block:ifNot500px}
  813. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  814.  
  815. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} whispered:<br><em>{Question}</em><br>{Answer}{/block:Answer}
  816.  
  817.  
  818.  
  819. {block:HasTags}{block:Tags}<div class="tags">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}{/block:HasTags}
  820.  
  821.  
  822.  
  823. </div>
  824.  
  825. {block:Date}
  826. <div id="info">
  827. <a href="{Permalink}" title="on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth}">{TimeAgo}</a> {block:NoteCount}<strong></strong> <a href="{Permalink}">
  828. {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"
  829. title="{ReblogParentTitle}">{ReblogParentName}</a> <strong></strong> source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom} <strong></strong> <a href="{ReblogUrl}">reblog</a>{/block:Date}
  830.  
  831.     {block:PostNotes} <p><div id="note">{PostNotes}</div>{/block:PostNotes}
  832. </div>
  833.  
  834.  
  835.  
  836. {/block:Posts}</div>
  837.    
  838.  
  839. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement