mausamixoxo

theme 5

Aug 13th, 2012
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.73 KB | None | 0 0
  1. <!--
  2. theme by themesbymausami aka witheredtrust aka mausami
  3. if you dont put the credit, ill poo on your face. jk, but seriously have some dignity.
  4.  
  5. -->
  6.  
  7. <html lang="en">
  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.  
  12. <script type="text/javascript">
  13. <!--
  14.  
  15. // Disable Right Click Script
  16.  
  17. function IE(e)
  18. {
  19. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  20. {
  21. return false;
  22. }
  23. }
  24. function NS(e)
  25. {
  26. if (document.layers || (document.getElementById && !document.all))
  27. {
  28. if (e.which == "2" || e.which == "3")
  29. {
  30. return false;
  31. }
  32. }
  33. }
  34. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  35.  
  36. //-->
  37. </script>
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42. <!-- DEFAULT VARIABLES -->
  43. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  45. <meta name="color:background" content="#fff"/>
  46. <meta name="color:link" content="#a80431"/>
  47. <meta name="color:link shadow" content="#fff"/>
  48. <meta name="color:hover" content="#000"/>
  49. <meta name="color:text" content="#000"/>
  50. <meta name="color:description" content="#777"/>
  51. <meta name="color:title" content="#777"/>
  52. <meta name="color:Blog Title" content="">
  53. <meta name="color:title" content="#777"/>
  54. <meta name="color:scrollbar" content="#777"/>
  55. <meta name="image:background" content=""/>
  56. <meta name="image:sidebar" content=""/>
  57. <meta name="image:sidebar2" content=""/>
  58. <meta name="text:Blog Title" content="" />
  59. <meta name="text:Link One" content="" />
  60. <meta name="text:Link One Title" content="Index" />
  61. <meta name="text:Link Two" content="" />
  62. <meta name="text:Link Two Title" content="Inbox" />
  63. <meta name="text:Link Three" content="" />
  64. <meta name="text:Link Three Title" content="link" />
  65. <meta name="text:Link Four" content="" />
  66. <meta name="text:Link Four Title" content="link" />
  67.  
  68. <style type="text/css">
  69.  
  70. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  71.  
  72. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  73.  
  74. ::-webkit-scrollbar {width: 5px; height: 4px; background: #fff; border-left: 1px transparent #aaaaaa; }
  75.  
  76. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px transparent #aaaaaa; border-top: 1px transparent #aaaaaa; border-left: 1px transparent
  77. #aaaaaa; border-right: 1px transparent #aaaaaa; }
  78.  
  79. #tumblr_controls {
  80. right:3px !important;
  81. position: fixed !important;
  82. }
  83.  
  84. .wrapper{
  85. margin: 0px auto;
  86. width: 100%;
  87. }
  88.  
  89. .header{
  90. float: left;
  91. width: 100%;
  92. }
  93.  
  94. .left{
  95. float: left;
  96. margin-right: 20px;
  97. width: 802px;
  98. }
  99.  
  100. .right{
  101. float: right;
  102. width: 200px;
  103. background-color: #fff;
  104. }
  105.  
  106. p {
  107. margin:0px;
  108. margin-top:0px;
  109. }
  110.  
  111. body {
  112. padding: 0px;
  113. margin: 0px;
  114. color:{color:text};
  115. font-family: arial;
  116. line-height: 8px;
  117. font-size: 10px;
  118. letter-spacing: 1px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-repeat: repeat;
  123. }
  124.  
  125. a:link, a:active, a:visited{
  126. color: {color:link};
  127. text-decoration: none;
  128. }
  129.  
  130. a:hover {
  131. color:{color:hover};
  132. text-decoration: none;
  133. -webkit-transition: color 0.3s ease-out;
  134. -moz-transition: color 0.3s ease-out;
  135. text-shadow:1px 1px 5px {color:link shadow};
  136. }
  137.  
  138. div#center{
  139. margin:auto;
  140. position:relative;
  141. width:900px;
  142. background-color:;
  143. overflow:auto;
  144. overflow-y:hidden;
  145. }
  146.  
  147. div#sidebar{
  148. position: fixed;
  149. padding: 0px;
  150. opacity:1;
  151. height:270px;
  152. width: 220px;
  153. float:left;
  154. background: transparent;
  155. margin-left:-40px;
  156. margin-top: 180px;
  157. padding-right: 4px;
  158. z-index:0;
  159. transition: all 0.9s ease-out;
  160. -o-transition-transition: all 0.9s ease-out;
  161. -webkit-transition: all 0.9s ease-out;
  162. -moz-transition: all 0.9s ease-out;
  163. }
  164.  
  165. #sidebarimage1{
  166. position: fixed;
  167. padding: 0px;
  168. opacity: 1;
  169. height:270px;
  170. width: 220px;
  171. float:left;
  172. background: transparent;
  173. margin-left:0px;
  174. margin-top: -270px;
  175. padding-right: 4px;
  176. z-index:0;
  177. transition: all 0.7s ease-out;
  178. -o-transition-transition: all 0.7s ease-out;
  179. -webkit-transition: all 0.7s ease-out;
  180. -moz-transition: all 0.7s ease-out;
  181. }
  182.  
  183.  
  184. #sidebar:hover #sidebarimage1{
  185. opacity: 0;
  186. transition: all 0.7s ease-out;
  187. -o-transition-transition: all 0.7s ease-out;
  188. -webkit-transition: all 0.7s ease-out;
  189. -moz-transition: all 0.7s ease-out;
  190. }
  191.  
  192. div#sidebarimage2{
  193. position: fixed;
  194. padding: 0px;
  195. opacity: 0;
  196. height:270px;
  197. width: 210px;
  198. float:left;
  199. background: transparent;
  200. margin-left:0px;
  201. margin-top: -271px;
  202. padding-right: 4px;
  203. z-index:0;
  204. transition: all 0.9s ease-out;
  205. -o-transition-transition: all 0.9s ease-out;
  206. -webkit-transition: all 0.9s ease-out;
  207. -moz-transition: all 0.9s ease-out;
  208. }
  209.  
  210. #sidebar:hover #sidebarimage2{
  211. opacity: 1;
  212. transition: all 0.9s ease-out;
  213. -o-transition-transition: all 0.9s ease-out;
  214. -webkit-transition: all 0.9s ease-out;
  215. -moz-transition: all 0.9s ease-out;
  216. }
  217.  
  218.  
  219. #rightborder{
  220. position:fixed;
  221. width:0px;
  222. height:335px;
  223. border:1px solid #000;
  224. margin-top: -297px;
  225. margin-left: 225px;
  226. }
  227.  
  228. div#desc {
  229. position: fixed;
  230. text-align:center;
  231. width:220px;
  232. height:16px;
  233. margin-top: 220px;
  234. margin-left: -5;
  235. font-family:didact gothic;
  236. padding-top: 5px;
  237. padding-bottom: 0px;
  238. background: white;
  239. opacity: 0.7;
  240. overflow:auto;
  241. z-index:1;
  242. text-transform: lowercase;
  243. font-size:12px;
  244. color: {color:description};
  245. transition: all 0.9s ease-out;
  246. -o-transition-transition: all 0.9s ease-out;
  247. -webkit-transition: all 0.9s ease-out;
  248. -moz-transition: all 0.9s ease-out;
  249. }
  250.  
  251. #desc:hover{
  252. opacity:0.9;
  253. transition: all 0.9s ease-out;
  254. -o-transition-transition: all 0.9s ease-out;
  255. -webkit-transition: all 0.9s ease-out;
  256. -moz-transition: all 0.9s ease-out;
  257. }
  258.  
  259. div#blogtitle{
  260. opacity: 0.7;
  261. text-align: center;
  262. position: fixed;
  263. width:220px;
  264. font-family: black swan;
  265. font-size: 50px;
  266. text-transform: uppercase;
  267. margin-left: 0px;
  268. margin-top: 2px;
  269. padding-top: 14px;
  270. padding-bottom: 16px;
  271. line-height:5px;
  272. background: transparent;
  273. border-top: 1px solid #000;
  274. border-bottom: 1px solid #000;
  275. color: {color:Blog Title};
  276. text-shadow: 2px 3px 3px #aaa;
  277. transition: all 0.9s ease-out;
  278. -o-transition-transition: all 0.9s ease-out;
  279. -webkit-transition: all 0.9s ease-out;
  280. -moz-transition: all 0.9s ease-out;
  281. }
  282.  
  283. div#linkz{
  284. opacity:1;
  285. padding-top:5px;
  286. text-align: right;
  287. position: fixed;
  288. margin-left: 0px;
  289. margin-top: -295px;
  290. width: 220px;
  291. text-align:center;
  292. height: 15px;
  293. font-size: 17px;
  294. text-transform: uppercase;
  295. border-top:1px solid #000;
  296. border-bottom: 1px solid #000;
  297. letter-spacing: 0px;
  298. font-family: didact gothic;
  299. line-height: 12px;
  300. z-index: 99999;
  301. transition: all 0.7s ease-out;
  302. -o-transition-transition: all 0.7s ease-out;
  303. -webkit-transition: all 0.7s ease-out;
  304. -moz-transition: all 0.7s ease-out;
  305. }
  306.  
  307. .entry {
  308. float:left;
  309. display: block;
  310. overflow:hidden;
  311. width:300px;
  312. border: 1px solid #ddd;
  313. padding:1px;
  314. {block:PermalinkPage}
  315. font-family: arial;
  316. font-size: 10px;
  317. width:550px;
  318. margin-left:40px;
  319. margin-top: 0px;
  320. padding: 1px;
  321. text-align:center;
  322. {/block:PermalinkPage}
  323. background: white;
  324. background-image:URL();
  325. opacity:0.8;
  326. webkit-transition: all 0.4s linear;
  327. -moz-transition: all 0.4s linear;
  328. transition: all 0.4s linear;
  329. }
  330.  
  331. .entry:hover {
  332. opacity:1;
  333. webkit-transition: all 0.4s linear;
  334. -moz-transition: all 0.4s linear;
  335. transition: all 0.4s linear;
  336. }
  337.  
  338. .entry .perma{
  339. position:absolute;
  340. margin-top:40px;
  341. margin-left:220px;
  342. width:auto;
  343. height:auto;
  344. background-color: #fff;
  345. padding:5px;
  346. overflow:hidden;
  347. font-family: arial;
  348. font-size: 10px;
  349. line-height:10px;
  350. text-align:center;
  351. opacity:0.0;
  352. -webkit-transition: all 0.3s linear;
  353. -webkit-transition: all 0.3s linear;
  354. -moz-transition: all 0.3s linear;
  355. transition: all 0.3s linear;
  356. }
  357.  
  358. .entry:hover .perma{
  359. margin-top:7px;
  360. overflow:visible;
  361. -webkit-transition: all 0.3s linear; opacity: 0.7;
  362. -webkit-transition: all 0.3s linear;
  363. -moz-transition: all 0.3s linear;
  364. transition: all 0.3s linear;
  365. }
  366.  
  367.  
  368. .entry .permados{
  369. position:absolute;
  370. margin-top: 0px;
  371. margin-left:5px;
  372. width:auto;
  373. height:auto;
  374. text-transform: none;
  375. background-color:#ffffff;
  376. padding:5px;
  377. overflow:hidden;
  378. font-family: arial;
  379. font-size: 10px;
  380. line-height:10px;
  381. text-align:center;
  382. opacity:0.0;
  383. -webkit-transition: all 0.3s linear;
  384. -webkit-transition: all 0.3s linear;
  385. -moz-transition: all 0.3s linear;
  386. transition: all 0.3s linear;
  387. }
  388.  
  389. .entry:hover .permados{
  390. margin-top: 7px;
  391. overflow:visible;
  392. -webkit-transition: all 0.3s linear; opacity: 0.7;
  393. -webkit-transition: all 0.3s linear;
  394. -moz-transition: all 0.3s linear;
  395. transition: all 0.3s linear;
  396. }
  397.  
  398. .permalinktext {
  399. display: block;
  400. padding: 1px;
  401. margin: 2px 8px 0px 5px;
  402. text-transform: lowercase;
  403. font-family: black swan;
  404. font-size: 11px;
  405. color: #000;
  406. line-height: 11px;
  407. text-align: right;
  408. text-decoration: none;
  409. border-top: 1px solid #ddd;
  410. -webkit-transition: color 0.5s ease-out;
  411. -moz-transition: color 0.5s ease-out;
  412. }
  413.  
  414. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  415.  
  416. #posts {
  417. width:650px;
  418. margin-top: 0px;
  419. margin-left:190px;
  420. right:auto;
  421. margin-right:auto;
  422. position:relative;
  423. overflow-y: hidden;
  424. }
  425.  
  426.  
  427.  
  428. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  429.  
  430. .title{
  431. text-align: center;
  432. font-family: arial;
  433. font-size: 11px;
  434. line-height:14px;
  435. letter-spacing: 5px;
  436. color: {color:Title};
  437. }
  438.  
  439. #infscr-loading{
  440. bottom: -70px;
  441. position: absolute;
  442. left: 50%;
  443. margin-left:-8px;
  444. width:16px;
  445. height:11px;
  446. overflow:hidden;
  447. margin-bottom: 50px;
  448. }
  449.  
  450. #postnotes{
  451. text-align: justify;}
  452.  
  453. #postnotes blockquote{
  454. border: 0px;}
  455.  
  456. blockquote{
  457. padding:0px 0px 2px 5px;
  458. margin:0px 0px 2px 10px;
  459. border-left: 1px dotted #555555;
  460. }
  461.  
  462. blockquote p, ul{
  463. margin:0px;
  464. padding:0px;
  465. }
  466.  
  467. a img{border: 0px;}
  468.  
  469.  
  470. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  471.  
  472. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  473. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  474.  
  475. .notes img{width:10px; position:relative; top:3px;}
  476. <--ses-->
  477. small{font-size: 90%;}
  478.  
  479. {CustomCSS}
  480.  
  481. </style>
  482.  
  483. {block:IndexPage}
  484. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  485. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  486.  
  487. <script type="text/javascript">
  488. $(window).load(function () {
  489. var $content = $('#posts');
  490. $content.masonry({itemSelector: '.entry'}),
  491. $content.infinitescroll({
  492. navSelector : 'div#pagination',
  493. nextSelector : 'div#pagination a#nextPage',
  494. itemSelector : '.entry',
  495. loading: {
  496. finishedMsg: '',
  497. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  498. },
  499. bufferPx : 600,
  500. debug : false,
  501. },
  502. // call masonry as a callback.
  503. function( newElements ) {
  504. var $newElems = $( newElements );
  505. $newElems.hide();
  506. // ensure that images load before adding to masonry layout
  507. $newElems.imagesLoaded(function(){
  508. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  509.  
  510.  
  511. });
  512. });
  513. });
  514. </script>
  515.  
  516. {/block:IndexPage}
  517.  
  518.  
  519. <title>{title}</title>
  520.  
  521. <link rel="shortcut icon" href="http://i839.photobucket.com/albums/zz313/galacutie_bucket/mini-graphics-bows-835317.gif">
  522. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  523. <meta name="viewport" content="width=820" />
  524. </head>
  525. <body onkeydown="return false">
  526.  
  527. <body>
  528. <div class="wrapper">
  529. <div class="header">
  530. </div>
  531. <div id="cage">
  532. <div id="center">
  533. <div id="sidebar"><center>
  534.  
  535. <div id="desc">{Description}</div>
  536.  
  537. <div id="sidebarimage">
  538. <a href="/"><img src="{image:sidebar}" height=270px width=220px></a>
  539.  
  540. <div id="rightborder"></div>
  541.  
  542. <div id="sidebarimage2">
  543. <a href="/"><img src="{image:sidebar2}" height=270px width=220px></a>
  544.  
  545. </center>
  546.  
  547. <div id="blogtitle"><center>{text:Blog Title}</center></div>
  548.  
  549. <div id="linkz">
  550. <a href="{text:Link One}">{text:Link One Title}</a> &middot
  551. <a href="{text:Link Two}">{text:Link Two Title}</a> &middot
  552. <a href="{text:Link Three}">{text:Link Three Title}</a> &middot
  553. <a href="{text:Link Four}">{text:Link Four Title}</a>
  554. </div>
  555.  
  556.  
  557.  
  558. </div>
  559.  
  560. <div class="left">
  561. <div id="posts">
  562. {block:Posts}
  563. <div class="entry">
  564.  
  565.  
  566. {block:Answer}
  567. <div style="min-height:30px; padding: 3px; border: 1px solid #000; background: #ddd; color: black;">
  568. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  569. {Asker}: {Question}</div>
  570. <center>{Answer}</center>
  571. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>
  572. {/block:Answer}
  573.  
  574. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>
  575. {/block:Text}
  576.  
  577. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>{block:Link}
  578.  
  579. {block:Photo}
  580. {block:IndexPage}
  581. <div class="perma">
  582. <a href="{permalink}">{NoteCountwithlabel}</a></span></div>
  583. <div class="permados">
  584. <a href="{permalink}"><a href="{ReblogURL}" target="_blank">Reblog</a>
  585. </div><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></a>
  586. {/block:IndexPage}
  587. {block:PermalinkPage}
  588. {LinkOpenTag}
  589. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=550px/>
  590. {LinkCloseTag}
  591. {/block:PermalinkPage}
  592. {/block:Photo}
  593.  
  594.  
  595. {block:Photoset}
  596. {block:IndexPage}
  597. <center>
  598. {Photoset-500}</center>
  599. {/block:IndexPage}
  600. {block:PermalinkPage}
  601. <center>
  602. {Photoset-500}</center>
  603. {/block:PermalinkPage}
  604. {/block:Photoset}
  605.  
  606. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>{/block:Quote}
  607.  
  608. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  609. <ul class="chat">
  610. {block:Lines}
  611. <li class="user_{UserNumber}">
  612. {block:Label}
  613. <span class="label">{Label}</span>
  614. {/block:Label}
  615.  
  616. {Line}
  617. </li>
  618. {/block:Lines}
  619. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago}</a> </div>
  620. {/block:Chat}
  621.  
  622. {block:Audio}
  623. <div style="width:300px; height:30px;">
  624. {AudioPlayerBlack}
  625. </div>
  626. {block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago}</a> </div>{/block:IndexPage}
  627. {/block:Audio}
  628.  
  629. {block:Video}{block:indexpage}{block:indexpage}{Video-400}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:IndexPage}<div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> &middot posted <a href="{permalink}">{timeago} </a> </div>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:Video}
  630.  
  631. {block:PostNotes}<div align="middle">{caption}</div>
  632. <center>
  633.  
  634. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  635.  
  636. {block:HasTags}
  637. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  638. {block:RebloggedFrom}
  639. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  640. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  641.  
  642. {/block:RebloggedFrom}
  643. </center></span>
  644. <br>
  645. <div id="postnotes">{PostNotes}</div><br>
  646.  
  647. <center>{block:ContentSource}
  648. <br><a href="{SourceURL}">
  649. {lang:Source}:
  650. {block:SourceLogo}
  651. <img src="{BlackLogoURL}" width="{LogoWidth}"
  652. height="{LogoHeight}" alt="{SourceTitle}" />
  653. {/block:SourceLogo}
  654. {block:NoSourceLogo}
  655. {SourceLink}
  656. {/block:NoSourceLogo}
  657. </a>
  658. {/block:ContentSource}</center>
  659.  
  660. {/block:PostNotes}
  661. </div>
  662. {/block:Posts}
  663. </div></div>
  664.  
  665. {block:IndexPage}
  666. {block:Pagination}
  667. <div id="pagination">
  668. {block:NextPage}
  669. <a id="nextPage" href="{NextPage}"></a>
  670. {/block:NextPage}
  671. {block:PreviousPage}
  672. <a href="{PreviousPage}"></a>
  673. {/block:PreviousPage}
  674. </div>
  675. {/block:Pagination}
  676. {/block:IndexPage}
  677.  
  678. </body>
  679. <div style="position:fixed; bottom:5px; right:5px;">
  680. <a href="http://witheredtrust.tumblr.com/">theme</a>
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment