API tools faq
paste
Advertisement
itriedokay

Where are you now

itriedokay
Dec 27th, 2013
849
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. {block:iftinycursor}
  6. <style> body, a, a:hover { cursor:url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }</style>
  7. {/block:iftinycursor}
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="if:show captions" content="1">
  17. <meta name="if:infinite scroll" content="0">
  18. <meta name="if:Monochrome" content="0">
  19. <meta name="if:show notes" content="1">
  20. <meta name="if:show tags" content="1">
  21. <meta name="if:400px" content="1">
  22. <meta name="if:1 column" content="1">
  23. <meta name="if:2 column" content="0">
  24. <meta name="if:3 column" content="0">
  25. <meta name="if:absolute header" content="1">
  26. <meta name="if:tiny img" content="1">
  27. <meta name="if:Cover Background" content="0">
  28. <meta name="if:tinycursor" content="0">
  29.  
  30. <meta name="text:Home Title" content="home"/>
  31. <meta name="text:Ask Url" content="/ask"/>
  32. <meta name="text:Ask Title" content="ask"/>
  33. <meta name="text:Link 1 Url" content="/"/>
  34. <meta name="text:Link 1 Title" content="Link 1"/>
  35. <meta name="text:Link 2 Url" content="/"/>
  36. <meta name="text:Link 2 Title" content="Link 2"/>
  37. <meta name="text:Link 3 Url" content="/"/>
  38. <meta name="text:Link 3 Title" content="Link 3"/>
  39. <meta name="text:Link 4 Url" content="/"/>
  40. <meta name="text:Link 4 Title" content="Link 4"/>
  41. <meta name="text:Link 5 Url" content="/"/>
  42. <meta name="text:Link 5 Title" content="Link 5"/>
  43. <meta name="text:Link 6 Url" content="/"/>
  44. <meta name="text:Link 6 Title" content="Link 6"/>
  45.  
  46. <meta name="color:background" content="#ffffff"/>
  47. <meta name="color:body" content="#999999"/>
  48. <meta name="color:title text" content="#70bad8"/>
  49. <meta name="color:title bg" content="#F5F5F5"/>
  50. <meta name="color:head bar" content="#f9f9f9"/>
  51. <meta name="color:headlinks bg" content="#eeeeee"/>
  52. <meta name="color:headlink" content="#ffffff"/>
  53. <meta name="color:headlink text" content="#d1d1d1"/>
  54. <meta name="color:bold" content="#7bbed3"/>
  55. <meta name="color:italic" content="#7bd3b1"/>
  56. <meta name="color:blockquote" content="#b5dacd"/>
  57. <meta name="color:link" content="#8c8c8c"/>
  58. <meta name="color:link hover" content="#7bd3d1"/>
  59. <meta name="color:posts" content="#f5f5f5"/>
  60. <meta name="color:scrollbar" content="#b5dacd"/>
  61. <meta name="color:text highlight" content="#070707"/>
  62.  
  63.  
  64. <meta name="image:background" content=""/>
  65. <meta name="image:head img" content="http://static.tumblr.com/wm6ssjg/1m2my5xkl/forest_3.jpg"/>
  66. <meta name="image:tiny img" content="http://static.tumblr.com/wm6ssjg/Hpjmyhqyt/34.jpg"/>
  67.  
  68.  
  69.  
  70. <!--
  71. ^---^
  72. =o.o=
  73.  
  74. -itsacatshutup-
  75.  
  76. Theme by drunkdacl a.k.a chezkov a.k.a lunaticthemes
  77. hi guys!
  78.  
  79.  
  80. Please Do Not:
  81. -steal or use as base code
  82. -remove credit
  83.  
  84. It would be nice if you
  85. -like/reblog this
  86. -share with your besties
  87. -followed me
  88.  
  89. thank you! and if there are any bugs please message me
  90. (sorry if there are in advance)
  91.  
  92. what else do i even put here it"s not like anyone reads it
  93. if you did what"s crackalakin homeslice
  94.  
  95. -->
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101.     background-color:{color:scrollbar};
  102.     height:30px;
  103.     }
  104.  
  105. ::-webkit-scrollbar-thumb:horizontal {
  106.     background-color:{color:scrollbar};
  107.     height:5px!important;
  108.     }
  109.  
  110. ::-webkit-scrollbar {
  111.     background-color:{color:background};
  112.     height:5px;
  113.     width:5px;
  114.     }
  115.  
  116. ::-moz-selection {
  117.     background: {color:text highlight};
  118.     color: #fff;
  119. }
  120. ::selection {
  121.     background: {color:text highlight};
  122.     color: #fff;
  123. }
  124.  
  125. /*basic*/
  126.  
  127. body {
  128.     font-family: "Junge", serif;
  129.     font-size:10px;
  130.     margin: 0;
  131.     padding: 0px;
  132.     background: {color:background};
  133.     color: {color:body};
  134.     background-attachment:fixed;
  135.     background-position:left top;
  136.     background-image:url("{image:background}");
  137.     background-repeat:repeat;
  138.     {block:ifcoverbackground}
  139.     background-attachment:fixed;
  140.     background-size:cover;
  141.     background-position:left top;
  142.     background-image:url("{image:background}");
  143.     background-repeat:no-repeat;
  144.     {/block:ifcoverbackground}
  145. }
  146.  
  147. a {
  148.     text-decoration: none;
  149.     -webkit-transition: all .2s ease-in-out;
  150.     -mox-transition:all .2s ease-in-out;
  151.     color:{color:link};
  152. }
  153.  
  154. a:hover{
  155.     color: {color:link hover};
  156. }
  157.  
  158. b {
  159.     color:{color:bold};
  160. }
  161.  
  162. i {
  163.     color:{color:italic};
  164. }
  165.  
  166. blockquote {
  167.     margin: 0;
  168.     padding-left:5px;
  169.     border-left: 2px solid {color:blockquote};
  170. }
  171. /*other stuff thing*/
  172.  
  173. #s-m-t-tooltip{
  174.   max-width:300px;
  175.   z-index:999999;
  176.   margin:5px 5px 5px 12px;
  177.   padding:5px;
  178.   font-family:Verdana,Geneva,sans-serif;
  179.   font-size:8px;
  180.   line-height:8px;
  181.   letter-spacing:1px;
  182.   word-wrap:break-word;
  183.   color: {color:body};
  184.   background:{color:background};
  185. }
  186.  
  187. #credz {
  188.     left:2px;
  189.     bottom:4px;
  190.     position:fixed;
  191.     font-size:7px;
  192.     letter-spacing:1px;
  193.     font-family:Verdana,Geneva,sans-serif;
  194.    
  195. }
  196.  
  197. #credz a {
  198.     background:#fff;
  199.     color:#000;
  200.     text-shadow:2px 0px #ddcef3, -2px 0px #ddcef3;
  201.     padding:2px;
  202. }
  203.  
  204. /*da posts*/
  205.  
  206.  
  207. @font-face {
  208.     font-family: 'TribalMedium';
  209.     src: url('http://static.tumblr.com/wm6ssjg/9jemmtc1t/tribal.ttf');
  210. }
  211.  
  212. #content {
  213.     {block:indexpage}
  214.     {block:if1column}
  215.     position:relative;
  216.     margin:300px auto 100px auto;
  217.     width:550px;
  218.     {block:if400px}
  219.     width:450px;
  220.     {/block:if400px}
  221.     {/block:if1column}
  222.     {block:if2column}
  223.     width:650px;
  224.     margin:300px auto 100px auto;
  225.     {/block:if2column}
  226.     {block:if3column}
  227.     width:880px;
  228.     margin:300px auto 200px auto;
  229.     left:0.5%;
  230.     {/block:if3column}
  231.     z-index:1;
  232.     {/block:indexpage}
  233.     {block:permalinkpage}
  234.     position:relative;
  235.     margin:300px auto 100px auto;
  236.     width:550px;
  237.     {/block:permalinkpage}
  238. }
  239.  
  240. article iframe, article img, article embed, article object, article video {
  241.     max-width: 100%;
  242.     }
  243.    
  244. article img {
  245.     {block:if1column}
  246.     width:100%;
  247.     height:auto;
  248.     {/block:if1column}
  249.     {block:if2column}
  250.     height: auto;
  251.     width:auto;
  252.     {/block:if2column}
  253.     {block:if3column}
  254.     height: auto;
  255.     width:auto;
  256.     {/block:if3column}
  257.     }
  258.  
  259. article {
  260.    
  261. {block:indexpage}
  262.     {block:if1column}
  263.     padding: 2px;
  264.     width:500px;
  265.     margin-bottom:40px;
  266.     {block:if400px}
  267.     width:400px;
  268.     margin-bottom:50px;
  269.     {/block:if400px}
  270.     {/block:if1column}
  271.     {block:if2column}
  272.     width:250px;
  273.     margin: 20px;
  274.     {/block:if2column}
  275.     {block:if3column}
  276.     width:250px;
  277.     margin: 10px;
  278.     {/block:if3column}
  279.     padding:10px;
  280.     overflow: hidden;
  281.     background: {color:Posts};
  282.     -webkit-transition:all 0.4s ease-in-out;
  283.     -moz-transition:all 0.4s ease-in-out;
  284.     -o-transition:all 0.4s ease-in-out;
  285.     -ms-transition:all 0.4s ease-in-out;
  286.     transition:all 0.4s ease-in-out;
  287.     {block:ifmonochrome}
  288.     filter: gray;
  289.     -webkit-filter: grayscale(100%);
  290.     {/block:ifmonochrome}
  291.     -webkit-transition: all .4s ease-in-out;
  292. {/block:indexpage}
  293.     {block:permalinkpage}
  294.     width:500px;
  295.     {block:if400px}
  296.     width:400px;
  297.     {/block:if400px}
  298.     -webkit-transition:all 0.4s ease-in-out;
  299.     -moz-transition:all 0.4s ease-in-out;
  300.     -o-transition:all 0.4s ease-in-out;
  301.     -ms-transition:all 0.4s ease-in-out;
  302.     transition:all 0.4s ease-in-out;
  303.     {/block:permalinkpage}
  304.     }
  305.  
  306. article:hover {
  307.     {block:ifmonochrome}
  308.     -webkit-filter: grayscale(0%);
  309.     -moz-filter: grayscale(0%);
  310.     {/block:ifmonochrome}
  311.     -webkit-transition: all .4s ease-in-out;
  312.     -moz-transition:all .4s ease-in-out;
  313. }
  314.    
  315. .noteth {
  316.     height:10px;
  317.     text-transform:lowercase;
  318.     font-size:8px;
  319.     text-align:right;
  320.     {block:if1column}
  321.     width:500px;
  322.     {block:if400px}
  323.     width:400px;
  324.     {/block:if400px}
  325.     {/block:if1column}
  326.     {block:if2column}
  327.     width:250px;
  328.     {/block:if2column}
  329.     {block:if3column}
  330.     width:250px;
  331.     {/block:if3column}
  332.     margin-top:11px;
  333.     margin-left:0px;
  334.     -webkit-transition: all .2s ease-in-out;
  335.     -moz-transition: all .2s ease-in-out;
  336.     -o-transition: all .2s ease-in-out;
  337.     -ms-transition: all .2s ease-in-out;
  338.     transition: all .2s ease-in-out;
  339.     text-align:left;
  340.     opacity:0.7;
  341.     letter-spacing:0px;
  342.     color:{color:notelink};
  343.     font-family: "Anonymous Pro", sans-serif;
  344. }
  345. .noteth a {
  346.     padding-right:2px;
  347. }
  348.  
  349. .noteth b {
  350.     color:{color:link};
  351.     -webkit-transition: all .2s ease-in-out;
  352.     -moz-transition: all .2s ease-in-out;
  353.     -o-transition: all .2s ease-in-out;
  354.     -ms-transition: all .2s ease-in-out;
  355.     transition: all .2s ease-in-out;
  356. }
  357.  
  358. .noteth b:hover {
  359.     color:{color:link hover};
  360.     -webkit-transition: all .2s ease-in-out;
  361.     -moz-transition: all .2s ease-in-out;
  362.     -o-transition: all .2s ease-in-out;
  363.     -ms-transition: all .2s ease-in-out;
  364.     transition: all .2s ease-in-out;
  365. }
  366.  
  367. .tags {
  368.     opacity:0.8;
  369.     font-family: "Anonymous Pro", sans-serif;
  370.     margin-left:0px;
  371.     position:relative;
  372.     text-transform:none;
  373.     {block:if1column}
  374.     width:500px;
  375.     {block:if400px}
  376.     width:400px;
  377.     {/block:if400px}
  378.     {/block:if1column}
  379.     {block:if2column}
  380.     width:250px;
  381.     {/block:if2column}
  382.     {block:if3column}
  383.     width:250px;
  384.     {/block:if3column}
  385.     text-align:left;
  386.     font-size:7px;
  387.     -webkit-transition: all .4s ease-in-out;
  388.     -moz-transition: all .4s ease-in-out;
  389.     -o-transition: all .4s ease-in-out;
  390.     -ms-transition: all .4s ease-in-out;
  391.     transition: all .4s ease-in-out;
  392. }
  393. .tags a
  394.     color:{color:link hover};
  395. }
  396.  
  397. .tags:hover {
  398.     color:{color:link};
  399.     }
  400.  
  401. .chat ul {
  402.     list-style: none;
  403.     margin: 0;
  404.     padding:0;
  405. }
  406.  
  407. #postynotey {
  408.     display:inline-block;
  409.     width:500px;
  410.     {block:if400px}
  411.     width:400px;
  412.     {/block:if400px}
  413.     text-align:left;
  414.     line-height:20px;
  415. }
  416.  
  417. #postynotey a{
  418.     padding-left:5px;
  419. }
  420.  
  421. #postynotey img{
  422.     width:16px;
  423.     position:absolute;
  424.     margin-left:-10px;
  425.  
  426. }
  427.  
  428. #art img {
  429.     width:100px;
  430.     height:auto;
  431.     position:relative;
  432.     display:inline;
  433. }
  434.  
  435.  
  436. #playa {
  437.     position:absolute;
  438.     margin-left:25px;
  439.     margin-top:-75px;
  440.     width:50px;
  441.     height:50px;
  442.     border-radius:600px;
  443.     overflow:hidden;
  444.     opacity:0.5;
  445. }
  446.  
  447. .tumblr_audio_player {
  448.     border: none;
  449.     padding: 0px;
  450.     margin: 0px;
  451.     height: 50px;
  452.     width: 500px;
  453.     }
  454.  
  455. #dooblidoo {
  456.     position:absolute;
  457.     margin-left:108px;
  458.     margin-top:-100px;
  459.     padding:5px;
  460.     background:;
  461.     line-height:25px;
  462.     font-size:15px;
  463. }
  464.  
  465.  
  466. /*pagnation*/
  467.  
  468. #pga {
  469.     width:800px;
  470.     height:35px;
  471.     left:50%;
  472.     margin-left:-400px;
  473.     bottom:0px;
  474.     position:relative;
  475.     text-align:center;
  476. }
  477.  
  478. .jump_page {
  479.     padding: 4px 8px;
  480.     background:{color:title text};;
  481.     color:{color:title bg};
  482.     font-family:century gothic;
  483.     font-size:11px;
  484.     text-decoration:none;
  485.     -webkit-transition: all .2s ease-in-out;
  486.     -moz-transition: all .2s ease-in-out;
  487.     -o-transition: all .2s ease-in-out;
  488.     -ms-transition: all .2s ease-in-out;
  489.     transition: all .2s ease-in-out;
  490. }
  491.  
  492. .current_page, .jump_page:hover {
  493.     padding: 4px 8px;
  494.     background-color: #000;
  495.     color: {color:title bg};
  496.     font-family:century gothic;
  497.     font-size:11px;
  498.     text-decoration:none;
  499.     -webkit-transition: all .2s ease-in-out;
  500.     -moz-transition: all .2s ease-in-out;
  501.     -o-transition: all .2s ease-in-out;
  502.     -ms-transition: all .2s ease-in-out;
  503.     transition: all .2s ease-in-out;
  504.    
  505. }
  506.  
  507. .pagni {
  508.     margin-top:100px;
  509. }
  510.  
  511. /*head*/
  512.  
  513. .box {
  514.     position:fixed;
  515.     {block:ifabsoluteheader}
  516.     position:absolute;
  517.     {/block:ifabsoluteheader}
  518.     width:800px;
  519.     height:200px;
  520.     overflow:hidden;
  521.     background:{color:head bar};
  522.     color:black;
  523.     top:0px;
  524.     left:50%;
  525.     margin-left:-400px;
  526.     z-index:10;
  527.     }
  528.    
  529. .hold{
  530.     position:absolute;
  531.     }
  532.    
  533. .img {
  534.     position:relative;
  535.     overflow:hidden;
  536.     width:50%;
  537.     float:left;
  538.     }
  539.    
  540. .right img{
  541.     margin-left: -100%;
  542.     }
  543.    
  544. .clear{
  545.     clear:both;    
  546.     }
  547.    
  548. .box img {
  549.     width:800px;
  550.     height:200px;
  551. }
  552.  
  553. .ttl {
  554.     {block:ifnotabsoluteheader}
  555.     position:fixed;
  556.     top:200px;
  557.     left:50%;
  558.     margin-left:-400px;
  559.     width:800px;
  560.     height:50px;
  561.     background:{color:title bg};
  562.     text-align:right;
  563.     -webkit-transition: all .4s ease-in-out;
  564.     -moz-transition: all .4s ease-in-out;
  565.     -o-transition: all .4s ease-in-out;
  566.     -ms-transition: all .4s ease-in-out;
  567.     transition: all .4s ease-in-out;
  568.     margin-bottom:0px;
  569.     z-index:11;
  570.     {/block:ifnotabsoluteheader}
  571.     {block:ifabsoluteheader}
  572.     top:200px;
  573.     left:50%;
  574.     margin-left:-400px;
  575.     width:800px;
  576.     height:50px;
  577.     background:{color:title bg};
  578.     text-align:right;
  579.     -webkit-transition: all .4s ease-in-out;
  580.     -moz-transition: all .4s ease-in-out;
  581.     -o-transition: all .4s ease-in-out;
  582.     -ms-transition: all .4s ease-in-out;
  583.     transition: all .4s ease-in-out;
  584.     margin-bottom:0px;
  585.     position:absolute;
  586.     {/block:ifabsoluteheader}
  587. }
  588.  
  589. @font-face { font-family: "id bang tom hiddleston and daniel gordh tbh"; src: url('http://static.tumblr.com/wm6ssjg/5sbmy4pi0/neou-thin.ttf'); }
  590.  
  591. .ttl p{
  592.     font-family: "id bang tom hiddleston and daniel gordh tbh";
  593.     padding-right:30px;
  594.     font-size:30px;
  595.     margin-top:3px;
  596.     color:{color:title text};
  597.     -webkit-transition: all .4s ease-in-out;
  598.     -moz-transition: all .4s ease-in-out;
  599.     -o-transition: all .4s ease-in-out;
  600.     -ms-transition: all .4s ease-in-out;
  601.     transition: all .4s ease-in-out;
  602. }
  603.  
  604. /*in box*/
  605.  
  606. .indabox {
  607.     position:relative;
  608.     {block:ifabsoluteheader}
  609.     position:absolute;
  610.     {/block:ifabsoluteheader}
  611.     margin-left:-300px;
  612.     left:50%;
  613.     opacity:0;
  614.     width:600px;
  615.     height:200px;
  616.     top:0px;
  617.     -webkit-transition: all .1s ease-in-out;
  618.     -moz-transition: all .1s ease-in-out;
  619.     -o-transition: all .1s ease-in-out;
  620.     -ms-transition: all .1s ease-in-out;
  621.     transition: all .1s ease-in-out;
  622.     overflow:hidden;
  623. }
  624.  
  625. #link {
  626.     margin-top:176px;
  627.     width:600px;
  628.     background:{color:headlinks bg};
  629.     padding-top:5px;
  630.     padding-bottom:5px;
  631. }
  632.  
  633. #link a{
  634.     display:inline-block;
  635.     width:65px;
  636.     margin:1px;
  637.     padding:2px;
  638.     font-size:7px;
  639.     line-height:7px;
  640.     text-transform:uppercase;
  641.     text-align:center;
  642.     font-family: helvetica;
  643.     background:{color:headlink};
  644.     color:{color:headlink text};
  645. }
  646.  
  647. #link a:hover {
  648.     background:{color:link hover};
  649.     color:#fff;
  650. }
  651.  
  652. .indabox img {
  653.     height: auto;
  654.     width: auto;
  655.     padding:none;
  656. }
  657.  
  658. #tinyimg p {
  659.     margin-top:15px;
  660.     font-size:11px;
  661.     padding:10px;
  662.     word-break:break-word;
  663.     color:{color:body};
  664. }
  665.  
  666. #tinyimg {
  667.     margin:10px 0px 0px 0px;
  668.     position:absolute;
  669.     width:600px;
  670.     height:160px;
  671.     overflow-y:scroll;
  672. }
  673.  
  674. #tinyimg img {
  675.     width:100px;
  676.     max-height:140px;
  677.     float:left;
  678.     padding:5px;
  679.     margin:5px;
  680. }
  681.  
  682. .box:hover .indabox {
  683.     opacity:1;
  684.     -webkit-transition: all 0.2s .3s ease-in;
  685.     -moz-transition: all 0.2s .3s ease-in;
  686.     -o-transition: all 0.2s .3s ease-in;
  687.     -ms-transition: all 0.2s .3s ease-in;
  688.     transition: all 0.2s .3s ease-in;
  689.     position:relative;
  690.     left:50%;
  691.     width:600px;
  692.     top:0px;
  693. }
  694.  
  695. {CustomCSS}
  696. </style>
  697.  
  698. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  699. <script type="text/javascript">
  700. $(document).ready(function() {
  701. $(".box").hover(function(){
  702.  var width = $(this).outerWidth() / 2;
  703. $(this).find(".left").animate({ right : 300 },{queue:false,duration:500});
  704. $(this).find(".right").animate({ left : 300 },{queue:false,duration:500});
  705. }, function(){
  706. $(this).find(".left").animate({ right : 0 },{queue:false,duration:500});
  707. $(this).find(".right").animate({ left : 0 },{queue:false,duration:500});
  708. });});
  709. </script>
  710. <script>
  711. $('.photoset').photosetGrid();
  712. </script>
  713.  
  714. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  715. <script>
  716. (function($){
  717. $(document).ready(function(){
  718. $("[title]").style_my_tooltips();
  719. });
  720. })(jQuery);
  721. </script>
  722. </head>
  723.  
  724. <body>
  725. {block:ifabsoluteheader}
  726. <div class="ttl"><p>{title}</p></div>
  727. {block:ifabsoluteheader}
  728. <div class="box">
  729.         <div class="hold">
  730.             <div class="img left"><img class="box_image" src="{image:head img}"/></div>
  731.             <div class="img right"><img class="box_image" src="{image:head img}"/></div>
  732.             <div class="clear"></div>
  733.         </div>
  734. <div class="indabox">
  735.         <div id="tinyimg">{block:Iftinyimg}<img src="{image:tiny img}">{/block:Iftinyimg}<p>{description}</p></div>
  736.             <center>
  737.     <div id="link">
  738.     <a href="/" >{text:home title}</a>
  739.     <a href="{text:ask Url}" >{text:ask title}</a>
  740.     {block:IfLink1Url}<a href="{text:link 1 Url}" >{text:link 1 title}</a>{/block:IfLink1Url}
  741.     {block:IfLink2Url}<a href="{text:link 2 Url}" >{text:link 2 title}</a>{/block:IfLink2Url}
  742.     {block:IfLink3Url}<a href="{text:link 3 Url}" >{text:link 3 title}</a>{/block:IfLink3Url}
  743.     {block:IfLink4Url}<a href="{text:link 4 Url}">{text:link 4 title}</a>{/block:IfLink4Url}
  744.     {block:IfLink5Url}<a href="{text:link 5 Url}" >{text:link 5 title}</a>{/block:IfLink5Url}
  745.     {block:IfLink6Url}<a href="{text:link 6 Url}">{text:link 6 title}</a>{/block:IfLink6Url}
  746.     </center>
  747. </div></div>
  748. {block:ifnotabsoluteheader}
  749. <div class="ttl"><p>{title}</p></div>
  750. {block:ifnotabsoluteheader}
  751.         </div></div>
  752.  
  753. <div id="content">
  754. {block:Posts}
  755.  
  756. <article>
  757.  
  758. {block:Answer}
  759. <div class="answr">
  760. <p><i>{Asker} asked "{Question}"</i></p>
  761. <br>
  762. <p>{Answer}</p>
  763. </div>
  764. {/block:Answer}
  765.  
  766.  
  767. {block:Title}
  768. <h3><a href="{Permalink}">{Title}</a></h3>
  769. {/block:Title}
  770. {block:Text}
  771. {Body}        
  772. {/block:Text}
  773.  
  774. {block:Photo}
  775. {block:ifnot400px}
  776. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  777. {/block:ifnot400px}
  778. {block:if400px}
  779. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  780. {/block:if400px}
  781. {block:IfShowCaptions}
  782. {block:Caption}
  783. <div class="caption">{Caption}</div>
  784. {/block:Caption}
  785. {block:IfShowCaptions}
  786. {/block:Photo}
  787.  
  788. {block:Photoset}
  789. {block:if1column}
  790. {block:ifnot400px}
  791. {photoset-500}
  792. {/block:ifnot400px}
  793. {block:if400px}
  794. {photoset-400}
  795. {/block:if400px}
  796. {/block:if1column}
  797. {block:ifNot1Column}
  798. {photoset-250}
  799. {/block:ifNot1Column}
  800.    
  801.     {/block:Photoset}
  802.  
  803. {block:Quote}
  804. "{Quote}"
  805.  
  806. {block:Source}
  807. <center>
  808. <div class="source">—{Source}</div>
  809. {/block:Source}
  810. {/block:Quote}
  811.  
  812. {block:Link}
  813. <a href="{URL}" class="link" {Target}>{Name}</a>
  814. {block:Description}
  815. {Description}
  816. {/block:Description}
  817. {/block:Link}
  818.  
  819. {block:Chat}
  820. {block:Title}
  821. <h3><a href="{Permalink}">{Title}</a></h3>
  822. {/block:Title}
  823.  
  824. {block:Chat}
  825. <div class="chat"><ul>{block:Lines}
  826. <li class="person{UserNumber}">{block:Label}
  827. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  828. {/block:Chat}
  829.  
  830. {block:Video}
  831. {block:ifnot400px}
  832. {Photoset-500}
  833. {/block:ifnot400px}
  834. {block:if400px}
  835. {Video-400}
  836. {/block:if400px}
  837. {block:IfShowCaptions}
  838. {block:Caption}
  839. <div class="caption">{Caption}</div>
  840. {/block:Caption}
  841. {block:IfShowCaptions}
  842. {/block:Video}
  843.  
  844.  
  845. {block:Audio}
  846. <div class="audio">
  847. {block:AlbumArt}
  848. <div id="art">
  849. <img src="{AlbumArtURL}">
  850. </div>
  851. {/block:AlbumArt}
  852. <div id="playa">
  853. {AudioPlayerBlack}  
  854. </div>
  855. {PlayCountWithLabel}
  856. <div id="dooblidoo">
  857.     {block:Artist}
  858.     <b>Artist:</b> {Artist}<br>
  859.     {/block:Artist}
  860.     {block:Album}
  861. <b>Album:</b> {Album}<br>
  862. {/block:Album}
  863. {block:TrackName}
  864. <b>Track Name:</b> {TrackName}
  865. {/block:TrackName}
  866. </div>
  867. {block:ifshowcaptions}
  868. {block:caption}{caption}{/block:caption}
  869. {/block:ifshowcaptions}
  870. </div>
  871. {/block:Audio}
  872.  
  873. {block:ifshownotes}
  874. <div class="noteth">
  875. <a href="{Permalink}">{block:Date}<b>{ShortMonth}{DayOfMonthWithZero}</b>{/block:Date}</a><a href="{Permalink}">
  876. {NoteCountWithLabel}</a>{/block:NoteCount}
  877.  {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{reblogparentname}">via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{sourceurl}" title="{sourcetitle}"> source</a>{/block:ContentSource}
  878. </div>
  879. {block:ifshownotes}
  880. {block:ifshowtags}
  881.     <div class="tags">{block:HasTags}filed under:{block:Tags}<a href="/tagged/{Tag}"> {Tag},</a>{/block:Tags}{block:HasTags}</div>
  882. {/block:ifshowtags}
  883.  
  884.  
  885. {block:PermalinkPage}
  886. <div id="postynotey">
  887. {block:PostNotes}
  888. {PostNotes}
  889. </div>
  890. {/block:PostNotes}
  891. {/block:PermalinkPage}
  892.  
  893.  </article>
  894.  
  895. {/block:Posts}
  896. <div id="pga">
  897. <div class="pagni">
  898. {block:Pagination}
  899. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  900. {block:JumpPagination length="5"}
  901. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  902. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  903. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  904. {/block:Pagination}
  905. </div>
  906. </div>
  907. </div>
  908.  
  909. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  910. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  911. {block:if2column}
  912. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  913. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  914. {/block:if2column}
  915. {block:if3column}
  916. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  917. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  918. {/block:if3column}
  919.  
  920.  
  921.  
  922. <script>
  923. (function() {
  924.     var $tumblelog = $('#content');
  925.    
  926.     $tumblelog.infinitescroll({
  927.         navSelector  : ".pagni",            
  928.         nextSelector : ".pagni a:first",    
  929.         itemSelector : "article",
  930.         bufferPx     : 50,
  931.         done : "",
  932.         loading: {
  933.             img : "",
  934.             msgText: ""
  935.         },
  936.     },
  937.       function( newElements ) {
  938.             var $newElems = $( newElements ).css({ opacity: 0 });
  939.             $newElems.imagesLoaded(function(){
  940.                 $newElems.animate({ opacity: 1 });
  941.                 $tumblelog.masonry( 'appended', $newElems);
  942.             });
  943.           }
  944.     );
  945.    
  946.     $tumblelog.imagesLoaded( function(){
  947.       $tumblelog.masonry({
  948.         columnWidth: function( containerWidth ) {
  949.             return containerWidth / 100;
  950.           }
  951.       });
  952.     });
  953. })();
  954. </script>
  955.  
  956.  
  957. <div id="credz">
  958. <a href="http://lunaticthemes.tumblr.com/" title="theme" target="_blank">CREDIT</a>
  959. </div>
  960.  
  961. </body>
  962. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!