API tools faq
paste
babirdgs

Theme Fourty Seven

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