Advertisement
Donadwafia

Theme Mafiosado

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