kathdesigns

THEME 19

Oct 10th, 2015
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.94 KB | None | 0 0
  1.  
  2. <!-- Esse código substitui o <html> e <head> para o theme ser melhor visualizado em todos os navegadores -->
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head profile="http://gmpg.org/xfn/11">
  6.  
  7.  
  8. <!--------------------------------------------------------------------------
  9. BASE TOTALMENTE CODIFICADA POR WARVADA
  10. MODIFICADA E ADAPTADA POR ANGELDOLLLS
  11. ---------------------------------------------------------------------------->
  12.  
  13.  
  14.  
  15.  
  16. <!-------- LEIA ESSA PORRA! N RETIRE OS CREDITOS DE NADAAAAAA
  17. ----------------------------------------------------------------------------->
  18.  
  19. <!-- favicon -->
  20. <link rel="shortcut icon" href="{favicon}">
  21.  
  22. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  23. <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>
  24.  
  25.  
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  28. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  29.  
  30.  
  31.  
  32. <!-- Appearance -->
  33. <!-- imagens-->
  34. <meta name="image:sidebar" content=""/>
  35.  
  36. <!-- cores-->
  37. <meta name="color:background" content="#fff"/>
  38. <meta name="color:text" content="#222"/>
  39. <meta name="color:links" content="#ffa7b6"/>
  40. <meta name="color:links hover" content="#aaa"/>
  41. <meta name="color:caixas" content="#eee"/>
  42. <meta name="color:caixas borda" content="#bebebe"/>
  43. <meta name="color:menu hover" content="#fbc2cc"/>
  44.  
  45. <!-- links e textos-->
  46. <meta name="text:simbolo dos notes" content="●" />
  47. <meta name="text:frase hover" content="" />
  48. <meta name="text:link1" content="" />
  49. <meta name="text:link1 titulo" content="" />
  50. <meta name="text:link2 titulo" content="" />
  51. <meta name="text:link3" content="" />
  52. <meta name="text:link3 titulo" content="" />
  53. <meta name="text:link4" content="" />
  54. <meta name="text:link4 titulo" content="" />
  55.  
  56.  
  57. </head>
  58.  
  59. <link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  60.  
  61. <style type="text/css" media="screen">
  62.  
  63.  
  64. /*Definições geral*/
  65. body{background:{color:background}; color:{color:text}; font-family:Tahoma; font-size:10px; text-align:left;}
  66.  
  67. /*Links */
  68. a{color:{color:links}; text-decoration:none;}
  69. a:hover{color:{color:links hover};}
  70.  
  71. /*Barra de rolagem*/
  72. ::-webkit-scrollbar{height:10px; width:10px; background:{color:background};}
  73. ::-webkit-scrollbar-thumb:vertical{background:{color:caixas}; border:1px solid {color:caixas borda};}
  74. ::-webkit-scrollbar-thumb:horizontal{background:{color:caixas}; border:1px solid #ccc;}
  75.  
  76.  
  77. #posts{margin-top:5px; margin-left:422px; width:700px; padding-bottom:30px; text-shadow:1px 1px 0 rgba(255,255,255,.8);}
  78.  
  79.  
  80. .caixas{position:relative; float:left; display:inline-block; width:200px; padding:3px; margin:9px; background:{color:caixas}; border:1px solid {color:caixas borda}; overflow:hidden; text-shadow:1px 1px 0 rgba(255,255,255,.8);}
  81. .caixas img{max-width:200px; height:auto;}
  82. .caixas-imagens img{width:200px; outline:1px solid white; outline-offset:-3px;}.vsanna{display:none;}
  83.  
  84.  
  85. .caixas{{block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  86. .caixas img{{block:PermalinkPage}max-width:400px;{/block:PermalinkPage}}
  87. .caixas-imagens img{{block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  88.  
  89.  
  90. .notes{position:absolute; margin-top:-20px; margin-left:5px; width:190px; height:15px; line-height:15px; background:rgba(255,255,255,.9); text-align:center; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transition:0s;}
  91. .caixas:hover .notes{opacity:1; margin-top:-22px; transition:1s;}
  92.  
  93.  
  94. .notes2{margin-top:0px; margin-left:0px; width:190px; padding:0 8px 0 0; height:12px; line-height:12px; background:rgba(255,255,255,.9); border:1px solid #ccc; text-align:right; font-size:8px; font-family:'Calibri'; text-transform:uppercase;}
  95.  
  96.  
  97. titulo {font-family:'Gabriola'; text-transform:uppercase; font-size:13px; text-align:center; line-height:13px;}
  98.  
  99.  
  100. blockquote {margin:5px; background:{color:background}; border:1px solid {color:caixas borda}; padding:5px; font-family:'Consolas'; font-size:9px; text-shadow:1px solid rgba(255,255,255,.9);}
  101.  
  102. /*Ask */
  103. .pergunta{margin-top:0px; width:188px; height:auto; padding:3px 3px 5px 3px; text-align:left; font-family:'Calibri'; font-size:8px; text-transform:uppercase; border:3px double {color:caixas borda}; background:{color:background};}
  104. .perguntou a{display:inline-block; font-weight:bold; color:{color:links};}
  105. .perguntou{display:inline-block; font-weight:bold; color:{color:links};}
  106.  
  107. .ask-simbolos{margin-top:-8px; width:185px; text-align:right; margin-left:-6px; font-size:9px; z-index:9; color:white; text-shadow:1px -1px {color:caixas borda}, -1px 1px {color:caixas borda}, 1px 1px {color:caixas borda}, -1px -1px {color:caixas borda};}
  108.  
  109. .resposta{margin-top:-3px; width:200px; height:auto; font-family:'Calibri'; font-size:8px; text-transform:uppercase; text-align:left;}
  110.  
  111.  
  112. iframe#tumblr_controls{white-space:nowrap; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter: invert(100%); opacity:.2; transition:.8s ease-in-out; -webkit-transition:.8s ease-in-out; -moz-transition:.8s ease-in-out; -o-transition:.8s ease-in-out;}
  113.  
  114. .faixa2{position:fixed; margin-top:-140px;border:0px solid {color:cor do heart};z-index:2;padding:0px;text-align:center;font-size:9px;
  115. margin-left:-220px; width:270px;height:1160px;;opacity:10;color:#000;background-image: url('http://41.media.tumblr.com/2e6fa9897dd2409f768d42038e688077/tumblr_mhx1p7cJzp1s5um8no1_250.png');border-right:1px dotted #ccc;border-radius:0px;}
  116.  
  117.  
  118. /*Alinhamento da sidebar*/
  119. .side{position:fixed; margin-top:170px; margin-left:160px; width:151px; height:220px;background-color:#fff;border:3px solid #ddd;outline:1px dotted #fff; outline-offset:-2px ;position:fixed;background-color:#f6f6f6;}
  120.  
  121.  
  122. /*Imagem da sidebar*/
  123. .foto img{width:142px; height:191px;margin-left:3px;margin-top:5px;}
  124. .side:hover .foto {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.50s ease-out;all 0.3s ease-out;-moz-transition:All 1s ease; -o-transition:All 1s ease; -webkit-filter: grayscale(0.0) blur(1px);-webkit-transition:All 1s ease;}
  125. .cute{height:188px;width:139px;margin-left:3px;margin-top:-193px;border:3px solid #ddd;outline:1px solid #fff; outline-offset:-7px;position:fixed;}
  126. .side:hover .foto { solid #000;}
  127.  
  128.  
  129.  
  130. /*menu por bebruta*/
  131. .menubb { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top: -135px; margin-left:-18px; position:fixed; z-index:200000; opacity: 0; }
  132. .menubb a{height:20px; display:block; width: 88px; line-height: 20px; font-size:9px; margin-bottom: 5px; text-align:center; line-height:20px;border:1px solid #ccc;outline:1px solid #ccc; outline-offset:-3px; font-family:consolas; text-transform:uppercase; color: #fff;padding-left:1px; -webkit-transition-duration: 0.4s;padding:2px; z-index:11;
  133. background:rgba(255,255,255,.2); }
  134.  
  135. .menubb a:hover{ opacity:0.9;background:#fff;; text-transform:uppercase; color: #000;-webkit-transition: all 0.7s ease-out;z-index:9999999999999999;-webkit-animation: CH 1s alternate linear; }
  136. .side:hover .menubb {opacity:0.9; margin-left:26px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out ;
  137. }
  138.  
  139.  
  140.  
  141. /*Primeira frase*/
  142. .desc{position:fixed; margin-left:1px; margin-top:2px; width:150px; text-align:center; height:12px; line-height:10px; transition:.80s; font-size:16px
  143. ;font-family:'parisienne';text-shadow: 1px 1px 0px #fff; height:34px; line-height:18px; transition:.80s; color:{color:frase};background-color:#fff;background:transparent;}
  144. h1 { font-family: 'parisienne', cursive;}
  145. /*Hover da primeira frase*/
  146. .side:hover .desc{margin-left:-5px; opacity:0; transition:.80s;}
  147.  
  148.  
  149.  
  150.  
  151. /*detalhe*/
  152. .simb{position:fixed; margin-top:2px; margin-left:1px; color:grey; transform:rotate(0deg); font-size:16px; OPACITY:0;}
  153. /*Hover do detalhe*/
  154. .side:hover .simb{margin-left:22px; opacity:1; transition:.80s;}
  155.  
  156.  
  157. /*TOOLTIP POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO */
  158. #s-m-t-tooltip {width:auto; height:8px; line-height:3px; margin:20px 20px 20px 10px; background:#fff; z-index:999999999; font-family:'gabriola'; text-transform:uppercase; font-size:10px; text-shadow:1px 1px 1px #fff; color:#aaa; border:2px solid #ddd; padding:5px; padding-left:10px; padding-right:11px; padding-bottom:0px;}
  159. /*TOOLTIP POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO */
  160.  
  161. /*CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. */
  162. #dawacred {position:fixed; width:75px; height:5px; font-family:'Gabriola'; text-transform:uppercase; font-size:8px; line-height:75%; right:85px; bottom:60px; text-align:center; color:#888888; background:#ddd; transition:.90s; outline-offset:-3px; padding:6px; outline:1px dotted #aaa;}#dawacred:hover{opacity:100; box-shadow:inset 90px 0px 0px 0px pink; transition:.90s;}.dw{position:fixed; margin-top:0px; margin-left:82px; width:auto; height:auto; color:#ccc; transition:.80s;opacity:100; font-size:17px; transform:rotate(1deg); text-shadow:0px 0px 1px #ccc;}.dw2{position:fixed; margin-top:-5px; margin-left:-19px; width:auto; height:auto; color:#ccc; transition:.80s; opacity:100; font-size:11px; transform:rotate(1deg); text-shadow:0px 0px 1px #ccc;}
  163. /*CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. */
  164.  
  165.  
  166.  
  167. </style>
  168.  
  169. <body onkeydown="return false">
  170.  
  171.  
  172. <!--slinhamento da sidebar-->
  173. <div class="side">
  174.  
  175. <!-- imagem da sidebar-->
  176. <div class="foto"><img src="{image:sidebar}"></div>
  177. <div class="cute"></div>
  178.  
  179. <!-- menu -->
  180. <div class="menubb">
  181. <a href="{text:link1}">{text:link1 titulo}</a>
  182. <a href="{text:link2}">{text:link2 titulo}</a>
  183. <a href="{text:link3}">{text:link3 titulo}</a>
  184. <a href="{text:link4}">{text:link4 titulo}</a>
  185.  
  186.  
  187. </div>
  188.  
  189. <!-- peimeira frase-->
  190. <div class="desc">{description}</div>
  191.  
  192. <!-- segunda frase-->
  193. <div class="wvddesc2">{text:frase hover}</div>
  194.  
  195. <!-- detalhe-->
  196. <div class="simb">✧ ✧ ✧ ✧ ✧ ✧ </div>
  197.  
  198. </div>
  199. <!--Final da sidebar-->
  200.  
  201.  
  202.  
  203.  
  204.  
  205. <!--- Tooltip personalizado por Luxegrl - Não retire os meus créditos --->
  206. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){
  207. $("[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  208. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  209. <!--- Tooltip personalizado por Luxegrl - Não retire os meus créditos --->
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216. <!--barrinha da esquerda-->
  217. <div class="faixa2" ></div>
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227. <!---------------------------INÍCIO DOS POSTS-------------------------------->
  228. <div id="posts"> {block:Posts} <div class="caixas">
  229.  
  230.  
  231.  
  232.  
  233.  
  234. {block:Text}
  235. {block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}{body}
  236.  
  237. {block:indexpage}<div class="notes2">
  238. <a href="{permalink}">{NoteCount} notes</a> -
  239. {TimeAgo} -
  240. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  241. </div>{/block:indexpage}
  242. {/block:Text}
  243.  
  244.  
  245.  
  246.  
  247.  
  248. {block:Photo}
  249. <div class="caixas-imagens"><img src="{PhotoURL-250}"></div>
  250.  
  251. {block:indexpage}<div class="notes">
  252. <a href="{permalink}">{NoteCount} notes</a>
  253. - {TimeAgo} -
  254. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  255. </div>{/block:indexpage}
  256.  
  257. {block:PermalinkPage}
  258. {block:Caption}{Caption}{/block:Caption}
  259. {/block:PermalinkPage}
  260. {/block:Photo}
  261.  
  262.  
  263.  
  264.  
  265.  
  266. {block:Photoset}
  267. <div class="caixas-imagens">{Photoset}</div>
  268.  
  269. {block:indexpage}<div class="notes">
  270. <a href="{permalink}">{NoteCount} notes</a>
  271. - {TimeAgo} -
  272. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  273. </div>{/block:indexpage}
  274.  
  275.  
  276. {block:PermalinkPage}
  277. {block:Caption}{Caption}{/block:Caption}
  278. {Photoset-500}
  279. {/block:PermalinkPage}
  280. {/block:Photoset}
  281.  
  282.  
  283.  
  284.  
  285.  
  286. {block:Quote}
  287. {Quote}<br><center>
  288. <div style="margin-top:3px; margin-bottom:3px; padding-top:2px; border-top:1px dashed #aaa; font-family:'Segoe Print'; font-size:10px; text-transform:capitalize; text-decoration:none;">{block:Source}{Source}{/block:Source}</div></center>
  289.  
  290. {block:indexpage}<div class="notes2">
  291. <a href="{permalink}">{NoteCount} notes</a> -
  292. {TimeAgo} -
  293. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  294. </div>{/block:indexpage}
  295. {/block:Quote}
  296.  
  297.  
  298.  
  299.  
  300.  
  301. {block:Chat}
  302. {block:Title}<titulo>{Title}</titulo>{/block:Title}{block:Lines}
  303. {block:Label}<span>{Label}</span>{/block:Label}{Line}{/block:Lines}
  304.  
  305. {block:indexpage}<div class="notes2">
  306. <a href="{permalink}">{NoteCount} notes</a> -
  307. {TimeAgo} -
  308. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  309. </div>{/block:indexpage}
  310. {/block:Chat}
  311.  
  312.  
  313.  
  314.  
  315.  
  316. {block:Link}
  317. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  318. {block:Description}{Description}{/block:Description}
  319.  
  320. {block:indexpage}<div class="notes2">
  321. <a href="{permalink}">{NoteCount} notes</a> -
  322. {TimeAgo} -
  323. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  324. </div>{/block:indexpage}
  325. {/block:Link}
  326.  
  327.  
  328.  
  329.  
  330.  
  331. {block:Audio}
  332. {AudioPlayer}
  333.  
  334. {block:indexpage}<div class="notes2">
  335. <a href="{permalink}">{NoteCount} notes</a> -
  336. {TimeAgo} -
  337. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  338. </div>{/block:indexpage}
  339. {/block:Audio}
  340.  
  341.  
  342.  
  343.  
  344.  
  345. {block:Video}
  346. {block:Indexpage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  347.  
  348. {block:indexpage}<div class="notes2">
  349. <a href="{permalink}">{NoteCount} notes</a> -
  350. {TimeAgo} -
  351. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  352. </div>{/block:indexpage}
  353. {/block:Video}
  354.  
  355.  
  356.  
  357.  
  358.  
  359. {block:Answer}
  360. <div class="pergunta"> <div class="perguntou">{Asker}:</div> {Question}</div>
  361. <div class="ask-simbolos">
  362. ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧ ✦ ✧
  363. </div>
  364. <div class="resposta">{Answer}
  365. </div>
  366.  
  367. {block:indexpage}
  368. <div class="notes2">
  369. <a href="{permalink}">{NoteCount} notes</a> -
  370. {TimeAgo}</a>
  371. </div>{/block:indexpage}
  372. {/block:Answer}
  373.  
  374.  
  375.  
  376.  
  377.  
  378. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  379.  
  380. </div> {/block:Posts} </div>
  381. <!----------------------------FINAL DOS POSTS-------------------------------->
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. <!--Grade e rolagem infinita------------------------------------------------->
  389. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script><script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script><script type="text/javascript">$(window).load(function () {$('#posts').masonry(),$('.masonryWrap').infinitescroll({navSelector:"div#navigation",nextSelector:"div#navigation a#nextPage",itemSelector:".caixas", bufferPx:10000,extraScrollPx:11000,loadingImg:"",loadingText:"<i> </i>",},function(){$('#posts_warvada').masonry({appendedContent:$(this)});});});</script>{block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">
  390. {/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  391. </div>{/block:IndexPage}
  392. <!--------------------------------------------------------------------------->
  393.  
  394.  
  395.  
  396.  
  397.  
  398. </body>
  399. <!-------------------------------------------------------------------------->
  400. <!---- CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. -->
  401. <div id="dawacred"><b><div class="dw"></div> Design <a href="http://angeldollls.tumblr.com/" title="Design Angeldollls by 2015. Não copie, plágio é crime! ❤">Angeldollls</b></a> <div class="dw2"></div></a></div>
  402. <!---- CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. -->
  403.  
  404. <!-------------------------------------------------------------------------->
  405. </html>
Advertisement
Add Comment
Please, Sign In to add comment