Advertisement
tsiappoworks

Nauxian Aquatica

Mar 30th, 2016
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.38 KB | None | 0 0
  1. <!-----THEME MADE BY YOUMAKEMENAUXIOUS SPECIFICALLY FOR PROJECTIST.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY. THANKS.----->
  3.  
  4. <!DOCTYPE html>
  5. <html>
  6.  
  7. <!-----------------------------TOOLTIPS------------------------------->
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10. <script>
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:0,
  20.  
  21. tip_fade_speed:0,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30. </script>
  31.  
  32. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  33. <script type="text/javascript"
  34. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <head>
  66.  
  67. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69. <link rel="shortcut icon" href="{Favicon}" />
  70.  
  71. <meta name="color:Accent" content="#e3ced4" />
  72. <meta name="color:Accent2" content="#2d3673" />
  73. <meta name="color:Accent3" content="#FAFAFA" />
  74. <meta name="color:body font" content="#ccbfc3" />
  75. <meta name="color:Page BG" content="#f6e2ed" />
  76. <meta name="color:ask bg" content="#FAFAFA" />
  77.  
  78. <meta name="font:Body" content="Helvetica" />
  79. <meta name="font:Details" content="Helvetica" />
  80.  
  81. <meta name="text:LinkSymbol" content="❧" />
  82. <meta name="text:URL1" content="/" />
  83. <meta name="text:URL2" content="/ask" />
  84. <meta name="text:URL3" content="/submit" />
  85. <meta name="text:URL4" content="/rules" />
  86. <meta name="text:URL5" content="/bio" />
  87. <meta name="text:URL6" content="/map" />
  88.  
  89. <style type="text/css">
  90. /*---------------------BODY--------------------*/
  91. ::-webkit-scrollbar-thumb:vertical {
  92. background-color:transparent;
  93. height:7px;}
  94. ::-webkit-scrollbar {
  95. background-color:transparent;
  96. height:7px;
  97. width:5px;}
  98.  
  99. html {
  100. background: url('http://static.tumblr.com/k6zk3b1/LADnypr3o/unabg.png') no-repeat top left fixed;
  101. background-color:{color:Page BG};
  102. }
  103.  
  104. body {
  105. margin: 0;
  106. word-wrap: break-word;
  107. color:Calibri, helvetica, arial, sans-serif;
  108. }
  109.  
  110. body a{
  111. text-decoration:none;
  112. font-weight:700;
  113. }
  114.  
  115. small, sub {
  116. font-size:12px;
  117. font-family: calibri,helvetica,arial,sans-serif;
  118. }
  119.  
  120. s,strike {
  121. color:{color:accent2};
  122. }
  123.  
  124. u,underline {
  125. color:{color:accent2};
  126. }
  127.  
  128. /*------------------- "SIDEBAR" ------------------*/
  129. #nav{
  130. position:fixed;
  131. z-index:75;
  132. margin-left:210px;
  133. margin-top:430px;
  134. text-align:center;
  135. }
  136.  
  137. #nav a{color:{color:accent2}; font-size:20px;}
  138.  
  139. #nav a:hover{
  140. color:{color:accent};
  141. }
  142.  
  143. .link2{
  144. position:fixed;
  145. margin-left:28px;
  146. margin-top:11px;
  147. }
  148.  
  149. .link3{
  150. position:fixed;
  151. margin-left:70px;
  152. margin-top:40px;
  153. }
  154.  
  155. .link4{
  156. position:fixed;
  157. margin-left:126px;
  158. margin-top:52px;
  159. }
  160.  
  161. .link5{
  162. position:fixed;
  163. margin-left:186px;
  164. margin-top:42px;
  165. }
  166.  
  167. .link6{
  168. position:fixed;
  169. margin-left:230px;
  170. margin-top:13px;
  171. }
  172.  
  173. .link7{
  174. position:fixed;
  175. margin-left:262px;
  176. margin-top:-24px;
  177. }
  178.  
  179. #pagination{
  180. position:fixed;
  181. z-index:999;
  182. font-size:12px;
  183. font-weight:100;
  184. margin-left:-60px;
  185. width:520px;
  186. text-align:center;
  187. margin-top:380px;
  188. color:{color:accent2};
  189. font-family:Century Gothic, Arial, Sans-serif;
  190. }
  191.  
  192. #pagination a{color:{color:accent2}; padding:0px 2px;}
  193.  
  194. .forth{
  195. position:fixed;
  196. margin-left:543px;
  197. margin-top:-15px;
  198. }
  199.  
  200. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  201. img{border:0; max-width:100%;}
  202.  
  203. #body{
  204. position:absolute;
  205. z-index:70;
  206. margin-left:551px;
  207. }
  208.  
  209. #body a{text-decoration:none;color:{color:Accent2};}
  210. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  211. #body blockquote{border-left:2px solid {color:accent};margin:0;padding-left:7px;}
  212. /*--------------------CONTAINER BOX THING---------------------------*/
  213. #container{
  214. position:fixed;
  215. margin-top:144px;
  216. width:523px;
  217. height:424px;
  218. overflow:auto;
  219. margin-left:auto;
  220. margin-right:auto;
  221. }
  222.  
  223. /*-------------------------INDIVID POSTS------------------------*/
  224. #post{
  225. width:500px;
  226. margin:10px auto;
  227. padding:10px 5px;
  228. background-color:white;
  229. font-family: {font:Body};
  230. color:{color:body font};
  231. }
  232.  
  233. #post .text{font-size:11px; line-height:16px;}
  234. #post .title{font-size:20px;}
  235. .text ul li{list-style-type:circle;}
  236.  
  237. /*-------------------------PERMALINKS AND TAGS------------------------*/
  238. #permalink{
  239. margin-left:5px;
  240. margin-top:-10px;
  241. padding:3px 0px;
  242. font-size:10px;
  243. text-align:center;
  244. font-family:{font:Details};
  245. width:510px;
  246. color:{color:accent};
  247. background:{color:accent2};
  248.  
  249. }
  250.  
  251. #permalink a{color:{color:accent};vertical-align:middle;}
  252. #permalink a:hover{color:{color:accent3};}
  253.  
  254. #tags{
  255. margin-top:2px;
  256. text-align:center;
  257. width:500px;
  258. font-size:10px;
  259. font-family:{font:Details};
  260. margin-bottom:40px;
  261. }
  262.  
  263. #notesbox{width:500px;margin:20px auto;font-size:11px;}
  264. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  265. #notesbox img.avatar{display:none;}
  266.  
  267. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  268. .chat ul {list-style:none; margin:0; padding:0;}
  269. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  270.  
  271. /*------------------------CUSTOM TOOLTIP--------------------------*/
  272. #s-m-t-tooltip {
  273. max-width:150px;
  274. padding:5px;
  275. margin:0px 0px 0px 17px;
  276. background-color:{color:accent2};
  277. font-family:{font:Body};
  278. font-size:9px;
  279. letter-spacing:2px;
  280. text-transform:lowercase;
  281. color:{color:accent3};
  282. z-index:9999;
  283. }
  284.  
  285. /* ---------------------------- UPDATES -------------------------------*/
  286.  
  287. #updates {
  288. font-size:9px;
  289. font-family:century gothic, arial;
  290. color:{color:body font};
  291. text-align:center;
  292. height:13px;
  293. width:100px;
  294. padding:4px;
  295. top:117px;
  296. left:1100px;
  297. z-index:10;
  298. position:fixed;
  299. overflow:hidden;
  300. -webkit-transition: all 0.5s ease-in-out;
  301. -moz-transition: all 0.5s ease-in-out;
  302. -o-transition: all 0.5s ease-in-out;
  303. }
  304.  
  305. #updates:hover {
  306. height:400px;
  307. -webkit-transition: all 0.5s ease-in-out;
  308. -moz-transition: all 0.5s ease-in-out;
  309. -o-transition: all 0.5s ease-in-out;
  310. }
  311.  
  312. #updatestitle {
  313. font-size:10px;
  314. text-transform:uppercase;
  315. font-family:arial;
  316. font-weight:bold;
  317. color:{color:body font};
  318. }
  319.  
  320. /*-----------------------------POPUP BOXES---------------------------*/
  321. #fade { /*--Transparent background layer--*/
  322. display: none; /*--hidden by default--*/
  323. background: #000;
  324. position: fixed; left: 0; top: 0;
  325. width: 100%; height: 100%;
  326. opacity: .80;
  327. z-index: 9999;
  328. }
  329. .popup_block{
  330. display: none; /*--hidden by default--*/
  331. color:{font:body font};
  332. padding: 10px;
  333. float: left;
  334. font-size: 11.5;
  335. position: fixed;
  336. top: 50%; left: 50%;
  337. z-index: 9999999;
  338.  
  339. img.btn_close {
  340. float: right;
  341. margin: -20 -20px 0 0;
  342. }
  343. /*--Making IE6 Understand Fixed Positioning--*/
  344. *html #fade {
  345. position: absolute;
  346. }
  347. *html .popup_block {
  348. position: absolute;
  349. }
  350.  
  351. {CustomCSS}</style>
  352. </head>
  353. <body>
  354.  
  355. <!-- begin updates tab -->
  356.  
  357. <div id="updates">
  358. <div id="updatestitle">hover</div>
  359.  
  360. <div style="padding-top:10px;">
  361.  
  362. <b><span style="font-size:10px">una&nbsp;</span><span style="font-size:8px">&ldquo;leapyear&rdquo;</span><span style="font-size:10px">&nbsp;naux</span></b><br>
  363. 23 | ♀ | new york<br>
  364. merchant, traveler, bookworm, survivor.<br>
  365. <img src="http://static.tumblr.com/mpgtugs/UjSo2gkke/bows.gif">
  366. <i>marvel-based</i><br>
  367. est. may 2012<br>
  368. reboot 11 march 2016<br>
  369. mun/muse 21+<br>
  370. <img src="http://static.tumblr.com/mpgtugs/UjSo2gkke/bows.gif">
  371. <span style="font-size:11px">written by <a href="/mun" style="color:#4a4a4a;text-decoration:underline;"><i>Che</i></a></span><br>
  372. do not steal content<br><br>
  373. theme optimized for windows, 1366 x 768<br>
  374. <img src="http://static.tumblr.com/mpgtugs/UjSo2gkke/bows.gif">
  375. <span style="font-size:11px;text-decoration:underline;">OPEN</span><br>
  376. plots, chats, para<br><br>
  377.  
  378. <span style="font-size:11px;text-decoration:underline;">CLOSED</span><br>
  379. unplotted novella,<br>
  380. rp through asks<br>
  381.  
  382. </div></div>
  383.  
  384. <!-- end updates tab -->
  385.  
  386. </div>
  387. <!----------------------------MAIN BODY----------------------------->
  388. <div id="body">
  389. <div id="container">
  390. {block:Posts}
  391.  
  392. <!--------------------------TYPES OF POSTS----------------------------->
  393. <div id="post">
  394. {block:Photo}
  395. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  396. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  397. {/block:Photo}
  398.  
  399. {block:Photoset}
  400. {Photoset-500}
  401. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  402. {/block:Photoset}
  403.  
  404. {block:Video}
  405. {Video-500}
  406. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  407. {/block:Video}
  408.  
  409. {block:Audio}
  410. <div class="musicbox">
  411. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  412. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  413. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  414. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  415. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  416. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  417. {/block:Audio}
  418.  
  419. {block:Quote}
  420. <div class="title" style="width:400px;margin:auto;text-align:justify;">{Quote}</div>
  421. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  422. {/block:Quote}
  423.  
  424. {block:Text}
  425. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  426. <div class="text">{Body}</div>
  427. {/block:Text}
  428.  
  429. {block:Answer}
  430. <div style="background-color:rgba(45,54,115,0.2); padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  431. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  432. <div class="text">{Answer}</div>
  433. {/block:Answer}
  434.  
  435. {block:Chat}
  436. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  437. {block:Lines}<div class="chat"><li class="line_{Alt}">
  438. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  439. {/block:Lines}
  440. {/block:Chat}
  441.  
  442. {block:Link}
  443. <div class="title"><a href="{URL}">{Name}</a></div>
  444. {block:Description}<div class="text">{Description}</div>{/block:Description}
  445. {/block:Link}
  446. </div>
  447.  
  448. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  449. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName}">©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  450. <!----------------------------TAG STUFF----------------------------->
  451. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  452.  
  453. {block:PostNotes}
  454. <div id="notesbox">{PostNotes}</div>
  455. {/block:PostNotes}
  456. {/block:Posts}
  457. </div></div>
  458.  
  459. </body>
  460. <!-------------------------NAVIGATION STUFF------------------------->
  461. <div id="nav">
  462. <div class="link1"><a href="/" title="refresh">{text:LinkSymbol}</a></div>
  463. <div class="link2"><a href="#?w=700" rel="ask" class="poplight" title="ask">{text:LinkSymbol}</a></div>
  464. <div class="link3"><a href="#?w=700" rel="submit" class="poplight" title="submit">{text:LinkSymbol}</a></div>
  465. <div class="link4"><a href="#?w=575" rel="story" class="poplight" title="story">{text:LinkSymbol}</a></div>
  466. <div class="link5"><a href="#?w=400" rel="guide" class="poplight" title="guide">{text:LinkSymbol}</a></div>
  467. <div class="link6"><a href="/verselanding" title="verses">{text:LinkSymbol}</a></div>
  468. <div class="link7"><a href="/tagged/trivia" title="trivia">{text:LinkSymbol}</a></div>
  469. </div>
  470.  
  471. <!---------------------------PAGINATION---------------------------->
  472. {block:Pagination}<div id="pagination">
  473. {block:NextPage}<div class="back"><a href="{NextPage}">back</a></div>{/block:NextPage}
  474. {block:PreviousPage}<div class="forth"><a href="{PreviousPage}">forth</a></div>{/block:PreviousPage}
  475. </div>{/block:Pagination}
  476.  
  477. </div></div></div></div></div></div></div></div></div></div>
  478.  
  479.  
  480. </div>
  481.  
  482. <!-------HERE BEGIN THE POPUP BOXES------->
  483.  
  484. <div id="ask" class="popup_block" style="overflow:auto;">
  485.  
  486. <table>
  487. <tr><td>
  488. <iframe frameborder="0" scrolling="yes" width="340" height="150" src="https://www.tumblr.com/ask_form/mercantilistic.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  489. </td></tr>
  490. </table>
  491. </div>
  492.  
  493. <div id="submit" class="popup_block" style="overflow:auto;">
  494.  
  495. <table>
  496. <tr><td>
  497. <iframe frameborder="0" scrolling="yes" width="340" height="250" src="https://www.tumblr.com/submit_form/mercantilistic.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  498. </td></tr>
  499. </table>
  500. </div>
  501.  
  502. <div id="guide" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font}">
  503.  
  504. <h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  505.  
  506. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>I’m going to keep this simple and assume you know how these things work. No godmodding, try your best to use proper grammar, etc. I’m not a stickler for length, but at least give me enough to work with. If I give you a few paragraphs, don’t leave me with two sentences. That’s not cool.
  507.  
  508. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>As a heads up, I’m just going to put it out there that I’m less inclined to roleplay with people who write in purple prose. Nothing personal, but I don’t care for diction/syntax muddling clarity.
  509. Una is currently single in all verses. She is allowed to take one lover per verse. However, shipping is not my main focus…but I’m still more than willing to give a ship a try. It just needs buildup and it needs to make sense. Nothing instant over here.
  510.  
  511. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>Obligatory warning: Mun and muse are of age. Anything NSFW of a sexual nature is probably going to be uncommon, though violence, alcohol, drugs, etc. may appear (depending on who I'm writing with). Don’t worry, I’ll make sure things are tagged.
  512.  
  513. <p style="letter-spacing:2px;text-align:center;"><b><u>LAST NOTES</u></b></p>
  514.  
  515. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>Given the nature of Una's history, she may make comments that are not considered politically correct in this modern era. Please be aware that these are not the beliefs of me, but of my character.
  516. <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>I don’t always follow back–I like a clean dash, so if you post a lot of images/OOC in a short time, I probably won’t follow unless I really like you. If we’re mutuals, you can tag me in a post at any time. If we aren’t, you can still try tagging me in something, but I might not stick with it for very long.
  517.  
  518. </div>
  519.  
  520. <div id="story" class="popup_block">
  521.  
  522. <table><tr>
  523. <td><div id="stats" style="color:{color:body font};background: #fcfbf8;font-family:calibri, helvetica, sans-serif;font-size: 11.5px;line-height:15px;width: 280px;height: 300px;float: left;padding:16px;overflow:auto">
  524. <table style="width:280px;">
  525. <tr><h1 style="text-align:center; background:{color:body font};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">UNA NAUX</h1></tr>
  526. <tr><td style="width:140px;">
  527. <b>birthday:</b> 19 feb (23 years) <br>
  528. <b>orientation:</b> heteroflexible<br>
  529. <b>location:</b> brooklyn<br>
  530. <b>eyes:</b> grey-blue<br>
  531. <b>height:</b> 5'2" <br>
  532. <b>build:</b> leggy, angular <br>
  533. </td><td style="width:140px;">
  534. <b>handle:</b> leap year<br>
  535. <b>occupation:</b> merchant<br>
  536. <b>power:</b> time travel<br>
  537. <b>p.o.b:</b> hartlepool, england <br>
  538. <b>hair:</b> dark brown <br>
  539. <b>weight:</b> 100 lb, give or take
  540. </td></tr>
  541.  
  542. <tr><img src="http://static.tumblr.com/k6zk3b1/aiMnu9qsy/tribanner_naux.png"></tr>
  543. </div></td>
  544.  
  545. </table>
  546.  
  547. <td><div id="bio" style="color:{color:body font};background: #fcfbf8;font-family:calibri, helvetica, sans-serif;font-size: 11.5px;line-height:15px;width: 240px;max-height: 300px;height:300px;padding:16px;margin-left: 10%;overflow:auto;">
  548. <p>In 1734, Una was born to the estimable captain Barnaby Reginald Naux and his lovely wife, Adelaide. Unfortunately, Una never knew her mother&mdash;she died in childbirth. As a result, Una grew up on her father's ship, raised to various degrees by a multitude of shipmates. During a storm in 1752, she, along with others, fell off the ship and died.
  549.  
  550. <p>In 2012, she washed up on the shore of France, disoriented and confused. It didn't take long for her to realize her newfound ability--it happened whenever both her feet left the ground. Sometimes it was seconds, sometimes it was months, but Una learned that she could travel through time and space.
  551. <p></p>
  552. <p style="text-align:center;letter-spacing:2px;"><a href="/story" style="background:{color:body font};color:white;padding:3px 10px;">full stats + bio</a></p>
  553. </div></td>
  554. </tr></table>
  555. </div>
  556. </div>
  557. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement