API tools faq
paste
Advertisement
kelishid

THEME 12 LATE-TO-WRITE

kelishid
Dec 7th, 2011
3,841
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.30 KB | None | 0 0
raw download clone embed print report
  1. <! theme por LATE-TO-WRITE.tumblr.com; NÃO RETIRE OS CRÉDITOS!>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:Background" content="#1F1916"/>
  12.  
  13. <meta name="color:Font" content="#D1C2B7"/>
  14.  
  15. <meta name="color:Hold" content="#946B66"/>
  16.  
  17. <meta name="color:Accent" content="#241F1C"/>
  18.  
  19. <meta name="color:Link" content="#AD5365"/>
  20.  
  21.  
  22. <meta name="color:textlink" content="#5C4B44"/>
  23.  
  24. <meta name="color:menu" content="#5C4B44"/>
  25.  
  26. <meta name="color:linkbackground" content="#5C4B44"/>
  27.  
  28. <meta name="color:linkhover" content="#5C4B44"/>
  29.  
  30. <meta name="color:cima" content="#fff"/>
  31.  
  32.  
  33. <meta name="font:Body" content="Georgia"/>
  34.  
  35. <meta name="font:Title" content="Georgia"/>
  36.  
  37. <meta name="text:title2" content="Uma frase aqui em cima "/>
  38.  
  39. <meta name="text:titulo" content="uma frase aqui"/>
  40.  
  41. <meta name="text:subtitle2" content=" seu subtitle aqui!"/>
  42.  
  43. <meta name="image:Background" content=""/>
  44.  
  45. <meta name="image:sidebar" content=""/>
  46.  
  47. <meta name="image:tbar" content=""/>
  48.  
  49. <meta name="image:tbar2" content=""/>
  50.  
  51. <meta name="image:tbar3" content=""/>
  52.  
  53. <meta name="image:tbar4" content=""/>
  54.  
  55. <meta name="image:tbar5" content=""/>
  56.  
  57. <meta name="image:tbar6" content=""/>
  58.  
  59. <meta name="if:Title" content="1"/>
  60.  
  61. <meta name="text:titlelink" content="titlelink" />
  62. <meta name="text:titlelink2" content="titlelinks2" />
  63. <meta name="text:titlelink3" content="titlelinks3" />
  64.  
  65. <meta name="text:Link1" content="/" />
  66. <meta name="text:Link1 Title" content="mude" />
  67. <meta name="text:Link2" content="/" />
  68. <meta name="text:Link2 Title" content="os" />
  69. <meta name="text:Link3" content="/" />
  70. <meta name="text:Link3 Title" content="links" />
  71. <meta name="text:Link4" content="/" />
  72. <meta name="text:Link4 Title" content="no" />
  73. <meta name="text:Link5" content="/" />
  74. <meta name="text:Link5 Title" content="apparence" />
  75. <meta name="text:Link6" content="/" />
  76. <meta name="text:Link6 Title" content="do" />
  77. <meta name="text:Link7" content="/" />
  78. <meta name="text:Link7 Title" content="theme" />
  79. <meta name="text:Link8" content="/" />
  80. <meta name="text:Link8 Title" content="ok?" />
  81.  
  82. <style type="text/css">
  83.  
  84. body{color:{color:Font}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:{font:Body}; font-size:11px;}
  85.  
  86. a{color: {color:link}; text-decoration: none;}
  87.  
  88. a:hover{color:{color:Hold}; text-decoration: none; font-weight:none; font-style:italic;}
  89.  
  90. a img{border:0}
  91.  
  92. #entries{margin-left:370px; margin-top:90px; width:510px}
  93.  
  94. #sideimagebox {margin-bottom:3px; margin-top:8px; margin-left:6px;}
  95. #sideimagebox img {max-width: 250px; height: auto; text-align:center}
  96.  
  97. #side {width:262px; margin-left:895px; height:100%; margin-top:170px; position:fixed; overflow:hidden; background-color: {color:Accent}; padding:3px}
  98.  
  99. #descriptext {margin-left:6px; font-family:{font:Body}; font-size:10px; width:250px}
  100.  
  101. /* scrollbar */
  102.  
  103. ::-webkit-scrollbar{width:5px;height:5px;}
  104.  
  105. ::-webkit-scrollbar-button:start:decrement
  106.  
  107. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  108.  
  109. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  110.  
  111. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#BEBEBE;-webkit-border-radius:px;}
  112.  
  113. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#BEBEBE;-webkit-border-radius:px;}
  114.  
  115.  
  116. .descricao{background-color:{color:descricao};text-align:justify; font-family: verdana; font-size: 9px; padding: 3px 3px 3px 3px width: 250px; }
  117.  
  118.  
  119. /* imagens da tbar */
  120.  
  121. #mide {display: block; margin-left: 30px; float: right; top:0px; width: 95px; height: 5000px; background-color: transparent; text-align: center; position: fixed;}
  122.  
  123. .simage {width: auto}
  124. .simage img {width: 155px; height: auto; margin-bottom: 2px;}
  125.  
  126. #sidebar3 {margin-left: -420px; width: 100px; position: fixed; top:30%}
  127.  
  128.  
  129.  
  130. .menu a:hover {background-color:#EBEBEB; color: #272727; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  131.  
  132. .menu {text-align: center; font-size: 11px; position: fixed; margin-left: 660px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  133.  
  134.  
  135.  
  136. .menu a {display: block; margin-bottom: 3px; background-color:{color:menu}; letter-spacing: 3px; color: #FFFFFF; width:90px; padding-top: 30px; height:60px;font-family: tahoma; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-border-radius: 46px;
  137.  
  138. -moz-border-radius: 46px;border-radius: 46px;}
  139.  
  140.  
  141.  
  142. .cima {text-align: center; margin-left: -10px; width: 1400px; border-top: 100px solid #F8F8F8; margin-top: -130px; height: 90px; background-color: {color:cima}; padding: 20px 20px 0px 20px; position: fixed;}
  143.  
  144.  
  145. .sidetitle {
  146.  
  147. text-align: left;
  148.  
  149. font-family: Lucida Handwriting;
  150.  
  151. text-transform: none;
  152.  
  153. font-size: 55px;
  154.  
  155. color: #ffffff;
  156.  
  157. z-index:3;
  158.  
  159. margin-bottom:10px;
  160.  
  161.  
  162. }
  163.  
  164.  
  165.  
  166. .sidetitle a{
  167.  
  168. text-align: left;
  169.  
  170. font-family: Lucida Handwriting;
  171.  
  172. text-transform: none;
  173.  
  174. font-size: 55px;
  175.  
  176. color: #bdbdbd;
  177.  
  178. z-index:3;
  179.  
  180. margin-bottom:10px;
  181.  
  182.  
  183. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  184.  
  185. }
  186.  
  187.  
  188.  
  189. .sidetitle a:hover{
  190.  
  191. text-align: left;
  192.  
  193. font-family: Georgia;
  194.  
  195. text-transform: none;
  196.  
  197. font-size: 55px;
  198.  
  199. color: #bdbdbd;
  200.  
  201. z-index:3;
  202.  
  203. margin-bottom:10px;
  204.  
  205. letter-spacing:-8px;
  206.  
  207.  
  208.  
  209. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  210.  
  211. }
  212.  
  213.  
  214.  
  215.  
  216. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  217.  
  218. }
  219.  
  220. #descrip {margin-bottom: 2px; padding:2px; font:9px {font:Body}; letter-spacing: 2px; text-align:justify; color:{color:Font};}
  221.  
  222. #descrip a {text-decoration:none; color:{color:Link}; font-style:italic;}
  223.  
  224. #pagination {letter-spacing: 3px; margin-top: 10px; text-align: center; word-spacing: 1px; font-family:{font:Body}; text-align:center; font-size:10px}
  225. #pagination a {background-color:{color:Background}; padding:2px 6px 2px 6px;}
  226.  
  227. #bottompost{background-color:{color:Background}; width: 495px; margin-bottom:2px; margin-top:8px; font-size:9px; padding:2px; text-align: left; letter-spacing:2px; padding:3px; text-transform: lowercase;}
  228. #bottompost a{color: {color:Link}; margin-left:3px;}
  229. #bottompost a:hover{color: {color:Font}}
  230.  
  231. #tags{background-color:{color:Accent}; width: 500px; margin-bottom:0px; margin-top:0px; font-size:9px; text-align: left; letter-spacing:2px; padding:1px; text-transform: lowercase;}
  232. #tags a{color: {color:Link}; margin-left:0px;}
  233. #tags a:hover{color: {color:Font}}
  234.  
  235. #posts{background-color:{color:Accent}; margin-bottom:10px; padding:7px; overflow:hidden; background-color: {color:Accent}; padding:3px}
  236.  
  237. #title1{color:{color:Font}; text-transform:lowercase; font-family:Lucida Handwriting; font-size:21px; line-height:12px; letter-spacing:0px; font-weight:normal; padding:1px; margin-bottom:-0px; text-align:center;}
  238.  
  239. #title2{color:{color:Font}; text-transform:lowercase; font-family:'Lucida Handwriting; font-size:21px; line-height:12px; letter-spacing:0px; font-weight:normal; margin:0px; padding:1px; margin-bottom:-0px; font-style:italic;}
  240.  
  241. #notes{background-color:{color:Accent}; width:510px; margin-bottom:15px;}
  242.  
  243. #notess{width:500px; background-color:{color:Accent}; padding:3px 7px 3px 7px;}
  244.  
  245. #source {text-align: left}
  246.  
  247. /*** Paginação by madlyluv.com ***/
  248. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  249. #paginacaoml a {background: #cor_1; margin: 0 1px 0 0; padding: 2px 4px; color: #cor_2; text-decoration: none;}
  250. #paginacaoml a:hover {background: #cor_3; border: none;}
  251. #paginacaoml span.pagina_atual {background: #cor_4; margin: 0 1px 0 0; padding: 2px 4px; color: #cor_5; text-decoration: none;}
  252. #paginacaoml span.info {background: #cor_6; margin: 0 1px 0 0; padding: 2px 4px; color: #cor_7; text-decoration: none;}
  253. #tumblr_controls{position: fixed!important}
  254. ::-webkit-scrollbar{width:8px;height:8px;}
  255.  
  256. ::-webkit-scrollbar-button:start:decrement
  257.  
  258. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  259.  
  260. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  261.  
  262. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#BEBEBE;-webkit-border-radius:px;}
  263.  
  264. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#BEBEBE;-webkit-border-radius:px;}
  265.  
  266. .llinks{width: 290px; font-size: 12px;}
  267. .llinks a{display: block; text-decoration: none; color: {color:textlink}; background-color: {color:linkbackground}; padding: 3px 0px 3px 0px; margin: 0 0 0px 0;}
  268. .llinks a:hover{background-color:{color:linkhover}; color:{color:textlinkhover}; text-transform: lowercase; -webkit-box-shadow: 0 0 1em #c9c9c9;}
  269.  
  270. #meulink1{text-align:center; display:inline-block; width:88px; color: {color:textlink}; background-color: {color:linkbackground};}
  271. #meulink1:hover #meulink2 a:first-child{border-top:0px solid #FFF;}
  272. #meulink1:hover #meulink2{opacity:1; margin-top:0px; -webkit-transition-duration:.2s; overflow:hidden; background-color:#fff; z-index:10; height:auto;}
  273. #meulink2{position:absolute; margin-top:-5px; opacity:0; margin-left:0px; width:80px; overflow:hidden; height:0px;}
  274.  
  275. #meulink2 a{color:#000; background-color:#fff; text-align:center; display:block; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; z-index:10; line-height:15px;}
  276. #meulink2 a:hover{color:#fff; background-color:#000;}
  277.  
  278. .permalink{text-align: center;font-size: 10px; opacity:0; position:absolute; float:left; padding-left:15px; margin-left:405px; -moz-transition: all 0.0s ease-out; -o-transition: all 0.0s ease-out; -webkit-transition: all 0.0s ease-out; transition: all 0.3s ease-out; width:80px;}
  279. .permalink a:{color: #181818;background-color: transparent;}
  280. .permalink a:hover{color: #BAABA6; background-color: #ECECEC}
  281.  
  282.  
  283. #info{padding:none; text-align:center; padding:length; line-height:10px; width: 250px; float: center; font-family:{font:Body}; font-size:10px; text-transform:lowercase; text-align:left}
  284.  
  285.  
  286. .question{background: {color:Accent}; font-size: 10px; font-weight:bold; color: {color:Font}; padding: 10px;}
  287.  
  288. .ask{background-color: {color:Accent};
  289. text-align:left; padding-left:5px; margin:0px 6px 0px 10px;}
  290.  
  291. .asker{text-transform: lowercase; text-align: left; margin-top:0px; padding-bottom:0px; font-size: 14px;}
  292.  
  293. .answer{margin-top:-5px;}
  294.  
  295. .chat {line-height: 12px; list-style: none }
  296. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  297. .person1 {background-color:{color:Background}; color: {color:text}; }
  298. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Font}}
  299. .person2 {color: {color:Font} }
  300. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Font}}
  301.  
  302. .quote{font: normal 13px {font:Body}; color: {color:Font}; font-style:italic;}
  303.  
  304. .audio{background-color:{color:Accent}; height:35px; overflow:hidden;}
  305.  
  306. </style>
  307. <style type="text/css">{CustomCSS}</style>
  308. </head>
  309.  
  310. <body>
  311. <div id="leftside">
  312. </html>
  313.  
  314. </div>
  315.  
  316.  
  317. <div id="top"><div id="topimageb"><img src="{image:TopImage}" /></div>
  318. </div>
  319.  
  320. <div id="sidebar3">
  321.  
  322. <div class="menu">
  323.  
  324.  
  325.  
  326. <a href="/">HOME</a>
  327.  
  328. <a href="/ask">ASK ME</a>
  329.  
  330. <a href="/archive">ARCHIVE</a>
  331.  
  332.  
  333.  
  334. </div>
  335.  
  336. </div>
  337.  
  338.  
  339.  
  340. <div id="mide">
  341.  
  342. <div style="border: 2px solid #ececec; padding: 2px; padding-bottom: -2px; overflow: auto; background-color: #FFFFFF; margin: 110px auto -7px auto; width: 155px;"><div class="simage"><marquee direction="up" scrollamount="3" height="410" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><img src="{image:tbar}"/><img src="{image:tbar2}"/><img src="{image:tbar3}"/><img src="{image:tbar4}"/><img src="{image:tbar5}"/><img src="{image:tbar6}"/>{/block:ifshowminimagens} </marquee></div></div>
  343.  
  344. <pre><div style="border: 1px solid rgb(210, 210, 240); overflow: auto; color: {color:text}; background-color: #fff; width: 148px; text-align: justify; font-family: verdana; height: 20px; padding: 5px 5px 5px 5px; font-size:10px; line-height: 100%">theme por <b><a href="http://www.late-to-write.tumblr.com">late-to-write</a></b>. base em <a href="http://quinni.tumblr.com/">quinni</a> detalhes de <a href="http://queridasolidao.tumblr.com/">queridasolidao</a>. por favor, não retire os créditos.</pre></div></div>
  345.  
  346. </div></div>
  347.  
  348.  
  349. <div class="cima">
  350. <center>
  351. <div class="sidetitle">
  352.  
  353. <a href="/">{text:title2}</a></div><div style="font-size:11px; font-family:verdana; letter-spacing:-1px; margin-top:-14px; padding:0px 5px 5px 5px; text-align:center;"><font background-color: {color:subtitlecima}>{text:subtitle2}</font></div>
  354.  
  355.  
  356. </div>
  357. </div>
  358.  
  359. <div id="side">
  360.  
  361. <div class="llinks">
  362.  
  363.  
  364. <table width="290px"><tbody>
  365.  
  366.  
  367. <div id="meulink1"><a href="#">{text:titlelink}</a>
  368.  
  369. <div id="meulink2">
  370.  
  371. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  372. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  373. </div></div>
  374.  
  375.  
  376.  
  377. <div id="meulink1"><a href="#">{text:titlelink2}</a>
  378. <div id="meulink2">
  379.  
  380. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  381. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  382. </div></div>
  383.  
  384.  
  385.  
  386. <div id="meulink1"><a href="#">{text:titlelink3}</a>
  387.  
  388. <div id="meulink2">
  389. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  390. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  391. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  392. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}</div></div></div>
  393.  
  394.  
  395. </tbody></table></center></div>
  396. <div id="sideimagebox">
  397. <div style="position:absolute; float:right; text-align: justify; font-size:9px; background-color: rgba(0,0,0,0.4); color: #FFFFFF; font-family:verdana; padding: 15px; 17px; 17px; 15px; margin-top: 120px; margin-left:4px;">{text:titulo}</div>
  398. <img src="{image:sidebar}" width="290px" >
  399. </div>
  400. <br>
  401. <div class="descricao"> <div style="border: -5px solid rgb(250, 230, 250); overflow: auto; color: {color:box}; background-color: {color:fundo}; width: 258px; text-align: justify; font-family: verdana; height: 100px; padding: 0px 0px 0px 0px; font-size:10px; line-height: 90%">
  402. {Description} </div></div>
  403.  
  404. <br>
  405. <center><div id="paginacaoml"> <font face=verdana>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  406. {block:JumpPagination length="5"}
  407. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  408. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  409. {/block:JumpPagination}
  410. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</font face=verdana>
  411. </center></div></div>
  412.  
  413. <div id="entries">
  414. {block:Posts}
  415. <div id="posts">
  416.  
  417. {block:Text}
  418.  
  419. {block:Title}
  420. <div id="title2">{Title}</div>
  421. {/block:Title}
  422. {Body}
  423.  
  424. {/block:Text}
  425.  
  426.  
  427. {block:Photo}
  428.  
  429. <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  430. {block:Caption}{Caption}{/block:Caption}
  431. {/block:Photo}
  432.  
  433.  
  434. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  435.  
  436.  
  437. {block:Quote}
  438.  
  439. <div class="quote"><big><big><big><big>❝{Quote}❞</big></big></big></big></div>
  440.  
  441. {block:Source}
  442.  
  443. <div id="source">-{Source}</div>
  444.  
  445. {/block:Source}
  446.  
  447. {/block:Quote}
  448.  
  449. {block:Answer}
  450.  
  451. <div class="ask"><div class="asker"><i>{Asker}</i> Disse:</div> {Question}
  452. <blockquote>{Answer}</blockquote>
  453. </div>
  454. {/block:answer}
  455.  
  456. {block:Link}
  457.  
  458. <div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  459.  
  460. {block:Description}
  461.  
  462. {Description}
  463.  
  464. {/block:Description}
  465.  
  466. {/block:Link}
  467.  
  468. {block:Chat}
  469. {block:Title}<div id="title2">{Title}</div>
  470.  
  471. {/block:Title}
  472.  
  473. <div class="chat"><ul>{block:Lines}
  474. <li class="person{UserNumber}">{block:Label}
  475. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  476. {/block:Chat}
  477.  
  478.  
  479. {block:Video}
  480.  
  481. {Video-500}
  482. {block:Caption}{Caption}{/block:Caption}
  483. {/block:Video}
  484.  
  485.  
  486. {block:Audio}
  487.  
  488. {block:AlbumArt}
  489.  
  490. <img src="{AlbumArtURL}" width="55px" align="left">
  491. {/block:AlbumArt}
  492.  
  493. <div class="audio">
  494.  
  495. {AudioPlayerGrey}</div>
  496. {block:Caption}{Caption}{/block:Caption}
  497. {/block:Audio}
  498.  
  499. <div id="info"><div id="bottompost">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} {block:NoteCount}with:<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} (originally<a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  500. <div id="tags">{block:HasTags}{block:Tags}
  501. #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div></div><BR>
  502. {/block:Posts}
  503.  
  504. {block:PostNotes}
  505. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  506. {/block:PostNotes}
  507.  
  508.  
  509.  
  510.  
  511.  
  512. </div>
  513. </div>
  514. </div>
  515. </body>
  516. </html>
  517.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!