Advertisement
Inesziinha

3

Jan 29th, 2017
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.25 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3. <!------ THEME BY VESARGE / DON'T COPY ------->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8. <!-- APPEARANCE -->
  9. <meta name="color:background" content="#f6f6f6" />
  10. <meta name="color:text" content="#999999" />
  11. <meta name="color:side" content="#ffffff" />
  12. <meta name="color:borda" content="#E1D6D8" />
  13. <meta name="image:sidebar" content="" />
  14. <meta name="text:descri" content="" />
  15. <meta name="text:titulo" content="" />
  16.  
  17. <meta name="text:link1" content="" />
  18. <meta name="text:link1 nome" content="" />
  19. <meta name="text:link2" content="" />
  20. <meta name="text:link2 nome" content="" />
  21. <meta name="text:link3" content="" />
  22. <meta name="text:link3 nome" content="" />
  23. <meta name="text:link4" content="" />
  24. <meta name="text:link4 nome" content="" />
  25.  
  26. <title>{Title}</title>
  27.  
  28. </head>
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Hind:400,700|Roboto:400,300' rel='stylesheet' type='text/css'>
  31. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  32.  
  33. <link rel="shortcut icon" href="http://i387.photobucket.com/albums/oo314/paravidatoda/mini-154.gif">
  34. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("a[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:90,
  44. tip_fade_speed:600,
  45. attribute:"title"
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51. </head>
  52.  
  53. <style type="text/css">
  54. iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0; right: 6px !important;position: fixed !important;z-index:52;}
  55.  
  56. /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
  57. body{background:{color:background}; color:{color:text}; font-family:Calibri; font-size:11px; text-align:center;}
  58. a {color:{color:text}; text-decoration:none;}
  59.  
  60. /* NO #POSTS VC MUDA O LEFT E O TOP DOS POSTS */
  61.  
  62. #fairy{float:left; margin-top:45px; margin-left:310px; width:1000px; padding-bottom:30px; }
  63.  
  64. /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
  65.  
  66. .postagens {{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} width:195px; background:{color:side}; position:relative; float:left; display:inline-block; top:00px; margin:15px; padding:6px 6px 3px 6px;}
  67.  
  68.  
  69. /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
  70.  
  71. .postagens img{{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} max-width:195px; height:auto; transition:1s;}
  72.  
  73. .vsanna{display:none;}
  74.  
  75. .postagens texto{font-family:Baumans; font-size:13px; line-height:11px; color:{color:text};}
  76.  
  77. .photoset{max-width: 195px;}
  78.  
  79. .postagens corpo{font-family:Baumans; font-size:10px; color:{color:text};}
  80.  
  81. .postagens links{font-family:Baumans; text-transform:uppercase; font-family:Courier; font-style:italic; font-size:13px; }
  82.  
  83.  
  84. /* AQUI É O QUOTE */
  85.  
  86. .quotes {font-family:Arial; font-size:11px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  87. .source {margin-top:5px; border-top:1px solid {color:background}; font-family:Calibri; font-size:9px; text-align:right; text-transform:uppercase; line-height:17px; color:{color:text};}
  88.  
  89. /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
  90.  
  91. blockquote {margin:0px; text-align:left; padding:4px; width:185px;}
  92. blockquote img{width:183px;}
  93.  
  94. /* Estilo de Ask por by helpdesigns */
  95. .askimg {float:right; margin-top:5px;border: 2px solid {color:background};opacity:10;}
  96. .askhd{background-color:{color:borda};width:185px;padding: 4px; color: {color:background}; margin-top:-11px; z-index:99999999;font-size: 11px;}
  97. .askhd2 a{color: {color:borda};}
  98. .askhd2{background-color:{color:background};width:185px; padding: 5px; color:{color:borda}; margin-left: 0px; font-family:Arial;font-size: 9.5px; margin-top:5px;}
  99.  
  100. /* NOTAS POR NEVALISCA */
  101.  
  102. #notas{position:absolute;
  103. width:195px; /*/ tamanho da caixa dos posts /*/
  104. height:95px;
  105. text-align:center;
  106. color:{color:borda}; /*/ cor dos detlhes /*/
  107. font-family:calibri; /*/ fonte /*/
  108. margin-top:0px; /*/ distância do topo /*/
  109. margin-left:0px;
  110. opacity:0;
  111. -webkit-transition-duration: .8s;
  112. z-index:999;
  113. background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  114. background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  115. background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  116. }
  117.  
  118. .postagens:hover #notas{opacity:1;}
  119.  
  120. .topo{width:180px; /*/ tamanho da caixa dos posts /*/
  121. font-family:Gabriola; /*/ font da data /*/
  122. font-size:18px; /*/ tamanho da fonte da data /*/
  123. margin-top:10px; /*/ distância do topo /*/
  124. margin-left:20px;
  125. -webkit-transition-duration: 1s;
  126. }
  127. .topo a{color:#fff; /*/ cor da font da data /*/}
  128.  
  129.  
  130. .postagens:hover .topo{margin-left:0px;}
  131.  
  132. .baixo{width:180px; /*/ tamanho da caixa dos posts /*/
  133. font-family:calibri; /*/ font do reblog /*/
  134. font-size:8px; /*/ tamanho dos simbolos /*/
  135. text-transform:uppercase;
  136. margin-top:2px;
  137. margin-left:40px;
  138. -webkit-transition-duration: 1.8s;}
  139.  
  140. .baixo a{
  141. text-transform:uppercase;
  142. font-size:9px;/*/ tamanho da font do reblog /*/
  143. margin-left:3px;margin-right:3px;
  144. color:#fff; /*/ cor da font do reblog /*/
  145. }
  146.  
  147. .postagens:hover .baixo{margin-left:0px;}
  148.  
  149. .notastextos {
  150. width:216px;
  151. height:3px;
  152. background:{color:background};
  153. margin-top:15px;
  154. margin-left:-10px;
  155. -webkit-box-shadow:inset -50px 0 0 0 {color:background};
  156. box-shadow:inset -50px 0 0 0 {color:background};
  157. }
  158.  
  159. .bibireblog{width:20px;
  160. height:15px;
  161. text-align:right;
  162. margin-left:175px;
  163. font-family:courier;
  164. font-size:11px;
  165. }
  166.  
  167. .bibireblog i{color:{color:borda};margin-top:4px;}
  168. .bibireblog:hover i{color:#008000;}
  169.  
  170. .bibilike{width:95px;
  171. height:10px;
  172. text-align:left;
  173. font-family:calibri;
  174. margin-left:98px;
  175. position:absolute;
  176. margin-top:-13px;
  177. font-size:8px;}
  178.  
  179. .bibilike a{color:{color:text};text-transform:uppercase}
  180.  
  181. .bibidate{width:95px;
  182. height:10px;
  183. text-align:left;
  184. font-family:calibri;
  185. margin-left:5px;
  186. position:absolute;
  187. margin-top:-13px;
  188. font-size:8px;
  189. }
  190.  
  191. .bibidate a{color:{color:text};text-transform:uppercase}
  192.  
  193. .chat {line-height: 10px; list-style: none }
  194. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
  195. .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
  196. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
  197. .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
  198. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
  199.  
  200. .tooltip {display: inline; position: relative;}
  201. #s-m-t-tooltip {max-width:auto; padding:6px; padding-left:5px; padding-right:5px; height:8px;line-height:7px; margin:6px 13px -1px 11px; background:rgba(0,0,0,.6); color:#fff;text-shadow:1px 2px 0px black; font-family:calibri; text-transform:uppercase;font-size:9px; z-index:1;}
  202.  
  203. ::selection {color:white; background-color:grey;}
  204.  
  205. ::-webkit-scrollbar{ height:3px; width:11px; background:inherit; background:rgba({RGBcolor:borda}, 0.4); border:5px solid {color:background};
  206. }
  207. ::-webkit-scrollbar-track {background:transparent;}
  208. ::-webkit-scrollbar-thumb { height:150px!important; background:{color:borda}; border:5px solid {color:background};
  209. }
  210.  
  211. .side{position:fixed; width:230px; height:110px; margin-left:35px; margin-top:150px; background:{color:side};}
  212. .borda{position:fixed; margin-left:-10px; margin-top:-10px; width:1000%; height:30px; background:{color:borda}; z-index:1;}
  213.  
  214. .imagem{position:fixed; z-index:2;}
  215. .imagem img {width:60px; height:60px; margin-left:115px; margin-top:115px; padding:3px; background:{color:background}; border-radius:100px; }
  216.  
  217. /*******Por juh - futurasuicida usar credite ao helpdesigns.**********/
  218. #linksome {width:388px; height: 42px; float: left; margin-left:53px; margin-top:250px; position: fixed;z-index:2}
  219. #linksome a {display: inline-block;float: left; font: 8px PF Arma Five; margin-top: 0px; height: 23px; width: 49px; color:#fff; line-height: 22px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color: {color:borda}; opacity:1; -webkit-transition: all 0.99s ease-in-out;}
  220. #linksome a:hover{background-color:{color:side}; color:{color:borda};-webkit-transition: all 0.99s ease-in-out; box-shadow: inset 0px -21px {color:side};}
  221.  
  222. .descri{position:fixed; width:210px; height:15px; margin-left:43px; margin-top:215px; border-radius:3px; padding:1px; background:{color:borda}; text-transform:uppercase; color:{color:side}; font-size:9.5px}
  223.  
  224. .titulo{position:fixed; margin-left:95px; margin-top:180px; height:110px; font-size:24px; color:{color:borda}; text-shadow:1px 1px 1px {color:background}; font-family: 'Satisfy', cursive; }
  225.  
  226. .cred{position:fixed;top:0px;left:0px;width:15px;height:15px;font-size:11px; line-height:15px; font-family:'Pacifico';padding:4px;text-align:center; text-transform: uppercase;z-index:9999999999;}
  227.  
  228. </style>
  229.  
  230. <link rel="shortcut icon" href="{Favicon}">
  231. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
  232. />
  233. <meta name="viewport" content="width=820" />
  234.  
  235. <!--- FONTES PERSONALIZADAS GOOGLE --->
  236.  
  237. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  238.  
  239. <link href='https://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  240.  
  241. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  242.  
  243. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  244.  
  245. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  246.  
  247. <body>
  248.  
  249. <!--- SIDE (CAIXA) --->
  250. <div class="side"></div>
  251. <div class="borda"></div>
  252.  
  253. <!--- SIDE (FOTO) --->
  254. <div class="imagem"><img src="{image:sidebar}"></div>
  255.  
  256. <div id="linksome">
  257. <a href="{text:link1}" title="{text:link1 nome}">I</a>
  258. <a href="{text:link2}" title="{text:link2 nome}">II</a>
  259. <a href="{text:link3}" title="{text:link3 nome}">III</a>
  260. <a href="{text:link4}" title="{text:link4 nome}">IV</a>
  261. </div>
  262.  
  263.  
  264. <!--- DESCRIÇÃO --->
  265. <div class="descri">{text:descri}</div>
  266.  
  267. <!--- TÍTULO --->
  268. <div class="titulo ">{text:titulo}</div>
  269.  
  270. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  271. <div class="cred"><a title="Don't Copy. Original Since 2017 (c)." href="http://vesarge.tumblr.com/" target="_blank"><font color={color:side}>V</a></div></font>
  272.  
  273.  
  274. <div id="fairy">
  275. {block:Posts}
  276. <div class="postagens">
  277.  
  278. <!-- TEXTOS -->
  279. {block:Text}
  280. {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
  281. <corpo>{body}</corpo>
  282.  
  283. <div class="notastextos"></div>
  284. <div class="bibireblog">
  285. <a href="{reblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  286. </div>
  287.  
  288. <div class="bibilike">
  289. <a href="{permalink}"> {NoteCount} NOTAS</a>
  290. </div>
  291.  
  292. <div class="bibidate">
  293. <a href="{permalink}">
  294. {DayofMonthWithZero} de {Month} de {year}, </a>
  295. </div>
  296.  
  297. {/block:Text}
  298.  
  299. <!-- FOTOS -->
  300. {block:Photo}
  301.  
  302. <!--- NOTES DAS FOTOS --->
  303. <div id="notas">
  304. <div class="topo"><a href="{permalink}">{DayofMonthWithZero} de {Month} de {year}</a></div>
  305. <div class="baixo">
  306. <a href="{permalink}">{NoteCount} Notes</a> ●
  307. <a href="{reblogURL}"> reblog</a></div></div>
  308.  
  309. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  310. {/block:Photo}
  311.  
  312. <!-- PHOTOSETS -->
  313.  
  314. {block:Photoset}
  315.  
  316. <!--- NOTES DOS PHOTOSETS --->
  317. <div id="notas">
  318. <div class="topo"><a href="{permalink}">{DayofMonthWithZero} de {Month} de {year}</a></div>
  319. <div class="baixo">
  320. <a href="{permalink}">{NoteCount} Notes</a> ●
  321. <a href="{reblogURL}"> reblog</a></div></div>
  322.  
  323. <div class="photoset">{Photoset-250}</div>
  324. {/block:Photoset}
  325.  
  326. <!-- QUOTES -->
  327.  
  328. {block:Quote}
  329. <div class="quotes">{Quote}</div></font>
  330. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  331.  
  332. <!--- NOTES DOS QUOTES --->
  333. <div class="notastextos"></div>
  334. <div class="bibireblog">
  335. <a href="{reblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  336. </div>
  337.  
  338. <div class="bibilike">
  339. <a href="{permalink}"> {NoteCount} NOTAS</a>
  340. </div>
  341.  
  342. <div class="bibidate">
  343. <a href="{permalink}">
  344. {DayofMonthWithZero} de {Month} de {year}, </a>
  345. </div>
  346.  
  347. {/block:Quote}
  348.  
  349. <!-- VIDEOS -->
  350.  
  351. {block:Video}
  352. <div id="notas">
  353. <div class="topo"><a href="{permalink}">{DayofMonthWithZero} de {Month} de {year}</a></div>
  354. <div class="baixo">
  355. <a href="{permalink}">{NoteCount} Notes</a> ●
  356. </div></div>
  357.  
  358.  
  359. {block:Indexpage}<div style="max-width:210px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  360. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  361. {/block:Video}
  362.  
  363. <!-- LINKS -->
  364.  
  365. {block:Link}
  366. <a href="{URL}" class="link" {Target}><links>{Name}</links></a>
  367. {block:Description} {Description}{/block:Description}
  368. {/block:Link}
  369.  
  370. <!-- CHAT -->
  371.  
  372. {block:Chat}
  373. {block:Title}
  374. <texto>{Title}</texto>
  375. {/block:Title}
  376. <div class="chat"><ul>{block:Lines}
  377. <li class="person{UserNumber}">{block:Label}
  378. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  379. <div class="notastextos"></div>
  380. <div class="bibireblog">
  381. <a href="{reblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  382. </div>
  383.  
  384. <div class="bibilike">
  385. <a href="{permalink}"> {NoteCount} NOTAS</a>
  386. </div>
  387.  
  388. <div class="bibidate">
  389. <a href="{permalink}">
  390. {DayofMonthWithZero} de {Month} de {year}, </a>
  391. </div>
  392. {/block:Chat}
  393.  
  394. {block:Answer}
  395. {block:IndexPage}
  396. <img src="{AskerPortraitURL-48}" class="askimg" div style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width:25px; height:25px">
  397. <div class="askhd2" align="left">{Asker} perguntou:</div><p></p>
  398. <div class="askhd">{Question}</div><p></p>
  399. {Answer}
  400. {/block:IndexPage}
  401.  
  402. <!--- NOTES DAS ASKS --->
  403. <div class="notastextos"></div>
  404. <div class="bibireblog">
  405. <a href="{reblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  406. </div>
  407.  
  408. <div class="bibilike">
  409. <a href="{permalink}"> {NoteCount} NOTAS</a>
  410. </div>
  411.  
  412. <div class="bibidate">
  413. <a href="{permalink}">
  414. {DayofMonthWithZero} de {Month} de {year}, </a>
  415. </div>
  416. {/block:Answer}
  417.  
  418. {block:Audio}
  419. {AudioPlayer}
  420. {/block:Audio}
  421.  
  422. <!-- BLOQUEIO VIA/SOURCE -->
  423. <div class="vsanna">
  424. {block:RebloggedFrom}
  425. <a href="{ReblogParentURL}">via</a>
  426. {/block:RebloggedFrom}
  427. {block:ContentSource}
  428. <a href="{SourceURL}">source</a>
  429. {/block:ContentSource}
  430. </div>
  431.  
  432. </div>
  433. {/block:Posts}
  434. </div>
  435.  
  436.  
  437. <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  438. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  439. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  440. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  441. <script type="text/javascript">
  442. $(window).load(function () {
  443. $('#fairy').masonry(),
  444. $('.masonryWrap').infinitescroll({
  445. navSelector : "div#navigation",
  446. nextSelector : "div#navigation a#nextPage",
  447. itemSelector : ".postagens",
  448. bufferPx : 10000,
  449. extraScrollPx: 11000,
  450. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  451. loadingText : "carregando",
  452. },
  453. // call masonry as a callback.
  454. function() { $('#fairy').masonry({ appendedContent: $(this) }); }
  455. );
  456. });
  457. </script>
  458. <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  459.  
  460.  
  461. <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
  462. {block:IndexPage}
  463. <div class="column navigation" id="navigation">
  464. {block:Pagination}
  465. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  466. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  467. </div>
  468. {/block:IndexPage}
  469. <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
  470. </body>
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement