Advertisement
nicoliveeira

Theme 122

Oct 8th, 2015
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.36 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. ♥♥♥♥♥♥♥♥♥ ♥♥♥♥♥♥♥♥ ♥♥♥♥♥♥ ♥♥♥ ♥♥♥♥♥♥♥♥♥
  9. ♥♥♥♥♥♥♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥♥
  10. ♥♥♥ ♥♥♥ ♥♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥♥♥
  11. ♥♥♥ ♥♥♥ ♥♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥♥
  12. ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥
  13. ♥♥♥♥♥♥♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥ ♥♥♥♥♥♥ ♥♥♥ ♥♥♥♥
  14. ♥♥♥♥♥♥♥♥♥ ♥♥♥♥♥♥♥♥ ♥♥♥ ♥♥♥♥♥♥ ♥♥♥ ♥♥♥♥
  15.  
  16.  
  17.  
  18. BASE TOTALMENTE CODIFICADA POR WARVADA
  19. MODIFICADA E ADAPTADA POR CODEINER
  20. ---------------------------------------------------------------------------->
  21.  
  22.  
  23.  
  24.  
  25.  
  26. <!-- favicon -->
  27. <link rel="shortcut icon" href="{image:favicon}">
  28.  
  29. <!-- script do efeito do titulo na aba do navegador (efeito digitando) -->
  30. <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>
  31.  
  32.  
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  35. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  36.  
  37.  
  38.  
  39. <!-- Appearance -->
  40. <!-- imagens-->
  41. <meta name="image:sidebar" content=""/>
  42.  
  43. <!-- cores-->
  44. <meta name="color:background" content="#fff"/>
  45. <meta name="color:barra de rolagem" content="#eee"/>
  46. <meta name="color:text" content="#000" />
  47. <meta name="color:askdetalhe" content="pink" />
  48. <meta name="color:selection" content="pink" />
  49.  
  50.  
  51. <meta name="image:sidebar" content="" />
  52. <meta name="image:favicon" content="" />
  53. <meta name="if:Rolagem infinita" content="1"/>
  54. <meta name="if:duascolunas" content=""/>
  55. <meta name="if:trescolunas" content=""/>
  56. <meta name="image:background" content=""/>
  57.  
  58.  
  59.  
  60. <meta name="text:Link1" content="/" />
  61. <meta name="text:Link1 Title" content="" />
  62. <meta name="text:Link2" content="/" />
  63. <meta name="text:Link2 Title" content="" />
  64. <meta name="text:Link3" content="/" />
  65. <meta name="text:Link3 Title" content="" />
  66. <meta name="text:Link4" content="/" />
  67. <meta name="text:Link4 Title" content="" />
  68.  
  69.  
  70. </head>
  71. <style type="text/css" media="screen">
  72.  
  73.  
  74.  
  75. ::selection {background-color:{color:selection};color:#fff;text-shadow:0em 0.1em 0em #888;}
  76.  
  77. /*Definições geral*/
  78. body{background:{color:background}; color:{color:text}; font-family:Tahoma; font-size:10px; text-align:left;}
  79.  
  80. /*Links */
  81. a{color:{color:text}; text-decoration:none;transition:0.8s;}
  82. a:hover{text-shadow:0px 0px 1px;}
  83.  
  84. /*Barra de rolagem*/
  85. ::-webkit-scrollbar{height:3px; width:5px; background:transparent;}
  86. ::-webkit-scrollbar-thumb:vertical{background:{color:barra de rolagem};}
  87. ::-webkit-scrollbar-thumb:horizontal{background:{color:barra de rolagem};}
  88.  
  89. /*Alinhamento dos posts*/
  90. #content{float:left; margin-top:5px; margin-left:358px; width:550px;
  91. padding-bottom:30px;/*esse padding é pros notes ou postagem nao fique atras da skin, recomendo não tirar*/}
  92.  
  93. /*Caixas dos posts*/
  94. .caixa{position:relative; float:left; display:inline-block; width:250px; padding:3px; margin-left:10px;}
  95. .caixa img{max-width:250px;}
  96.  
  97. /*Posts de imagens*/
  98. .imgpost img{width:250px;}
  99.  
  100. /*Bloqueio do via e source - não retire*/
  101. .vsanna{display:none;}
  102.  
  103. /*notes*/
  104. .caixa .notes{margin-top:0px; margin-left:10px; width:40px; 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;border:1px solid #ededed;border-radius:2px;background:rgba(255,255,255,.6);padding:2px;}
  105.  
  106. .caixa:hover .notes{opacity:1; margin-top:-30px; transform:rotatex(0deg); transition:.8s;}
  107.  
  108. .caixa .notes img {width:7px}
  109.  
  110. /*Titulos dos posts*/
  111. titulo{text-decoration:none;}
  112.  
  113. /*Blockquote*/
  114. blockquote {margin:5px;}
  115.  
  116.  
  117. .lquestion {padding:5px; background:#fafafa;}
  118. .lasker {font-family:‘Lora’, cursive; font-size:9px; font-style:italic; text-align:left; padding:5px; color:#fff; background-color:{color:askdetalhe};text-shadow:0.1em 0.1em 0em #707070}
  119. .lasker a {color:#fff;}
  120. .lanswer {line-height:1.8em;}
  121.  
  122.  
  123.  
  124.  
  125.  
  126. #sidebar {position:fixed; width:130px;border:5px solid rgba(255,255,255,.1); margin-left:130px;margin-top:100px;padding:5px;border-radius:5px;border:1px solid #ededed;}
  127.  
  128.  
  129. #foto {margin-top:0px; margin-left:0px; margin-bottom:0px; padding:0px; height:auto; width:130px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;border-radius:3px;}
  130. #foto img {display:inline;height:auto; width:120px;padding:5px;border:1px solid #ededed;}
  131.  
  132.  
  133.  
  134.  
  135. #descri {margin-top:0px;margin-left:0px;width:120px;font-family:consolas;font-size:8px;text-transform:uppercase;text-align:center;border:1px solid #ededed;padding:5px;margin-top:-22px;opacity:0;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s}
  136. #sidebar:hover #descri {opacity:1;margin-top:0px;}
  137.  
  138. /*******Por juh - futurasuicida usar credite ao helpdesigns.**********/
  139. #menutoilful {width:20px; height: 12px; float: left; margin-left:-30px; margin-top:-110px; position: fixed;}
  140. #menutoilful a{opacity:1;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;display: inline-block;float: left; width: 20px;color:#fff; line-height:0px;margin-top:2px;}
  141. #menutoilful a ul {background-color:rgba(255,255,255,.8);color:#000;border:1px solid #dcdcdc;text-shadow: 1px 1px 0px #eee;width: 5px; height: 15px;position: fixed;margin-top: -20px;margin-left:5px;font-family:consolas;font-size:9px;opacity:0;overflow: hidden;text-align:center;text-indent: -38px;-webkit-border-radius: 3px;line-height: 15px;}
  142. #menutoilful a:hover ul {margin-left:30px;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;opacity:1;}
  143. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  144. .ft img{width:16px; margin-left: 10px;}
  145. /*helpdesigns*/
  146.  
  147. .ft img{width:12px; margin-left: 10px;border:1px solid #ededed;padding:5px;border-radius:3px;}
  148. /*helpdesigns*/
  149.  
  150. #faixa {margin-left:350px;width:1px; height:20000px;top:0px;background:#ededed;position:fixed;}
  151.  
  152.  
  153. /***************** credito ****************/
  154.  
  155.  
  156. .cred {font-size:11px;font-family:cambria;
  157. width:auto;height:10px; text-align:center;
  158. line-height:16px;margin-top:560px;
  159. position:fixed;left:20px;line-height:15%;}
  160. .cred a {color:gray;text-indent:5px;
  161. padding:2px;width:60px;BACKGROUND:transparent;height:1px;border:1px solid #ededed;font-family:calibri;text-transform:uppercase;font-size:8px;text-shadow:0px 0px 0px}
  162. .cred img {width:25px;}
  163.  
  164.  
  165.  
  166. /***************** credito ****************/
  167. </style>
  168.  
  169. <body onkeydown="return false">
  170.  
  171. <div id="faixa"></div>
  172.  
  173.  
  174.  
  175.  
  176. <div id="sidebar">
  177.  
  178. <div id="foto"><img src="{image:sidebar}"></div>
  179.  
  180. <div id="menutoilful">
  181. <a href="{text:link1}"><div class="ft"><img src="http://38.media.tumblr.com/tumblr_marqoqfIFc1r28np7.png"><ul>{text:link1 title}</ul></a>
  182. <a href="{text:link2}"><div class="ft"><img src="http://33.media.tumblr.com/tumblr_marqoz9ufZ1r28np7.png"><ul>{text:link2 title}</ul></a>
  183. <a href="{text:link3}"><div class="ft"><img src="http://33.media.tumblr.com/tumblr_marqp3day31r28np7.png"><ul>{text:link3 title}</ul></a>
  184. <a href="{text:link4}"><div class="ft"><img src="http://33.media.tumblr.com/tumblr_marqp9bZWS1r28np7.png"><ul>{text:link4 title}</ul></a>
  185. </div></div></div></div></div>
  186. <div id ="descri">{description}</div>
  187.  
  188. </div>
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198. <!--barrinha da esquerda-->
  199. <div class="wr11"></div>
  200.  
  201.  
  202. <!--barrinha da direita-->
  203. <div class="wr12"></div>
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. <!--Inicio dos posts-->
  211. <div id="content">
  212. {block:Posts}
  213. <div class="caixa">
  214.  
  215.  
  216.  
  217.  
  218. {block:Text}
  219. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  220. {body}
  221. {/block:Text}
  222.  
  223.  
  224.  
  225. {block:Photo}
  226. {LinkOpenTag}
  227. <div class="imgpost"><img src="{PhotoURL-250}"></div>
  228. {/block:Photo}
  229.  
  230.  
  231.  
  232. {block:Photoset}
  233. <div class="imgpost">{Photoset-250}</div>{LinkCloseTag}
  234. {/block:Photoset}
  235.  
  236.  
  237.  
  238. {block:Quote}
  239. {Quote}<br>
  240. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  241. {/block:Quote}
  242.  
  243.  
  244.  
  245. {block:Chat}
  246. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  247. {block:Lines}
  248. {block:Label}<span>{Label}</span>{/block:Label}
  249. {Line}
  250. {/block:Lines}
  251. {/block:Chat}
  252.  
  253.  
  254.  
  255. {block:Link}
  256. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  257. {block:Description}{Description}{/block:Description}
  258. {/block:Link}
  259.  
  260.  
  261.  
  262. {block:Audio}
  263. {AudioPlayer}
  264. {/block:Audio}
  265.  
  266.  
  267.  
  268. {block:Video}
  269. {block:Indexpage}{Video-250}{/block:IndexPage}
  270. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  271. {block:Caption}{Caption}{/block:Caption}
  272. {/block:Video}
  273.  
  274.  
  275.  
  276. {block:Answer}<div class="lasker">{Asker} asked:</div>
  277. <div class="lquestion">
  278. <a href="{Permalink}" target="_blank"><img style="float:left; padding:5px; margin-right:5px; border-radius:100%; background:#eee;width:30px" src="{AskerPortraitURL-48}"></a>{Question}</div>
  279. <p class="lanswer">{Answer}</p>{/block:Answer}
  280.  
  281.  
  282.  
  283.  
  284. <!--notes-->
  285. {block:indexpage}
  286. <div class="notes">
  287. <a href="{permalink}"><img src="http://static.tumblr.com/smtbiyk/lpLnvq7ag/4.png" title="{NoteCount}notes"></a> -
  288. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/smtbiyk/y1Bnvq6qx/33.png" title="Reblog"></a> - <a href="{Permalink}"><img src="http://static.tumblr.com/smtbiyk/gtAnvq77t/1335651585_calendar.gif"title="{TimeAgo}"></a>
  289. </div>
  290. {/block:indexpage}
  291.  
  292.  
  293.  
  294.  
  295. <!--bloqueio do via e source -->
  296. <div class="vsanna">
  297. {block:RebloggedFrom}
  298. <a href="{ReblogParentURL}">via</a>
  299. {/block:RebloggedFrom}
  300. {block:ContentSource}
  301. <a href="{SourceURL}">source</a>
  302. {/block:ContentSource}
  303. </div>
  304.  
  305.  
  306.  
  307.  
  308.  
  309. </div>
  310. {/block:Posts}
  311. </div>
  312. <!--fim dos posts-->
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320. <div class="cred">
  321. <a href="http://codeiner.tumblr.com" title="EXCLUSIVO">originally codeiner</a>
  322. </div>
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329. <!-- script barra de rolagem e caixas do theme-->
  330. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  331. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  332. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  333. <script type="text/javascript">
  334. $(window).load(function () {
  335. $('#content').masonry(),
  336. $('.masonryWrap').infinitescroll({
  337. navSelector : "div#navigation",
  338. nextSelector : "div#navigation a#nextPage",
  339. itemSelector : ".caixa",
  340. bufferPx : 10000,
  341. extraScrollPx: 11000,
  342. loadingImg : "",
  343. loadingText : "<i> </i>",
  344. },
  345. // call masonry as a callback.
  346. function() { $('#content').masonry({ appendedContent: $(this) }); }
  347. );
  348. });
  349. </script>
  350.  
  351. {block:IndexPage}
  352. <div class="column navigation" id="navigation">
  353. {block:Pagination}
  354. {block:PreviousPage}
  355. <a href="{PreviousPage}" class="navigate">
  356. {/block:PreviousPage}
  357. {block:PreviousPage}</a>
  358. {/block:PreviousPage}
  359.  
  360. {block:NextPage}
  361. <a href="{NextPage}" class="navigate" id="nextPage">
  362. {/block:NextPage}
  363. {block:NextPage}</a>{/block:NextPage}
  364. {/block:Pagination}
  365. </div>
  366. {/block:IndexPage}
  367.  
  368. </body>
  369. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement