API tools faq
paste
chapsthmx

hkx 2.0 / thme 4

chapsthmx
Jun 1st, 2014
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!---------------------------------------------------------------------------
  4. Base do theme por Warvada. Modificado e adaptado por haikax
  5. ----------------------------------------------------------------------------->
  6.  
  7. <head profile="http://gmpg.org/xfn/11">
  8.  
  9.  
  10.  
  11.  
  12. <link rel="shortcut icon" href="{favicon}">
  13.  
  14.  
  15. <!-- Efeito do titulo na aba do navegador -->
  16. <script type="text/javascript">
  17. var rev = "fwd";function titlebar(val)
  18. {var msg = "{title}";
  19. var res = " ";
  20. var speed = 120;var pos = val;msg = "{title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  21. else{rev = "bwd";
  22. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  23. else{
  24. if(pos > 0){
  25. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  26. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  27. titlebar(0);
  28. </script>
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <!-- Appearance -->
  35. <!-- imagens-->
  36. <meta name="image:sidebar" content="http://41.media.tumblr.com/e3629ea897f062ea0afc8207b43cc6a6/tumblr_njshc5oWpr1raqwbno3_100.jpg" />
  37. <meta name="image:detalhe" content="https://31.media.tumblr.com/ed0e679802fcd218a60aa0cace82ca21/tumblr_n7pkkfHt8k1qlx45yo1_400.jpg" />
  38.  
  39.  
  40. <!-- cores-->
  41. <meta name="color:background" content="#fff"/>
  42. <meta name="color:text" content="#222"/>
  43. <meta name="color:frase" content="#000"/>
  44.  
  45.  
  46. <!-- links e textos-->
  47. <meta name="text:frase" content="princess" />
  48. <meta name="text:link1" content=" " />
  49. <meta name="text:link1 titulo" content=" " />
  50. <meta name="text:link2" content=" " />
  51. <meta name="text:link2 titulo" content=" " />
  52. <meta name="text:link3" content=" " />
  53. <meta name="text:link3 titulo" content=" " />
  54. <meta name="text:link4" content=" " />
  55. <meta name="text:link4 titulo" content=" " />
  56. <meta name="text:link5" content=" " />
  57. <meta name="text:link5 titulo" content=" " />
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64. <!--barra de rolagem e grade do theme: nao tire -->
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  66. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  67. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. </head>
  75.  
  76. <style type="text/css" media="screen">
  77.  
  78.  
  79. /*desifinições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  80. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  81.  
  82.  
  83. /*links (geral)*/
  84. a {color:{color:links}; text-decoration:none;}
  85. a:hover {color:{color:linkshover};}
  86.  
  87.  
  88. /*blockquote dos posts*/
  89. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  90.  
  91.  
  92.  
  93. /*alinhamento dos posts*/
  94. #content {position:absolute; width:650px; margin-left:40px; margin-top:-280px;}
  95.  
  96.  
  97. /*caixas dos posts*/
  98. .caixa {background:{color:background}; width:250px; margin:3px;}
  99. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  100.  
  101.  
  102.  
  103. /*Notes por warvada. Não use sem permissão*/
  104. .caixa .notes {margin-top:0px; margin-left:-5px; width:240px; height:13px; line-height:14px; text-align:right; color:{color:links}; font-size:8px; font-family:'segoe print'; text-transform:lowercase; opacity:0; transition-duration:.8s; transform:rotatex(180deg);}
  105. .notes a{color:{color:links};}
  106. .notes a:hover{color:{color:links hover};}
  107. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  108.  
  109.  
  110. /*titulo dos posts*/
  111. titulo {font-size:12px;text-align:justify;}
  112.  
  113.  
  114.  
  115.  
  116. /*estilo de ask (warvada)*/
  117. .perguntou {background:#fbfbfb; border-bottom:1px solid pink; text-transform:lowercase; margin-left:0px; padding:2px;}
  118. .resposta {width:100%;}
  119.  
  120.  
  121.  
  122. /* side */
  123.  
  124. #sidebar {float:left; position:fixed; width:150px; bottom:85px; height:330px;top:100px; left:300px; position: fixed;}
  125. .imgs {margin-top:0px; margin-left:-190px; margin-bottom:0px; padding:9px;border:px solid ; height:192; width:150px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  126. .imgs img {display: inline; height:192; height:192px; width:150px; border-top:px solid #eee;border-right:px solid #000; ; border-left:px solid #000; padding:3px; }
  127. .imgs img {opacity:0.9;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  128. .imgs img:hover {-webkit-filter: blur(2px); -webkit-transition: all 0.99s ease-in-out;}
  129.  
  130.  
  131. #descri {width:196px;background-color:#fff;position: fixed;font-style:; font-family:cambria; letter-spacing:px; font-size:12px; line-height:12px; height:15px;text-align:center; color:#;padding:0px;margin-top:-2px;margin-left:-200px;border-right:px solid #000; border-bottom:px solid #ddd; border-top:px solid #000; border-left:px solid #ddd;padding: 2px;text-transform:none;}
  132.  
  133. #frase {width:196px;background-color:transparent;position: fixed;font-style:; font-family:Bradley Hand ITC; letter-spacing:0px; font-size:19px; line-height:5px; height:5px;text-align:center; color:{color:frase};padding:0px;margin-top:-35px;margin-left:10px;border-right:px solid #eee; border-bottom:px solid #ddd; border-top:px solid #000; border-left:px solid #ddd;padding: 2px;text-transform:none;}
  134. #frase {opacity:0.0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;}
  135. #sidebar:hover #frase {line-height:10px ;background-color:transparent;;height:5px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;opacity:0.9;}
  136.  
  137. /*** LINKS DA SIDEBAR
  138. ***/
  139. /**menu invert 3d by html-party**/
  140. .may {width:250px;margin-left:-180px;margin-top:-15px; /**tamanho total de tds os links**/}
  141.  
  142. .may a {font-size:9px; /**tamanho da fonte**/
  143. text-transform:lowercase; /**deixa as letras maiusculas**/
  144. font-family:verdana; /**fonte**/
  145. text-decoration:none; /**n mude**/
  146. color:#000; /**cor do link**/
  147. background: transparent; /**cor do fundo**/
  148. -webkit-transition-duration: .79s; /**transição lenta**/
  149. padding:2px; /**margem**/
  150. -webkit-border-top-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomright: 8px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;}
  151.  
  152. .may a:hover { -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg);text-shadow: -2px 0px #47e6dd, 2px 0px #ee4848; -webkit-border-top-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomleft: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;-webkit-border-top-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-bottomright: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px;background-color:transparent;}
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161. </style>
  162.  
  163. <body onkeydown="return false">
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170. <!--inicio da sidebar -->
  171. <<div id="sidebar">
  172. <div id="descri"> <center><img src="{image:detalhe}" width="150"></center> </div>
  173. <div class="imgs"><img src="{image:sidebar}"/></div>
  174. <div class="may">
  175. <a href="{text:link1}">{text:link1 titulo}</a>
  176. <a href="{text:link2}">{text:link2 titulo}</a>
  177. <a href="{text:link3}">{text:link3 titulo}</a>
  178. <a href="{text:link4}">{text:link4 titulo}</a>
  179. <a href="{text:link5}">{text:link5 titulo}</a>
  180. <div id="frase"><b>{text:frase}</b> </div>
  181.  
  182.  
  183. </div>
  184. <!--fim da sidebar-->
  185.  
  186.  
  187.  
  188.  
  189.  
  190. <!--inicio dos posts-->
  191. <div id="content">
  192. {block:Posts}
  193. <div class="caixa">
  194.  
  195.  
  196.  
  197.  
  198. {block:Text}
  199. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  200. {body}
  201. {/block:Text}
  202.  
  203.  
  204.  
  205. {block:Photo}
  206. {LinkOpenTag}
  207. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  208. {/block:Photo}
  209.  
  210.  
  211.  
  212. {block:Photoset}
  213. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  214. {/block:Photoset}
  215.  
  216.  
  217.  
  218. {block:Quote}
  219. {Quote} <br>
  220. {block:Source}{Source}{/block:Source}
  221. {/block:Quote}
  222.  
  223.  
  224.  
  225. {block:Chat}
  226. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  227. {block:Lines}
  228. <div class="chat">
  229. <div class="lines">{block:Label}
  230. <span>{Label}</span>
  231. {/block:Label}
  232. {Line}</div></div>
  233. {/block:Lines}
  234. {/block:Chat}
  235.  
  236.  
  237.  
  238. {block:Link}
  239. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  240. {block:Description}{Description}{/block:Description}
  241. {/block:Link}
  242.  
  243.  
  244.  
  245. {block:Audio}
  246. {AudioPlayer}
  247. {/block:Audio}
  248.  
  249.  
  250.  
  251. {block:Video}
  252. {block:Indexpage}{Video-250}{/block:IndexPage}
  253. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  254. {block:Caption}{Caption}{/block:Caption}
  255. {/block:Video}
  256.  
  257.  
  258.  
  259. {block:Answer}
  260. <div class="perguntou"><b>{Asker}:</b> {Question}</div>
  261. <div class="resposta">{Answer}</div>
  262. {/block:Answer}
  263.  
  264.  
  265.  
  266.  
  267. <!--notes-->
  268. {block:indexpage}
  269. <div class="notes">
  270. <a href="{permalink}">{NoteCount} notes</a> .
  271. <a href="{ReblogURL}" target="_blank">Reblog</a>
  272. </div>
  273. {/block:indexpage}
  274.  
  275.  
  276.  
  277.  
  278. <!--bloqueio do via e source -->
  279. <div class="vsanna">
  280. {block:RebloggedFrom}
  281. <a href="{ReblogParentURL}">via</a>
  282. {/block:RebloggedFrom}
  283. {block:ContentSource}
  284. <a href="{SourceURL}">source</a>
  285. {/block:ContentSource}
  286. </div>
  287.  
  288.  
  289.  
  290.  
  291.  
  292. </div>
  293. {/block:Posts}
  294. </div>
  295. <!--fim dos posts-->
  296.  
  297.  
  298.  
  299. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  300. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  301. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  302. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  303. <script type="text/javascript">
  304. $(window).load(function () {
  305. $('#content').masonry(),
  306. $('.masonryWrap').infinitescroll({
  307. navSelector : "div#navigation",
  308. nextSelector : "div#navigation a#nextPage",
  309. itemSelector : ".caixa",
  310. bufferPx : 10000,
  311. extraScrollPx: 11000,
  312. loadingImg : "",
  313. loadingText : "<i> </i>",
  314. },
  315. // call masonry as a callback.
  316. function() { $('#content').masonry({ appendedContent: $(this) }); }
  317. );
  318. });
  319. </script>
  320.  
  321. {block:IndexPage}
  322. <div class="column navigation" id="navigation">
  323.  
  324. {block:Pagination}
  325. {block:PreviousPage}
  326. <a href="{PreviousPage}" class="navigate">
  327. {/block:PreviousPage}
  328. {block:PreviousPage}</a>
  329. {/block:PreviousPage}
  330.  
  331. {block:NextPage}
  332. <a href="{NextPage}" class="navigate" id="nextPage">
  333. {/block:NextPage}
  334. {block:NextPage}</a>{/block:NextPage}
  335. {/block:Pagination}
  336.  
  337. </div>
  338. {/block:IndexPage}
  339.  
  340.  
  341. </body>
  342.  
  343. <a style="width:86px; font-size:10px; color:#4a4a4a; font-family:calibri;position:fixed;font-style:;top:10px;left:15px;border-bottom:1px solid #00ff1e;border-top:0px solid #00ff1e" href="http://haikax.tumblr.com/" title="by haikax, NÃO COPIE + base warvada" ><b> design by haikax <font color="#00ff1e">❁</font></a>
  344.  
  345.  
  346.  
  347. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!