babirdgs

Theme Fourty Eight

Feb 14th, 2015
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.58 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- DEFECTSS'S THEMES, MOTHERFUCKERS COPY -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10.  
  11.      
  12.     {block:IfNotAlwaysShowDescription}
  13.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  14.     <script src="toggle.js" type="text/javascript"></script>
  15.     <script type="text/javascript">
  16.     $(document).ready(function(){
  17.     $(".info").hide();
  18.     $(".title").click(function(){
  19.     $('.info').slideToggle(300);
  20.     return true;
  21.     });
  22.     });
  23.     </script>{/block:IfNotAlwaysShowDescription}
  24.       <!-- DEFAULT VARIABLES -->
  25. <meta name="color:background" content="#ffffff" />
  26. <meta name="color:text" content="#3d3d3d" />
  27. <meta name="color:entry" content="#FFFFFF" />
  28. <meta name="color:barra" content="#dadada" />
  29. <meta name="color:cred" content="#FFFFFF" />
  30. <meta name="color:linkx" content="#FFFFFF" />
  31. <meta name="color:link" content="#000000" />
  32. <meta name="image:sidebar" content="https://40.media.tumblr.com/914a55711c3b7a3b3b608cee84e4fb47/tumblr_n9agc3jcUr1thqlgzo6_250.jpg"/>
  33. <meta name="image:background" content=""/>
  34. <meta name="text:title" content="same bed, but it feels just bit bigger now" />
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="" />
  43.  
  44.         <title>{Title}</title>
  45.         <link rel="shortcut icon" href="{Favicon}">
  46.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47.         {block:Description}
  48.             <meta name="description" content="{MetaDescription}" />
  49.         {/block:Description}
  50.  
  51. {block:IfEnableEndlessScrolling}
  52. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  53. {/block:IfEnableEndlessScrolling}
  54.  
  55.  
  56.     <style type="text/css">
  57.  
  58.  {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.     <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  60.      
  61.     {PostSummary} - {/block:PostSummary}{Title}</title>
  62.      
  63.     <style type="text/css">
  64.    
  65.  
  66.  
  67.     iframe#tumblr_controls{
  68.     top: 1px !important;
  69.     margin: 0 0 0 0;
  70.     right: 6px !important;
  71.     position: fixed !important;
  72.     z-index:52;
  73.     }
  74.      
  75.     body {
  76.     margin:0px;
  77.     background-color: {color:Background};
  78.     background-image:url({image:Background});
  79.     background-attachment: fixed;
  80.     background-repeat: no-repeat;
  81.     {block:IfRepeatBackgroundImage}
  82.     background-repeat: repeat;
  83.     {/block:IfRepeatBackgroundImage}
  84.    
  85.     font-size:11px;
  86.     font-family: Trebuchet MS;
  87.     line-height:12px;
  88.     color:{color:Text};
  89.     {block:IfItalicFont}font-style:italic;{/block:IfItalicFont}
  90.     }
  91.      
  92.     a:link, a:active, a:visited{
  93.     color: {color:Link};
  94.     z-index:52;
  95.     text-decoration: none;
  96.     -moz-transition: all 0.3s;
  97.     -webkit-transition: all 0.3s;
  98.     -o-transition: all 0.3s;
  99.     transition: all 0.3;
  100.    
  101.     }
  102.      
  103.     a:hover {
  104.     color:{color:Hover};
  105.     -moz-transition: all 0.3s;
  106.     -webkit-transition: all 0.3s;
  107.     -o-transition: all 0.3s;
  108.     transition: all 0.3;
  109.     }
  110.      
  111.     ::-webkit-scrollbar-thumb:vertical {
  112.     background-color:{color:text};
  113.     height:100px;
  114.     }
  115.     ::-webkit-scrollbar-thumb:horizontal {
  116.     background-color:{color:text};
  117.     height:10px;
  118.     }
  119.     ::-webkit-scrollbar {
  120.     height:10px;
  121.     width:22px;
  122.     background-color:{color:background};
  123.    
  124.     }
  125.    
  126.     padding:0 0 0 5px;}
  127.    
  128.  
  129. #sidebar {position: fixed; margin: 120px 0px 0px 250px;}
  130.  
  131. #side {position: fixed; width:220px; margin-left:250px;}
  132.  
  133. #slideShowContainer{ float: left; margin-top:-120px; margin-left:172px;position: fixed; background-color: transparent; overflow: hidden; width: 0px; height: 150px; z-index: 80; }
  134.  
  135. #slideShowContainer img {margin-top: 5px; margin-left:6px; width:100px; height:100px; z-index: 1; position:fixed; border: 2px; #b67979;}
  136.  
  137. #barra {width:5500px; height: 23px; margin-left:-50px; margin-top:-65px; position:fixed; background-color:{color:barra}; z-index: 2;}
  138.  
  139. #transparencia {width:5500px; height: 95px; margin-left:-50px; margin-top:-160px; position:fixed; background-color:{color:background}; z-index: 2;}
  140.  
  141. #transparencia2 {width:5500px; height: 30px; margin-left:-50px; margin-top:-42px; position:fixed; background-color:{color:background}; z-index:2;}
  142.  
  143. #linksbb {width: 100px; padding: 0px 0px 0px 0px; margin-left:225px; position: fixed; margin-top:-83px; background-color:transparent;z-index:2;}
  144.  
  145. .linksbb1 {float: center; text-align: center; font-family:calibri; font-size: 11px; width: 235px; background-color:transparent; padding: 4px 0px 4px 0px;}
  146. .linksbb1 a { font-family:calibri; font-size: 11px; float: center; color:{color:links}; text-align: center;  padding: 0px 0px 0px 0px; margin-right:3px;  text-decoration: none; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; letter-spacing: 0px; background-color:transparent;
  147.  
  148. }
  149. .linksbb1 a:hover{ opacity:0.5;}
  150.  
  151.  
  152. #titulinho {text-align: center; margin-top:-43px;  font-family:georgia; font-size: 19px; color: ; letter-spacing: 0px; text-transform: none; position:fixed; background-color:transparent; width: 205px; height: 11px; padding: 5px; margin-left:278px; position:fixed; z-index:51; color:{color:text}; }
  153.  
  154. #crd{font-size:9px; font-family: verdana; position: fixed; margin-left: 1345px; width:15px; background-color:transparent; padding:3px; margin-top: -64px; background-attachment: fixed; background-image:url(''); height:auto; z-index:20; line-height: 10px;}
  155.  
  156. #crdt {text-align: center; margin-top:0px; margin-bottom:2px; font-family: verdana; margin-right:4px; font-size: 9px; color:{color:cred}; text-transform: none; padding:1px;line-height: 13px; z-index:20}
  157.  
  158. /* title */
  159.  
  160. .text {text-align: center; font-family: georgia; font-size: 10px; color: {color:text};}
  161.  
  162. #always {width: 185px; margin-left: -19px; height: auto; margin-top: -190px; float:left; text-align: center; background-color: #f5f5f5; font-size: 16px; position:fixed; padding: 5px; }
  163.  
  164. #infscr-loading { position: absolute!important; width: 16px!important;  height: 11px!important; bottom: 0px!important; left: 50%!important; margin-top: 10px!important; margin-bottom: 5px!important;}
  165.  
  166. #content {width: 1091px; margin-top:130px; margin-left:175px; -webkit-transition: all 1.2s ease-in-out; opacity:1; z-index:0; font-family: georgia;font-size:11px; padding:11; }
  167.  
  168. #header {width: auto; text-align: center; -webkit-transition: all 1.2s ease-in-out;}
  169.  
  170. #contain {margin: 0px auto; -webkit-transition: all 1.2s ease-in-out; z-index:9; }
  171.  
  172. .quotes{position:absolute; opacity: 0.2; top: 30px; margin-left: -110px; font-size: 90px;}
  173. ol.notes img {width: 16px; display: inline; position: relative; top: 5px;}
  174.  
  175. .entry { {block:indexpage} width:  250px; -webkit-transition: all 1.2s ease-in-out; {/block:indexpage}  {block:permalinkpage} -webkit-transition: all 1.2s ease-in-out;  width: 500px; float:center; position: fixed; top: 400px{/block:permalinkpage} display: block; position: relative; background:{color:posts}; margin-left:1px; margin-top:1px; padding:2px; z-index:1; }
  176.  
  177. .entry img {display: block; max-width: 100%; float:center; -webkit-transition: all 0.3s ease-in-out; -webkit-border-radius: 0px;}
  178. .entry img:hover {opacity:1;}
  179.  
  180. .entry:hover {opacity:1;-webkit-transition: all 1.2s ease-in-out;}
  181. blockquote, q {quotes: "" "" "'" "'";padding-left:2px; border-left: 5px solid {color:text}; background: transaprent;}
  182.  
  183. p {margin: 5px 0px;}
  184.  
  185.  
  186. p.tags a {
  187.     opacity: 0.50;
  188.     filter: alpha(opacity = 50);
  189. }
  190.  
  191. p.tags a:hover {
  192.     opacity: 1.0;
  193.     filter: alpha(opacity = 100);
  194. }
  195. p.tags {
  196.     padding: 0px;
  197.     height: 14px;
  198.     margin: 0px;
  199.     font-size: 9px;
  200.     margin: 0px;
  201.     text-transform: uppercase;
  202.     {block:ifshowtags}
  203.     border-top: 1px solid {color:border color};
  204.     {/block:ifshowtags}
  205. }
  206.  
  207. .nav {
  208.     color: {color:text};
  209.     font-size: 9px;
  210.     margin: 2px;
  211.     line-height: 8px;
  212.     text-align: center;
  213.     display: inline-block;
  214. }
  215. .t a{
  216.     text-align: right;
  217.     opacity: .5;
  218.     filter: alpha(opacity = 50);
  219. }
  220.  
  221.  
  222. .count_note  {{block:IndexPage}
  223.     position:absolute;
  224.     background-color: rgba(0, 0, 0, .60);
  225.     opacity:0;
  226.     bottom:10px;
  227.     left:-55px;
  228.     font-size: 6px;
  229.     padding-left: 4px;
  230.     height:12px;
  231.     padding: 4px;
  232.     -webkit-border-radius: 2px;
  233.     -moz-border-radius: 2px;
  234.     border-radius: 2px;
  235.     -webkit-transition: all 0.4s ease-out;
  236.     -moz-transition: all 0.4s ease-out;
  237.     transition: all 0.4s ease-out;
  238.     line-height:11px;
  239.     -webkit-filter: invert(0%);
  240.     {/block:IndexPage}}
  241.    
  242.  
  243.    
  244. .entry .count_note {color:#fff; font-family: arial; font-size: 10px;}
  245.    
  246.  
  247. .entry .count_note {left:0px}
  248.    
  249. .entry:hover .count_note {
  250.     opacity:1;
  251.     left:10px;
  252.     -webkit-filter: invert(0%);}
  253.    
  254. .like {
  255.     {block:IndexPage}
  256.     position:absolute;
  257.     width: 21px;
  258.     height: 25px;
  259.     right:40px;
  260.     opacity:0;
  261.     bottom:5px;
  262.     -webkit-transition: all 0.4s ease-out;
  263.     -moz-transition: all 0.4s ease-out;
  264.     transition: all 0.4s ease-out;
  265.     -webkit-filter: invert(0%);
  266.     {/block:IndexPage}}  
  267.  
  268. .like span{
  269.     {block:IndexPage}
  270.     height: 20px;
  271.     width: 21px;
  272.     display:block;
  273.     background: url(http://24.media.tumblr.com/tumblr_mbupd4WLOE1qhtapco1_100.png)
  274.  
  275. no-repeat;
  276.     background-position: 0px 0px;
  277.     -webkit-transition: all 0.4s ease-out;
  278.     -moz-transition: all 0.4s ease-out;
  279.     transition: all 0.4s ease-out;
  280.     {/block:IndexPage}
  281.              }
  282.              
  283. .entry .like {right:0px; }
  284.              
  285. .entry:hover .like {bottom:5px;;
  286.     opacity:1;
  287.     right:10px;
  288.     -webkit-transition: all 0.4s ease-out;
  289.     -moz-transition: all 0.4s ease-out;
  290.     transition: all 0.4s ease-out;
  291.     -webkit-filter: invert(0%);}
  292.    
  293. .reblog{
  294.     {block:IndexPage}
  295.     position:absolute;
  296.     width:25px;
  297.     height:25px;
  298.     bottom:5px;
  299.     right:25px;
  300.     opacity:0;
  301.     background: url(http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png) no-repeat;
  302.     -webkit-transition: all 0.4s ease-out;
  303.     -moz-transition: all 0.4s ease-out;
  304.     transition: all 0.4s ease-out;
  305.     -webkit-filter: invert(0%);
  306.     {/block:IndexPage};}
  307.    
  308. .entry:hover .reblog {
  309.     opacity:1;
  310.     right:35px; -webkit-filter: invert(0%);}
  311.  
  312.  
  313. .question {color:{color:text};font-size:10px;font-weight: normal;
  314. font-family:consolas;line-height:95%;background: {color:posts};
  315. position: relative;min-height:70px;padding:10px 15px;
  316. margin-bottom:2px;margin-right:-10px; border-bottom: 1px solid #ececec}
  317.  
  318. .answer {font-family:consolas; font-size:10px; border-bottom: 1px solid #ececec}
  319.  
  320. .question a {color:{color:text};font-size: 10px;}
  321.  
  322.  
  323. .questionarrow {font-size:30px;color:{color:background};
  324. vertical-align:middle;margin-left:-5px!important;}
  325.  
  326.  
  327. .t a{text-align: right; opacity: .5; filter: alpha(opacity = 50);}
  328. .entry .t a:hover, .entry .ti a:hover{ text-align: right; opacity: 1.0; filter: alpha(opacity = 100);}
  329.  
  330. p.t {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 16px;text-transform: uppercase;text-align: right;font-size: 9px;border-top: 0px solid {color:text};}
  331.  
  332. p.t a {margin: 0 0px;}
  333.  
  334. p.ti {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 14px;
  335.     text-transform: uppercase;
  336.     text-align: center;
  337.     font-size: 8px;
  338.     border-top: 1px solid {color:text};
  339. }
  340.  
  341. p.ti a {
  342.     margin: 0 0px;
  343. }
  344. .pp {
  345.     text-transform: uppercase;
  346.     text-align: left;
  347. }
  348.  
  349. select {
  350.     font-size: 9px;
  351.     width: 125px;
  352.     text-transform: uppercase;
  353.     letter-spacing: 1px;
  354.     padding: 1px;
  355.     background: {color:posts};
  356.     color: {color:link};
  357.     border: 1px solid {color:text};
  358. }
  359. .wtf {
  360.     font-size:9px;
  361.     font-family:Trebuchet MS;
  362.     background:{color:question};
  363.     padding-left:2px;
  364.     border-left:5px solid {color:text};}
  365.    
  366. .entry .linkspost {position: relative;
  367.     opacity: 1;
  368.     text-align: center;
  369.     width: 250px;
  370.     margin-top:4px;  border-bottom: 1px solid #eeeeee}
  371.        
  372. .entry .linkspost a {letter-spacing:2px; font-size:10px; font-family: consolas; letter-spacing: 0px; }
  373.  
  374. .entry:hover .linkspost{position: relative; margin-top:4px; opacity: 1; }
  375.  
  376.  
  377.  
  378. .p1{
  379.     display: inline-block;
  380.     height: auto;
  381.     font-size: 8px;
  382.     text-transform: uppercase;
  383.     margin-top:5px;
  384.     width:100px;
  385.     display:block
  386. }
  387.  
  388. .p1 a:hover {
  389.     background: rgba(255, 255, 255, 100);
  390. }
  391.  
  392. .p1 a {
  393.     color: {color:text};
  394.     font-size:9px;
  395.     background: rgba(255, 255, 255, .75);
  396.     width:70px;
  397.     line-height:12px;
  398.     display:block;
  399.     padding-left:4px;
  400. }
  401.  
  402.  
  403. .text {
  404.     padding: 2px;
  405.     font-family:calibri;
  406.     line-height: 110%;
  407.     font-size:11px
  408. }
  409. .shit {
  410.     padding-left:2px;
  411.     border-left:5px solid {color:Text};
  412.     }
  413. .quote {
  414.     padding: 10px;
  415.     font-size:11px;
  416.     line-height:9px;
  417.     margin-top:15px;
  418. }
  419.  
  420. .chat {font-size: 11px; font-family: georgia; width: 220px; margin-left: -40px;}
  421.  
  422. #toTop {
  423.     display:none;
  424.     text-decoration:none;
  425.     position:fixed;
  426.     bottom:10px;
  427.     right:10px;
  428.     overflow:hidden;
  429.     width:21px;
  430.     height:21px;
  431.     border:none;
  432.     text-indent:100%;
  433.     background:url(http://media.tumblr.com/tumblr_m6oxuvVWe81qe1m3a.png) no-repeat left top;
  434.     opacity: .7;
  435.     filter: alpha(opacity = 50);
  436. }
  437.  
  438. #toTopHover {
  439.     width:11px;
  440.     height:11px;
  441.     display:block;
  442.     overflow:hidden;
  443.     float:left;
  444.     opacity: 0;
  445.     -moz-opacity: 0;
  446.     filter:alpha(opacity=0);
  447. }
  448.  
  449. #toTop:hover {
  450.     opacity: 1;
  451.     filter: alpha(opacity = 100);
  452. }
  453.  
  454. #toTop:active, #toTop:focus {
  455.     outline:none;
  456. }
  457.  
  458.  
  459. ::-webkit-scrollbar-thumb:vertical {
  460.     background-color:{color:text};
  461.     height:auto;
  462.     -webkit-box-shadow: inset 0 0 6px {color:background};
  463.     -webkit-border-radius:4px;
  464. }
  465.  
  466. ::-webkit-scrollbar-thumb:horizontal {
  467.     background-color:{color:Text};
  468.     height:5px !important;
  469.     -webkit-box-shadow: inset 0 0 6px {color:background};
  470.     -webkit-border-radius:4px;
  471. }
  472.  
  473. ::-webkit-scrollbar {
  474.     height:2px;
  475.     width:4px;
  476.     background-color:{color:Background};
  477. }
  478.  
  479. ::-webkit-scrollbar-corner {
  480.     background-color:{color:Background};
  481. }
  482.  
  483. ::selection {color:{color:background}; background-color:{color:background};}
  484. ::-moz-selection { color:{color:background}; background-color:{color:background};}
  485. ::-webkit-selection { color:{color:background}; background-color:{color:background};}
  486.     {/block:IndexPage};}
  487.     {CustomCSS}
  488.     </style>
  489.     <link rel="shortcut icon" href="{Favicon}">
  490.     <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  491.     <meta name="viewport" content="width=820" />
  492.      
  493.     {block:IndexPage}
  494.      
  495.     <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  496.      
  497.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  498.      
  499.     <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  500.      
  501.     <script type="text/javascript">
  502.     $(window).load(function(){
  503.     var $wall = $('#content');
  504.     $wall.imagesLoaded(function(){
  505.     $wall.masonry({
  506.     itemSelector: '.entry',
  507.     isAnimated : true
  508.     });
  509.     });
  510.     $wall.infinitescroll({
  511.     navSelector : "div#navigation",
  512.     nextSelector : "div#navigation a#nextPage",
  513.     itemSelector : '.entry',
  514.     loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  515.     loadingText : " ",
  516.     donetext : " ",
  517.     extraScrollPx : 9000,
  518.     bufferPx : 10000,
  519.     debug : false,
  520.     errorCallback: function() {
  521.     $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  522.     }},
  523.     function( newElements ) {
  524.     var $newElems = $( newElements );
  525.     $newElems.hide();
  526.     $newElems.imagesLoaded(function(){
  527.     $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  528.     });
  529.     }); $('#content').show(500);
  530.     });
  531.     </script>
  532.      <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  533.  
  534.  
  535.     {/block:IndexPage}
  536.  
  537.      
  538.     </head>
  539.    
  540.  
  541. <body onkeydown="return false">
  542.  
  543.  
  544. <div id="slideShowContainer">
  545.  
  546. <img src="{image:sidebar}"/>
  547. </div>
  548. <div id="barra"></div>
  549. <div id="transparencia"></div>
  550. <div id="transparencia2"></div>
  551. <div id="linksbb">
  552. <div class="linksbb1">
  553. <a href="{text:Link1}">{text:Link1 Title}</a>
  554. <a href="{text:Link2}">{text:Link2 Title}</a>
  555. <a href="{text:Link3}">{text:Link3 Title}</a>
  556. <a href="{text:Link4}">{text:Link4 Title}</a>
  557. <a href="{text:Link5}">{text:Link5 Title}</a>
  558.  
  559. </div></div>
  560.  
  561. <div id="titulinho">{text:title}</div>
  562.  
  563. <div id="crd"><div id="crdt"><a href="http://defectss.tumblr.com"<font color="{color:cred}">©</font></a></div></div>
  564.  
  565. <div id="content">
  566. {block:Posts}
  567. <div class="entry">
  568.  
  569.  
  570. {block:Text}{block:Title}<center><div class="title"><a href="{Permalink}">{Title}</a></div></center>{/block:Title}{Body}
  571. <center>
  572. <div class="linkspost">
  573. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  574. </div></center>
  575. {/block:Text}
  576.  
  577. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  578. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>    
  579. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  580.  
  581. rel="{ReblogURL}"></div></a>
  582. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  583. {/block:Photo}
  584.  
  585. {block:Photoset}{Photoset-250}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  586. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>    
  587. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  588.  
  589. rel="{ReblogURL}"></div></a>
  590. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  591. {/block:Photoset}
  592.  
  593. {block:Quote}
  594. <div class="text"><span class="quotes">&#10077;</span><br>
  595. <span class="quote">"{Quote}"</span><small>{block:Source}<center><i>{Source}</i></center>{/block:Source}</div></small>
  596. <center>
  597. <div class="linkspost">
  598. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a>
  599. </div></center>
  600. {/block:Quote}
  601.  
  602. {block:Link}
  603. <div class="text"><div class="title"><center><a href="{URL}" class="link" {Target}>{Name}</a></center></div> {block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  604. <center>
  605. <div class="linkspost">
  606. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  607. </div></center>
  608. {/block:Link}
  609.  
  610. {block:Chat}<div class="text">
  611. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}"> {block:Label} <span class="label"><b>{Label}</b></span> {/block:Label}{Line} </div>{/block:Lines}</ul></div>
  612. <center>
  613. <div class="linkspost">
  614. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  615. </div></center>
  616. {/block:Chat}
  617.  
  618. {block:Video}<center>{Video-250}<center>{block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}{/block:IndexPage}{block:permalinkpage}
  619. {Video-500}{/block:permalinkpage}
  620. <center>
  621. <div class="linkspost">
  622. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  623. </div></center>
  624.  
  625. {/block:Video}
  626.  
  627. {block:Audio}
  628. {AudioPlayerBlack}{block:indexpage}{block:Caption}{Caption}{/block:Caption}{/block:indexpage}
  629. <center>
  630. <div class="linkspost">
  631. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  632. </div></center>
  633. {/block:Audio}
  634.  
  635. {block:Answer}
  636. <div class="postdobru">
  637. <table width="250px" cellspacing="0" cellpadding="0">
  638. <tr>
  639. <td width="240px" class="question"><B>{Asker}</b> ask: "{Question}"</td>
  640. </tr>
  641. </table>
  642. <div class="answer">{Answer}</div></div>
  643. {/block:Answer}    
  644.  
  645. {block:permalinkpage}
  646. <div class="text">
  647. {block:Caption}{Caption}{/block:Caption}
  648. {block:PostNotes}
  649. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  650. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  651. {block:PostNotes}{PostNotes}{/block:PostNotes}
  652. </div>
  653. {/block:permalinkpage}
  654.  
  655.  
  656. {block:ContentSource}
  657. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  658. {/block:ContentSource}
  659.  
  660.  
  661. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  662.  
  663.  
  664.  
  665. </div>  
  666.  
  667.  
  668. {/block:Posts}
  669. <div class="clear"></div>
  670. </div>
  671. </div>
  672. {block:Pagination}
  673.                 <div id="pagination">
  674.                         {block:PreviousPage}
  675.                                 <a href="{PreviousPage}"></a>
  676.                         {/block:PreviousPage}
  677.                         {block:JumpPagination length="0"}
  678.                         {block:CurrentPage}
  679.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  680.                         {/block:CurrentPage}
  681.                         {block:JumpPage}
  682.                                 <a class="jump_page numbersNav" href="{URL}">{PageNumber}</a>
  683.                         {/block:JumpPage}
  684.                         {/block:JumpPagination}
  685.                         {block:NextPage}
  686.                                 <a id="nextPage" href="{NextPage}"></a>
  687.                         {/block:NextPage}
  688.                 </ul>
  689. {/block:Pagination}
  690.  
  691.  
  692. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  693.  
  694.  
  695. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  696. <script type="text/javascript">
  697. $(window).load(function () {
  698. $('#content').masonry(),
  699. $('.masonryWrap').infinitescroll({
  700. navSelector    : '#pagination',  
  701. nextSelector   : '#pagination a#nextPage',
  702. itemSelector : ".entry, .clear",
  703. bufferPx : 10000,
  704. extraScrollPx: 10000,
  705. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  706. loadingText : "<em></em>",
  707. },
  708. function() { $('#content').masonry({ appendedContent: $(this) }); }
  709. );
  710. });
  711.  
  712.  
  713. $(function() {    
  714.             $('.like').live('click', function() {
  715.                 var $this = $(this).find("span");
  716.                 var id_post =  $this.attr('id');
  717.                 var count = parseInt($("#note_count_"+id_post).text());
  718.                 var reblog_key =  $this.attr('rel').slice(-8);
  719.                 var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  720.                 if($this.css("background-position") == "0px 0px"){
  721.                     $("#note_count_"+id_post).text(count+1);
  722.                 }
  723.                 $('#likeIframe').attr('src', like_url);
  724.                 $this.css("background-position","0px -20px");
  725.             });
  726.         });
  727. </script>
  728. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-
  729. 9999px;"></iframe>
  730. </script>
  731.  
  732. {/block:IndexPage}
  733. <div id="clouds2"></div>
  734. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  735. <a href="#" id="toTop"></a>
  736.  
  737. </body>
  738. </html>
Advertisement
Add Comment
Please, Sign In to add comment