API tools faq
paste
darianella

"The Crow's Archive" tumblr fic rec page HTML code

darianella
Jan 15th, 2014
3,256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.54 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.  
  5.  <link href='http://fonts.googleapis.com/css?family=Muli:300,400, 400italic,300italic' rel='stylesheet' type='text/css'>
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  <!--
  16.  
  17.    Hello, friend! If you're reading this, that means you're using this fic rec page theme or considering it! First off, I just want to thank you! It's really cool that you think well enough of my stuff to put it on your blog. As always, I'm available if you have any questions or need help with anything.
  18.    
  19.    This theme features:
  20. - unlimited number of story boxes
  21. - click-to-sort favorite fics
  22. - click-to-view reader commentary
  23. - as many custom links as you want
  24. - wheee
  25.  
  26. I know I don't have to tell you guys this, but please don't remove the credit, use this theme as a base code, or claim this as your own! I worked really hard on it and I love you and stealing isn't cool.
  27.    
  28.    Alrighty, with that out of the way let's get down to business.  
  29.  
  30. -->
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <head>
  39.  
  40.  
  41. <!-- tab title -->
  42. <title>
  43.  
  44.     fic recs.
  45.    
  46. </title>
  47.  
  48. <link rel="shortcut icon" href="{favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50.  
  51.  
  52.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  54. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  55. <script>
  56.      (function($){
  57.          $(document).ready(function(){
  58.              $("[title]").style_my_tooltips({
  59.     tip_follows_cursor:true,
  60.     tip_delay_time:200,
  61.     tip_fade_speed:300,
  62.     attribute:"title"
  63. });
  64.          });
  65.      })(jQuery);
  66.  </script>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72.  
  73.  
  74. /*SOME BASIC STUFF*/
  75.  
  76. ::-webkit-scrollbar {
  77.     width: 15px;
  78.     height: 5px;
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb {
  82.     /*scrollbar tab color*/
  83.     background-color: #232323;
  84. }
  85.  
  86. ::-webkit-scrollbar-track {
  87.     /*scrollbar background color*/
  88.     background-color:#ffffff;
  89. }
  90.  
  91. ::selection {
  92. /*background and text of selected text (note: repeat below)*/
  93.     background:#232323;
  94.     color: #ffffff;
  95. }
  96.  
  97. ::-moz-selection {
  98.     background:#232323;
  99.     color: #ffffff;
  100. }
  101.  
  102. ::-webkit-selection {
  103.     background:#232323;
  104.     color: #ffffff;
  105. }
  106.  
  107.  
  108. iframe#tumblr_controls {
  109.     right:3px !important;
  110.     position: fixed !important;
  111.     opacity: 0.2;
  112.     -webkit-transition: all 0.8s ease-out;
  113.     -moz-transition: all 0.8s ease-out;
  114.     -o-transition: all 0.8s ease-out;
  115.     transition: all 0.8s ease-out;
  116. }
  117.  
  118. iframe#tumblr_controls:hover{
  119.     opacity: 1;
  120.     -webkit-transition: all 0.4s ease-out;
  121.     -moz-transition: all 0.4s ease-out;
  122.     -o-transition: all 0.4s ease-out;
  123.     transition: all 0.4s ease-out;
  124. }
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135. /*MORE BASIC BODY THINGS*/
  136.  
  137. body{
  138.     margin-top:0;
  139.     margin-left:0;
  140.     color:#232323;
  141.     font-family:'Muli', sans-serif;
  142.     font-size:11px;
  143.     line-height:100%;
  144. /*paste your background image url between the apostrophe marks*/
  145.     background-image:url('http://static.tumblr.com/1ua25kb/w11mzgypw/tumblr_mex6pi2mry1rbvno1.png');
  146.     background-attachment: fixed;
  147.     background-repeat: repeat;
  148. /*if you don't want an image, delete the background-image code*/
  149.     background-color:#ffffff;
  150. }
  151.  
  152. a{
  153.     text-decoration:none;
  154.     outline:none;
  155.     -moz-outline-style:none;
  156. /*color of all in-text links*/
  157.     color:#bcbbbb;
  158.     -webkit-transition: all 0.3s linear;
  159.     -moz-transition: all 0.3s linear;
  160.     -o-transition: all 0.3s linear;
  161. }
  162.  
  163. a:hover{
  164. /*color of all hovered in-text links*/
  165.     color:#232323;
  166. }
  167.  
  168.  
  169. em{
  170. /*italics color*/
  171.     color:#c7c7c7;
  172. }
  173.  
  174. strong{
  175. /*bolded color*/
  176.     color:#c7c7c7;
  177.     font-weight:strong;
  178. }
  179.  
  180. img{
  181.     border:none;
  182. }
  183.  
  184. blockquote{
  185.     padding-left:7px;
  186.     margin-left:10px;
  187.     border-left:solid 5px #232323;
  188. }
  189.  
  190. blockquote blockquote{
  191.     margin-left:5px;
  192. }
  193.  
  194. pre{
  195.     font-size:10px;
  196.     word-wrap:break-word;
  197.     background-color:#e9e9e9;
  198.     padding:5px;
  199.     font-family:muli;
  200.     text-align:center;
  201. }
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213. /*LEFT STUFF*/
  214.  
  215. #sidebar{
  216.     position:fixed;
  217.     top:0;
  218.     left:0;
  219.     height:100%;
  220.     width:185px;
  221. /*paste your background image url between the apostrophe marks if you want one*/
  222.     background-image:url('');
  223.     background-attachment: fixed;
  224. /*to make the background repeat, change the code below to background-repeat:repeat; */
  225.     background-size: cover;
  226. /*right sidebar color*/
  227.     background-color:#000000;
  228. /*left sidebar color (note: just change the color, not the width)*/
  229.     border-left:solid 80px #b20303;
  230. }
  231.  
  232. .main{
  233.     position:fixed;
  234.     margin-top:100px;
  235.     margin-left:-50px;
  236.     cursor:default;
  237.     font-family:abel;
  238.     font-size:120px;
  239. /*"fic" ic color*/
  240.     color:#b20303;
  241. }
  242.  
  243. .main:first-letter{
  244.     letter-spacing:20px;
  245. /*"fic" f color*/
  246.     color:#e9e9e9;
  247. }
  248.  
  249. .main2{
  250.     position:fixed;
  251.     margin-top:200px;
  252.     margin-left:-45px;
  253.     cursor:default;
  254.     font-family:abel;
  255.     font-size:120px;
  256. /*"recs" ecs color*/
  257.     color:#232323;
  258. }
  259.  
  260. .main2:first-letter{
  261.     letter-spacing:15px;
  262. /*"recs" r color*/
  263.     color:#000000;
  264. }
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273. /*NAVIGATION*/
  274.  
  275. #nav{
  276.     position:fixed;
  277.     margin-top:300px;
  278.     width:145px;
  279.     margin-left:20px;
  280. }
  281.  
  282. #favbutton{
  283.     display:block;
  284.     float:left;
  285.     height:10px;
  286.     width:125px;
  287.     padding:15px 10px 15px 10px;
  288.     font-size:14px;
  289.     text-transform:lowercase;
  290.     cursor:pointer;
  291.     -webkit-transition: all 0.3s linear;
  292.     -moz-transition: all 0.3s linear;
  293.     -o-transition: all 0.3s linear;
  294. /*"favorite fics" button background and text color*/
  295.     background-color:#e9e9e9;
  296.     color:#232323;
  297. }
  298.  
  299. #favbutton:first-letter{
  300.     font-weight:bold;
  301. /*"favorite fics" f color*/
  302.     color:#b20303;
  303. }
  304.  
  305. #favbutton:hover{
  306. /*"favorite fics" hover background and text color*/
  307.     background-color:#232323;
  308.     color:#e9e9e9;
  309. }
  310.  
  311. .navigation{
  312.     display:block;
  313.     float:left;
  314.     display:block;
  315.     float:left;
  316.     height:10px;
  317.     width:125px;
  318.     padding:15px 10px 15px 10px;
  319.     font-size:14px;
  320.     text-transform:lowercase;
  321.     cursor:pointer;
  322.     margin-top:20px;
  323.     -webkit-transition: all 0.3s linear;
  324.     -moz-transition: all 0.3s linear;
  325.     -o-transition: all 0.3s linear;
  326. /*other navigation buttons background and text color*/
  327.     background-color:#e9e9e9;
  328.     color:#232323;
  329. }
  330.  
  331.  
  332. .navigation:first-letter{
  333.     font-weight:bold;
  334. /*other navigation first letter color*/
  335.     color:#b20303;
  336. }
  337.  
  338. .navigation:hover{
  339. /*other navigation hover background and text color*/
  340.     background-color:#232323;
  341.     color:#e9e9e9;
  342. }
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355. /*STORY BOXES*/
  356.  
  357.  
  358.  #outside{
  359.      position:absolute;
  360.      width:990px;
  361.      margin-top:10px;
  362.      margin-left:400px;
  363.      padding-bottom:50px;
  364.  }
  365.  
  366.  .storybox{
  367.      display:block;
  368.      float:left;
  369.      height:250px;
  370.      width:250px;
  371.      margin:40px;
  372.      font-family:muli;
  373.      text-transform:lowercase;
  374.      overflow:hidden;
  375. /*story box background color*/
  376.      background-color:#000000;
  377.  }
  378.  
  379.  .storytitle{
  380.      position:absolute;
  381.      height:24px;
  382.      padding:11px 10px 0px 10px;
  383.      width:190px;
  384.      margin-top:20px;
  385.      margin-left:20px;
  386.      text-align:left;
  387.      font-family:abel;
  388.      font-size:18px;
  389.     -webkit-transition: all 0.3s linear;
  390.     -moz-transition: all 0.3s linear;
  391.     -o-transition: all 0.3s linear;
  392. /*story title background and text color*/
  393.      background-color:#e9e9e9;
  394.      color:#000000;
  395.  }
  396.  
  397.  .storytitle:hover{
  398.      opacity:0;
  399.  }
  400.  
  401.  .storytitle:first-letter{
  402.      font-weight:bold;
  403. /*story title first letter color*/
  404.      color:#b20303;
  405.  }
  406.  
  407.  .author{
  408.      position:absolute;
  409.      height:24px;
  410.      padding:11px 10px 0px 10px;
  411.      width:190px;
  412.      margin-top:20px;
  413.      margin-left:20px;
  414.      text-align:left;
  415.      font-family:abel;
  416.      font-size:18px;
  417. /*story author background and text color*/
  418.      background-color:#232323;
  419.      color:#e9e9e9;
  420.  }
  421.  
  422.  .author:first-letter{
  423.      font-weight:bold;
  424. /*story author first letter color*/
  425.      color:#b20303;
  426.  }
  427.  
  428.  
  429.  .pairing{
  430.      position:absolute;
  431.      height:15px;
  432.      width:190px;
  433.      padding:5px 10px 0px 10px;
  434.      margin-top:55px;
  435.      margin-left:20px;
  436.      text-align:right;
  437.      font-size:11px;
  438. /*story pairing background and text color*/
  439.      background-color:#000000;
  440.      color:#e9e9e9;
  441.  }
  442.  
  443.  .wc{
  444.      position:absolute;
  445.      height:15px;
  446.      width:60px;
  447.      padding:4px 5px 0px 5px;
  448.      margin-left:20px;
  449.      margin-top:75px;
  450.      font-size:10px;
  451.      text-align:center;
  452. /*story word count background and text color*/
  453.      background-color:#e9e9e9;
  454.      color:#000000;
  455.  }
  456.  
  457.   .rating{
  458.      position:absolute;
  459.      height:15px;
  460.      width:60px;
  461.      padding:4px 5px 0px 5px;
  462.      margin-left:90px;
  463.      margin-top:75px;
  464.      font-size:10px;
  465.      text-align:center;
  466. /*story rading background and text color*/
  467.      background-color:#232323;
  468.      color:#e9e9e9;
  469.  }
  470.  
  471.    .status{
  472.      position:absolute;
  473.      height:15px;
  474.      width:60px;
  475.      padding:4px 5px 0px 5px;
  476.      margin-left:160px;
  477.      margin-top:75px;
  478.      font-size:10px;
  479.      text-align:center;
  480. /*story complete/in progress status background and text color*/
  481.      background-color:#e9e9e9;
  482.      color:#232323;
  483.  }
  484.  
  485.  .desc{
  486.      position:absolute;
  487.      height:100px;
  488.      width:190px;
  489.      padding:10px;
  490.      margin-top:110px;
  491.      margin-left:20px;
  492.      font-size:11px;
  493.      overflow:auto;
  494.      text-align:left;
  495.      text-transform:none;
  496. /*story description background and text color*/
  497.      background-color:#e9e9e9;
  498.      color:#232323;
  499.  }
  500.  
  501. .desc::-webkit-scrollbar {
  502. width: 5px;
  503. height: 5px;
  504. }
  505.  
  506. .desc::-webkit-scrollbar-thumb {
  507. /*description scrollbar tab color*/
  508.     background-color: #232323;
  509. }
  510.  
  511. .desc::-webkit-scrollbar-track {
  512. /*description scrollbar background color*/
  513.     background-color:transparent;
  514. }
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524. /*READER COMMENTARY*/
  525.  
  526. .commentbar{
  527.     position:absolute;
  528.     height:24px;
  529.     width:210px;
  530.     padding:10px 20px 0px 20px;
  531.     font-family:abel;
  532.     font-size:18px;
  533.     text-align:left;
  534.     margin-top:250px;
  535.     cursor:pointer;
  536. /*"click for commentary" bar background and text color*/
  537.     background-color:#232323;
  538.     color:#e9e9e9;
  539. }
  540.  
  541. .commentbar:first-letter{
  542.     font-weight:bold;
  543. /*"click for commentary" bar c color*/
  544.     color:#b20303;
  545. }
  546.  
  547. .commentback{
  548.     position:absolute;
  549.     margin-top:-216px;
  550.     margin-left:-20px;
  551.     height:155px;
  552.     width:210px;
  553.     padding:20px;
  554.     overflow:hidden;
  555.     text-align:left;
  556.     display:none;
  557. /*reader comment border*/    
  558.     background-color:#b20303;
  559. }
  560.  
  561. .comment{
  562.      position:absolute;
  563.      height:135px;
  564.      width:190px;
  565.      padding:10px;
  566.      font-size:11px;
  567.      font-family:muli;
  568.      overflow:auto;
  569.      text-align:left;
  570.      text-transform:none;
  571. /*reader comment background and text color*/
  572.      background-color:#e9e9e9;
  573.      color:#232323;
  574.  }
  575.  
  576. .comment::-webkit-scrollbar {
  577.     width: 5px;
  578.     height: 5px;
  579. }
  580.  
  581.  
  582. .comment::-webkit-scrollbar-thumb {
  583. /*comment scrollbar tab color*/
  584.     background-color: #232323;
  585. }
  586.  
  587. .comment::-webkit-scrollbar-track {
  588. /*comment scrollbar background color*/
  589.     background-color:transparent;
  590. }
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  /*OTHER THINGS YOU DON'T HAVE TO WORRY TOO MUCH ABOUT*/
  600.  
  601. #credit{
  602.     position:fixed;
  603.     bottom:10px;
  604.     right:10px;
  605.     z-index:1;
  606.     -webkit-transition: all 0.3s linear;
  607.     -moz-transition: all 0.3s linear;
  608.     -o-transition: all 0.3s linear;
  609.     -ms-transition: all 0.3s linear;
  610.         -webkit-filter: grayscale(100%);
  611.       -moz-filter: grayscale(100%);
  612.       -ms-filter: grayscale(100%);
  613.       -o-filter: grayscale(100%);
  614. }
  615.  
  616. #credit:hover{
  617.      -webkit-filter: grayscale(0%);
  618.   -moz-filter: grayscale(0%);
  619.   -ms-filter: grayscale(0%);
  620.   -o-filter: grayscale(0%);
  621. }
  622.    
  623.  #s-m-t-tooltip{
  624.   max-width:300px;
  625.   z-index:999999;
  626.   margin:24px 14px 7px 12px;
  627.   padding:5px;
  628.   background:#232323;
  629.   border-radius:0px;
  630.   font-family:muli;
  631.   font-size:11px;
  632.   color:#e9e9e9;
  633. }
  634.    
  635.  
  636.    
  637.  
  638.    
  639. </style>
  640.  
  641. <script type="text/javascript">
  642.  
  643.     $(document).ready(function(){
  644.         $('.commentbar').click(function(){
  645.             $(this).children(".commentback").slideToggle("500");
  646.         });
  647.        
  648.         $('#favbutton').click(function(){
  649.             $("#outside").children(":not(.favorite)").fadeToggle("500");
  650.             $(this).text(function(index, text){
  651.          return text === "all stories" ? "favorite fics" : "all stories";
  652.             });
  653.         });
  654.        
  655.     });
  656.    
  657. </script>
  658.  
  659.  
  660.    
  661. </head><body>
  662.  
  663.  
  664.  
  665.  <div id="sidebar">
  666.      <div class="main">fic</div>
  667.      <div class="main2">recs</div>
  668.      <div id="nav">
  669.         <div id="favbutton">favorite fics</div>
  670.        
  671.      <!-- custom link 1 -->
  672.         <a href="/">
  673.             <div class="navigation">
  674.         <!-- first custom link title -->  
  675.                 custom link 1
  676.                
  677.             </div>
  678.         </a>
  679.     <!-- end custom link 1 -->
  680.    
  681.     <!-- custom link 2 -->
  682.         <a href="/">
  683.             <div class="navigation">
  684.         <!-- second custom link title -->
  685.                 custom link 2
  686.                
  687.             </div>
  688.         </a>
  689.     <!-- end custom link 2 -->  
  690.  
  691. <!-- note: if you want to add more custom links, just copy the code and paste it below this comment -->
  692.        
  693.         <a href="/ask">
  694.             <div class="navigation">
  695.                 message
  696.             </div>
  697.         </a>
  698.        
  699.         <a href="/">
  700.             <div class="navigation">
  701.                 back to blog
  702.             </div>
  703.         </a>
  704.        
  705.      </div>
  706.  </div>
  707.  
  708.    
  709. <div id="outside">
  710.  
  711.  
  712.  
  713.  
  714. <!-- story box 1 -->
  715.    
  716.     <!-- make sure this is at the beginning of every fic you want to stay visible when you click the "favorite fics" button. if you don't want the story to appear, don't add it. -->
  717.         <div class="favorite">
  718.        
  719.        
  720.     <div class="storybox">
  721.         <!-- add link to story in place of /  -->
  722.         <a href="/">
  723.             <div class="author">
  724.             <!-- story author -->
  725.                 author name
  726.                
  727.             </div>
  728.             <div class="storytitle">
  729.             <!-- story title -->
  730.                 story title
  731.                
  732.             </div>
  733.         </a>
  734.         <div class="pairing">
  735.         <!-- story pairing -->
  736.             character a x character b
  737.            
  738.         </div>
  739.         <div class="wc">wc:
  740.         <!-- story word count -->
  741.             xxx,xxx
  742.            
  743.         </div>
  744.         <div class="rating">rated:
  745.         <!-- story rating -->
  746.             t
  747.            
  748.         </div>
  749.         <div class="status">
  750.         <!-- in progress/complete story status -->
  751.             in progress
  752.            
  753.         </div>
  754.         <div class="desc">
  755.         <!-- story description -->
  756.             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo quis nostrud exercitation ullamco laboris nisi ut aliquip bluh
  757.            
  758.         </div>
  759.         <div class="commentbar">
  760.             click for reader commentary
  761.             <div class="commentback">
  762.                 <div class="comment">
  763.         <!-- add your thoughts about the story here -->
  764.                     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
  765.                    
  766.                    
  767.                 </div>
  768.             </div>
  769.         </div>
  770.     </div>
  771.     <!-- make sure this last </div> is around every story with a <div class="favorite"> at the beginning. if it doesn't have that, don't add it. -->
  772.         </div>
  773.  
  774.     <!-- end story box 1 -->
  775.    
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.     <!-- story box 2 -->
  784.        
  785.        
  786.     <div class="storybox">
  787.         <!-- add link to story in place of /  -->
  788.         <a href="/">
  789.             <div class="author">
  790.             <!-- story author -->
  791.                 author name
  792.                
  793.             </div>
  794.             <div class="storytitle">
  795.             <!-- story title -->
  796.                 story title
  797.                
  798.             </div>
  799.         </a>
  800.         <div class="pairing">
  801.         <!-- story pairing -->
  802.             character a x character b
  803.            
  804.         </div>
  805.         <div class="wc">wc:
  806.         <!-- story word count -->
  807.             xxx,xxx
  808.            
  809.         </div>
  810.         <div class="rating">rated:
  811.         <!-- story rating -->
  812.             t
  813.            
  814.         </div>
  815.         <div class="status">
  816.         <!-- in progress/complete story status -->
  817.             in progress
  818.            
  819.         </div>
  820.         <div class="desc">
  821.         <!-- story description -->
  822.             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo quis nostrud exercitation ullamco laboris nisi ut aliquip bluh
  823.            
  824.         </div>
  825.         <div class="commentbar">
  826.             click for reader commentary
  827.             <div class="commentback">
  828.                 <div class="comment">
  829.         <!-- add your thoughts about the story here -->
  830.                     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
  831.                    
  832.                    
  833.                 </div>
  834.             </div>
  835.         </div>
  836.     </div>
  837.    
  838.  
  839.     <!-- end story box 2 -->
  840.  
  841.  
  842.  
  843. <!-- to add more stories, just copy and paste the code below this comment. remember to be careful about that extra "favorite" code! -->
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855. </div>
  856.  
  857.  
  858.  <!-- CREDIT -->
  859.  
  860.  <a href="http://redfox-themes.tumblr.com"><img src="https://lh5.googleusercontent.com/-jDb8l0m6g2s/ULvHPyFukjI/AAAAAAAACoA/FRBmvQsxRkc/s22/fox.gif" id="credit" title="redfox themes"></a>
  861.  
  862. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!