Advertisement
kathdesigns

theme 11

Sep 7th, 2015
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.38 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ÃO RETIRE OS CREDITOS,SE TIRAR VOU TE DAR UM TIRO
  17. SEJA CRIATIVO COPIAR ALGUEM É FEIO,SEJA CAPAZ E ACREDITE EM VOCÊ
  18.  
  19. ----------------------------------------------------------------------------->
  20.  
  21. <!-- favicon -->
  22. <link rel="shortcut icon" href="{favicon}">
  23.  
  24. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  25. <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>
  26.  
  27.  
  28.  
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  30. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  31.  
  32.  
  33.  
  34. <!-- Appearance -->
  35. <!-- imagens-->
  36. <meta name="image:sidebar" content=""/>
  37.  
  38. <!-- cores-->
  39. <meta name="color:background" content="#fff"/>
  40. <meta name="color:text" content="#222"/>
  41. <meta name="color:links" content="#222"/>
  42. <meta name="color:links hover" content="#000"/>
  43. <meta name="color:barra de rolagem" content="#eee"/>
  44.  
  45.  
  46. <!-- links e textos-->
  47. <meta name="text:link1" content="" />
  48. <meta name="text:link1 titulo" content="" />
  49. <meta name="text:link2 titulo" content="" />
  50. <meta name="text:link2" 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=Quicksand' 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:'quicksand'; font-size:10px; text-align:left;}
  66. h1{font-family: 'Quicksand', sans-serif;}
  67.  
  68.  
  69.  
  70. /*Links */
  71. a{color:{color:links}; text-decoration:none;}
  72. a:hover{color:{color:links hover};}
  73.  
  74. /*Barra de rolagem*/
  75. ::-webkit-scrollbar{height:3px; width:5px; background:transparent;}
  76. ::-webkit-scrollbar-thumb:vertical{background:{color:barra de rolagem};}
  77. ::-webkit-scrollbar-thumb:horizontal{background:{color:barra de rolagem};}
  78.  
  79. /*Alinhamento dos posts*/
  80. #content{float:left; margin-top:5px; margin-left:383px; width:800px;
  81. padding-bottom:30px;/*esse padding é pros notes ou postagem nao fique atras da skin, recomendo não tirar*/}
  82. .caixa{position:relative; float:left; display:inline-block; width:226px; padding:3px; margin:5px; border:1px solid #ccc; overflow:hidden; text-shadow:1px 1px 0 rgba(255,255,255,.8);background-color;#fff}
  83. .caixa img{max-width:200px; height:auto;}
  84.  
  85.  
  86. /*Caixas dos posts*/
  87. .caixa{position:relative; float:left; display:inline-block; width:200px; padding:3px; margin-left:10px;}
  88. .caixa img{max-width:200px;}
  89.  
  90. /*Posts de imagens*/
  91. imgpost img{width:300px; outline:1px solid white; outline-offset:-3px;}
  92.  
  93.  
  94. /*Bloqueio do via e source - não retire*/
  95. .vsanna{display:none;}
  96.  
  97. /*notes*/
  98. .caixa .notes{margin-top:0px; margin-left:0px; width:250px; height:13px; line-height:17px; text-align:center; color:{color:links}; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transform:rotatex(180deg); transition:.8s;}
  99.  
  100. .caixa:hover .notes{opacity:1; margin-top:0px; transform:rotatex(0deg); transition:.8s;}
  101.  
  102. /*Titulos dos posts*/
  103. titulo{text-decoration:none;}
  104.  
  105. /*Blockquote*/
  106. blockquote {margin:5px;}
  107.  
  108. /*CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. */
  109. #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:{color:text}; 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:#f5bcc6; transition:.80s;opacity:100; font-size:11px; transform:rotate(1deg); text-shadow:0px 0px 1px #ccc;}.dw2{position:fixed; margin-top:-5px; margin-left:-19px; width:auto; height:auto; color:#aaaaaa; transition:.80s; opacity:100; font-size:11px; transform:rotate(1deg); text-shadow:0px 0px 1px #aaa;}
  110. /*CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. */
  111.  
  112.  
  113.  
  114.  
  115. /*Ask */
  116. /*ASK FEITA POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO */
  117. .pergunta{margin-top:-7px; width:94%; height:auto; line-height:13px; padding: 0 0 5px 0; text-align:left; padding-top:2px; padding-bottom:1px; padding-left:6px; border:3px double #ddd;; font-size:8px; font-family:calibri; text-transform:uppercase; background:#fff;}
  118. .resposta{margin-top:-2px; width:99%; height:auto; padding:4px; font-size:10px; text-align:left; padding-bottom:auto; font-size:8px; font-family:calibri; text-transform:uppercase; background:;}
  119. .floweraskdawa{display:inline-block; width:auto; height:11px; font-size:11px; text-shadow:0px 0px 0px #aaa; transform:rotate(1deg); background:#fafafa;}
  120. /*ASK FEITA POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO */
  121.  
  122.  
  123.  
  124. /*Alinhamento da sidebar*/
  125. .side{position:fixed; margin-top:170px; margin-left:180px; width:166px; height:130px;background-color:#fff;border:1px solid #ddd;outline:1px; outline-offset:-2px ;position:fixed;background-image: url('');}
  126.  
  127.  
  128. /*Imagem da sidebar*/
  129. .foto img{width:142px; height:115px;margin-left:10px;margin-top:5px;}
  130. .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;}
  131. .cute{height:110px;width:139px;margin-left:10px;margin-top:-118px;border:3px solid #ddd;outline:1px solid#fff; outline-offset:-8px;position:fixed;}
  132. .side:hover .foto { solid #000;}
  133.  
  134.  
  135. /*menu*/
  136. /*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  137. #sim{position:fixed; width: 150px; height:25px; margin-left:11px; margin-top: -144px; text-align:center;}
  138.  
  139. #sim a {float: left; margin-left: 10px; display: block; font-family: consolas; font-style: normal;font-size: 12px; text-align:center; width:12px; color:#D3D3D3; height: 30px;line-height:25px;text-shadow: -12px 0px 0px transparent, 12px 0px 0px transparent; -webkit-transition: all 0.9s ease-in-out}
  140.  
  141. #sim a:hover {text-shadow: 0px 0px 0px, 0px 0px 0px;}
  142. /*helpdesigns*/
  143.  
  144. /*Primeira frase*/
  145. .desc{position:fixed; margin-left:10px; margin-top:13px; width:130px; text-align:center; font-size:10px; font-family:'quicksand';text-transform:uppercase;text-shadow: 1px 1px 0px #fff; height:13px; line-height:15px; transition:.80s; color:#000;background-image:url('');border:1px solid #ddd; outline:1px; outline-offset:-2px;}
  146. h1{font-family: 'Quicksand', sans-serif;}
  147.  
  148.  
  149. </style>
  150.  
  151. <body onkeydown="return false">
  152.  
  153.  
  154.  
  155. <!--slinhamento da sidebar-->
  156. <div class="side">
  157.  
  158. <!-- imagem da sidebar-->
  159. <div class="foto"><img src="{image:sidebar}"></div>
  160. <div class="cute"></div>
  161.  
  162. <!-- menu -->
  163. <div id="sim">
  164. <a href="{text:link1}" target="_blank" title="{text:link1 titulo}"> 阿</a>
  165. <a href="{text:link2}" target="_blank" title="{text:link2 titulo}">贝</a>
  166. <a href="{text:link3}" target="_blank" title="{text:link3 titulo}">色</a>
  167. <a href="{text:link4}" target="_blank" title="{text:link4 titulo}">德</a>
  168.  
  169. </div>
  170. <!-- peimeira frase-->
  171. <div class="desc">{description}</div>
  172.  
  173. </div>
  174. <!--Final da sidebar-->
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188. <!--Inicio dos posts-->
  189. <div id="content">
  190. {block:Posts}
  191. <div class="caixa">
  192.  
  193.  
  194.  
  195.  
  196. {block:Text}
  197. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  198. {body}
  199. {/block:Text}
  200.  
  201.  
  202.  
  203. {block:Photo}
  204. {LinkOpenTag}
  205. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  206. {/block:Photo}
  207.  
  208.  
  209.  
  210. {block:Photoset}
  211. <div class="imgpost">{Photoset-250}</div>{LinkCloseTag}
  212. {/block:Photoset}
  213.  
  214.  
  215.  
  216. {block:Quote}
  217. {Quote}<br>
  218. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  219. {/block:Quote}
  220.  
  221.  
  222.  
  223. {block:Chat}
  224. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  225. {block:Lines}
  226. {block:Label}<span>{Label}</span>{/block:Label}
  227. {Line}
  228. {/block:Lines}
  229. {/block:Chat}
  230.  
  231.  
  232.  
  233. {block:Link}
  234. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  235. {block:Description}{Description}{/block:Description}
  236. {/block:Link}
  237.  
  238.  
  239.  
  240. {block:Audio}
  241. {AudioPlayer}
  242. {/block:Audio}
  243.  
  244.  
  245.  
  246. {block:Video}
  247. {block:Indexpage}{Video-250}{/block:IndexPage}
  248. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  249. {block:Caption}{Caption}{/block:Caption}
  250. {/block:Video}
  251.  
  252.  
  253.  
  254. {block:Answer}
  255. <!-- ASK FEITA POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO -->
  256. <center><div class="floweraskdawa"><font color="#ccc"><b></b></font><font color="pink"><b></b></font></div></center>
  257. <div class="pergunta"> <div style="display:inline-block; font-size:8px; text-transform:uppercase; font-family:calibri; border-radius:00px 100px 100px 100px; background:; width:auto; line-height:15px; height:15px; padding:auto;"><b>{Asker}:</b></div> {Question}</div>
  258. <div class="resposta">{Answer}</div>
  259. <!-- ASK FEITA POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO -->
  260. {/block:Answer}
  261.  
  262.  
  263.  
  264.  
  265. <!--notes-->
  266. {block:indexpage}
  267. <div class="notes">
  268. <a href="{permalink}">{NoteCount} notes</a> -
  269. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  270. </div>
  271. {/block:indexpage}
  272.  
  273.  
  274.  
  275.  
  276. <!--bloqueio do via e source -->
  277. <div class="vsanna">
  278. {block:RebloggedFrom}
  279. <a href="{ReblogParentURL}">via</a>
  280. {/block:RebloggedFrom}
  281. {block:ContentSource}
  282. <a href="{SourceURL}">source</a>
  283. {/block:ContentSource}
  284. </div>
  285.  
  286.  
  287.  
  288.  
  289.  
  290. </div>
  291. {/block:Posts}
  292. </div>
  293. <!--fim dos posts-->
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308. <!-- script barra de rolagem e caixas do theme-->
  309. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  310. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  311. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  312. <script type="text/javascript">
  313. $(window).load(function () {
  314. $('#content').masonry(),
  315. $('.masonryWrap').infinitescroll({
  316. navSelector : "div#navigation",
  317. nextSelector : "div#navigation a#nextPage",
  318. itemSelector : ".caixa",
  319. bufferPx : 10000,
  320. extraScrollPx: 11000,
  321. loadingImg : "",
  322. loadingText : "<i> </i>",
  323. },
  324. // call masonry as a callback.
  325. function() { $('#content').masonry({ appendedContent: $(this) }); }
  326. );
  327. });
  328. </script>
  329.  
  330. {block:IndexPage}
  331. <div class="column navigation" id="navigation">
  332. {block:Pagination}
  333. {block:PreviousPage}
  334. <a href="{PreviousPage}" class="navigate">
  335. {/block:PreviousPage}
  336. {block:PreviousPage}</a>
  337. {/block:PreviousPage}
  338.  
  339. {block:NextPage}
  340. <a href="{NextPage}" class="navigate" id="nextPage">
  341. {/block:NextPage}
  342. {block:NextPage}</a>{/block:NextPage}
  343. {/block:Pagination}
  344. </div>
  345. {/block:IndexPage}
  346.  
  347. </body>
  348. </html>
  349.  
  350. <!---- CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. -->
  351. <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! Don't copy!">exclusivo</b></a> <div class="dw2"></div></a></div>
  352. <!---- CRÉDITOS POR DAWALIZADA. NÃO PEGUE SEM PERMISSÃO. JAMAIS RETIRE OS CRÉDITOS. -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement