API tools faq
paste
Advertisement
ladyvicky

THEME #1 V2 BY LV

ladyvicky
Dec 3rd, 2013
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <!--
  7. -----------------------------------------------------------------------
  8.                    * U N I C O R N   K I S S E S *  
  9.                      THEME #1 by @Kamikaze-Love
  10. -----------------------------------------------------------------------
  11. don't think just because I am relatively invisible that I won't find you if you steal these codes ;D
  12. -----------------------------------------------------------------------
  13. ------------------------------CREDITS----------------------------------
  14. @theme-hunter for all the incredible tutorials and resources!
  15. @manatopia/halodesigns and @ettudis for the masonry tutorials
  16.  
  17. SIDEBAR & PAGINATION ICONS: weloveiconfonts.com
  18. LITTLE WINGS:
  19.  
  20. IF YOU KNOW THE ORIGINAL CREATORS OF ANY OF THESE ITEMS PLEASE TELL ME SO I CAN CREDIT APPROPRIATELY.
  21.  
  22. IF YOU ARE THE OWNER/CREATOR OF ANY OF THESE ITEMS AND WISH FOR THEM TO BE TAKEN DOWN OR FOR ME TO CREDIT YOU PLEASE NOTIFY ME!
  23.  
  24. Theme codes done completely by me (@Kamikaze-love) from scratch. (except the scripts)
  25. -----------------------------------------------------------------------
  26.  
  27. -->
  28.  
  29. <!-- SCRIPTS -->
  30.  
  31. <link href="http://static.tumblr.com/8di24cd/esZmvw5yi/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script src="http://static.tumblr.com/8di24cd/HSsmvw5y0/jquery.style-my-tooltips.js"></script>
  34. <script>
  35.      (function($){
  36.          $(document).ready(function(){
  37.              $("[title]").style_my_tooltips({
  38.     tip_follows_cursor:true,
  39.     tip_delay_time:0,
  40.     tip_fade_speed:300,
  41.     attribute:"title"
  42. });
  43.          });
  44.      })(jQuery);
  45.  </script>
  46.  
  47. <!-- INFINITE SCROLL + MASONRY -->
  48. {block:indexpage}
  49.  
  50. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  51.  
  52. {block:ifInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:ifInfiniteScrolling}
  53.  
  54. <script type="text/javascript">
  55. $(window).load(
  56.    
  57. function () {
  58.     var $content = $('#content');
  59.     $content.masonry({itemSelector : "#potato, .load"}),
  60.     $content.infinitescroll({
  61.     navSelector    : '.pagi',  
  62.     nextSelector   : '.pagi a#next',
  63.     itemSelector : "#potato, .load",
  64.     bufferPx : 40,
  65.     loadingImg : "http://static.tumblr.com/wk1x3im/mzrmhdjwm/ajax-loader1-1.gif",
  66.     loadingText  : "Loading new posts...",  
  67. },
  68. function( newElements ) {
  69.    var postID = [],
  70.                                 $newElems = $(newElements);
  71.                                
  72.                                 $newElems.each(function(){
  73.                                 $('.like_button').map(function(){
  74.                     postID.push($(this).attr('data-post-id'));
  75.                 });
  76.                                 });
  77.                                
  78.                                 Tumblr.LikeButton.get_status_by_post_ids(postID);
  79.     $newElems.hide();
  80.     $newElems.imagesLoaded(function(){
  81.         $content.masonry(
  82.             'appended',
  83.             $newElems,
  84.             true,
  85.             function(){$newElems.fadeIn(300);}
  86.         );
  87.     }
  88.     );
  89. }
  90. );}
  91. );
  92.  
  93.  
  94. </script>
  95. {/block:indexpage}
  96.  
  97.  
  98.  
  99. <title>{Title}</title>
  100.  
  101. <link rel="shortcut icon" href="{Favicon}">
  102. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  103. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  104.  
  105. <!-- METATAG THINGS -->
  106.  
  107. <meta name="color:Text" content="#ababab" />
  108. <meta name="color:Background" content="#f7f7f7" />
  109. <meta name="color:Sidebar BG" content="white" />
  110. <meta name="color:Title" content="#e2e2e2" />
  111. <meta name="color:Post BG" content="f7f7f7" />
  112. <meta name="color:Links" content="#b7b7b7" />
  113. <meta name="color:Links hover" content="black" />
  114. <meta name="color:Borders" content="#ede7fc" />
  115. <meta name="color:Description" content="#aeaeae" />
  116. <meta name="color:Label" content="#e3e3e3" />
  117. <meta name="color:Headings" content="#626262" />
  118. <meta name="color:banner" content="black" />
  119.  
  120. <meta name="image:Post BG" content="" />
  121. <meta name="image:Sidebar" content="" />
  122. <meta name="image:Sidebar BG" content="" />
  123. <meta name="image:Background" content="" />
  124. <meta name="image:Corner" content="">
  125. <meta name="image:banner" content="" />
  126.  
  127. <meta name="text:Link 1" content="Link 1" />
  128. <meta name="text:Link 1 URL" content="/" />
  129. <meta name="text:Link 2" content="Link 2" />
  130. <meta name="text:Link 2 URL" content="/" />
  131. <meta name="text:Link 3" content="Link 3" />
  132. <meta name="text:Link 3 URL" content="/" />
  133. <meta name="text:Link 4" content="Link 4" />
  134. <meta name="text:Link 4 URL" content="/" />
  135. <meta name="text:Link 5" content="Link 5" />
  136. <meta name="text:Link 5 URL" content="/" />
  137. <meta name="text:Link 6" content="Link 6" />
  138. <meta name="text:Link 6 URL" content="/" />
  139. <meta name="text:Link 7" content="Link 7" />
  140. <meta name="text:Link 7 URL" content="/" />
  141. <meta name="text:Link 8" content="Link 8" />
  142. <meta name="text:Link 8 URL" content="/" />
  143. <meta name="text:Title" content="
  144. Unicorn Kisses" />
  145.  
  146. <meta name="if:InfiniteScrolling" content="1" />
  147.  
  148.  
  149. <style type="text/CSS">
  150.  
  151. @import url(http://weloveiconfonts.com/api/?family=typicons);
  152.  
  153. /* typicons */
  154. [class*="typicons-"]:before {
  155.   font-family: 'Typicons', sans-serif;
  156. }
  157.  
  158.  
  159. /* FONTS */
  160.  
  161. @font-face {
  162. font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  163. }
  164.  
  165. @font-face { font-family: 'sofia'; src: url('http://static.tumblr.com/8di24cd/MUsmw25w9/sofia-regular.otf'); }
  166.  
  167. @font-face { font-family: 'superscript'; src: url('http://static.tumblr.com/gvd42r2/HWxm7js7a/superscr.ttf'); }
  168.  
  169. @font-face { font-family: 'bangalore'; src: url('http://static.tumblr.com/8di24cd/JA9mw263b/bangalor.ttf'); }
  170.  
  171. /*  TUMBLR CONTROLS */
  172.  
  173.  iframe#tumblr_controls {
  174.     margin-top:50px!important;
  175.     right:0%!important;
  176.     position:fixed!important;
  177.     z-index:999999999!important;
  178.     opacity:0.2!important;
  179.     -webkit-filter:invert(100%);
  180.     -moz-filter:invert(100%);
  181.     -o-filter:invert(100%);
  182.     -ms-filter:invert(100%);
  183.     filter:invert(100%);
  184.     }
  185.    
  186. /*  SCROLLBAR */
  187.    
  188. ::-webkit-scrollbar {
  189.     height: 12px;
  190.     width: 2px;
  191.     background: {color:label};
  192. }
  193.  
  194. ::-webkit-scrollbar-thumb {
  195.     background-color:{color:headings};
  196. /*background-image:url(URL OF THE IMAGE HERE);
  197.     border:1px solid black;*/
  198.     -webkit-border-radius: 5ex;
  199.     -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  200. }
  201.  
  202. ::-webkit-scrollbar-corner {
  203.     background: #transparent;
  204. }
  205.  
  206.  
  207. #infscr-loading {
  208.     position: absolute;
  209.     text-align: center;
  210.     bottom: -50px;
  211.     left: 0;
  212.     right: 0;
  213.     padding:20px;
  214.     overflow: hidden;
  215.     z-index:99999;
  216. }
  217.  
  218. /*  GENERAL */
  219.  
  220. body, a, a:link, a:visited {
  221.     cursor:url('http://static.tumblr.com/8di24cd/mC1mwksaw/zorzc.png'), auto; }
  222.  
  223. a:hover, a:active, select {
  224.     cursor:url('http://static.tumblr.com/8di24cd/m7jmwkhhw/th_9-2.png'), auto;
  225. }
  226.  
  227.  
  228. body {
  229.     margin:0px;
  230.     padding:0px;
  231.     color:{color:text};
  232.     background:url('{image:Background}') fixed top right;
  233.     background-color:{color:Background};
  234.     font-family:ronda;
  235.     font-size:8px;
  236. }
  237.  
  238. a {
  239.     text-decoration:none;
  240.     color:{color:links};
  241.     -webkit-transition:all 0.5s ease;
  242.     -moz-transition:all 0.5s ease;
  243.     -o-transition:all 0.5s ease;
  244.     transition:all 0.5s ease-in-out;
  245. }
  246.  
  247. a:hover {
  248.     color:{color:links hover};
  249. }
  250.  
  251. a:active {
  252.     /*text-shadow: 1px 1px 0px #000;*/
  253.     color:{color:links hover};
  254. }
  255.  
  256. #s-m-t-tooltip {
  257.   /* basic */
  258.     max-width:300px;
  259.     z-index:10;
  260.  
  261.   /* style and design */
  262.     padding:3px;
  263.     background:{color:label}; /* fallback if rgba not supported */
  264.   /*background:rgba(0,0,0,0.8);*/
  265.     -moz-border-radius:3px;
  266.     -webkit-border-radius:3px;
  267.     border-radius:3px;
  268.     border:3px double {color:borders};
  269.     box-shadow:0px 0px;
  270.   /* font */
  271.     font-family:ronda;
  272.     font-size:8px;
  273.     line-height:10px;
  274.     color:{color:text};
  275. }
  276.  
  277. ::selection {
  278.     background: {color:label}; /* Safari */
  279.     color:{color:headings};}
  280.    
  281. ::-moz-selection {
  282.     background: {color:label}; /* Firefox */
  283.    
  284. }
  285.  
  286. /*  SIDEBAR */
  287.  
  288. #side {
  289.     margin-left:50px;
  290.     width:200px;
  291.     height:100%;
  292. }
  293.  
  294.  
  295.  
  296. #sideimg img {
  297.     position:fixed;
  298.     margin-top:200px;
  299.     margin-left:-50px;
  300.     max-width:96px;
  301.     border-radius:10px;
  302. }
  303.  
  304. #blogtitle {
  305.     margin-top:100px;
  306.     position:fixed;
  307.     width:175px;
  308.     padding:5px;
  309.     color:{color:title};
  310.     line-height:30px;
  311.     letter-spacing:-1px;
  312.     text-decoration:none;
  313.     text-align:center;
  314.     font-family:sofia;
  315.     font-size:46px;
  316.     font-style:none;
  317.     -webkit-transition: all 0.5s ease;
  318.     -moz-transition: all 0.5s ease;
  319.     transition: all 0.5s ease;
  320. }
  321.  
  322. #blogtitle:hover {
  323.     -webkit-transition: all 0.5s ease;
  324.     -moz-transition: all 0.5s ease;
  325.     transition: all 0.5s ease;
  326.     text-shadow:3px 0 0 {color:links}, -3px 0 0 {color:links hover};
  327. }
  328.  
  329.  
  330.  
  331. #sigh {
  332.     margin-top:350px;
  333.     margin-left:30px;
  334.     border: 3px double {color:borders};
  335.     position:fixed;
  336.     color:{color:text};
  337.     background:url('{image:Sidebar BG}') fixed top right;
  338.     background-color:{color:Sidebar BG};
  339.     padding:15px;
  340.     width:100px;
  341.     height:45px;
  342.     border-radius:10px;
  343.     -webkit-transition: all 0.3s ease-in-out;
  344.     -moz-transition: all 0.3s ease-in-out;
  345.     transition: all 0.3s linear;
  346. }
  347.  
  348. #sigh:hover {
  349.     height:160px;
  350.     -webkit-transition: all 0.3s ease-in-out;
  351.     -moz-transition: all 0.3s ease-in-out;
  352.     transition: all 0.3s linear;
  353. }
  354.  
  355. #links {
  356.     font-size:18px;
  357.     margin-top:-5px;
  358.     margin-bottom:10px;
  359.     letter-spacing:3px;
  360. }
  361. #links a {
  362.  
  363.     -webkit-transition: all 0.3s ease-in-out;
  364.     -moz-transition: all 0.3s ease-in-out;
  365.     transition: all 0.3s linear;
  366. }
  367.  
  368. #links a:hover {
  369.     font-size:20px;
  370.     -webkit-transition: all 0.3s ease-in-out;
  371.     -moz-transition: all 0.3s ease-in-out;
  372.     transition: all 0.3s linear;
  373. }
  374.  
  375. select {
  376.     margin-top:-5px;
  377.     font-family:ronda;
  378.     font-size:8px;
  379.     color:{color:Description};
  380.     text-transform:lowercase;
  381.     appearance:none;
  382.     -webkit-appearance:none;
  383.     -moz-appearance:none;
  384.     border-radius:5px;
  385.     border-color:{color:borders};
  386.     background-color:{color:Label};
  387.     width:70px;
  388.     height:18px;
  389. }
  390.  
  391. #desc {
  392.     color:{color:Description};
  393.     border:1px dotted {color:borders};
  394.     background-color:{color:label};
  395.     padding:5px;
  396.     border-radius:5px;
  397.     height:0px;
  398.     width:90px;
  399.     margin-left:0px;
  400.     margin-top:0px;
  401.     overflow-y: scroll;
  402.     overflow-x: hidden;
  403.     -webkit-transition: all 0.3s linear;
  404.     -moz-transition: all 0.3s linear;
  405.     transition: all 0.3s linear;
  406.     opacity:0;
  407. }
  408.  
  409. #sigh:hover #desc {
  410.     height:80px;
  411.     -webkit-transition: all 0.3s linear;
  412.     -moz-transition: all 0.3s linear;
  413.     transition: all 0.3s linear;
  414.     opacity:1;
  415. }
  416.  
  417. /* BANNERS */
  418.  
  419. #lace {
  420.     background:url('{image:banner}') fixed top right;
  421.     background-color:{color:banner};
  422.     height:50px;
  423.     position: fixed;
  424.     width:100%;
  425.     margin-top:-50px;
  426.     z-index:9999;
  427.    
  428. {block:permalinkpage}
  429.     margin-top:-100px;
  430. {/block:permalinkpage}
  431. }
  432.  
  433. /*  BIG CONTENT THINGS */
  434.  
  435. #content {
  436.     position:relative;
  437.     margin-left:230px;
  438.     margin-top:50px;
  439.     margin-bottom:100px;
  440. {block:indexpage}
  441.     width:700px;
  442. {/block:indexpage}
  443.  
  444. {block:permalinkpage}
  445.     width:500px;
  446.     margin-left:330px;
  447.     margin-top:100px;
  448. {/block:permalinkpage}
  449. }
  450.  
  451. /*BABY POST THINGS */
  452.  
  453. #potato {
  454.     position:relative;
  455.     border: 3px double {color:borders};
  456.     {block:indexpage}
  457.         width:250px;
  458.     {/block:indexpage}
  459.     {block:permalinkpage}
  460.         width:500px;
  461.     {/block:permalinkpage}
  462.     padding:10px;
  463.     border-radius:5px;
  464.     z-index:1;
  465. {block:indexpage}
  466.     margin:20px 30px 15px 0px;
  467. {/block:indexpage}
  468.     color:{color:text};
  469.     background:url('{image:Post BG}') fixed top right;
  470.     background-color:{color:Post BG};
  471.     font:8px ronda;
  472. }
  473.  
  474. img {
  475.     border-radius:3px;
  476.     max-width:100%;
  477.     float:center;
  478. }
  479.  
  480. h1 {
  481.     font-family: bangalore;
  482.     font-weight:normal;
  483.     font-size:16px;
  484.     text-align:center;
  485.     color:{color:headings}
  486.     background-color:transparent;
  487.     border-bottom:1px dotted {color:borders};
  488.     padding-bottom:12px;
  489. }
  490.  
  491. h1 a {
  492.     color:{color:Links};
  493.     text-decoration: none;
  494. }
  495.  
  496. h1 a:hover {
  497.     text-shadow:1px 1px gray;
  498.     -webkit-transition: all 0.3s linear;
  499.     -moz-transition: all 0.3s linear;
  500.     transition: all 0.3s linear;
  501.     color:{color:links hover};
  502. }
  503.  
  504. h2 {
  505.     font: 10px superscript;
  506.     color:{color:headings}
  507.     background-color:transparent;
  508. }
  509.  
  510. /* SOMEONE HELP ME FIX THIS */
  511.  
  512. #reblog{display:none;}
  513.  
  514. #source{display:none;}
  515.  
  516. /* QUOTES */
  517.  
  518. #quo {
  519.     padding:10px;
  520.     line-height:15px;
  521.     font-family:bangalore;
  522.     font-size:16px;
  523. }
  524.  
  525. blockquote {
  526.     margin-left:10px;
  527.     border-left:1px solid {color:borders};
  528.     padding-left:6px;
  529. }
  530.  
  531.  
  532. /*  CHAT */
  533. #chitchat {
  534.     padding:5px;
  535. }
  536.  
  537. #Q img {
  538.    
  539.     margin-right:5px;
  540.     float:left;
  541.     border:1px solid {color:borders};
  542. }
  543.  
  544. /* ASK POSTS */
  545.  
  546. #asker {
  547.     padding:15px;
  548.     border-radius:5px;
  549.     background-color:{color:label};
  550.     text-align:left;
  551. }
  552.  
  553. /* AUDIO POSTS */
  554.  
  555. #audi {
  556.    height:auto;
  557. }
  558. .art {
  559.     float:left;
  560.     width:75px;
  561.     position: relative;
  562.     z-index: 1
  563. }
  564.  
  565. .box {
  566.     background-color: #fff;
  567.     position: absolute;
  568.     z-index: 1000;
  569.     margin-top: 18px;
  570.     margin-left: 18px;
  571.     opacity: 0.5;
  572.     border-radius:105px;
  573. }
  574.  
  575. .defaultimg {
  576.     width:75px;
  577.     float:left;
  578.     margin-top:-1px;
  579.     position:absolute;
  580. }
  581.  
  582. .button {
  583.     width: 20px;
  584.     height: 30px;
  585.     overflow: hidden;
  586.     position: relative;
  587.     z-index: 1000;
  588.     margin: 5px 13px 3px 9px;
  589. }
  590.  
  591. #audiinfo {
  592.     margin-left:90px;
  593.     padding:5px;
  594.     text-align:left;
  595.     border-left:1px solid {color:borders};
  596. }
  597.  
  598.  
  599. /* INDEX INFO DISPLAY */
  600.  
  601. #infoh{
  602.     height:10px;
  603.     width:270px;
  604.     padding-bottom:8px;
  605.     margin-top:-15px;
  606.     margin-left:-13px;
  607.     position:absolute;
  608.     background-image:url('{image:post bg}');
  609.     background-color:{color:label};
  610.     border-radius:8px;
  611.     border:3px double {color:borders};
  612.     opacity:0;
  613.     -webkit-transition: all 0.3s ease-in-out;
  614.     -moz-transition: all 0.3s ease-in-out;
  615.     transition: all 0.3s linear;
  616. }
  617.  
  618. #potato:hover #infoh {
  619.     margin-top:15px;
  620.     opacity:1;
  621. }
  622.  
  623. .sauce {
  624.     text-align:right;
  625.     border-right:1px solid {color:borders};
  626.     padding:right:5px;
  627. }
  628.  
  629. /* PERMALINK INFO DISPLAY */
  630.  
  631. ol.notes {
  632.     padding:50px;
  633.     margin:10px 0px;
  634.     list-style-type:none;
  635.     font-family:ronda;
  636.     font-size:8px;
  637.     font-style:normal;
  638.     letter-spacing:1px;
  639.     text-transform:lowercase;
  640.     }
  641.  
  642. li.note {
  643.     padding:0px;
  644.     }
  645.  
  646. #knots img {
  647.     width:15px;
  648.     position:relative;
  649. }
  650.  
  651. #knots {
  652.     margin-top:-50px;
  653. }
  654. #perma {
  655.     line-height:15px;
  656. }
  657.  
  658. /* PAGINAGI */
  659.  
  660. .pagi {
  661.     position:fixed;
  662.     width:100px;
  663.     margin-top:550px;
  664.     margin-left:30px;
  665.     padding:15px;
  666.     font-size:24px;
  667.     text-align:center;
  668.     background-color:transparent;
  669.     color:black;
  670.     {block:IfInfiniteScrolling}
  671.         display: none;
  672.     {/block:IfInfiniteScrolling}
  673. }
  674. .pagi a{
  675.     height:auto;
  676.     color:black;
  677.     display:inline-block;
  678.     display:-moz-inline-stack;
  679.     padding:0px 5px 5px 5px;
  680. }
  681.  
  682. .pagi a:hover{font-size:28px; }
  683.  
  684. </style>
  685.  
  686.  
  687.  
  688. </head>
  689.  
  690.  
  691. <body>
  692.    
  693.     <div style="position:fixed;bottom:0;left:0;opacity:0.5;"><a href="http://kamikaze-love.tumblr.com" title="theme credit">©</a></div>
  694.  
  695.     <img src="{image:Corner}" style="position:fixed; right:0px; bottom:0px; z-index:-9;">
  696.  
  697.     <div id="lace"></div>
  698.    
  699.     <div id="side">
  700.    
  701.         <div id="blogtitle">{text:Title}</div>
  702.        
  703.             <div id="sideimg">
  704.            
  705.                 {block:ifsidebarimage}
  706.                     <center><a href="/" title="home"><img src="{image:sidebar}" /></a></center>
  707.                 {/block:ifsidebarimage}
  708.                
  709.                 {block:ifnotsidebarimage}
  710.                     <center><a href="/" title="home"><img src="{PortraitURL-96}"></a></center>
  711.                 {/block:ifnotsidebarimage}
  712.                
  713.             </div>
  714.            
  715.            
  716.           <div id="sigh">
  717.             <center>
  718.                 <div id="links">
  719.                     <a href="/" title="home"><span class="typicons-home"></span></a>
  720.                     <a href="/ask" title="ask"><span class="typicons-message"></span></a>
  721.                     <a href="/archive" title="archive"><span class="typicons-bookmark"></span></a>
  722.                 </div>
  723.             </center>
  724.  
  725.         <div style="text-align:center;">
  726.             <select onchange='location=this.options[this.selectedIndex].value;'>
  727.                 <option>Navigation</option>
  728.                 <option value="{text:Link 1 URL}"> {text:Link 1} </option>
  729.                 <option value="{text:Link 2 URL}"> {text:Link 2} </option>
  730.                 <option value="{text:Link 3 URL}"> {text:Link 3} </option>
  731.                 <option value="{text:Link 4 URL}"> {text:Link 4} </option>
  732.                 <option value="{text:Link 5 URL}"> {text:Link 5} </option>
  733.                 <option value="{text:Link 6 URL}"> {text:Link 6} </option>
  734.                 <option value="{text:Link 7 URL}"> {text:Link 7} </option>
  735.                 <option value="{text:Link 8 URL}"> {text:Link 8} </option>
  736.             </select><br><br>
  737.         </div>
  738.        
  739.         <div id="description">
  740.             <div id="desc">{block:description}{description}{/block:description}</div>
  741.         </div>
  742.        
  743.     </div>
  744.  
  745.     <div class="pagi">
  746.    
  747.         {block:Pagination}
  748.        
  749.             {block:PreviousPage}
  750.                 <a href="{PreviousPage}" title="fall"><span class="typicons-left"></span></a>
  751.             {/block:PreviousPage}
  752.            
  753.             {block:NextPage}
  754.                 <a href="{NextPage}" title="fly"><span class="typicons-right"></span></a>
  755.             {/block:NextPage}
  756.            
  757.         {/block:Pagination}
  758.        
  759.     </div>
  760.  
  761.  
  762.     <div id="content">
  763.        
  764.         {block:Posts}
  765.        
  766.             <div id="potato">
  767.            
  768.                 {block:Text}
  769.                     {block:Title}<h1>{Title}</h1>{/block:Title}
  770.                     {Body}
  771.                 {/block:Text}
  772.  
  773.                
  774.                 {block:Photo}
  775.                
  776.                     <div id="pics">
  777.                         {block:indexpage}
  778.                             <a href="{Permalink}"><img src="{PhotoURL-highres}" /></a>
  779.                         {/block:indexpage}
  780.                        
  781.                         {block:permalinkpage}
  782.                             {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  783.                         {/block:permalinkpage}
  784.  
  785.                         <div id="reblog">
  786.                             {block:RebloggedFrom}
  787.                                 reblog: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  788.                                 origin: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  789.                             {/block:RebloggedFrom}
  790.                         </div>
  791.  
  792.                         <div id="source">
  793.                             {block:ContentSource}
  794.                             <a href="{SourceURL}">source:</a>
  795.                             {/block:ContentSource}
  796.                         </div>
  797.                     </div>
  798.                    
  799.                 {/block:Photo}
  800.                  
  801.                          
  802.                 {block:Photoset}
  803.                
  804.                     {block:indexpage}
  805.                         {Photoset-250}
  806.                     {/block:indexpage}
  807.                    
  808.                     {block:permalinkpage}
  809.                         {photoset-500}
  810.                     {/block:permalinkpage}
  811.                    
  812.                 {/block:Photoset}
  813.                  
  814.                  
  815.                 {block:Quote}
  816.                
  817.                     <div id="quo">"{Quote}"</div>
  818.                    
  819.                     {block:Source}<div align="right">- {Source}</div>{/block:Source}
  820.                    
  821.                 {/block:Quote}
  822.                  
  823.                  
  824.                 {block:Link}
  825.                
  826.                     <h1>
  827.                         <a href="{URL}" target="{Target}">{Name}</a>
  828.                     </h1>
  829.                    
  830.                 {block:Description}{Description}{/block:Description}
  831.                
  832.                 {/block:Link}
  833.                  
  834.                  
  835.                 {block:Chat}
  836.                     {block:Title}<h1>{Title}</h1>{/block:Title}        
  837.                     {block:Lines}
  838.                         <div id="chitchat">
  839.                             {block:Label}
  840.                                 <div style="font-family:superscript;font-size:10px;display:inline-block;">{Label}</div>
  841.                             {/block:Label}
  842.                             {Line}<br>
  843.                         </div>
  844.                     {/block:Lines}
  845.                            
  846.                 {/block:Chat}
  847.                  
  848.            
  849.                 {block:Audio}
  850.                
  851.                     <div style="height:75px;">
  852.                    
  853.                             <div class="box">
  854.                                 <div class="button">
  855.                                     {block:AudioPlayer}
  856.                                         {AudioPlayerWhite}
  857.                                     {/block:AudioPlayer}
  858.                                 </div>
  859.                             </div>
  860.  
  861.                         <img src="http://static.tumblr.com/8di24cd/UuNmvufy4/100pxtransparent.gif" class="defaultimg">
  862.                        
  863.                         {block:AlbumArt}
  864.                             <img src="{AlbumArtURL}" class="art">
  865.                         {/block:AlbumArt}
  866.  
  867.                         {block:TrackName}
  868.                             <div id="audiinfo"><b>Name:</b> {TrackName}</div>
  869.                         {/block:TrackName}
  870.  
  871.                         {block:Artist}
  872.                             <div id="audiinfo"><b>Artist:</b> {Artist}</div>
  873.                         {/block:Artist}
  874.  
  875.                         {block:Album}
  876.                             <div id="audiinfo"><b>Album:</b> {Album}</div>
  877.                         {/block:Album}
  878.                        
  879.                     </div>
  880.                    
  881.                 {/block:Audio}
  882.            
  883.            
  884.                 {block:Video}
  885.                
  886.                     {block:indexpage}
  887.                         {Video-250}
  888.                         {block:caption}{caption}{/block:caption}
  889.                     {/block:indexpage}
  890.                     {block:permalinkpage}
  891.                         {Video-500}
  892.                     {/block:permalinkpage}
  893.                    
  894.                 {/block:Video}
  895.  
  896.  
  897.                 <div id="Q">
  898.                
  899.                     {block:Answer}
  900.                         <div id="asker">
  901.                             <img src="{AskerPortraitURL-24}"/>
  902.                             <h2>{Asker} asked:</h2>
  903.                             {Question}<br>
  904.                         </div>
  905.                         <p>{Answer}</p>
  906.                     {/block:Answer}
  907.                    
  908.                 </div>
  909.                      
  910.                      
  911.                      
  912.                 {block:IndexPage}
  913.  
  914.                     <div id="infoh">
  915.                    
  916.                                 <img src="http://static.tumblr.com/8di24cd/uXFmwb7z1/tumblr_inline_mv2holpj6c1qid2nw.gif" style="position:absolute;margin-left:-22px;margin-top:-5px;z-index:9999;">
  917.                         <center>
  918.                        
  919.                             {block:Date}
  920.                                 <a href="{Permalink}" title="Permalink">{DayOfMonthWithZero} {ShortMonth} {Year}</a>
  921.                             {/block:Date}
  922.                             {block:NoteCount}&nbsp&nbsp&nbsp&nbsp
  923.                             <a href="{ReblogURL}" title="Reblog">&hearts; {NoteCount}</a>
  924.                             {/block:NoteCount}
  925.                            
  926.                         </center>
  927.                        
  928.                         <img src="http://static.tumblr.com/8di24cd/fitmwb81p/tumblr_inline_mv2holpj6c1qid2nwright.gif" style="position:absolute;margin-left:274px;margin-top:-20px;z-index:9999;">
  929.                        
  930.                     </div>
  931.                    
  932.                 {/block:IndexPage}
  933.                
  934.             </div>
  935.            
  936.             {block:PermalinkPage}
  937.            
  938.                 <div id="perma">
  939.                    
  940.                     <center>
  941.                         <img src="http://static.tumblr.com/8di24cd/PG7mx84lj/22.png" style="padding:10px;">
  942.                     </center>
  943.                    
  944.                     <div id="caps">
  945.                         {block:Caption}
  946.                                 {Caption}
  947.                         {/block:Caption}
  948.                     </div>
  949.                    
  950.                     <div id="day" style="text-align:center;">
  951.                         {block:Date}
  952.                             <b>Posted</b>{lang:TimeAgo} on {DayOfWeek}, {DayOfMonth} {Month} {Year}
  953.                         {/block:Date}
  954.                         {block:NoteCount} <b>with</b> {NoteCountWithLabel}{/block:NoteCount}
  955.                     </div>
  956.                    
  957.                     {block:HasTags}
  958.                         <div id="tags" style="text-align:center;">
  959.                             <b>tagged as:</b>
  960.                             {block:Tags}
  961.                             <a href="{TagURL}">{Tag}   </a>
  962.                             {/block:Tags}
  963.                         </div>
  964.                     {/block:HasTags}
  965.                
  966.                     <div id="sauce" style="text-align:center;">
  967.                         {block:RebloggedFrom}
  968.                             <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  969.                             <b>origin:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  970.                         {/block:RebloggedFrom}
  971.                     </div>
  972.                    
  973.                     <center><img src="http://static.tumblr.com/8di24cd/PG7mx84lj/22.png" style="padding:10px;"></center>
  974.                    
  975.                 </div>
  976.                    
  977.                 {block:PostNotes}
  978.                     <div id="knots">{PostNotes}</div>
  979.                 {/block:PostNotes}
  980.                    
  981.             {block:PermalinkPage}
  982.            
  983.         {/block:Posts}
  984.  
  985.     </div>
  986.  
  987. </body>
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!