API tools faq
paste
Ikxa

igu <3

Ikxa
Aug 26th, 2013
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.14 KB | None | 0 0
raw download clone embed print report
  1. <!--  
  2.  
  3. VANILLA
  4. BY NAEIVE
  5. LEAVE VISIBLE CREDIT OR I'LL REPORT YOU
  6. I WILL NOT ANSWER YOUR HTML QUESTIONS XO
  7.  
  8. TWO TITLE FONT OPTIONS (CURISVE AND NOT CURSIVE)
  9. CURSIVE TITLE LOOKS BETTER WITHOUT LETTERS Y G J P AND Q
  10.  
  11. -->
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  15.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <meta name="color:link" content="#7faac9"/>
  21. <meta name="color:hover" content="#a3bdcf"/>
  22. <meta name="color:blockquote" content="#efefef"/>
  23. <meta name="color:border" content="#efefef"/>
  24. <meta name="color:background" content="#fafafa"/>
  25. <meta name="color:post background" content="#ffffff"/>
  26. <meta name="image:background" content="0"/>
  27. <meta name="image:sidebar" content="0"/>
  28. <meta name="if:cursive title" content="1"/>
  29. <meta name="if:no sidebar" content="0"/>
  30. <meta name="if:faded images" content="1"/>
  31. <meta name="if:shadow" content="0"/>
  32. <meta name="if:show sidebar image" content="0">
  33. <meta name="if:rounded corners" content="1"/>
  34. <meta name="if:white tumblr controls" content="1"/>
  35. <meta name="if:show title" content="1"/>
  36. <meta name="if:show description" content="1"/>
  37. <meta name="if:custom font" content="1">
  38. <meta name="if:custom cursor" content="1">
  39. <meta name="if:cross cursor" content="0">
  40. <meta name="text:Link One Title" content="" />
  41. <meta name="text:Link One" content="" />
  42. <meta name="text:Link Two Title" content="" />
  43. <meta name="text:Link Two" content="" />
  44. <meta name="text:Link Three Title" content="" />
  45. <meta name="text:Link Three" content="" />
  46.  
  47. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <!--[if IE]>
  51.        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  52.    <![endif]-->
  53.  
  54.     <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. @font-face {
  60. font-family:titulo;
  61. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');
  62. }
  63.  
  64. body {
  65.     color: #777;
  66.     background:{color:background}
  67.     url({image:background});
  68.     background-repeat: repeat;
  69.     background-attachment: fixed;
  70.    {block:ifcustomfont}
  71.     font-family: consolas;
  72.      line-height:110%;
  73.     font-size: 10px;
  74.     {/block:ifcustomfont}
  75.  
  76.     {block:ifnotcustomfont}
  77.     font-family: helvetica;
  78.     font-size: 9px;
  79.     line-height:120%;
  80.     {/block:ifnotcustomfont}
  81.    
  82.     {block:ifcrosscursor}
  83.     cursor: crosshair;
  84.     {/block:ifcrosscursor}
  85. }
  86.  
  87. {block:ifcustomcursor}
  88.  
  89. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  90.  
  91. {/block:ifcustomcursor}
  92.  
  93.  
  94. ::-webkit-scrollbar-thumb{
  95. background-color: {color:link};
  96. border: 2px solid {color:background};
  97. height:auto;
  98. -moz-border-radius: 10px;
  99. border-radius: 10px;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height:auto;
  104. width:9px;
  105. background-color: #999999;
  106. border: 4px solid {color:background};
  107. }
  108.  
  109.  
  110.  
  111.    #infscr-loading {
  112.        position: absolute;
  113.        bottom: 0;
  114.        left: 25%;
  115.    }
  116. a:link, a:active, a:visited{
  117.  
  118.   color:{color:Link};
  119.    text-decoration: none;
  120.  
  121. }
  122. a:hover {
  123.    color:{color:Hover};
  124.  
  125.    text-decoration: none;
  126.    {block:ifcrosscursor}
  127.     cursor: crosshair;
  128.     {/block:ifcrosscursor}
  129.     {block:ifcustomcursor}
  130.     cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  131.     {/block:ifcustomcursor}
  132.    }
  133.  
  134.  
  135. #content {
  136. {block:ifcrosscursor}
  137.     cursor: crosshair;
  138.     {/block:ifcrosscursor}
  139.     {block:ifcustomcursor}
  140.     cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  141.     {/block:ifcustomcursor}
  142. {block:indexpage}
  143.     padding:7px;
  144.     width:860px;
  145.     margin-left:320px;
  146. {/block:indexpage}
  147.  
  148. {block:permalinkpage}
  149.     background:{color:post background};
  150.     width: 500px;
  151.      margin-left:335px;
  152. {/block:permalinkpage}
  153. background:{color:content background};
  154. }
  155.  
  156.  
  157.  
  158. {block:ifwhitetumblrcontrols}
  159.  
  160. iframe#tumblr_controls {
  161. position:fixed !important;-webkit-filter: invert(100%) ;
  162. -moz-transition: all 0.8s ease-out;
  163. -webkit-transition: opacity 0.7s linear;
  164. -webkit-transition: all 0.8s ease-out;
  165. transition: all 0.8s ease-out;
  166. opacity: 0.5;}
  167.  
  168. {/block:ifwhitetumblrcontrols}
  169.  
  170.  
  171. iframe#tumblr_controls {
  172.     top:2px !important;
  173.     right:3px !important;
  174.     position: fixed !important;
  175.     -webkit-transition: opacity 0.7s linear;
  176.     opacity: 0.5;
  177.     -webkit-transition: all 0.8s ease-out;
  178.     -moz-transition: all 0.8s ease-out;
  179.     transition: all 0.8s ease-out;
  180. }
  181.  
  182. iframe#tumblr_controls:hover {
  183.     -webkit-transition: opacity 0.7s linear;
  184.     opacity: 1;
  185.     -webkit-transition: all 0.4s ease-out;
  186.     -moz-transition: all 0.4s ease-out;
  187.     transition: all 0.4s ease-out;
  188. }
  189.  
  190. ::selection {
  191. background:#f1f1f1;
  192. color: #777;
  193. }
  194.  
  195. ::-moz-selection {
  196. background:#f1f1f1;
  197. color: #777;
  198. }
  199.  
  200.  
  201. #note3 {
  202.     width: 500px;
  203.     text-align:left;
  204.     }
  205.    
  206.  #information {
  207. padding: 5px;
  208. line-height:115%;
  209. }
  210.  
  211. #sidebar {
  212.     background:transparent;
  213.     display: block;
  214.     text-align:right;
  215.     margin-top:175px;
  216.     height:auto;
  217.     width:175px;
  218.     margin-left:120px;
  219.     position:fixed;
  220.     padding: 5px;
  221.     }
  222.  
  223. #sidebar img {
  224.  {block:iffadedimages}
  225.     opacity:0.8;
  226.     filter:alpha(opacity=80);
  227.     -webkit-transition: all ease-in 250ms;
  228.     -moz-transition: all ease-in 250ms;
  229.     -o-transition: all ease-in 250ms;
  230.     -ms-transition: all ease-in 250ms;
  231.     transition: all ease-in 250ms;
  232.     {/block:iffadedimages}
  233.     padding-top:1px;
  234. }
  235.  
  236. #sidebar:hover img {
  237.     {block:iffadedimages}
  238.     opacity:0.9;
  239.     filter:alpha(opacity=90);
  240.     -webkit-transition: all ease-in 250ms;
  241.     -moz-transition: all ease-in 250ms;
  242.     -o-transition: all ease-in 250ms;
  243.     -ms-transition: all ease-in 250ms;
  244.     transition: all ease-in 250ms;
  245.     {/block:iffadedimages}
  246.     -webkit-transition: all ease-in 250ms;
  247.     -moz-transition: all ease-in 250ms;
  248.     -o-transition: all ease-in 250ms;
  249.     -ms-transition: all ease-in 250ms;
  250.     transition: all ease-in 250ms;
  251. }
  252.  
  253. .titulo {
  254.     {block:ifcursivetitle}
  255.     letter-spacing:0px;
  256.     text-transform:lowercase;
  257.     font-size:22px;
  258.     font-family:titulo;
  259.     {block:ifnotnosidebar}
  260.     margin-bottom:-8px;
  261.     {/block:ifnotnosidebar}
  262.     {/block:ifcursivetitle}
  263.    
  264.     {block:ifnotcursivetitle}
  265.     letter-spacing:1px;
  266.     text-transform:uppercase;
  267.     font-size:15px;
  268.     font-family:courier new;
  269.     {block:ifnotnosidebar}
  270.     margin-bottom:-7px;
  271.     {/block:ifnotnosidebar}
  272.     {/block:ifnotcursivetitle}
  273.    
  274.     padding:0px 0px 0px 10px;
  275.     line-height:100%;
  276.     text-align:left;
  277.     text-shadow:
  278.     -1px 0 {color:post background},
  279.     0 1px {color:post background},
  280.     1px 0 {color:post background},
  281.     0 -1px {color:post background};
  282. }
  283.  
  284.  
  285. .titulo a{
  286. color:#777;
  287. }
  288.  
  289. .links {
  290. text-align:center;
  291. padding-right:5px;
  292. font-family:consolas;
  293. font-size:8px;
  294. text-transform:uppercase;
  295. line-height: 115%;
  296. letter-spacing:1px;
  297.  
  298. }
  299.  
  300. .des{
  301. font-family:consolas;
  302. font-style:italic;
  303. {block:ifroundedcorners}-moz-border-radius: 5px;
  304. border-radius: 5px;
  305. {/block:ifroundedcorners}
  306. border: 1px solid {color:border};
  307. text-align:left;
  308. padding: 5px;
  309. padding-left:10px;
  310. letter-spacing:0px;
  311. font-size:9px;
  312. text-transform:lowercase;
  313. background:{color:post background};
  314.             {block:ifshadow}
  315.      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  316.     -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  317.     -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  318.     {/block:ifshadow}
  319. }
  320.  
  321.  
  322. ol.notes img {
  323. width: 16px;
  324. display: inline;
  325. position: relative;
  326. top: 3px;
  327. }
  328.  
  329. .entry {
  330. {block:ifroundedcorners}-moz-border-radius: 5px;
  331. border-radius: 5px;
  332. {/block:ifroundedcorners}
  333. border: 1px solid {color:border};
  334.     float: left;
  335.   {block:indexpage}
  336.     width: 320px;
  337.     margin: 13px;
  338.     {/block:indexpage}
  339.    
  340.     {block:permalinkpage}
  341.     width: 500px;
  342.     padding:10px;
  343.     margin-top:20px;
  344.     {/block:permalinkpage}
  345.     padding:6px;
  346.     display: block;
  347.     background:{color:post background};
  348.             {block:ifshadow}
  349.      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  350.     -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  351.     -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  352.     {/block:ifshadow}
  353.     position: relative;
  354.     }
  355.    
  356. .entry img {
  357.     display: block;
  358.     max-width: 100%;
  359.     {block:iffadedimages}
  360.    
  361.  opacity: .7;
  362. filter:alpha(opacity=10);
  363. -moz-opacity: 0.1;
  364. -moz-transition: all .9s ease;
  365. -o-transition: all .9s ease;
  366. transition: all .9s ease;
  367. -webkit-transition: all .9s ease;
  368.  
  369.     {/block:iffadedimages}
  370.     {block:ifroundedcorners}-moz-border-radius: 5px;
  371. border-radius: 5px;
  372. {/block:ifroundedcorners}
  373.     {block:permalinkpage}
  374.     width: 500px;
  375. {/block:permalinkpage}
  376. }
  377. .entry:hover img {
  378.     {block:iffadedimages}
  379.    
  380. opacity: .9;
  381. filter:alpha(opacity=10);
  382. -moz-opacity: 0.1;
  383. -moz-transition: all .9s ease;
  384. -o-transition: all .9s ease;
  385. transition: all .9s ease;
  386. -webkit-transition: all .9s ease;
  387.  
  388.     {/block:iffadedimages}
  389.     -webkit-transition: all ease-in 250ms;
  390.     -moz-transition: all ease-in 250ms;
  391.     -o-transition: all ease-in 250ms;
  392.     -ms-transition: all ease-in 250ms;
  393.     transition: all ease-in 250ms;
  394. }
  395.  
  396. #pagination{
  397.     display:none;
  398. }
  399.  
  400.  
  401. .perms {
  402. border-bottom: 1px solid {color:border};
  403. color:#777;
  404. font-size:8px;
  405. opacity: 0;
  406. -webkit-transition-duration: .75s;top:0px;
  407. width:320px;
  408. height:22px;
  409. padding-bottom:4px;
  410. background-color: #fff;
  411. position: absolute;
  412. margin-top:6px;
  413. text-align:center;
  414. text-transform:uppercase;
  415. font-family:consolas;
  416. letter-spacing:1px;
  417. display:block;
  418. }
  419.  
  420. .entry:hover .perms {
  421. opacity:0.9;
  422. z-index:999999;
  423. padding-top:4px;}
  424.  
  425.  
  426. blockquote, q {
  427. padding-left:5px;padding-top:7px;
  428. padding-right:5px;padding-bottom:7px;
  429. margin-left:5px; margin-right:5px;
  430. border-left: 2px solid #ccc;
  431. border-right: 2px solid #ccc;
  432. background-color:#fafafa;
  433.  text-align:left;
  434.       font-size: 8px;
  435.         text-transform: uppercase;
  436.         margin-left:-5px;
  437.         width:99%;
  438.         height: auto;
  439.         {block:ifroundedcorners}-moz-border-radius: 5px;
  440.         border-radius: 5px;
  441.         {/block:ifroundedcorners}
  442.         border: 1px solid {color:border};
  443. }
  444.  
  445. .quote {
  446. font-family: arial;
  447. font-size: 20px;
  448. color: {color:link};
  449. float: left;
  450. margin-right: 5px;
  451. }
  452.  
  453. li.drawer a {
  454.     margin: 0px 5px;}
  455.    
  456. .label {
  457.       text-transform:uppercase;
  458.       color:{color:Link}
  459.       }
  460.    
  461. .question {
  462.       text-align:left;
  463.       padding-left:5px;padding-top:7px;
  464.       padding-right:5px;padding-bottom:7px;
  465.       border-left: 2px solid {color:Link};
  466.       border-right: 2px solid {color:Link};
  467.       background-color:#fafafa;
  468.       }
  469.  
  470. .answer {
  471.       text-align:left;
  472.       padding-left:5px;padding-top:7px;
  473.       padding-right:5px;padding-bottom:7px;
  474.       }      
  475.      
  476. .text {
  477.     padding: 10px;
  478. }
  479.  
  480. #pp {
  481.     text-align: center;
  482.     width: 100%;
  483.     padding-top: 2px;
  484. }
  485.  
  486.  
  487.  
  488. .permahover {
  489.     text-align: center;
  490.     line-height:9px;
  491.     opacity: 0.0;
  492.     filter: alpha(opacity = 0);
  493.     font-size: 9px;
  494.     text-transform: uppercase;
  495.     -webkit-transition-duration: .75s;
  496.     }
  497.    
  498. .entry:hover .permahover {
  499.     text-align: center;
  500.     opacity: 1;
  501.     filter: alpha(opacity = 50);
  502.  
  503.    
  504.     }
  505.  
  506.  
  507. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle;  padding : 2px;
  508. padding-bottom : 0px;}
  509.  
  510. #newHeader {
  511.         padding-bottom: 2px;
  512.                 text-align: center;
  513.  
  514.         }
  515.      
  516.         div.panel {
  517.                 width: 260px;
  518.       padding: 15px 20px;
  519.                 color: #333;
  520.                 text-align: center;
  521.                 line-height: 22px;
  522.                 display: none;
  523.            
  524.                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  525.         }
  526.         div.panel p {
  527.                 margin: 10px 0;
  528.         }
  529.         div.panel p a, div.textPost p a, div.audioPost p a {
  530.                 color: #333;
  531.                 text-decoration: none;
  532.                 border-bottom: 1px dotted;
  533.                 font-style: italic;
  534.                 font-weight: bold;
  535.         }
  536. .video embed, .video object, .video iframe {
  537.     {block:IndexPage}
  538.     width:200px /**/ !important;
  539.     {/block:IndexPage}
  540.     height:auto !important;
  541. }
  542.        
  543. #album
  544. {
  545. {block:ifroundedcorners}-moz-border-radius: 5px;
  546. border-radius: 5px;
  547. {/block:ifroundedcorners}
  548. border: 1px solid {color:border};
  549. margin:10px;
  550. float:left;
  551.  
  552. {block:IndexPage}
  553. width:80px;
  554. height:80px;
  555. {/block:IndexPage}
  556.  
  557. {block:PermalinkPage}
  558. width:360px;
  559. height:360px;
  560. {/block:PermalinkPage}
  561. }
  562.  
  563.  
  564. #infos {
  565. font-size: 8px;
  566. text-transform: uppercase;
  567. float:left;
  568. margin-top:10px;
  569. padding:5px;
  570.  
  571. {block:IndexPage}
  572. border-left: 1px solid {color:border};
  573. background-color: transparent;
  574. width:83px;
  575. height: 70px;
  576. {/block:IndexPage}
  577.  
  578. {block:PermalinkPage}
  579. border-left: 1px solid {color:border};
  580. background-color: transparent;
  581. width:95px;
  582. height: 350px;
  583. margin-bottom:20px;
  584. {/block:PermalinkPage}
  585. }
  586.  
  587. #player{
  588. float:left;
  589. width:29px;
  590. padding-left:2px;
  591. padding-top:5px;
  592. padding-bottom:10px;
  593. height:15px;
  594. background-color:#fff;
  595. overflow-x:hidden;
  596. overflow-y:hidden;
  597.     opacity: .9;
  598. filter:alpha(opacity=10);
  599. -moz-opacity: 0.1;
  600. -moz-transition: all .9s ease;
  601. -o-transition: all .9s ease;
  602. transition: all .9s ease;
  603. -webkit-transition: all .9s ease;
  604.  
  605. {block:IndexPage}
  606. margin-top:35px;
  607. margin-left:-65px;
  608. {/block:IndexPage}
  609.  
  610. {block:PermalinkPage}
  611. margin-top:175px;
  612. margin-left:-205px;
  613. {/block:PermalinkPage}
  614.  
  615. }
  616.  
  617. </style>
  618.  
  619. <script type="text/javascript">
  620. $(window).load(function(){
  621. $("p").remove(":contains('Source:')");
  622. $("p").remove(":contains('via ')");
  623. });
  624. </script>
  625.  
  626.  
  627. <script type="text/javascript">
  628. $(document).ready(function(){
  629. $(".hide").hide();
  630. $(".show").click(function(){
  631. $(this).next(".hide").slideToggle('fast');
  632. }); });
  633. </script>
  634.  
  635.  
  636. </head>
  637. <body>
  638.  
  639. <div id="sidebar">
  640.         <div id="information">
  641.         {block:ifshowtitle}<div class="titulo"><a href="/">{title}</a></div>{/block:ifshowtitle}
  642.         {block:ifnotnosidebar}<div class="des">
  643.                 {block:ifshowsidebarimage}<center><a title="/" href="/"><img src="{image:sidebar}" width="150px" style="margin-left:-5px; {block:ifroundedcorners}-moz-border-radius: 5px;
  644.                 border-radius: 5px;
  645.                 {/block:ifroundedcorners} ""></a></center>{/block:ifshowsidebarimage}
  646.         {block:ifshowdescription}
  647.             <div style="padding-top:2px; padding-bottom:2px;">{description}</div>{/block:ifshowdescription}</div>{/block:ifnotnosidebar}
  648.           <div class="links"><div style="padding-top:2px;">
  649.                 <a href="/">home</a>
  650.                 <a href="/ask">message</a>  
  651.                 {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a> {/block:ifLinkOneTitle}
  652. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  653. {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  654.                 <a href="http://naeive.tumblr.com/">theme</a> </div>
  655. </div>
  656.  
  657.     </div></div>
  658.  
  659.  
  660. <div id="content">
  661. {block:Posts}
  662. <div class="entry">
  663.  
  664. {block:Text}
  665. <div class="text">
  666.     <div style="text-transform:uppercase">{block:Title}
  667.         <a href="{Permalink}">{Title}</a>
  668.     {/block:Title}</div>
  669.         {Body}
  670.     {block:indexpage}
  671.     <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  672.     {/block:indexpage}
  673.  
  674. </div>
  675. {/block:Text}
  676.  
  677. {block:Photo}
  678.  
  679. {block:IndexPage}<div class="perms">
  680. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  681. </div> {/block:IndexPage}
  682.  
  683. {block:indexpage}
  684. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  685. {/block:indexpage}
  686. {block:permalinkpage}
  687. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}
  688. {/block:permalinkpage}
  689.  
  690. {/block:Photo}
  691.  
  692. {block:Photoset}
  693.  
  694. {block:IndexPage}<div class="perms">
  695. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  696. </div> {/block:IndexPage}
  697.  
  698. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="200" style="padding-bottom:5px;"/></a>
  699. {/block:Photos}
  700. {/block:Photoset}
  701.  
  702.  
  703. {block:Quote}
  704.     <div class="text">
  705.     <div class="quote">&#10077;</div>
  706.     <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote} </span>
  707.     {block:Source}
  708.         <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  709.     {/block:Source}
  710.     {block:indexpage}
  711.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  712.     {/block:indexpage}
  713. </div>{/block:Quote}
  714.  
  715. {block:Link}
  716. <div class="text">
  717. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  718.     {block:Description}
  719.         <div class="description">{Description}</div>
  720.     {/block:Description}
  721.     {block:indexpage}
  722.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  723.     {/block:indexpage}
  724. </div>{/block:Link}
  725.  
  726. {block:Chat}
  727.     <div class="text">
  728.     {block:Title}
  729.         <a href="{Permalink}">{Title}</a>
  730.         {/block:Title}
  731.         <ul class="chat">
  732.            {block:Lines}
  733.            <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  734.                  
  735.                   {Line} </li>
  736.            {/block:Lines}
  737.         </ul>    
  738.     {block:indexpage}
  739.     <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  740.     {/block:indexpage}
  741. </div>{/block:Chat}
  742.  
  743. {block:Video}
  744.  
  745. {block:IndexPage}<div class="perms">
  746. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  747. </div> {/block:IndexPage}
  748.  
  749. {block:IndexPage}<div style="width:200px; overflow-y:hidden; overflow-x:scroll;">{Video-250} </div>{/block:IndexPage}
  750.  
  751.      {block:permalinkpage}
  752.     {Video-500}
  753.     {/block:permalinkpage}
  754.    
  755. {/block:Video}
  756.  
  757.  
  758. {block:Audio}
  759. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  760. <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  761. <div id="infos">
  762. <span style="letter-spacing:1px; color:{color:link};">{block:TrackName}{TrackName}{/block:TrackName}</span><br>
  763. {block:Artist}
  764. {Artist}
  765. {/block:Artist}
  766. <br>
  767. {block:Album}
  768. {Album}
  769. {/block:Album}<br>
  770. {PlayCountWithLabel}
  771. </div>
  772.  
  773.  
  774. {block:IndexPage}
  775. <div class="perms">
  776. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  777. </div>
  778. {/block:IndexPage}
  779.  
  780. {/block:Audio}
  781.  
  782.  {block:Answer}<div class="text">
  783. <div class="question">
  784. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  785.     {block:indexpage}
  786.     <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  787.     {/block:indexpage}
  788. </div>{/block:Answer}
  789.  
  790.  
  791. {block:PermalinkPage}
  792. <div id="note3"><div style="text-align:right; text-transform:uppercase;">
  793. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  794. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  795.  
  796. {block:PostNotes}
  797. {PostNotes}
  798. {/block:PostNotes}
  799. </div>
  800. {/block:PermalinkPage}
  801. </div>
  802. {/block:Posts}
  803. </div>
  804. </div>
  805.     {block:Pagination}
  806.                 <ul id="pagination">
  807.                         {block:PreviousPage}
  808.                                 <li><a href="{PreviousPage}"></a></li>
  809.                         {/block:PreviousPage}
  810.                         {block:JumpPagination length="5"}
  811.                         {block:CurrentPage}
  812.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  813.                         {/block:CurrentPage}
  814.                         {block:JumpPage}
  815.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  816.                         {/block:JumpPage}
  817.                         {/block:JumpPagination}
  818.                         {block:NextPage}
  819.                                 <li><a id="nextPage" href="{NextPage}"></a></li>
  820.                         {/block:NextPage}
  821.                 </ul>
  822.         {/block:Pagination}
  823.  
  824. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  825. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  826. {block:IndexPage}
  827. <script type="text/javascript">
  828. $(window).load(function () {
  829. $('#content').masonry(),
  830. $('.masonryWrap').infinitescroll({
  831. navSelector    : '#pagination',  
  832. nextSelector   : '#pagination a#nextPage',
  833. itemSelector : ".entry",
  834. bufferPx : 100,
  835. loadingText : "<em></em>",
  836. },
  837. function() { $('#content').masonry({ appendedContent: $(this) }); }
  838. );
  839. });
  840. </script>
  841. {/block:IndexPage}
  842.  
  843. <script type="text/javascript">
  844.  
  845.                         $('.show').click(function(e){
  846.                                 e.preventDefault();
  847.                                 $('.panel').stop(true,true);
  848.                                 var target = $(this).attr('href');
  849.                                 if($('.panel').is(':visible')){
  850.                                         if($(target).is(':visible')){
  851.                                                 $(target).slideUp();
  852.                                                 return false;
  853.                                         }else{
  854.                                                 $('.panel:visible').slideUp(400, function(){
  855.                                                         $(target).slideDown();
  856.                                                 });            
  857.                                         }
  858.                                 }else {
  859.                                         $(target).slideDown();
  860.                                 }
  861.                         });
  862.    
  863. </script>
  864. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/OTlme21c1/like_script.js"></script>
  865. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/hPeme202n/like.js"></script>
  866. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  867. </body>
  868.  
  869. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  870. <script type="text/javascript">
  871.   $(document).ready(function(){
  872.     $('#button').collapser({
  873.       target: '#hidden',
  874.       effect: 'slide',
  875.       changeText: 0
  876.     });
  877.   });
  878. </script>
  879.  
  880.  
  881.  
  882. </html>
Advertisement
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!