Advertisement
Lolovers

Theme Nook butterflies

Jul 31st, 2013
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.69 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  6.  
  7.  
  8. <link rel="shortcut icon" href="{favicon}"/>
  9. <title>{title}</title>
  10.  
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  16.  
  17. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <script>
  23.  
  24.  
  25.  
  26. $(document).ready(function() {
  27.  
  28. //
  29.  
  30.  
  31.  
  32. //When you click on a link with class of poplight and the href starts with a #
  33.  
  34. $('a.poplight[href^=#]').click(function() {
  35.  
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37.  
  38. var popURL = $(this).attr('href'); //Get Popup href to define size
  39.  
  40.  
  41.  
  42. //Pull Query & Variables from href URL
  43.  
  44. var query= popURL.split('?');
  45.  
  46. var dim= query[1].split('&');
  47.  
  48. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  49.  
  50.  
  51.  
  52. //Fade in the Popup and add close button
  53.  
  54. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/484d3a83f442b46104bb80382d607820/tumblr_inline_mhzf9k7SMs1qz4rgp.png" width="63" height="35" class="btn_close" title="Close Window" alt="Close"/></a>');
  55.  
  56.  
  57.  
  58. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  59.  
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61.  
  62. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  63.  
  64.  
  65.  
  66. //Apply Margin to Popup
  67.  
  68. $('#' + popID).css({
  69.  
  70. 'margin-top' : -popMargTop,
  71.  
  72. 'margin-left' : -popMargLeft
  73.  
  74. });
  75.  
  76.  
  77.  
  78. //Fade in Background
  79.  
  80. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  81.  
  82. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({‘filter’ : ‘alpha(opacity=80)’}) is used to fix the IE Bug on fading transparencies
  83.  
  84.  
  85.  
  86. return false;
  87.  
  88. });
  89.  
  90.  
  91.  
  92. //Close Popups and Fade Layer
  93.  
  94. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer…
  95.  
  96. $('#fade , .popup_block').fadeOut(function() {
  97.  
  98. $('#fade, a.close').remove(); //fade them both out
  99.  
  100. });
  101.  
  102. return false;
  103.  
  104. });
  105.  
  106.  
  107.  
  108.  
  109.  
  110. });
  111.  
  112. </script>
  113.  
  114. </head>
  115. <!-- css scripts e afins -->
  116.  
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121.  
  122. body {background: #f7f7f7 url("http://s019.radikal.ru/i640/1209/c2/3bad141af803t.jpg");
  123. color: #777;
  124. line-height: 17px;
  125. font: 12px arial;
  126. text-align: justify;
  127. }
  128.  
  129. #page {
  130. width: 806px;
  131. background: #transparent;
  132. background-repeat: repeat-y;
  133. margin-left: auto;
  134. margin-right: auto;}
  135.  
  136. #content {
  137. width: 806px;
  138. background: #transparent;
  139. background-repeat: repeat-y;
  140. margin-left: auto;
  141. margin-right: auto;}
  142.  
  143. #sidebar {
  144. background: #transparent;
  145. width: 207px;
  146. float: left;
  147. margin-top: 0px;
  148. position: fixed;}
  149.  
  150. #main {
  151. background-color: #transparent;
  152. width: 595px;
  153. float: right;
  154. position: relative;
  155. margin-left: 0px;
  156. margin-top: -8px;}
  157.  
  158.  
  159. .caixa {background: #transparent; box-shadow: 0px 0px 1px 1px #ceae7d; z-index: 10000; overflow: hidden; color: #777;
  160. {block:IndexPage}margin: 5px; float: left; width: 260px; padding: 0px; position: relative;{/block:IndexPage}
  161. {block:PermalinkPage}text-align: center; width: 500px; padding: 2px; {/block:PermalinkPage}}
  162.  
  163. #footer {
  164. background: #transparent;
  165. background-repeat:no-repeat;
  166. background-position: bottom;
  167. width: 900px;
  168. height: 44px;
  169. clear: both; }
  170.  
  171.  
  172.  
  173. .navegacao {list-style: none;padding: 0;width: 197px; height: 237px;margin: 0px auto;background: url("http://media.tumblr.com/ea7af72b14b1fa0b7372bd07de89b8cb/tumblr_inline_mqsr8f4YKI1qz4rgp.png");position: relative; z-index: 100; overflow:hidden;}
  174.  
  175. .main {opacity:1.0;-webkit-transition: 0.99s ease-in-out;-o-transition: 0.99s ease-in-out;transition: 0.99s ease-in-out;margin-left:-100px;margin-top:-2px;}
  176. .main:hover {margin-left:-2px;}
  177.  
  178. .main a{background: #F7F7F7; display: block; height: 17px; width:60px;font-size: 11px; font-family: Calibri; text-align: left; text-decoration: none; -webkit-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;position: relative;z-index: 100;color:#999;padding-top:5px;padding-left:5px;margin:2px;border-radius:0px;opacity: 0.60;}
  179. .main a:hover{opacity:1.0; background:#857251;color:#f5f5f5;}
  180.  
  181.  
  182. b, strong {color: #443b29; TEXT-DECORATION: none; border-bottom: 1px dashed #none;}
  183. u {color: #bc9e6c; TEXT-DECORATION: none; border-bottom: 1px solid #4BA2C6;}
  184. s, strike {color: #cead77;}
  185. i {color: #e9d2a6; TEXT-DECORATION: none; border-bottom: 1px dotted #none;}
  186.  
  187.  
  188.  
  189. a:link, a:active, a:visited {
  190. color: #999;
  191. text-decoration: none;
  192. cursor: pointer;}
  193.  
  194. a:hover { color: #999;
  195. text-decoration: none;
  196. cursor: pointer;}
  197.  
  198.  
  199. ::-moz-selection {background: #eee; color: #fff;}
  200. ::selection {background: #eee; color:#fff;}
  201.  
  202.  
  203. /** títulos e tags **/
  204.  
  205. .h1 {font-family:'Yanone Kaffeesatz', helvetica; font-size:19px; text-align: center;text-shadow: 0 1px 1px #FFF;margin:-1px 2px 6px 3px;color: #443b29;border-bottom: 2px solid: #ffb1b2;background: #transparent; margin:0px;padding:3px; background: #ffff; border-radius:0px;border-bottom:1px solid #f5f5f5;}
  206.  
  207.  
  208. .faixa2 {font-family:'Yanone Kaffeesatz', helvetica; font-size:19px; text-align: center;text-shadow: 0 1px 1px #FFF;margin:-1px 2px 6px 3px;color: #000;border-bottom: 2px solid: #ffb1b2;background: #transparent; margin:0px;padding:3px; background: #ffff; border-radius:0px;border-bottom:1px solid #f5f5f5;}
  209.  
  210.  
  211. .wishlist { margin-bottom : 1px; display : block;font-size: 10px; font-family: arial; color: #777; font-style: normal; text-align: justify; letter-spacing : 1;background : #f5f5f5 ; padding: 5px; padding-left:5px;-webkit-transition-duration: .80s; color:999; text-indent : 8px; border-right: 0px solid #ff8d8d;}
  212.  
  213. .wishlist:hover {margin-bottom : 1px; display : block;font-size: 10px; font-family: arial; color: #777; font-style: normal; text-align: justify; letter-spacing : 1;background : #f5f5f5 ; padding: 5px; padding-left:5px;-webkit-transition-duration: .80s; color:999; text-indent : 8px; border-right: 0px solid #ff8d8d;text-indent : 15px;}
  214.  
  215.  
  216.  
  217.  
  218. /* --- Reblogue e outros ------------------------------- */
  219. .reblogue{
  220. margin-top: -25px;
  221. margin-left: 200px;
  222. position: absolute;
  223. opacity: 0;
  224. -webkit-transition: all 1s ease;
  225. -moz-transition: all 1s ease;
  226. -o-transition: all 1s ease;
  227. transition: all 1s ease;
  228.  
  229. }
  230.  
  231.  
  232. .box:hover .reblogue{
  233. opacity: 5;
  234. margin-bottom: 5px;
  235. -webkit-transition: all 1s ease;
  236. -moz-transition: all 1s ease;
  237. -o-transition: all 1s ease;
  238. transition: all 1s ease;
  239. z-index:1000;
  240. }
  241.  
  242. .likep a:hover {
  243. background-position: 0px 0px;z-index:1000;
  244. }
  245. .likep a {
  246. background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat;
  247. background-position: 0px 0px;
  248. z-index: 9999999;
  249. -webkit-transition: all 0s linear;
  250. -moz-transition: all 0s linear;
  251. transition: all 0s linear;
  252. margin-top: -22px;
  253. margin-left: 28px;
  254. display: inline-block;
  255. position: absolute;z-index:1000;}
  256. .likep img {
  257. width: 21px;
  258. height: 20px;
  259. webkit-transition: all 0.2s linear;
  260. -webkit-transition: all 0.2s linear;
  261. -moz-transition: all 0.2s linear;
  262. transition: all 0.2s linear;}
  263. #likeiframe {
  264. display: none; z-index:1000;
  265. }
  266.  
  267. .notas{z-index:1000;
  268. margin-top: -25px;
  269. margin-left: 55px;
  270. position: absolute;
  271. opacity: 0;
  272. -webkit-transition: all 1s ease;
  273. -moz-transition: all 1s ease;
  274. -o-transition: all 1s ease;
  275. transition: all 1s ease;
  276. }
  277.  
  278. .box:hover .notas{
  279. opacity: 1;
  280. -webkit-transition: all 1s ease;
  281. -moz-transition: all 1s ease;
  282. -o-transition: all 1s ease;
  283. transition: all 1s ease;
  284. margin-left: 5px;z-index:1000;}
  285.  
  286. .notas a{
  287. background: rgba(0,0,0,0.5);
  288. padding: 3px 4px 2px 4px;
  289. font-family: Trebuchet MS;
  290. font-weight: bold;
  291. text-align: center;
  292. display: inline-block;
  293. color: #fff;
  294. -webkit-border-radius: 2px;
  295. -moz-border-radius: 2px;
  296. border-radius: 2px;
  297. font-size: 10px;z-index:1000;}
  298.  
  299.  
  300.  
  301.  
  302. /*** Quote estilo por: things-to-help-you***********/
  303. .quote {font-family: 'Play', sans-serif; font-size: 12px; text-align:justy; padding: 4px; color: #999; text-shadow: 1px 0px 1px #fff;}
  304. .quotem {overflow: hidden; padding: 5px; background: #f8e1b0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
  305. .bottomq {background: url('') no-repeat; width: 69px; height: 19px; margin-left: 10px; margin-bottom: 15px;}
  306. .ci {color: #999; display: inline-block;background: #e9d3a4; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
  307. .ci a {color: #999;}
  308. .ci a:hover {color: #fff;}
  309.  
  310.  
  311.  
  312. /*** caixa não mexa em nada! ***/
  313. .box {overflow:hidden; color: #000; background-color: #transparent; padding:5px; -webkit-box-shadow: 0px 0px 1px 1px #e5bd9b;
  314. box-shadow: 0px 0px 1px 1px #ceae7d; z-index: 10000;box-shadow: 0 1px 1px #ceae7d;font-size: 12px; font-family:Calibri;}
  315.  
  316.  
  317. .boxsidebar { color: #f5f5f5; background-color: #transparent; padding:5px; z-index: 10000; box-shadow: 0px 0px 1px 1px #e5bd9b; font-size: 12px; font-family:Calibri;}
  318.  
  319.  
  320.  
  321.  
  322. #fade { /*—Transparent background layer—*/
  323.  
  324. display: none; /*—hidden by default—*/
  325.  
  326. background: #777;
  327.  
  328. position: fixed; left: 0; top: 0;
  329.  
  330. width: 100%; height: 100%;
  331.  
  332. opacity: .80;
  333.  
  334.  
  335. }
  336.  
  337. .popup_block{
  338.  
  339. display: none; /*—hidden by default—*/
  340.  
  341. background: #fff;
  342.  
  343. padding: 20px;
  344.  
  345. border: 0px solid #dccedc;
  346.  
  347. float: left;
  348.  
  349. font-size: 11px;
  350.  
  351. font-family: verdana;
  352.  
  353. position: fixed;
  354.  
  355. top: 50%; left: 50%;
  356.  
  357. z-index: 100000000;
  358.  
  359. /*—CSS3 Box Shadows—*/
  360.  
  361. -webkit-box-shadow: 0px 0px 1px #eee;
  362.  
  363. -moz-box-shadow: 0px 0px 1px #eee;
  364.  
  365. box-shadow: 0px 0px 1px #eee;
  366.  
  367. /*—CSS3 Rounded Corners—*/
  368.  
  369. -webkit-border-radius: 10px;
  370.  
  371. -moz-border-radius: 10px;
  372.  
  373. border-radius: 10px;
  374.  
  375. }
  376.  
  377. img.btn_close {
  378.  
  379. float: right;
  380.  
  381. margin: -50px -50px 0 0;
  382.  
  383. }
  384.  
  385. /*—Making IE6 Understand Fixed Positioning—*/
  386.  
  387. *html #fade {
  388.  
  389. position: absolute;
  390.  
  391. }
  392.  
  393. *html .popup_block {
  394.  
  395. position: absolute;
  396.  
  397. }
  398.  
  399.  
  400. blockquote {background: #f5f5f5; color:#000; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
  401.  
  402. .blockquote {background: #f5f5f5; color:#000; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
  403.  
  404.  
  405. #oi img {border:0px solid #fff;}
  406. #oi {width:200px;margin:auto;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;-moz-transition-duration:0.2s;}
  407.  
  408. #menu {
  409. position: absolute;
  410. margin-top:-27px;
  411. margin-left: -20px;
  412. opacity: 0;
  413. -webkit-transition-duration:0.2s;-o-transition-duration:0.2s;-moz-transition-duration:0.2s; -webkit-transition-duration: .80s;
  414. }
  415.  
  416. #oi:hover #menu {
  417. opacity: 1;
  418. margin-left: 0px;
  419. }
  420.  
  421. #menu a {
  422. text-decoration: none;
  423. color: #757575;
  424. background: #fff;
  425. padding:2px;
  426. font-family: calibri;
  427. font-size: 9px;
  428. text-transform: uppercase;
  429. display: block;
  430. float: left;
  431. margin-left: 2px;
  432. margin-bottom: 2px;
  433. width: 33px;
  434. text-align: center;
  435. }
  436.  
  437. #menu a:hover {
  438. color: #000;
  439. }
  440.  
  441. .pergunta {background: #f5f5f5;font-family: 'Play', sans-serif; font-size:12px; color: #8eb3a2;text-shadow: 0px 1px 1px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-top-left-radius: 5px;
  442. border-top-right-radius: 5px;}
  443.  
  444. .perguntou {background: #cdae82; color:#fff;font-family: 'Play', sans-serif; font-size:10px; text-shadow: 0px 1px 1px #dcc291;padding:3px;text-align: justify;margin-left: auto;margin-right: auto;margin-bottom:10px;border-bottom-left-radius: 5px;
  445. border-bottom-right-radius: 5px;}
  446.  
  447. .perguntou a {color: #999;}
  448.  
  449. .pergunta p {margin:1px 0px;}
  450.  
  451. .fotos {float:left; border-radius:20px;margin-top:-7px;margin-right:5px;}
  452.  
  453. .xx {float:right;width:15px; height:15px;}
  454.  
  455. .resposta {background: #f5f5f5;font-family: 'Play', sans-serif; font-size:12px; color: #8eb3a2;text-shadow: 0px 1px 1px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-radius:5px;}
  456.  
  457. /*** caixa e extra *********************************************/
  458. .caixa1 {background: #fff; overflow: hidden; padding: 5px;font-family: Verdana, Geneva, sans-serif;font-size: 8pt;color: #888888;text-align: justify;outline: 0px solid #; margin-bottom: 5px; width: 490px;}
  459. .extra {border-left: 4px solid #adc4d2; display : block;border-bottom : 1px solid #fff;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #f7f7f7; line-height: 18px;}
  460. .extra a {padding-right: 6px; color: #a38fad; border-right: dotted 1px #e7daee; text-shadow: 1px 1px 1px #;}
  461.  
  462.  
  463. /* Chat por Anna (livelikeasuicide) *********/
  464. .chat {background: #eee; margin: 0; font-size:
  465. 9px; font-family: arial;}
  466. .chat .chat1 {margin-left: 0px;}
  467. .chat .chat1 .chat2 {background: #f8e9c7; color: #777;
  468. margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* Primeira linha */
  469. .chat .chat1 .chat2.even {background: #cead7a;
  470. color: #fff;} /* Segunda linha */
  471. .chat .chat1 .chat2 span{font-weight: bold;}
  472.  
  473. .trackid {padding: 5px;
  474. background: #f8e9c7;
  475. color: #999;
  476. width:240px;
  477. margin-top: 1px;
  478. margin-left: 0px;
  479. margin-right: 0px;
  480. text-shadow: 0px 0px 1px #fff;}
  481.  
  482. .trackid2 {padding: 2px;
  483. background: #f8e9c7;
  484. color: #999;
  485. width: 236px;
  486. margin-top: 0px;
  487. margin-left: 10px;
  488. margin-right: 0px;}
  489.  
  490. .position {position:absolute; width:10px; margin-left:-40px; margin-top:60px}
  491.  
  492.  
  493.  
  494.  
  495.  
  496. </style>
  497.  
  498.  
  499. <body>
  500.  
  501.  
  502.  
  503. <div id="content">
  504.  
  505.  
  506.  
  507.  
  508.  
  509. <div id="sidebar">
  510.  
  511. <div class="boxsidebar">
  512.  
  513. <ul class="navegacao">
  514. <div class="main">
  515. <a href="/">Home</a>
  516. <a href="/ask">Ask me</a>
  517. <a href="LINK DO TWITTER">Twitter</a>
  518. <a href="LINK DO FACEBOOK">Facebook</a>
  519. <a href="LINK AQUI">Link extra</a>
  520. <a href="LINK AQUI">Flickr</a>
  521. <a href="LINK AQUI">Blog</a>
  522. <a href="LINK AQUI">Instagram</a>
  523. <a href="LINK AQUI">Texts</a>
  524. <a href="#?w=500" rel="tumblr" class="poplight" title="creditos">Creditos</a>
  525. </div></div><p>
  526.  
  527. <div class="boxsidebar">
  528. {block:Description}{Description}{/block:Description}
  529. </div></div><p>
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539. <div id="main">
  540.  
  541.  
  542.  
  543. {block:Posts}
  544. <div class="caixa"> <!--- Abrindo a div da caixa --->
  545.  
  546. <!--- Texto --->
  547. {block:Text}<div class="box">
  548. {block:Title}<div class="h1">{Title}</div>{/block:Title}
  549. {body}
  550.  
  551. <!---------------- DATA DOS POSTS ------------->
  552. {block:IndexPage}
  553. <div class="reblogue">
  554. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  555. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  556. </div>
  557. {block:NoteCount}<div class="notas">
  558. <a href="{Permalink}">{NoteCount}</a>
  559. </div>{/block:NoteCount}
  560. {/block:IndexPage}</div>
  561.  
  562. {/block:Text}
  563.  
  564. <!--- Photo --->
  565. {Block:Photo}
  566. <div class="box">
  567. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-250}" width="249px;">{LinkCloseTag}{/block:IndexPage}
  568. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" >{LinkCloseTag}{/block:PermalinkPage}
  569. {block:Caption}{Caption}{/block:Caption}
  570.  
  571. <!---------------- DATA DOS POSTS ------------->
  572. {block:IndexPage}
  573. <div class="reblogue">
  574. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  575. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  576. </div>
  577. {block:NoteCount}<div class="notas">
  578. <a href="{Permalink}">{NoteCount}</a>
  579. </div>{/block:NoteCount}
  580. {/block:IndexPage}</div>
  581. {/Block:Photo}
  582.  
  583. <!--- Photoset --->
  584. {block:Photoset}<div class="box">
  585. {block:IndexPage}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IndexPage}
  586. {block:PermalinkPage}{LinkOpenTag}{Photoset-500}{LinkCloseTag}{/block:PermalinkPage}
  587. {block:Caption}{Caption}{/block:Caption}
  588.  
  589. <!---------------- DATA DOS POSTS ------------->
  590. {block:IndexPage}
  591. <div class="reblogue">
  592. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  593. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  594. </div>
  595. {block:NoteCount}<div class="notas">
  596. <a href="{Permalink}">{NoteCount}</a>
  597. </div>{/block:NoteCount}
  598. {/block:IndexPage}</div>
  599. {/block:Photoset}
  600.  
  601. <!--- Quote --->
  602. {block:Quote}<div class="box">
  603. <center><div class="quotem">
  604. <div class="quote">{Quote}</div>
  605. </div>
  606. <div class="bottomq"></div>
  607. <div class="ci">{block:Source}
  608. <div class="source">{Source}</div>
  609. {/block:Source}</div></center>
  610.  
  611. <!---------------- DATA DOS POSTS ------------->
  612. {block:IndexPage}
  613. <div class="reblogue">
  614. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  615. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  616. </div>
  617. {block:NoteCount}<div class="notas">
  618. <a href="{Permalink}">{NoteCount}</a>
  619. </div>{/block:NoteCount}
  620. {/block:IndexPage}</div>
  621. {/block:Quote}
  622.  
  623. <!--- Chat --->
  624. {block:Chat}<div class="box">
  625. <div class="chat">
  626. <div class="chat1">
  627. {block:Lines}
  628. <div class="chat2 {Alt}">
  629. {block:Label}
  630. <span>{Label}</span>
  631. {/block:Label}
  632. {Line}</div>
  633. {/block:Lines}
  634. </div></div>
  635.  
  636. <!---------------- DATA DOS POSTS ------------->
  637. {block:IndexPage}
  638. <div class="reblogue">
  639. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  640. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  641. </div>
  642. {block:NoteCount}<div class="notas">
  643. <a href="{Permalink}">{NoteCount}</a>
  644. </div>{/block:NoteCount}
  645. {/block:IndexPage}</div>
  646. {/block:Chat}
  647.  
  648. <!--- Link --->
  649. {block:Link}<div class="box">
  650. <a href="{URL}" target="{Target}"><div class="h1">{Name}</div></a>
  651. {block:Description}{Description}{/block:Description}
  652.  
  653. <!---------------- DATA DOS POSTS ------------->
  654. {block:IndexPage}
  655. <div class="reblogue">
  656. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  657. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  658. </div>
  659. {block:NoteCount}<div class="notas">
  660. <a href="{Permalink}">{NoteCount}</a>
  661. </div>{/block:NoteCount}
  662. {/block:IndexPage}</div>
  663. {/block:Link}
  664.  
  665. <!--- Audio --->
  666. {block:Audio}<div class="box">
  667. <div class="">
  668. {block:AlbumArt}
  669. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  670. {/block:AlbumArt}
  671. <div class="trackid2">{AudioPlayerGrey}</div>
  672. {block:TrackName}
  673. <div class="trackid">"{TrackName}"</div>
  674. {/block:TrackName}
  675. {block:Artist}
  676. <div class="trackid">{Artist}</div>
  677. {/block:Artist}
  678. <div class="trackid">({PlayCount}) plays</div>
  679.  
  680.  
  681. <!---------------- DATA DOS POSTS ------------->
  682. {block:IndexPage}
  683. <div class="reblogue">
  684. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  685. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  686. </div>
  687. {block:NoteCount}<div class="notas">
  688. <a href="{Permalink}">{NoteCount}</a>
  689. </div>{/block:NoteCount}
  690. {/block:IndexPage}</div></div>
  691. {/block:Audio}
  692.  
  693. <!--- Video --->
  694. {block:Video}<div class="box">
  695. {block:Indexpage}{Video-250}{/block:IndexPage}
  696. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  697. {block:Caption}{Caption}{/block:Caption}
  698.  
  699. <!---------------- DATA DOS POSTS ------------->
  700. {block:IndexPage}
  701. <div class="reblogue">
  702. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  703. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  704. </div>
  705. {block:NoteCount}<div class="notas">
  706. <a href="{Permalink}">{NoteCount}</a>
  707. </div>{/block:NoteCount}
  708. {/block:IndexPage}</div>
  709. {/block:Video}
  710.  
  711. {block:Answer}
  712. <div class="box">
  713.  
  714. <div class="pergunta">{Question}</div>
  715. <div class="perguntou"><img src="{AskerPortraitURL-30}" class="fotos">Pergunta feita por: {Asker} <div class="xx"><img src="http://media.tumblr.com/a6d07429add5ed1595b2f7190142bdc0/tumblr_inline_mjx7nkRGyk1qz4rgp.png"></div></div>
  716. <div class="resposta">{Answer}</div>
  717.  
  718.  
  719.  
  720. <!---------------- DATA DOS POSTS ------------->
  721. {block:IndexPage}
  722. <div class="reblogue">
  723. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  724. <div class="likep"> <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"> <img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/> </a></div>
  725. </div>
  726. {block:NoteCount}<div class="notas">
  727. <a href="{Permalink}">{NoteCount}</a>
  728. </div>{/block:NoteCount}
  729. {/block:IndexPage}</div>
  730. {/block:Answer}
  731.  
  732. <!--- Fechando a div da caixa --->
  733. </div>
  734.  
  735. {block:PostNotes}
  736. <div class="caixa1">
  737. <div class="extra"><img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">
  738. {block:RebloggedFrom} <a href="{ReblogParentURL}"> - Via</a> <a href="{ReblogRootURL}">- From</b></a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> - Source </a>{/block:ContentSource}</div>
  739. <div class="extra">
  740. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}
  741. </div>
  742. <div class="extra">
  743. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {block:HasTags}{/block:HasTags}
  744. <span style="width:auto;">
  745. {block:HasTags}
  746. {block:Tags}
  747. <a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</span>
  748. </div>
  749. <div class="extra">
  750. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">{NoteCount}
  751. </div>
  752. {PostNotes}
  753.  
  754. </div>
  755. {/block:PostNotes}
  756.  
  757.  
  758.  
  759. {/block:Posts}
  760. </div>
  761.  
  762.  
  763.  
  764. <div id="tumblr" class="popup_block">
  765.  
  766.  
  767. <div class="faixa2">Créditos</div><br>
  768.  
  769. <div class="wishlist">Theme por: <a href="http://jessierobsten.tumblr.com/"> Jéssie</a></div>
  770. <div class="wishlist">Ajudas: <a href="http://things-to-help-you.tumblr.com/"> TTHY</a></div>
  771. <div class="wishlist">Mais ajudas: <a href="http://laspricih.tumblr.com/"> Priscila</a></div>
  772.  
  773.  
  774.  
  775.  
  776. </div>
  777.  
  778.  
  779. <div id="footer"></div></div>
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  789. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  790. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  791.  
  792. <script type="text/javascript">
  793. $(window).load(function () {
  794. $('#main').masonry(),
  795. $('.masonryWrap').infinitescroll({
  796. navSelector : "div#navigation",
  797. nextSelector : "div#navigation a#nextPage",
  798. itemSelector : ".caixa",
  799. bufferPx : 1000,
  800. extraScrollPx: 1000,
  801. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  802. loadingText : "Aguarde...",
  803.  
  804. },
  805. // call masonry as a callback.
  806. function() { $('#main').masonry({ appendedContent: $(this) });
  807.  
  808. }
  809. );
  810. });
  811. </script>
  812. {block:IndexPage}
  813. <div class="column navigation" id="navigation">
  814. {block:Pagination}
  815. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  816. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  817. </div>
  818. {/block:IndexPage}
  819.  
  820. </body>
  821. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement