Advertisement
ANATHEMEX

Base warvada

Jan 11th, 2016
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.28 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">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head profile="http://gmpg.org/xfn/11">
  4.  
  5. <!--------------------------------------------------------------------------
  6. BASE TOTALMENTE CODIFICADA POR WARVADA
  7. MODIFICADA E ADAPTADA POR SEU TUMBLR - 2015
  8.  
  9.  
  10. ●●●●●● ●●● ●●● ●●●●●●
  11. ●● ●● ●● ●● ●●
  12. ♥♥ ♥♥♥♥ ●●●●●●
  13. ●● ●● ●● ●●
  14. ●● ●●● ●●● ●●
  15. ---------------------------------------------------------------------------->
  16.  
  17. <!-- favicon -->
  18. <link rel="shortcut icon" href="{favicon}">
  19.  
  20. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  21. <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>
  22.  
  23.  
  24.  
  25. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  26. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  27.  
  28.  
  29.  
  30. <!-- Appearance -->
  31. <!-- imagens-->
  32. <meta name="image:sidebar" content=""/>
  33.  
  34. <!-- cores-->
  35. <meta name="color:background" content="#fff"/>
  36. <meta name="color:text" content="#222"/>
  37. <meta name="color:links" content="#222"/>
  38. <meta name="color:links hover" content="#000"/>
  39. <meta name="color:ask" content="#ffc0cb"/>
  40. <meta name="color:barra de rolagem" content="#eee"/>
  41. <meta name="color:simbolo dos notes" content="#696969"/>
  42. <meta name="color:borda 1" content="#eee"/>
  43. <meta name="color:borda 2" content="#ffc0cb"/>
  44. <meta name="color:borda do popup" content="#ffc0cb"/>
  45.  
  46. <!-- links e textos-->
  47. <meta name="text:simbolo dos notes" content="●" />
  48. <meta name="text:frase hover" content="" />
  49. <meta name="text:link1" content="" />
  50. <meta name="text:link1 titulo" content="" />
  51. <meta name="text:link2" content="" />
  52. <meta name="text:link2 titulo" content="" />
  53. <meta name="text:link3" content="" />
  54. <meta name="text:link3 titulo" content="" />
  55. <meta name="text:link4" content="" />
  56. <meta name="text:link4 titulo" content="" />
  57.  
  58.  
  59. </head>
  60. <style type="text/css" media="screen">
  61.  
  62. /*Definições geral*/
  63. body{background:{color:background}; color:{color:text}; font-family:Tahoma; font-size:10px; text-align:left;}
  64.  
  65. /*Links */
  66. a{color:{color:links}; text-decoration:none;}
  67. a:hover{color:{color:links hover};}
  68.  
  69. /*Barra de rolagem*/
  70. ::-webkit-scrollbar-thumb{
  71. background-color: #COR DA BARRA;
  72. border: 1px solid #COR DO BACKGROUD DO SEU THEME;
  73. height:auto;
  74.  
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. height:7px;
  79. width:7px;
  80. background-color: #COR DA BARRA;
  81. border: 3px solid #COR DO BACKGROUND DO SEU THEME;
  82. }
  83.  
  84. /*Alinhamento dos posts*/
  85. #content{float:left; margin-top:5px; margin-left:400px; width:700px;
  86. padding-bottom:30px;/*esse padding é pros notes ou postagem nao fique atras da skin, recomendo não tirar*/}
  87.  
  88. /*Caixas dos posts*/
  89. .caixa{position:relative; float:left; display:inline-block; width:250px; padding:3px; margin-left:10px;}
  90. .caixa img{max-width:250px;}
  91.  
  92. /*Posts de imagens*/
  93. .imgpost img{width:250px;}
  94.  
  95. /*Bloqueio do via e source - não retire*/
  96. .vsanna{display:none;}
  97.  
  98. /*notes*/
  99. .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;}
  100.  
  101. .caixa:hover .notes{opacity:1; margin-top:0px; transform:rotatex(0deg); transition:.8s;}
  102.  
  103. /*Titulos dos posts*/
  104. titulo{text-decoration:none;}
  105.  
  106. /*Blockquote*/
  107. blockquote {margin:5px;}
  108.  
  109. /*Ask */
  110. .pergunta{margin-top:0px; width:100%; height:auto; line-height:13px; padding:0 0 2px 0; text-align:left; border-bottom:1px solid {color:ask}; border-top:1px solid {color:ask};}
  111. .resposta{margin-top:1px; width:100%; height:auto; padding:3px; font-size:10px; text-align:left; border-bottom:1px dashed #eee;}
  112.  
  113. /* Barrinha por warvada. Não retire os créditos.*/
  114. /*barrinha da esquerda*/.wr11{position:fixed; top:0px; left:400px; width:5px; height:700px; background:#eee;}
  115.  
  116. /* Barrinha por warvada. Não retire os créditos.*/
  117. /*barrinha da direita*/.wr12{position:fixed; top:0px; left:950px; width:5px; height:700px; background:#eee;}
  118.  
  119.  
  120. /*Alinhamento da sidebar*/
  121. .txpside{position:fixed; margin-top:160px; margin-left:200px; width:150px; height:300px;}
  122.  
  123.  
  124. /*Imagem da sidebar*/
  125. .txpimg img{width:150px; height:190px;}
  126.  
  127.  
  128. /*menu*/
  129. .txpmenu{position:fixed; margin-top:-70px; margin-left:10px; width:auto; height:auto; padding:3px; background:rgba(255,255,255,.2); text-align:center; opacity:0; transition:.80s;}
  130. .txpmenu a{display:block; padding:0; width:50px; height:12px line-height:8px; color:white; text-shadow:1px 1px 0 #000; text-transform:uppercase; font-size:8px; font-family:'Calibri'; margin-bottom:1px; background:rgba(255,255,255,.4); transition:.80s;}
  131. .txpmenu a:hover{text-shadow:0 0 2px #fff;transition:.80s;}
  132. /*Hover do menu*/
  133. .txpside:hover .txpmenu{opacity:1; transition:.80s;}
  134.  
  135.  
  136. /*Primeira frase*/
  137. .txpdesc{position:fixed; margin-left:2px; margin-top:0px; width:150px; text-align:center; height:12px; line-height:10px; transition:.80s;}
  138. /*Hover da primeira frase*/
  139. .txpside:hover .txpdesc{margin-left:-5px; opacity:0; transition:.80s;}
  140.  
  141.  
  142. /*Segunda frase*/
  143. .txpdesc2{position:fixed; margin-left:-5px; margin-top:0px; width:140px; text-align:center; height:12px; line-height:10px; opacity:0; transition:.80s;}
  144. /*Hover da segunda frase*/
  145. .txpside:hover .txpdesc2{margin-left:0px; opacity:1; transition:.80s;}
  146.  
  147.  
  148. /*detalhe*/
  149. .txpsimb{position:fixed; margin-top:-20px; margin-left:0px; color:PINK; transform:rotate(1deg); font-size:14px; OPACITY:0;}
  150. /*Hover do detalhe*/
  151. .txpside:hover .txpsimb{margin-left:30px; opacity:1; transition:.80s;}
  152. </style>
  153.  
  154. <body onkeydown="return false">
  155.  
  156.  
  157.  
  158. <!--slinhamento da sidebar-->
  159. <div class="txpside">
  160.  
  161. <!-- imagem da sidebar-->
  162. <div class="txpimg"><img src="{image:sidebar}"></div>
  163.  
  164. <!-- menu -->
  165. <div class="txpmenu">
  166. <a href="{text:link1}">{text:link1 titulo}</a>
  167. <a href="{text:link2}">{text:link2 titulo}</a>
  168. <a href="{text:link3}">{text:link3 titulo}</a>
  169. <a href="{text:link4}">{text:link4 titulo}</a>
  170. </div>
  171.  
  172. <!-- peimeira frase-->
  173. <div class="txpdesc">{description}</div>
  174.  
  175. <!-- segunda frase-->
  176. <div class="txpdesc2">{text:frase hover}</div>
  177.  
  178. <!-- detalhe-->
  179. <div class="txpsimb">❤</div>
  180.  
  181. </div>
  182. <!--Final da sidebar-->
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194. <!--barrinha da esquerda-->
  195. <div class="wr11"></div>
  196.  
  197.  
  198. <!--barrinha da direita-->
  199. <div class="wr12"></div>
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <!--Inicio dos posts-->
  207. <div id="content">
  208. {block:Posts}
  209. <div class="caixa">
  210.  
  211.  
  212.  
  213.  
  214. {block:Text}
  215. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  216. {body}
  217. {/block:Text}
  218.  
  219.  
  220.  
  221. {block:Photo}
  222. {LinkOpenTag}
  223. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  224. {/block:Photo}
  225.  
  226.  
  227.  
  228. {block:Photoset}
  229. <div class="imgpost">{Photoset-250}</div>{LinkCloseTag}
  230. {/block:Photoset}
  231.  
  232.  
  233.  
  234. {block:Quote}
  235. {Quote}<br>
  236. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  237. {/block:Quote}
  238.  
  239.  
  240.  
  241. {block:Chat}
  242. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  243. {block:Lines}
  244. {block:Label}<span>{Label}</span>{/block:Label}
  245. {Line}
  246. {/block:Lines}
  247. {/block:Chat}
  248.  
  249.  
  250.  
  251. {block:Link}
  252. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  253. {block:Description}{Description}{/block:Description}
  254. {/block:Link}
  255.  
  256.  
  257.  
  258. {block:Audio}
  259. {AudioPlayer}
  260. {/block:Audio}
  261.  
  262.  
  263.  
  264. {block:Video}
  265. {block:Indexpage}{Video-250}{/block:IndexPage}
  266. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  267. {block:Caption}{Caption}{/block:Caption}
  268. {/block:Video}
  269.  
  270.  
  271.  
  272. {block:Answer}
  273. <div class="pergunta">{Asker}: {Question}</div>
  274.  
  275. <div class="resposta">{Answer}</div>
  276. {/block:Answer}
  277.  
  278.  
  279.  
  280.  
  281. <!--notes-->
  282. {block:indexpage}
  283. <div class="notes">
  284. <a href="{permalink}">{NoteCount} notes</a> -
  285. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  286. </div>
  287. {/block:indexpage}
  288.  
  289.  
  290.  
  291.  
  292. <!--bloqueio do via e source -->
  293. <div class="vsanna">
  294. {block:RebloggedFrom}
  295. <a href="{ReblogParentURL}">via</a>
  296. {/block:RebloggedFrom}
  297. {block:ContentSource}
  298. <a href="{SourceURL}">source</a>
  299. {/block:ContentSource}
  300. </div>
  301.  
  302.  
  303.  
  304.  
  305.  
  306. </div>
  307. {/block:Posts}
  308. </div>
  309. <!--fim dos posts-->
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. <!-- script barra de rolagem e caixas do theme-->
  325. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  326. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  327. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  328. <script type="text/javascript">
  329. $(window).load(function () {
  330. $('#content').masonry(),
  331. $('.masonryWrap').infinitescroll({
  332. navSelector : "div#navigation",
  333. nextSelector : "div#navigation a#nextPage",
  334. itemSelector : ".caixa",
  335. bufferPx : 10000,
  336. extraScrollPx: 11000,
  337. loadingImg : "",
  338. loadingText : "<i> </i>",
  339. },
  340. // call masonry as a callback.
  341. function() { $('#content').masonry({ appendedContent: $(this) }); }
  342. );
  343. });
  344. </script>
  345.  
  346. {block:IndexPage}
  347. <div class="column navigation" id="navigation">
  348. {block:Pagination}
  349. {block:PreviousPage}
  350. <a href="{PreviousPage}" class="navigate">
  351. {/block:PreviousPage}
  352. {block:PreviousPage}</a>
  353. {/block:PreviousPage}
  354.  
  355. {block:NextPage}
  356. <a href="{NextPage}" class="navigate" id="nextPage">
  357. {/block:NextPage}
  358. {block:NextPage}</a>{/block:NextPage}
  359. {/block:Pagination}
  360. </div>
  361. {/block:IndexPage}
  362.  
  363. </body>
  364. </div>
  365. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement