Advertisement
mariaelizab

hakuthm10

Jul 29th, 2015
247
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.78 KB | None | 0 0
  1. <!-------------------------------- hakuthm10 ----------------------------
  2.  
  3.  
  4.                          ☮ ☀ THEME POR HAKUNEX ☀ ☮
  5.  
  6.                     >>>>> NUNCA RETIRE OS CREDITOS <<<<<
  7.  
  8.             ❥ SE QUISER ALGUM CÓDIGO FALA CMG, NÁO SAI PEGANDO
  9.  
  10.                ❥ QUALQUER DÚVIDA OU SUGESTÃO É SÓ FALAR TBM
  11.                
  12.                                 BOM USO, BJS ♥
  13.                
  14.                    ★ NÃO COPIE, SEJA CRIATIVO E ORIGINAL ★
  15.  
  16.  
  17.  -------------------------- atualizado em 18.12.2015 ------------------->
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <head>
  24.  
  25.  
  26. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
  27.  
  28. <meta name="color:background" content="#ffffff" />
  29. <meta name="color:text" content="#000000" />
  30. <meta name="color:link side hover" content="#ffffff" />
  31. <meta name="color:link side hover shadow" content="#000000" />
  32. <meta name="color:link side hover bg" content="#000000" />
  33. <meta name="color:scrollbar" content="#818080" />
  34.  
  35. <meta name="if:Tri columns" content=""/>
  36. <meta name="if:two columns" content=""/>
  37. <meta name="image:background" content=""/>
  38. <meta name="image:sidebar" content="hhttp://static.tumblr.com/wim3ki0/Lt4ns9ase/boy__13_.png" />
  39. <meta name="image:img side 1" content="http://static.tumblr.com/ikwqlud/5Izndrjfh/maconha_mini.png" />
  40. <meta name="image:img side 2" content="http://static.tumblr.com/ikwqlud/Dkmncvpe9/maconhadahaku2.png" />
  41.  
  42. <meta name="text:frase" content="coloca uma frase bem aqui" />
  43.  
  44. <meta name="text:Link1" content="/" />
  45. <meta name="text:Link1 Title" content="lnk1" />
  46. <meta name="text:Link2" content="/" />
  47. <meta name="text:Link2 Title" content="lnk2" />
  48. <meta name="text:Link3" content="/" />
  49. <meta name="text:Link3 Title" content="lnk3" />
  50. <meta name="text:Link4" content="/" />
  51. <meta name="text:Link4 Title" content="lnk4" />
  52. <meta name="text:Link5" content="/" />
  53. <meta name="text:Link5 Title" content="lnk5" />
  54.  
  55.                       <title>{Title}</title>
  56.         <link rel="shortcut icon" href="{Favicon}">
  57.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58.         {block:Description}
  59.   <meta name="description" content="{MetaDescription}" />{/block:Description}
  60.  
  61.     <style type="text/css">
  62.  
  63.    
  64.    
  65. body {color:{color:text}; opacity:1; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  66.  
  67. a:link, a:active, a:visited{ color: {color:text}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  68.  
  69. a:hover{color:{color:linkh};}
  70.  
  71. 58px; margin-left: 553px; position: fixed; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:1; border-top: 2px solid #eee; border-bottom: 0px solid #eee}
  72.  
  73. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background}}
  74.  
  75.  
  76.  
  77.  .like_and_reblog_buttons2 {position:absolute; bottom:-4px; left:-27px; list-style: none; opacity:0; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  78.     .entry:hover .like_and_reblog_buttons2 {opacity:1; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  79.         .like_and_reblog_buttons2 li {float:left; padding:3px;}
  80.  
  81. .like_and_reblog_buttons {position:absolute; bottom:-11px; left:-27px; list-style: none; opacity:0; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  82.     .entry:hover .like_and_reblog_buttons {opacity:1; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  83.         .like_and_reblog_buttons li {float:left; padding:3px;}
  84.  
  85. .like_and_reblog_buttons3 {position:absolute; bottom:-15px; left:-27px; list-style: none; opacity:0; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  86.     .entry:hover .like_and_reblog_buttons3 {opacity:1; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  87.         .like_and_reblog_buttons3 li {float:left; padding:3px;}
  88.  
  89.  
  90.  
  91. #entries {margin-left: 350px;{block:IfTriColumns}margin-left: 350px;{/block:IfTriColumns};{block:IftwoColumns}margin-left: 350px;{/block:IftwoColumns}; width: 830px;{block:IftwoColumns}max-width: 700px;{/block:IftwoColumns}; margin-top: 5px;}
  92.  
  93. .entry {width: 400px; background-color:{color:background}; text-align:justify; padding: 6px; float:left; margin:4px; opacity:2; {block:PermalinkPage}width:250px {/block:PermalinkPage};{block:IfTriColumns}width:250px;{/block:IfTriColumns}; {block:PermalinkPage}width:300px {/block:PermalinkPage};{block:IftwoColumns}width:250px;{/block:IftwoColumns};}
  94.  
  95.  
  96. .entry:hover {opacity:2}
  97.  
  98. .entry img {margin-bottom: 3px; max-width: 400px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfTriColumns}max-width: 246px;{/block:IfTriColumns};{block:IftwoColumns}max-width: 250px;{/block:IftwoColumns};opacity:0.9; }
  99.  
  100.  
  101. #title2 {font-size: 13px; font-family: Calibri; letter-spacing: 0px; line-height: 14px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 10px}
  102.  
  103. #title2 a{background: {color:linkhover}; padding: 4px; color: #fff;}
  104.  
  105.  
  106. #title {font-size: 13px; font-family: Calibri; letter-spacing: 0px; line-height: 14px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 10px}
  107.  
  108. #title a{background: {color:linkhover}; padding: 4px; color: #fff;}
  109.  
  110. @font-face { font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  111.  
  112.  
  113. .quote {margin-top: 6px; margin-bottom: 11px; font: normal 11px 'Calibri'; text-align: center;}
  114. .pquotesource {text-align: center; text-transform: none; margin-bottom: 13px;}
  115. .pquotesource a, a:hover{text-transform: none;}
  116.  
  117. @font-face {
  118.   font-family: 'Rochester';
  119.   font-style: normal;
  120.   font-weight: 400;
  121.   src: local('Rochester'), local('Rochester-Regular'), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  122. }
  123.  
  124. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  125.  
  126.  
  127. /* chat by joshdevines*/
  128. .user_1 .label {color:{color:text}; font-weight:bold; text-transform: italic}
  129. .user_2 .label {color:{color:text}; font-weight:bold; text-transform: italic}
  130. .user_3 .label {color:{color:text}; font-weight:bold}
  131. .user_4 .label {color:{color:text}; font-weight:bold}
  132. .user_5 .label {color:{color:text}; font-weight:bold}
  133. .user_6 .label {color:{color:text}; font-weight:bold}
  134. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px}
  135.  
  136. #asker {padding-left:10px; padding-right:10px; height:auto; padding-top: 9px; font-size: 11px; font-family: {font:text}; text-align:justify;}
  137. #asker img {width:17px; float:left; padding-right:5px; padding-top:0px;}
  138. .answer {padding-left:10px; padding-right:10px; padding-top:5px; text-align:justify;}
  139. .answer img {padding-left:10px; padding-right:10px; max-width: 270px;}
  140.  
  141.  
  142. #info {text-align: left; font-size: 11px; font-family: Calibri; text-transform: lowercase; z-index: 11;}
  143. #info a {font-size: 9px;}
  144.  
  145. #cap {width: 500px; margin-top: -2px;}
  146. .source {display: none;}
  147.  
  148.  
  149. @font-face {
  150.   font-family: 'Play';
  151.   font-style: normal;
  152.   font-weight: 400;
  153.   src: local('Play'), url(http://themes.googleusercontent.com/static/fonts/play/v3/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
  154. }
  155.  
  156.  
  157. #tumblr_controls{position: fixed!important}
  158. #tumblr_controls{position: fixed!important}
  159. #tumblr_controls{position: fixed!important}
  160.  
  161. ::-webkit-scrollbar{width:7px;height:6px;}
  162. ::-webkit-scrollbar-button:start:decrement
  163. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  164. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  165. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};}
  166. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};}
  167.  
  168.  
  169.  
  170. #sidebar {position:fixed; width:160px; height:200px; margin-left:190px; margin-top:91px;}
  171.  
  172.  
  173. .fraseinha1 {-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; width:130px; margin-top:207px; margin-left:-3px; font-family:calibri; font-size:11px; text-align:center; position:fixed;color:{color:text};}
  174.      #sidebar:hover .fraseinha1 {opacity:0; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  175.  
  176.      
  177.  
  178. .linkx {-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; position:fixed; font-size:10px; font-family:consolas; color:{color:text}; opacity:0; text-align:center; margin-left:-28px; margin-top:185px; width:160px; line-height:14px;}
  179. .linkx a:hover{background-color:{color:link side hover bg}; color:{color:link side hover}; text-shadow:0px 0px 1px {color:link side hover shadow}; -webkit-transition:all 0.8s ease-out; -moz-transition: all 0.8s ease-out; line-height:14px}
  180.    #sidebar:hover .linkx {opacity:1; margin-left:-28px; margin-top:205px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  181.    
  182.  
  183. #imgside {position:fixed; width:160px; height:200px; margin-top: 00px; margin-left: -2px;-moz-border-top-left-radius: 45px; border-top-left-radius: 45px ;}
  184. #imgside img{width:160px; height:200px; margin-top: -8px; margin-left: -52px;padding:10px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  185.      #sidebar:hover #imgside img {-webkit-filter: grayscale(40%)}
  186.  
  187.  
  188. #relou {margin-left:-23px; margin-top:205px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  189.     #relou img {width:16px; height:auto}
  190.         #sidebar:hover #relou {-webkit-transform: rotate(360deg);opacity:0}
  191.        
  192.  
  193. #relous {margin-left:55px;margin-top:220px;position:fixed;opacity:0;-webkit-transition-duration: 0.4s;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out}
  194.  #relous img {width:85px; height:15px;}
  195.    #sidebar:hover #relous {margin-left:45px; opacity:1; -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.5s ease-out;all 0.5s ease-out; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202. </style>
  203.  
  204. </style>
  205.  
  206.  
  207. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  208.  
  209. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  210.  
  211. {block:IndexPage}
  212.  
  213. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  214.  
  215. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  216.  
  217. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  218.  
  219. <script type="text/javascript">
  220. $(window).load(function(){
  221. var $wall = $('#entries');
  222. $wall.imagesLoaded(function(){
  223. $wall.masonry({
  224. itemSelector: '.entry',
  225. isAnimated : true
  226. });
  227. });
  228. $wall.infinitescroll({
  229. navSelector : "div#navigation",
  230. nextSelector : "div#navigation a#nextPage",
  231. itemSelector : '.entry',
  232. loadingImg : "http://static.tumblr.com/wim3ki0/t0rnbhtsd/loading.gif",
  233. loadingText : "",
  234. donetext : " ",
  235. extraScrollPx : 1000,
  236. bufferPx : 10100,
  237. debug : false,
  238. errorCallback: function() {
  239. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  240. }},
  241. function( newElements ) {
  242. var $newElems = $( newElements );
  243. $newElems.hide();
  244. $newElems.imagesLoaded(function(){
  245. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  246. });
  247. }); $('#entries').show(500);
  248. });
  249. </script>
  250.  
  251. {/block:IndexPage}
  252.  
  253. <body>
  254.  
  255.  
  256.  
  257.  
  258. <div id="sidebar">
  259. <div id="imgside"><img src="{image:sidebar}"></div>
  260. <div class="fraseinha1">{text:frase}</div>
  261. <div class="fraseinha2">{text:frase2}</div>
  262. <div id="relou"><img src="{image:img side 1}"></div>
  263. <div id="relous"><img src="{image:img side 2}"></div>
  264. <div class="linkx">
  265. <a href="{text:link1}">{text:link1 title}</a>
  266. <a href="{text:link2}">{text:link2 title}</a>
  267. <a href="{text:link3}">{text:link3 title}</a>
  268. <a href="{text:link4}">{text:link4 title}</a>
  269. <a href="{text:link5}">{text:link5 title}</a>
  270.  
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276.  
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281.  
  282.  
  283.  
  284.  
  285. <div id="entries">
  286.  
  287.  
  288. {block:Posts}
  289.  
  290. <div class="entry">
  291.  
  292. {block:Answer}
  293. <div id="asker"><img src="{AskerPortraitURL-128}"><big><b>{Asker}</b> was like:</big><p>{Question}</div>
  294. <div id="askline"><center>___________________________________</center></div>
  295. <div class="answer">{Answer}</div>
  296. <ul class="like_and_reblog_buttons2">
  297. <li>{ReblogButton color="gray" size=14}</li>
  298. <li>{LikeButton color="gray" size=14}</li></ul>
  299. {/block:Answer}
  300.  
  301.        
  302. {block:Text}
  303. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  304. {Body}
  305. <ul class="like_and_reblog_buttons2">
  306. <li>{ReblogButton color="gray" size=14}</li>
  307. <li>{LikeButton color="gray" size=14}</li>
  308. </ul>
  309. {/block:Text}
  310.  
  311. {block:Photo}
  312. <center><img src="{PhotoURL-500}" width="500px"/></center>
  313. <ul class="like_and_reblog_buttons">
  314. <li>{ReblogButton color="gray" size=14}</li>
  315. <li>{LikeButton color="gray" size=14}</li>
  316. </ul>
  317. {/block:Photo}
  318.  
  319.  
  320. {block:Photoset}
  321. <center>{Photoset-250}</center>
  322. <ul class="like_and_reblog_buttons3">
  323. <li>{ReblogButton color="gray" size=14}</li>
  324. <li>{LikeButton color="gray" size=14}</li>
  325. </ul>
  326. {/block:Photoset}
  327.  
  328.  
  329. {block:Quote}
  330. <div class="quote"><center>{Quote}</center></div>
  331. {block:Source}<div class="pquotesource">{Source}</div>{/block:Source}
  332. <ul class="like_and_reblog_buttons2">
  333. <li>{ReblogButton color="gray" size=14}</li>
  334. <li>{LikeButton color="gray" size=14}</li>
  335. </ul>
  336. {/block:Quote}
  337.  
  338.  
  339. {block:Link}
  340. <a href="{URL}" target="blank" id="title" {Target}>
  341. <div id="title">{Name}</div></a>
  342. {block:Description}{Description}{/block:Description}
  343. <ul class="like_and_reblog_buttons2">
  344. <li>{ReblogButton color="gray" size=14}</li>
  345. <li>{LikeButton color="gray" size=14}</li>
  346. </ul>
  347. {/block:Link}
  348.  
  349. {block:Chat}
  350. <ul class="chat">
  351. {block:Lines}
  352. <li class="user_{UserNumber}">
  353. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;
  354. {Line}</li>
  355. {/block:Lines}</ul>  
  356. <ul class="like_and_reblog_buttons2">
  357. <li>{ReblogButton color="gray" size=14}</li>
  358. <li>{LikeButton color="gray" size=14}</li>
  359.  
  360. </ul>{/block:Chat}
  361.  
  362. {block:Video}
  363. {Video-250}
  364. <ul class="like_and_reblog_buttons3">
  365. <li>{ReblogButton color="gray" size=14}</li>
  366. <li>{LikeButton color="gray" size=14}</li>
  367. </ul>
  368. {/block:Video}
  369.  
  370. {block:Audio}
  371. <center>{AudioPlayerWhite}</center>
  372. {block:Caption}{Caption}{/block:Caption}
  373. <ul class="like_and_reblog_buttons2">
  374. <li>{ReblogButton color="gray" size=14}</li>
  375. <li>{LikeButton color="gray" size=14}</li>
  376. </ul>
  377. {/block:Audio}
  378.  
  379. <div id="cap">
  380. {block:Photo}{/block:Photo}
  381. {block:Video}{/block:Video}
  382. {block:Photoset}{/block:Photoset}
  383.  
  384. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  385.       <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  386.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  387. {/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div></div>
  388. <br>
  389.  
  390.  
  391.  
  392. <div id="info">
  393. {block:Date}
  394. </div>
  395. </div>{/block:Date}
  396.  
  397.  
  398. {block:PostNotes}
  399. {/block:PostNotes}
  400.  
  401.  
  402.  {/block:Posts}
  403.  
  404.  
  405.  </div>
  406.  
  407.  
  408.  
  409. <div  style="position: fixed; font-size:10px; font-family:'calibri'; bottom:30px; right:20px; padding:1px; right: 40px; bottom:30px; border-radius:00px; opacity:1; border-top:1px solid; border-bottom:1px solid">
  410. <a href="http://hakunex.tumblr.com/" target="_blank" title="n copia essa porra ♥">design by<br><b>hakunex</b></a></div>
  411.  
  412.  
  413.  
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  418.  
  419. {block:IndexPage}
  420. <div class="column navigation" id="navigation">
  421. {block:Pagination}
  422. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  423. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  424. </div>
  425. {/block:IndexPage}
  426. </div></div></div></div>
  427.  
  428. <br></center></div></div></div></div></div></div>
  429.  
  430.  
  431. </body>
  432.  
  433.  
  434.  
  435. </head>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement