API tools faq
paste
Advertisement
ladyvicky

THEME #1 V1 BY LV

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