API tools faq
paste
Advertisement
ele-disse-adeus

doritosb

ele-disse-adeus
Sep 29th, 2012
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  3. <script type="text/javascript">
  4. //desabilita menu de opcoes ao clicar no botao direito
  5. function desabilitaMenu(e)
  6. {if (window.Event)
  7. {if (e.which == 2 || e.which == 3)
  8. return false;}
  9. else
  10. {event.cancelBubble = true event.returnValue = false; return false;} }
  11. document.oncontextmenu = desabilitaMenu;
  12. document.onmousedown = desabilitaBotaoDireito;
  13. document.onmouseup = desabilitaBotaoDireito;
  14. </script>
  15.  
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{favicon}" />
  18. <title>{Title}</title>
  19. <meta name="text:menu1" content="URL">
  20. <meta name="text:menu1 nome" content="link">
  21. <meta name="text:menu2" content="URL">
  22. <meta name="text:menu2 nome" content="link 2">
  23. <meta name="text:menu3" content="URL">
  24. <meta name="text:menu3 nome" content="link 3">
  25. <meta name="text:menu4" content="URL">
  26. <meta name="text:menu4 nome" content="link 4">
  27. <meta name="text:menu5" content="URL">
  28. <meta name="text:menu5 nome" content="link 5">
  29. <meta name="text:menu6" content="URL">
  30. <meta name="text:menu6 nome" content="link 6">
  31. <meta name="text:frase" content="escreva aqui">
  32. <!----image-->
  33. <meta name="image:sidebar" content="http://static.tumblr.com/jis8eac/TMbmb1a4i/dr_foto_por_lenna__36_.jpg">
  34. <!---fonte-->
  35. <meta name="font:titulo" content="georgia">
  36. <!---color--->
  37. <meta name="color:background" content="#fafafa">
  38. <meta name="image:background" content="/">
  39. <meta name="color:bgcaixa" content="#fff">
  40. <meta name="color:text" content="#000">
  41. <meta name="color:link" content="#000">
  42. <meta name="color:link hover" content="#666">
  43. <meta name="color:h1" content="#000;">
  44.  
  45.  
  46. <style>
  47. /**centralizacao dont mexa lindinho**/
  48. #center {width:1100px;margin:auto;}
  49. /*** fundo do theme ***/
  50. body {background: {color:background} url('http://static.tumblr.com/jis8eac/IyNmb47a8/alferdo.png')fixed; color: {color:text}; font-size: 10px; font-family: verdana;text-align:justify;overflow-x:hidden;background-position:bottom left;background-repeat:no-repeat}
  51.  
  52. /*** letras ***/
  53. h3 {text-align: center; font: 15px georgia, sans-serif;; color: {color:h1};margin:0px;}
  54. h5 {text-align: center; font: 15px play, sans-serif;; color: {color:h1};margin:0px;}
  55.  
  56. /*** links ***/
  57. a:link,a:active,a:visited { color: {color:link}; text-decoration: none; -webkit-transition-duration: .50s;}
  58. a:hover { color: {color:link hover};}
  59.  
  60.  
  61. @font-face {font-family: "04b03";
  62. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  63.  
  64. /**content**/
  65. #conteudo {width: 510px;text-align: justify;position:absolute;margin:-3px -5px 10px 10px;border:4px solid #fff;padding:5px;margin-left:225px; }
  66. .box {overflow:hidden; letter-spacing: 0px; text-align: justify;background-color: {color:bgcaixa}; line-height:15px; padding:5px; margin: 0px 0px 0px 0px; }
  67. #conteudo img { -webkit-filter: grayscale(1)}
  68. /******** post */
  69. .post{margin-bottom:1px;}
  70.  
  71. /******** titulos do post */
  72. .post .title {margin:0; padding:0; font-size:18px; line-height:22px; font-weight:normal;}
  73. blockquote {margin-left:0px;border-left:4px solid {color:text};padding:4px;}
  74.  
  75. .datee {text-align: left; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11; padding:5px; border-bottom:1px solid {color:background};border-top:1px solid {color:background}; margin-left: -10px; width: 535px; margin-bottom: -7px;text-align:center;opacity:0.6;}
  76. .datee:hover {opacity:0.9;}
  77. .datee a {font-size: 9px; text-transform: uppercase;}
  78. .chat {line-height: 13px; list-style: none }
  79. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  80. .player {background-color: #000; text-align: left; display:block;}
  81. #men {font:10px 'calibri';text-transform:uppercase;
  82. padding-left:11px;padding-right:11px;
  83. float:left;font-weight:bold;}
  84. .v {background:#000;opacity:0.8;-webkit-transition-duration: .50s;}
  85. .v:hover {opacity:1;}
  86. #pagination a {color:#fff}
  87. </style>
  88. </head>
  89. <body><div id="center">
  90. <div style="position:fixed;margin-top:-10px;border-right:4px solid #fff;border-left:4px solid #fff;width:150px;height:260px;margin-left:30px"></div>
  91. <div style="position:fixed;margin-top:90px;border-top:4px solid #fff;border-right:4px solid #fff;width:120px;height:30px;margin-left:750px;"></div>
  92. <div style="position:fixed;margin-top:340px;border-top:4px solid #fff;border-right:4px solid #fff;width:130px;height:20px;margin-left:750px;"></div>
  93. <div style="position:fixed;margin-left:936px;height:400px;margin-top:-8px;border-left:4px solid #fff;"></div>
  94. <div style="position:fixed;margin-left:990px;height:200px;margin-top:-8px;border-left:4px solid #fff;"></div>
  95. <div style="position:fixed;margin-left:990px;margin-top:192px;border-top:4px solid #fff;border-right:4px solid #fff;width:80px;height:380px;"></div>
  96. <div style="position:fixed;"></div>
  97. <div style="position:fixed;"></div>
  98. <div style="position:fixed;"></div>
  99. <div style="position:fixed;"></div>
  100. <div style="position:fixed;"></div>
  101. <div style="position:fixed;"></div>
  102.  
  103. <div style="position:fixed;margin-top:50px;width:220px;margin-left:2px;">
  104. {block:Pagination}<div align="right" id="pagination" style="font:30px verdana; width:215px;text-align:right;color:#fff;">{block:PreviousPage}<a href="{PreviousPage}">↜</a>&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">↝ </a>{/block:NextPage}</div>{/block:Pagination}
  105. <div style="width:200px;border:4px solid #fff;padding:5px;background:{color:background}">
  106. <div class="box" style="margin-bottom:5px;overflow:hidden;width:190px;padding:0px;border:5px solid #fff;">
  107. <img src="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/534417_300329276718957_1453943586_n.jpg" width="400px" style="margin-bottom:-3px;margin-left:-100px;">
  108. </div>
  109. <div class="box" style="margin-bottom:5px;">
  110. <a href="{text:menu1}" id="men">{text:menu1 nome}</a>
  111. <a href="{text:menu2}" id="men">{text:menu2 nome}</a>
  112. <a href="{text:menu3}" id="men">{text:menu3 nome}</a>
  113. <a href="{text:menu4}" id="men">{text:menu4 nome}</a>
  114.  
  115. </div>
  116. <div class="box" style="text-align:center;font:7pt verdana;">
  117. {description}
  118. </div>
  119. </div>
  120. <div style="width:210px;text-align:right;font-size:10px;font-family:calibri;"><a href="http://themesby-eda.tumblr.com/"><b>THEME</b></a></div>
  121. </div>
  122. <div style="position:fixed;margin-left:750px;z-index:999;width:50px;height:20px;border-top:5px solid #fff;border-right:5px solid #fff;margin-top:20px;"></div>
  123. <div style="position:fixed;margin-left:778px;font:15px 'georgia';padding:5px;background:#fff;margin-top:40px;text-align:center;"><script type="text/javascript" id="tc_8ro4za0z">
  124. var _tcq = _tcq || []; _tcq.push(['blog', '8ro4za0z']);
  125. (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.async = true; e.src = 'http://widgets.tcimg.com/v2/blog.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); })();
  126. </script></div>
  127. <div style="position:fixed;margin-left:758px;width:173px;">
  128. <div style="border:4px solid #fff;padding:5px;margin-top:120px;text-align:center;background:{color:background}">
  129. <div class="box" style="width:145px;">
  130. <h5>Parceiros</h5>
  131. <a href="http://lady-muppy.tumblr.com/"
  132. title="Mupy" target="_blank"> <img src="http://data.whicdn.com/images/36074271/tumblr_m9jappNDDg1qfeh6ao1_500_large.gif" alt=”-” width=45px height=45 class="v" /> </a>
  133.  
  134.  
  135. <a href="http://interferida.tumblr.com/"
  136. title="Emilly" target="_blank"> <img src="http://data.whicdn.com/images/36044524/tumblr_m8jk8x2TQW1rdvvoto1_500_large.gif" alt=”-” width=45px height=45 class="v" /> </a>
  137.  
  138. <a href="http://simples-mente-complicada.tumblr.com/"
  139. title="Juliana" target="_blank"> <img src="http://data.whicdn.com/images/36059128/tumblr_m8qfgoZeOz1ryjfe6o1_500_large.gif" alt=”-” width=45px height=45 class="v" /> </a>
  140.  
  141. <a href="http://rockeiro-atordoado.tumblr.com/"
  142. title="Caio" target="_blank"> <img src="http://static.tumblr.com/5yqwx8c/w4nm8pwz3/tumblr_m0ss4e2s2a1r7k2seo6_250.gif" alt=”-” width=45px height=45 class="v" /> </a>
  143.  
  144. <a href="http://t-ranst0rnada.tumblr.com/"
  145. title="Taiele" target="_blank"> <img src="http://static.tumblr.com/aa0wmml/qy3m9s6rw/tumblr_m99n0n6sab1qmppgvo1_500.gif" alt=”-” width=45px height=45 class="v" /> </a>
  146.  
  147. <a href="http://s-eu-presente.tumblr.com/"
  148. title="Maria" target="_blank"> <img src="http://25.media.tumblr.com/tumblr_m9u2rtsMPw1r63u1jo1_250.gif" alt=”-” width=45px height=45 class="v"/> </a><center>
  149. <a href="http://aposentada.tumblr.com/" target="_blank" title="Carol"><img src="http://media.tumblr.com/tumblr_m94lggkYNS1r2w36x.png" style="margin-bottom:-3px" width="45px"></a></center>
  150.  
  151. </div></div>
  152. <div style="border:4px solid #fff;padding:5px;margin-top:50px;text-align:center;background:{color:background};margin-left:50px;width:155px;">
  153. <div class="box" style="width:145px;">
  154. <a href="http://doritosboy.tumblr.com/post/32045746774/escolha-o-jogo"
  155. title="quer jogar aqui no tumblr? clica aqui" target="_blank"> <img src="http://24.media.tumblr.com/tumblr_mar3r4BNYs1r63u1jo1_500.jpg" alt=”-” width=160px height=165 /> </a>
  156. </div>
  157. </div>
  158.  
  159.  
  160. </div>
  161.  
  162. <div style="border:4px solid #fff;padding:5px;margin-top:20px;background:{color:background};margin-left:950px;position:fixed;">
  163. <div class="box" style="height:87px;padding:0px;border:5px solid #fff;overflow:hidden;width:120px;">
  164. <a href="http://themesda-ca.tumblr.com/"><img src="http://static.tumblr.com/jis8eac/9MTmb2yun/alferdo.png" style="margin-bottom:-3px;margin-left:-30px;"></a>
  165. </div>
  166. </div>
  167. <div style="border:4px solid #fff;padding:5px;margin-top:220px;background:{color:background};margin-left:990px;position:fixed;">
  168. <div class="box" style="height:60px;padding:0px;border:5px solid #fff;overflow:hidden;width:100px;">
  169. <a href="/tagged/listas"><img src="http://static.tumblr.com/jis8eac/4Mtmb31ez/alferdo.png" style="margin-bottom:-3px;"></a>
  170. </div>
  171. </div>
  172. <div style="border:4px solid #fff;padding:5px;margin-top:570px;background:{color:background};margin-left:990px;position:fixed;">
  173. <div class="box" style="padding:0px;border:5px solid #fff;">
  174. <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-black.swf";obj.TimeZone="BRST";obj.width=91;obj.height=30;obj.wmode="transparent";showClock(obj);</script>
  175. </div>
  176. </div>
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183. <div id="conteudo">
  184.  
  185. {block:Posts}
  186.  
  187.  
  188. <!-- textos -->
  189. {block:Text}<div class="post">
  190. <div class="box">
  191. {block:Title}<a href="{Permalink}" class="title"><h3>{Title}</h3><div class="divtraso"></div></a>{/block:Title}
  192. <div>{Body}</div>
  193. {block:Date}
  194. <div class="both">
  195.  
  196. {/block:Date}
  197. {block:Caption}{Caption}{/block:Caption}
  198. </div>
  199. {block:PostNotes}
  200. {PostNotes}
  201. {/block:PostNotes}
  202. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> {block:ifNotHiddenTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} {/block:IndexPage}
  203. </div></div>
  204.  
  205.  
  206. {/block:Text}
  207.  
  208. <!-- photos -->
  209. {block:Photo}<div class="post">
  210.  
  211. <div class="box">
  212. <center>{LinkOpenTag}<a href="{Permalink}"><img class="opac" src="{PhotoURL-500}"style="margin-bottom:5px;"title="{PhotoAlt}"/>{LinkCloseTag}</center></a>
  213. {block:Caption}{Caption}{/block:Caption}<br>
  214. {block:PostNotes}
  215. {PostNotes}
  216. {/block:PostNotes}
  217. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}{/block:Photo}
  218.  
  219.  
  220. <!-- quotes -->
  221. {block:Quote}<div class="post"><div class="box"><h3> “{Quote}” </h3>
  222. <center><b>{block:Source}~ {Source}{/block:Source}</b></center>
  223. {block:PostNotes}
  224. {PostNotes}
  225. {/block:PostNotes}
  226. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}</div>
  227.  
  228. {/block:Quote}
  229.  
  230. <!-- links -->
  231. {block:Link}
  232. <div class="post"><div class="box">
  233. <a href="{URL}" class="link" {Target}><h3>{Name}</h3><div class="divtraso"></div></a>
  234. {block:Description}
  235. <div class="description">{Description}</div>
  236. {/block:Description}
  237. {block:PostNotes}
  238. {PostNotes}
  239. {/block:PostNotes}
  240. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}
  241. </div>
  242. {/block:Link}
  243.  
  244.  
  245.  
  246. <!-- asks -->
  247. {block:Answer}
  248. <div class="post"><div class="box">
  249. <b>{Asker}</b> asked: {Question} <br> {Answer}
  250. <br>
  251. {block:PostNotes}
  252. {PostNotes}
  253. {/block:PostNotes}
  254. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}
  255.  
  256. </div>
  257. {/block:Answer}
  258.  
  259.  
  260.  
  261. <!-- chat -->
  262. {block:Chat}<div class="post">
  263. <div class="box" >
  264. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  265. <div class="chat"><ul>{block:Lines}
  266. <li class="person{UserNumber}">{block:Label}
  267. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  268. {block:PostNotes}
  269. {PostNotes}
  270. {/block:PostNotes}
  271. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}
  272. </div>
  273.  
  274. {/block:Chat}
  275.  
  276.  
  277. <!-- musicas -->
  278. {block:Audio}<div class="post">
  279. <div class="box">
  280. <div class="player">{AudioPlayerBlack}</div>
  281. {block:Caption}{Caption}{/block:Caption}<br>
  282. {block:PostNotes}
  283. {PostNotes}
  284. {/block:PostNotes}
  285. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}
  286. </div>
  287.  
  288.  
  289. {/block:Audio}
  290.  
  291.  
  292. <!-- videos -->
  293. {block:Video}<div class="post">
  294. <div class="box">
  295. <center>{Video-500}</center>
  296. {block:Caption}{Caption}{/block:Caption}<br>
  297. {block:PostNotes}
  298. {PostNotes}
  299. {/block:PostNotes}
  300. {block:IndexPage}<div class="datee"> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}"> {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:ifNotHiddenTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifNotHiddenTags}{/block:Date} </div>{/block:IndexPage}
  301. </div>
  302.  
  303. {/block:Video}
  304.  
  305.  
  306. {/block:Posts}
  307. </div></div></div></div></div></div></div></div></div></div></div></div>
  308.  
  309. </div></body>
  310. </html>
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!