atlasthemes

november - theme

Nov 13th, 2018
1,569
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.85 KB | None | 0 0
  1. <!------------------------------------------------------------------------
  2.  
  3. november
  4. by @atlasthemes
  5. pls don't remove credit
  6. thanks!<3
  7.  
  8. ------------------------------------------------------------------------->
  9. <html>
  10. <head>
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  22.  
  23. <meta name="description" content="" />
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25. <meta name="color:background" content="#FFFFFF">
  26. <meta name="color:sidebar" content="#f8f5ed">
  27. <meta name="color:text" content="#444444">
  28. <meta name="color:link" content="#adadad">
  29. <meta name="color:borders" content="#eeeeee">
  30. <meta name="color:accent" content="#e5d5b6">
  31. <meta name="text:title" content="your title here">
  32. <meta name="select:font size" content="12px"/>
  33. <meta name="select:font size" content="11px"/>
  34. <meta name="select:font size" content="10px"/>
  35. <meta name="select:font" content="Times New Roman"/>
  36. <meta name="select:font" content="Open Sans"/>
  37. <meta name="select:font" content="Helvetica"/>
  38. <meta name="select:font" content="Lora"/>
  39. <meta name="select:font" content="Merriweather"/>
  40. <meta name="if:show unnest captions" content="1"/>
  41. <meta name="select:post size" content="400px"/>
  42. <meta name="select:post size" content="450px"/>
  43. <meta name="select:post size" content="480px"/>
  44. <meta name="select:post size" content="500px"/>
  45. <meta name="text:link 1" content="">
  46. <meta name="text:link 1 url" content="">
  47. <meta name="text:link 2" content="">
  48. <meta name="text:link 2 url" content="">
  49. <meta name="text:link 3" content="">
  50. <meta name="text:link 3 url" content="">
  51. <meta name="text:link 4" content="">
  52. <meta name="text:link 4 url" content="">
  53.  
  54. <!--- FONTS -->
  55. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700" rel="stylesheet">
  56.  
  57.  
  58. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  59. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  60. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  62. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  65. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  66.  
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("a[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:90,
  73. tip_fade_speed:600,
  74. attribute:"title"
  75. });
  76. });
  77. })(jQuery);
  78. </script>
  79.  
  80. {block:ifShowUnnestCaptions}
  81. <script>
  82. $(document).ready(function(){ $('.posts').unnest({
  83. yourCaption: ".caption",
  84. wrapName: ".cap",
  85. newCaptionUsername: true,
  86. originalPostCaptionUsername: false,
  87. tumblrAvatars: false,
  88. tumblrAvatarClass: ".icon",
  89. usernameColon: false
  90. });
  91.  
  92. }); </script>
  93.  
  94. {/block:ifShowUnnestCaptions}
  95.  
  96. <script>
  97. $(document).ready(function(){
  98. $('.search').submit(function(event){
  99. var value = $('input:first').val();
  100. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  101. });
  102. });
  103. </script>
  104.  
  105. <script>
  106. $(document).ready(function(){
  107. $('.photo-slideshow').pxuPhotoset({
  108. lightbox: true,
  109. highRes: true,
  110. gutter: '1px',
  111. borderRadius: '0px',
  112. photoset: '.photo-slideshow',
  113. photoWrap: '.photo-data',
  114. photo: '.pxu-photo'
  115. });
  116.  
  117. }); </script>
  118.  
  119.  
  120. <style type="text/css">
  121. ::-webkit-scrollbar {width:17px;height:17px;}
  122. ::-webkit-scrollbar {background-color:transparent;}
  123. ::-webkit-scrollbar-track {border:8px solid {color:background};background-color:#ddd;}
  124. ::-webkit-scrollbar-thumb {border:8px solid {color:background};background-color:{color:accent};min-height:24px;min-width:24px;}
  125.  
  126. #s-m-t-tooltip {max-width:300px; margin-top:-30px; margin-left:-25px;
  127. font-size:11px; font-family: {select:font}; letter-spacing:0.5px; text-align:center; text-transform:lowercase; font-style:italic; padding:3px; color:{color:Text}; background-color:{color:sidebar}; z-index:999999;}
  128.  
  129. {block:ifShowUnnestCaptions}
  130. .tumblr_blog {vertical-align:bottom;color:{color:link};padding-bottom:1px; border-bottom:1px solid {color:sidebar};font-style:italic;}
  131. .tumblr_blog a:hover {text-decoration:none;color:{color:text};border-bottom:1px solid {color:accent};}
  132. .cap {margin-left:0px;width:{select:post size};}
  133. .cap blockquote {width: calc({select:post size} - 30px);margin-left:10px;padding-left:10px;border-left:1px solid {color:borders};}
  134. .cap img {max-width:100%;height:auto;}
  135. {/block:ifShowUnnestCaptions}
  136.  
  137. {block:ifNotShowUnnestCaptions}
  138. .tumblr_blog {vertical-align:bottom;color:{color:link};padding-bottom:1px; border-bottom:1px solid {color:sidebar};font-style:italic;}
  139. .tumblr_blog a:hover {text-decoration:none;color:{color:text};border-bottom:1px solid {color:accent};}
  140. blockquote {border-left:1px solid {color:borders};padding: 0px 0px 0px 10px;margin-top:10px;margin-bottom:10px;margin-left:10px;}
  141. {/block:ifNotShowUnnestCaptions}
  142.  
  143. .like-b {position:relative;display:inline-block;height:1em;line-height:1em;overflow:hidden;margin-bottom:-2px;}
  144. .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;}
  145. .like-b .liked + .b {color:{color:Text};}
  146. .like-b .liked + .b:after {content:'d';}
  147.  
  148. h1 {margin-bottom:10px;font-size: 15px;font-weight:400;text-align:left; line-height:100%;text-transform:lowercase;margin-top: 10px;font-style:italic;} hr {width:50px;margin-left:0px;border-width: 1px 0px 0px 0px;border-style: solid;border-color: {color:borders};} pre {font-size: {select:font size};font-family: {select:font};width:{select:post size};text-align: left;word-break: break-all;color:{color:Text};} shortborder2 {width:10px; height:1px; margin-left:2px;margin-right:2px;background-color:{color:accent};display:inline-block;vertical-align:middle;} body {font-family: {select:font};color: {color:Text};background-color:{color:Background};letter-spacing:0px;line-height:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;} small, sup, sub {font-size: {select:font size};} u {text-decoration:none;border-bottom:1px solid {color:accent};} i {letter-spacing:0.2px;} a {color: {color:Link};text-decoration: none;letter-spacing:0.2px;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;} a:hover {color: {color:accent};text-decoration: none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;} .lnr {font-size:9px;padding-right:5px;font-weight:600;color:{color:accent};vertical-align:bottom;}
  149.  
  150.  
  151. #sidebar {width: 230px;padding: 125px 40px 0px 40px;background-color:{color:sidebar}; position: fixed;left: 0px;top: 0px; height: 100%;font-size:{select:font size};line-height:15px;}
  152. .sidebarimage {width:50px;height:50px;padding:0px;margin-bottom:10px;} .sidebarimage img {width:50px;height:50px;border-radius:3px;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;} .sidebarimage img:hover {opacity:0.7;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
  153. .title {font-family:{select:font};color:#444;font-size:15px;text-align:left;text-transform:lowercase;font-style:italic;margin:5px 0px;display:inline-block;}
  154. .box {width:100%; height:auto; background-color:transparent;padding-bottom:20px;margin:10px 0px;}
  155. .sidebar-links {color:{color:text};text-align: left;font-size: {select:font size};text-transform:lowercase;column-count:3;column-width:30%;} .sidebar-links a {color: {color:text};transition: 0.5s ease-in-out;padding-top:2px;padding-bottom:2px;} .sidebar-links a:hover {color:{color:link};transition: 0.5s ease-in-out;}
  156. #description {font-size:{select:font size};line-height:14px;margin-top:5px;text-align: left;color: {color:text};margin-bottom:20px;} #description a {text-transform:lowercase;color:{color:text};} #description a:hover {color:{color:accent};}
  157. #stripe {width:30px;position:fixed;left:310px;top:0px;height:100%;background-color:{color:sidebar};opacity:0.4;}
  158.  
  159. .pagination {display:block;position:absolute;width:260px;bottom:170px; text-align:left;font-size:{select:font size};font-family:{select:font}; text-transform:lowercase;} .pagination a {color:{color:text};padding:6px;} .pagination a:hover {color:{color:accent};text-decoration:none;} .current-page {color: {color:accent};font-size: {select:font size};padding:6px;}
  160.  
  161. .container {width:1000px;margin: auto;}
  162. .postscontainer {width:calc({select:post size} + 21px) ;margin: auto;padding:5px;}
  163.  
  164. .photo-slideshow {visibility: hidden;}
  165. .photo-slideshow.processed {visibility: visible;}
  166. .photo-slideshow .row {clear: both;width: 100%;}
  167. .photo-slideshow .pxu-photo {display: block;float: clear;width: 100%;overflow: hidden;}
  168. .photo-slideshow .pxu-photo img {display: block;}
  169. .photo-slideshow.processed .pxu-photo img {width:100%;height: auto;}
  170. .photo-slideshow .pxu-photo:first-child img {margin:auto;}
  171. .photo-slideshow .count-1 {max-width:100%;height: auto;}
  172. .set {margin-left:10px;}
  173. .photo-slideshow .count-2 {width:50%;height: auto;}
  174. .photo-slideshow .count-3 {width:33.33%;height: auto;}
  175.  
  176. .posts {width:{select:post size};font-size: {select:font size};font-family: {select:font};margin-top:60px;padding:10px;margin-bottom:75px;line-height:16px;text-align:left;background-color:#fff;} .posts img {max-width:100%;height:auto;margin-top:3px;}
  177. .info {width:{select:post size};color:{color:link};margin-top:12px;text-align:left;font-family:{select:font};text-transform:lowercase;letter-spacing:0.5px;font-size:{select:font size};} .info a {color:{color:link};letter-spacing:0.5px;} .info a:hover {text-decoration:none;color:{color:text};}
  178. .tags {width:100%;margin-top:5px;font-family:{select:font};text-align:left;font-size:{select:font size};word-break:break-word;} .tags a {margin-right:6px;color:{color:link};} .tags a:hover {color:{color:text};}
  179. ul li {color:{color:text};margin-left:-33px;list-style:none;} ul li:before {color:{color:text};content:"—"; font-size:1em; padding-right:.5em; position:relative;} ol {color:{color:text};margin-left:-25px;}
  180. .postsnote {width:100%;margin-top: 30px;margin-bottom:50px;background-color:#fff;} .postsnote ol, .notes-bottom ul {margin: 0px;padding: 10px 0;list-style: none;} .postsnote li {width:90%;margin:2px;font-size: {select:font size};float:left;text-align:left;} .postsnote li img.avatar {display:none;} .more_notes_link {list-style: none;text-transform:lowercase;letter-spacing:0.5px;font-size: {select:font size};margin-top:10px;padding-bottom:10px;position:relative;float:left;margin-bottom:20px;}
  181.  
  182. .playerbuttonbg {position: absolute;left: 20px;top: 20px;width: 19px;height: 19px;background-color: #ffffff;padding: 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;opacity: .4;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4; transition: opacity .7s ease-in-out;-moz-transition: opacity .7s ease-in-out;-webkit-transition: opacity .7s ease-in-out;}
  183. .playerbuttonbg:hover {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; }
  184. .newplayerbutton {position: relative;width: 19px;height: 19px;overflow: hidden;}
  185. .playerbuttonhug {position: absolute;top: 0px;left: 0px;}
  186. .tumblr_audio_player {height: 90px;width: 270px;-moz-transform: scale(0.60, 0.60); -webkit-transform: scale(0.60, 0.60); -o-transform: scale(0.60, 0.60);-ms-transform: scale(0.60, 0.60);transform: scale(0.60, 0.60); -moz-transform-origin: top left;-webkit-transform-origin: top left;-o-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;}
  187. .audioimgwrapper {position: absolute;left: 0px;top: 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;width: 79px;height: 79px;}
  188. .audioimgwrapper img {width: 100%;height: auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
  189. .trackdetails {width: auto;font-size: 9px;line-height:14px;display:inline-block;margin-left: 90px;margin-top:20px;margin-bottom:-15px;padding:5px;min-height:70px;}
  190. .audiowrapper {position: relative;display:inline-block;}
  191. iframe#youtube_iframe {width: {select:post size}!important;height: auto;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
  192. .quote {font-size: 15px;line-height:20px;font-weight:400;margin-top:5px; text-align:left;font-style:italic;} .source {font-size: 10px;letter-spacing:0.5px;font-family: {select:font}; text-transform:uppercase;text-align:left;line-height:14px;margin-top:8px;}
  193. .chat {margin-top:5px;font-size: {select:font size};} .chatlabel {font-weight:bold;font-style:italic;display:inline-block;margin-right:1px;} .chat .lines {margin-left:0; } .chat .lines span {font-weight: bold;}
  194. .ask {width:{select:post size};text-align:left;padding-bottom:10px;} .question {border-bottom:1px solid {color:borders};padding-bottom:15px;line-height:16px;font-style:italic;letter-spacing:0.2px;} .asker {font-size:9px;text-transform:uppercase;font-style:normal;display:inline-block;letter-spacing:1px;} .answer {width:{select:post size};text-align:left;margin-bottom:1px;line-height:16px;}
  195. /*--pls don't edit!--*/
  196. .credit {position:fixed;right:10px;bottom:20px;}.credit a {color:#a1a1a1;background:transparent;font-family:times new roman;font-size:14px;}
  197.  
  198. iframe.tmblr-iframe {
  199. z-index:99999999999999!important;
  200. top:0!important;
  201. right:0!important;
  202. opacity:0.4;
  203. /* delete invert(1) from here */
  204. filter:invert(1) contrast(150%);
  205. -webkit-filter:invert(1) contrast(150%);
  206. -o-filter:invert(1) contrast(150%);
  207. -moz-filter:invert(1) contrast(150%);
  208. -ms-filter:invert(1) contrast(150%);
  209. /* to here if your blog has a dark background */
  210. transform:scale(0.65);
  211. transform-origin:100% 0;
  212. -webkit-transform:scale(0.65);
  213. -webkit-transform-origin:100% 0;
  214. -o-transform:scale(0.65);
  215. -o-transform-origin:100% 0;
  216. -moz-transform:scale(0.65);
  217. -moz-transform-origin:100% 0;
  218. -ms-transform:scale(0.65);
  219. -ms-transform-origin:100% 0;
  220. -moz-transition-duration: 0.3s;
  221. -o-transition-duration: 0.3s;
  222. -webkit-transition-duration: 0.3s;
  223. transition-duration: 0.3s;
  224. }
  225.  
  226. iframe.tmblr-iframe:hover {
  227. opacity:0.6!important;
  228. -moz-transition-duration: 0.3s;
  229. -o-transition-duration: 0.3s;
  230. -webkit-transition-duration: 0.3s;
  231. transition-duration: 0.3s;
  232. }
  233. </style>
  234. </head>
  235.  
  236. <body>
  237. <div class="container">
  238. <!-- SIDEBAR -->
  239. <div id="sidebar">
  240. <div class="sidebarimage"><a href="/"><img src="{PortraitURL-64}" /></a></div>
  241. <a href="/"><div class="title">{text:title}</div></a>
  242. <div id="description">{Description}</div>
  243.  
  244. <div class="box">
  245. <div class="sidebar-links">
  246. <a href="/">home</a><br/>
  247. <a href="/ask">contact</a><br/>
  248. <a href="{text:link 1 url}">{text:link 1}</a><br/>
  249. <a href="{text:link 2 url}">{text:link 2}</a><br/>
  250. <a href="{text:link 3 url}">{text:link 3}</a><br/>
  251. <a href="{text:link 4 url}">{text:link 4}</a><br/>
  252. </div></div>
  253.  
  254. <div class="pagination">
  255. {block:Pagination}{block:PreviousPage}
  256. <a href="{PreviousPage}">prev</a>
  257. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  258. <span class="current-page">{PageNumber}</span>
  259. {/block:CurrentPage}{block:JumpPage}
  260. <a class="jump_page" href="{URL}">{PageNumber}</a>
  261. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  262. <a href="{NextPage}">next</a>
  263. {/block:NextPage}{/block:Pagination}
  264. </div>
  265. </div>
  266. <div id="stripe"></div>
  267.  
  268. <div class="postscontainer" id="{PostID}">{block:Posts}<div class="posts" id="{PostID}">{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  269.  
  270. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><div class="source"> {block:Source}{Source}{/block:Source}</div>{/block:Quote}
  271.  
  272. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  273.  
  274. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:lines}<div class="chat"><div class="lines">{block:label}<div class="chatlabel">{label}</div>{/block:label} {line}</br></div></div>{/block:lines}{/block:Chat}
  275.  
  276. {block:Answer}<div class="ask"><div class="question"><div class="asker">{Asker}</div><shortborder2></shortborder2>{Question}</div></div><div class="caption"><div class="answer">{Answer}</div></div>{/block:Answer}
  277.  
  278. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  279.  
  280. {block:Photoset}
  281. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  282. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  283. {/block:Photoset}
  284.  
  285. {block:Audio}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}<span style="font-weight:bold;font-style:italic;">Track:</span> {TrackName} <br/>{/block:TrackName}{block:Artist}<span style="font-weight:bold;font-style:italic;">Artist:</span> {Artist} <br/>{/block:Artist}{block:Album}<span style="font-weight:bold;font-style:italic;">Album:</span> {Album} <br/>{/block:Album}{block:PlayCount}<span style="font-weight:bold;font-style:italic;">Plays:</span> {PlayCount}{/block:PlayCount}</div></div>{/block:AudioPlayer}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  286.  
  287. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  288.  
  289. {block:Date}<div class="info"><a title="{timeago}" href="{Permalink}"><span class="lnr lnr-clock"></span>{DayOfWeek}</a> {block:NoteCount}&nbsp;<a href="{Permalink}"><span class="lnr lnr-bookmark"></span>{NoteCountWithLabel}</a>{/block:NoteCount} &nbsp;<span class="lnr lnr-heart"></span><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span> &nbsp;<a href="{ReblogURL}" target="_blank" class="details"><span class="lnr lnr-redo"></span>reblog</a>
  290.  
  291. {block:PermalinkPage}{block:RebloggedFrom}<br/>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</div>{/block:Date}
  292.  
  293. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  294.  
  295. {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
  296.  
  297. </div>
  298. {/block:Posts}
  299.  
  300. <div class="credit"><a href="http://www.atlasthemes.tumblr.com">a</a></div>
  301.  
  302. </div></div></div>
  303. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment