API tools faq
paste
Advertisement
Jalcanttara

Thmx 23 - Acalentador [EDITADO]

Jalcanttara
Jun 13th, 2013
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--— THEME BY ACALENTADOR, DON'T COPY AND DON'R REMOVE CREDIT -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- VALORES DEFAULT-->
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="image:Background" content=""/>
  15. <meta name="image:sidebar" content="http://static.tumblr.com/94e321f1038e8310db2b9142fb2b068f/r2ogzvx/dqWmnz80p/tumblr_static_tumblr_mn9jlnpkqi1sooa68o1_500.jpg" />
  16.  
  17. <meta name="font:Postagens" content="Georgia"/>
  18.  
  19. <meta name="text:Link1" content="/" />
  20. <meta name="text:Link1 Title" content="link" />
  21. <meta name="text:Link2" content="/" />
  22. <meta name="text:Link2 Title" content="link" />
  23. <meta name="text:Link3" content="/" />
  24. <meta name="text:Link3 Title" content="link" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="link" />
  27. <meta name="text:Link5" content="/" />
  28. <meta name="text:Link5 Title" content="link" />
  29. <meta name="text:Link6" content="/" />
  30. <meta name="text:Link6 Title" content="link" />
  31. <meta name="text:frase" content"Born to die">
  32.  
  33. <meta name="color:Postagens" content="#969595" />
  34. <meta name="color:Background" content="#ffffff" />
  35. <meta name="color:Ask Fundo" content="#dadad8" />
  36. <meta name="color:Chat Fundo" content="#eeeeee" />
  37. <meta name="color:Chat Fonte" content="#3a3a3a" />
  38. <meta name="color:Links" content="#767879" />
  39. <meta name="color:Hover" content="#b1b2b4" />
  40. <meta name="color:Bordas" content="#ffffff" />
  41. <meta name="color:Sidebear" content="#7e7d7d" />
  42. <meta name="color:Descricao" content="#a29f9f" />
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47. /* body */
  48.  
  49. body
  50. {background-color: {color:Background};
  51. background-image: url({image:Background});
  52. background-attachment: fixed;
  53. background-repeat: no-repeat;
  54. background-position: right;
  55. {block:IfNotRepetirBackground}
  56. background-size: 100% 100%;
  57. {/block:IfNotRepetirBackground}
  58. {block:IfRepetirBackground}
  59. background-repeat: repeat;
  60. {/block:IfRepetirBackground}
  61. color: {color:Postagens};
  62. font-family: {font:Postagens};
  63. font-size: {text:Postagens}px}
  64.  
  65. .tumblrAutoPager_page_separator,
  66.  
  67. .tumblrAutoPager_page_info {display: none;}
  68.  
  69. iframe#tumblr_controls
  70. {top: 1px !important;
  71. margin: 0 0 0 0;
  72. right: 6px !important;}
  73.  
  74.  
  75. /* Caixa dos posts */
  76.  
  77. #conteudo
  78. {width: 900px;
  79. left: 445px;
  80. top: 20px;
  81. position: relative;
  82. text-align: justify;
  83. padding-bottom: 10px;
  84. z-index:9999999999999999;
  85. {block:PermalinkPage}
  86. width: 550px;
  87. {/block:PermalinkPage}}
  88.  
  89. .post
  90. {width: 460px;
  91. font-family:calibri;
  92. background: transparent;
  93. font-size: 11px;
  94. padding: 10px;
  95. margin-left: 85px;
  96. margin-bottom: 10px;
  97. margin-right: 5px;
  98. border: 1px {color:Bordas};
  99. background: {color:Background};
  100. {block:PermalinkPage}
  101. width: 500px;
  102. {/block:PermalinkPage}}
  103.  
  104. .permalink
  105. {width: 300px;
  106. font-family: Arial;
  107. font-size: 11px;
  108. text-transform: uppercase;
  109. position: absolute;
  110. text-align: left;
  111. font-size: 9px;
  112. opacity: 0;
  113. margin-top: -2px;
  114. padding-top: 7px;
  115. margin-left: 57px;
  116. background: {color:background};
  117. webkit-transition: all .2s linear;
  118. -moz-transition: all .2s linear;
  119. transition: all 0.2s linear;}
  120.  
  121. {block:IndexPage}
  122. .post:hover .permalink
  123. {opacity: 1;
  124. margin-top: -7px;
  125. webkit-transition: all .2s linear;
  126. -moz-transition: all .2s linear;
  127. transition: all 0.2s linear;}
  128. {/block:IndexPage}
  129.  
  130. .permalinkfoto
  131. {width: 280px;
  132. font-family: consolas;
  133. font-size: 9px;
  134. letter-spacing: 1px;
  135. z-index: 19;
  136. text-transform: uppercase;
  137. text-align: center;
  138. opacity: 0;
  139. margin-top: -20px;
  140. margin-left: 5px;
  141. padding: 5px;
  142. position: absolute;
  143. background: #ffffff;
  144. color: #000000;
  145. webkit-transition: all .2s linear;
  146. -moz-transition: all .2s linear;
  147. transition: all 0.2s linear;}
  148.  
  149. .post:hover .permalinkfoto
  150. {opacity: 0.85;font-style:underlined;
  151. margin-top: 5px;
  152. margin-left: 5px;
  153. webkit-transition: all .2s linear;
  154. -moz-transition: all .2s linear;
  155. transition: all 0.2s linear;}
  156.  
  157. .perma
  158. {width: 500px;
  159. background: transparent;
  160. padding: 2px;
  161. margin-top: 10px;
  162. margin-left: 80px;
  163. margin-bottom: 5px;
  164. margin-right: 5px;
  165. border: 1px {color:Bordas} dotted;
  166. background: {color:Background}}
  167.  
  168. .aspas
  169. {float: left;
  170. font-size: 25px;
  171. margin: -1px 5px -26px 0;
  172. position: relative;
  173. font-family: Georgia}
  174.  
  175. blockquote
  176. {padding-left: 5px;
  177. margin-left: 15px;
  178. font-size:10px;
  179. border-left: {color:Links} 1px dotted;
  180. text-align: left}
  181.  
  182. .chat
  183. {background: {color:Chat Fundo};
  184. color: {color:Chat Fonte};
  185. margin-top: 2px;
  186. padding: 4px;}
  187.  
  188. #paginal {font-family: calibri; font-size: 9px; text-align: center;}
  189. #paginal a {; margin: 0 1px 0 0; padding: 2px 4px; color: {color:Postagens};font-size:15px}
  190. #paginal a:hover {; color: {color:text};}
  191. #paginal span.pagina_atual {; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:text}; font-weight: bold; text-decoration: none;}
  192. .ps {z-index:9999999999;position:fixed;  color: {color:text}; padding: 5px; margin-top: 406px; margin-left: 56px; width: 256px; height:12px;font-family: calibri; font-size: 9px;}
  193.  
  194. a#pag
  195. {padding: 8px;
  196. font-family: Arial;
  197. font-size: 11px;}
  198.  
  199. .xquotesource {text-align: right;font-size:11px;color:{color:Postagegens}; margin-bottom: 5px;font-family:candara;}
  200. .xquotesource a {font-family:calibri;font-size:11px;color:{color:Postagens};}
  201. .xquotesource:hover{text-transform: none;}
  202.  
  203. /* Sidebar */
  204.  
  205.  
  206. #photobarr {position:absolute;background-color:{color:Background}; width:196px; height:759px; padding:0px; background-color:none; position:fixed; margin-top:-13px; margin-left:-7px;z-index:9999999999; }
  207. #photoba {position:absolute;background-color:{color:Background}; width:126px; height:759px; padding:0px; background-color:none; position:fixed; margin-top:-13px; margin-left:498px;z-index:9999999999; }
  208. #folhinha{position:absolute; width:256px; height:1px; padding:px; background-color:none; position:fixed; margin-top:250px; margin-left:4px;opacity:0.9}
  209.  
  210. #links {margin-top:259px;margin-left:201px; position:fixed; width:377px; height:19px; font-size:9px;font-size:10px; padding:5px; letter-spacing:2px; line-height:209%; z-index:999;background-color:#fff;opacity:0.9 }
  211.  
  212. #links a {color:{color:Sidebear};width:45px; height:190px;border-radius: 1px 1px 1px 1px; -webkit-transition-duration: .39s;opacity:0.9}
  213.  
  214. #links a:hover{color:{color:Hover}; -webkit-transition: .39s;}
  215.  
  216. #photobar {position:absolute; width:15px; height:165px; padding:0px; background-color:none; position:fixed; margin-top:-40px; margin-left:114px; }
  217.  
  218. #photobar img {display: block;width:376px; height:835px;padding:12px;-webkit-transition-duration: .75s;}
  219. #photobar img:hover {margin-left:65px;-webkit-transition-duration: .75s;}
  220.  
  221. .desc{text-align: justify; overflow: auto; height: relative; font-size: 11px; font-family: calibri; position: fixed; margin-left:201px; width: 281px; color: {color:Descricao};background-color:#fff; padding: 8px; margin-top: 300px; opacity: 1; line-height: 10px;z-index:999999999999999999;-webkit-transition-duration: .75s;opacity:0.9}
  222. .desc:hover {background-color:#fff;-webkit-transition-duration: .75s;}
  223.  
  224. .frase { width: 279px; height:7; padding:9px; color:{color:Postagens};position: fixed;font-family:'Georgia'; font-size:24px; text-align: center; margin-top: 217px; margin-left:201px;line-height:15px;text-transform: overflow: ; text-align: left;z-index: 99999999999999999;-webkit-transition-duration: .75s; background-color:#fff;opacity:0.9}
  225. .frase:hover {background-color:#fff;opacity:0.9;-webkit-transition-duration: .75s;}
  226.  
  227. .cred {position:fixed;left:13px;top:23px;width:192px;font-family:calibri;font-size:16px;color:{Postagens}; background-color:#fff;padding:8px;opacity:0.9;text-align:right;-webkit-transition-duration: .95s;z-index:9999;}
  228. .cred:hover {margin-left:149px;-webkit-transition-duration: .95s;}
  229.  
  230. /* Ask */
  231.  
  232. .ask
  233. {text-align: left;
  234. margin-bottom: 5px;
  235. font-family: Georgia;
  236. font-size: 11px;
  237. letter-spacing: 1px;
  238. padding: 10px;
  239. background: {color:Ask Fundo}}
  240.  
  241. .answer
  242. {text-align: left;
  243. font-family: {font:Postagens};
  244. font-size: {text:Postagens}}
  245.  
  246. /* links */
  247.  
  248. a {color: {color:Links};
  249. text-decoration: none;}
  250.  
  251. a:hover, div.permalink p a:hover
  252. {color: {color:Hover};
  253. text-decoration: none}
  254.  
  255. /* Barra de rolagem */
  256.  
  257. ::-webkit-scrollbar-thumb:vertical
  258. {background-color:{color:Bordas};
  259. height: 100px}
  260.  
  261. ::-webkit-scrollbar-thumb:horizontal
  262. {background-color:{color:Bordas};
  263. height: 10px}
  264.  
  265. ::-webkit-scrollbar
  266. {height: 3px;
  267. width: 3px;
  268. background-color: {color:background}}
  269.  
  270.  
  271. </style>
  272.  
  273. <link href='http://fonts.googleapis.com/css?family=Satisfy|Rochester' rel='stylesheet' type='text/css'>
  274.  
  275. <script>
  276. $(function(){
  277.  
  278. var $container = $('#conteudo');
  279.  
  280. $container.imagesLoaded(function(){
  281. $container.masonry({
  282. itemSelector: '.post',
  283. });
  284. });
  285.  
  286. $container.infinitescroll({
  287. navSelector : "div#navigation",
  288. nextSelector : "div#navigation a#nextPage",
  289. itemSelector : '.post', // selector for all items you'll retrieve
  290. loading: {
  291. finishedMsg: '',
  292. img: ''
  293. }
  294. },
  295. // trigger Masonry as a callback
  296. function( newElements ) {
  297. // hide new items while they are loading
  298. var $newElems = $( newElements ).css({ opacity: 0 });
  299. // ensure that images load before adding to masonry layout
  300. $newElems.imagesLoaded(function(){
  301. // show elems now they're ready
  302. $newElems.animate({ opacity: 1 });
  303. $container.masonry( 'appended', $newElems, true );
  304. });
  305. }
  306. );
  307.  
  308. });
  309. </script>{/block:IndexPage}
  310.  
  311. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  312.  
  313. </head>
  314.  
  315. <body>
  316. <div id="photobarr"></div>
  317. <div id="photoba"></div>
  318.  
  319. <div class="desc">{description}</div>
  320. <div class="frase">{text:frase}</div>
  321.  
  322. <div id="photobar">
  323.  
  324. <img src="{image:sidebar}"/></div></div>
  325. <div id="links">
  326.  
  327. <a href="{text:Link1}">{text:Link1 Title}</a>
  328. <a href="{text:Link2}">{text:Link2 Title}</a>
  329. <a href="{text:Link3}">{text:Link3 Title}</a>
  330. <a href="{text:Link4}">{text:link4 Title}</a>
  331. <a href="{text:Link5}">{text:link5 Title}</a>
  332. <a href="{text:Link6}">{text:link6 Title}</a>
  333.  
  334. </div>
  335.  
  336. <div class="cred">
  337. <a href="http://acalentador.tumblr.com" title="Design by acalentador + copyright 2013 ©">Theme by acalentador ©</a></div>
  338.  
  339. <div id="conteudo">
  340. <div class="autopagerize_page_element">
  341. {block:Posts}
  342. {block:Text}
  343.  
  344. <div class="post">
  345.  
  346. {block:Title}<font size="2">{Title}</font>{/block:Title}{Body}
  347.  
  348. <div class="permalink">
  349. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  350.  
  351. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  352.  
  353. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  354.  
  355. </div></div>        
  356. {/block:Text}
  357.  
  358.  
  359.  
  360. {block:Photo}
  361. <div class="post">
  362.  
  363. {block:IndexPage}
  364. <div class="permalinkfoto">{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a>| <a href="{Permalink}">{NoteCount} notas</a>| <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  365. {/block:IndexPage}
  366.  
  367. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="img" width="100%"/>{block:IfMostrarCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfMostrarCaption}
  368.  
  369. </div>                    
  370. {/block:Photo}
  371.  
  372.  
  373.  
  374. {block:Photoset}
  375. <div class="post">
  376.  
  377. {block:IndexPage}
  378. <div class="permalinkfoto">{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a> <a href="{Permalink}">{NoteCount} notas</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  379. {/block:IndexPage}
  380.  
  381. {Photoset-500}
  382.  
  383. {block:IfMostrarCaption}
  384. {block:Caption}
  385. <div class="caption">{Caption}</div>
  386. {/block:Caption}
  387. {/block:IfMostrarCaption}
  388.  
  389. </div>    
  390. {/block:Photoset}
  391.  
  392.  
  393.  
  394. {block:Quote}
  395. <div class="post">
  396.  
  397. <span class="aspas">&ldquo;</span>{Quote}<br>
  398. {block:Source}<div class="xquotesource"><b> — {Source}</b></div>{/block:Source}
  399.  
  400.  
  401. <div class="permalink">
  402. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  403.  
  404. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount} Notas</div>
  405.  
  406. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  407.  
  408. </div>
  409. </div>
  410. {/block:Quote}
  411.  
  412.  
  413.  
  414. {block:Answer}
  415. <div class="post">
  416.  
  417. <div class="ask">{Question} — <i>{Asker}</i></div>
  418. <div class="answer">{Answer}</div>
  419.  
  420. <div class="permalink">
  421. <div style="text-align: left; text-transform: uppercase; margin-top: -5px; letter-spacing: 1px;">Respondida em <a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  422.  
  423. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="/ask">converse</a></div>
  424.  
  425. </div>
  426. </div>
  427. {/block:Answer}
  428.  
  429.  
  430.  
  431. {block:Link}
  432. <div class="post">
  433.  
  434. <a href="{URL}" {Target}><font size="2">{Name}</font></a>
  435.  
  436. {block:Description}
  437. <div class="description">{Description}</div>
  438. {/block:Description}
  439.  
  440. <div class="permalink">
  441. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  442.  
  443. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  444.  
  445. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  446.  
  447. </div>
  448. </div>      
  449. {/block:Link}
  450.  
  451.  
  452.  
  453. {block:Chat}
  454. <div class="post">
  455.  
  456. {block:Title}{Title}{/block:Title}
  457. {block:Lines}
  458. <div class="chat">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>
  459. {/block:Lines}{Line}{/block:Lines}
  460.  
  461. <div class="permalink">
  462. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  463.  
  464. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  465.  
  466. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  467.  
  468. </div>
  469. </div>              
  470. {/block:Chat}
  471.  
  472.  
  473.  
  474. {block:Video}
  475. <div class="post">
  476.  
  477. {Video-500}
  478.  
  479. {block:Caption}
  480. <div class="caption">{Caption}</div>
  481. {/block:Caption}
  482.  
  483. <div class="permalink">
  484. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  485.  
  486. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  487.  
  488. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  489.  
  490. </div>
  491. </div>          
  492. {/block:Video}
  493.  
  494.  
  495.  
  496. {block:Audio}
  497. <div class="post">
  498.  
  499. {AudioPlayerGrey}
  500.  
  501. {block:Caption}
  502. <div class="caption">{Caption}</div>
  503. {/block:Caption}
  504.  
  505. <div class="permalink">
  506. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  507.  
  508. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  509.  
  510. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  511.  
  512. </div>
  513. </div>
  514. {/block:Audio}
  515.  
  516. {block:PermalinkPage}
  517. <div class="perma">
  518. Publicado no dia {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a>, às <a href="{Permalink}">{24Hour}:{Minutes}</a>.<br>
  519.  
  520. &hearts; <a href="{Permalink}">{NoteCount}</a> notas.<br>
  521.  
  522. {block:RebloggedFrom}Postado por <a href="{ReblogRootURL}">{ReblogRootName}</a><br> Reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a>.
  523. {/block:RebloggedFrom}
  524.  
  525. </div>
  526. <div class="perma">
  527.  
  528. {block:PostNotes}
  529. {PostNotes}
  530. {/block:PostNotes}
  531.  
  532. </div>
  533. {/block:PermalinkPage}
  534.  
  535.  
  536. {/block:Posts}</div>
  537.  
  538. {block:ContentSource}
  539. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  540. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  541. {/block:SourceLogo}
  542. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  543. {/block:ContentSource}
  544.  
  545. {block:ContentReblogParent}
  546. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  547. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  548. {/block:ReblogParentLogo}
  549. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  550. {/block:ContentReblogParent}
  551.  
  552. </div>
  553.  
  554. </body>
  555.  
  556. </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!