API tools faq
paste
Advertisement
ipads

Christine Theme

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