Advertisement
Donadwafia

Sxevil Theme 6

Aug 23rd, 2015
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.78 KB | None | 0 0
  1. <!-- Esse código substitui o <html> e <head> para o theme ser melhor visualizado em todos os navegadores -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5.  
  6.  
  7. <!--------------------------------------------------------------------------
  8. BASE TOTALMENTE CODIFICADA POR WARVADA
  9. MODIFICADA E ADAPTADA POR SXEVIL
  10. ---------------------------------------------------------------------------->
  11.  
  12.  
  13.  
  14. <!-- favicon -->
  15. <link rel="shortcut icon" href="{favicon}">
  16.  
  17. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  18. <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>
  19.  
  20.  
  21.  
  22. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  23. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  24.  
  25. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  26.  
  27. <!-- Appearance -->
  28. <!-- imagens-->
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <!-- cores-->
  32. <meta name="color:background" content="#fff"/>
  33. <meta name="color:text" content="#222"/>
  34. <meta name="color:links" content="#222"/>
  35. <meta name="color:links hover" content="#000"/>
  36. <meta name="color:ask" content="#ffc0cb"/>
  37. <meta name="color:barra de rolagem" content="#eee"/>
  38. <meta name="color:simbolo dos notes" content="#696969"/>
  39.  
  40.  
  41. <!-- links e textos-->
  42. <meta name="text:simbolo dos notes" content="●" />
  43. <meta name="text:frase hover" content="" />
  44. <meta name="text:link1" content="" />
  45. <meta name="text:link1 titulo" content="" />
  46. <meta name="text:link2" content="" />
  47. <meta name="text:link2 titulo" content="" />
  48. <meta name="text:link3" content="" />
  49. <meta name="text:link3 titulo" content="" />
  50. <meta name="text:link4" content="" />
  51. <meta name="text:link4 titulo" content="" />
  52.  
  53.  
  54. </head>
  55. <style type="text/css" media="screen">
  56.  
  57.  
  58. /*Definições geral*/
  59. body{background:{color:background}; color:{color:text}; font-family:Tahoma; font-size:10px; text-align:left;}
  60.  
  61. /*Links */
  62. a{color:{color:links}; text-decoration:none;}
  63. a:hover{color:{color:links hover};}
  64.  
  65. /*Barra de rolagem*/
  66. ::-webkit-scrollbar{height:3px; width:5px; background:transparent;}
  67. ::-webkit-scrollbar-thumb:vertical{background:{color:barra de rolagem};}
  68. ::-webkit-scrollbar-thumb:horizontal{background:{color:barra de rolagem};}
  69.  
  70. /*Alinhamento dos posts*/
  71. #content{float:left; margin-top:5px; margin-left:400px; width:700px;
  72. padding-bottom:30px;/*esse padding é pros notes ou postagem nao fique atras da skin, recomendo não tirar*/}
  73.  
  74. .caixa{position:relative;float:left;display:inline-block; width:180px; padding:6px;margin-top:10px;margin-right:5px;margin-left:5px; border:2px solid #9f9f9f; background:#eee;}
  75. .caixa img{max-width:180px;}
  76. .imgpost img{width:180px;}
  77.  
  78. .vsanna{display:none;}
  79.  
  80. .caixa .notes {margin-top:5px; margin-left:0px; width:180px; height:13px; line-height:17px; text-align:left; text-indent:15px; color:#000; font-size:10px; font-family:'Gabriola'; text-transform:uppercase; opacity:1; transition:.8s; letter-spacing:2px; background:#fff; border: 1px solid #aaa;}
  81. .notes a{color:{color:links};}
  82. .simb{display:inline-block; font-size:10px; color:#ffcccc; transform:rotate(-1deg);}
  83.  
  84.  
  85. .blockquote{margin:5px; border-bottom:1px dashed #aaa ; padding:5px; font-family:Style; font-size:12px; padding:5px; }
  86.  
  87. /***Título por flawlessdramaqueen.tumblr.com***/
  88. h3{
  89. color: #696969;
  90. font-family:'Gabriola' ;
  91. font-size: 15px;
  92. line-height:28px;
  93. font-weight:normal;
  94. margin:0px;
  95. padding:2px;
  96. margin-bottom:-0px;
  97. text-align:left;
  98. border-bottom:1px dashed #696969;}
  99.  
  100.  
  101. /*Ask */
  102. /*ESTILO DE ASK POR BLINDAR-TE */
  103. .ask {float:left;border:1px solid #eee;margin-top:0px;margin-left:1px;}
  104. .askbaby {margin-left:28px;padding:4px;color:#aaa;font-family: 'calibri', sans-serif;font-size:10px;border:1px solid #eee;}
  105. .askbaby a{COLOR:#aaa;}
  106. .assk {border:1px solid #eee;margin-left:1px;margin-top:-11px;font-family:'arial';font-size:11px;padding:7px;color:#aaa;text-indent:5px;padding-left:4px;}
  107. .resp {margin-left:1px;margin-top:-11px;font-family:'muli';font-size:10px;padding:3px;color:#aaa;text-indent:7px;text-align:justify;width:auto;}
  108.  
  109. /* Barrinha por warvada. Não retire os créditos.*/
  110. /*barrinha da esquerda*/.wr11{position:fixed; top:0px; left:400px; width:5px; height:700px; background:#eee;}
  111.  
  112. /* Barrinha por warvada. Não retire os créditos.*/
  113. /*barrinha da direita*/.wr12{position:fixed; top:0px; left:950px; width:5px; height:700px; background:#eee;}
  114.  
  115.  
  116. /*Alinhamento da sidebar*/
  117. .wvdside1{position:fixed; margin-top:0px; margin-left:120px; width:180px; height:510px; border: 1px solid #aaa;opacity:1; background:#eee;}
  118.  
  119.  
  120.  
  121.  
  122. /*Imagem da sidebar*/
  123. .wvdimg img{width:125px; height:135px;margin-top:130px; margin-left:7px;border: 1px solid #aaa; background:#eee; border: 15px solid #ddd; padding:4px; }
  124.  
  125.  
  126. /*menu*/
  127. .link1{position:fixed; margin-top:-100px; margin-left:27px; width:105px; height:10px; padding:3px; text-align:center; opacity:0; transition:.80s; }
  128. .link1 a{display:inline-block; padding:2px; width:40px; height:10px;line-height:10px; color:#000; text-transform:uppercase; font-size:10px; font-family:'Calibri'; transition:.80s; border: 1px solid #aaa;}
  129. .link1 a:hover{text-shadow: 0 1px 0 #fff; transition:.80s;box-shadow: inset -105px 0px 0px 0px #ddd,}
  130. /*Hover do menu*/
  131. .wvdside1:hover .link1{opacity:1; transition:1s;}
  132. .link2{position:fixed; margin-top:-100px; margin-left:23px; width:115px; height:10px; padding:3px; text-align:center; opacity:0; transition:.80s; }
  133. .link2 a{display:inline-block; padding:2px; width:60px; height:10px;line-height:10px; color:#000; text-transform:uppercase; font-size:10px; font-family:'Calibri'; transition:.80s; border: 1px solid #aaa;}
  134. .link2 a:hover{text-shadow: 0 1px 0 #fff; transition:.80s;box-shadow: inset -120px 0px 0px 0px #ddd, }
  135. /*Hover do menu*/
  136. .wvdside1:hover .link2{opacity:1; transition:1s;margin-top:-85px;}
  137. .link3{position:fixed; margin-top:-100px; margin-left:16px; width:130px; height:10px; padding:3px; text-align:center; opacity:0; transition:.80s; }
  138. .link3 a{display:inline-block; padding:2px; width:80px; height:10px;line-height:10px; color:#000; text-transform:uppercase; font-size:10px; font-family:'Calibri'; transition:.80s; border: 1px solid #aaa;}
  139. .link3 a:hover{text-shadow: 0 1px 0 #fff; transition:.80s;box-shadow: inset -135px 0px 0px 0px #ddd,}
  140. /*Hover do menu*/
  141. .wvdside1:hover .link3{opacity:1; transition:1s; margin-top:-70px;}
  142. .link4{position:fixed; margin-top:-100px; margin-left:10px; width:145px; height:10px; padding:3px; text-align:center; opacity:0; transition:.80s; }
  143. .link4 a{display:inline-block; padding:2px; width:100px; height:10px;line-height:10px; color:#000; text-transform:uppercase; font-size:10px; font-family:'Calibri'; transition:.80s; border: 1px solid #aaa;}
  144. .link4 a:hover{text-shadow: 0 1px 0 #fff; transition:.80s;box-shadow: inset -150px 0px 0px 0px #ddd,}
  145. /*Hover do menu*/
  146. .wvdside1:hover .link4{opacity:1; transition:1s;margin-top:-55px;}
  147.  
  148.  
  149. /*Primeira frase*/
  150. .wvddesc{position:fixed; margin-left:0px; margin-top:-13px; width:180px; text-align:center; height:12px; line-height:10px; transition:.80s; font-family:'gabriola'; font-size:15px; opacity:1; }
  151.  
  152.  
  153.  
  154.  
  155. /*detalhe*/
  156. .wvdsimb{position:fixed; margin-top:0px; margin-left:15px; transform:rotate(1deg); OPACITY:1;}
  157. .wvdsimb img{width:14px; height:13px;}
  158. /*Hover do detalhe*/
  159. .wvdside:hover .wvdsimb{margin-left:78px; opacity:1; transition:.80s;margin-top:-60px;}
  160.  
  161.  
  162.  
  163.  
  164. /*Estilo de Crédito por Fckdolls*/
  165. .fck_cred {font-size:11px;font-family:'Calibri';width:auto;height:10px; text-align:center;line-height:16px;margin-top:30px;position:fixed;left:15px;line-height:15%;transition:.80s; opacity:1; }
  166. .fck_cred a {color:#000;text-indent:5px;padding:2px;border:1px solid #ccc;width:120px;BACKGROUND:#000;height:2px;transition:.80s;color:#fff; color:black; BACKGROUND:#fff;}
  167. .fck_cred:hover .fck_cred {opacity:0; transition:.80s;}
  168.  
  169. .fck_cred2 {font-size:11px;font-family:'Calibri';width:auto;height:10px; text-align:center;line-height:16px;margin-top:-1px;position:fixed;left:15px;line-height:15%;transition:.80s; opacity:0;}
  170. .fck_cred2 a {color:#fff;text-indent:5px;padding:2px;border:1px solid #ccc;width:120px;BACKGROUND:#9c9c9c;height:2px;transition:.80s;color:#fff; color:black; BACKGROUND:#fff;}
  171. .fck_cred:hover .fck_cred2 {opacity:1}
  172.  
  173.  
  174. /*Estilo de Crédito por Fckdolls*/
  175.  
  176.  
  177. </style>
  178.  
  179. <body onkeydown="return false">
  180.  
  181.  
  182.  
  183. <!--slinhamento da sidebar-->
  184. <div class="wvdside1">
  185.  
  186. <!-- imagem da sidebar-->
  187. <div class="wvdimg"><img src="{image:sidebar}"></div>
  188. <div class="wvddesc">{description}</div>
  189.  
  190.  
  191.  
  192.  
  193. <div class="link1">
  194. <a href="{text:link1}">{text:link1 titulo}</a></div>
  195. <div class="link2">
  196. <a href="{text:link2}">{text:link2 titulo}</a></div>
  197. <div class="link3">
  198. <a href="{text:link3}">{text:link3 titulo}</a></div>
  199. <div class="link4">
  200. <a href="{text:link4}">{text:link4 titulo}</a></div>
  201. </div>
  202.  
  203.  
  204. <div style="position:fixed; margin-top:305px; margin-left:127px;"><img src="http://4.bp.blogspot.com/-4LD5PJKoU8A/VCXgJ7eY_JI/AAAAAAAADuE/zNDf3tf7mss/s1600/linha.png" style="width:170px;"></div>
  205.  
  206. </div>
  207. <!--Final da sidebar-->
  208.  
  209.  
  210. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  211. <div style="position:fixed; top:-1px; left:325px;"><img src="http://goo.gl/6ZXVvN"></div>
  212. <!–Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha –>
  213. <div style="position:fixed; top:-1px; left:335px;"><img src="http://goo.gl/6ZXVvN"></div>
  214. <!–codigo por warvada –>
  215. <div style="position:fixed; top:-1px; left:328px; z-index:9;"><img src="http://static.tumblr.com/dmthwjc/ILLntb4ja/1.jpg"></div>
  216.  
  217. <!-Estilo de Crédito por Fckdolls, NÃO RETIRE ISSO ->
  218. <div class="fck_cred">
  219. <a href="http://sxevil.tumblr.com" >Luh ♥ </a>
  220. <div class="fck_cred2">
  221. <a href="http://sxevil.tumblr.com" title="Don't copy, Bitch">Sxevil</a>
  222. </div></div>
  223. <!-Estilo de Crédito por Fckdolls, NÃO RETIRE ISSO ->
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235. <!--Inicio dos posts-->
  236. <div id="content">
  237. {block:Posts}
  238. <div class="caixa">
  239.  
  240.  
  241.  
  242.  
  243. {block:Text}
  244. {block:Title}<h3>{Title}</h3>{/block:Title}
  245. {body}
  246. {/block:Text}
  247.  
  248.  
  249.  
  250. {block:Photo}
  251. {LinkOpenTag}
  252. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  253.  
  254. {/block:Photo}
  255.  
  256.  
  257.  
  258. {block:Photoset}
  259. <div class="imgpost">{Photoset}</div>{LinkCloseTag}
  260. {/block:Photoset}
  261.  
  262.  
  263.  
  264. {block:Quote}
  265. <div class="blockquote">{Quote}</div>
  266. <center><b>{block:Source}<font color="#000">{Source}</font>{/block:Source}</b></center>
  267. {/block:Quote}
  268.  
  269.  
  270.  
  271. {block:Chat}
  272. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  273. {block:Lines}
  274. {block:Label}<span>{Label}</span>{/block:Label}
  275. {Line}
  276. {/block:Lines}
  277. {/block:Chat}
  278.  
  279.  
  280.  
  281. {block:Link}
  282. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  283. {block:Description}{Description}{/block:Description}
  284. {/block:Link}
  285.  
  286.  
  287.  
  288. {block:Audio}
  289. {AudioPlayer}
  290. {/block:Audio}
  291.  
  292.  
  293.  
  294. {block:Video}
  295. {block:Indexpage}{Video-250}{/block:IndexPage}
  296. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  297. {block:Caption}{Caption}{/block:Caption}
  298. {/block:Video}
  299.  
  300.  
  301.  
  302. {block:Answer}
  303. <img src="{AskerPortraitURL-24}" class="ask">
  304. <div class="askbaby" align="left"> {Asker} susurrou:</div><p></p>
  305. <div class="assk">{Question}</div><p></p>
  306. <div class="resp">{Answer}</div>
  307. {/block:Answer}
  308.  
  309.  
  310.  
  311.  
  312. <!--notes-->
  313. {block:indexpage}
  314. <div class="notes">
  315. <a href="{ReblogURL}" target="_blank">Reblog /</a>
  316. <a href="{permalink}">{NoteCount} notes</a>
  317. </div>
  318. {/block:indexpage}
  319.  
  320.  
  321.  
  322.  
  323. <!--bloqueio do via e source -->
  324. <div class="vsanna">
  325. {block:RebloggedFrom}
  326. <a href="{ReblogParentURL}">via</a>
  327. {/block:RebloggedFrom}
  328. {block:ContentSource}
  329. <a href="{SourceURL}">source</a>
  330. {/block:ContentSource}
  331. </div>
  332.  
  333.  
  334.  
  335.  
  336.  
  337. </div>
  338. {/block:Posts}
  339. </div>
  340. <!--fim dos posts-->
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355. <!-- script barra de rolagem e caixas do theme-->
  356. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  357. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  358. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  359. <script type="text/javascript">
  360. $(window).load(function () {
  361. $('#content').masonry(),
  362. $('.masonryWrap').infinitescroll({
  363. navSelector : "div#navigation",
  364. nextSelector : "div#navigation a#nextPage",
  365. itemSelector : ".caixa",
  366. bufferPx : 10000,
  367. extraScrollPx: 11000,
  368. loadingImg : "",
  369. loadingText : "<i> </i>",
  370. },
  371. // call masonry as a callback.
  372. function() { $('#content').masonry({ appendedContent: $(this) }); }
  373. );
  374. });
  375. </script>
  376.  
  377. {block:IndexPage}
  378. <div class="column navigation" id="navigation">
  379. {block:Pagination}
  380. {block:PreviousPage}
  381. <a href="{PreviousPage}" class="navigate">
  382. {/block:PreviousPage}
  383. {block:PreviousPage}</a>
  384. {/block:PreviousPage}
  385.  
  386. {block:NextPage}
  387. <a href="{NextPage}" class="navigate" id="nextPage">
  388. {/block:NextPage}
  389. {block:NextPage}</a>{/block:NextPage}
  390. {/block:Pagination}
  391. </div>
  392. {/block:IndexPage}
  393.  
  394. </body>
  395. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement