Advertisement
mariaelizab

hakuthm12b

Dec 17th, 2015
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.96 KB | None | 0 0
  1. <!-------------------------------- hakuthm12b ----------------------------
  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:cor frases" content="#000000" />
  31. <meta name="color:entry" content="#ffffff" />
  32. <meta name="color:scrollbar" content="#818080" />
  33.  
  34. <meta name="if:Tri columns" content=""/>
  35. <meta name="if:two columns" content=""/>
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content="https://secure.static.tumblr.com/056243bf951689f6fddcdbacd52f24d6/wim3ki0/6mrnyaqb7/tumblr_static_flhi0ta9n8ggosw0000w844s.png" />
  38. <meta name="image:imglinks" content="https://secure.static.tumblr.com/3e3ebffeb3caceba6c74fbfdaea855d8/y5mzi7v/w8Hnhu1p7/tumblr_static_drg8gwi381csss88kggsg40wo.png" />
  39.  
  40.  
  41. <meta name="text:frase" content="frase 1" />
  42. <meta name="text:frase2" content="frase 2" />
  43.  
  44. <meta name="text:Link1" content="/" />
  45. <meta name="text:Link1 Title" content="link 1" />
  46. <meta name="text:Link2" content="/" />
  47. <meta name="text:Link2 Title" content="link 2" />
  48. <meta name="text:Link3" content="/" />
  49. <meta name="text:Link3 Title" content="link 3" />
  50. <meta name="text:Link4" content="/" />
  51. <meta name="text:Link4 Title" content="link 4" />
  52.  
  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.  
  137. #asker {padding-left:10px; padding-right:10px; height:auto; padding-top: 9px; font-size: 11px; font-family: {font:text}; text-align:justify;}
  138. #asker img {width:17px; float:left; padding-right:5px; padding-top:0px;}
  139. .answer {padding-left:10px; padding-right:10px; padding-top:5px; text-align:justify;}
  140. .answer img {padding-left:10px; padding-right:10px; max-width: 270px;}
  141.  
  142.  
  143. #info {text-align: left; font-size: 11px; font-family: Calibri; text-transform: lowercase; z-index: 11;}
  144. #info a {font-size: 9px;}
  145.  
  146. #cap {width: 500px; margin-top: -2px;}
  147. .source {display: none;}
  148.  
  149.  
  150. @font-face {
  151.   font-family: 'Play';
  152.   font-style: normal;
  153.   font-weight: 400;
  154.   src: local('Play'), url(http://themes.googleusercontent.com/static/fonts/play/v3/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
  155. }
  156.  
  157.  
  158. #tumblr_controls{position: fixed!important}
  159. #tumblr_controls{position: fixed!important}
  160. #tumblr_controls{position: fixed!important}
  161.  
  162. ::-webkit-scrollbar{width:7px;height:6px;}
  163. ::-webkit-scrollbar-button:start:decrement
  164. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  165. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  166. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};}
  167. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};}
  168.  
  169.  
  170.  
  171. #sidebar {position:fixed; width:160px; height:200px; margin-left:190px; margin-top:91px;}
  172.  
  173.  
  174. .fraseinha1 { -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; width:160px; margin-top:205px; margin-left:-28px; font-family:calibri; font-size:11px; text-align:center; position:fixed;color:#000;}
  175.      #sidebar:hover .fraseinha1 {opacity:0; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  176.      
  177.      
  178. .fraseinha2 {-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; width:160px; margin-top:205px; margin-left:-28px; font-family:calibri; font-size:11px; text-align:center; position:fixed;color:#000;opacity:0;}
  179.      #sidebar:hover .fraseinha2 {opacity:1; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  180.    
  181.  
  182. #imgside {position:fixed; width:160px; height:200px; margin-top: 00px; margin-left: -2px;-moz-border-top-left-radius: 45px; border-top-left-radius: 45px ;}
  183. #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;}
  184.      #sidebar:hover #imgside img {-webkit-filter: grayscale(20%) blur(.9px)}
  185.  
  186.  
  187. #linkx1 {margin-left:-24px; margin-top:182px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  188.     #linkx1 img {width:16px; height:auto}
  189.         #linkx1 a:hover {-webkit-transform:rotatex(360deg);}
  190.             #sidebar:hover #linkx1 {margin-left:10px; margin-top:220px;}
  191.        
  192. #linkx2 {margin-left:-24px; margin-top:182px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  193.     #linkx2 img {width:16px; height:auto}
  194.         #linkx2 a:hover {-webkit-transform:rotatey(360deg);}
  195.             #sidebar:hover #linkx2 {margin-left:33px; margin-top:220px;}
  196.  
  197. #linkx3 {margin-left:-24px; margin-top:182px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  198.     #linkx3 img {width:16px; height:auto}
  199.         #sidebar:hover #linkx3 {margin-left:55px; margin-top:220px;}
  200.             #linkx3 a:hover {-webkit-transform:rotatex(360deg);}
  201.            
  202. #linkx4 {margin-left:-24px; margin-top:182px; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  203.     #linkx4 img {width:16px; height:auto}
  204.         #sidebar:hover #linkx4 {margin-left:77px; margin-top:220px;}
  205.             #linkx4 a:hover {-webkit-transform:rotatey(360deg);}  
  206.  
  207.  
  208.  
  209. </style>
  210.  
  211. </style>
  212.  
  213.  
  214. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  215.  
  216. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  217.  
  218. {block:IndexPage}
  219.  
  220. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  221.  
  222. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  223.  
  224. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  225.  
  226. <script type="text/javascript">
  227. $(window).load(function(){
  228. var $wall = $('#entries');
  229. $wall.imagesLoaded(function(){
  230. $wall.masonry({
  231. itemSelector: '.entry',
  232. isAnimated : true
  233. });
  234. });
  235. $wall.infinitescroll({
  236. navSelector : "div#navigation",
  237. nextSelector : "div#navigation a#nextPage",
  238. itemSelector : '.entry',
  239. loadingImg : "http://static.tumblr.com/wim3ki0/t0rnbhtsd/loading.gif",
  240. loadingText : "",
  241. donetext : " ",
  242. extraScrollPx : 1000,
  243. bufferPx : 10100,
  244. debug : false,
  245. errorCallback: function() {
  246. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  247. }},
  248. function( newElements ) {
  249. var $newElems = $( newElements );
  250. $newElems.hide();
  251. $newElems.imagesLoaded(function(){
  252. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  253. });
  254. }); $('#entries').show(500);
  255. });
  256. </script>
  257.  
  258. {/block:IndexPage}
  259.  
  260. <body>
  261.  
  262.  
  263.  
  264. <div id="sidebar">
  265. <div id="imgside"><img src="{image:sidebar}"></div>
  266. <div class="fraseinha1">{text:frase}</div>
  267. <div class="fraseinha2">{text:frase2}</div>
  268. <div id="linkx1"><a href="{text:link1}" title="{text:link1 title}"><img src="{image:imglinks}"></a></div>
  269. <div id="linkx2"><a href="{text:link2}" title="{text:link2 title}"><img src="{image:imglinks}"></a></div>
  270. <div id="linkx3"><a href="{text:link3}" title="{text:link3 title}"><img src="{image:imglinks}"></a></div>
  271. <div id="linkx4"><a href="{text:link4}" title="{text:link4 title}"><img src="{image:imglinks}"></a></div>
  272.  
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278.  
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283.  
  284.  
  285.  
  286.  
  287. <div id="entries">
  288.  
  289.  
  290. {block:Posts}
  291.  
  292. <div class="entry">
  293.  
  294. {block:Answer}
  295. <div id="asker"><img src="{AskerPortraitURL-128}"><big><b>{Asker}</b> was like:</big><p>{Question}</div>
  296. <div id="askline"><center>___________________________________</center></div>
  297. <div class="answer">{Answer}</div>
  298. <ul class="like_and_reblog_buttons2">
  299. <li>{ReblogButton color="gray" size=14}</li>
  300. <li>{LikeButton color="gray" size=14}</li></ul>
  301. {/block:Answer}
  302.  
  303.              
  304. {block:Text}
  305. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  306. {Body}
  307. <ul class="like_and_reblog_buttons2">
  308. <li>{ReblogButton color="gray" size=14}</li>
  309. <li>{LikeButton color="gray" size=14}</li>
  310. </ul>
  311. {/block:Text}
  312.  
  313. {block:Photo}
  314. <center><img src="{PhotoURL-500}" width="500px"/></center>
  315. <ul class="like_and_reblog_buttons">
  316. <li>{ReblogButton color="gray" size=14}</li>
  317. <li>{LikeButton color="gray" size=14}</li>
  318. </ul>
  319. {/block:Photo}
  320.  
  321.  
  322. {block:Photoset}
  323. <center>{Photoset-250}</center>
  324. <ul class="like_and_reblog_buttons3">
  325. <li>{ReblogButton color="gray" size=14}</li>
  326. <li>{LikeButton color="gray" size=14}</li>
  327. </ul>
  328. {/block:Photoset}
  329.  
  330.  
  331. {block:Quote}
  332. <div class="quote"><center>{Quote}</center></div>
  333. {block:Source}<div class="pquotesource">{Source}</div>{/block:Source}
  334. <ul class="like_and_reblog_buttons2">
  335. <li>{ReblogButton color="gray" size=14}</li>
  336. <li>{LikeButton color="gray" size=14}</li>
  337. </ul>
  338. {/block:Quote}
  339.  
  340.  
  341. {block:Link}
  342. <a href="{URL}" target="blank" id="title" {Target}>
  343. <div id="title">{Name}</div></a>
  344. {block:Description}{Description}{/block:Description}
  345. <ul class="like_and_reblog_buttons2">
  346. <li>{ReblogButton color="gray" size=14}</li>
  347. <li>{LikeButton color="gray" size=14}</li>
  348. </ul>
  349. {/block:Link}
  350.  
  351. {block:Chat}
  352. <ul class="chat">
  353. {block:Lines}
  354. <li class="user_{UserNumber}">
  355. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;
  356. {Line}</li>
  357. {/block:Lines}</ul>  
  358. <ul class="like_and_reblog_buttons2">
  359. <li>{ReblogButton color="gray" size=14}</li>
  360. <li>{LikeButton color="gray" size=14}</li>
  361.  
  362. </ul>{/block:Chat}
  363.  
  364. {block:Video}
  365. {Video-250}
  366. <ul class="like_and_reblog_buttons3">
  367. <li>{ReblogButton color="gray" size=14}</li>
  368. <li>{LikeButton color="gray" size=14}</li>
  369. </ul>
  370. {/block:Video}
  371.  
  372. {block:Audio}
  373. <center>{AudioPlayerWhite}</center>
  374. {block:Caption}{Caption}{/block:Caption}
  375. <ul class="like_and_reblog_buttons2">
  376. <li>{ReblogButton color="gray" size=14}</li>
  377. <li>{LikeButton color="gray" size=14}</li>
  378. </ul>
  379. {/block:Audio}
  380.  
  381. <div id="cap">
  382. {block:Photo}{/block:Photo}
  383. {block:Video}{/block:Video}
  384. {block:Photoset}{/block:Photoset}
  385.  
  386. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  387.       <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  388.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  389. {/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div></div>
  390. <br>
  391.  
  392.  
  393.  
  394. <div id="info">
  395. {block:Date}
  396. </div>
  397. </div>{/block:Date}
  398.  
  399.  
  400. {block:PostNotes}
  401. {/block:PostNotes}
  402.  
  403.  
  404.  {/block:Posts}
  405.  
  406.  
  407.  </div>
  408.  
  409.  
  410.  
  411. <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">
  412. <a href="http://hakunex.tumblr.com/" target="_blank" title="n copia essa porra ♥">design by<br><b>hakunex</b></a></div>
  413.  
  414.  
  415.  
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420.  
  421. {block:IndexPage}
  422. <div class="column navigation" id="navigation">
  423. {block:Pagination}
  424. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  425. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  426. </div>
  427. {/block:IndexPage}
  428. </div></div></div></div>
  429.  
  430. <br></center></div></div></div></div></div></div>
  431.  
  432.  
  433. </body>
  434.  
  435.  
  436.  
  437. </head>
  438. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement