Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

dhshr

By: a guest on Jul 29th, 2012  |  syntax: None  |  size: 23.25 KB  |  hits: 25  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <meta name="color:link" content="#77003c"/>
  7. <meta name="color:hover" content="#b4025c"/>
  8. <meta name="color:blockquote" content="#efefef"/>
  9. <meta name="color:background" content="#efefef"/>
  10. <meta name="color:posts" content="#ffffff"/>
  11. <meta name="image:background image" content="0"/>
  12. <meta name="image:sidebar" content="0"/>
  13. <meta name="if:show sidebar image" content="0"/>
  14. <meta name="if:shadow" content="0"/>
  15. <meta name="if:rounded corners" content="0"/>
  16. <meta name="if:sidebar shadow" content="0"/>
  17. <meta name="if:pixel font" content="0">
  18. <meta name="if:custom cursor" content="1">
  19. <meta name="if:custom scrollbar" content="1">
  20. <meta name="if:show title" content="1"/>
  21. <meta name="text:Blog Title Size" content="50" />
  22. <meta name="if:sidebar right" content="0"/>
  23. <meta name="text:Link One Title" content="" />
  24. <meta name="text:Link One" content="" />
  25. <meta name="text:Link Two Title" content="" />
  26. <meta name="text:Link Two" content="" />
  27. <meta name="text:Link Three Title" content="" />
  28. <meta name="text:Link Three" content="" />
  29. <meta name="text:Link Four Title" content="" />
  30. <meta name="text:Link Four" content="" />
  31. <meta name="text:Link Five Title" content="" />
  32. <meta name="text:Link Five" content="" />
  33.  
  34. <title>ON THE BRIGHTSIDE ☮</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}"/>
  38. {/block:Description}
  39. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <!--[if IE]>
  41.         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  42.     <![endif]-->
  43.  
  44.     <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  45.  
  46. <style type="text/css">
  47. .popup_block{
  48. display: none;
  49. background: #000;
  50. padding: 10px;
  51. font-family: verdana;
  52. border: 3px solid #000;
  53. float: left;
  54. font-size: 10px;
  55. position: fixed;
  56. top: 50%; left: 50%;
  57. z-index: 1;
  58. -webkit-border-radius: 10px;
  59. -moz-border-radius: 10px;
  60. border-radius: 10px;
  61. }
  62. img.btn_close {
  63. float: right;
  64. margin: -5px -5px 0 0;
  65. }
  66. *html .popup_block {
  67. position: absolute;
  68. }
  69.  
  70.  
  71. @font-face { font-family: pixie; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  72.  
  73. @font-face {font-family: customfont; src: url('http://static.tumblr.com/vilw5yj/ExFm5shl8/vegur-l_0602.otf');
  74. }
  75.  
  76. html, body, {
  77.      {block:ifpixelfont}
  78.     font-family: pixie;
  79.     font-size: 8px;
  80.     letter-spacing:-1px;
  81.     {/block:ifpixelfont}
  82.  
  83.     {block:ifnotpixelfont}
  84.     font-family: helvetica;
  85.     font-size: 9px;
  86.     {/block:ifnotpixelfont}
  87. }
  88. body {
  89.     color: #777;
  90.     background:{color:background} url({image:background image});
  91.     line-height:150%;
  92.    {block:ifpixelfont}
  93.     font-family: pixie;
  94.     font-size: 8px;
  95.     letter-spacing:-1px;
  96.     {/block:ifpixelfont}
  97.  
  98.     {block:ifnotpixelfont}
  99.     font-family: helvetica;
  100.     font-size: 9px;
  101.     {/block:ifnotpixelfont}
  102. }
  103.  
  104. {block:ifcustomcursor}
  105.  
  106. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  107.  
  108. {/block:ifcustomcursor}
  109.  
  110. {if:customscrollbar}
  111.  
  112. ::-webkit-scrollbar-thumb:vertical {
  113. background-color:{color:Link};
  114. height:auto;-webkit-border-radius:20px;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:horizontal {
  118. background-color:{color:Link};
  119. height:6px !important;-webkit-border-radius:20px;
  120. }
  121.  
  122. ::-webkit-scrollbar {
  123. height:6px;
  124. width:6px;
  125. background-color:{color:Background};
  126. -webkit-border-radius:20px;
  127. }
  128.  
  129. {/if:customscrollbar}
  130.  
  131.    #infscr-loading {
  132.        position: absolute;
  133.        bottom: 0;
  134.        left: 25%;
  135.    }
  136. a:link, a:active, a:visited{
  137.  
  138.   color:{color:Link};
  139.    text-decoration: none;
  140.  
  141. }
  142. a:hover {
  143.    color:{color:Hover};
  144.  
  145.    text-decoration: none;
  146.    }
  147. #content {
  148.     width: 830px;
  149. margin-top: 5px;
  150.     {block:ifsidebarright}
  151.     float: left;
  152.     {/block:ifsidebarright}
  153.     {block:ifnotsidebarright}
  154.     float: right;
  155.     {/block:ifnotsidebarright}
  156.    
  157.    
  158. }
  159.  
  160. #note3 {
  161.     width: 500px;
  162.     text-align:left;
  163.     }
  164.    
  165. #contain {
  166.     height:100%;
  167.     padding-left:5px;
  168.     padding-right:5px;
  169.     width: 1100px;
  170.     margin: 0px auto;
  171.     position: relative;
  172. }
  173.        
  174. #sidebar {
  175. {block:ifroundedcorners}-moz-border-radius: 5px;
  176. border-radius: 5px;
  177. {block:ifroundedcorners}
  178. width: 210px;
  179. position: fixed;
  180. margin-top: 140px;
  181. background:{color:posts};
  182. padding: 2px;
  183. {block:ifnotsidebarright}
  184.     margin-left:10px;
  185.  {/block:ifnotsidebarright}
  186.    
  187.     {block:ifsidebarright}
  188.     margin-left: 833px;
  189.     {/block:ifsidebarright}
  190.    
  191.     {block:ifsidebarshadow}
  192.    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  193.     -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  194.     -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  195.     {/block:ifsidebarshadow}
  196.  
  197. }
  198.  
  199. ol.notes img {
  200. width: 16px;
  201. display: inline;
  202. position: relative;
  203. top: 3px;
  204. }
  205. #sidebar img {
  206. {block:ifroundedcorners}-moz-border-radius: 5px;
  207. border-radius: 5px;
  208. {block:ifroundedcorners}
  209. display: block;
  210. margin-bottom: 1px;
  211. }
  212. .entry {
  213. {block:ifroundedcorners}-moz-border-radius: 5px;
  214. border-radius: 5px;
  215. {block:ifroundedcorners}
  216.   {block:ifsidebarright}    
  217.     float: right;
  218.     {/block:ifsidebarright}
  219.       {block:ifnotsidebarright}
  220.     float: left;
  221.     {/block:ifnotsidebarright}
  222.   {block:indexpage}
  223.  
  224.     width: 250px;
  225.     margin: 5px;
  226.     {/block:indexpage}
  227.     {block:permalinkpage}
  228.     width: 500px;
  229.     margin: 10px;
  230.     {block:ifsidebarright}    
  231.     margin-right:40px;
  232.     {/block:ifsidebarright}
  233.       {block:ifnotsidebarright}
  234.     padding-left:20px;
  235.     {/block:ifnotsidebarright}
  236.    
  237.     {/block:permalinkpage}
  238.     display: block;
  239.     padding: 2px;
  240.     background:{color:posts};
  241.             {block:ifshadow}
  242.      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  243.     -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  244.     -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  245.     {/block:ifshadow}
  246.     position: relative;
  247.     }
  248. .entry img {
  249. {block:ifroundedcorners}-moz-border-radius: 5px;
  250. border-radius: 5px;
  251. {block:ifroundedcorners}
  252.     display: block;
  253.     max-width: 100%;
  254.     {block:iffadedimages}
  255.     opacity:0.8;
  256.     filter:alpha(opacity=80);
  257.     -webkit-transition: all ease-in 250ms;
  258.     -moz-transition: all ease-in 250ms;
  259.     -o-transition: all ease-in 250ms;
  260.     -ms-transition: all ease-in 250ms;
  261.     transition: all ease-in 250ms;
  262.     {/block:iffadedimages}
  263. }
  264. .entry:hover img {
  265.     {block:iffadedimages}
  266.     opacity:1;
  267.     filter:alpha(opacity=100);
  268.     -webkit-transition: all ease-in 250ms;
  269.     -moz-transition: all ease-in 250ms;
  270.     -o-transition: all ease-in 250ms;
  271.     -ms-transition: all ease-in 250ms;
  272.     transition: all ease-in 250ms;
  273.     {/block:iffadedimages}
  274. }
  275.  
  276.  
  277. .entry:hover .details {
  278. opacity: 1.0;
  279. margin:12px 0px 0px 0px;
  280. filter: alpha(opacity = 100);
  281. -webkit-transition: all .25s ease-in-out;
  282. -moz-transition: all .25s ease-in-out;
  283. -o-transition: all .25s ease-in-out;
  284. transition: all .25s ease-in-out;
  285. }
  286.  
  287.  
  288. #pagination{
  289.     display:none;
  290. }
  291.  
  292.  
  293.  
  294.  .permalink2 {
  295. color: #000000;
  296. padding-top: 0px;
  297. padding-bottom: 0px;
  298. font-size: 10px;
  299. text-align: center;
  300.     opacity: 0;
  301.     filter: alpha(opacity = 0);
  302.     -webkit-transition: all ease-in 250ms;
  303.     -moz-transition: all ease-in 250ms;
  304.     -o-transition: all ease-in 250ms;
  305.     -ms-transition: all ease-in 250ms;
  306.     transition: all ease-in 250ms;
  307.    
  308. }
  309.  
  310. blockquote, q {
  311. padding-left:5px;padding-top:7px;
  312. padding-right:5px;padding-bottom:7px;
  313. margin-left:5px; margin-right:5px;
  314. border-left: 2px solid #ccc;
  315. border-right: 2px solid #ccc;
  316. background-color:{color:blockquote};
  317. }
  318.  
  319. #cole{
  320. color:{color:Links};
  321. }
  322.  
  323. #cole a {
  324. display:relative;
  325. max-width:500px;
  326. text-align:left;color:{color:Links};
  327. }
  328.  
  329. #cole .mohr {
  330. margin-top:-10px;
  331. filter: alpha(opacity = 0);
  332. opacity:0;
  333. -webkit-transition: all 1s ease-out;
  334. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  335. text-align:left;text-transform:lowercase;
  336. }
  337.  
  338. #cole:hover .mohr {
  339. margin-top:5px;
  340. -webkit-transition: all 1s ease-out;
  341. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  342. filter: alpha(opacity = 80);
  343. filter: alpha(opacity = 100);
  344. opacity:100;
  345. }
  346.  
  347.  
  348.  
  349.  
  350. li.drawer a {
  351.     margin: 0px 5px;}
  352.    
  353. .label {
  354.       text-transform:uppercase;
  355.       color:{color:Link}
  356.       }
  357.    
  358. .question {
  359.       text-align:left;
  360.       padding-left:5px;padding-top:7px;
  361.       padding-right:5px;padding-bottom:7px;
  362.       border-left: 2px solid {color:Link};
  363.       border-right: 2px solid {color:Link};
  364.       background-color:{color:blockquote};
  365.       }
  366.  
  367. .answer {
  368.       text-align:left;
  369.       padding-left:5px;padding-top:7px;
  370.       padding-right:5px;padding-bottom:7px;
  371.       }      
  372.          
  373. .text {
  374.     padding: 10px;
  375. }
  376.  
  377. .entry:hover .permalink2 {
  378.     opacity: 1;
  379.     filter: alpha(opacity = 100);
  380.     -webkit-transition: all ease-in 250ms;
  381.     -moz-transition: all ease-in 250ms;
  382.     -o-transition: all ease-in 250ms;
  383.     -ms-transition: all ease-in 250ms;
  384.     transition: all ease-in 250ms;
  385. }
  386.  
  387. #pp {
  388.     text-align: center;
  389.     width: 100%;
  390.     padding-top: 2px;
  391. }
  392.  
  393.  
  394. .perma1
  395. {
  396.     opacity: 0.0;
  397.     filter: alpha(opacity = 0);
  398.     position:absolute;
  399.     z-index:9999991;  
  400.     bottom: 0px;
  401.     right: 7px;
  402. }
  403.  
  404. .entry:hover .perma1 {
  405.    
  406.     -webkit-transition: opacity 0.4s linear;
  407.     opacity: 1;
  408.     -moz-transition: all 0.4s linear;
  409.     transition: all 0.4s linear;
  410.     filter: alpha(opacity = 100);
  411.  
  412. }
  413.  
  414. .likep {
  415. width: 21px;
  416. height: 20px;
  417. overflow: hidden;
  418. z-index: 9999999;
  419. display: inline-block;
  420.  
  421. }
  422. .rep {
  423. width: 24px;
  424. height: 20px;
  425. overflow: hidden;
  426. z-index: 9999999;
  427. display: inline-block;
  428.  
  429. }    
  430. .likep a:hover {
  431. background-position: 0px 0px;
  432. }
  433. .likep a {
  434. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  435. background-position: 0px 0px;
  436. display: block;
  437. z-index: 9999999;
  438.    webkit-transition: all 0s linear;
  439. -webkit-transition: all 0s linear;
  440. -moz-transition: all 0s linear;
  441. transition: all 0s linear;
  442. }
  443. .likep img {
  444.     width: 21px;
  445.     height: 20px;
  446.        webkit-transition: all 0.2s linear;
  447. -webkit-transition: all 0.2s linear;
  448. -moz-transition: all 0.2s linear;
  449. transition: all 0.2s linear;
  450. }
  451. .rep img{
  452.     width: 24px;
  453.     height: 20px;
  454.     line-height: 30px;
  455.     display: inline;
  456. }
  457.  
  458. .not { display: inline-block;
  459. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  460. height: 20px;
  461. font-size: 11px;
  462. line-height: 20px;
  463. color: #fff;
  464. padding-left: 4px;
  465. padding-right: 4px;
  466. -moz-border-radius: 2px;
  467.     border-radius:  2px;
  468.     bottom: 6px;
  469. position: relative;
  470. letter-spacing:0px;
  471. }
  472. .not a{
  473. color: #fff;
  474. font-family: helvetica;
  475. }
  476.  
  477. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  478.      opacity: 0.8;
  479.     filter: alpha(opacity = 80);
  480. }
  481. .not:hover , .rep:hover, .likep:hover {
  482.      opacity: 1!important;
  483.     filter: alpha(opacity = 100)!important;
  484. }
  485.  
  486. .permahover {
  487.     text-align: right;
  488.     line-height:200%;
  489.     opacity: 0.0;
  490.     filter: alpha(opacity = 0);
  491.     font-size: 9px;
  492.     line-height: 9px;
  493.     text-transform: uppercase;
  494.     }
  495.    
  496. .entry:hover .permahover {
  497.     text-align: center;
  498.     opacity: 1;
  499.     filter: alpha(opacity = 50);
  500.  
  501.    
  502.     }
  503.  
  504.  
  505. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle;  padding : 2px;
  506. padding-bottom : 0px;}
  507.  
  508. #newHeader {
  509.         padding-bottom: 2px;
  510.                 text-align: left;
  511.  
  512.         }
  513.      
  514.         div.panel {
  515.                 width: 260px;
  516.       padding: 15px 20px;
  517.                 color: #333;
  518.                 text-align: center;
  519.                 line-height: 22px;
  520.                 display: none;
  521.            
  522.                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  523.         }
  524.         div.panel p {
  525.                 margin: 10px 0;
  526.         }
  527.         div.panel p a, div.textPost p a, div.audioPost p a {
  528.                 color: #333;
  529.                 text-decoration: none;
  530.                 border-bottom: 1px dotted;
  531.                 font-style: italic;
  532.                 font-weight: bold;
  533.         }
  534.  
  535.  
  536. #cornerplayer
  537.  
  538. {z-index:999;
  539.  
  540. background-color:#111;
  541.  
  542. width:50px;
  543.  
  544. height:50px;
  545.  
  546. border-radius:0px 50px 0px 0px;
  547.  
  548. -moz-border-radius:0px 50px 0px 0px;
  549.  
  550. position:fixed;
  551.  
  552. overflow:hidden;
  553.  
  554. bottom:0px;
  555.  
  556. left:0px;
  557.  
  558. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  559.  
  560. #icon
  561.  
  562. {margin-top:10px;
  563.  
  564. margin-bottom:5px;
  565.  
  566. margin-left:-5px;
  567.  
  568. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  569.  
  570. #cornerplayer:hover
  571.  
  572. {width:200px;
  573.  
  574. -moz-border-radius:0px;
  575.  
  576. border-radius:0px;}
  577.  
  578. #cornerplayer:hover #icon
  579.  
  580. {margin-top:10px;
  581.  
  582. margin-left:0px;
  583.  
  584. margin-bottom:4px;}
  585. </style>
  586.  
  587. <script type="text/javascript">
  588. $(window).load(function(){
  589. $("p").remove(":contains('Source:')");
  590. $("p").remove(":contains('via ')");
  591. });
  592. </script>
  593.  
  594. </head>
  595. <body>
  596. <div id="contain">
  597.  
  598.  
  599. <div id="sidebar">
  600. <div id="newHeader">
  601. {block:ifshowsidebarimage}<a href="/"><img src="http://static.tumblr.com/xrouyux/Xblm7x09p/xfb4va.jpg" width="210"/></a>{/block:ifshowsidebarimage}
  602. {block:ifshowtitle}<div style="font-family:customfont; font-size: {text:Blog title size}px; letter-spacing:-1px; text-transform:uppercase; line-height: 100%; color:{color:link};">
  603. <a href="/">{title}</a><br></div>{/block:ifshowtitle}
  604.                         </div>
  605.                                                
  606. <div style="{block:ifpixelfont}
  607.     font-family: pixie;
  608.     font-size: 8px;
  609.     letter-spacing:-1px;
  610.     {/block:ifpixelfont}
  611.  
  612.     {block:ifnotpixelfont}
  613.     font-family: helvetica;
  614.     font-size: 9px;
  615.         text-transform:uppercase;
  616.     {/block:ifnotpixelfont} line-height: 100%; text-transform:lowercase; border-top: 1px solid #f0f0f0; text-align:right; padding-right:3px; padding-top:1px; padding-bottom:3px;">
  617. {block:AskEnabled} &nbsp;{/block:AskEnabled}
  618. {block:IfLinkOneTitle}<a href="/tagged/opticsofnay"> optics </a> &nbsp; {/block:ifLinkOneTitle}
  619. {block:ifLinkTwoTitle}<a href="/pledge"> pledge </a> &nbsp;{/block:ifLinkTwoTitle}
  620. {block:ifLinkThreeTitle}<a href="http://em0lga.tumblr.com"> I LUV HUR XOXO </a> &nbsp;{/block:ifLinkThreeTitle}
  621. {block:ifLinkFourTitle}<a href="{text:Link Four}"> {text:Link Four Title} </a> &nbsp;{/block:ifLinkFourTitle}
  622. {block:ifLinkFiveTitle}<a href="{text:Link Five}"> {text:Link Five Title} </a> &nbsp;{/block:ifLinkFiveTitle}
  623. {block:HasPages}{block:Pages}<a href="{URL}"><span>{Label}&nbsp;&nbsp;</span></a>{/block:Pages}{/block:HasPages}
  624. </div>                                         
  625.  
  626. <div style="{block:ifpixelfont}
  627.     font-family: pixie;
  628.     font-size: 8px;
  629.     letter-spacing:-1px;
  630.     {/block:ifpixelfont}
  631.  
  632.     {block:ifnotpixelfont}
  633.     font-family: helvetica;
  634.     font-size: 9px;
  635.     {/block:ifnotpixelfont} line-height: 100%; color:#777; text-transform: none; width:200px;padding-top:5px; padding-left:3px; padding-bottom:3px;">
  636.  
  637. {Description}
  638.  
  639. </div>
  640.  
  641.                         </div>
  642.  
  643.  
  644.  
  645. <div id="content">
  646. {block:Posts}
  647. <div class="entry">
  648.  
  649. {block:Text}
  650. <div class="text">
  651.     <div style="text-transform:uppercase">{block:Title}
  652.         <a href="{Permalink}">{Title}</a>
  653.     {/block:Title}</div>
  654.         {Body}
  655.     {block:indexpage}
  656.     <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  657.     {/block:indexpage}
  658.  
  659. </div>
  660. {/block:Text}
  661.  
  662. {block:Photo}
  663. {block:IndexPage}
  664. <div class="perma1">
  665. <div class="likep">
  666. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  667. </div>
  668. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  669. </div>
  670. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>          
  671. </div>  
  672. {/block:IndexPage}
  673. {block:indexpage}
  674. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  675. {/block:indexpage}
  676. {block:permalinkpage}
  677. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  678. {/block:permalinkpage}
  679. {/block:Photo}
  680.  
  681. {block:Photoset}
  682.     {block:IndexPage}{Photoset-250}{/block:IndexPage}
  683.     {block:indexpage}
  684.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  685.     {/block:indexpage}
  686. {block:permalinkpage}
  687.     {Photoset-500}
  688. {/block:permalinkpage}
  689. {/block:Photoset}
  690.  
  691. {block:Quote}
  692.     <div class="text">
  693.     "{Quote}"
  694.     {block:Source}
  695.         <div class="source"><div style="text-align:right">{Source}</div></div>
  696.     {/block:Source}
  697.     {block:indexpage}
  698.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  699.     {/block:indexpage}
  700. </div>{/block:Quote}
  701.  
  702. {block:Link}
  703. <div class="text">
  704. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  705.     {block:Description}
  706.         <div class="description">{Description}</div>
  707.     {/block:Description}
  708.     {block:indexpage}
  709.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  710.     {/block:indexpage}
  711. </div>{/block:Link}
  712.  
  713. {block:Chat}
  714.     <div class="text">
  715.     {block:Title}
  716.         <a href="{Permalink}">{Title}</a>
  717.         {/block:Title}
  718.         <ul class="chat">
  719.            {block:Lines}
  720.            <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  721.                  
  722.                   {Line} </li>
  723.            {/block:Lines}
  724.         </ul>    
  725.     {block:indexpage}
  726.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  727.     {/block:indexpage}
  728. </div>{/block:Chat}
  729.  
  730. {block:Video}
  731.     {block:IndexPage}{Video-250}{/block:IndexPage}
  732.     {block:indexpage}
  733.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  734.     {/block:indexpage}
  735.     {block:permalinkpage}
  736.     {Video-500}
  737.     {/block:permalinkpage}
  738.    
  739. {/block:Video}
  740.  
  741. {block:Audio}
  742. <div class="text">
  743.         {AudioPlayerGrey}
  744.         {block:Caption}
  745.         {Caption}
  746.     {/block:Caption}
  747.     {block:indexpage}
  748.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  749.     {/block:indexpage}
  750. </div>{/block:Audio}
  751.  
  752.  {block:Answer}<div class="text">
  753. <div class="question">
  754. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  755.     {block:indexpage}
  756.     <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  757.     {/block:indexpage}
  758. </div>{/block:Answer}
  759.  
  760.  
  761. {block:PermalinkPage}
  762. <div id="note3"><div style="text-align:right">
  763. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  764.  
  765. {block:PostNotes}
  766. {PostNotes}
  767. {/block:PostNotes}
  768. </div>
  769. {/block:PermalinkPage}
  770. </div>
  771. {/block:Posts}
  772. </div>
  773. </div>
  774.     {block:Pagination}
  775.                 <ul id="pagination">
  776.                         {block:PreviousPage}
  777.                                 <li><a href="{PreviousPage}"></a></li>
  778.                         {/block:PreviousPage}
  779.                         {block:JumpPagination length="5"}
  780.                         {block:CurrentPage}
  781.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  782.                         {/block:CurrentPage}
  783.                         {block:JumpPage}
  784.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  785.                         {/block:JumpPage}
  786.                         {/block:JumpPagination}
  787.                         {block:NextPage}
  788.                                 <li><a id="nextPage" href="{NextPage}"></a></li>
  789.                         {/block:NextPage}
  790.                 </ul>
  791.         {/block:Pagination}
  792.  
  793. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  794. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  795. {block:IndexPage}
  796. <script type="text/javascript">
  797. $(window).load(function () {
  798. $('#content').masonry(),
  799. $('.masonryWrap').infinitescroll({
  800. navSelector    : '#pagination',  
  801. nextSelector   : '#pagination a#nextPage',
  802. itemSelector : ".entry",
  803. bufferPx : 100,
  804. loadingText : "<em></em>",
  805. },
  806. function() { $('#content').masonry({ appendedContent: $(this) }); }
  807. );
  808. });
  809. </script>
  810. {/block:IndexPage}
  811.  
  812. <script type="text/javascript">
  813.  
  814.                         $('.show').click(function(e){
  815.                                 e.preventDefault();
  816.                                 $('.panel').stop(true,true);
  817.                                 var target = $(this).attr('href');
  818.                                 if($('.panel').is(':visible')){
  819.                                         if($(target).is(':visible')){
  820.                                                 $(target).slideUp();
  821.                                                 return false;
  822.                                         }else{
  823.                                                 $('.panel:visible').slideUp(400, function(){
  824.                                                         $(target).slideDown();
  825.                                                 });            
  826.                                         }
  827.                                 }else {
  828.                                         $(target).slideDown();
  829.                                 }
  830.                         });
  831.    
  832. </script>
  833. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  834. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  835.  
  836. <div id="cornerplayer"><center>
  837.  
  838. <div id="icon"><img src="http://media.tumblr.com/tumblr_m1zdo5a0Ur1r3we0y.gif"/></div>
  839.  
  840. <div> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://dl.dropbox.com/u/37507541/May%20These%20Noises%20Startle%20You%20in%20Your%20Sleep%20Tonight_Hell%20Above%20-%20Pierce%20The%20Veil%20(1).mp3&t0=♫&f1=http://dl.dropbox.com/u/37507541/Pierce_the_Veil_-_08_-_Im_Low_On_Gas_And_You_Need_A_Jacket.mp3&t1=♫&f2=http://dl.dropbox.com/u/37507541/Pierce_the_Veil_-_07_-_Tangled_In_The_Great_Escape.mp3&t2=♫&f3=http://dl.dropbox.com/u/37507541/Pierce_the_Veil_-_05_-_Bulls_In_The_Bronx.mp3&t3=♫&f4=http://dl.dropbox.com/u/37507541/Pierce_the_Veil_-_06_-_Props_%26_Mayhem.mp3&t4=♫&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> </div>    
  841.  
  842. </center> </div>
  843. </body>
  844.  
  845. </div>
  846.  
  847. </html>
create a new version of this paste RAW Paste Data