API tools faq
paste
Advertisement
ipads

Torn Theme

ipads
Mar 23rd, 2013
2,461
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.85 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  8.  
  9. </script>
  10.  
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  12.  
  13. </script>
  14.  
  15. <title>
  16.  
  17. {title}
  18.  
  19. </title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}"/>
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="http://rebecaxo.com/rss">
  24.  
  25. {block:Description}
  26.  
  27. <meta name="description" content="{MetaDescription}" />
  28.  
  29. {/block:Description}
  30.  
  31. <meta name="color:Sidebar Background" content="transparent"/>
  32.  
  33. <meta name="if:Like Button" content="1"/>
  34.  
  35. <meta name="if:Captions" content="0"/>
  36.  
  37. <meta name="image:Sidebar Background" content=""/>
  38.  
  39. <meta name="if:Invert Follow" content="1"/>
  40.  
  41. <meta name="if:No Repeat Background" content="1"/>
  42.  
  43. <meta name="if:Faded Posts" content="0"/>
  44.  
  45. <meta name="if:Grayscale On Hover" content="0"/>
  46.  
  47. <meta name="if:Color On Hover" content="0"/>
  48.  
  49. <meta name="if:3 Columns" content="1"/>
  50.  
  51. <meta name="if:2 Columns" content="0"/>
  52.  
  53. <meta name="if:1 Column" content="0"/>
  54.  
  55. <meta name="color:Background" content="#ffffff"/>
  56.  
  57. <meta name="color:Text" content="#000000"/>
  58.  
  59. <meta name="color:Link" content="#000000"/>
  60.  
  61. <meta name="color:Hover" content="#000000"/>
  62.  
  63. <meta name="image:Background" content="0"/>
  64.  
  65. <meta name="image:Sidebar" content="0"/>
  66.  
  67. <meta name="text:Link 1" content="/"/>
  68.  
  69. <meta name="text:Link 1 Title" content="link"/>
  70.  
  71. <meta name="text:Link 2" content="/"/>
  72.  
  73. <meta name="text:Link 2 Title" content="link"/>
  74.  
  75. <meta name="text:Link 3" content="/"/>
  76.  
  77. <meta name="text:Link 3 Title" content="link"/>
  78.  
  79. <meta name="text:Link 4" content="/"/>
  80.  
  81. <meta name="text:Link 4 Title" content="link"/>
  82.  
  83. <meta name="text:Link 5" content="/"/>
  84.  
  85. <meta name="text:Link 5 Title" content="link"/>
  86.  
  87. <meta name="text:Link 6" content="/"/>
  88.  
  89. <meta name="text:Link 6 Title" content="link"/>
  90.  
  91. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  92.  
  93. <script type="text/javascript">
  94.  
  95. $(".photoset").each(function() {
  96.     var newSrc = $(this).attr("src").replace('250','200');
  97.     $(this).attr("src", newSrc);       
  98. });
  99.  
  100. </script>
  101.  
  102. <script type="text/javascript">
  103.  
  104. $(function(){
  105. var iFrames = $('.photoset');
  106. function iResize() {
  107.     for (var i = 0, j = iFrames.length; i < j; i++) {
  108.         iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
  109.     }
  110.    
  111.     if ($.browser.safari || $.browser.opera) {
  112.         iFrames.load(function(){
  113.             setTimeout(iResize, 0);
  114.         });
  115.        
  116.         for (var i = 0, j = iFrames.length; i < j; i++) {
  117.             var iSource = iFrames[i].src;
  118.             iFrames[i].src = '';
  119.             iFrames[i].src = iSource;
  120.         }
  121.     } else {
  122.         iFrames.load(function() {
  123.             this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
  124.         });
  125.     }
  126. });
  127.  
  128. </script>
  129.  
  130. <script>
  131.  
  132. window.onload = function () {
  133. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  134. document.addEventListener( 'click', function ( event ) {
  135.     var myLike = event.target;
  136.     if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  137.         var frame = document.getElementById( 'my-like-frame' ),
  138.             liked = ( myLike.className == 'my-liked' ),
  139.             command = liked ? 'unlike' : 'like',
  140.             reblog = myLike.getAttribute( 'data-reblog' ),
  141.             id = myLike.getAttribute( 'data-id' ),
  142.             oauth = reblog.slice( -8 );
  143.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  144.         liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  145.     };
  146. }, false );
  147. };
  148.  
  149. </script>
  150.  
  151. <style type="text/css">
  152.  
  153. /*--FOLLOW BUTTONS--*/
  154.  
  155. #tumblr_controls{
  156.     opacity: 0.6;
  157.     position:fixed !important;
  158.     z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
  159.     {Block:ifInvertFollow}
  160.     -webkit-filter: invert(100%);
  161.     -moz-filter: invert(100%);
  162.     -o-filter:invert(100%);
  163.     {/Block:ifInvertFollow}
  164.     }
  165.  
  166. #tumblr_controls:hover{
  167.     opacity: 1;
  168.     -webkit-transition: all 0.4s ease-in-out;
  169.     -moz-transition: all 0.4s ease-in-out;
  170.     transition: all 0.4s ease-in-out;
  171.     }
  172.    
  173. /*--FONTS--*/
  174.  
  175. @font-face { font-family: "Typewriter"; src: url("http://static.tumblr.com/npajswt/5Thmk3u8n/mom__t___.ttf") format("truetype"); }
  176.  
  177. /*--LINKS--*/
  178.  
  179. a:link, a:active, a:visited{
  180.     color:{color:link};
  181.     text-decoration: none;
  182.     -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  183.     }
  184.  
  185. a:hover{
  186.     text-decoration:none;
  187.     color:{color:hover};
  188.     }
  189.    
  190. .linkz a{
  191.     margin: 0px;
  192.     font-family: typewriter;
  193.     background-color: #fff;
  194.     padding: 2px;
  195.     border: 1px solid #aaa;
  196.     }
  197.    
  198. .linkz a:hover{
  199.     border: 1px solid #000;
  200.     }
  201.    
  202. #linksbar{
  203.     position: fixed;
  204.     top: 0px;
  205.     left: 258px;
  206.     text-align: center;
  207.     width: 658px;
  208.     padding: 10px;
  209.     z-index: 999;
  210.     border-bottom: 3px double #5E493C;
  211.     background-color: {color:sidebar background};
  212.     background-image: url({image:sidebar background});
  213.     }
  214.  
  215. /*--FORMAT--*/
  216.  
  217. body{
  218.     color:#000;
  219.     font-family: lato;
  220.     font-size:13px;
  221.     line-height:100%;
  222.     background-color:{color:background};
  223.     background-image: url({image:background});
  224.     background-attachment: fixed;
  225.     {Block:IfNoRepeatBackground}
  226.     background-size: cover;
  227.     {/Block:IfNoRepeatBackground}
  228.     {Block:IfNotNoRepeatBackground}
  229.     background-repeat: repeat;
  230.     {/Block:IfNotNoRepeatBackground}
  231.     }
  232.    
  233. /*--SIDEBAR--*/
  234.    
  235. #sidebarpic{
  236.     border: 1px solid #000;
  237.     -webkit-transition: all 0.7s ease-in-out;
  238.     -moz-transition: all 0.7s ease-in-out;
  239.     transition: all 0.7s ease-in-out;
  240.     }
  241.    
  242. #blogtitle{
  243.     font-size:50px;
  244.     line-height:75%;
  245.     text-align:center;
  246.     font-family:lato;
  247.     }
  248.    
  249. #blogtitle a:link, a:active, a:visited{
  250.     color:{color:link};
  251.     text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;
  252.     }
  253.    
  254. #blogtitle a:hover{
  255.     text-decoration:none;
  256.     color:{color:link};
  257.     }
  258.    
  259. #sidebar{
  260.     text-align: right !important;
  261.     background-color: {color:sidebar background};
  262.     background-image: url({image:sidebar background});
  263.     {Block:IfNoRepeatBackground}
  264.     background-size: cover;
  265.     {/Block:IfNoRepeatBackground}
  266.     {Block:IfNotNoRepeatBackground}
  267.     background-repeat: repeat;
  268.     {/Block:IfNotNoRepeatBackground}
  269.     z-index:99999;
  270.     position:fixed !important;
  271.     font-size: 12px;
  272.     line-height:12px;
  273.     font-family:'lato';
  274.     width:154px;
  275.     top:70px;
  276.     left:43px;
  277.     height:auto;
  278.     padding:7px;
  279.     z-index:10;
  280.     overflow:hidden;
  281.     text-align:center;
  282.     border: 3px double #000;
  283.     }
  284.    
  285. /*--POSTS--*/
  286.  
  287. .my-like {
  288.     background-image: url(http://www.jazzpush.com/images/icons/heart_grey_dark.png?1363288421) !important;
  289.     height:17px;
  290.     width:17px;
  291.     cursor:pointer;
  292.     display:inline-block;
  293.     vertical-align:top;
  294.     -webkit-transition: all 0.3s ease-in-out;
  295.     -moz-transition: all 0.3s ease-in-out;
  296.     transition: all 0.3s ease-in-out;
  297.     }
  298. .my-liked, .my-like:hover {
  299.     background-image: url(http://i95.photobucket.com/albums/l149/Fogrugby/Emoticon_a-heart.gif) !important;
  300.     height:17px;
  301.     width:17px;
  302.     cursor:pointer;
  303.     display:inline-block;
  304.     vertical-align:top;
  305.     -webkit-transition: all 0.3s ease-in-out;
  306.     -moz-transition: all 0.3s ease-in-out;
  307.     transition: all 0.3s ease-in-out;
  308.     }
  309.  
  310. #lefts{
  311.     position:fixed;
  312.     left: 255px;
  313.     top:0px;
  314.     height: 100%;
  315.     width: 678px;
  316.     border-left: 3px double #5E493C;
  317.     border-right: 3px double #5E493C;
  318.     }
  319.    
  320. .title{
  321.     font-size:20px;
  322.     font-family:lato;
  323.     }
  324.    
  325. .title a:link, a:active, a:visited{
  326.     color:{color:link};
  327.     text-decoration: none;
  328.     -webkit-transition: color 0.4s ease-out;
  329.     -moz-transition: color 0.4s ease-out;
  330.     }
  331.    
  332. #wrap{
  333.     width:800px;
  334.     float:center;
  335.     margin-left: 250px;
  336.     margin-top:38px;
  337.     background-color:transparent;
  338.     position:fixed;
  339.     padding:5px;
  340.     }
  341.    
  342. #title {
  343.     text-align:center;
  344.     color: {color:link};
  345.     font-weight:bold;
  346.     font-family: 'lato';
  347.     padding:0px;
  348.     padding-top: 0px;
  349.     font-size:40px;
  350.     line-height:95%;
  351.     }
  352.    
  353. .entry{
  354.     {Block:IfFadedPosts}
  355.     opacity: 0.7;
  356.     {/Block:IfFadedPosts}
  357.     {Block:IfNotFadedPosts}
  358.     opacity: 1;
  359.     {/Block:IfNotFadedPosts}
  360.     margin: 5px;
  361.     background-color: #fff;
  362.     {Block:If3Columns}
  363.     width: 200px;
  364.     {/Block:If3Columns}
  365.     {Block:If2Columns}
  366.     width: 312px;
  367.     {/Block:If2Columns}
  368.     {Block:If1Column}
  369.     width: 645px;
  370.     {/Block:If1Column}
  371.     border: 1px solid #aaa;
  372.     padding:5px;
  373.     float:left;
  374.     -webkit-transition: all 0.7s ease-in-out;
  375.     -moz-transition: all 0.7s ease-in-out;
  376.     transition: all 0.7s ease-in-out;
  377.     }
  378.    
  379. .entry:hover{
  380.     opacity: 1;
  381.     -webkit-transition: all 0.7s ease-in-out;
  382.     -moz-transition: all 0.7s ease-in-out;
  383.     transition: all 0.7s ease-in-out;
  384.     }
  385.    
  386. .entry img{
  387.     z-index: -1;
  388.     display: block;
  389.     max-width: 100%;
  390.     {Block:IfGrayscaleOnHover}
  391.     -webkit-filter: grayscale(0%);
  392.     -moz-filter: grayscale(0%);
  393.     {/Block:IfGrayscaleOnHover}
  394.     {Block:IfColorOnHover}
  395.     -webkit-filter: grayscale(100%);
  396.     -moz-filter: grayscale(100%);
  397.     {/Block:IfColorOnHover}
  398.     -webkit-transition: all 0.7s ease-in-out;
  399.     -moz-transition: all 0.7s ease-in-out;
  400.     transition: all 0.7s ease-in-out;
  401.     }
  402.    
  403. .entry:hover img{
  404.     {Block:IfGrayscaleOnHover}
  405.     -webkit-filter: grayscale(100%);
  406.     -moz-filter: grayscale(100%);
  407.     {/Block:IfGrayscaleOnHover}
  408.     {Block:IfColorOnHover}
  409.     -webkit-filter: grayscale(0%);
  410.     -moz-filter: grayscale(0%);
  411.     {/Block:IfColorOnHover}
  412.     -webkit-transition: all 0.7s ease-in-out;
  413.     -moz-transition: all 0.7s ease-in-out;
  414.     transition: all 0.7s ease-in-out;
  415.     }
  416.  
  417. .permas{
  418.     z-index: 999999999999999999999999999999999999999999999999999;
  419.     padding: 4px;
  420.     background-color: #fff;
  421.     position: absolute;
  422.     left: -20px;
  423.     top: 10px;
  424.     opacity: 0;
  425.     -webkit-transition: all 0.7s ease-in-out;
  426.     -moz-transition: all 0.7s ease-in-out;
  427.     transition: all 0.7s ease-in-out;
  428.     }
  429.    
  430. .entry:hover .permas{
  431.     z-index: 999999999999999999999999999999999999999999999999999;
  432.     background-color: #fff;
  433.     {Block:If3Columns}
  434.     left: 148px;
  435.     {/Block:If3Columns}
  436.     {Block:If2Columns}
  437.     left: 198px;
  438.     {/Block:If2Columns}
  439.     {Block:If1Column}
  440.     left: 593px;
  441.     {/Block:If1Column}
  442.     opacity: 0.7;
  443.     -webkit-transition: all 0.7s ease-in-out;
  444.     -moz-transition: all 0.7s ease-in-out;
  445.     transition: all 0.7s ease-in-out;
  446.     }
  447.    
  448. .perma{
  449.     z-index: 999999999999999999999999999999999999999999999999999;
  450.     padding: 4px;
  451.     background-color: #fff;
  452.     position: absolute;
  453.     right: -20px;
  454.     top: 35px;
  455.     opacity: 0;
  456.     -webkit-transition: all 0.7s ease-in-out;
  457.     -moz-transition: all 0.7s ease-in-out;
  458.     transition: all 0.7s ease-in-out;
  459.     }
  460.    
  461. .entry:hover .perma{
  462.     z-index: 999999999999999999999999999999999999999999999999999;
  463.     background-color: #fff;
  464.     right: 5px;
  465.     opacity: 0.7;
  466.     -webkit-transition: all 0.7s ease-in-out;
  467.     -moz-transition: all 0.7s ease-in-out;
  468.     transition: all 0.7s ease-in-out;
  469.     }
  470.  
  471. .like{
  472.     z-index: 999999999999999999999999999999999999999999999999999;
  473.     padding: 1px;
  474.     background-color: #fff;
  475.     position: absolute;
  476.     left: -20px;
  477.     top: 60px;
  478.     opacity: 0;
  479.     -webkit-transition: all 0.7s ease-in-out;
  480.     -moz-transition: all 0.7s ease-in-out;
  481.     transition: all 0.7s ease-in-out;
  482.     }
  483.    
  484. .entry:hover .like{
  485.     z-index: 999999999999999999999999999999999999999999999999999;
  486.     background-color: #fff;
  487.     {Block:If3Columns}
  488.     left: 188px;
  489.     {/Block:If3Columns}
  490.     {Block:If2Columns}
  491.     left: 383px;
  492.     {/Block:If2Columns}
  493.     {Block:If1Column}
  494.     left: 633px;
  495.     {/Block:If1Column}
  496.     opacity: 0.7;
  497.     -webkit-transition: all 0.7s ease-in-out;
  498.     -moz-transition: all 0.7s ease-in-out;
  499.     transition: all 0.7s ease-in-out;
  500.     }
  501.    
  502. /*--SCROLLBAR--*/
  503.    
  504. ::-webkit-scrollbar {
  505.     width: 5px;
  506.     height: 4px;
  507.     background: white;
  508.     }
  509.    
  510. ::-webkit-scrollbar-thumb {
  511.     background-color:black;
  512.     }
  513.  
  514. #post_load{
  515.     position: absolute;
  516.     bottom: -1px;
  517.     left: 0px;
  518.     opacity: 0;
  519.     }
  520.  
  521. #important{
  522.     background-color: white;
  523.     text-align: center;
  524.     position:fixed;
  525.     bottom:-100px;
  526.     right:30px;
  527.     width: 40px;
  528.     border:1px solid;
  529.     border-color:#e8e8e8;
  530.     border-radius:7px;
  531.     padding-top:4px;
  532.     padding-left:7px;
  533.     padding-right:7px;
  534.     padding-bottom:40px;
  535.     -webkit-transform: scale(0.75);
  536.     -moz-transform: scale(0.75);
  537.     -o-transform: scale(0.75);
  538.     transform: scale(0.75);
  539.     -webkit-transition: all .4s ease;
  540.     -moz-transition: all .4s ease;
  541.     -o-transition: all .4s ease;
  542.     transition: all .4s ease;
  543.     z-index:99999999999;
  544. }
  545.  
  546. /*--BUTTONS--*/
  547.  
  548. a.btn{
  549.     opacity: 0.6;
  550.     z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  551.     {Block:ifInvertFollow}
  552.     -webkit-filter: invert(100%);
  553.     -moz-filter: invert(100%);
  554.     -o-filter: invert(100%);
  555.     {/Block:ifInvertFollow}
  556.     position:fixed; top:26px;
  557.     right:3px;
  558.     white-space:nowrap;
  559.     outline:0;
  560.     text-decoration:none;
  561.     cursor:pointer;
  562.     overflow:hidden;
  563.     text-overflow:ellipsis;
  564.     font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  565.     height:20px;
  566.     padding:0 5px;
  567.     -webkit-font-smoothing:antialiased;
  568.     -webkit-user-select:none;
  569.     -moz-user-select:none;
  570.     -ms-user-select:none;
  571.     user-select:none;
  572.     -webkit-box-sizing:border-box;
  573.     -moz-box-sizing:border-box;
  574.     -ms-box-sizing:border-box;
  575.     -o-box-sizing:border-box;
  576.     box-sizing:border-box;
  577.     -webkit-transition-property:padding;
  578.     -moz-transition-property:padding;
  579.     -ms-transition-property:padding;
  580.     -o-transition-property:padding;
  581.     transition-property:padding;
  582.     -webkit-transition-duration:.1s;
  583.     -moz-transition-duration:.1s;
  584.     -ms-transition-duration:.1s;
  585.     -o-transition-duration:.1s;
  586.     transition-duration:.1s;
  587.     -webkit-transition-timing-function:ease;
  588.     -moz-transition-timing-function:ease;
  589.     -ms-transition-timing-function:ease;
  590.     -o-transition-timing-function:ease;
  591.     transition-timing-function:ease
  592.     }
  593.  
  594. .btn{
  595.     color:#fff;
  596.     border:1px solid rgba(0,0,0,0.18);
  597.     background:rgba(0,0,0,0.38);
  598.     text-shadow:1px 1px 0 rgba(0,0,0,0.08)
  599.     }
  600.  
  601. .btn:hover{
  602.     opacity: 1;
  603.     -webkit-transition: all 0.4s ease-in-out;
  604.     -moz-transition: all 0.4s ease-in-out;
  605.     transition: all 0.4s ease-in-out;
  606.     }
  607.  
  608. a.btn, a.btn:hover{
  609.     color:white!important
  610.     }
  611.  
  612. .btn{
  613.     margin-bottom:5px;
  614.     color:#fff;
  615.     border:1px solid rgba(0,0,0,0.18);
  616.     background:rgba(0,0,0,0.38);
  617.     text-shadow:1px 1px 0 rgba(0,0,0,0.08);
  618.     -webkit-border-radius:2px;
  619.     -moz-border-radius:2px;border-radius:2px
  620.     }
  621.  
  622. .btn:hover::after,.btn:focus::after{
  623.     background:rgba(255,255,255,0.09);
  624.     color:white
  625.     }
  626.  
  627. .btn:active::after{
  628.     background:rgba(255,255,255,0.18) color:white
  629.     }
  630.  
  631. .btn_label.show{
  632.     display:block
  633.     }.
  634.  
  635. btn::after{
  636.     position:absolute;
  637.     top:0;right:0;
  638.     bottom:0;left:0;content:'';
  639.     -webkit-border-radius:inherit;
  640.     -moz-border-radius:inherit;border-radius:inherit
  641.     }
  642.  
  643. .btn.icon::before{
  644.     display:block;content:'';
  645.     position:absolute;
  646.     top:0;
  647.     left:0;
  648.     bottom:0;
  649.     width:20px;
  650.     border-radius:inherit;
  651.     background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat
  652.     }
  653.  
  654. .btn.theme::before{
  655.     background-position:0 -0px
  656.     }
  657.  
  658. .btn img{
  659.     width:15px
  660.     }
  661.  
  662. .btn.icon{
  663.     padding-left:20px
  664.     }
  665.  
  666. .btn:active::after{
  667.     background:rgba(255,255,255,0.18)
  668.     }
  669.  
  670. .clear {
  671.     clear: both;
  672.     }
  673.  
  674. #pagination {
  675.     display: none;
  676.     }
  677.  
  678. .clearfix:after{
  679.     content:".";
  680.     display:block;
  681.     clear:both;
  682.     visibility:hidden;
  683.     line-height:0;height:0
  684.     }
  685.  
  686. .clearfix{
  687.     display:inline-block
  688.     }
  689.  
  690. html[xmlns] .clearfix{
  691.     display:block
  692.     }
  693.  
  694. * html .clearfix{
  695.     height:1%
  696.     }
  697.  
  698. a.btn, .btn, .btn:hover{
  699.     -webkit-transition: all 0.4s ease-in-out;
  700.     -moz-transition: all 0.4s ease-in-out;
  701.     transition: all 0.4s ease-in-out;
  702.     }
  703.  
  704. {CustomCSS}
  705.  
  706. </style>
  707.    
  708. </head>
  709.  
  710. <!--INFINITE SCROLL-->
  711.  
  712. {block:IndexPage}
  713.  
  714. <div id="post_load">☁</div>
  715.  
  716. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  717.  
  718. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  719.  
  720. <script type="text/javascript">
  721.  
  722. $(window).load(function () {
  723. var $content = $('#wrap');
  724. $content.masonry({itemSelector: '.entry'}),
  725. $content.infinitescroll({
  726. navSelector : 'div#pagination',
  727. nextSelector : 'div#pagination a#nextPage',
  728. itemSelector : '.entry',
  729. loading: {
  730. finishedMsg: '',
  731. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  732. },
  733. bufferPx : 600,
  734. debug : false,
  735. },
  736. // call masonry as a callback.
  737. function( newElements ) {
  738. var $newElems = $( newElements );
  739. $newElems.hide();
  740. // ensure that images load before adding to masonry layout
  741. $newElems.imagesLoaded(function(){
  742. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  743.  
  744.  
  745. });
  746. });
  747. });
  748. </script>
  749.  
  750. {/block:IndexPage}
  751.  
  752. <body>
  753.  
  754. <div id="lefts">
  755.  
  756. </div>
  757.  
  758. <!--SIDEBAR-->
  759.  
  760. <div id="sidebar">
  761.  
  762. <a href="/">
  763.  
  764. <img id="sidebarpic" src="{image:sidebar}" width="150px">
  765.  
  766. </a>
  767.  
  768. <br>
  769.  
  770. <center>
  771.  
  772. {Description}
  773.    
  774. </center>
  775.    
  776. </div>
  777.  
  778. </div>
  779.  
  780. </div>
  781.  
  782. </div>
  783.  
  784. </div>
  785.  
  786. </div>
  787.  
  788. </div>
  789.  
  790. <!--LINKS-->
  791.  
  792. <!--LINKS-->
  793.  
  794. <div id="linksbar" class="linkz">
  795.  
  796. <a href="/">
  797.  
  798. home</a>
  799.  
  800. <a href="/ask">
  801.  
  802. ask</a>
  803.  
  804. {Block:ifLink1}
  805.  
  806. <a href="{text:Link 1}">
  807.  
  808. {text:link 1 title}</a>
  809.  
  810. {/Block:ifLink1}
  811.  
  812. {Block:ifLink2}
  813.  
  814. <a href="{text:Link 2}">
  815.  
  816. {text:link 2 title}</a>
  817.  
  818. {/Block:ifLink2}
  819.  
  820. {Block:ifLink3}
  821.  
  822. <a href="{text:Link 3}">
  823.  
  824. {text:link 3 title}</a>
  825.  
  826. {/Block:ifLink3}
  827.  
  828. {Block:ifLink4}
  829.  
  830. <a href="{text:Link 4}">
  831.  
  832. {text:link 4 title}</a>
  833.  
  834. {/Block:ifLink4}
  835.  
  836. </div>
  837.  
  838. <!--POSTS-->
  839.  
  840. <div id="wrap">
  841.  
  842. {block:Posts}
  843.  
  844. <div class="entry"
  845.  
  846. {Block:PermalinkPage}
  847.  
  848. style="width: 50%;"
  849.  
  850. {/Block:PermalinkPage}>
  851.  
  852. {block:Title}
  853.  
  854. <div class="title">{Title}</div>
  855.  
  856. {/block:Title}
  857.  
  858. {block:Text}
  859.  
  860. {Body}
  861.  
  862. {block:IndexPage}
  863.  
  864. <center>
  865.  
  866. <div style="margin-top: 15px;"></div>
  867.  
  868. <a href="{ReblogURL}">REBLOG</a>
  869.  
  870.  
  871. <a href="{Permalink}">{Notecount}</a>
  872.  
  873. </center>
  874.  
  875. {/block:IndexPage}
  876.  
  877. {/block:Text}
  878.  
  879. {block:Photo}
  880.  
  881. {block:IndexPage}
  882.  
  883. {LinkOpenTag}
  884.  
  885. <div class="permas">
  886.  
  887. <a href="{ReblogURL}">REBLOG</a>
  888.  
  889. </div>
  890.  
  891. <div class="perma">
  892.  
  893. <a href="{Permalink}">{Notecount}</a>
  894.  
  895. </div>
  896.  
  897. {Block:IfLikeButton}
  898.  
  899. <div class="like">
  900.  
  901. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">
  902.    
  903. </div>
  904.  
  905. </div>
  906.  
  907. {/Block:IfLikeButton}
  908.  
  909. <div class="photo">
  910.  
  911. <a href="{permalink}">
  912.  
  913. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  914.    
  915. </div>
  916.  
  917. {LinkCloseTag}
  918.  
  919. {Block:IfCaptions}
  920.  
  921. {Block:Caption}
  922.  
  923. {Caption}
  924.  
  925. <div style="margin-bottom: -8px;">
  926.    
  927. </div>
  928.  
  929. {/Block:Caption}
  930.  
  931. {/Block:IfCaptions}
  932.  
  933. {/block:IndexPage}
  934.  
  935. {block:PermalinkPage}
  936.  
  937. {LinkOpenTag}
  938.  
  939. <a href="{permalink}">
  940.  
  941. <img class="photo" src="{PhotoURL-HighRes}" width="100%"/></a>
  942.  
  943. {LinkCloseTag}
  944.  
  945. {/block:PermalinkPage}
  946.  
  947. {/block:Photo}
  948.  
  949. {block:Photoset}
  950.  
  951. {Block:If3Columns}
  952.  
  953. {Photoset-250}
  954.  
  955. {/Block:If3Columns}
  956.  
  957. {Block:If2Columns}
  958.  
  959. {Photoset-250}
  960.  
  961. {/Block:If2Columns}
  962.  
  963. {Block:If1Column}
  964.  
  965. {Photoset-500}
  966.  
  967. {/Block:If1Column}
  968.  
  969. {block:IndexPage}
  970.  
  971. <center>
  972.  
  973. <div style="margin-top: 15px;"></div>
  974.  
  975. <a href="{ReblogURL}">REBLOG</a>
  976.  
  977. //
  978.  
  979. <a href="{Permalink}">{Notecount}</a>
  980.  
  981. </center>
  982.  
  983. {/block:IndexPage}
  984.  
  985. {/block:Photoset}
  986.  
  987. {block:Quote}
  988.  
  989. {Quote}
  990.  
  991. <div align="right">
  992.  
  993. {block:Source}
  994.  
  995. <div class="title">
  996.  
  997. {Source}
  998.    
  999. </div>
  1000.  
  1001. {/block:Source}
  1002.    
  1003. </div>
  1004.  
  1005. {block:IndexPage}
  1006.  
  1007. <center>
  1008.  
  1009. <div style="margin-top: 15px;"></div>
  1010.  
  1011. <a href="{ReblogURL}">REBLOG</a>
  1012.  
  1013. //
  1014.  
  1015. <a href="{Permalink}">{Notecount}</a>
  1016.  
  1017. </center>
  1018.  
  1019. {/block:IndexPage}
  1020.  
  1021. {/block:Quote}
  1022.  
  1023. {block:Video}
  1024.  
  1025. {Video-250}
  1026.  
  1027. <br>
  1028.  
  1029. {PlayCountWithLabel}
  1030.  
  1031. {block:IndexPage}
  1032.  
  1033. <center>
  1034.  
  1035. <div style="margin-top: 15px;"></div>
  1036.  
  1037. <a href="{ReblogURL}">REBLOG</a>
  1038.  
  1039. //
  1040.  
  1041. <a href="{Permalink}">{Notecount}</a>
  1042.  
  1043. </center>
  1044.  
  1045. {/block:IndexPage}
  1046.  
  1047. {/block:Video}
  1048.  
  1049. {block:Link}
  1050.  
  1051. <div class="title">
  1052.  
  1053. <a title="{name}" href="{URL}" class="link" {Target}>
  1054.  
  1055. {Name}
  1056.    
  1057. </a>
  1058.    
  1059. </div>
  1060.  
  1061. <br>
  1062.  
  1063. {block:Description}
  1064.  
  1065. {Description}
  1066.  
  1067. {/block:Description}
  1068.  
  1069. {block:IndexPage}
  1070.  
  1071. <center>
  1072.  
  1073. <div style="margin-top: 15px;"></div>
  1074.  
  1075. <a href="{ReblogURL}">REBLOG</a>
  1076.  
  1077. //
  1078.  
  1079. <a href="{Permalink}">{Notecount}</a>
  1080.  
  1081. </center>
  1082.  
  1083. {/block:IndexPage}
  1084.  
  1085. {/block:Link}
  1086.  
  1087. {block:Chat}
  1088.  
  1089. {block:Lines}
  1090.  
  1091. {block:Label}
  1092.  
  1093. <br>
  1094.  
  1095. {Label}
  1096.  
  1097. {/block:Label}
  1098.  
  1099. &nbsp;
  1100.  
  1101. {Line}
  1102.  
  1103. {/block:Lines}
  1104.  
  1105. {block:IndexPage}
  1106.  
  1107. <center>
  1108.  
  1109. <div style="margin-top: 15px;"></div>
  1110.  
  1111. <a href="{ReblogURL}">REBLOG</a>
  1112.  
  1113. //
  1114.  
  1115. <a href="{Permalink}">{Notecount}</a>
  1116.  
  1117. </center>
  1118.  
  1119. {/block:IndexPage}
  1120.  
  1121. {/block:Chat}
  1122.  
  1123. {block:Audio}
  1124.  
  1125. {AudioPlayerWhite}
  1126.  
  1127. <br>
  1128.  
  1129. <div align="right">
  1130.  
  1131. {block:Artist}
  1132.  
  1133. Artist: {Artist}
  1134.    
  1135. </div>
  1136.  
  1137. {/block:Artist}
  1138.  
  1139. <br>
  1140.  
  1141. {block:Caption}
  1142.  
  1143. {Caption}
  1144.  
  1145. {/block:Caption}
  1146. <div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script>
  1147. </div>
  1148. {block:IndexPage}
  1149.  
  1150. <center>
  1151.  
  1152. <div style="margin-top: 15px;"></div>
  1153.  
  1154. <a href="{ReblogURL}">REBLOG</a>
  1155.  
  1156. //
  1157.  
  1158. <a href="{Permalink}">{Notecount}</a>
  1159.  
  1160. </center>
  1161.  
  1162. {/block:IndexPage}
  1163.  
  1164. {/block:Audio}
  1165.  
  1166. {block:Answer}
  1167.  
  1168. {Asker}:
  1169.  
  1170. <b>
  1171.  
  1172. {Question}
  1173.    
  1174. </b>
  1175.  
  1176. <br>
  1177.  
  1178. {Answer}
  1179.  
  1180. {block:IndexPage}
  1181.  
  1182. <center>
  1183.  
  1184. <div style="margin-top: 15px;"></div>
  1185.  
  1186. <a href="{ReblogURL}">REBLOG</a>
  1187.  
  1188. //
  1189.  
  1190. <a href="{Permalink}">{Notecount}</a>
  1191.  
  1192. </center>
  1193.  
  1194. {/block:IndexPage}
  1195.  
  1196. {/block:Answer}
  1197.  
  1198. {block:PermalinkPage}
  1199.  
  1200. <center>
  1201.  
  1202. {Block:HasTags}
  1203.  
  1204. {Block:Tags}
  1205.  
  1206. #{Tag}
  1207.  
  1208. {/Block:Tags}
  1209.  
  1210. {/Block:HasTags}
  1211.  
  1212. {block:Caption}
  1213.  
  1214. {Caption}
  1215.  
  1216. {/block:Caption}
  1217.  
  1218. <br>
  1219.  
  1220. <b>Posted</b> {TimeAgo} with {NoteCount} <b>notes</b>
  1221.  
  1222. </center>
  1223.  
  1224. </div>
  1225.  
  1226. {/block:PermalinkPage}
  1227.  
  1228. </div>
  1229.  
  1230. {/block:Posts}
  1231. <div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">
  1232. var ref = (''+document.referrer+'');
  1233. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>');
  1234. </script></div>
  1235. {block:IndexPage}
  1236.  
  1237. {block:Pagination}
  1238.  
  1239. <div id="pagination">
  1240.  
  1241. {block:NextPage}
  1242.  
  1243. <a style="display:none;" id="nextPage" href="{NextPage}">
  1244.  
  1245. &nbsp;&rarr;
  1246.    
  1247. </a>
  1248.  
  1249. {/block:NextPage}
  1250.  
  1251. {block:PreviousPage}
  1252.  
  1253. <a style="display:none;" href="{PreviousPage}">
  1254.  
  1255. &larr;&nbsp;
  1256.  
  1257. </a>
  1258.  
  1259. {/block:PreviousPage}
  1260.    
  1261. </div>
  1262.  
  1263. {/block:Pagination}
  1264.  
  1265. {/block:IndexPage}
  1266.  
  1267. </body>
  1268.  
  1269. <a class="btn" href="http://unstrong.tumblr.com" style="position: fixed; right: 3px;">
  1270.  
  1271. ☀ Theme
  1272.    
  1273. </a>
  1274.    
  1275. </center>
  1276.    
  1277. </a>
  1278.  
  1279. <div style="position: fixed; bottom: 3px; right: 3px;"><a href="http://unstrong.tumblr.com">theme</a></div>
  1280.  
  1281. </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!