Advertisement
Lolovers

Simple simple

Sep 20th, 2013
402
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.89 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=Raleway' rel='stylesheet' type='text/css'>
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <script>
  18.  
  19.  
  20.  
  21. $(document).ready(function() {
  22.  
  23. //
  24.  
  25.  
  26.  
  27. //When you click on a link with class of poplight and the href starts with a #
  28.  
  29. $('a.poplight[href^=#]').click(function() {
  30.  
  31. var popID = $(this).attr('rel'); //Get Popup Name
  32.  
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34.  
  35.  
  36.  
  37. //Pull Query & Variables from href URL
  38.  
  39. var query= popURL.split('?');
  40.  
  41. var dim= query[1].split('&');
  42.  
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44.  
  45.  
  46.  
  47. //Fade in the Popup and add close button
  48.  
  49. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/bf7f2f2b466eeefe22fb5b3522f0a720/tumblr_inline_msgccgXjAc1qz4rgp.png" width="50" height="50" class="btn_close" title="Close Window" alt="Close"/></a>');
  50.  
  51.  
  52.  
  53. //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
  54.  
  55. var popMargTop = ($('#' + popID).height() + 80) / 2;
  56.  
  57. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  58.  
  59.  
  60.  
  61. //Apply Margin to Popup
  62.  
  63. $('#' + popID).css({
  64.  
  65. 'margin-top' : -popMargTop,
  66.  
  67. 'margin-left' : -popMargLeft
  68.  
  69. });
  70.  
  71.  
  72.  
  73. //Fade in Background
  74.  
  75. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  76.  
  77. $('#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
  78.  
  79.  
  80.  
  81. return false;
  82.  
  83. });
  84.  
  85.  
  86.  
  87. //Close Popups and Fade Layer
  88.  
  89. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer…
  90.  
  91. $('#fade , .popup_block').fadeOut(function() {
  92.  
  93. $('#fade, a.close').remove(); //fade them both out
  94.  
  95. });
  96.  
  97. return false;
  98.  
  99. });
  100.  
  101.  
  102.  
  103.  
  104.  
  105. });
  106.  
  107. </script>
  108.  
  109. </head>
  110. <!-- css scripts e afins -->
  111.  
  112.  
  113. <style type="text/css">
  114.  
  115.  
  116.  
  117. body {background: #fff url(''); }
  118.  
  119. #page {width: 850px;background: #transparent;background-repeat: repeat-y; margin-left: auto;margin-right: auto;}
  120.  
  121. #content {width: 850px;background: #transparent;background-repeat: repeat-y;margin-left: auto;margin-right: auto;}
  122.  
  123. #sidebar {background: #transparent;width: 150px;float: left;margin-top: 50px;position: absolute;margin-left:-90px;}
  124.  
  125. #main {background-color: #transparent;width: 1000px;float: right;position: relative; z-index: 10000;margin-right: -220px;margin-top: -8px;}
  126.  
  127. .caixa {background: #transparent; border-bottom:1px solid #eee; z-index: 10000; overflow: hidden; color: #777;
  128. {block:IndexPage}margin: 5px; float: left; width: 411px; padding: 0px; position: relative;{/block:IndexPage}
  129. {block:PermalinkPage}text-align: center; width: 500px; padding: 2px; {/block:PermalinkPage}}
  130.  
  131. #footer {background: #transparent;background-repeat:no-repeat;background-position: bottom;width: 900px;height: 44px;
  132. clear: both; }
  133.  
  134.  
  135.  
  136. /*** Formatação de texto ***/
  137.  
  138.  
  139.  
  140. b, strong {color: #cf8484; TEXT-DECORATION: none; border-bottom: 1px dashed #none;
  141. }
  142. u {color: #7197ad; TEXT-DECORATION: none; border-bottom: 1px solid #4BA2C6;
  143. }
  144. s, strike {color: #dedcda;
  145. }
  146. i {color: #7197ad; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  147. }
  148. em { color: #dedcda; TEXT-DECORATION: none; border-bottom: 1px dashed #none;
  149. }
  150. ul {color: #dedcda; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  151. }
  152. x {color: #fff; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  153. }
  154.  
  155. a:link, a:active, a:visited {
  156. color: #fff;
  157. text-decoration: none;
  158. cursor: pointer;}
  159.  
  160. a:hover { color: #fff;
  161. text-decoration: none;
  162. cursor: pointer;}
  163.  
  164.  
  165. ::-moz-selection {background: #eee; color: #fff;}
  166. ::selection {background: #eee; color:#fff;}
  167.  
  168. pre { font: 11px "04b03"; width: auto; height: auto; overflow: auto; color: #ffc59b; background: #f5f5f5; padding:5px;}
  169.  
  170. /** títulos e tags **/
  171.  
  172. .h1 {font-family:'Yanone Kaffeesatz', helvetica; font-size:19px; text-align: center;text-shadow: 0 0px 1px #FFF;color: #fff;border-bottom: 2px solid: #ffb1b2;padding:3px; background: #000;margin-left:-20px;margin-right:-20px;margin-top:-5px;}
  173.  
  174. .faixa2 {background: #000; color:#fff; padding:5px; margin: -20px -20px -5px -20px;font-size:25px;font-family:'Yanone Kaffeesatz', helvetica;text-shadow: 0 1px 0px #FFF;}
  175.  
  176.  
  177.  
  178. /* --- Reblogue e outros ------------------------------- */
  179. .reblogue{
  180. margin-top: -25px;
  181. margin-left: 145px;
  182. position: absolute;
  183. opacity: 0;
  184. -webkit-transition: all 1s ease;
  185. -moz-transition: all 1s ease;
  186. -o-transition: all 1s ease;
  187. transition: all 1s ease;
  188. }
  189.  
  190.  
  191. .box:hover .reblogue{
  192. opacity: 1;
  193. margin-bottom: 5px;
  194. -webkit-transition: all 1s ease;
  195. -moz-transition: all 1s ease;
  196. -o-transition: all 1s ease;
  197. transition: all 1s ease;
  198. }
  199.  
  200. .likep a:hover {
  201. background-position: 0px 0px;
  202. }
  203. .likep a {
  204. background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat;
  205. background-position: 0px 0px;
  206. z-index: 9999999;
  207. -webkit-transition: all 0s linear;
  208. -moz-transition: all 0s linear;
  209. transition: all 0s linear;
  210. margin-top: -22px;
  211. margin-left: 28px;
  212. display: inline-block;
  213. position: absolute;}
  214. .likep img {
  215. width: 21px;
  216. height: 20px;
  217. webkit-transition: all 0.2s linear;
  218. -webkit-transition: all 0.2s linear;
  219. -moz-transition: all 0.2s linear;
  220. transition: all 0.2s linear;}
  221. #likeiframe {
  222. display: none;
  223. }
  224.  
  225. .notas{
  226. margin-top: -25px;
  227. margin-left: 55px;
  228. position: absolute;
  229. opacity: 0;
  230. -webkit-transition: all 1s ease;
  231. -moz-transition: all 1s ease;
  232. -o-transition: all 1s ease;
  233. transition: all 1s ease;
  234. }
  235.  
  236. .box:hover .notas{
  237. opacity: 1;
  238. -webkit-transition: all 1s ease;
  239. -moz-transition: all 1s ease;
  240. -o-transition: all 1s ease;
  241. transition: all 1s ease;
  242. margin-left: 5px;}
  243.  
  244. .notas a{
  245. background: rgba(0,0,0,0.5);
  246. padding: 3px 4px 2px 4px;
  247. font-family: Trebuchet MS;
  248. font-weight: bold;
  249. text-align: center;
  250. display: inline-block;
  251. color: #fff;
  252. -webkit-border-radius: 2px;
  253. -moz-border-radius: 2px;
  254. border-radius: 2px;
  255. font-size: 10px;}
  256.  
  257.  
  258.  
  259.  
  260. /*** Quote estilo por: things-to-help-you***********/
  261. .quote {font-family: 'Play', sans-serif; font-size: 12px; text-align:justy; padding: 4px; color: #999; }
  262. .quotem {overflow: hidden; padding: 5px; background: #f5f5f5;margin-left:-20px;margin-right:-20px;margin-top:-5px;}
  263. .bottomq {background: url('') no-repeat; width: 69px; height: 19px; margin-left: 10px; margin-bottom: 15px;}
  264. .ci {color: #fff; display: inline-block;background: #000; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
  265. .ci a {color: #FFF;}
  266. .ci a:hover {color: #fff;}
  267.  
  268.  
  269. /***borders e wishlist***/
  270. .border3 {border-radius:100px;border:double 5px #000000;}
  271.  
  272. cred {display: block; border-bottom: 1px dotted #e1cfe6; vertical-align: middle; line-height: 13px; margin-bottom: 0px; text-decoration: none; padding: 5px; font-style: normal;font-size: 10px; background: #f5f5f5; border-radius: 5px;margin-bottom:4px;}
  273.  
  274. cred a {background: #000; padding: 5px; color: #fff; border-radius: 5px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;margin-left:-3px;margin-top:1px;}
  275.  
  276. cred:hover a {background: #000; padding: 5px; color: #fff; border-radius: 5px;}
  277.  
  278.  
  279. /*** caixa não mexa em nada! ***/
  280. .box {overflow:hidden; color: #595959; font-family: 'Raleway', sans-serif; font-size:12px; background-color: #fff; padding:5px; ; z-index: 10000;}
  281.  
  282. .boxsidebar1 {background: #transparent; font-size:11px; font-family:'Raleway', sans-serif; color:#595959;}
  283.  
  284.  
  285.  
  286.  
  287. /*** tamanho, borda, opacidade em imagens **/
  288.  
  289.  
  290. #fade { /*—Transparent background layer—*/
  291.  
  292. display: none; /*—hidden by default—*/
  293.  
  294. background: #000;
  295.  
  296. position: fixed; left: 0; top: 0;
  297.  
  298. width: 100000%; height: 100000%;
  299.  
  300. opacity: .50;
  301.  
  302. z-index: 9999999;
  303.  
  304. }
  305.  
  306. .popup_block{
  307.  
  308. display: none; /*—hidden by default—*/
  309.  
  310. background: #fff;
  311.  
  312. padding: 20px;
  313.  
  314. border: 0px solid #dccedc;
  315.  
  316. float: left;
  317.  
  318. font-size: 11px;
  319.  
  320. font-family: verdana;
  321.  
  322. position: fixed;
  323.  
  324. top: 50%; left: 50%;
  325.  
  326. z-index: 100000000000000000000000000000000000000;
  327.  
  328. /*—CSS3 Box Shadows—*/
  329.  
  330. -webkit-box-shadow: 0px 0px 1px #eee;
  331.  
  332. -moz-box-shadow: 0px 0px 1px #eee;
  333.  
  334. box-shadow: 0px 0px 1px #eee;
  335.  
  336. /*—CSS3 Rounded Corners—*/
  337.  
  338. -webkit-border-radius: 0px;
  339.  
  340. -moz-border-radius: 0px;
  341.  
  342. border-radius: 0px;
  343.  
  344. }
  345.  
  346. img.btn_close {
  347.  
  348. float: right;
  349.  
  350. margin: -40px -40px 0 0;
  351.  
  352. }
  353.  
  354. /*—Making IE6 Understand Fixed Positioning—*/
  355.  
  356. *html #fade {
  357.  
  358. position: absolute;
  359.  
  360. }
  361.  
  362. *html .popup_block {
  363.  
  364. position: absolute;
  365.  
  366. }
  367.  
  368.  
  369. /*** blockquote e tabelinhas ***/
  370.  
  371.  
  372. blockquote {background: #f5f5f5; color:#000; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
  373.  
  374. .blockquote {background: #f5f5f5; color:#000; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
  375.  
  376.  
  377. .positionmenu {position:absolute;margin-left:920px;margin-top:53px;z-index:1000000000000000000000;}
  378.  
  379. .menuHeart a {color: #fff; background: rgba(0, 0, 0, 0.5); padding-left:20px; padding-right:20px; padding-top:2px; padding-bottom:3px;font-family:arial; font-size:11px;transition: all ease-out 0.99s 0.9s;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;display: block;margin-bottom:2px;}
  380.  
  381. .menuHeart a:hover {color: #fff; background: rgba(0, 0, 0, 0.5); padding-left:20px; padding-right:20px; padding-top:2px; padding-bottom:3px;font-family:arial; font-size:11px;transition: all ease-out 0.99s 0.9s;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;display: block;margin-bottom:2px;}
  382.  
  383.  
  384.  
  385. /*:::::::::: Estilo de ask by Unstabl-e ::::::*/
  386.  
  387. .pergunta {background: #000; padding: 5px; overflow: hidden; border: 1px solid #; color: #fff; text-align: center;}
  388. .pergunta:hover {background: #000;}
  389. .resposta {background: #f5f5f5; color: #999; font-family: Verdana; font-size: 10px; padding: 5px; overflow: hidden; border: 1px solid #;}
  390. .quem {background: #f5f5f5 ; width: auto; font-family: Verdana; font-size: 10px; text-align: center; color: #999; text-align: center; position: absolute; height: 20px; align: right; padding: 5px; border-bottom-right-radius: 10px; margin-left: 30px; margin-top: -32px;}
  391. .quem a{color: #000; font-size: 10px; font-style: bold;}
  392. .fotoask {border-bottom-left-radius: 10px; margin-left: 0px;}
  393.  
  394.  
  395. /* Chat por Anna (livelikeasuicide) *********/
  396. .chat {background: #eee; margin: 0; font-size:
  397. 9px; font-family: arial;}
  398. .chat .chat1 {margin-left: 0px;}
  399. .chat .chat1 .chat2 {background: #000; color: #fff;
  400. margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* Primeira linha */
  401. .chat .chat1 .chat2.even {background: #fff;
  402. color: #999;} /* Segunda linha */
  403. .chat .chat1 .chat2 span{font-weight: bold;}
  404.  
  405. .trackid {padding: 5px;
  406. background: #f5f5f5;
  407. color: #999;
  408. width:390px;
  409. margin-top: 1px;
  410. margin-left: 0px;
  411. margin-right: 0px;
  412. text-shadow: 0px 0px 1px #fff;}
  413.  
  414. .trackid2 {padding: 10px;
  415. background: #f5f5f5;
  416. color: #999;
  417. width: 380px;
  418. margin-top: 1px;
  419. margin-left: 0px;
  420. margin-right: 0px;}
  421.  
  422. .position {position:absolute; width:10px; margin-left:-40px; margin-top:60px}
  423.  
  424.  
  425.  
  426.  
  427.  
  428. </style>
  429.  
  430.  
  431. <body>
  432.  
  433.  
  434.  
  435. <div id="content">
  436.  
  437. <div class="positionmenu">
  438. <div class="menuHeart"><center>
  439. <a href="/" title="Home"/> Home</a>
  440. <a href="/ask" title="ask"/> Ask</a>
  441. <a href="LINK"/> Twitter </a>
  442. <a href="LINK">Facebook </a>
  443. <a href="/submit">Submit</a>
  444. <a href="LINK">Flickr</a>
  445. <a href="LINK">Textos</a>
  446. <a href="#?w=500" rel="creditos" class="poplight">Here ♥</a>
  447. </center>
  448. </div></div>
  449.  
  450.  
  451. <div id="sidebar">
  452.  
  453. <img src="http://media.tumblr.com/f89ab167ca5e19495c3e57235220bb15/tumblr_inline_mtfvg2MQMG1qfzrmj.png" width="150"><br><br>
  454. <div class="boxsidebar1">
  455.  
  456. {block:Description}{Description}{/block:Description}
  457.  
  458. </div>
  459.  
  460. </div>
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470. <div id="main">
  471.  
  472.  
  473.  
  474. {block:Posts}
  475. <div class="caixa"> <!--- Abrindo a div da caixa --->
  476.  
  477. <!--- Texto --->
  478. {block:Text}<div class="box">
  479. {block:Title}<div class="h1">{Title}</div>{/block:Title}
  480. {body}
  481.  
  482. <!---------------- DATA DOS POSTS ------------->
  483. {block:IndexPage}
  484. <div class="reblogue">
  485. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  486. <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>
  487. </div>
  488. {block:NoteCount}<div class="notas">
  489. <a href="{Permalink}">{NoteCount}</a>
  490. </div>{/block:NoteCount}
  491. {/block:IndexPage}</div>
  492.  
  493. {/block:Text}
  494.  
  495. <!--- Photo --->
  496. {Block:Photo}
  497. <div class="box">
  498. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}" width="400px;">{LinkCloseTag}{/block:IndexPage}
  499. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" >{LinkCloseTag}{/block:PermalinkPage}
  500. {block:Caption}{Caption}{/block:Caption}
  501.  
  502. <!---------------- DATA DOS POSTS ------------->
  503. {block:IndexPage}
  504. <div class="reblogue">
  505. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  506. <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>
  507. </div>
  508. {block:NoteCount}<div class="notas">
  509. <a href="{Permalink}">{NoteCount}</a>
  510. </div>{/block:NoteCount}
  511. {/block:IndexPage}</div>
  512. {/Block:Photo}
  513.  
  514. <!--- Photoset --->
  515. {block:Photoset}<div class="box">
  516. {block:IndexPage}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{/block:IndexPage}
  517. {block:PermalinkPage}{LinkOpenTag}{Photoset-500}{LinkCloseTag}{/block:PermalinkPage}
  518. {block:Caption}{Caption}{/block:Caption}
  519.  
  520. <!---------------- DATA DOS POSTS ------------->
  521. {block:IndexPage}
  522. <div class="reblogue">
  523. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  524. <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>
  525. </div>
  526. {block:NoteCount}<div class="notas">
  527. <a href="{Permalink}">{NoteCount}</a>
  528. </div>{/block:NoteCount}
  529. {/block:IndexPage}</div>
  530. {/block:Photoset}
  531.  
  532. <!--- Quote --->
  533. {block:Quote}<div class="box">
  534. <center><div class="quotem">
  535. <div class="quote">{Quote}</div>
  536. </div>
  537. <div class="bottomq"></div>
  538. <div class="ci">{block:Source}
  539. <div class="source">{Source}</div>
  540. {/block:Source}</div></center>
  541.  
  542. <!---------------- DATA DOS POSTS ------------->
  543. {block:IndexPage}
  544. <div class="reblogue">
  545. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  546. <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>
  547. </div>
  548. {block:NoteCount}<div class="notas">
  549. <a href="{Permalink}">{NoteCount}</a>
  550. </div>{/block:NoteCount}
  551. {/block:IndexPage}</div>
  552. {/block:Quote}
  553.  
  554. <!--- Chat --->
  555. {block:Chat}<div class="box">
  556. <div class="chat">
  557. <div class="chat1">
  558. {block:Lines}
  559. <div class="chat2 {Alt}">
  560. {block:Label}
  561. <span>{Label}</span>
  562. {/block:Label}
  563. {Line}</div>
  564. {/block:Lines}
  565. </div></div>
  566.  
  567. <!---------------- DATA DOS POSTS ------------->
  568. {block:IndexPage}
  569. <div class="reblogue">
  570. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  571. <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>
  572. </div>
  573. {block:NoteCount}<div class="notas">
  574. <a href="{Permalink}">{NoteCount}</a>
  575. </div>{/block:NoteCount}
  576. {/block:IndexPage}</div>
  577. {/block:Chat}
  578.  
  579. <!--- Link --->
  580. {block:Link}<div class="box">
  581. <a href="{URL}" target="{Target}"><div class="h1">{Name}</div></a>
  582. {block:Description}{Description}{/block:Description}
  583.  
  584. <!---------------- DATA DOS POSTS ------------->
  585. {block:IndexPage}
  586. <div class="reblogue">
  587. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  588. <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>
  589. </div>
  590. {block:NoteCount}<div class="notas">
  591. <a href="{Permalink}">{NoteCount}</a>
  592. </div>{/block:NoteCount}
  593. {/block:IndexPage}</div>
  594. {/block:Link}
  595.  
  596. <!--- Audio --->
  597. {block:Audio}<div class="box">
  598.  
  599. {block:AlbumArt}
  600. {/block:AlbumArt}
  601. <div class="trackid2">{AudioPlayerGrey}</div>
  602. {block:TrackName}
  603. <div class="trackid">"{TrackName}"</div>
  604. {/block:TrackName}
  605. {block:Artist}
  606. <div class="trackid">{Artist}</div>
  607. {/block:Artist}
  608. <div class="trackid">({PlayCount}) plays</div>
  609.  
  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:Audio}
  622.  
  623. <!--- Video --->
  624. {block:Video}<div class="box">
  625. {block:Indexpage}{Video-500}{/block:IndexPage}
  626. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  627. {block:Caption}{Caption}{/block:Caption}
  628.  
  629. <!---------------- DATA DOS POSTS ------------->
  630. {block:IndexPage}
  631. <div class="reblogue">
  632. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  633. <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>
  634. </div>
  635. {block:NoteCount}<div class="notas">
  636. <a href="{Permalink}">{NoteCount}</a>
  637. </div>{/block:NoteCount}
  638. {/block:IndexPage}</div>
  639. {/block:Video}
  640.  
  641. {block:Answer}
  642. <div class="box">
  643.  
  644. <div class="pergunta">{question}</div>
  645.  
  646. <img src="{AskerPortraitURL-30}" class="fotoask"><div class="quem">Ask enviada por: <b>{asker}</b></div><br>
  647.  
  648. <div class="resposta">{answer} </div>
  649.  
  650.  
  651.  
  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:Answer}
  664.  
  665. <!--- Fechando a div da caixa --->
  666. </div>
  667.  
  668. {block:PostNotes}
  669. <div class="caixa1">
  670. <div class="extra"><img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">
  671. {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>
  672. <div class="extra">
  673. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}
  674. </div>
  675. <div class="extra">
  676. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {block:HasTags}{/block:HasTags}
  677. <span style="width:auto;">
  678. {block:HasTags}
  679. {block:Tags}
  680. <a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</span>
  681. </div>
  682. <div class="extra">
  683. <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">{NoteCount}
  684. </div>
  685. {PostNotes}
  686.  
  687. </div>
  688. {/block:PostNotes}
  689.  
  690.  
  691.  
  692. {/block:Posts}
  693. </div>
  694.  
  695.  
  696. <div id="creditos" class="popup_block">
  697.  
  698.  
  699. <div class="faixa2">Créditos</div><br>
  700.  
  701. <center> Theme desenvolvido por Jéssica V. (Jessierobsten). Não copie e não se inspire sem a minha autorização, todos os direitos do theme são reservados. Lembre-se que plágio é crime. <p>
  702. Obrigada a todas as pessoas que me ajudaram a fazer esse theme, abaixo darei uma lista das pessoas que me ajudaram e que sempre terei que agradecer:</center>
  703.  
  704. <cred><a href="http://jessierobsten.tumblr.com/"><cred1>Jéssyca Victoria</cred1></a> <img src=""> Desenvolvimento do theme e design </cred>
  705.  
  706. <cred><a href="http://things-to-help-you.tumblr.com/"><cred1>TTHY</cred1></a> <img src=""> Muitos códigos, materiais e tutoriais</cred>
  707.  
  708. <cred><a href="http://tumblr.com/"> <cred1>Tumblr USF </cred1></a> <img src=""> Hospedagem</cred>
  709.  
  710. <cred><a href="OLINK"><cred1> Cores, imagens e etc...</cred1></a> <img src=""> Photoshop SC5</cred>
  711.  
  712. <cred><a href="OLINK"> <cred1>Dafontes e Google</a> </cred1><img src=""> Fontes</cred>
  713.  
  714.  
  715. </div>
  716.  
  717.  
  718.  
  719.  
  720. <div id="footer"></div></div>
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  730. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  731. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  732.  
  733. <script type="text/javascript">
  734. $(window).load(function () {
  735. $('#main').masonry(),
  736. $('.masonryWrap').infinitescroll({
  737. navSelector : "div#navigation",
  738. nextSelector : "div#navigation a#nextPage",
  739. itemSelector : ".caixa",
  740. bufferPx : 1000,
  741. extraScrollPx: 1000,
  742. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  743. loadingText : "Aguarde...",
  744.  
  745. },
  746. // call masonry as a callback.
  747. function() { $('#main').masonry({ appendedContent: $(this) });
  748.  
  749. }
  750. );
  751. });
  752. </script>
  753. {block:IndexPage}
  754. <div class="column navigation" id="navigation">
  755. {block:Pagination}
  756. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  757. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  758. </div>
  759. {/block:IndexPage}
  760.  
  761. </body>
  762. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement