Advertisement
tomkirk

#013

Jul 10th, 2013
3,398
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.30 KB | None | 0 0
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. THEME #013
  6.  
  7. -->
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <!--Default Variables-->
  12. <!--Colors-->
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#696969"/>
  15. <meta name="color:Link" content="#fae6e6"/>
  16. <meta name="color:Link Hover" content="#e8e8e8"/>
  17. <meta name="color:Scrollbar" content="#faeded"/>
  18. <meta name="color:Border" content="#e8e8e8"/>
  19. <meta name="color:Ask Background" content="#f7f7f7"/>
  20. <meta name="color:Ask Text" content="#696969"/>
  21. <meta name="color:Header" content="#1f1d1d"/>
  22. <meta name="color:Header Text" content="#f7f7f7"/>
  23.  
  24. <!--Options-->
  25. <meta name="if:Infinite Scroll" content="1"/>
  26. <meta name="if:Captions" content=""/>
  27. <meta name="if:Faded Images" content=""/>
  28. <meta name="if:Inverted Images" content=""/>
  29. <meta name="if:Tiny Cursor" content=""/>
  30. <meta name="if:Crosshair Cursor" content=""/>
  31. <meta name="if:Custom Scrollbar" content="1"/>
  32.  
  33. <!--Links-->
  34. <meta name="text:Link 1 URL" content="/"/>
  35. <meta name="text:Link 1 name" content=""/>
  36. <meta name="text:Link 2 URL" content="/"/>
  37. <meta name="text:Link 2 name" content=""/>
  38. <meta name="text:Link 3 URL" content="/"/>
  39. <meta name="text:Link 3 name" content=""/>
  40. <meta name="text:Link 4 URL" content="/"/>
  41. <meta name="text:Link 4 name" content=""/>
  42.  
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}" />
  45. {/block:Description}
  46. <meta charset="utf-8">
  47. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  48. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  52. <style type="text/css">
  53. /*Basic styles*/
  54.  
  55.  
  56. {block:ifInvertedImages}img{
  57. opacity: 1;
  58. filter:alpha(opacity=10);
  59. -moz-opacity: 0.1;
  60. -moz-transition: all .9s ease;
  61. -o-transition: all .9s ease;
  62. transition: all .9s ease;
  63. -webkit-transition: all .9s ease;}
  64. {/block:ifInvertedImages}
  65.  
  66.  
  67. {block:ifInvertedImages} img:hover{
  68. opacity: .8;
  69. filter:alpha(opacity=100);
  70. -moz-opacity: 1;
  71. -moz-transition: all .9s ease;
  72. -o-transition: all .9s ease;
  73. transition: all .9s ease;
  74. -webkit-transition: all .9s ease;}
  75. {/block:ifInvertedImages}
  76.  
  77. {block:ifFadedImages}img{
  78. opacity: .8;
  79. filter:alpha(opacity=10);
  80. -moz-opacity: 0.1;
  81. -moz-transition: all .9s ease;
  82. -o-transition: all .9s ease;
  83. transition: all .9s ease;
  84. -webkit-transition: all .9s ease;}
  85. {/block:ifFadedImages}
  86.  
  87.  
  88. {block:ifFadedImages} img:hover{
  89. opacity: 1;
  90. filter:alpha(opacity=100);
  91. -moz-opacity: 1;
  92. -moz-transition: all .9s ease;
  93. -o-transition: all .9s ease;
  94. transition: all .9s ease;
  95. -webkit-transition: all .9s ease;}
  96. {/block:ifFadedImages}
  97.  
  98. {block:ifInvertedImages}.photo {
  99. opacity: 1;
  100. filter:alpha(opacity=10);
  101. -moz-opacity: 0.1;
  102. -moz-transition: all .9s ease;
  103. -o-transition: all .9s ease;
  104. transition: all .9s ease;
  105. -webkit-transition: all .9s ease;}
  106. {/block:ifInvertedImages}
  107.  
  108.  
  109. {block:ifInvertedImages}.photo:hover{
  110. opacity: .8;
  111. filter:alpha(opacity=100);
  112. -moz-opacity: 1;
  113. -moz-transition: all .9s ease;
  114. -o-transition: all .9s ease;
  115. transition: all .9s ease;
  116. -webkit-transition: all .9s ease;}
  117. {/block:ifInvertedImages}
  118.  
  119. {block:ifFadedImages}.photo {
  120. opacity: .8;
  121. filter:alpha(opacity=10);
  122. -moz-opacity: 0.1;
  123. -moz-transition: all .9s ease;
  124. -o-transition: all .9s ease;
  125. transition: all .9s ease;
  126. -webkit-transition: all .9s ease;}
  127. {/block:ifFadedImages}
  128.  
  129.  
  130. {block:ifFadedImages}.photo:hover{
  131. opacity: 1;
  132. filter:alpha(opacity=100);
  133. -moz-opacity: 1;
  134. -moz-transition: all .9s ease;
  135. -o-transition: all .9s ease;
  136. transition: all .9s ease;
  137. -webkit-transition: all .9s ease;}
  138. {/block:ifFadedImages}
  139.  
  140. .photo a:hover{background:transparent;}
  141.  
  142.  
  143. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !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;}
  144.  
  145. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  146. {block:CustomScrollbar}
  147. ::-webkit-scrollbar {width:16px; height:16px; background: {color:Background};}
  148. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};-webkit-border-radius: 100px;
  149. -moz-border-radius: 100px;border-radius: 100px;}
  150. {/block:CustomScrollbar}
  151.  
  152. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:arial;font-size:11px;line-height:13px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  153.  
  154. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;
  155. -webkit-transition: all 0.s linear;-moz-transition: all 0.s linear; transition: all 0.s linear;}
  156.  
  157. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  158.  
  159. #content {margin:auto;{block:IndexPage}width:680px;{/block:IndexPage}{block:PermalinkPage}padding-left:0px;width:600px;{/block:PermalinkPage}}
  160.  
  161. #cage {margin:auto;padding-top:40px;padding-bottom:10px;{block:IndexPage}width:680px;padding-left:40px;{/block:IndexPage}{block:PermalinkPage}padding-left:0px;width:500px;{/block:PermalinkPage}}
  162.  
  163. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Link};}
  164.  
  165. .p { padding-top: 5px; }
  166. .ol, ul { margin-left: 30px; padding: 5px; }
  167. .ul { list-style-type: square; }
  168.  
  169. .pt{font-size:16px;line-height:18px;margin-top:-3px;margin-bottom:-7px;font-style:italic;}
  170. .b{font-size:20px;line-height:20px;letter-spacing:1px;text-transform:uppercase;font-family:courier new;}
  171. .b a{color:{color:Text};color:{color:Header Text};}
  172. .b a:hover{text-decoration:underline;}
  173.  
  174. .navigate a{font-style:italic;line-height:14px;margin-right:10px;color:{color:Header Text};}
  175.  
  176. .navigate a:hover{text-decoration:underline;}
  177.  
  178. .audiop{background:#e4e4e4;padding:10px;}
  179. .audioplayer {position:relative;margin-top:3px;}
  180. .audiop img{max-width:470px;}
  181.  
  182. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  183. -moz-border-radius: 10px; border-radius: 10px;}
  184.  
  185. #ask {padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  186.  
  187. .askername{font-weight:bold;}
  188.  
  189. #z{position:fixed;bottom:0;right:0;padding:15px;}
  190.  
  191. #z .y{position:absolute;margin-top:-7px;margin-left:-10px;opacity:0;font-family:calibri;font-size:10px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  192.  
  193. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-10px;margin-top:-11px;}
  194.  
  195. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  196. /*hte*/
  197. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  198.  
  199. iframe, img, embed, object, video {max-width: 100%;}
  200.  
  201. #side {text-align:justify;padding:10px;z-index:999;{block:IndexPage}width:545px;margin-left:30px;{/block:IndexPage}{block:PermalinkPage}width:480px;margin-left:30px;{/block:PermalinkPage}background:{color:Header};color:{color:Header Text};}
  202.  
  203. article img{{block:IndexPage}max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  204.  
  205. article {margin:25px;padding:6px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  206.  
  207. article .permat{width:250px;position:absolute;opacity:0;margin-top:12px;font-size:8px;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-family:courier new;text-align:center;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear; transition: all 0.5s linear;color:{color:Link};}
  208.  
  209. article:hover .permat{opacity:1;}
  210.  
  211. article .permap{width:250px;position:absolute;opacity:0;margin-top:12px;font-size:8px;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-family:courier new;text-align:center;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear; transition: all 0.5s linear;color:{color:Link};}
  212.  
  213. article:hover .permap{opacity:1;}
  214.  
  215. .permap a{background:white;color:black;padding:1px;padding-left:3px;padding-right:2px;}
  216.  
  217. .permap a:hover{background:black;color:white;}
  218.  
  219. .chat .line{padding: 2px;}
  220.  
  221. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  222.  
  223. .label {font-weight:bold;}
  224.  
  225. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  226. -moz-border-radius: 10px; border-radius: 10px;display:inline;}
  227. .notes {line height:16px;}
  228.  
  229. .pagination{padding:10px;margin-left:40px;font-size:8px;letter-spacing:1px;text-transform:uppercase;}
  230.  
  231. {CustomCSS}
  232. </style>
  233. </head>
  234. <body>
  235. <div id="z"><div class="x">▲</div>
  236. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  237. </div>
  238. <div id="cage">
  239. <header id="side">
  240. <div class="b"><a href="/">{Title}</a></div>
  241. {Description}
  242. <div class="navigate">
  243. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  244. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  245. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  246. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  247. </div>
  248. </header>
  249.  
  250. <div id="content">
  251. {block:Posts}
  252. <article>
  253.  
  254. {block:Text}
  255. {block:Title}
  256. <div class="pt">{Title}</div>
  257. {/block:Title}
  258. {Body}{block:IndexPage}
  259. <div class="permat">
  260. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  261. </div>
  262. {/block:IndexPage}
  263. {/block:Text}
  264.  
  265. {block:Photo}
  266. {block:IndexPage}
  267. <div class="permap">
  268. <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  269. </div>
  270. {/block:IndexPage}
  271. <div class="photo">
  272. {LinkOpenTag}
  273. <a href="{permalink}">
  274. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500">
  275. </a>
  276. {LinkCloseTag}
  277. {block:ifCaptions}
  278. {block:Caption}{Caption}{/block:Caption}
  279. {/block:ifCaptions}
  280. {block:ifNotCaptions}
  281. {block:PermalinkPage}
  282. {block:Caption}{Caption}{/block:Caption}
  283. {/block:PermalinkPage}
  284. {/block:ifNotCaptions}
  285. {block:ContentSource}
  286. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  287. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  288. {/block:SourceLogo}
  289. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  290. {/block:ContentSource}
  291. {block:ReblogParentURL}
  292. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  293. {/block:ReblogParentURL}
  294. {/block:Photo}
  295.  
  296. {block:Photoset}
  297. {block:IndexPage}
  298. <div class="permap">
  299. <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  300. </div>
  301. {/block:IndexPage}
  302. <div class="photoset">
  303. <div class="photo">
  304. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  305. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  306. </div>
  307. </div>
  308. {block:ifCaptions}
  309. {block:Caption}{Caption}{/block:Caption}
  310. {/block:ifCaptions}
  311. {block:ifNotCaptions}
  312. {block:PermalinkPage}
  313. {block:Caption}{Caption}{/block:Caption}
  314. {/block:PermalinkPage}
  315. {/block:ifNotCaptions}
  316. {/block:Photoset}
  317.  
  318. {block:Quote}
  319. <div class="pt">
  320. "{Quote}"
  321. </div>
  322. {block:Source}<br>-{Source}{/block:Source}
  323. {block:IndexPage}
  324. <div class="permat">
  325. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  326. </div>
  327. {/block:IndexPage}
  328. {/block:Quote}
  329.  
  330. {block:Link}
  331. <div class="pt">
  332. <a href="{URL}">{Name} »</a>
  333. </div>
  334. {block:Description}{Description}{/block:Description}{block:IndexPage}
  335. <div class="permat">
  336. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  337. </div>
  338. {/block:IndexPage}
  339. {/block:Link}
  340.  
  341. {block:Chat}
  342. <div class="chat">
  343. {block:Lines}
  344. <div class="chat">
  345. <div class="line {Alt}">
  346. <div class="{Alt} user_{UserNumber}">
  347. {block:Label}
  348. <b>{Label} </b>
  349. {/block:Label}
  350. {Line}
  351. </div>
  352. </div>
  353. {/block:Lines}{block:IndexPage}
  354. <div class="permat">
  355. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  356. </div>
  357. {/block:IndexPage}
  358. {/block:Chat}
  359.  
  360. {block:Audio}
  361. <div class="audio">
  362. <center>
  363. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="250" height="250"/>{/block:AlbumArt}</div></center>
  364. <div class="audiop">{AudioPlayerGrey}</div>
  365. {block:Caption}{Caption}{/block:Caption}{block:IndexPage}
  366. <div class="permat">
  367. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  368. </div>
  369. {/block:IndexPage}
  370. {/block:Audio}
  371.  
  372. {block:Video}
  373. {block:IndexPage}
  374. <div class="permap">
  375. <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  376. </div>
  377. {/block:IndexPage}
  378. <div class="video">
  379. <div class="video-player">{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  380. {block:ifCaptions}
  381. {block:Caption}{Caption}{/block:Caption}
  382. {/block:ifCaptions}
  383. {block:ifNotCaptions}
  384. {block:PermalinkPage}
  385. {block:Caption}{Caption}{/block:Caption}
  386. {/block:PermalinkPage}
  387. {/block:ifNotCaptions}
  388. {/block:Video}
  389.  
  390. {block:Panorama}
  391. {block:IndexPage}
  392. <div class="permap">
  393. <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  394. </div>
  395. {/block:IndexPage}
  396. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  397. {block:ifCaptions}
  398. {block:Caption}{Caption}{/block:Caption}
  399. {/block:ifCaptions}
  400. {block:ifNotCaptions}
  401. {block:PermalinkPage}
  402. {block:Caption}{Caption}{/block:Caption}
  403. {/block:PermalinkPage}
  404. {/block:ifNotCaptions}
  405. {/block:Panorama}
  406.  
  407. {block:Answer}
  408. <div id="ask">
  409. <div class="askername">{Asker} asked:</div>
  410. {Question}
  411. </div>
  412. {Answer}{block:IndexPage}
  413. <div class="permat">
  414. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  415. </div>
  416. {/block:IndexPage}
  417. {/block:Answer}
  418.  
  419. {block:PermalinkPage}
  420. <div style="margin-top:5px;">
  421. {block:Date}
  422. <b>Posted:</b> {TimeAgo} on
  423. {ShortMonth} {DayofMonth},{Year} at
  424. {12Hour}:{Minutes} {CapitalAmPm}
  425. {/block:Date}
  426. {block:NoteCount}<br>
  427. <b>Notes:</b>
  428. {NoteCount}
  429. {/block:NoteCount}
  430. {block:HasTags}
  431. <br>
  432. <b>Tags:</b>
  433. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  434. {/block:Tags}
  435. {/block:HasTags}
  436. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  437. </div>
  438. {/block:PermalinkPage}
  439. {block:PostNotes}
  440. {PostNotes}
  441. {/block:PostNotes}
  442. </article>
  443. {/block:Posts}
  444.  
  445.  
  446. {block:Pagination}
  447. <div class="pagination">
  448. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Previous Page{/block:ifNotInfiniteScroll}</a> /{/block:PreviousPage}
  449. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next Page{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  450. </div>
  451. {/block:Pagination}
  452.  
  453. </div>
  454. </div>
  455.  
  456. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  457.  
  458. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  459. {block:ifInfiniteScroll}
  460. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  461. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  462. {/block:ifInfiniteScroll}
  463.  
  464.  
  465. <script>
  466. (function() {
  467. var $tumblelog = $('#content');
  468. {block:IfInfiniteScroll}
  469. $tumblelog.infinitescroll({
  470. navSelector : ".pagination",
  471. nextSelector : ".pagination a:first",
  472. itemSelector : "article",
  473. bufferPx : 50,
  474. done : "",
  475. loading: {
  476. finishedMsg: "<p> </p>",
  477. img : " ",
  478. msg: null,
  479. msgText: "<p> </p>"
  480. },
  481. },
  482. function( newElements ) {
  483. var $newElems = $( newElements ).css({ opacity: 0 });
  484. $newElems.imagesLoaded(function(){
  485. $newElems.animate({ opacity: 1 });
  486. $tumblelog.masonry( 'appended', $newElems);
  487. });
  488. }
  489. );
  490. {/block:IfInfiniteScroll}
  491. $tumblelog.imagesLoaded( function(){
  492. $tumblelog.masonry({
  493. columnWidth: function( containerWidth ) {
  494. return containerWidth / 100;
  495. }
  496. });
  497. });
  498. })();
  499. </script>
  500.  
  501. <script>
  502. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  503. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  504. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  505. s.parentNode.insertBefore(g,s)}(document,'script'));
  506. </script>
  507. </body>
  508. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement