API tools faq
paste
cest-lavie

THEME 11 ☾

cest-lavie
Mar 24th, 2017
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. * THEME 11 BY CEST-LAVIE.TUMBLR.COM
  6. * É EXTREMAMENTE PROIBIDO QUALQUER TIPO DE CÓPIA.
  7. * POR FAVOR MANTENHA TODO O CRÉDITO, OBRIGADA !❤
  8. =================================================
  9.  
  10. -->
  11. <html>
  12. <head>
  13. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  14. <meta name="font:text" content="geneva" />
  15.  
  16. <meta name="color:bg" content="#000" />
  17. <meta name="color:sidebg" content="#000" />
  18. <meta name="color:sidetxt" content="#fff" />
  19. <meta name="color:postbg" content="#000" />
  20. <meta name="color:posttxt" content="#fff" />
  21. <meta name="color:tags" content="#eeb2ce" />
  22. <meta name="color:description" content="#fff" />
  23. <meta name="color:borders" content="#eee" />
  24. <meta name="color:scroll" content="#000" />
  25.  
  26. <meta name="image:bg" content="http://static.tumblr.com/v3fpuyf/Ahnopjuys/tumblr_static_tans14.jpg" />
  27. <meta name="image:sidebar" content="https://static.tumblr.com/9b7568e10f63c018349a67c998308344/v3fpuyf/g5Bopcov3/tumblr_static_6jla01jggd0cwwokc4ggkw4sg.png" />
  28.  
  29.  
  30. <meta name="if:Duascolunas" content="1"/>
  31. <meta name="if:Posthover" content="0"/>
  32. <meta name="if:Mostrar tags" content="0"/>
  33. <meta name="if:Cursor pequeno" content="1"/>
  34.  
  35. <meta name="text:frase" content="I hate that I love you" />
  36.  
  37. <meta name="text:Link1 URL" content="/" />
  38. <meta name="text:Link1 Titulo" content="link1" />
  39. <meta name="text:Link2 URL" content="" />
  40. <meta name="text:Link2 Titulo" content="link2" />
  41. <meta name="text:Link3 URL" content="" />
  42. <meta name="text:Link3 Titulo" content="link3" />
  43. <meta name="text:Link4 URL" content="" />
  44. <meta name="text:Link4 Titulo" content="link4" />
  45. <meta name="text:Link5 URL" content="" />
  46. <meta name="text:Link5 Titulo" content="link5" />
  47. <meta name="text:Link6 URL" content="" />
  48. <meta name="text:Link6 Titulo" content="link6" />
  49.  
  50.  
  51.  
  52.  
  53. <title>{Title}</title>
  54. <link rel="shortcut icon" href="{Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. {block:Description}
  57. <meta name="description" content="{MetaDescription}" />
  58. {/block:Description}
  59.  
  60. <link href="https://fonts.googleapis.com/css?family=Rochester" rel="stylesheet">
  61. <style type="text/css">/*
  62. Por favor, NÃO REMOVA OS CRÉDITOS, RESPEITE ESSA REGRA SIMPLES!
  63. Eu gastei muito tempo para fazer esses temas.
  64. OBS: Se usar quaisquer detalhes credite à CEST-LAVIE. Grata. */
  65.  
  66. /*------ BASE ------*/
  67. body {background-color:{color:bg}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat; background-size:100%;}
  68. /*------ LINKS E HOVER LINKS ------*/
  69. a {color:{color:posttxt}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  70. a:hover {opacity:0.5;}
  71. /*------ SCROLLBAR E SELEÇÃO COLORIDA ------*/
  72. ::selection {color:#fff;background:#929090;}
  73. ::-moz-selection {color:#fff;background:#929090;}
  74. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scroll}; height: 50px; }
  75. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scroll}; height: 10px; }
  76. ::-webkit-scrollbar {height: 5px; width: 5px; background-color:#ddd }
  77. /*------ BLOCK QUOTE ------*/
  78. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  79. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  80. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  81. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  82. blockquote img{max-width: 370px!important}
  83. blockquote blockquote img{max-width: 350px!important}
  84. blockquote blockquote blockquote img{max-width: 330px!important}
  85. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  86. /*------ CORPO DO THEME ------*/
  87. #content {}
  88. #posts {position:relative; left:410px; top:0px; max-width:546px; border-top:0px solid transparent; z-index:2; {block:ifnotDuascolunas}left:410px;{/block:ifnotDuascolunas} {block:ifDuascolunas}{block:PermalinkPage}left:510px;{/block:PermalinkPage}{/block:ifDuascolunas}; opacity:0.85}
  89. .post {{block:ifnotDuascolunas}width:500px;{/block:ifnotDuascolunas}{block:ifDuascolunas}{block:IndexPage}width:250px;{/block:IndexPage}{/block:ifDuascolunas} {block:PermalinkPage}width:500px;{/block:PermalinkPage} padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; color:{color:posttxt}; z-index:100; background-color:{color:postbg}; position:relative; overflow:hidden; float:left; margin-right:3px; margin-bottom:3px; }
  90. .post img {max-width:500px; {block:ifDuascolunas}{block:IndexPage}max-width:400px;{/block:IndexPage}{/block:ifDuascolunas};}
  91. .post img:hover {opacity:1;}
  92. .title {font-family:calibri; text-transform:uppercase;}
  93. /*------ CHAT ------*/
  94. .chat {line-height: 12px; list-style: none; }
  95. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  96. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  97. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  98. .person1, .person2, .person {padding:3px;}
  99. /*------ QUOTE ------*/
  100. .quote {font-size:15px; text-align:center; font-family:calibri; position:relative;}
  101. .quote small {font-size:14px;}
  102. .sourcequote {text-align:right;}
  103. .title {font-size:16px; text-align:center; font-weight:bold;}
  104. /*------ REBLOG ------*/
  105. {block:ifPosthover}
  106. .date {font-size:10px; overflow:hidden;font-family:calibri; text-align:left; margin:3px; margin-bottom:0px; opacity:0.3; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; position:absolute; top:10px; left:10px; background-color:{color:postbg}; color:{color:posttxt}; opacity:0; padding:5px; width:484px;{block:ifDuascolunas}{block:IndexPage}width:384px;{/block:IndexPage}{/block:ifDuascolunas}}
  107. {block:ifPosthover}
  108. {block:ifnotPosthover}
  109. .date {font-size:10px; overflow:hidden;font-family:calibri; text-align:center; opacity:0.6; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:3px;}
  110. {block:ifnotPosthover}
  111. .post:hover .date {opacity:0.95;}
  112. .date a {color:{color:posttxt}; text-transform:uppercase; opacity:1; font-family:calibri;}
  113. .date a:hover {opacity:1;}
  114. .notecount {font-family:verdana;}
  115. .tags {margin:3px; margin-left:0px;}
  116. .tags a { color:{color:posttxt}; float:center;}
  117. /*------ NOTES ------*/
  118. #notess {margin-left: 0px; width:500px;font-size:7px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999; text-align:right;}
  119. #notess img {display: none; border:0px; height:0px; width:0px; overflow:hidden;}
  120. #notess a {color:{color:posttxt};}
  121. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  122. ol.notes li {background-color:{color:postbg}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  123. #cap {position:relative;}
  124. .source {display: none; position:absolute;}
  125. /*------ ASK ------*/
  126. .question {
  127. color:{color:text};
  128. font-size: 11px;
  129. font-weight: normal;
  130. font-family: verdana;
  131. line-height:95%;
  132. background: #272727;
  133. position: relative;
  134. min-height:70px;
  135. padding:10px 15px;
  136. margin-bottom:2px;
  137. margin-right:-10px;}
  138. .questionarrow {
  139. font-size:35px;
  140. color:#272727;
  141. vertical-align:middle;
  142. margin-left:-5px!important;}
  143. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  144. .asker a {color:{color:text};}
  145. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  146. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  147. .asking a{color:{color:text};}
  148. .asking img {width:58px; vertical-align:middle; background-color:#1a1919; border-radius:5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  149. .asking img:hover {border-radius:32px;}
  150. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  151. .answer {color:{color:text};}
  152. /*------ IMAGEM POSTS------*/
  153. #sidimg {overflow:hidden:}
  154. .img {margin:20px; border:5px solid {color:borders}; width:210px; -webkit-transition: all 0.4s ease-out; -webkit-filter: grayscale(100%)}
  155. .img:hover {-webkit-filter: grayscale(0%);}
  156. /*------ FRASE ------*/
  157. .frasee {font-family: 'Rochester', cursive; font-size:26px; font-style:bold; text-align:center; margin-top:80px; margin-bottom:8px; z-index:7777777; -webkit-border-radius: 3px; background-color:{color:sidebar}; border:4px double #eee; opacity:1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out; color:{color:tags}; }
  158. .frasee:hover {-webkit-filter: blur(0px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out; -webkit-transform: rotate(-2deg);}
  159. /*------ IFRAME CONTROLS ------*/
  160. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:999;}
  161. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  162. /*------ SIDEBAR ------*/
  163. #side
  164. {width: 210px;
  165. height: 100%;
  166. left:120px;
  167. top:0px;
  168. background-color:#000;
  169. position: fixed;opacity:0.8;}
  170. #mi{text-align: justify; font-size: 9px; font-family: calibri; position: fixed; margin-left: 1px; width: 500px; height:19px;
  171. background-color:transparent; color: #f7f7f7; padding: 2px; margin-top: 185px; background-attachment: fixed;}
  172. /*------ DESCRIÇÃO ------*/
  173. #descrip {width:195px; height: auto; margin-left:0px; top: 260px; font-family: verdana ; font-size: 9px; color:#fff; margin-top:250px; position:fixed; overflow:hidden; background-color: {color:post}; border-left:0px solid; border-right:0px solid; padding:7px;text-align:center; }
  174. /*------ IMAGEM ------*/
  175. #imagemside{ float: left; margin-top: 140px; margin-left:3px; position: fixed; overflow: hidden; width: 204px; height: 259px; border: 0px solid {color:sidebar};}
  176. #imagemside img {margin-top: -20px; margin-left: 0px; width: 255px; height: 330px;}
  177. /*------ LINKS ------*/
  178. .links3 {position: absolute; width: 250px; margin-left:-2px; margin-top:234px; padding: 0px; text-align: right; z-index:3;}
  179. .links3 a {float: left; display: block;-webkit-box-shadow: inset 0 0 0px 0px #FFFFFF,0 0 0 #FFFFFF;display:block;color:#FFFFFF;
  180. padding:3px 10px 3px 10px;opacity:1;text-align:center;-webkit-transition:All 0s ease-in-out;-moz-transition:All 0s ease-in-out;
  181. font-family:calibri; letter-spacing: 0px; font-family:calibri; font-size: 10px; text-align: center; margin-right: 1px; margin-bottom:1px;
  182. width: 84px; height: 12px; background-color: #000; color: #fff; text-decoration: none; text-transform: uppercase; line-height:12px;
  183. -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; opacity:0.8;}
  184. .links3 a:hover{text-align: center; background-color:#000 color: ; font-size:11px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; opacity: 0.8; text-shadow: -2px 0px #E86060, 2px 0px #54d2cb;}
  185. #mi2{text-align: justify; font-size: 9px; font-family: calibri; position: fixed; margin-left: 1px; width: 500px; height:19px; background-color:transparent; color: #f7f7f7; padding: 2px; margin-top: 243px; background-attachment: fixed;}
  186. .linkcredt {position: absolute; width: 250px; margin-left:-2px; margin-top:241px; padding: 0px; text-align: right; z-index:3;}
  187. .linkcredt a {float: left; display: block;-webkit-box-shadow: inset 0 0 0px 0px #FFFFFF,0 0 0 #FFFFFF;display:block;color:#FFFFFF;padding:3px 10px 3px 10px;opacity:1;text-align:center;-webkit-transition:All 0s ease-in-out;-moz-transition:All 0s ease-in-out;font-family:calibri; letter-spacing: 0px; font-family:calibri; font-size: 10px; text-align: center; margin-right: 2px; margin-bottom:1px; width: 188px; height: 14px; background-color: #000; color: #fff; text-decoration: none; text-transform: uppercase; line-height:15px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; opacity:0.8}
  188. .linkcredt a:hover{-webkit-box-shadow:inset 0 0 55px 35px transparent, 0 0 25px 15px transparent;}
  189. /*------ CURSOR ------*/
  190. {block:ifCursorpequeno}
  191. html{cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto !important;}
  192. a, a:hover{cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto !important;}
  193. {/block:ifCursorpequeno}
  194. </style>
  195. </head>
  196. <body>
  197.  
  198. <div id="content">
  199. <div id="side">
  200.  
  201. <div id="imagemside"><img src="{image:sidebar}"></div>
  202.  
  203. <div id="descrip"> {Description} </div>
  204.  
  205.  
  206. <div id="mi"><div class="links3">
  207. <a href="{text:link1 URL}">{text:Link1 Titulo}</a>
  208. <a href="{text:link2 URL}">{text:Link2 Titulo}</a>
  209. <a href="{text:link3 URL}">{text:Link3 Titulo}</a>
  210. <a href="{text:link4 URL}">{text:Link4 Titulo}</a>
  211. <a href="{text:link5 URL}">{text:Link5 Titulo}</a>
  212. <a href="{text:link6 URL}">{text:Link6 Titulo}</a>
  213. </div></div>
  214. <!----------------------------------------------------------------------------
  215. Você não tem o direito para modificar ou retirar meus créditos.
  216. Se eu vejo você usando este tema sem esse crédito, vou denunciá-lo.
  217. ------------------------------------------------------------------------------>
  218. <div id="mi2"><div class="linkcredt">
  219. <a href="http://cest-lavie.tumblr.com/">THEME</a></div>
  220. </div>
  221.  
  222. <div class="frasee">{text:frase}</div>
  223. </div>
  224.  
  225. </div>
  226. <div id="posts">
  227. {block:Posts}
  228. <div class="post">
  229. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  230. {block:Quote}
  231. <div class="quote"><font class="smbluc">“</font>{Quote}”</div>
  232. {block:Source}<div class="sourcequote">{Source}</div>
  233. {/block:Source}
  234. {/block:Quote}
  235. {block:Link}
  236. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  237. {block:Description}{Description}{/block:Description}
  238. {/block:Link}
  239. {block:Chat}
  240. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  241. <div class="chat">{block:Lines}
  242. <div class="person{UserNumber}">{block:Label}
  243. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  244. {/block:Chat}
  245. {block:Audio}
  246. <div class="player">{AudioPlayerBlack}</div>
  247. {block:Caption}{Caption}{/block:Caption}
  248. {/block:Audio}
  249.  
  250.  
  251. {block:Photo}{LinkOpenTag}<div class="image"><img src="{block:ifDuascolunas}{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{/block:ifnotDuascolunas}"></div>{LinkCloseTag}{/block:Photo}
  252. {block:Photoset}{block:ifDuascolunas}{block:IndexPage}{Photoset-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{Photoset-500}{/block:IndexPage}{/block:ifnotDuascolunas}{/block:Photoset}
  253. {block:Video}{block:ifDuascolunas}{block:IndexPage}{Video-250}{/block:IndexPage}{/block:ifDuascolunas}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:ifnotDuascolunas}{block:IndexPage}{Video-500}{/block:IndexPage}{/block:ifnotDuascolunas}{/block:Video}
  254.  
  255.  
  256. {block:Answer}
  257. {block:ifnotDuascolunas}
  258. <table width="500px" cellspacing="0" cellpadding="0">
  259. <tr>
  260. <td width="415px" class="question">{Question}</td>
  261. <td width="30px"><span class="questionarrow">◤</span></td>
  262. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  263. </tr>
  264. </table>
  265. <div class="answer">{Answer}</div>
  266. {/block:ifnotDuascolunas}
  267. {block:ifDuascolunas}
  268. <table width="250px" cellspacing="0" cellpadding="0">
  269. <tr>
  270. <td width="415px" class="question">{Question}</td>
  271. <td width="30px"><span class="questionarrow">◤</span></td>
  272. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  273. </tr>
  274. </table>
  275. <div class="answer">{Answer}</div>
  276. {block:ifDuascolunas}
  277. {/block:Answer}
  278. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  279. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  280. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  281. <div class="source">
  282. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  283. </div>
  284. {block:Date}
  285. <div class="date">
  286.  
  287. <div><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  288.  
  289.  
  290. {block:RebloggedFrom} - <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> - <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<a href="{ReblogUrl}" target="_blank"> - <strong>reblog</strong></a>
  291.  
  292.  
  293. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><strong>#</strong>{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  294. </div></div>
  295.  
  296. {/block:Date}
  297. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  298. </div>
  299. {/block:Posts}
  300. </div>
  301.  
  302.  
  303.  
  304.  
  305. <div style="display:none">
  306.  
  307. </div>
  308. </div>
  309. {block:IndexPage}
  310. <div class="column navigation" id="navigation">
  311. {block:Pagination}
  312. {block:PreviousPage}
  313. <a href="{PreviousPage}" class="navigate">
  314. {/block:PreviousPage}
  315. {block:PreviousPage}</a>
  316. {/block:PreviousPage}
  317. {block:NextPage}
  318. <a href="{NextPage}" class="navigate" id="nextPage">
  319. {/block:NextPage}
  320. {block:NextPage}</a>{/block:NextPage}
  321. {/block:Pagination}
  322. </div>
  323. {/block:IndexPage}
  324.  
  325.  
  326. </div></div></div>
  327. <body>
  328. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  329. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  330. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  331. <script>
  332. $(function(){
  333. var $container = $('#posts');
  334. $container.imagesLoaded(function(){
  335. $container.masonry({
  336. itemSelector: '.post',
  337. });
  338. });
  339. $container.infinitescroll({
  340. navSelector : "div#navigation",
  341. nextSelector : "div#navigation a#nextPage",
  342. itemSelector : '.post',
  343. loading: {
  344. finishedMsg: ' ',
  345. img: ' '
  346. }
  347. },
  348. function( newElements ) {
  349. var $newElems = $( newElements ).css({ opacity: 0 });
  350. $newElems.imagesLoaded(function(){
  351. $newElems.animate({ opacity: 1 });
  352. $container.masonry( 'appended', $newElems, true );
  353. });
  354. }
  355. );
  356.  
  357. });
  358. </script>
  359. </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!