API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 13th, 2012
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <html lang="en">
  4. <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.     <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title>
  7.     <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" />
  8.     <meta name="author" content="TotallyLayouts.com" />
  9.     <link rel="shortcut icon" href="{Favicon}" />
  10.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11.     <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" />
  12.    
  13.     <!-- ### Custom Stuff ### -->    
  14.     <meta name="if:Show notes on permalink pages" content="1"/>
  15.     <meta name="image:Body" content="http://static.tumblr.com/ydokqes/q9qm2axzw/background.png"/>    
  16.     <meta name="text:Disqus Shortname" content="" />    
  17.    
  18. <style type="text/css">
  19. body {
  20.     color: #1a1a1a;
  21.     font-family: Arial, Helvetica, sans-serif;
  22.     font-size: 12px;
  23.     min-height:110%;
  24.     overflow-y: scroll;
  25.     line-height: 19px; 
  26.   background: url('http://www.totallylayouts.com/backgrounds/cartoon/tumbling_alice_in_wonderland.gif') repeat center top;
  27. }
  28.  
  29. a:link, a:visited, a:active {
  30.     color: #1a1a1a;
  31.     text-decoration: underline;
  32.     outline-color: invert;
  33.     outline-style: none;
  34.     outline-width: medium; 
  35. }
  36.  
  37. a:hover {
  38.     color: #1a1a1a;
  39.     text-decoration: none;
  40. }
  41.  
  42. #container {
  43.     margin: 40px auto;
  44.     position: relative;
  45.     width: 638px; /* 500+10+128 */
  46.     {block:IndexPage}    
  47.     width: 908px; /* 750+30+128 */
  48.     {/block:IndexPage}   
  49. }
  50.  
  51. .rightWrap{
  52.   width: 128px;
  53.   position: fixed;
  54.   top: 0;
  55.     margin-right: 0;   
  56.   margin-left: 510px;
  57.   {block:IndexPage}  
  58.   margin-left: 780px;
  59.   {/block:IndexPage}     
  60.   margin-top: 40px;
  61. }
  62.  
  63. .header {
  64.   background: #fff;
  65.     padding: 0;  
  66. }
  67.  
  68. .topWrap {
  69.     padding-bottom: 0;
  70.   line-height: 9px;
  71. }
  72.  
  73. .tmlogo {
  74.     float: left;
  75.     width: 40px;
  76.     height: 40px;
  77.     overflow: hidden;  
  78. }
  79.  
  80. .tmtitle{
  81. float: left;
  82.   margin-left:20px;
  83.     height: 40px;  
  84.   font-size: 11px;
  85.     font-weight: normal;  
  86.     line-height: 40px;
  87.     font-family: Arial, Helvetica, sans-serif;
  88.   color: #595959;
  89.     text-transform: uppercase;
  90. }
  91.  
  92. .tmnav{
  93.  
  94. }
  95.  
  96. .tmnav,
  97. .tmnav ul {  
  98.     font-family: Arial, Helvetica, sans-serif;
  99.     font-weight: normal;
  100. }
  101.  
  102. .tmnav ul {
  103. }
  104.  
  105. .tmnav li {
  106.   background: #fff;
  107.   padding: 5.5px 15px;  
  108.   font-size: 11px;
  109.   font-weight: normal;
  110.   text-align:center;
  111.   list-style: none;
  112.   margin-top: 5px; 
  113. }
  114.  
  115. .tmnav a:link,
  116. .tmnav a:visited,
  117. .tmnav a:active {
  118.     text-decoration: none;
  119.     color: #595959;
  120.     text-transform: uppercase;
  121. }
  122.  
  123. .tmnav a:hover {
  124.     text-decoration: underline;
  125. }
  126.  
  127. /* header Active Css */
  128. .header-more{
  129.   padding: 15px;
  130. }
  131. .description { 
  132.   margin: 0;
  133.   color: #595959;
  134.  
  135. }
  136.  
  137. .description h1{
  138.   font-size: 9px;
  139.   font-weight: bold;
  140.   font-family: Arial, Helvetica, sans-serif;
  141.   line-height: 18px;  
  142. }
  143.  
  144. .description-text{
  145.   margin: 0;
  146.   padding: 0;  
  147.   font-size: 9px;
  148.   font-family: Arial, Helvetica, sans-serif;
  149.   line-height: 12px;  
  150.   overflow:hidden;  
  151. }
  152.  
  153. .header .readmore{
  154.   width: 10px;
  155.   height: 6px;
  156.   margin: 0 auto;
  157.   cursor: pointer;
  158.   background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top;
  159. }
  160.  
  161. .header .up{  
  162.   background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top;
  163. }
  164.  
  165. .totallylayouts{
  166.   width: 36px;
  167.   height: 45px;
  168.   position: fixed;  
  169.   left: 11px;
  170.   top: 0;
  171.   background: url(http://static.tumblr.com/ydokqes/oXIm2axu0/totallylayouts.png) no-repeat center top;
  172. }
  173.  
  174.  
  175. #container .posts {  
  176.     float:left;
  177.   width: 780px;  
  178. }
  179.  
  180. #container .box {
  181.     background-color: #fff;
  182.     width: 250px;
  183.     margin: 0 10px 10px 0;
  184.     float: left;
  185.     overflow: hidden;
  186.   line-height:9px;
  187. }
  188.  
  189. #container .box h3 {
  190.     font-size: 11px;
  191.     font-weight: bold;
  192. }
  193.  
  194. .innerbox {
  195.     padding: 15px;
  196.     position: relative;
  197.   color: #1a1a1a;
  198.   line-height:15px;
  199.   font-size: 11px;
  200. }
  201.  
  202. .innerbox a:link,
  203. .innerbox a:visited,
  204. .innerbox a:active {
  205.     text-decoration: underline;    
  206. }
  207.  
  208. .innerbox a:hover {
  209.     text-decoration: none;
  210. }
  211.  
  212. .innerbox img{
  213.     margin-top: -10px;
  214.     margin-left: -10px;
  215.     position: relative;
  216.   color: #1a1a1a;
  217. }
  218.  
  219. .boxhover {
  220.     width: 250px;
  221.     height: 100%;
  222.     position: absolute;
  223.     left: 0px;
  224.     top: 0px;
  225.     /*padding: 20px; */
  226.     background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0;  
  227.     font-family: Arial, Helvetica, sans-serif;
  228.     color: #fff;
  229.     /*display: none;*/
  230.   visibility: hidden;
  231.     text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0);  
  232. }
  233.  
  234. .boxhover .center-middle {
  235.     /*margin-top: 47%;  */
  236.   text-align: center;  
  237. }
  238.  
  239.  
  240. .boxhover.active {
  241.     display: block;
  242.   visibility: visible;
  243. }
  244.  
  245. .tmlabel {
  246.     font-family: tahoma;
  247.     font-size: 29px;
  248.     font-weight: bold;
  249.     color: #FFF;
  250.     letter-spacing: -1px;
  251.     line-height: 29px;
  252.     text-transform: uppercase;
  253. }
  254.  
  255. .tmvalue-notes {
  256.     font-family: tahoma;
  257.     font-size: 25px;
  258.     font-weight: bold;
  259.     color: #FFF;
  260.     letter-spacing: -1px;
  261.     line-height: 30px;
  262.     word-spacing: 10px;
  263. }
  264.  
  265. .tmvalue-posted{
  266.     font-family: tahoma;
  267.     font-size: 15px;
  268.     font-weight: bold;
  269.     color: #FFF;
  270.     letter-spacing: -1px;
  271.     line-height: 20px;
  272.     word-spacing: 5px;
  273. }
  274.  
  275. .boxhover a:link,
  276. .boxhover a:visited,
  277. .boxhover a:active {
  278.     text-decoration: none;
  279.   color: #FFF;  
  280. }
  281.  
  282. a.title {
  283.     color: #1a1a1a;
  284.     text-decoration: none;
  285. }
  286.  
  287. .footer {
  288.   margin-left:0;
  289.     padding: 80px 0 40px 0;
  290.     width: 780px;
  291.     text-align: center;
  292. }
  293.  
  294.  
  295. blockquote.classy {
  296.     background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif");
  297.     background-position: left top;
  298.     background-repeat: no-repeat;
  299.     font: 14px/20px italic Times,serif;
  300.     margin: 5px;
  301.     padding: 8px;
  302.     text-indent: 23px;
  303. }
  304.  
  305. blockquote.classy span {
  306.     background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif");
  307.     background-position: right bottom;
  308.     background-repeat: no-repeat;
  309.     display: block;
  310. }
  311.  
  312. table.chat {
  313.   width: 100%;
  314.   margin: 0 0 10px 0;
  315.   border-collapse: collapse;
  316. }
  317.  
  318. h2 + table.chat {
  319.   margin: 10px 0 3px 0 !important;
  320. }
  321.  
  322. table.chat tr td {
  323.   padding: 0 10px;
  324. }
  325.  
  326. table.chat tr td.name {
  327.   font-weight: bold;
  328.   text-align: right;
  329.   vertical-align: top;
  330. }
  331.  
  332. table.chat tr td.line1 {
  333.   background: #F7F7F7;
  334. }
  335.  
  336. .navigation{
  337.   visibility: hidden;
  338. }
  339.  
  340. .footer a:link,
  341. .footer a:visited,
  342. .footer a:active {
  343.     text-decoration: none;
  344.     color: #ffffff;
  345.     text-transform: uppercase;
  346.     background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0;
  347.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  348.     padding: 5px;
  349.     font-size: 18px;
  350.     line-height: normal;
  351. }
  352.  
  353. .footer a:hover {
  354.     text-decoration: underline;
  355. }
  356.  
  357.  
  358. /* permelink page with notes */
  359. .postbox {     
  360.     float:left;
  361.   width: 500px;  
  362. }
  363.  
  364. .postcontent {
  365.     background: #fff;
  366.     float: left;
  367.     padding: o;
  368.   width: 500px;
  369.     margin: 0;
  370. }
  371.  
  372. .postcontent img {
  373.     float: left;
  374. }
  375.  
  376. .postinfo {
  377.     padding: 15px;
  378.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  379.     margin: 0;
  380.     font-size: 10px;
  381.     text-transform: uppercase;
  382.     text-align: center;
  383.     background-color: #fff;
  384.     width: 100%;
  385.     float: left;
  386.   width: 500px;
  387. }
  388.  
  389. .note {
  390.     padding: 10px 10px 11px 10px;
  391.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  392.     margin: 0px;
  393.     font-size: 10px;
  394.     width: 100%;
  395.     float: left;
  396.     width: 480px;
  397.     line-height: normal;
  398.     background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom;
  399.     list-style: none;
  400. }
  401.  
  402. .clear {
  403.     clear: both;
  404. }
  405.  
  406. .notes {
  407.     padding: 0px;
  408.     margin: 0px;
  409. }
  410.  
  411. .note .avatar {
  412.     width: 16px;
  413.     height: 16px;
  414.     float: left;
  415.     overflow: hidden;
  416. }
  417.  
  418. .note .action {
  419.     margin-left: 10px;
  420.     line-height: 16px;
  421.     font-size: 11px;
  422.     text-transform: uppercase;
  423. }
  424.  
  425. .more_notes_link_container {
  426.     background-image: none;
  427.     text-align: center;
  428.     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  429.     font-size: 10px;
  430.     color: #aeaeae;
  431.     text-transform: uppercase;
  432. }
  433.  
  434. .more_notes_link_container a:link,
  435. .more_notes_link_container a:visited,
  436. .more_notes_link_container a:active {
  437.     color: #aeaeae;
  438.     text-decoration: none;
  439. }
  440.  
  441. .more_notes_link_container a:hover {
  442.     color: #747575;
  443. }
  444.  
  445. .c1 {
  446.     display: block;
  447.     text-align: center;
  448. }
  449.  
  450. #infscr-loading {
  451.     background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent;
  452.     color: #FFFFFF;
  453.     font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  454.     font-size: 18px;
  455.     line-height: normal;
  456.     padding: 5px;
  457.     text-decoration: none;
  458.     text-transform: uppercase;
  459.     bottom: 40px;
  460.     margin-left: 437.5px;
  461.     position: fixed;
  462.     z-index: 100;    
  463.     text-align: center;
  464. }
  465. #infscr-loading img{
  466.   position: absolute;
  467.   left: -99999px;
  468.   top: -99999px;
  469. }
  470. .rounded-corners {  
  471.   -moz-border-radius: 3px;    
  472.   -webkit-border-radius:3px;  
  473.   -khtml-border-radius: 3px;
  474.   behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc);
  475.   border-radius: 3px;    
  476. }
  477.  
  478. .box-shadow{
  479.   -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  480.   -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  481.   box-shadow: 0 1px 10px rgba(0,0,0,.3);
  482. }
  483. </style>
  484.    
  485.    
  486.    
  487. </head>
  488. <body>
  489.  
  490.  
  491.  
  492. <div id="container">
  493.     <div class="rightWrap">
  494.     <div class="header rounded-corners box-shadow">
  495.         <div class="topWrap">          
  496.             <img src="{PortraitURL-128}" width="128" height="128" class="rounded-corners" />              
  497.         </div>
  498.     <div class="header-more">      
  499.         <div class="description">
  500.         <h1>{Title}</H1>
  501.         <div class="description-text">
  502.                 {Description}
  503.         </div>                 
  504.       </div>
  505.     </div>
  506.         <div style="clear:both"></div>
  507.     </div>
  508.    
  509.     <div class="tmnav">
  510.                 <ul>
  511.                     <li class="rounded-corners box-shadow"><a href="/">HOME</a></li>
  512.           {block:AskEnabled}<li class="rounded-corners box-shadow"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}                   
  513.           {block:HasPages}
  514.               {block:Pages}<li class="rounded-corners box-shadow"><a href="{URL}">{Label}</a></li>{/block:Pages}              
  515.           {/block:HasPages}                
  516.                 </ul>
  517.     </div>
  518.     <div class="tmnav"><ul>
  519.         <li class="rounded-corners box-shadow"><div style="text-align: center"><div style="margin-top: 4px;"><object type="application/x-shockwave-flash" width="99" height="25" data="https://www.youtube.com/p/5E284270FAF9BE28?version=2&autoplay=1&theme=dark"><param name="movie" value="https://www.youtube.com/p/5E284270FAF9BE28?version=2&autoplay=1&theme=dark" /><param name="wmode" value="transparent" /></object></div></li></ul>>
  520.     </div>
  521.   </div>    <!-- / rightWrap -->        
  522.  
  523.     {block:IndexPage}    
  524.     <div class="posts" id="allposts">
  525.   {/block:IndexPage}
  526.   {block:Posts}
  527.     {block:PermalinkPage}    
  528.     <div class="postbox">
  529.     <div class="postcontent rounded-corners box-shadow">
  530.     {/block:PermalinkPage}
  531.     {block:IndexPage}
  532.     <div class="box rounded-corners box-shadow">    
  533.     {/block:IndexPage}
  534.    
  535.           {block:Photo}              
  536.               {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  537.               {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  538.                   <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners">
  539.               {block:IndexPage}</a>{/block:IndexPage}          
  540.               {block:Caption}
  541.                 {block:IndexPage}      
  542.                   <!--div class="innerbox rounded-corners box-shadow"-->
  543.                 {/block:IndexPage}
  544.        
  545.                
  546.                 {block:IndexPage}      
  547.                   <!--/div-->
  548.                 {/block:IndexPage}                
  549.               {/block:Caption}    
  550.              
  551.               {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  552.              
  553.           {/block:Photo}
  554.          
  555.           {block:Audio}
  556.             <div class="innerbox rounded-corners box-shadow">
  557.             {AudioPlayerWhite}
  558.             {block:Caption}{Caption}{/block:Caption}                          
  559.             </div>
  560.            
  561.           {/block:Audio}
  562.          
  563.           {block:Video}
  564.             {block:IndexPage}{Video-250}{/block:IndexPage}
  565.             {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  566.             {block:Caption}
  567.               <div class="innerbox rounded-corners box-shadow">
  568.               {Caption}              
  569.               </div>              
  570.             {/block:Caption}              
  571.           {/block:Video}
  572.          
  573.           {block:Text}
  574.            
  575.             <div class="innerbox rounded-corners box-shadow">
  576.            
  577.             {block:Title}
  578.               <h3>{Title}</h3>              
  579.             {/block:Title}            
  580.             {Body}
  581.             {block:More}
  582.                 <a href="{Permalink}" class="readMore">{lang:Read more}</a>
  583.             {/block:More}                  
  584.             </div>            
  585.           {/block:Text}
  586.          
  587.           {block:Answer}            
  588.             <div class="innerbox rounded-corners box-shadow">            
  589.               <b>{lang:Asker asked}:&nbsp;</b>{Question}
  590.               <p><br><b>{lang:Answer}:</b>{Answer}</p>            
  591.             </div>
  592.            
  593.           {/block:Answer}
  594.          
  595.           {block:Link}
  596.            
  597.             <div class="innerbox rounded-corners box-shadow">
  598.            
  599.               <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a>
  600.               {block:Description}{Description}{/block:Description}
  601.            
  602.             </div>
  603.            
  604.           {/block:Link}          
  605.          
  606.           {block:Quote}              
  607.            
  608.             <div class="innerbox rounded-corners box-shadow">
  609.             {/block:IndexPage}
  610.               {block:Source}<h2>{Source}</h2>{/block:Source}
  611.               <blockquote class="classy"><span>{Quote}</span></blockquote>              
  612.            
  613.             </div>
  614.            
  615.           {/block:Quote}
  616.          
  617.           {block:Chat}
  618.            
  619.             <div class="innerbox rounded-corners box-shadow">
  620.            
  621.               {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title}
  622.               <table class="chat" cellspacing="0">
  623.                   {block:Lines}
  624.                     <tr>
  625.                         {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td>
  626.                     </tr>
  627.                   {/block:Lines}
  628.               </table>
  629.            
  630.             </div>
  631.            
  632.         {/block:Chat}
  633.          
  634.           {block:IndexPage}
  635.             <a href="{Permalink}" class="boxhoverlink">            
  636.               <div class="boxhover rounded-corners box-shadow">                
  637.                 <div class="center-middle">
  638.                   <a href="{ReblogURL}">
  639.                     <div class="tmlabel">REBLOG</div>
  640.                   </a>  
  641.                   {block:NoteCount} <a href="{Permalink}"><div class="tmvalue-notes">{NoteCount} Notes</div></a>{/block:NoteCount}          
  642.                   {block:Date}<a href="{Permalink}"><div class="tmvalue-posted">Post {TimeAgo}</div></a>{/block:Date}
  643.                 </div>
  644.               </div>
  645.             </a>
  646.           {/block:IndexPage}
  647.              
  648.     </div>
  649.     {block:PermalinkPage}
  650.     <!--div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div-->
  651.     {/block:PermalinkPage}
  652.    
  653.     {block:PermalinkPage}
  654.         <div style="clear: both;"></div>
  655.         {block:IfDisqusShortname}
  656.         <div style="overflow: hidden" class="rounded-corners box-shadow">
  657.             <div id="disqus_thread"></div>
  658.             <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  659.             <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  660.         {/block:Date}
  661.         {/block:IfDisqusShortname}
  662.        
  663.         {block:IfShowNotesOnPermalinkPages}
  664.             {block:PostNotes}{PostNotes}{/block:PostNotes}
  665.         {/block:IfShowNotesOnPermalinkPages}
  666.         {block:IfDisqusShortname}</div>{/block:IfDisqusShortname}            
  667.     {/block:PermalinkPage}
  668.    
  669.     {block:PermalinkPage}
  670.     <div style="clear: both;"></div>
  671.     </div>
  672.     {/block:PermalinkPage}
  673.              
  674.     {/block:Posts}
  675.     {block:IndexPage}      
  676.        
  677.     </div> <!-- .posts -->
  678.   {/block:IndexPage}           
  679.   <div style="clear: both;"></div>
  680.  
  681.   {block:IndexPage}    
  682.   <div class="footer" style="display:none;">
  683.     <a href="#">Loading</a>
  684.   </div> <!-- #footer -->
  685.  
  686.   <div class="navigation" id="navigation">
  687.       {block:Pagination}
  688.       {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage}
  689.       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  690.       {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage}
  691.       {/block:Pagination}                
  692.   </div> <!-- .navigation -->
  693.  
  694.   {/block:IndexPage}           
  695.  
  696. </div> <!-- #container -->
  697.  
  698. {block:IfDisqusShortname}
  699.   <script type="text/javascript">
  700.   //<![CDATA[
  701.  (function() {
  702.      var links = document.getElementsByTagName('a');
  703.      var query = '?';
  704.      for(var i = 0; i < links.length; i++) {
  705.      if(links[i].href.indexOf('#disqus_thread') >= 0) {
  706.          query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  707.      }
  708.      }
  709.      document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  710.  })();
  711.  //]]>
  712.   </script>
  713. {/block:IfDisqusShortname}
  714.  
  715.  
  716. <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script>
  717. <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script>
  718. <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script>
  719.  
  720. <script type="text/javascript">
  721.  
  722. $(window).load(function () {
  723.                
  724.     $('div.box').live('mouseenter',function(){                                   
  725.       $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn();      
  726.      
  727.       $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'});
  728.                 $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'});
  729.        
  730.       $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn();      
  731.     });
  732.    
  733.     $('div.box').live('mouseleave',function(){                             
  734.       $(this).find('.boxhover').fadeOut();      
  735.     });    
  736.    
  737.    
  738.     $('.header .readmore').click(function(){
  739.       if($(this).hasClass("up")){
  740.         $(this).removeClass("up");
  741.         $('.header-more').slideUp();
  742.       }
  743.       else{
  744.         $(this).addClass("up");
  745.         $('.header-more').slideDown();
  746.       }
  747.     });            
  748.    
  749.    
  750.    
  751.     // endless scrolling
  752.     var $container = $('#allposts');    
  753.     $container.imagesLoaded(function(){
  754.       $container.masonry({
  755.         itemSelector: '.box'
  756.       });
  757.     });
  758.     $container.infinitescroll({
  759.       navSelector  : 'div.navigation',    // selector for the paged navigation
  760.       nextSelector : 'div.navigation a#nextPage',  // selector for the NEXT link (to page 2)
  761.       itemSelector : '.box',     // selector for all items you'll retrieve
  762.       bufferPx: 0,
  763.       debug         : true,
  764.       loading: {
  765.           finishedMsg: 'No more posts to load.',
  766.           img: '',
  767.           msgText: 'Loading'
  768.         }
  769.       },
  770.       // trigger Masonry as a callback
  771.       function( newElements ) {
  772.         // hide new items while they are loading
  773.         var $newElems = $( newElements ).css({ opacity: 0 });
  774.         // ensure that images load before adding to masonry layout
  775.         $newElems.imagesLoaded(function(){
  776.           // show elems now they're ready
  777.           $newElems.animate({ opacity: 1 });
  778.           $container.masonry( 'appended', $newElems, true );
  779.         });
  780.       }
  781.     );
  782.    
  783.     // End of endless scrolling
  784.    
  785. });
  786.  
  787. </script>
  788.  
  789.  <script type="text/javascript">
  790.  
  791.   var _gaq = _gaq || [];
  792.   _gaq.push(['_setAccount', 'UA-1419534-14']);
  793.   _gaq.push(['_trackPageview']);
  794.  
  795.   (function() {
  796.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  797.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  798.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  799.   })();
  800.  
  801. </script>
  802. <style type="text/css">
  803.  
  804. #footer   {
  805. color: #000000;
  806. font-size: 9px;
  807. font-family: arial;
  808. background-color: transparent;
  809. text-align: center;
  810. position: relative;
  811. bottom: 5px;
  812. left: 40%;
  813. width: 360px;
  814. height: 18px
  815. filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
  816. }
  817.  
  818. </style>
  819. <div id="footer" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a> and <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>.</div>
  820.  
  821. </body>
  822. </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!