Advertisement
mariaelizab

hakuthm9

Jul 29th, 2015
263
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.56 KB | None | 0 0
  1. <!-------------------------------- hakuthm9 -----------------------------
  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="http://static.tumblr.com/wim3ki0/c7zns9abe/boy__21_.png" />
  39. <meta name="image:img side" content="http://static.tumblr.com/ikwqlud/5Izndrjfh/maconha_mini.png" />
  40.  
  41. <meta name="text:frase" content="coloca uma frase qualquer aqui" />
  42.  
  43. <meta name="text:Link1" content="/" />
  44. <meta name="text:Link1 Title" content="lnk1" />
  45. <meta name="text:Link2" content="/" />
  46. <meta name="text:Link2 Title" content="lnk2" />
  47. <meta name="text:Link3" content="/" />
  48. <meta name="text:Link3 Title" content="lnk3" />
  49. <meta name="text:Link4" content="/" />
  50. <meta name="text:Link4 Title" content="lnk4" />
  51. <meta name="text:Link5" content="/" />
  52. <meta name="text:Link5 Title" content="lnk5" />
  53.  
  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:150px; margin-top:203px; margin-left:-23px; font-family:calibri; font-size:11px; text-align:center; position:fixed;color:{color:text};}
  174.      #sidebar:hover .fraseinha1 {opacity:; -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:217px; 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:217px; -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:13px; margin-top:216px; 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 {margin-left:-31px; opacity:}
  191.        
  192.        
  193. #relou2 {margin-left:33px; margin-top:216px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  194.     #relou2 img {width:16px; height:auto}
  195.         #sidebar:hover #relou2 {margin-left:-31px; opacity:}
  196.        
  197. #relou3 {margin-left:53px; margin-top:216px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  198.     #relou3 img {width:16px; height:auto}
  199.         #sidebar:hover #relou3 {margin-left:120px; opacity:}
  200.  
  201. #relou4 {margin-left:73px; margin-top:216px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  202.     #relou4 img {width:16px; height:auto}
  203.         #sidebar:hover #relou4 {margin-left:120px; opacity:}
  204.  
  205. #relou5 {margin-left:93px; margin-top:216px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  206.     #relou5 img {width:16px; height:auto}
  207.         #sidebar:hover #relou5 {margin-left:120px; opacity:}
  208.  
  209. #relou6 {margin-left:-6px; margin-top:216px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  210.     #relou6 img {width:16px; height:auto}
  211.         #sidebar:hover #relou6 {margin-left:-31px; opacity:}
  212.  
  213.  
  214.  
  215.  
  216. </style>
  217.  
  218. </style>
  219.  
  220.  
  221. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  222.  
  223. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  224.  
  225. {block:IndexPage}
  226.  
  227. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  228.  
  229. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  230.  
  231. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  232.  
  233. <script type="text/javascript">
  234. $(window).load(function(){
  235. var $wall = $('#entries');
  236. $wall.imagesLoaded(function(){
  237. $wall.masonry({
  238. itemSelector: '.entry',
  239. isAnimated : true
  240. });
  241. });
  242. $wall.infinitescroll({
  243. navSelector : "div#navigation",
  244. nextSelector : "div#navigation a#nextPage",
  245. itemSelector : '.entry',
  246. loadingImg : "http://static.tumblr.com/wim3ki0/t0rnbhtsd/loading.gif",
  247. loadingText : "",
  248. donetext : " ",
  249. extraScrollPx : 1000,
  250. bufferPx : 10100,
  251. debug : false,
  252. errorCallback: function() {
  253. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  254. }},
  255. function( newElements ) {
  256. var $newElems = $( newElements );
  257. $newElems.hide();
  258. $newElems.imagesLoaded(function(){
  259. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  260. });
  261. }); $('#entries').show(500);
  262. });
  263. </script>
  264.  
  265. {/block:IndexPage}
  266.  
  267. <body>
  268.  
  269.  
  270.  
  271. <div id="sidebar">
  272. <div id="imgside"><img src="{image:sidebar}"></div>
  273. <div class="fraseinha1">{text:frase}</div>
  274. <div class="fraseinha2">{text:frase2}</div>
  275. <div id="relou"><img src="{image:img side}"></div>
  276. <div id="relou2"><img src="{image:img side}"></div>
  277. <div id="relou3"><img src="{image:img side}"></div>
  278. <div id="relou4"><img src="{image:img side}"></div>
  279. <div id="relou5"><img src="{image:img side}"></div>
  280. <div id="relou6"><img src="{image:img side}"></div>
  281. <div class="linkx">
  282. <a href="{text:link1}">{text:link1 title}</a>
  283. <a href="{text:link2}">{text:link2 title}</a>
  284. <a href="{text:link3}">{text:link3 title}</a>
  285. <a href="{text:link4}">{text:link4 title}</a>
  286. <a href="{text:link5}">{text:link5 title}</a>
  287.  
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293.  
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298.  
  299.  
  300.  
  301.  
  302. <div id="entries">
  303.  
  304.  
  305. {block:Posts}
  306.  
  307. <div class="entry">
  308.  
  309. {block:Answer}
  310. <div id="asker"><img src="{AskerPortraitURL-128}"><big><b>{Asker}</b> was like:</big><p>{Question}</div>
  311. <div id="askline"><center>___________________________________</center></div>
  312. <div class="answer">{Answer}</div>
  313. <ul class="like_and_reblog_buttons2">
  314. <li>{ReblogButton color="gray" size=14}</li>
  315. <li>{LikeButton color="gray" size=14}</li></ul>
  316. {/block:Answer}
  317.  
  318.              
  319. {block:Text}
  320. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  321. {Body}
  322. <ul class="like_and_reblog_buttons2">
  323. <li>{ReblogButton color="gray" size=14}</li>
  324. <li>{LikeButton color="gray" size=14}</li>
  325. </ul>
  326. {/block:Text}
  327.  
  328. {block:Photo}
  329. <center><img src="{PhotoURL-500}" width="500px"/></center>
  330. <ul class="like_and_reblog_buttons">
  331. <li>{ReblogButton color="gray" size=14}</li>
  332. <li>{LikeButton color="gray" size=14}</li>
  333. </ul>
  334. {/block:Photo}
  335.  
  336.  
  337. {block:Photoset}
  338. <center>{Photoset-250}</center>
  339. <ul class="like_and_reblog_buttons3">
  340. <li>{ReblogButton color="gray" size=14}</li>
  341. <li>{LikeButton color="gray" size=14}</li>
  342. </ul>
  343. {/block:Photoset}
  344.  
  345.  
  346. {block:Quote}
  347. <div class="quote"><center>{Quote}</center></div>
  348. {block:Source}<div class="pquotesource">{Source}</div>{/block:Source}
  349. <ul class="like_and_reblog_buttons2">
  350. <li>{ReblogButton color="gray" size=14}</li>
  351. <li>{LikeButton color="gray" size=14}</li>
  352. </ul>
  353. {/block:Quote}
  354.  
  355.  
  356. {block:Link}
  357. <a href="{URL}" target="blank" id="title" {Target}>
  358. <div id="title">{Name}</div></a>
  359. {block:Description}{Description}{/block:Description}
  360. <ul class="like_and_reblog_buttons2">
  361. <li>{ReblogButton color="gray" size=14}</li>
  362. <li>{LikeButton color="gray" size=14}</li>
  363. </ul>
  364. {/block:Link}
  365.  
  366. {block:Chat}
  367. <ul class="chat">
  368. {block:Lines}
  369. <li class="user_{UserNumber}">
  370. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;
  371. {Line}</li>
  372. {/block:Lines}</ul>  
  373. <ul class="like_and_reblog_buttons2">
  374. <li>{ReblogButton color="gray" size=14}</li>
  375. <li>{LikeButton color="gray" size=14}</li>
  376.  
  377. </ul>{/block:Chat}
  378.  
  379. {block:Video}
  380. {Video-250}
  381. <ul class="like_and_reblog_buttons3">
  382. <li>{ReblogButton color="gray" size=14}</li>
  383. <li>{LikeButton color="gray" size=14}</li>
  384. </ul>
  385. {/block:Video}
  386.  
  387. {block:Audio}
  388. <center>{AudioPlayerWhite}</center>
  389. {block:Caption}{Caption}{/block:Caption}
  390. <ul class="like_and_reblog_buttons2">
  391. <li>{ReblogButton color="gray" size=14}</li>
  392. <li>{LikeButton color="gray" size=14}</li>
  393. </ul>
  394. {/block:Audio}
  395.  
  396. <div id="cap">
  397. {block:Photo}{/block:Photo}
  398. {block:Video}{/block:Video}
  399. {block:Photoset}{/block:Photoset}
  400.  
  401. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  402.       <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  403.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  404. {/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div></div>
  405. <br>
  406.  
  407.  
  408.  
  409. <div id="info">
  410. {block:Date}
  411. </div>
  412. </div>{/block:Date}
  413.  
  414.  
  415. {block:PostNotes}
  416. {/block:PostNotes}
  417.  
  418.  
  419.  {/block:Posts}
  420.  
  421.  
  422.  </div>
  423.  
  424.  
  425.  
  426. <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">
  427. <a href="http://hakunex.tumblr.com/" target="_blank" title="n copia essa porra ♥">design by<br><b>hakunex</b></a></div>
  428.  
  429.  
  430.  
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435.  
  436. {block:IndexPage}
  437. <div class="column navigation" id="navigation">
  438. {block:Pagination}
  439. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  440. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  441. </div>
  442. {/block:IndexPage}
  443. </div></div></div></div>
  444.  
  445. <br></center></div></div></div></div></div></div>
  446.  
  447.  
  448. </body>
  449.  
  450.  
  451.  
  452. </head>
  453. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement