API tools faq
paste
Advertisement
skyrimthemes

Theme - Damnation

skyrimthemes
Apr 6th, 2015
8,422
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <meta name="if:image" content="1">
  13. <meta name="if:250px or 400px" content="0">
  14. <meta name="if:stickyheader" content="1">
  15. <meta name="image:header" content="">
  16. <meta name="color:link 1 color" content="">
  17. <meta name="color:link 2 color" content="">
  18. <meta name="color:link 3 color" content="">
  19. <meta name="color:link 4 color" content="">
  20. <meta name="text:link 1 url" content="/">
  21. <meta name="text:link 1 name" content="">
  22. <meta name="text:link 2 url" content="/">
  23. <meta name="text:link 2 name" content="">
  24. <meta name="text:link 3 url" content="/">
  25. <meta name="text:link 3 name" content="">
  26.  
  27. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30.  
  31. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32.  
  33. <script>
  34.  
  35. (function($){
  36.  
  37. $(document).ready(function(){
  38.  
  39. $("a[title]").style_my_tooltips({
  40.  
  41. tip_follows_cursor:true,
  42.  
  43. tip_delay_time:30,
  44.  
  45. tip_fade_speed:300,
  46.  
  47. attribute:"title"
  48.  
  49. });
  50.  
  51. });
  52.  
  53. })(jQuery);
  54.  
  55. </script>
  56.  
  57. {block:ifstickyheader}
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  59. <script type="text/javascript">
  60. $(function(){
  61. var stickyRibbonTop = $('.stuck').offset().top;
  62. $(window).scroll(function(){
  63. if( $(window).scrollTop() > stickyRibbonTop ) {
  64. $('.stuck').css({position: 'fixed', top: '0px'});
  65. } else {
  66. $('.stuck').css({position: 'static', top: '0px'});
  67. }
  68. });
  69. });
  70. </script>
  71. {/block:ifstickyheader}
  72.  
  73. <style type="text/css">
  74.  
  75. /*tooltips*/
  76.  
  77. #s-m-t-tooltip{
  78. font-size:8px;
  79. position:absolute;
  80. margin-top: 20px;
  81. margin-left:20px;
  82. font-weight:bold;
  83. z-index:999999999999999999999999999999999999999999999;
  84. background:#ebebeb;
  85. padding:3px;
  86. color:#000;
  87. text-transform:uppercase;
  88. font-family:calibri;
  89. letter-spacing:1px;
  90. padding:2px 3px 2px 3px;
  91. -webkit-transition:all 0.3s;
  92. -moz-transition:all 0.3s;
  93. -ms-transition:all 0.3s;
  94. -o-transition:all 0.3s;
  95. transition:all 0.3s;
  96. }
  97.  
  98. /*scrollbar*/
  99.  
  100. ::-webkit-scrollbar { left:0; width: 5px; height: 5px; background:#fff;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb; }
  101. ::-webkit-scrollbar-thumb { background-color:#ebebeb; }
  102.  
  103. /*tumblr controls*/
  104.  
  105. #tumblr_controls {
  106. position:fixed !important;
  107. right:0!important;
  108. top:0!important;
  109. -webkit-filter: invert(100%)
  110. }
  111.  
  112. body {
  113. font: 9px arial;
  114. color:#000;
  115. background-color:#fff;
  116. text-align:justify;
  117. overflow-x:hidden;
  118. }
  119.  
  120. small {
  121. font-size:8px;
  122. }
  123.  
  124. a {
  125. color:#000;
  126. font-family:calibri;
  127. letter-spacing:1px;
  128. text-transform:uppercase;
  129. text-decoration:none;
  130. -webkit-transition:all 0.5s;
  131. -moz-transition:all 0.5s;
  132. -ms-transition:all 0.5s;
  133. -o-transition:all 0.5s;
  134. transition:all 0.5s;
  135. }
  136.  
  137. a:hover {
  138. text-decoration:none;
  139. -webkit-transition:all 0.5s;
  140. -moz-transition:all 0.5s;
  141. -ms-transition:all 0.5s;
  142. -o-transition:all 0.5s;
  143. transition:all 0.5s;
  144. }
  145.  
  146. p a {
  147. background-color:#ebebeb;
  148. font-size:8px;
  149. }
  150.  
  151. p a:hover {
  152. color:#fff;
  153. box-shadow:inset 0 50px 0 0 #000;
  154. }
  155.  
  156. blockquote {
  157. margin-left:5px;
  158. border-left:1px solid #ebebeb;
  159. padding-left:5px;
  160. margin-right:0;
  161. }
  162.  
  163. .container {
  164. position:relative;
  165. left:50%;
  166. top:100px;
  167. {block:ifnot250pxor400px}
  168. width:300px;
  169. margin-left:-150px;
  170. {/block:ifnot250pxor400px}
  171. {block:if250pxor400px}
  172. width:450px;
  173. margin-left:-225px;
  174. {/block:if250pxor400px}
  175. }
  176.  
  177. .header {
  178. {block:ifnot250pxor400px}
  179. width:300px;
  180. {/block:ifnot250pxor400px}
  181. {block:if250pxor400px}
  182. width:450px;
  183. {/block:if250pxor400px}
  184. padding:0px 25px;
  185. margin-bottom:100px;
  186. overflow:hidden;
  187. }
  188.  
  189. .stuck {
  190. {block:ifnot250pxor400px}
  191. width:250px;
  192. margin-left:-150px;
  193. {/block:ifnot250pxor400px}
  194. {block:if250pxor400px}
  195. width:400px;
  196. margin-left:-225px;
  197. {/block:if250pxor400px}
  198. left:50%;
  199. height:23px;
  200. overflow:hidden;
  201. padding:10px 25px 5px 25px;
  202. z-index:999999999;
  203. background-color:#fff;
  204. }
  205.  
  206. .header h1 {
  207. font-family:sans-serif;
  208. font-size:20px;
  209. font-weight:bold;
  210. letter-spacing:-1px;
  211. position:absolute;
  212. text-transform:lowercase;
  213. margin-top:0;
  214. left:25px;
  215. z-index:999999999999999999;
  216. display:inline-block;
  217. float:left;
  218. }
  219.  
  220. .stuck .linkles {
  221. width:120px;
  222. z-index:999999999999999999;
  223. display:inline-block;
  224. float:right;
  225. position:absolute;
  226. right:0;
  227. }
  228.  
  229. .linkles a {
  230. width:10px;
  231. height:10px;
  232. overflow:hidden;
  233. margin:8px;
  234. display:inline-block;
  235. float:left;
  236. }
  237.  
  238. .des {
  239. {block:ifnot250pxor400px}
  240. width:250px;
  241. {/block:ifnot250pxor400px}
  242. {block:if250pxor400px}
  243. width:400px;
  244. {/block:if250pxor400px}
  245. position:relative;
  246. color:#aaa;
  247. text-align:center;
  248. font-family:calibri;
  249. text-transform:uppercase;
  250. font-size:8px;
  251. letter-spacing:1px;
  252. }
  253.  
  254. .header img {
  255. {block:ifnot250pxor400px}
  256. width:250px;
  257. {/block:ifnot250pxor400px}
  258. {block:if250pxor400px}
  259. width:400px;
  260. {/block:if250pxor400px}
  261. min-height:0;
  262. }
  263.  
  264. .postswrap1 {
  265. {block:ifnot250pxor400px}
  266. width:300px;
  267. {/block:ifnot250pxor400px}
  268. {block:if250pxor400px}
  269. width:450px;
  270. {/block:if250pxor400px}
  271. margin-bottom:100px;
  272. position:relative;
  273. -webkit-transition:all 0.5s;
  274. -moz-transition:all 0.5s;
  275. -ms-transition:all 0.5s;
  276. -o-transition:all 0.5s;
  277. transition:all 0.5s;
  278. }
  279.  
  280. .postswrap2 {
  281. position:relative;
  282. {block:ifnot250pxor400px}
  283. width:250px;
  284. {/block:ifnot250pxor400px}
  285. {block:if250pxor400px}
  286. width:400px;
  287. {/block:if250pxor400px}
  288. overflow:hidden;
  289. margin-left:25px;
  290. }
  291.  
  292. #title {
  293. width:auto;
  294. padding:10px;
  295. background-color:#ebebeb;
  296. text-align:left;
  297. color:#000;
  298. text-transform:uppercase;
  299. font-size:8px;
  300. margin-bottom:10px;
  301. font-family:calibri;
  302. font-weight:bold;
  303. font-style:italic;
  304. letter-spacing:1px;
  305. }
  306.  
  307. #title a {
  308. color:#000;
  309. background-color:transparent;
  310. text-decoration:none;
  311. }
  312.  
  313. #title a:hover {
  314. color:#000;
  315. box-shadow:none;
  316. }
  317.  
  318. #quote {
  319. width:auto;
  320. padding:10px;
  321. background-color:#ebebeb;
  322. font-family:times;
  323. font-style:italic;
  324. text-align:left;
  325. margin-bottom:10px;
  326. font-size:11px;
  327. }
  328.  
  329. #talkbubble
  330. {
  331. position: relative;
  332. width:auto;
  333. padding:10px;
  334. height:auto;
  335. background-color:#ebebeb;
  336. color:#000;
  337. }
  338.  
  339. #talkbubble:after
  340. {
  341. content: '';
  342. position: absolute;
  343. font-size:10px;
  344. border-style: solid;
  345. border-width: 16px 11px 0;
  346. border-color: #ebebeb transparent;
  347. display: block;
  348. width: 0;
  349. z-index: 1;
  350. bottom: -16px;
  351. left: 15px;
  352. }
  353.  
  354. #ask-icon {
  355. float:left;
  356. position:absolute;
  357. margin-left:0;
  358. margin-top:0;
  359. }
  360.  
  361. #ask-icon img {
  362. width:30px;
  363. height:30px;
  364. border-radius:50%;
  365. }
  366.  
  367. #asker {
  368. width:auto;
  369. font:8px calibri;
  370. letter-spacing:1px;
  371. text-transform:uppercase;
  372. font-weight:bold;
  373. font-style:italic;
  374. height:15px;
  375. text-align:left;
  376. border-bottom:1px solid #000;
  377. overflow:hidden;
  378. padding-left:40px;
  379. }
  380.  
  381. #asker a {
  382. text-decoration:none;
  383. color:#000;
  384. background-color:transparent;
  385. }
  386.  
  387. #asker:hover {
  388. color:#000;
  389. box-shadow:none;
  390. }
  391.  
  392. #question {
  393. margin-top:16px;
  394. font-size:9px;
  395. font-family:sans-serif;
  396. }
  397.  
  398. .perma-caption {
  399. position:absolute;
  400. left:10px;
  401. top:10px;
  402. padding:10px;
  403. width:auto;
  404. max-height:83%;
  405. background-color:rgba(255,255,255,0.9);
  406. opacity:0;
  407. {block:ifnot250pxor400px}
  408. max-width:210px;
  409. {/block:ifnot250pxor400px}
  410. {block:if250pxor400px}
  411. max-width:360px;
  412. {/block:if250pxor400px}
  413. overflow:auto;
  414. -webkit-transition:all 0.5s;
  415. -moz-transition:all 0.5s;
  416. -ms-transition:all 0.5s;
  417. -o-transition:all 0.5s;
  418. transition:all 0.5s;
  419. }
  420.  
  421. .postswrap1:hover .perma-caption {
  422. opacity:1;
  423. -webkit-transition:all 0.5s;
  424. -moz-transition:all 0.5s;
  425. -ms-transition:all 0.5s;
  426. -o-transition:all 0.5s;
  427. transition:all 0.5s;
  428. }
  429.  
  430. .info {
  431. width:25px;
  432. float:left;
  433. display:inline-block;
  434. position:absolute;
  435. }
  436.  
  437. .info a {
  438. width:10px;
  439. height:10px;
  440. overflow:hidden;
  441. margin-right:8px;
  442. display:block;
  443. float:right;
  444. background-color:#000;
  445. color:#000;
  446. }
  447.  
  448. .fun {
  449. margin-top:10px;
  450. border-top:1px solid #ebebeb;
  451. {block:ifnot250pxor400px}
  452. width:250px;
  453. {/block:ifnot250pxor400px}
  454. {block:if250pxor400px}
  455. width:400px;
  456. {/block:if250pxor400px}
  457. text-align:left;
  458. font-family:calibri;
  459. font-size:8px;
  460. letter-spacing:1px;
  461. text-transform:uppercase;
  462. }
  463.  
  464. .magic a {
  465. margin-right:5px;
  466. }
  467.  
  468. ol.notes {
  469. list-style-type: none;
  470. margin-top:10px;
  471. margin-left:25px;
  472. border-top:1px solid #ebebeb;
  473. padding-top:10px;
  474. color:#aaa;
  475. text-transform:uppercase;
  476. font-family:calibri;
  477. font-size:8px;
  478. letter-spacing:1px;
  479. position:relative;
  480. {block:ifnot250pxor400px}
  481. width:250px;
  482. {/block:ifnot250pxor400px}
  483. {block:if250pxor400px}
  484. width:400px;
  485. {/block:if250pxor400px}
  486. float:left;
  487. display:block;
  488. padding-left:0;
  489. }
  490.  
  491. ol.notes li {
  492. list-style-type:none;
  493. padding:0;
  494. margin:0;
  495. margin-left:0;
  496. margin-bottom:3px;
  497. }
  498.  
  499. ol.notes img { display:none;width:0;height:0; }
  500.  
  501. ol.notes a {
  502. background-color:#ebebeb;
  503. font-size:8px;
  504. }
  505.  
  506. ol.notes a:hover {
  507. color:#fff;
  508. box-shadow:inset 0 50px 0 0 #000;
  509. }
  510.  
  511. .pagination {
  512. {block:ifnot250pxor400px}
  513. width:250px;
  514. {/block:ifnot250pxor400px}
  515. {block:if250pxor400px}
  516. width:400px;
  517. {/block:if250pxor400px}
  518. margin-left:25px;
  519. bottom:50px;
  520. position:relative;
  521. }
  522.  
  523. .pagination a {
  524. text-transform:uppercase;
  525. background-color:#fff;
  526. font-size:8px;
  527. text-transform:uppercase;
  528. letter-spacing:1px;
  529. color:#000;
  530. }
  531.  
  532. .pagination a:hover {
  533. box-shadow:inset 0 20px 0 0 #ebebeb;
  534. color:#000;
  535. }
  536.  
  537. img.albumart {
  538. {block:ifnot250pxor400px}
  539. width:250px;
  540. {/block:ifnot250pxor400px}
  541. {block:if250pxor400px}
  542. width:400px;
  543. {/block:if250pxor400px}
  544. }
  545.  
  546. .audio {
  547. color:#000;
  548. {block:ifnot250pxor400px}
  549. width:230px;
  550. {/block:ifnot250pxor400px}
  551. {block:if250pxor400px}
  552. width:380px;
  553. {/block:if250pxor400px}
  554. padding:10px;
  555. background-color:#ebebeb;
  556. font:8px calibri;{block:permalinkpage}
  557. margin-bottom:10px;
  558. border-bottom:10px solid #fff;{/block:permalinkpage}
  559. float:right;
  560. display:inline-block;
  561. text-transform:uppercase;
  562. letter-spacing:1px;
  563. }
  564.  
  565. .player {
  566. {block:ifnot250pxor400px}
  567. width:230px;
  568. {/block:ifnot250pxor400px}
  569. {block:if250pxor400px}
  570. width:380px;
  571. {/block:if250pxor400px}
  572. height:15px;
  573. margin-top:10px;
  574. position:relative;
  575. background-color:#000;
  576. padding:10px 9px 10px 11px;
  577. overflow:hidden;
  578. }
  579.  
  580. .listen {
  581. display:inline-block;
  582. padding-top:2px;
  583. font:8px calibri;
  584. text-transform:uppercase;
  585. letter-spacing:1px;
  586. color:#fff;
  587. float:right;
  588. position:relative;
  589. font-weight:bold;
  590. font-style:italic;
  591. }
  592.  
  593. .title {
  594. font-weight:bold;
  595. font-style:italic;
  596. }
  597.  
  598. .caption {
  599. margin-top:10px;
  600. {block:ifnot250pxor400px}
  601. width:230px;
  602. {/block:ifnot250pxor400px}
  603. {block:if250pxor400px}
  604. width:380px;
  605. {/block:if250pxor400px}
  606. padding:10px;
  607. background-color:#efefef;
  608. }
  609.  
  610. .credit a {
  611. position:fixed;
  612. right:10px;
  613. bottom:10px;
  614. font:8px calibri;
  615. text-transform:uppercase;
  616. letter-spacing:1px;
  617. background-color:#ebebeb;
  618. color:#000;
  619. padding:10px;
  620. }
  621.  
  622. .credit a:hover {
  623. background-color:#000;
  624. color:#fff;
  625. }
  626.  
  627. </style>
  628.  
  629. </head>
  630. <body>
  631.  
  632. <div class="container">
  633.  
  634. <div class="header">
  635. {block:ifimage}
  636. <img src="{image:header}">
  637. {/block:ifimage}
  638. <div class="stuck">
  639. <h1>{title}</h1>
  640. <div class="linkles">
  641. <a href="/" title="home" style="color:{color:link 1 color};background-color:{color:link 1 color}"></a>
  642. <a href="{text:link 1 url}" title="{text:link 1 name}" style="color:{color:link 2 color};background-color:{color:link 2 color}"></a>
  643. <a href="{text:link 2 url}" title="{text:link 2 name}" style="color:{color:link 3 color};background-color:{color:link 3 color}"></a>
  644. <a href="{text:link 3 url}" title="{text:link 3 name}" style="color:{color:link 4 color};background-color:{color:link 4 color}"></a>
  645. </div>
  646. </div>
  647. <div class="des">{description}</div>
  648. </div>
  649.  
  650. <div class="posts">
  651. {block:posts}
  652. <div class="postswrap1">
  653.  
  654. {block:indexpage}
  655. {block:date}
  656. <div class="info">
  657. <a href="{permalink}" title="{TimeAgo}"></a>
  658. </div>
  659. {/block:date}
  660. {/block:indexpage}
  661.  
  662. <div class="postswrap2">
  663.  
  664. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}
  665.  
  666. {block:Photo}{block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}{LinkOpenTag}{block:ifnot250pxor400px}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:ifnot250pxor400px}{block:if250pxor400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if250pxor400px}{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Photo}
  667.  
  668. {block:Panorama}{block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}{LinkOpenTag}<img src="{PhotoURL-panorama}"alt="{PhotoAlt}" />{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Panorama}
  669.  
  670. {block:Photoset}{block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}{LinkOpenTag}{block:ifnot250pxor400px}{Photoset-250}{/block:ifnot250pxor400px}{block:if250pxor400px}{Photoset-400}{/block:if250pxor400px}{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Photoset}
  671.  
  672. {block:Quote}<div id="quote">"{Quote}"</div>{block:source}<p>{source}</p>{/block:source}{/block:Quote}
  673.  
  674. {block:Link}<div id="title"><a href="{URL}" {Target}>{Name} &#8594;</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  675.  
  676. {block:Chat}{block:Title}<div id="title">{Title}</div>{/block:Title}<div id="chlines">{block:Lines}<div id="{Alt}">{block:Label}<span id="label" style="font-weight:bold" id="label">{Label}</span>{/block:Label} <span id="line">{Line}</span></div>{/block:Lines}</div>{/block:Chat}
  677.  
  678. {block:Video}<div class="video">{Video-400}</div>{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Video}
  679.  
  680. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayer color="black" width="10px" height="15px"} <span class="listen">listen</span></div><div class="audio">{block:TrackName}<span class="title">track name:</span> {TrackName}{/block:TrackName}{block:Artist}<br><span class="title">artist:</span>
  681. {Artist}{block:Album}<br><span class="title">album:</span> {Album}{/block:Album}{/block:Artist}{block:PlayCount}<br><span class="title">plays:</span> {playcount}{/block:PlayCount}</div>{/block:AudioPlayer}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Audio}
  682.  
  683. {block:Answer}<div id="coverme"><div id="talkbubble"><div id="ask-icon"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker} asked:</div><div id="question">{question}</div></div></div><div id="answer"><br>{Answer}</div>{/block:Answer}
  684.  
  685. {block:permalinkpage}
  686. {block:date}
  687. <div class="fun">
  688. <p><strong><em>Posted:</em></strong> <a href="{permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:notecount}</p>
  689. {block:RebloggedFrom}<p><strong><em>Reblogged from:</em></strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></p>{/block:RebloggedFrom}
  690. {block:ContentSource}<p><strong><em>Originally posted by:</em></strong> <a href="{SourceURL}">{SourceTitle}</a></p>{/block:ContentSource}
  691. {block:hastags}<p><strong><em>Tagged under:</em></strong> <span class="magic">{block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</span></p>{/block:hastags}
  692. </div>
  693. {/block:date}
  694. {/block:permalinkpage}
  695.  
  696. </div>
  697.  
  698. {block:PostNotes}
  699. {PostNotes-16}
  700. {/block:PostNotes}
  701.  
  702. </div>
  703. {/block:posts}
  704.  
  705. {block:pagination}
  706. <div class="pagination">
  707. {block:PreviousPage}
  708. <a href="{PreviousPage}" style="float:left">previous</a>
  709. {/block:PreviousPage}
  710. {block:NextPage}
  711. <a href="{NextPage}" style="float:right">next</a>
  712. {/block:NextPage}
  713. </div>
  714. {/block:pagination}
  715. </div>
  716.  
  717. </div>
  718.  
  719. <div class="credit">
  720. <a href="http://harknesses.tumblr.com">ST</a>
  721. </div>
  722.  
  723. </body>
  724. </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!