Advertisement
Guest User

My first theme

a guest
Jan 1st, 2013
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.61 KB | None | 0 0
  1. <style type='text/css'>div#ppn { position: absolute; top: 10px; left: 56px; z-index:300; -webkit-transition: all 0.25s ease; -moz-transition: all 0;25s ease; transition: all 0.25s ease; opacity : 1 !important; border: 0; }#ppn:hover { top: 0; opacity: 1;}</style>
  2.  
  3. <a href='http://pnetwork.tumblr.com'><div id='ppn'><img src='http://i48.tinypic.com/2nsbaqg.jpg'/></div></a>
  4.  
  5.  
  6. <div id="fb-root"></div>
  7. <script>(function(d, s, id) {
  8.   var js, fjs = d.getElementsByTagName(s)[0];
  9.   if (d.getElementById(id)) return;
  10.   js = d.createElement(s); js.id = id;
  11.   js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1";
  12.   fjs.parentNode.insertBefore(js, fjs);
  13. }(document, 'script', 'facebook-jssdk'));</script>
  14.  
  15.  
  16.  
  17.  
  18. <html lang="en">
  19. <head>
  20. <title>{title}</title>
  21. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Post Box" content="transparent"/>
  25. <meta name="color:Blog Title" content="#666666"/>
  26. <meta name="color:Blog Description" content="#666666"/>
  27. <meta name="color:Title" content="#666666"/>
  28. <meta name="color:Text" content="#666666"/>
  29. <meta name="color:Link" content="#666666"/>
  30. <meta name="color:Hover" content="#FFF"/>
  31. <meta name="font:Title" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  32. <meta name="font:Blog Title" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  33. <meta name="font:Body" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="if:Sidebar In Top Left" content="0"/>
  37. <meta name="if:Italic Sidelinks" content="0"/>
  38. <meta name="if:Italic Description" content="0"/>
  39. <meta name="if:Sidebar In Bottom Left" content="1"/>
  40. <meta name="if:Less Space Between Posts" content="1"/>
  41. <meta name="if:Post Shadows" content="1"/>
  42. <meta name="if:Show Reblog On Hover" content="1"/>
  43. <meta name="if:Show Notes On Photo" content="1"/>
  44. <meta name="if:Faded Images On Hover" content="0"/>
  45. <meta name="if:Inverted Fade" content="0"/>
  46. <meta name="if:Rounded Edges" content="0"/>
  47. <meta name="if:Show Photo" content="1"/>
  48. <meta name="if:Small Sidebar Image" content="0"/>
  49. <meta name="if:Show Title" content="1"/>
  50. <meta name="if:Ask Link" content="1"/>
  51. <meta name="text:Ask Link Text" content="" />
  52. <meta name="text:Custom Link One" content="" />
  53. <meta name="text:Custom Link One Title" content="" />
  54. <meta name="text:Custom Link Two" content="" />
  55. <meta name="text:Custom Link Two Title" content="" />
  56. <meta name="text:Custom Link Three" content="" />
  57. <meta name="text:Custom Link Three Title" content="" />
  58. <meta name="text:Custom Link Four" content="" />
  59. <meta name="text:Custom Link Four Title" content="" />
  60. <meta name="text:Custom Link Five" content="" />
  61. <meta name="text:Custom Link Five Title" content="" />
  62. <meta name="text:Custom Link Six" content="" />
  63. <meta name="text:Custom Link Six Title" content="" />
  64. </script>
  65. <style type="text/css">
  66. {block:ifinvertedfade}img{-webkit-transition: opacity 0.7s linear;opacity: 0.8;}img:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;}{/block:ifinvertedfade}
  67. body{
  68.    margin:0px;
  69.    background-color: {color:Background};
  70.    background-image:url({image:Background});
  71.    background-attachment: fixed;
  72.    background-repeat: repeat;
  73.    font-size: 12px;
  74.    font-family:{font:Body};
  75.    line-height:14px;
  76.    color:{color:Text};
  77. }
  78. #bite .death {
  79. margin-top:-40px;filter: alpha(opacity = 0);
  80. opacity:0;-webkit-transition: all 0.5s ease-out;
  81. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  82. }
  83. #bite:hover .death {
  84. margin-top:2px;
  85. -webkit-transition: all 0.8s ease-out;
  86. -moz-transition: all 0.8s ease-out;
  87. transition: all 0.8s ease-out;
  88. filter: alpha(opacity = 100);
  89. filter: alpha(opacity = 100);
  90. opacity:100;
  91. }
  92. a:link, a:active, a:visited{
  93.    color: {color:Link};
  94.      text-decoration: none;
  95.    -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all   0.6s ease-out;transition: all 0.6s ease-out;
  96.    
  97.      
  98.  
  99. }
  100.  
  101. a:hover{
  102.    color:{color:Hover};
  103.    text-decoration: none;
  104.    -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all   0.3s ease-out;transition: all 0.3s ease-out;
  105.    
  106. }
  107.  
  108. .sidelink{
  109.  
  110. -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  111.   -moz-box-shadow:  5px 5px 12px rgba(0, 0, 0, .3);
  112.   box-shadow: 10px 10px 12px  rgba(0, 0, 0, 0);
  113.              text-transform: uppercase;
  114.         background-color:#0000000;
  115.         font-family: arial;
  116.         text-decoration:none;
  117.         color:#0000000;
  118.         margin-left: 0px;
  119.         padding-top: 2px;
  120.         padding-bottom: 3px;
  121.         display:block;
  122.         width:200px;
  123.         -moz-border-radius:5px;
  124.         border-radius:5px;
  125.         -webkit-transition: all 0.5s ease-out;
  126.         -moz-transition: all 0.5s ease-out;
  127.         transition: all 0.5s ease-out;
  128.     }
  129.    
  130.     ul#titleLinks a:hover{
  131.     text-align: center;
  132.     color:{color:#0000000};
  133.     width:100px;
  134.     background-color:{color:LinksidebarBGhover};
  135.     -moz-border-radius:0px;
  136.     border-radius:0px;
  137.     -webkit-transition: all 0.5s ease-out;
  138.     -moz-transition: all 0.5s ease-out;
  139.     transition: all 0.5s ease-out;
  140.    
  141.  
  142. }
  143.  .sidelink:hover{background-color:#ffffff;
  144.  text-align: center;
  145.     color:#000000;
  146.     width:150px;
  147.     background-color; #ffffff
  148.     -moz-border-radius:0px;
  149.            border:4px solid
  150.         border color:#ffffff
  151. -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
  152.   -moz-box-shadow:  5px 5px 8px rgba(0, 0, 0, .3);
  153.   box-shadow: 5px 5px 7px  rgba(0, 0, 0, 0);
  154.   }
  155.  
  156. #postys{width:370px; height:auto;}
  157.   {block:PermalinkPage}
  158.   width:370px;
  159.   {/block:PermalinkPage}
  160.   {block:ifRoundedEdges}
  161.   -moz-border-radius: 2px;
  162.   border-radius: 2px;
  163.   {/block:ifRoundedEdges}
  164. }
  165.  
  166.  
  167. #jango{
  168.   padding-top:3px;
  169.   padding-bottom:3px;
  170.   position:fixed !important;
  171.   width:340px;
  172.   height:207px;
  173.   background-color:{color:transparent};
  174.   {block:PermalinkPage}
  175.   width:370px;
  176.   height:207px;
  177.   {/block:PermalinkPage}
  178.   {block:ifRoundedEdges}
  179.   -moz-border-radius: 2px;
  180.   border-radius: 2px;
  181.   {/block:ifRoundedEdges}
  182. }
  183.  
  184.  
  185. #barside{
  186.   z-index:999999999999999;
  187.   position:absolute !important;
  188.   position:fixed !important;
  189. {block:ifSidebarInBottomLeft}
  190.   bottom:50px;
  191.   left: 60px;
  192.   width:300px;
  193. {/block:ifSidebarInBottomLeft}
  194. {block:ifSidebarInTopLeft}
  195.   top:160px;
  196.   left: 100px;
  197.   width:200px;
  198. {/block:ifSidebarInTopLeft}
  199.   background-color: transparent;
  200.  
  201.  }
  202.  
  203.  
  204. #rake{
  205.   margin:auto;
  206.   left:0px;
  207.   top:10px;
  208.   padding-top:5px;
  209.   padding-left:0px;
  210.   position:absolute;
  211.   {block:indexpage}
  212.   width:1200px;
  213.   {/block:indexpage}
  214.   {block:permalinkpage}
  215.   width:1050px;
  216.   left:50px;
  217.   {/block:permalinkpage}
  218.   overflow:hidden;
  219. }
  220.  
  221. #posts{
  222.   float:right;
  223.   {block:indexpage}
  224.   width:800px;
  225.   {/block:indexpage}
  226.   {block:permalinkpage}
  227.   width:570px;
  228.   {/block:permalinkpage}
  229.   margin-left:60px;
  230. }
  231.  
  232. .credit{
  233.     position:fixed;
  234.     right:6px;
  235.     top:25px;
  236.    z-index:9999;
  237.     opacity:0.4;
  238.     -webkit-transition: all 1s linear;
  239.     -webkit-transition: all 1s linear;
  240.     -moz-transition: all 1s linear;
  241.     transition: all 1s linear;
  242. }
  243. .credit:hover{
  244.     opacity:1;
  245.     -webkit-transition: all 1s linear;
  246.     -webkit-transition: all 1s linear;
  247.     -moz-transition: all 1s linear;
  248.     transition: all 1s linear;
  249. }
  250.  
  251.  
  252. #entry{
  253.   z-index:9999;
  254.   {block:IfPostShadows}
  255.   -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  256.   -moz-box-shadow:  5px 5px 12px rgba(0, 0, 0, .3);
  257.   box-shadow: 10px 10px 12pxrgba(0, 0, 0, 0) ;{/block:IfPostShadows}
  258.   border:2px solid;
  259.   border-color:#ffffff;
  260.   float: left;
  261.   width: 370px;
  262.   height: auto;
  263.   {block:PermalinkPage}
  264.   width: 370;
  265.   height: auto;
  266.   {/block:PermalinkPage}
  267.   line-height:8px;
  268.   background-color:{color:transparent};  
  269.   padding:0px;
  270.   margin-right:25px;
  271. {block:iflessspacebetweenposts}
  272.   margin-right:10px;
  273. {/block:iflessspacebetweenposts}
  274.   overflow:hidden;
  275.   margin-bottom:25px;
  276. {block:iflessspacebetweenposts}
  277.   margin-bottom:10px;
  278. {/block:iflessspacebetweenposts}
  279.   {block:ifRoundedEdges}
  280.   -moz-border-radius: 2px;
  281.   border-radius:2px;
  282.   {/block:ifRoundedEdges}
  283. }
  284.  
  285.  
  286. #entry img{
  287. {block:IndexPage}
  288. max-width: 370px;
  289. height: auto;
  290. {/block:IndexPage}
  291. {block:PermalinkPage}
  292. max-width: 500px;
  293. height: auto;
  294. {/block:PermalinkPage}
  295. }
  296.  
  297. {block:ifShownotesonphoto}
  298. #permalink {
  299. position: absolute;
  300. margin-top: 11px;
  301. margin-left: 100px;
  302. opacity: 0;
  303. -webkit-transition: all .3s ease;
  304. -moz-transition: all .3s ease;
  305. -o-transition: all .3s ease;
  306. transition: all .3s ease;
  307. }
  308.  
  309. #entry:hover #permalink {
  310. width:11px;
  311. margin-top: 11px;
  312. margin-left: 70px;
  313. opacity: 1;
  314. }
  315.  
  316. .countreblog {
  317. color: #FFFFFF;
  318. letter-spacing:1px;
  319. font-family:'Comic Sans' ;
  320. font-size:12px;
  321. line-height:20px;
  322. margin:5px;
  323. background-image:url(http://www.painel2000.com/arq/img/preto_sinal.jpg);
  324. background-repeat:repeat;
  325. border:2px solid rgba(0,0,0,1);
  326. padding:3px 8px;
  327. -webkit-border-radius:10px;
  328. moz-border-radius:10px;
  329. -o-border-radius:10px;
  330. border-radius:10px;
  331. }
  332. .countreblog a { color: #fff; }
  333. {/block:ifShownotesonphoto}
  334. {block:ifShowReblogOnHover}
  335. #entry:hover #reblog{
  336. {block:IndexPage}
  337. opacity:1;-webkit-transition: all 0.3s ease-out;
  338. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  339. {/block:IndexPage}
  340. }
  341. #reblog{
  342. width:100px;
  343. float:right;
  344. opacity:1;
  345. margin-left:10px;
  346. margin-top:11px;
  347. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  348. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  349. {/block:ifShowReblogOnHover}
  350. #entry:hover #reblog{
  351. {block:IndexPage}
  352. opacity:1;-webkit-transition: all 0.3s ease-out;
  353. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  354. {/block:IndexPage}
  355. }
  356. #reblog{
  357. width:30px;
  358. float:right;
  359. opacity:.8;
  360. margin-left:5px;
  361. margin-top:11px;
  362. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  363. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  364. {/block:ifShowReblogOnHover}
  365. #permapage{
  366.   font-family: {Font:Body};
  367.   font-size: 9px;
  368.   text-align: uppercase;
  369.   padding-bottom:10px;
  370.   z-index:9999;}
  371.  
  372. #notes{
  373.   {block:permalinkpage}
  374.   background-color:{color:Post Box};
  375.   display:block;
  376.   width:800px;
  377.   float: left;
  378.   padding:10px;
  379.   overflow:visible;
  380.   z-index:9999999;
  381.   margin-top: 10px;
  382.   {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  383.   -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  384.   box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  385.   {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  386.   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  387.   box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  388.   outline:1px solid rgba(0, 0, 0, .1);
  389.   border:2px solid rgba(0, 0, 0, .05);
  390.   text-align: left;{/block:permalinkpage}
  391. }
  392.  
  393. iframe#tumblr_controls{position:fixed !important;
  394. }
  395.  
  396. {block:iffadedimagesonhover}
  397. img{ -webkit-transition: opacity 0.4s linear; opacity: 1; }
  398. img:hover{ -webkit-transition: opacity 0.4s linear; opacity: 0.75; }
  399. {/block:iffadedimagesonhover}
  400.  
  401. .title{
  402.   font-family: {font:Title};
  403.   font-size: 12px;
  404.   line-height: 12px;
  405.   color: {color:Title};
  406.   font-weight: normal;
  407.   letter-spacing: 0px;
  408. }
  409.  
  410. .leblogtitle{
  411.   font-family: Verdana;
  412.   font-size: 25px;
  413.   line-height: 24px;
  414.   color: {color:Blog Title};
  415.   font-weight: normal;
  416.   -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all     0.6s ease-out;transition: all 0.6s ease-out;
  417. }
  418.  
  419. .credy{
  420.   font-family: Arial;
  421.   font-size: 9px;
  422.   opacity: .6;
  423.   color: {color:Body};
  424.   letter-spacing: 0px;
  425.   border-style: outset;
  426.   border-width: 2px;
  427. }
  428.  
  429. .leblogtitle:hover{
  430.   color:{color:Hover};
  431.   -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all  0.3s ease-out;transition: all 0.3s ease-out;
  432. }
  433.  
  434. .credy:hover{
  435.   font-family: Arial;
  436.   font-size: 9px;
  437.   opacity: .6;
  438.   color: {color:Body};
  439.   letter-spacing: 0px;
  440.   border-style: inset;
  441.   border-width: 2px;
  442. }
  443.  
  444.  
  445. .permalinktext{
  446.   font-family: {Font:Body};
  447.   padding: 5px;
  448.   position: absolute;
  449.   text-align: center;
  450.   width: 200px;
  451.   -moz-transition: 0.3s ease-out;
  452.   -webkit-transition: 0.3s ease-out;
  453.   transition: 0.3s ease-out;
  454.   opacity:0;
  455. }
  456.  
  457. .permalinktext a{color:{color:links};
  458. }
  459.  
  460. .entry:hover .permalinktext {
  461.   -moz-transition: 0.3s ease-out;
  462.   -webkit-transition: 0.3s ease-out;
  463.   transition: 0.3s ease-out;
  464.   width:200px;
  465.   text-decoration:line-through;
  466.   height:auto;
  467.   display: block;
  468.   opacity: 1;
  469. }
  470.  
  471.  
  472. blockquote{
  473.   padding:0px 0px 2px 3px;
  474.   margin:0px 0px 2px 1px;
  475. }
  476. ul, ol, li{
  477.   list-style:none;
  478.   margin:0px;
  479.   padding:0px;
  480. }
  481.  
  482. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  483. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  484. }
  485.  
  486. a.links {
  487.   font-family: Verdana;
  488.   font-size: 5px;
  489.   line-height: 10px;
  490.   text-transform: uppercase;
  491.   letter-spacing:0px;
  492.   display: display ;
  493.   padding: 5px;
  494.   margin-bottom: 3px;
  495.   {block:ifRoundedEdges}
  496.   -moz-border-radius: 5px;
  497.   border-radius: 5px;
  498.   {/block:ifRoundedEdges}
  499. }
  500.  
  501. a.links:hover {
  502.   text-decoration: underline;
  503.   letter-spacing:15px;
  504. }
  505.  
  506. </style>
  507. <link rel="shortcut icon" href="{Favicon}">
  508. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  509. <meta name="viewport" content="width=720" />
  510. </head>
  511. <body>
  512.  
  513.  
  514. <div id="jango">
  515. <div id="rake">
  516. <div id="barside">
  517.  
  518.  
  519. {block:ifShowPhoto}
  520.  
  521. {block:ifSidebarInBottomLeft}
  522. <div align="left" style="padding-bottom:5px;">
  523. <a href="/">
  524. <img style="{block:ifRoundedEdges}
  525. -moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}" src="{image:sidebar}" {block:ifNotSmallSidebarImage}width=300 height=200 {/block:ifNotSmallSidebarImage} {block:ifSmallSidebarImage}width=175{/block:ifSmallSidebarImage} " /></a></div>
  526. {/block:ifSidebarInBottomLeft}
  527. {block:ifSidebarInTopLeft}
  528. <div align="left" style="padding-bottom:5px; {block:ifRoundedEdges}
  529. -moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}">
  530. <a href="/">
  531. <img style="{block:ifRoundedEdges}
  532. -moz-border-radius: 3px; border-radius: 5px;{/block:ifRoundedEdges}" src="{image:sidebar}" {block:ifNotSmallSidebarImage}width=200{/block:ifNotSmallSidebarImage} {block:ifSmallSidebarImage}width=175{/block:ifSmallSidebarImage}" /></a></div>
  533. {/block:ifSidebarInTopLeft}
  534. {/block:ifShowPhoto}
  535. {block:ifShowTitle}
  536.  
  537. {block:ifSidebarInTopLeft}
  538. <a href="/"><div align="left" class="leblogtitle">{Title}</div></a>
  539. {/block:ifSidebarInTopLeft}
  540.  
  541. {block:ifSidebarInBottomLeft}
  542. <a href="/"><div align="left" class="leblogtitle">{Title}</div></a>
  543. {/block:ifSidebarInBottomLeft}
  544. {/block:ifshowtitle}
  545. {block:ifSidebarInTopLeft}
  546. <div align="left" style="line-height:14px; margin-top:3px; margin-bottom:-15px; color:{color:Blog Description};{block:ifitalicdescription}font-style:italic{/block:ifitalicdescription};">{description}><div>
  547. {/block:ifSidebarInTopLeft}
  548.  
  549. {block:ifSidebarInBottomLeft}
  550. <div align="left" style="line-height:14px; margin-top:5px; margin-bottom:-20px; color:{color:Blog Description};{block:ifitalicsidelinks}font-style:italic{/block:ifitalicsidelinks};">{description}  
  551.  
  552.  
  553.    
  554. </div>
  555. {/block:ifSidebarInBottomLeft}
  556.  
  557.  
  558. <br>
  559.  
  560. __________________________________________
  561. <div align="center">
  562.  
  563. <center><br>  <script language="JavaScript">
  564. var ref = (''+document.referrer+'');
  565. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2070008&e1=%&e2=%&r=' + ref + '"><\/script>');
  566. </script> / <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1674303&name=%"></script>
  567.  
  568. ________________________________
  569.  
  570. <div class="death">
  571.   <a href="/"><h1 id="toggleDesc">{block:ifuselogo}<div style="max-height:150px; max-width:300px"><img style="max-height:150px; max-width:300px;" src="{image:Logo}"/></div>{/block:ifuselogo}{block:ifShowTitle}{Title}{/block:ifShowTitle}</h1></a>
  572.  {block:ifAskLink} {/block:ifAskLink}
  573.  {block:ifCustomLinkOneTitle} <a href="{text:Custom Link One}" class="sidelink">{text:Custom Link One Title} </a> {/block:ifCustomLinkOneTitle}
  574. {block:ifCustomLinkTwoTitle} <a href="{text:Custom Link Two}" class="sidelink"> {text:Custom Link Two Title} </a> {/block:ifCustomLinkTwoTitle}
  575. {block:ifCustomLinkThreeTitle} <a href="{text:Custom Link Three}" class="sidelink"> {text:Custom Link Three Title} </a>{/block:ifCustomLinkThreeTitle}
  576. {block:ifCustomLinkFourTitle} <a href="{text:Custom Link Four}" class="sidelink"> {text:Custom Link Four Title} </a>{/block:ifCustomLinkFourTitle}
  577. {block:ifCustomLinkFiveTitle} <a href="{text:Custom Link Five}" class="sidelink"> {text:Custom Link Five Title} </a>{/block:ifCustomLinkFiveTitle}  
  578. {block:ifCustomLinkSixTitle} <a href="{text:Custom Link Six}" class="sidelink"> {text:Custom Link Six Title} </a>{/block:ifCustomLinkSixTitle}
  579.  
  580.  
  581.  <a href="http://sp0n3r.tumblr.com/ask">
  582.  <img src="http://www.veryicon.com/icon/png/Business/Pretty%20Office/Message%20already%20read.png" width= 35px/>
  583. </a>
  584.  
  585.  <a href="http://sp0n3r.tumblr.com/tagged/ricuploads">
  586.  <img src="http://cmasistemas.com.br/sngpcblog/wp-content/uploads/2012/07/upload.png" width= 35px/>
  587. </a>
  588.  
  589.  <a href="http://barbieprincessbitchies.tumblr.com">
  590.  <img src="http://www.starvalleyindependent.com/wordpress/wp-content/uploads/red-heart.png" width= 30px/>
  591. </a>
  592.  
  593.  <a href="http://sp0n3r.tumblr.com/links">
  594.  <img src="http://ns1.netcomrj.com.br/imagens/icon_links.png" width= 35px/>
  595. </a>
  596.  
  597. </div>
  598.  
  599.  
  600. <div class="fb-follow" data-href="https://www.facebook.com/ricardo.galvao.104" data-layout="button_count" data-show-faces="true" data-colorscheme="dark" data-font="arial" data-width="500"></div>
  601.  
  602.  
  603. </div>
  604. </div>
  605. </center>
  606.  
  607. <div align="center">
  608. <div id="posts">
  609.  
  610. {block:Posts}
  611. <div id="entry">
  612. {block:Photo}
  613. {block:IndexPage}
  614. {block:ifShowReblogOnHover}
  615. <div id="reblog"><span class="countreblog"><a href="{reblogurl}">ReFuck</a></span></div>
  616.  
  617. {/block:ifShowReblogOnHover}
  618. {block:ifShownotesonphoto}<div id="permalink">
  619. <span class="countreblog"><a href="{Permalink}"></a></span></div>{/block:ifShownotesonphoto}
  620. <div id="postys">
  621. <a href="{permalink}">
  622. <img src="{PhotoURL-500}" alt="{PhotoAlt}"  width=400px; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow:  0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} {block:ifRoundedEdges}-moz-border-radius: 3px; border-radius: 3px; {/block:ifRoundedEdges}"></a></div>
  623.  
  624. {/block:IndexPage}
  625. {block:PermalinkPage}
  626. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=370px; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow:  0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px  rgba(0, 0, 0, .3);{/block:IfPostShadows}  border="0"></center>
  627. {/block:PermalinkPage}
  628. {/block:Photo}
  629.  
  630. {block:Photoset}
  631. <div style="padding-top:30px; padding-bottom:30px;"><a href="{permalink}">
  632. {Photoset-250}</a></div>
  633. {/block:Photoset}
  634.  
  635. {block:Text}<div style="padding-top:10px; padding-bottom:0px; padding-left:10px; padding-right:10px;">
  636. {block:Title}
  637. <a href="{permalink}"><span class="title">{Title}</span></a>
  638. {/block:Title}
  639. <span class="entrytext" style="line-height:12px;">{Body}</span>
  640. <a href="{Permalink}"></a></div>
  641. {block:indexpage}<hr size="1" width="260">
  642.  <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  643. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  644. </a></div>{/block:indexpage}
  645. {/block:Text}
  646.  
  647. {block:Link}<div style="padding-top:15px; padding-bottom:0px;>
  648. <a href="{URL}"><span class="title">{Name}</span></a></div>
  649. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  650. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  651. {block:indexpage}<hr size="1" width="260">
  652.  <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  653. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  654. </a></div>{/block:indexpage}
  655. {/block:Link}
  656.  
  657. {block:Quote}
  658. <div style="padding-top:10px; padding-bottom:10px;">
  659. <span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
  660. <div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
  661. -{Source}
  662. {/block:Source}</a></div><br>{block:indexpage}<hr size="1" width="260">
  663.  <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  664. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  665. </a></div>{/block:indexpage}
  666. </div>
  667. {/block:Quote}
  668.  
  669. {block:Chat}
  670. <div style="padding-top:15px; padding-bottom:10px;">
  671. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  672. <ul class="chat">
  673. {block:Lines}
  674. <li class="user_{UserNumber}">
  675. {block:Label}
  676. <span class="label" style="line-height:12px;">{Label}</span>
  677. {/block:Label}
  678. {Line}
  679. </li>
  680. {/block:Lines}
  681. </ul>
  682. {block:Caption}{Caption}{/block:Caption}
  683. <br>{block:indexpage}<hr size="1" width="260">
  684.  <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  685. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  686. </a></div>{/block:indexpage}
  687. </div>
  688. {/block:Chat}
  689.  
  690. {block:Audio}
  691. <div style="padding-top:30px; padding-bottom:0px;">
  692. <div style="float:center">
  693. {AudioPlayerGrey}
  694. </div>
  695. </div>
  696.  
  697. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  698. <hr size="1" width="260">
  699. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  700. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  701. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  702. </a></div>{/block:indexpage}
  703. {/block:Audio}
  704.  
  705. {block:Video}
  706. <div style="padding-top:28px; padding-bottom:8px;">
  707. {Video-250}</div>
  708. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  709. {block:indexpage}<hr size="1" width="370">
  710.  <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  711. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  712. </a></div>{/block:indexpage}
  713. {/block:Video}
  714.  
  715. {block:PermalinkPage}</a>
  716. <div id="permapage"><br>
  717. {block:notecount}
  718. {notecountwithlabel}
  719. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  720. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  721. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  722. {/block:RebloggedFrom}
  723. <br><br>
  724. <div align="left">
  725. {block:PostNotes}
  726. {PostNotes}
  727. {/block:PostNotes}
  728. </div>
  729. </div>
  730. {/block:PermalinkPage}
  731. </div>
  732. {/block:Posts}
  733. </div>
  734. </div>
  735. </div>
  736. </center>
  737. </div>
  738. </div>
  739. {block:indexpage}
  740. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  741. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  742. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  743. <script type="text/javascript">
  744.   $(window).load(function(){
  745.     var $wall = $('#posts');
  746.     $wall.imagesLoaded(function(){
  747.       $wall.masonry({
  748.         itemSelector: '#entry, #entry_photo',
  749.     isAnimated : false
  750.       });
  751.     });
  752.  
  753.     $wall.infinitescroll({
  754.       navSelector    : '#page-nav',  
  755.       nextSelector   : '#page-nav a',
  756.       itemSelector   : '#entry, #entry_photo',
  757.       bufferPx       : 2000,
  758.       debug          : false,
  759.       errorCallback: function() {
  760.         $('#infscr-loading').fadeOut('normal');  
  761.       }},
  762.       function( newElements ) {
  763.         var $newElems = $( newElements );
  764.         $newElems.hide();
  765.         $newElems.imagesLoaded(function(){
  766.           $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  767.         });
  768.       }); $('#content').show(500);
  769.   });
  770. </script>
  771. {/block:indexpage}
  772.  
  773. </a>
  774. </div>
  775. </body>
  776. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement