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

SALT IN THE AIR, SAND IN MY HAIR.

By: a guest on Aug 10th, 2012  |  syntax: None  |  size: 22.57 KB  |  hits: 9  |  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="font:body" content="Arial, Helvetica, sans-serif"/>
  7. <meta name="color:text" content="#000000"/>
  8. <meta name="color:link" content="#000000"/>
  9. <meta name="color:title" content="#000000"/>
  10. <meta name="color:hover" content="#000000"/>
  11. <meta name="color:blockquote" content="#efefef"/>
  12. <meta name="color:background color" content="#ffffff"/>
  13. <meta name="color:menu background" content="#555555"/>
  14. <meta name="color:menu link" content="#000000"/>
  15. <meta name="color:post background color" content="#ffffff"/>
  16. <meta name="color:side background color" content="#ffffff"/>
  17. <meta name="image:background image" content="0"/>
  18. <meta name="image:sidebar" content="0"/>
  19. <meta name="if:show sidebar image" content="0"/>
  20. <meta name="if:first custom link" content="0"/>
  21. <meta name="if:second custom link" content="0"/>
  22. <meta name="if:third custom link" content="0"/>
  23. <meta name="if:fourth custom link" content="0"/>
  24. <meta name="if:faded images" content="0"/>
  25. <meta name="if:shadow" content="0"/>
  26. <meta name="if:show title" content="1"/>
  27. <meta name="if:infinite scroll" content="1"/>
  28. <meta name="if:rainbow links" content="1"/>
  29. <meta name="if:sidebar right" content="0"/>
  30. <meta name="text:first custom link title" content=""/>
  31. <meta name="text:first custom link url" content=""/>
  32. <meta name="text:second custom link title" content=""/>
  33. <meta name="text:second custom link url" content=""/>
  34. <meta name="text:third custom link title" content=""/>
  35. <meta name="text:third custom link url" content=""/>
  36. <meta name="text:fourth custom link title" content=""/>
  37. <meta name="text:fourth custom link url" content=""/>
  38. <meta name="text:font size" content="11px"/>
  39. <meta name="text:title font size" content="18px"/>
  40. <meta name="text:post title font size" content="18px"/>
  41. <meta name="text:previous" content="inhale"/>
  42. <meta name="text:next" content="exhale"/>
  43. <meta name="image:sidebar" content="0"/>
  44. <meta name="if:show sidebar image" content="0"/>
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. {block:Description}
  48. <meta name="description" content="{MetaDescription}"/>
  49. {/block:Description}
  50. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <!--[if IE]>
  52.         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  53.     <![endif]-->
  54. {block:ifrainbowlinks}
  55. <script src='http://static.tumblr.com/uiqhh9x/1bDm26c5c/rainbow.js' type='text/javascript'></script>
  56. {/block:ifrainbowlinks}
  57. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  58. <style type="text/css">
  59. html, body, {
  60.     font-family: {font:body};
  61. }
  62. body {
  63.     color: {color:text};
  64.     background:{color:background color} url({image:background image});
  65.     font-family: {font:body};
  66.     font-size: {text:font size};
  67.     line-height: 150%;
  68. }
  69.    #infscr-loading {
  70.        position: absolute;
  71.        bottom: 0;
  72.        left: 25%;
  73.    }
  74. a:link, a:active, a:visited{
  75.  
  76.   color:{color:Link};
  77.    text-decoration: none;
  78.  
  79. }
  80. a:hover {
  81.    color:{color:Hover};
  82.  
  83.    text-decoration: none;
  84.    }
  85. #content {
  86.     width: 528px;
  87. margin-top: 5px;
  88.     {block:ifsidebarright}
  89.     float: left;
  90.     {/block:ifsidebarright}
  91.     {block:ifnotsidebarright}
  92.     float: right;
  93.     {/block:ifnotsidebarright}
  94.    
  95.    
  96. }
  97.  
  98. #note3 {
  99.     width: 500px; }
  100. #contain {
  101.     width: 844px;
  102.     margin: 0px auto;
  103.     position: relative;
  104. }
  105.        
  106.  
  107. #side {
  108. width: 300px;
  109. position: fixed;
  110. margin-top: 140px;
  111. background:{color:side background color};
  112. padding: 2px;
  113.     {block:ifsidebarright}
  114.        
  115.     margin-left: 538px;
  116.     {/block:ifsidebarright}
  117.  
  118. }
  119. #titexcel {
  120. position: absolute;
  121. right: 3px;
  122. top: 26px;
  123. }
  124. ol.notes img {
  125. width: 16px;
  126. display: inline;
  127. position: relative;
  128. top: 3px;
  129. }
  130. #sidebar img {
  131. display: block;
  132. margin-bottom: 1px;
  133. }
  134. .entry {
  135.   {block:ifsidebarright}
  136.        
  137.     float: right;
  138.     {/block:ifsidebarright}
  139.       {block:ifnotsidebarright}
  140.     float: left;
  141.     {/block:ifnotsidebarright}
  142.   {block:indexpage}
  143.  
  144.     width: 250px;
  145.     margin: 5px;
  146.     {/block:indexpage}
  147.     {block:permalinkpage}
  148.     width: 500px;
  149.     margin: 5px;
  150.     {/block:permalinkpage}
  151.     display: block;
  152.     padding: 2px;
  153.     background:{color:post background color};
  154.             {block:ifshadow}
  155.     -moz-box-shadow: 0 0 10px #aaaaaa;
  156.     -webkit-box-shadow: 0 0 10px#aaaaaa;
  157.     box-shadow: 0 0 10px #aaaaaa;
  158.     {/block:ifshadow}
  159.     position: relative;
  160.     }
  161. .entry img {
  162.     display: block;
  163.     max-width: 100%;
  164.     {block:iffadedimages}
  165.     opacity:0.8;
  166.     filter:alpha(opacity=80);
  167.     -webkit-transition: all ease-in 250ms;
  168.     -moz-transition: all ease-in 250ms;
  169.     -o-transition: all ease-in 250ms;
  170.     -ms-transition: all ease-in 250ms;
  171.     transition: all ease-in 250ms;
  172.     {/block:iffadedimages}
  173. }
  174. .entry:hover img {
  175.     {block:iffadedimages}
  176.     opacity:1;
  177.     filter:alpha(opacity=100);
  178.     -webkit-transition: all ease-in 250ms;
  179.     -moz-transition: all ease-in 250ms;
  180.     -o-transition: all ease-in 250ms;
  181.     -ms-transition: all ease-in 250ms;
  182.     transition: all ease-in 250ms;
  183.     {/block:iffadedimages}
  184. }
  185.  
  186.  
  187. .entry:hover .details {
  188. opacity: 1.0;
  189. margin:12px 0px 0px 0px;
  190. filter: alpha(opacity = 100);
  191. -webkit-transition: all .25s ease-in-out;
  192. -moz-transition: all .25s ease-in-out;
  193. -o-transition: all .25s ease-in-out;
  194. transition: all .25s ease-in-out;
  195. }
  196.  
  197.  
  198. #pagination{
  199.     display:none;
  200. }
  201.  
  202. .clear {
  203. clear: both;
  204. }
  205. .drawer {
  206.     list-style: none;}
  207. #topmenu {
  208.     margin: 5px;
  209.     }
  210. #des {
  211. position: relative;
  212. }
  213.  
  214. .cred {
  215.     background: #000000;
  216.     color: #ffffff;
  217.     z-index: 555;
  218.     padding: 5px;
  219. }
  220. .cred a{
  221.     background: #000000;
  222.     color: #ffffff;
  223.     z-index: 555;
  224.   }
  225.  
  226.  
  227.  .textperma {
  228. color: #000000;
  229. padding-top: 0px;
  230. padding-bottom: 0px;
  231. font-size: 10px;
  232. text-align: center;
  233.     opacity: 0;
  234.     filter: alpha(opacity = 0);
  235.     -webkit-transition: all ease-in 250ms;
  236.     -moz-transition: all ease-in 250ms;
  237.     -o-transition: all ease-in 250ms;
  238.     -ms-transition: all ease-in 250ms;
  239.     transition: all ease-in 250ms;
  240.    
  241. }
  242.  
  243. h1 {
  244.   font-size:{text:title font size};
  245. }
  246.  
  247. #menu a {
  248.     padding: 0px 5px;
  249. }
  250.  
  251.  
  252. h3 {
  253.     color: {color:title};
  254.     font-size: {text:post title font size};
  255.     font-weight: normal;
  256. }
  257.  
  258. blockquote, q {
  259. quotes: "«" "»" "'" "'";
  260. padding: 2px;
  261. background: {color:blockquote};
  262. margin: 2px 0px;
  263. }
  264.  
  265.  
  266. li.drawer a {
  267.     margin: 0px 5px;}
  268. .an {
  269.       text-align:left;
  270.       padding-left:5px;
  271.       padding-right:5px;
  272.       border-left: 2px solid #000000;
  273.       border-right: 2px solid #000000;
  274.       background-color:{color:blockquote};
  275.       }
  276. .text {
  277.     padding: 2px;
  278. }
  279.  
  280. .entry:hover .textperma {
  281.     opacity: 1;
  282.     filter: alpha(opacity = 100);
  283.     -webkit-transition: all ease-in 250ms;
  284.     -moz-transition: all ease-in 250ms;
  285.     -o-transition: all ease-in 250ms;
  286.     -ms-transition: all ease-in 250ms;
  287.     transition: all ease-in 250ms;
  288. }
  289.  
  290. #pp {
  291.     font-weight: bold;
  292.     text-align: center;
  293.     width: 100%;
  294.     padding-top: 2px;
  295. }
  296.  
  297.  
  298. .askb {float: left; margin: 0px;padding: 0px 5px 5px 0px; background: #eee}
  299. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  300.  
  301. .perma
  302. {
  303.     opacity: 0.0;
  304.     filter: alpha(opacity = 0);
  305.     position:absolute;
  306.     z-index:9999991;  
  307.     bottom: 0px;
  308.     right: 7px;
  309. }
  310.  
  311. .entry:hover .perma {
  312.    
  313.     -webkit-transition: opacity 0.4s linear;
  314.     opacity: 1;
  315.     -moz-transition: all 0.4s linear;
  316.     transition: all 0.4s linear;
  317.     filter: alpha(opacity = 100);
  318.  
  319. }
  320.  
  321. .likep {
  322. width: 21px;
  323. height: 20px;
  324. overflow: hidden;
  325. z-index: 9999999;
  326. display: inline-block;
  327.  
  328. }
  329. .rep {
  330. width: 24px;
  331. height: 20px;
  332. overflow: hidden;
  333. z-index: 9999999;
  334. display: inline-block;
  335.  
  336. }    
  337. .likep a:hover {
  338. background-position: 0px 0px;
  339. }
  340. .likep a {
  341. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  342. background-position: 0px 0px;
  343. display: block;
  344. z-index: 9999999;
  345.    webkit-transition: all 0s linear;
  346. -webkit-transition: all 0s linear;
  347. -moz-transition: all 0s linear;
  348. transition: all 0s linear;
  349. }
  350. .likep img {
  351.     width: 21px;
  352.     height: 20px;
  353.        webkit-transition: all 0.2s linear;
  354. -webkit-transition: all 0.2s linear;
  355. -moz-transition: all 0.2s linear;
  356. transition: all 0.2s linear;
  357. }
  358. .rep img{
  359.     width: 24px;
  360.     height: 20px;
  361.     line-height: 30px;
  362.     display: inline;
  363. }
  364.  
  365. .not { display: inline-block;
  366. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  367. height: 20px;
  368. font-size: 11px;
  369. line-height: 20px;
  370. color: #fff;
  371. padding-left: 4px;
  372. padding-right: 4px;
  373. -moz-border-radius: 2px;
  374.     border-radius:  2px;
  375.     bottom: 6px;
  376. position: relative;
  377. }
  378. .not a{
  379. color: #fff;
  380. font-weight: bold;
  381. font-family: Arial, Helvetica, sans-serif;
  382. }
  383.  
  384. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  385.      opacity: 0.8;
  386.     filter: alpha(opacity = 80);
  387. }
  388. .not:hover , .rep:hover, .likep:hover {
  389.      opacity: 1!important;
  390.     filter: alpha(opacity = 100)!important;
  391. }
  392.  
  393. .prm {
  394.     text-align: center;
  395.     opacity: 0.0;
  396.     filter: alpha(opacity = 0);
  397.     font-size: 9px;
  398.     line-height: 9px;
  399.     text-transform: uppercase;
  400.  
  401.    
  402.     }
  403. .entry:hover .prm {
  404.     text-align: center;
  405.     opacity: .5;
  406.     filter: alpha(opacity = 50);
  407.  
  408.    
  409.     }
  410.    
  411. #navbar li {
  412. float: left;
  413.  
  414. }
  415. #navbar {
  416.     position: absolute;
  417.     margin-left: 1px;
  418.     margin-top: 1px;
  419.     width: 400px;
  420.     z-index: 100;
  421.     }
  422. #navbar li a {
  423. display: block;
  424. font-size: 8px;
  425. line-height: 20px;
  426. text-align: center;
  427. text-transform: uppercase;
  428. width: 69px;
  429. background-color: {color:menu background};
  430. margin-right: 2px;
  431. z-index: 100;
  432. color: {color:menu link};
  433. }
  434.   #menu{
  435. background: #ffffff;
  436. padding: 1px;
  437. height: 22px;
  438.         {block:ifshadow}
  439.     -moz-box-shadow: 0 0 10px #aaaaaa;
  440.     -webkit-box-shadow: 0 0 10px#aaaaaa;
  441.     box-shadow: 0 0 10px #aaaaaa;
  442.     {/block:ifshadow}
  443.  
  444. }  
  445.  
  446. #des {
  447.         background: #ffffff;
  448.         margin-top: 8px;
  449.         padding: 2px;
  450.                 {block:ifshadow}
  451.     -moz-box-shadow: 0 0 10px #aaaaaa;
  452.     -webkit-box-shadow: 0 0 10px#aaaaaa;
  453.     box-shadow: 0 0 10px #aaaaaa;
  454.     {/block:ifshadow}
  455.         }
  456.        
  457. .clearfix {
  458.     clear: both;
  459.     }
  460.  
  461. #navbar li:hover ul, #navbar li.hover ul {
  462. display: block;
  463.  
  464. position: absolute;
  465.  
  466. margin: 0;
  467.  
  468. padding: 0;
  469.  
  470.  
  471. }
  472.  
  473. #navbar li:hover li, #navbar li.hover li { float: none; }
  474.  
  475. #navbar li:hover li a, #navbar li.hover li a { /* details for drop down box*/
  476.  
  477.  
  478. border-bottom: 1px dotted #000;
  479.  
  480.  
  481. font-size: 8px;
  482.  
  483. line-height: 10px;
  484.  
  485. text-transform: uppercase;
  486.  
  487. text-align: center; padding:2px; margin-left: 0px; z-index: 100;
  488.  
  489. color: {color:menu link};
  490.  
  491. width:73px; line-height:10px;
  492.  
  493.  
  494. }
  495.  
  496. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle;  padding : 2px;
  497. padding-bottom : 0px;}
  498.  
  499. #navbar li a:hover {
  500.     font-weight: normal; z-index: 100;
  501.     letter-spacing: 2px;
  502.    
  503.  
  504. }
  505.  
  506. #navbar li ul { /* details for drop down boxes individually*/
  507.     display: none;
  508.  
  509.     width: 79px; z-index: 100;
  510.     background: {color:menu background};
  511.     opacity: 0.8; filter: alpha(opacity=80);
  512.  
  513. }
  514.  
  515.  
  516. #navbar li a:hover {
  517. font-weight: normal; z-index: 100;
  518.  
  519. }
  520. #newHeader {
  521.         padding-bottom: 2px;
  522.         text-align: center;
  523.  
  524.         }
  525.         #newHeader ul {
  526.                 list-style: none;
  527.                 margin: 0 5px;
  528.                 padding: 0;
  529.         }
  530.         #newHeader ul li {
  531.                 margin: 0 3px;
  532.                 padding: 0;
  533.                 float: left;
  534.         }
  535.         #newHeader ul li a {
  536.                 width: 90px;
  537.         background-color: rgba(0,0,0,0.05);
  538.                 display: block;
  539.                 font-weight: bold;
  540.                 color: {color:menu link};
  541.                 text-decoration: none;
  542.                 -webkit-font-smoothing: antialiased;
  543.                 letter-spacing: 1px;
  544.                 line-height: 16px;
  545.             font-size: 10px;
  546.                 -webkit-transition: all ease-in-out 0.3s;
  547.                 -moz-transition: all ease-in-out 0.3s;
  548.                 -o-transition: all ease-in-out 0.3s;
  549.                 transition: all ease-in-out 0.3s;
  550.         }
  551.         #newHeader ul li a:hover {
  552.                 background-color: rgba(0,0,0,0.00);
  553.         }
  554.         div.panel {
  555.                 width: 260px;
  556.       padding: 15px 20px;
  557.                 color: #333;
  558.                 text-align: center;
  559.                 line-height: 22px;
  560.                 display: none;
  561.            
  562.                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  563.         }
  564.         div.panel p {
  565.                 margin: 10px 0;
  566.         }
  567.         div.panel p a, div.textPost p a, div.audioPost p a {
  568.                 color: #333;
  569.                 text-decoration: none;
  570.                 border-bottom: 1px dotted;
  571.                 font-style: italic;
  572.                 font-weight: bold;
  573.         }
  574. #shareButton {
  575.         width: 120px;
  576.                 height: 15px;
  577.                         font-weight: bold;
  578.                                 letter-spacing: 1px;
  579.                 display: block;
  580.                 text-transform: uppercase;
  581.                 text-align: center;
  582.                 text-decoration: none;
  583.                 line-height: 15px;
  584.                 margin: 10px 5px;
  585.                 float: left;
  586.         color: {color:menu link};
  587.                 -webkit-transition: all ease-in-out 0.3s;
  588.                 -moz-transition: all ease-in-out 0.3s;
  589.                 -o-transition: all ease-in-out 0.3s;
  590.                 transition: all ease-in-out 0.3s;
  591.         background-color: rgba(0,0,0,0.05);
  592.         }
  593. #shareButton:hover {
  594.         background-color: rgba(0,0,0,0.00);
  595.         }
  596. #shareButton a {
  597.     color: {color:menu link};
  598.     }
  599. h1 a {
  600. color: black;
  601. font-size: 16px;
  602. text-align: center;
  603. text-shadow: 2px 2px 0px
  604. rgba(0, 0, 0, 0.1);
  605. margin: 0px 0 0px;
  606. text-decoration: none;
  607. text-transform: uppercase;
  608. display: block;
  609. height: 20px;
  610. }
  611. </style>
  612. </head>
  613. <body>
  614. <div id="contain">
  615. <div id="side">
  616. <div id="newHeader">
  617. {block:ifshowtitle}
  618.                 <h1><a href="/">{title}</a></h1>{/block:ifshowtitle}
  619. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width="300"/></a>{/block:ifshowsidebarimage}
  620.                         <ul>
  621.                                 <li><a class="aboutBtn show" href="#aboutPanel">ABOUT</a></li>
  622.                                 <li><a class="shareBtn show" href="#sharePanel">MESSAGE</a></li>
  623.                                 <li><a class="donateBtn show" href="#linksPanel">LINKS</a></li>
  624.                         </ul>
  625.                         <div style="clear: both;"></div>
  626.                         <div id="aboutPanel" class="panel">
  627.                         {description}
  628.                         </div>
  629.                         <div id="sharePanel" class="panel">
  630.                 <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  631.            
  632.                                 <div style="clear: both;"></div>
  633.                         </div>
  634.                         <div id="linksPanel" class="panel">
  635.             {block:HasPages}
  636. {block:Pages}<a id="shareButton" href="{URL}">{Label}</a>
  637. {/block:Pages}
  638. {/block:HasPages}
  639.                         {block:iffirstcustomlink}<a id="shareButton" href="{text:first custom link url}">{text:first custom link title}</a>{/block:iffirstcustomlink}
  640. {block:ifsecondcustomlink}
  641. <a id="shareButton" href="{text:second custom link url}">{text:second custom link title}</a>{/block:ifsecondcustomlink}
  642. {block:ifthirdcustomlink}
  643. <a id="shareButton" href="{text:third custom link url}">{text:third custom link title}</a>{/block:ifthirdcustomlink}
  644. {block:iffourthcustomlink}
  645. <a id="shareButton" href="{text:fourth custom link url}">{text:fourth custom link title}</a>{/block:iffourthcustomlink}
  646.                 <div style="clear: both;"></div>
  647.                         </div>
  648.                 </div>
  649. </div>
  650. <div id="content">
  651. {block:Posts}
  652. <div class="entry">
  653.  
  654. {block:Text}
  655. <div class="text">
  656.     {block:Title}
  657.         <h3><a href="{Permalink}">{Title}</a></h3>
  658.     {/block:Title}
  659.         {Body}
  660.     {block:indexpage}
  661.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  662.     {/block:indexpage}
  663. </div>
  664. {/block:Text}
  665.  
  666. {block:Photo}
  667. {block:IndexPage}
  668. <div class="perma">
  669. <div class="likep">
  670. <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>
  671. </div>
  672. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  673. </div>
  674. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>          
  675. </div>  
  676. {/block:IndexPage}
  677. {block:indexpage}
  678. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  679. {/block:indexpage}
  680. {block:permalinkpage}
  681. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  682. {/block:permalinkpage}
  683. {/block:Photo}
  684.  
  685. {block:Photoset}
  686.     {block:IndexPage}{Photoset-250}{/block:IndexPage}
  687.     {block:indexpage}
  688.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  689.     {/block:indexpage}
  690. {block:permalinkpage}
  691.     {Photoset-500}
  692. {/block:permalinkpage}
  693. {/block:Photoset}
  694.  
  695. {block:Quote}
  696.     <div class="text">
  697.     "{Quote}"
  698.     {block:Source}
  699.         <div class="source">{Source}</div>
  700.     {/block:Source}
  701.     {block:indexpage}
  702.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  703.     {/block:indexpage}
  704. </div>{/block:Quote}
  705.  
  706. {block:Link}
  707. <div class="text">
  708. <a href="{URL}" class="link" {Target}>{Name}</a>
  709.     {block:Description}
  710.         <div class="description">{Description}</div>
  711.     {/block:Description}
  712.     {block:indexpage}
  713.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  714.     {/block:indexpage}
  715. </div>{/block:Link}
  716.  
  717. {block:Chat}
  718.     <div class="text">
  719.     {block:Title}
  720.         <h3><a href="{Permalink}">{Title}</a></h3>
  721.         {/block:Title}
  722.         <ul class="chat">
  723.            {block:Lines}
  724.            <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  725.                  
  726.                   {Line} </li>
  727.            {/block:Lines}
  728.         </ul>    
  729.     {block:indexpage}
  730.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  731.     {/block:indexpage}
  732. </div>{/block:Chat}
  733.  
  734. {block:Video}
  735.     {block:IndexPage}{Video-250}{/block:IndexPage}
  736.     {block:indexpage}
  737.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  738.     {/block:indexpage}
  739.     {block:permalinkpage}
  740.     {Video-500}
  741.     {/block:permalinkpage}
  742.    
  743. {/block:Video}
  744.  
  745. {block:Audio}
  746. <div class="text">
  747.         {AudioPlayerBlack}
  748.         {block:Caption}
  749.         {Caption}
  750.     {/block:Caption}
  751.     {block:indexpage}
  752.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  753.     {/block:indexpage}
  754. </div>{/block:Audio}
  755.  
  756. {block:Answer}<div class="text">
  757. <div class="an">
  758. <div class="ba">{Asker}: {Question}</div></div><div class="ans">{Answer}      
  759. </div>
  760.     {block:indexpage}
  761.     <div class="prm"><p><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</p></div>
  762.     {/block:indexpage}
  763. </div>{/block:Answer}
  764.  
  765. {block:PermalinkPage}
  766. <div id="note3"><center>
  767. {block:notecount}
  768. {notecountwithlabel}
  769. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  770. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  771. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  772. {/block:RebloggedFrom}</center>
  773. <br>
  774. {block:PostNotes}
  775. {PostNotes}
  776. {/block:PostNotes}
  777. </div>
  778. {/block:PermalinkPage}
  779. </div>
  780. {/block:Posts}
  781. </div>
  782. <div class="clear"></div>
  783. </div>
  784. <div id="titexcel"><a href="http://tit.tumblr.com/"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a></div>
  785.     {block:Pagination}
  786.                 <ul id="pagination">
  787.                         {block:PreviousPage}
  788.                                 <li><a href="{PreviousPage}"></a></li>
  789.                         {/block:PreviousPage}
  790.                         {block:JumpPagination length="5"}
  791.                         {block:CurrentPage}
  792.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  793.                         {/block:CurrentPage}
  794.                         {block:JumpPage}
  795.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  796.                         {/block:JumpPage}
  797.                         {/block:JumpPagination}
  798.                         {block:NextPage}
  799.                                 <li><a id="nextPage" href="{NextPage}"></a></li>
  800.                         {/block:NextPage}
  801.                 </ul>
  802.         {/block:Pagination}
  803.  
  804. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>{block:ifinfinitescroll}
  805. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:ifinfinitescroll}
  806. {block:IndexPage}
  807. <script type="text/javascript">
  808. $(window).load(function () {
  809. $('#content').masonry(),
  810. $('.masonryWrap').infinitescroll({
  811. navSelector    : '#pagination',  
  812. nextSelector   : '#pagination a#nextPage',
  813. itemSelector : ".entry, .clear",
  814. bufferPx : 200,
  815. loadingImg : "http://static.tumblr.com/plngtrn/ieqlmwwlc/ajax-loader.gif",
  816. loadingText : "<em></em>",
  817. },
  818. function() { $('#content').masonry({ appendedContent: $(this) }); }
  819. );
  820. });
  821. </script>
  822. {/block:IndexPage}
  823.  
  824. <div style="padding: 5px; position: fixed; bottom: 0px; font-size: 9px; right: 0px; text-transform:lowercase; background: #ffffff; color: white;"><a href="http://tit.tumblr.com"><small style="color: #ffffff;"><a href="https://twitter.com/m4rcsilva" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @m4rcsilva</a>
  825. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></small></a></div>
  826. <script type="text/javascript">
  827.  
  828.                         $('.show').click(function(e){
  829.                                 e.preventDefault();
  830.                                 $('.panel').stop(true,true);
  831.                                 var target = $(this).attr('href');
  832.                                 if($('.panel').is(':visible')){
  833.                                         if($(target).is(':visible')){
  834.                                                 $(target).slideUp();
  835.                                                 return false;
  836.                                         }else{
  837.                                                 $('.panel:visible').slideUp(400, function(){
  838.                                                         $(target).slideDown(); 
  839.                                                 });            
  840.                                         }
  841.                                 }else {
  842.                                         $(target).slideDown();
  843.                                 }
  844.                         });
  845.    
  846. </script>
  847. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  848. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  849. </body>
  850. </html>
  851.  
  852.  
  853. /a>"</a><br><div
  854.  class="links"><a href=""></a></div></div>
create a new version of this paste RAW Paste Data