Advertisement
Inesziinha

07

Mar 9th, 2017
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.33 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, BASE POR WAJESTOU / 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="#ffffff" />
  10. <meta name="color:text" content="#999999" />
  11. <meta name="color:detalhes" content="#cabbac" />
  12. <meta name="image:sidebar" content="" />
  13. <meta name="text:descri" content="" />
  14.  
  15. <meta name="text:link1" content="" />
  16. <meta name="text:link1 nome" content="" />
  17. <meta name="text:link2" content="" />
  18. <meta name="text:link2 nome" content="" />
  19. <meta name="text:link3" content="" />
  20. <meta name="text:link3 nome" content="" />
  21. <meta name="text:link4" content="" />
  22. <meta name="text:link4 nome" content="" />
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="http://i387.photobucket.com/albums/oo314/paravidatoda/mini-154.gif">
  27. <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>
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:90,
  37. tip_fade_speed:600,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. </head>
  45.  
  46. <style type="text/css">
  47.  
  48. /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
  49. body{background:{color:background}; color:{color:text}; font-family:Calibri; font-size:11px; text-align:center;}
  50. a {color:{color:text}; text-decoration:none;}
  51.  
  52. /** CONTROLES**/
  53. iframe#tumblr_controls {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.5; right:3px !important; position: fixed !important;}iframe#tumblr_controls {top:0px !important;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index:999999999999999999;}
  54. /** CONTROLES**/
  55.  
  56. /* NO #POSTS VC MUDA O LEFT E O TOP DOS POSTS */
  57.  
  58. #fairy{float:left; margin-top:55px; margin-left:350px; width:800px; padding-bottom:30px; z-index:5;}
  59.  
  60. /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
  61.  
  62. .postagens {{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} width:200px; position:relative; float:left; display:inline-block; top:0px; margin:15px; border: 1px solid #eeeeee; padding:6px 6px 3px 6px; background:#fff;}
  63.  
  64. /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
  65.  
  66. .postagens img{{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} max-width:200px; height:auto; transition:1s;}
  67.  
  68. .vsanna{display:none;}
  69.  
  70. .postagens texto{font-family:Baumans; font-size:13px; line-height:11px; color:{color:text};}
  71.  
  72. .photoset{max-width: 200px;}
  73.  
  74. .postagens corpo{font-family:Baumans; font-size:10px; color:{color:text};}
  75.  
  76. .postagens links{font-family:Baumans; text-transform:uppercase; font-family:Courier; font-style:italic; font-size:13px; }
  77.  
  78. /* AQUI É O QUOTE */
  79.  
  80. .quotes {font-family:Arial; font-size:11px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  81. .source {margin-top:5px; border-top:1px solid #eeeeee; font-family:Calibri; font-size:9px; text-align:right; text-transform:uppercase; line-height:17px; color:{color:text};}
  82.  
  83. /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
  84.  
  85. blockquote {margin:0px; text-align:left; padding:4px; width:185px;}
  86. blockquote img{width:183px;}
  87.  
  88. /* Estilo de Ask por by helpdesigns */
  89. .askimg {float:right; margin-top:5px;border: 2px solid {color:background};opacity:10;}
  90. .askhd{background-color:{color:detalhes};width:190px;padding:5px; color: {color:background}; margin-top:-11px; z-index:99999999;font-size: 11px;}
  91. .askhd2 a{color: {color:detalhes};}
  92. .askhd2{background-color:{color:background};width:166px; padding: 5px; color:{color:detalhes}; margin-left: 0px; font-family:Arial;font-size: 9.5px; margin-top:5px;}
  93.  
  94. .cred{position:fixed;bottom:25px;right:15px;width:15px;height:15px;font-size:11px; line-height:15px; font-family:'Pacifico';padding:4px;text-align:center; text-transform: uppercase;z-index:9999999999; border-radius:25px;}
  95.  
  96. /*/ ESTILO DE NOTAS #02 FEITO POR NEVALISCA.TUMBLR.COM © /*/
  97.  
  98. #bibinotas{
  99. width:200px; /*/ tamanho da caixa dos posts /*/
  100. height:calc(96% - -0px) !important; /*/ altera o 22px para ficar certo com o seu theme /*/
  101. background: rgba(255,255,255,0.5); /*/ fundinho preto /*/
  102. position:absolute;
  103. z-index:9;
  104. opacity:0;
  105. transition-duration: 1.2s;
  106. }
  107.  
  108. .postagens:hover #bibinotas{;opacity:1;}
  109.  
  110. .centralizar{
  111. position:absolute;
  112. width:200px; /*/ tamanho da caixa dos posts /*/
  113. height:0px;
  114. top: 35%;
  115. transform: translateY(-50%);
  116. }
  117.  
  118.  
  119.  
  120. #datenotes{
  121. text-align:center;
  122. font-family:Arial Black; /*/ fonte /*/
  123. font-size:10px; /*/ tamanho da font /*/
  124. text-shadow:1px 1px 0px #000; /*/ sombra da font /*/
  125. }
  126.  
  127. #datenotes a{
  128. display:inline-block;
  129. text-transform:uppercase;
  130. color:#fff; /*/ cor da font /*/
  131. font-weight:600;
  132. }
  133.  
  134. #reblog{text-align:center;
  135. font-family:Arial Black; /*/ fonte /*/
  136. font-size:10px; /*/ tamanho da font /*/
  137. text-shadow:1px 1px 0px #000; /*/ sombra da font /*/}
  138.  
  139. #reblog a{
  140. display:inline-block;
  141. text-transform:uppercase;
  142. color:{color:detalhes}; /*/ cor do reblog /*/
  143. font-weight:600;
  144. }
  145.  
  146. /*/ FIM DAS NOTAS, DON NOT COPY © /*/
  147.  
  148.  
  149. /* CODIGO DOS NOTES DOS TEXTOS */
  150. .postagens .permalink{position: relative; padding-left:5px; text-align:left;width:207px; top:5px; height:15px;font-family:'Oswald'; font-size:9px; text-transform:uppercase; line-height:16px; margin-left:-6px; transition:.9s; background:{color:detalhes};border-top:2px solid {color:background}; }
  151.  
  152. /* CODIGO DOS CHATS */
  153. .chat {line-height: 10px; list-style: none }
  154. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
  155. .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
  156. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
  157. .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
  158. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
  159.  
  160. .tooltip {display: inline; position: relative;}
  161. #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:999999999999999999999999999999999999;}
  162.  
  163. /* SELEÇÃO DO TEXTO DO THEME */
  164.  
  165. ::selection {color:white; background-color:grey;}
  166.  
  167. /* BARRA DE ROLAGEM */
  168.  
  169. ::-webkit-scrollbar{ height:3px; width:11px; background:inherit; background:rgba({color:detalhes}, 0.4); border:5px solid {color:background};
  170. }
  171. ::-webkit-scrollbar-track {background:transparent;}
  172. ::-webkit-scrollbar-thumb { height:150px!important; background:{color:detalhes}; border:5px solid {color:background};
  173. }
  174.  
  175. html {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  176. a, a:hover{cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  177.  
  178.  
  179. /* SIDE (CAIXA) */
  180.  
  181. .side{position:fixed; width:20000%; height:35px; margin-left:-45px; margin-top:-15px;background:{color:detalhes}; z-index:9}
  182.  
  183. /* SIDE (FOTO) */
  184.  
  185. .imagem{position:fixed; z-index:2;}
  186. .imagem img {width:123px; height:123px; margin-left:115px; margin-top:136px; padding:3px;}
  187. .imagem:hover .descri{opacity:1;}
  188.  
  189. .descri{position:fixed; width:117px; height:118px; background:rgba(0,0,0,.6); margin-left:118px; margin-top:-129px; color:#fff; padding:3px; opacity:0; font-size:10px;}
  190. .descri::first-letter {font-family:'Great Vibes', cursive; font-size:11px;}
  191. .descri:hover {opacity:1;}
  192.  
  193. /* LINKS */
  194.  
  195. .wjt-menu {width:210px; float: left; margin-left:145px; margin-top:264px; position:fixed; z-index:999999999;}
  196. .wjt-menu a {display:block; float:left; font-size:13px; margin-right:-1px; width:23px; height:23px; background:#fff; border:1px solid #DDDDDD; color:#cccccc; line-height:22px;}
  197.  
  198. /* FLORES */
  199.  
  200. .flower{position:fixed; margin-left:118px; margin-top:264px; width:25px; height:25px; color:#fff; font-size:16px; background:{color:detalhes}; text-align:center;}
  201.  
  202. /* TÍTULO */
  203.  
  204. .titulo{position:fixed; margin-left:125px; margin-top:100px; height:110px; font-size:30px; color:{color:detalhes}; text-transform:uppercase;}
  205.  
  206. </style>
  207.  
  208. <link rel="shortcut icon" href="{Favicon}">
  209. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
  210. />
  211. <meta name="viewport" content="width=820" />
  212.  
  213. <!--- FONTES PERSONALIZADAS GOOGLE --->
  214.  
  215. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  216.  
  217. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  218.  
  219. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  220.  
  221. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  222.  
  223. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  224.  
  225. <body onkeydown=”return false”>
  226.  
  227.  
  228. <div class="side">
  229. </div>
  230.  
  231. <!--- SIDE (FOTO) --->
  232. <div class="imagem"><img src="{image:sidebar}">
  233. <div class="descri">{text:descri}</div></div>
  234. <!--- LINKS --->
  235. <div class="wjt-menu">
  236. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-refresh" aria-hidden="true"></i></a>
  237. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
  238. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-bars" aria-hidden="true"></i></a>
  239. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-cog" aria-hidden="true"></i></a>
  240. </div>
  241.  
  242. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  243. <div class="cred"><a title="Don't Copy. Original Since 2017 (c)." href="http://vesarge.tumblr.com/" target="_blank"><font color={color:detalhes}>V</a></div></font>
  244.  
  245. <!--- FLORES --->
  246. <div class="flower">✿ </div>
  247.  
  248. <!--- TITULO --->
  249. <div class="titulo">Serenity</div>
  250.  
  251. <div id="fairy">
  252. {block:Posts}
  253. <div class="postagens">
  254.  
  255. <!-- TEXTOS -->
  256. {block:Text}
  257. {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
  258. <corpo>{body}</corpo>
  259.  
  260. {block:indexpage}
  261. <div class="permalink">
  262. <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
  263. <div style="position:absolute; margin-top:-17px;width:19px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:background}><i class="fa fa-heart"></i></a></div></font>
  264. </div>
  265. {/block:indexpage}
  266.  
  267. {/block:Text}
  268.  
  269. <!-- FOTOS -->
  270. {block:Photo}
  271.  
  272. <!--- NOTES DAS FOTOS --->
  273. <div id="bibinotas">
  274. <div class="centralizar">
  275. <div id="datenotes">
  276. <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
  277. <a href="{permalink}">post with {notecount} notes</a>
  278. </div>
  279. <div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
  280. </div>
  281. </div>
  282.  
  283. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  284. {/block:Photo}
  285.  
  286. <!-- PHOTOSETS -->
  287.  
  288. {block:Photoset}
  289.  
  290. <!--- NOTES DOS PHOTOSETS --->
  291. <div id="bibinotas">
  292. <div class="centralizar">
  293. <div id="datenotes">
  294. <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
  295. <a href="{permalink}">post with {notecount} notes</a>
  296. </div>
  297. <div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
  298. </div>
  299. </div>
  300.  
  301. <div class="photoset">{Photoset-250}</div>
  302. {/block:Photoset}
  303.  
  304. <!-- QUOTES -->
  305.  
  306. {block:Quote}
  307. <div class="quotes">{Quote}</div></font>
  308. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  309.  
  310. <!--- NOTES DOS QUOTES --->
  311. {block:indexpage}
  312. <div class="permalink">
  313. <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
  314. <div style="position:absolute; margin-top:-17px;width:19px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:background}><i class="fa fa-heart"></i></a></div></font>
  315. </div>
  316. {/block:indexpage}
  317.  
  318. {/block:Quote}
  319.  
  320. <!-- VIDEOS -->
  321.  
  322. {block:Video}
  323. <div id="bibinotas">
  324. <div class="centralizar">
  325. <div id="datenotes">
  326. <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
  327. <a href="{permalink}">post with {notecount} notes</a>
  328. </div>
  329. <div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
  330. </div>
  331. </div>
  332.  
  333.  
  334. {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}
  335. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  336. {/block:Video}
  337.  
  338. <!-- LINKS -->
  339.  
  340. {block:Link}
  341. <a href="{URL}" class="link" {Target}><links>{Name}</links></a>
  342. {block:Description} {Description}{/block:Description}
  343. {/block:Link}
  344.  
  345. <!-- CHAT -->
  346.  
  347. {block:Chat}
  348. {block:Title}
  349. <texto>{Title}</texto>
  350. {/block:Title}
  351. <div class="chat"><ul>{block:Lines}
  352. <li class="person{UserNumber}">{block:Label}
  353. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  354. {block:indexpage}
  355. <div class="permalink">
  356. <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
  357. <div style="position:absolute; margin-top:-17px;width:19px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:background}><i class="fa fa-heart"></i></a></div></font>
  358. </div>
  359. {/block:indexpage}
  360. {/block:Chat}
  361.  
  362. {block:Answer}
  363. {block:IndexPage}
  364. <img src="{AskerPortraitURL-48}" class="askimg" div style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width:25px; height:25px">
  365. <div class="askhd2" align="left">{Asker} perguntou:</div><p></p>
  366. <div class="askhd">{Question}</div><p></p>
  367. {Answer}
  368.  
  369. <div class="permalink">
  370. <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
  371. <div style="position:absolute; margin-top:-17px;width:19px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:background}><i class="fa fa-heart"></i></a></div></font>
  372. </div>
  373. {/block:IndexPage}
  374. {/block:Answer}
  375.  
  376. {block:Audio}
  377. {AudioPlayer}
  378. {/block:Audio}
  379.  
  380. <!-- BLOQUEIO VIA/SOURCE -->
  381. <div class="vsanna">
  382. {block:RebloggedFrom}
  383. <a href="{ReblogParentURL}">via</a>
  384. {/block:RebloggedFrom}
  385. {block:ContentSource}
  386. <a href="{SourceURL}">source</a>
  387. {/block:ContentSource}
  388. </div>
  389.  
  390. </div>
  391. {/block:Posts}
  392. </div>
  393.  
  394.  
  395. <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  396. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  397. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  398. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  399. <script type="text/javascript">
  400. $(window).load(function () {
  401. $('#fairy').masonry(),
  402. $('.masonryWrap').infinitescroll({
  403. navSelector : "div#navigation",
  404. nextSelector : "div#navigation a#nextPage",
  405. itemSelector : ".postagens",
  406. bufferPx : 10000,
  407. extraScrollPx: 11000,
  408. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  409. loadingText : "carregando",
  410. },
  411. // call masonry as a callback.
  412. function() { $('#fairy').masonry({ appendedContent: $(this) }); }
  413. );
  414. });
  415. </script>
  416. <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  417.  
  418.  
  419. <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
  420. {block:IndexPage}
  421. <div class="column navigation" id="navigation">
  422. {block:Pagination}
  423. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  424. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  425. </div>
  426. {/block:IndexPage}
  427. <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
  428. </body>
  429. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement