API tools faq
paste
Advertisement
beautifulfreaks13

tumblr theme 022

beautifulfreaks13
Sep 6th, 2011
19,195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 022 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: admin@ettudis.three-words.net]
  4. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  5. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  6. -->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title></head>
  13. {block:Description}
  14. <head>
  15. <meta name="Description" content="{MetaDescription}" /></head>
  16. {/block:Description}
  17. <head>
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <meta name="color:background" content="#f7f7f7" />
  20. <meta name="color:blockquote border" content="#E1D7F7" />
  21. <meta name="color:blockquote text" content="#ACACAC" />
  22. <meta name="color:link" content="#D3A900" />
  23. <meta name="color:link 2" content="#E6E6E6" />
  24. <meta name="color:permalink" content="#5A5A5A" />
  25. <meta name="color:permalink background" content="#222222" />
  26. <meta name="color:permalink border" content="#EEEEEE" />
  27. <meta name="color:post background" content="#FEFEFE" />
  28. <meta name="color:post text" content="#838383" />
  29. <meta name="color:post title" content="#4D4D4D" />
  30. <meta name="color:post title border" content="#E0E0E0" />
  31. <meta name="color:post title hover" content="#9C9C9C" />
  32. <meta name="color:sidebar" content="#050505" />
  33. <meta name="color:sidebar background" content="#121212" />
  34. <meta name="color:sidebar link" content="#D6D6D6" />
  35. <meta name="color:sidebar link border" content="#555555" />
  36. <meta name="color:sidebar link hover" content="#6F6F6F" />
  37. <meta name="color:sidebar text" content="#808080" />
  38. <meta name="color:title" content="#CACACA" />
  39. <meta name="color:title hover" content="#000000" />
  40. <meta name="color:userpic border" content="#000000" />
  41. <meta name="if:show tags on index" content="1"/>
  42. <meta name="if:show captions on index" content="1"/>
  43. <meta name="if:Show userpic" content="1"/>
  44. <meta name="if:one column" content="0"/>
  45. <meta name="if:infinite scrolling" content="0"/>
  46. <meta name="image:background" content=""/>
  47. <meta name="image:post background" content=""/>
  48. <meta name="image:side" content=""/>
  49. <meta name="image:sidebar background" content=""/>
  50. <meta name="text:Link 1" content="" />
  51. <meta name="text:Link 1 Title" content="" />
  52. <meta name="text:Link 2" content="" />
  53. <meta name="text:Link 2 Title" content="" />
  54. <meta name="text:Link 3" content="" />
  55. <meta name="text:Link 3 Title" content="" />
  56. <meta name="text:Link 4" content="" />
  57. <meta name="text:Link 4 Title" content="" />
  58. <meta name="text:Link 5" content="" />
  59. <meta name="text:Link 5 Title" content="" />
  60. <meta name="text:next button" content="&raquo;"/>
  61. <meta name="text:previous button" content="&laquo;"/>
  62.  
  63. <style type="text/css">
  64. @font-face { font-family: letkon; src: url('http://ettudis.three-words.net/lekton005_l.otf'); }
  65. body {
  66. font-family: lucida sans unicode, trebuchet ms, sans-serif;
  67. margin: 0px;
  68. padding:0px;
  69. background:{color:background} url('{image:background}') fixed;
  70. }
  71. a {
  72. text-decoration: none;
  73. color: {color:link};
  74. }
  75. iframe#tumblr_controls {right:3px !important;
  76. position: fixed !important;
  77. opacity: 0.2;
  78. filter:alpha(opacity=20);
  79. -moz-opacity: 0.2;
  80. -khtml-opacity: 0.2;
  81. -webkit-transition: all 0.9s ease;
  82. -moz-transition: all 0.9s ease;
  83. -o-transition: all 0.9s ease;}
  84. iframe#tumblr_controls:hover{
  85. opacity: 1;
  86. filter:alpha(opacity=100);
  87. -moz-opacity: 1;
  88. -khtml-opacity: 1;
  89. -webkit-transition: all 0.9s ease;
  90. -moz-transition: all 0.9s ease;
  91. -o-transition: all 0.9s ease;}
  92. {block:ifinfinitescrolling}#over{height:2000px!important;position:absolute;top:0px;left:0px;width: 100%;}{/block:ifinfinitescrolling}
  93. #sidebar {
  94. width: 300px;
  95. font-size: 9px;
  96. line-height: 10px;
  97. left: 0px;
  98. top: 0px; height: 100%;
  99. position: fixed;
  100. color: {color:sidebar text};
  101. background:{color:sidebar} url('{image:sidebar background}');
  102. }
  103. #sidecontent{
  104. padding: 20px;
  105. text-align: justify;
  106. margin-bottom: 5px;
  107. }
  108. #simage{
  109. width: 250px;
  110. height: auto;
  111. padding-left:1px;
  112. padding-right:1px;
  113. margin-bottom:7px;
  114.  
  115. }
  116. #nav {
  117. font: 10px letkon, lucida console, sans-serif;color: {color:sidebar link}; letter-spacing: 1px;
  118. }
  119. #nav a{
  120. color: {color:sidebar link hover};
  121. }
  122. #menu, #desc {
  123. font: 9px lucida console, Arial, Helvetica, sans-serif; margin-bottom: 5px; text-align:center; line-height: 12px; text-transform: lowercase ;background: {color:sidebar background};padding: 7px;
  124. }
  125. #menu a{
  126. color: {color:sidebar link};
  127. display: block;
  128. text-decoration: none;
  129. text-transform: lowercase;
  130. letter-spacing: 2px;
  131. padding: 2px;padding-left: 5px;
  132. border-bottom: 1px dashed {color:sidebar link border};
  133. -webkit-transition: all 0.9s ease;
  134. -moz-transition: all 0.9s ease;
  135. -o-transition: all 0.9s ease;
  136. }
  137. #menu a:hover{
  138. color:{color:sidebar link hover};
  139. padding-top: 5px;
  140. -webkit-transition: all 0.9s ease;
  141. -moz-transition: all 0.9s ease;
  142. -o-transition: all 0.9s ease;
  143. }
  144. #desc p{
  145. padding: 0px;padding-bottom: 7px;text-align: justify!important;
  146. margin:5px;border-bottom: 1px dashed {color:sidebar link border};
  147. }
  148. #desc a, #nav a{
  149. color: {color:sidebar link};
  150. -webkit-transition: all 0.9s ease;
  151. -moz-transition: all 0.9s ease;
  152. -o-transition: all 0.9s ease;
  153. }
  154. #desc a:hover, #nav a:hover{
  155. color:{color:sidebar link hover};
  156. }
  157. #title{
  158. margin-top: 0px;
  159. background:none;
  160. text-align: center;
  161. letter-spacing:1px;
  162. text-transform: lowercase;
  163. font: normal 30px/26px letkon, arial narrow, arial, sans-serif;
  164. margin-bottom: 3px;
  165. }
  166. #title a{
  167. color: {color:title};
  168. text-decoration: none;
  169. font-style: normal;
  170. -webkit-transition: all 0.9s ease;
  171. -moz-transition: all 0.9s ease;
  172. -o-transition: all 0.9s ease;
  173. }
  174. #title a:hover{
  175. color: {color:title hover};
  176. }
  177. #title img{
  178. float: right;
  179. border-top: 15px solid {color:userpic border};
  180. margin-left: 5px;
  181. margin-right: 15px;
  182. }
  183. #chat ul,#chat ol,#chat li{
  184. list-style:none;
  185. padding: 1px;
  186. }
  187. ul, ol {
  188. padding-left: 5px!important;
  189. margin-left:15px!important;
  190. }
  191. #asker {
  192. background: {color:background};
  193. color:{color:blockquote text} ;
  194. margin:7px;
  195. }
  196. #asker a{
  197. color: {color:link};
  198. }
  199. #asker img{
  200. float:left;
  201. margin:5px;
  202. }#answer{
  203. padding: 5px;
  204. }
  205. #quote {
  206. color: {color:title};
  207. text-decoration: none;
  208. font-style: normal;
  209. text-align:center;
  210. letter-spacing:-1px;
  211. text-transform: uppercase;
  212. font: 14px/12px "Courier New", Courier, monospace;
  213. }
  214. h1 {
  215. font-size: 11px; letter-spacing: 0px; text-transform: lowercase; font-family: lucida console, arial, sans-serif;margin: 7px;line-height:10px;font-weight: normal; border-bottom: 1px dashed {color:post title border};
  216. }
  217. h1 a{
  218. color: {color:post title}
  219. }
  220. h1 a:hover{
  221. color: {color:post title hover}
  222. }
  223.  
  224. #tags a{
  225. font-size: 9px; font-weight: normal; font-family: lucida console,arial, sans-serif; text-transform: uppercase; color: {color:link 2}; text-align: center;
  226. }
  227. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  228. font: 10px "Courier New", Courier, monospace;text-decoration: underline;
  229. color: {color:link};
  230. font-weight: normal;
  231. text-transform: uppercase;
  232. }
  233. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  234. color:{color:link 2};
  235. }
  236. #quotesource {
  237. display: block;
  238. text-align: center;
  239. }
  240. .label {
  241. font: 9px lucida console, trebuchet ms, sans-serif;
  242. text-transform: uppercase;
  243. color: {color:link 2};
  244. padding-right: 5px;
  245. }
  246. .person1 .label {
  247. padding-right: 5px;
  248. text-transform: uppercase;
  249. color: {color:link};
  250. font: 9px lucida console, trebuchet ms, sans-serif;
  251. }
  252. ul, ol {
  253. padding-left: 5px!important;
  254. margin-left:15px!important;
  255. }
  256. #audio {
  257. margin-left: 15px;
  258. }
  259. #audiotext{
  260. padding: 5px;
  261. }
  262. #note {
  263. font-size: 9px;
  264. background: {color:background};
  265. padding: 7px;
  266. float:NONE;
  267. color: {color:post text};
  268. width: 500px;
  269. }
  270. li.note {
  271. list-style:none;
  272. padding: 3px;
  273. margin: 0px;
  274. margin-right: 25px;border-bottom: 1px dashed {color:post header border};
  275. }
  276. #note a{
  277. font: 9px lucida console, trebuchet ms, sans-serif;
  278. color: {color:post title};
  279. text-transform:lowercase;
  280. }
  281. #note a:hover{
  282. color: {color:post title hover};
  283. }
  284. #entry{
  285. font: 9px lucida console, arial, sans-serif;
  286. color: {color:post text};
  287. margin: 0px;
  288. background: {color:post background} url('{image:post background}');
  289. overflow:hidden;
  290. {block:ifnotonecolumn}{block:indexpage}width:260px;{/block:indexpage}{/block:ifnotonecolumn}
  291. {block:ifonecolumn}{block:indexpage}width:510px;{/block:indexpage}{/block:ifonecolumn}
  292. {block:permalinkpage}width:500px;{/block:permalinkpage}
  293. }
  294. .container{
  295. z-index:6;
  296. overflow:hidden;
  297. float:left!important;
  298. {block:ifnotonecolumn}{block:indexpage}width:262px;{/block:indexpage}{/block:ifnotonecolumn}
  299. {block:ifonecolumn}{block:indexpage}width:512px;{/block:indexpage}{/block:ifonecolumn}
  300. {block:permalinkpage}width:502px;{/block:permalinkpage}
  301. margin:5px;
  302. }
  303. div.perma a {
  304. text-align:center;
  305. position:relative;
  306. width:100px;
  307. text-transform:uppercase;
  308. color: {color:permalink};{block:ifnotonecolumn}margin-left: 50px;{/block:ifnotonecolumn}
  309. {block:ifonecolumn}margin-left: 180px;{/block:ifonecolumn}
  310. -webkit-transition: all 0.9s ease;
  311. -moz-transition: all 0.9s ease;
  312. -o-transition: all 0.9s ease;
  313. background:{color:permalink background}; padding: 5px;
  314. }
  315. div.perma {
  316. opacity: 0;
  317. filter:alpha(opacity=0);
  318. -moz-opacity: 0;
  319. -khtml-opacity: 0; height: 0px!important;
  320. -webkit-transition: all 0.9s ease;
  321. -moz-transition: all 0.9s ease;
  322. -o-transition: all 0.9s ease;
  323. }
  324. div.container:hover div.perma {
  325. opacity: 1;
  326. filter:alpha(opacity=100);
  327. -moz-opacity: 1;
  328. -khtml-opacity: 1;line-height: 15px;margin-top: 15px;
  329. }
  330. #entry img{
  331. {block:ifnotonecolumn}{block:indexpage}max-width:250px!important;{/block:indexpage}{/block:ifnotonecolumn}
  332. {block:ifonecolumn}{block:indexpage}max-width:500px!important;{/block:indexpage}{/block:ifonecolumn}
  333. {block:permalinkpage}max-width:495px!important;{/block:permalinkpage}
  334. margin:5px;
  335. }
  336. blockquote{
  337. border-bottom: 1px solid {color:blockquote border};
  338. border-left: 3px solid {color:sidebar link border hover};
  339. padding-left: 3px;
  340. color: {color:blockquote text};
  341. margin-right: 40px;
  342. }
  343. #perma a:hover{
  344. color:{color:permalink};
  345. }
  346. table, tr, td{
  347. font-size: 9px!important;
  348. }
  349. #text img, #captiona img, #answer img{
  350. {block:ifnotonecolumn}{block:indexpage}max-width:250px!important;{/block:indexpage}{/block:ifnotonecolumn}
  351. {block:ifonecolumn}{block:indexpage}max-width:500px!important;{/block:indexpage}{/block:ifonecolumn}
  352. {block:permalinkpage}max-width:495px!important;{/block:permalinkpage}
  353. margin:0px;
  354. }
  355.  
  356. #entry p{
  357. margin-top:0px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  358. }
  359. #permapage {
  360. font-size: 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; letter-spacing:1px; text-transform: uppercase;
  361. color:{color:permalink text};
  362. margin: 5px;
  363. }
  364. #all {
  365. width: 900px;
  366. left: 310px;
  367. position: absolute;
  368.  
  369. }
  370. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  371. #infscr-loading {display:none;}
  372. .navigation{display:none;}
  373. </style>
  374. <script type="text/javascript">
  375. jQuery(document).ready(function() {
  376. jQuery(".tags").hide();
  377. //toggle the componenet with class msg_body
  378. jQuery(".categories").click(function()
  379. {
  380. jQuery(this).next(".tags").slideToggle(500);
  381. });});
  382. </script>
  383.  
  384.  
  385. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  386. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  387.  
  388. <!-- {block:IndexPage} -->
  389. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  390. {block:ifinfinitescrolling}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifinfinitescrolling}
  391. <script type="text/javascript">
  392. $(window).load(function () {
  393. $('#content').masonry(),
  394. $('.masonryWrap').infinitescroll({
  395. navSelector : "div.navigation",
  396. // selector for the paged navigation (it will be hidden)
  397. nextSelector : ".navigation a#next",
  398. // selector for the NEXT link (to page 2)
  399. itemSelector : ".container",
  400. // selector for all items you'll retrieve
  401. bufferPx : 10000,
  402. extraScrollPx: 10000,
  403. loadingImg : "",
  404. loadingText : "<em></em>",
  405. },
  406. // call masonry as a callback.
  407. function() { $('#content').masonry({ appendedContent: $(this) }); }
  408. );
  409. });
  410. </script>
  411. <!-- {/block:IndexPage} -->
  412.  
  413.  
  414.  
  415. </head>
  416. <body>{block:ifinfinitescrolling}<div id="id"></div>{/block:ifinfinitescrolling}
  417. <div class="navigation">
  418. <!--{block:Pagination}-->
  419. <!--{block:NextPage}--><p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a><!--{/block:NextPage}-->
  420. <!--{block:PreviousPage}--><a style="float:left" href="{PreviousPage}">? Newer</a></p><!--{/block:PreviousPage}-->
  421. <!--{/block:Pagination}-->
  422. </div>
  423.  
  424.  
  425. <div id="sidebar">
  426. <div id="sidecontent"> {block:ifsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifsideimage}
  427. <div id="title"><a href="/" alt="{Title}">{Title}</a>
  428. {block:IfShowUserpic}<img src="{PortraitURL-64}" />{/block:IfShowUserpic} </div>
  429. <div id="menu">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  430. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  431. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  432. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  433. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  434. <a href="/archive">archives</a>
  435. <a href="/ask">message</a>
  436. <a href="http://ettudis.three-words.net">&copy; theme</a> </div>
  437.  
  438. <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  439.  
  440.  
  441.  
  442. </div>
  443. {block:ifnotinfinitescrolling}<div id="nav" align="center">
  444. {block:Pagination}
  445. {block:PreviousPage}
  446. <a href="{PreviousPage}">{text:previous button}</a>
  447. {/block:PreviousPage}
  448.  
  449. {CurrentPage}/{TotalPages}
  450.  
  451. {block:NextPage}
  452. <a href="{NextPage}">{text:next button}</a>
  453. {/block:NextPage}
  454. {/block:Pagination}
  455. </div>{/block:ifnotinfinitescrolling}
  456. </div>
  457. <div id="all">
  458. <div id="content">{block:Posts}
  459. <div class="container">
  460.  
  461. <div id="entry">
  462. <div class="perma"><a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth} {Year} {24Hour}:{Minutes}{/block:Date} {NoteCountwithLabel}</a></div>
  463. {block:Text}
  464. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  465. <div id="text">{Body}</div>
  466. {/block:Text}
  467.  
  468. {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0"/></a>{/block:Photo}
  469. <div style="padding-left:5px;padding-top:5px;">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  470.  
  471. {block:Quote}
  472. <div id="quote">&#8220;{Quote}&#8221; </div>
  473. <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  474. {/block:Quote}
  475.  
  476. {block:Link}
  477. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  478. {block:Description}{Description}{/block:Description}{/block:Link}
  479.  
  480. {block:Chat}<div id="chat">{block:Title}
  481. <h1><a href="{Permalink}">{Title}</a></h1>
  482. {/block:Title}
  483. <ul>
  484. {block:Lines}
  485. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  486. {/block:Lines}
  487. </ul>
  488. </div>
  489. {/block:Chat}
  490.  
  491. {block:Audio}
  492. <div id="audiotext">{PlayCountWithLabel}</div>
  493. <div id="audio">{AudioPlayerBlack}</div>
  494. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  495. {/block:Audio}
  496.  
  497. {block:Video}{Video-400}{/block:Video}
  498.  
  499. {block:Answer}
  500. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  501. <div id="answer">{Answer}</div>
  502. {/block:Answer}
  503.  
  504. {block:ifnotshowcaptionsonindex}{block:permalinkpage}
  505. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  506. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  507. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  508. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  509.  
  510.  
  511. {block:ifshowcaptionsonindex}
  512. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  513. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  514. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  515. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptionsonindex}
  516.  
  517.  
  518. {block:ifshowtagsonindex}<div id="permapage"><div id="tags">
  519. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  520. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {/block:ifshowtagsonindex}
  521.  
  522. {block:ifnotshowtagsonindex}{block:permalinkpage}<div id="permapage"><div id="tags">
  523. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  524. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {/block:permalinkpage}{/block:ifnotshowtagsonindex}
  525. </div>
  526.  
  527. {block:permalinkpage}
  528.  
  529. <div id="note">{block:PostNotes}{PostNotes}
  530. {/block:PostNotes} </div>{/block:permalinkpage}
  531.  
  532. </div>
  533. {/block:Posts}
  534. </div>
  535.  
  536. </div>
  537. </body>
  538. </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!