API tools faq
paste
Advertisement
benizora

Theme 02-a: {陰陽} YIN / Yang

benizora
Aug 24th, 2012
13,549
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.00 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--
  7.  
  8. theme 02-a: 陰陽 YIN / yang
  9. by jackie @ benizora.tumblr.com
  10. please keep all of the credits
  11. and don’t steal or distribute.
  12.  
  13. thank you! enjoy!
  14.  
  15. -->
  16.  
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}"/>
  23. {/block:Description}
  24.  
  25. <meta name="color:background" content="#000"/>
  26.  
  27. <meta name="color:text" content="#bbbbbb"/>
  28. <meta name="color:bold" content="#fff"/>
  29. <meta name="color:italic" content="#dbdbdb"/>
  30.  
  31. <meta name="color:entry background" content="#000"/>
  32.  
  33. <meta name="color:title" content="#fff"/>
  34. <meta name="color:top links" content="#000"/>
  35. <meta name="color:top links text" content="#fff"/>
  36.  
  37. <meta name="color:sidelinks" content="#000"/>
  38. <meta name="color:side description" content="#fff"/>
  39. <meta name="color:sidelinks hover" content="#fff"/>
  40. <meta name="color:sidelinks hover text" content="#000"/>
  41. <meta name="color:sidelinks text" content="#fff"/>
  42. <meta name="color:side title" content="#000"/>
  43. <meta name="color:side title box" content="#fff"/>
  44. <meta name="color:side description box" content="#000"/>
  45. <meta name="color:ask background" content="#222"/>
  46.  
  47. <meta name="color:permalink" content="#222"/>
  48. <meta name="color:permalink text" content="#fff"/>
  49. <meta name="color:scrollbar" content="#5c5c5c"/>
  50. <meta name="color:links" content="#bdbdbd"/>
  51. <meta name="color:links hover" content="#fff"/>
  52. <meta name="color:quote" content="#fff"/>
  53.  
  54. <meta name="image:sidebar" content="" />
  55. <meta name="image:background" content=""/>
  56.  
  57. <meta name="font:title" content="LindenHill"/>
  58. <meta name="font:body" content="Calibri"/>
  59.  
  60. <meta name="text:link 1" content="" />
  61. <meta name="text:link 1 title" content="" />
  62. <meta name="text:link 2" content="" />
  63. <meta name="text:link 2 title" content="" />
  64. <meta name="text:link 3" content="" />
  65. <meta name="text:link 3 title" content="" />
  66. <meta name="text:link 4" content="" />
  67. <meta name="text:link 4 title" content="" />
  68. <meta name="text:link 5" content="" />
  69. <meta name="text:link 5 title" content="" />
  70. <meta name="text:link 6" content="" />
  71. <meta name="text:link 6 title" content="" />
  72.  
  73. <meta name="if:InfiniteScroll" content="0" />
  74. <meta name="if:ShowCaptions" content="0">
  75. <meta name="if:BigPosts" content="0" />
  76. <meta name="if:ShowTags" content="0" />
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81. /*-- entries info --*/
  82.  
  83. body {
  84. background-image: url('{image:background}');
  85. background-color: {color:background};
  86. background-attachment: fixed;
  87. background-repeat: {text:Background Repeat};
  88. {/block:IfNoBackgroundImageNoRepeat};
  89. color: {color:text};
  90. font-family: {font:body};
  91. font-size: 12px;
  92. }
  93.  
  94. @font-face {
  95. font-family: "LindenHill";
  96. src: url('http://static.tumblr.com/98yotns/44Sm99xv6/lindenhill.ttf') format("truetype");
  97. }
  98.  
  99. /*-- scrollbar --*/
  100.  
  101. ::-webkit-scrollbar-thumb {
  102. background-color: {color:background};
  103. height: 8px;
  104. width: 8px;
  105. }
  106.  
  107. ::-webkit-scrollbar {
  108. height: 8px;
  109. width: 8px;
  110. background-color: {color:scrollbar};
  111. }
  112.  
  113. /*-- links info --*/
  114.  
  115. a {
  116. color: {color:links};
  117. text-decoration: none;
  118. }
  119.  
  120. a:link, a:active, a:visited {
  121. text-decoration: none;
  122. color: {color:links};
  123. -webkit-transition: all 0.5s linear;
  124. -moz-transition: all 0.5s linear;
  125. -o-transition: all 0.5s linear;
  126. }
  127.  
  128. a:hover {
  129. color:{color:links hover};
  130. text-decoration: none;
  131. -webkit-transition: all 0.5s linear;
  132. -moz-transition: all 0.5s linear;
  133. -o-transition: all 0.5s linear;
  134. }
  135.  
  136. /*-- pagination --*/
  137.  
  138.  
  139. #pagination {
  140. font-family: 'Calibri';
  141. font-size: 10px;
  142. width: 120px;
  143. margin: -30px 0px 0px 0px;
  144. position: fixed;
  145. text-align: center;
  146. }
  147.  
  148. .current_page {
  149. background-color: {color:permalink};
  150. color: #eee;
  151. padding: 5px;
  152. }
  153.  
  154. #pagination a {
  155. background-color: {color:sidelinks};
  156. padding: 5px;
  157. margin: 0px;
  158. color: {color:links};
  159. text-decoration: none;
  160. }
  161.  
  162.  
  163.  
  164. /*-- sidebar info --*/
  165.  
  166. #toplinks {
  167. width:300px;
  168. margin:12px 0px 0px 147px;
  169. position:fixed;
  170. text-align:center;
  171. font-family:'Calibri', sans-serif;
  172. }
  173.  
  174. #toplinks a {
  175. padding:36px 13px 12px 13px;
  176. text-transform:none;
  177. font-family: 'Calibri', sans-serif;
  178. font-size:9px;
  179. text-align:center;
  180. letter-spacing:3px;
  181. background-color:{color:top links};
  182. color:{color:top links text};
  183. text-decoration:bold;
  184. }
  185.  
  186. #toplinks a:hover{
  187. opacity: .5;
  188. -webkit-transition: all 0.5s ease-in-out;
  189. -moz-transition: all 0.5s ease-in-out;
  190. -o-transition: all 0.5s ease-in-out;
  191. }
  192.  
  193. #sidebar {
  194. width: 275px;
  195. margin-top: 30px;
  196. margin-left: 160px;
  197. position: fixed;
  198. text-align:center;
  199. }
  200.  
  201.  
  202. #sidebar img {
  203. max-width:275px;
  204. height:auto;
  205. margin-top:30px;
  206. text-align:center;
  207. }
  208.  
  209. #navigation {
  210. margin: 100px 0px -40px 10px;
  211. height: 100%;
  212. position: fixed;
  213. text-align:center;
  214. z-index:999;
  215. }
  216.  
  217. #sidelinks {
  218. margin-top:0px;
  219. text-align: center;
  220. width: 125px;
  221. font-family: 'Calibri', sans-serif;
  222. z-index:999;
  223. }
  224.  
  225. #sidelinks a {
  226. display: block;
  227. width: 105px;
  228. padding: 8px;
  229. font-family: 'Calibri', sans-serif;
  230. font-size: 9px;
  231. text-transform: uppercase;
  232. text-align: center;
  233. letter-spacing: 2px;
  234. line-height: 13px;
  235. margin-bottom:4px;
  236. background-color:{color:sidelinks};
  237. color:{color:sidelinks text};
  238. z-index:999;
  239. }
  240.  
  241. #sidelinks a:hover{
  242. background-color:{color:sidelinks hover};
  243. color:{color:sidelinks hover text};
  244. -webkit-transition: all 0.5s ease-in-out;
  245. -moz-transition: all 0.5s ease-in-out;
  246. -o-transition: all 0.5s ease-in-out;
  247. z-index:999;
  248. }
  249.  
  250. #sidetitle {
  251. display: block;
  252. width: 251px;
  253. line-height: 100%;
  254. padding: 12px;
  255. text-align: center;
  256. font-size: 16px;
  257. letter-spacing: 3px;
  258. text-transform: uppercase;
  259. font-family: 'LindenHill', Georgia, sans-serif;
  260. color: {color:side title};
  261. background-color:{color:side title box};
  262. }
  263.  
  264. #sidedesc {
  265. width:262px;
  266. position: fixed;
  267. padding: 7px;
  268. font-family:'LindenHill', Georgia, sans-serif;
  269. font-size: 12px;
  270. letter-spacing: 1px;
  271. text-align:center;
  272. text-decoration:none;
  273. color: {color:side description};
  274. background-color:{color:side description box};
  275. border-radius:0px 0px 20px 20px;
  276. -moz-border-radius:0px 0px 20px 20px;
  277. }
  278.  
  279. /*-- posts & entries --*/
  280. #content {
  281. font-family: 'Georgia', Garamond, sans-serif;
  282. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  283. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  284. margin-left: 490px;
  285. }
  286.  
  287.  
  288. #entries {
  289. padding: 10px 10px 0 10px;
  290. background-color: {color:entry background};
  291. margin-bottom: 30px;
  292. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  293. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  294. }
  295.  
  296. #entries b, strong {
  297. color: {color:bold};
  298. }
  299.  
  300. #entries i, em {
  301. color: {color:italic};
  302. }
  303.  
  304. #entries img {
  305. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  306. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  307. }
  308.  
  309. /*-- blockquote info --*/
  310.  
  311. blockquote{
  312. border-left: 5px solid {color:permalink text};
  313. padding:0px 3px;
  314. }
  315.  
  316. blockquote img {
  317. {block:ifBigPosts}max-width: 420px;{/block:ifBigPosts}
  318. {block:ifNotBigPosts}max-width: 320px;{/block:ifNotBigPosts}
  319. }
  320.  
  321. /*-- quote info --*/
  322.  
  323. #quotes{
  324. padding: 10px 10px 20px 20px;
  325. font-family: "LindenHill", Georgia, sans-serif;
  326. letter-spacing: 1px;
  327. line-height: 100%;
  328. font-size:13px;
  329. text-align:center;
  330. text-transform: uppercase;
  331. color: {color:quote};
  332. }
  333.  
  334. #mark {
  335. margin: 3px 0px 0px -23px;
  336. position:absolute;
  337. font-family:'Georgia';
  338. font-size:35px;
  339. font-weight:bold;
  340. color:{color:links};
  341. }
  342.  
  343. /*-- permalink info --*/
  344.  
  345. #permalink {
  346. postion: fixed;
  347. font-family: "Calibri", sans-serif;
  348. font-size: 9px;
  349. letter-spacing: 2px;
  350. {block:ifBigPosts}width: 512px;{/block:ifBigPosts}
  351. {block:ifNotBigPosts}width: 412px;{/block:ifNotBigPosts}
  352. margin-top: 9px;
  353. margin-left: -10px;
  354. text-align: center;
  355. padding: 4px;
  356. text-transform: uppercase;
  357. background-color: {color:permalink};
  358. color: {color:permalink text};
  359. }
  360.  
  361. #permalink a:link {
  362. color: {color:links};
  363. }
  364.  
  365. #permalink a:hover {
  366. color: {color:links hover};
  367. }
  368.  
  369.  
  370. /*-- entry title info --*/
  371.  
  372. .title{
  373. padding-bottom: 3px;
  374. font-size: 20px;
  375. font-family: "LindenHill", Georgia, sans-serif;
  376. line-height: 100%;
  377. text-align:center;
  378. letter-spacing: 2px;
  379. text-transform: uppercase;
  380. color: {color:title};
  381. }
  382.  
  383. /*-- asks info --*/
  384.  
  385. #asks {
  386. position: relative;
  387. background-color: {color:entry background};
  388. padding: 10px 0px 20px 0px;
  389. {block:IfBigPosts}width: 400px;{/block:IfBigPosts}
  390. {block:IfNotBigPosts}width: 250px;{/block:IfNotBigPosts}
  391. display: block;
  392. }
  393.  
  394. #asks img {
  395. width: 45px;
  396. height: 45px;
  397. margin: -5px 4px -5px 0px;
  398. border: 5px solid {color:permalink};
  399. }
  400.  
  401. #asks a {
  402. font-size: 13px;
  403. color: {color:links};
  404. font-family: 'LindenHill', Georgia, serif;
  405. text-align: center;
  406. text-transform: uppercase;
  407. }
  408.  
  409. #asks a:hover {
  410. color: {color:links hover};
  411. }
  412.  
  413. #another1 {
  414. border-top:10px solid {color:permalink};
  415. border-right:10px solid transparent;
  416. position:absolute;
  417. margin: 13px 0px -5px 50px;
  418. }
  419.  
  420. #another2 {
  421. border-top:10px solid transparent;
  422. border-left:10px solid {color:permalink};
  423. position:absolute;
  424. margin: 3px 0px -5px 50px;
  425. }
  426.  
  427. #askcontainer {
  428. {block:IfBigPosts}width: 417px;{/block:IfBigPosts}
  429. {block:IfNotBigPosts}width: 317px;{/block:IfNotBigPosts}
  430. border-bottom: 1px dotted {color:text};
  431. background-color: {color:ask background};
  432. margin-left:63px;
  433. text-align: left;
  434. font-size: 11px;
  435. padding-left:10px;
  436. padding-top:5px;
  437. padding-bottom:5px;
  438. padding-right:10px;
  439. line-height:130%;
  440. color: {color:bold};
  441. font-family: 'Calibri';
  442. display:block;
  443. }
  444.  
  445. #sources {
  446. font-family: ‘Calibri’, sans-serif;
  447. font-size:8pt;
  448. text-align: right;
  449. margin-top: -5px;
  450. }
  451.  
  452. /*-- chatbox info --*/
  453.  
  454. .user_1 .label {
  455. color:{color:links};
  456. font-weight:regular;
  457. }
  458.  
  459. .user_2 .label {
  460. color:{color:links hover};
  461. font-weight:regular;
  462. }
  463.  
  464. ul.chat, .chat ol, .chat li {
  465. list-style:circle;
  466. margin-left:10px;
  467. padding:0px;
  468. }
  469.  
  470. /*-- notes info --*/
  471.  
  472. ol.notes {
  473. padding: 0px;
  474. margin: 15px 0px;
  475. list-style-type: none;
  476. background: transparent;
  477. border: 0px;
  478. letter-spacing: 0px;
  479. text-transform: lowercase;
  480. }
  481.  
  482. ol.notes li.note {
  483. padding: 1px;
  484. text-align: left;
  485. letter-spacing: 0px;
  486. text-transform: lowercase;
  487. }
  488.  
  489. .notes img{
  490. width: 8px;
  491. position: relative;
  492. top: 1px;
  493. opacity: .5;
  494. }
  495.  
  496. .music {
  497. background-color: {color: entry background};
  498. display:block;
  499. }
  500.  
  501. {CustomCSS}
  502.  
  503. </style>
  504.  
  505. {block:IfInfiniteScroll}
  506. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  507. {/block:IfInfiniteScroll}
  508.  
  509. </head>
  510.  
  511. <body>
  512.  
  513. <div id="navigation">
  514. {block:IfNotInfiniteScroll}<div id="pagination">
  515. {block:Pagination}
  516. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;&nbsp;{/block:PreviousPage}
  517. {block:JumpPagination length="5"}
  518. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  519. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  520. {/block:JumpPagination}
  521. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  522. {/block:Pagination}
  523. </div>{/block:IfNotInfiniteScroll}</div>
  524.  
  525.  
  526. <div id="navigation"><div id="sidelinks">
  527. {block:IfLink1}<a href="{text:link 1}" id="sidelinks">{text:link 1 title}</a>{/block:IfLink1}
  528. {block:IfLink2}<a href="{text:link 2}" id="sidelinks">{text:link 2 title}</a>{/block:IfLink2}
  529. {block:IfLink3}<a href="{text:link 3}" id="sidelinks">{text:link 3 title}</a>{/block:IfLink3}
  530. {block:IfLink4}<a href="{text:link 4}" id="sidelinks">{text:link 4 title}</a>{/block:IfLink4}
  531. {block:IfLink5}<a href="{text:link 5}" id="sidelinks">{text:link 5 title}</a>{/block:IfLink5}
  532. {block:IfLink6}<a href="{text:link 6}" id="sidelinks">{text:link 6 title}</a>{/block:IfLink6}</div></div>
  533.  
  534.  
  535. <div id="toplinks">
  536. <a href="/">home</a>
  537. <a href="/ask">ask me</a>
  538. <a href="/archive">archive</a>
  539. <a href="http://benizora.tumblr.com">theme</a>
  540. </div>
  541.  
  542. <div id="sidebar">
  543.  
  544. <img src="{image:sidebar}">
  545.  
  546. <div id="sidetitle">{title}</div>
  547.  
  548.  
  549. <div id="sidedesc">{block:Description}{Description}{/block:Description}
  550.  
  551. </div>
  552.  
  553. </div>
  554.  
  555.  
  556. <div id="content">
  557.  
  558. <div class="autopagerize_page_element">
  559.  
  560. {block:Posts}
  561.  
  562. <div id="entries">
  563.  
  564. {block:Text}
  565.  
  566. {block:Title}<div class="title">{Title}</div>{/block:Title}
  567. {Body}
  568.  
  569. {/block:Text}
  570.  
  571.  
  572.  
  573. {block:Photo}
  574.  
  575. {block:IfBigPosts}{LinkOpenTag}<img src="{PhotoURL-500}" class="center">{LinkCloseTag}{/block:IfBigPosts}{block:IfNotBigPosts}
  576.  
  577. {LinkOpenTag}<img src="{PhotoURL-400}" class="center">{LinkCloseTag}{/block:IfNotBigPosts}
  578.  
  579. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  580. {block:IfNotShowCaptions}
  581.  
  582. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  583.  
  584. {/block:Photo}
  585.  
  586. {block:Photoset}
  587.  
  588. {block:IfBigPosts}{Photoset-500}{/block:IfBigPosts}{block:IfNotBigPosts}{Photoset-400}{/block:IfNotBigPosts}
  589.  
  590. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}
  591.  
  592. {/block:Photoset}
  593.  
  594.  
  595.  
  596. {block:Quote}
  597.  
  598. <div id="quotes"><div id="mark">“</div>{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  599.  
  600. {/block:Quote}
  601.  
  602.  
  603.  
  604. {block:Link}
  605.  
  606. <div class="title">
  607. <a href="{URL}" {Target}>{Name}</a>
  608. </div>
  609. {block:Description}{Description}{/block:Description}
  610.  
  611. {/block:Link}
  612.  
  613.  
  614.  
  615. {block:Chat}
  616.  
  617. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  618.  
  619. {/block:Chat}
  620.  
  621.  
  622.  
  623. {block:Audio}
  624.  
  625. <div class="music">{AudioPlayerBlack}</div>{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  626. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  627.  
  628. {/block:Audio}
  629.  
  630.  
  631.  
  632. {block:Video}
  633.  
  634. {block:IfBigPosts}{Video-500}{/block:IfBigPosts}{block:IfNotBigPosts}{Video-400}{/block:IfNotBigPosts}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  635. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  636.  
  637. {/block:Video}
  638.  
  639.  
  640.  
  641. {block:Answer}
  642.  
  643. <div id="asks"><img src="{AskerPortraitURL-40}" align="left"><div id="another1"></div><div id="another2"></div><div id="askcontainer"><b>{Asker}</b> <i>whispered:</i> {Question}</div></div>{Answer}
  644.  
  645. {/block:Answer}
  646.  
  647.  
  648.  
  649. {block:IndexPage}
  650. {block:Date}<div id="permalink">posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a>
  651. {/block:NoteCount}
  652. {block:RebloggedFrom}✿ origin: <a href="{ReblogRootURL}"> {ReblogRootName}</a> via: <a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}{/block:Date}{block:IfShowTags}<br>{block:HasTags}tagged: {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  653.  
  654. {/block:HasTags}{/block:IfShowTags}</div>{/block:Date}
  655. {/block:IndexPage}
  656.  
  657.  
  658.  
  659. {block:PermalinkPage}
  660. <div class="permalink">
  661.  
  662. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  663.  
  664. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom} {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  665. {block:PostNotes}{PostNotes}{/block:PostNotes}
  666.  
  667. </div>
  668. {/block:PermalinkPage}
  669.  
  670. </div>
  671.  
  672. {/block:Posts}
  673.  
  674. </div>
  675.  
  676. </div>
  677.  
  678. </body>
  679.  
  680. </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!