teruteru

Floating Freely -【 THEME 68 by Anomaly ☽】

Jun 20th, 2019 (edited)
486
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.96 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. THEME #68 by Anomaly ☾ tumblr user linoone ☽ : FLOATING FREELY !!
  8.  
  9. - i made the base code
  10. - audio post style is by passo-html
  11. - please abide by all the rules
  12.  
  13. 【 All themes and pages can be found here : https://anomalythemes.tumblr.com/ 】
  14.  
  15. Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
  16. Feel free to message me if you need any help, my ask box is always open!
  17.  
  18. -->
  19.  
  20. <script src="https://assets.tumblr.com/assets/scripts/tumblelog_post_message_queue.js?_v=ae06d1ab69efc6f29297bf2b7a4160af"></script>
  21. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  22. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  23. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24.  
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("a[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:90,
  31. tip_fade_speed:600,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. <script> function changeNavigation(id)
  39. {document.getElementById('content')
  40. .innerHTML=document.getElementById(id).innerHTML}
  41. </script>
  42.  
  43. <title>{Title}</title>
  44.  
  45. <link rel="shortcut icon" href="{image:favicon}">
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49. <!--default variables-->
  50.  
  51. <meta name="color:background" content="">
  52. <meta name="color:accent" content="">
  53. <meta name="color:blockquote" content="">
  54. <meta name="color:ask" content="">
  55. <meta name="color:text" content="">
  56. <meta name="color:link" content="">
  57. <meta name="color:hover" content="">
  58. <meta name="color:selection" content="">
  59. <meta name="color:selection text" content="">
  60. <meta name="color:tooltip" content="">
  61. <meta name="color:tooltip text" content="">
  62. <meta name="color:scrollbar" content="">
  63.  
  64. <meta name="image:favicon" content="https://via.placeholder.com/16x16">
  65. <meta name="image:cursor" content="">
  66. <meta name="image:sidebar" content="https://via.placeholder.com/200x220">
  67. <meta name="image:navigation image" content="https://via.placeholder.com/400x400">
  68.  
  69. <meta name="text:title" content="">
  70. <meta name="text:ask text" content="asked">
  71. <meta name="text:title icon" content="jellyfish-o">
  72. <meta name="text:navigation icon" content="confetti-o">
  73. <meta name="text:link 1" content="/">
  74. <meta name="text:link 1 title" content="link 1">
  75. <meta name="text:link 2" content="/">
  76. <meta name="text:link 2 title" content="link 2">
  77. <meta name="text:link 3" content="/">
  78. <meta name="text:link 3 title" content="link 3">
  79. <meta name="text:link 4" content="/">
  80. <meta name="text:link 4 title" content="link 4">
  81. <meta name="text:link 5" content="/">
  82. <meta name="text:link 5 title" content="link 5">
  83. <meta name="text:ask guideline text" content="">
  84.  
  85. <meta name="text:title font" content="reckless">
  86. <meta name="text:font" content="arial">
  87.  
  88. <meta name="if:cursor" content="">
  89.  
  90. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  91.  
  92. <style type="text/css">
  93.  
  94. @font-face { font-family: reckless; src: url('https://dl.dropboxusercontent.com/s/1c8bxq4i20zxtkt/reckless_sample.ttf') ;}
  95.  
  96. ::-webkit-scrollbar {
  97. width: 9px;
  98. height: 4px;
  99. background:{color:scrollbar};
  100. border:4px solid {color:background};
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. background-color:{color:scrollbar};
  105. border-radius:5px;
  106. }
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. margin:5px 0px 0px 20px;
  111. background-color:{color:tooltip};
  112. font-family:{text:font};
  113. font-size:1em;
  114. padding:3px;
  115. color:{color:tooltip text};
  116. border-radius:3px;
  117. z-index:999999999999999999999999999999999999;
  118. }
  119.  
  120. ::selection {
  121. background: {color:selection};
  122. color: {color:selection text};
  123. }
  124.  
  125. ::-moz-selection {
  126. background: {color:selection};
  127. color: {color:selection text};
  128. }
  129.  
  130. ::-webkit-selection {
  131. background: {color:selection};
  132. color: {color:selection text};
  133. }
  134.  
  135. {block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}
  136.  
  137. body {
  138. margin:0px;
  139. background:{color:background};
  140. color:{color:text};
  141. font-family:{text:font};
  142. font-size:1em;
  143. }
  144.  
  145. a {
  146. color:{color:link};
  147. text-decoration:none;
  148. }
  149.  
  150. a:hover {
  151. color:{color:hover};
  152. -webkit-transition: all 0.7s ease;
  153. -moz-transition: all 0.7s ease;
  154. -o-transition: all 0.7s ease;
  155. transition: all 0.7s ease;
  156. }
  157.  
  158. blockquote {
  159. border-left:1px solid {color:blockquote};
  160. padding-left:10px;
  161. }
  162.  
  163. blockquote img {
  164. max-width:100%;
  165. height:auto;
  166. }
  167.  
  168. iframe, img, embed, object, video {
  169. }
  170.  
  171. img {
  172. max-width:auto;
  173. height:auto;
  174. }
  175.  
  176. /*--------------------------------------------------------------------*/
  177.  
  178. #sidebar {
  179. position:fixed;
  180. top:0px;
  181. left:0px;
  182. width:300px;
  183. height:100%;
  184. background:{color:accent};
  185. }
  186.  
  187. .sidebar {
  188. position:fixed;
  189. margin-top:20px;
  190. margin-left:20px;
  191. width:250px;
  192. padding:5px;
  193. }
  194.  
  195. .sidebar img {
  196. width:200px;
  197. height:250px;
  198. z-index:-1;
  199. }
  200.  
  201. #square {
  202. top:0px;
  203. left:0px;
  204. width:40px;
  205. height:40px;
  206. padding:5px;
  207. text-align:center;
  208. background:{color:background};
  209. color:{color:accent};
  210. font-size:35px;
  211. }
  212.  
  213. .tit {
  214. position:fixed;
  215. top:5px;
  216. left:55px;
  217. font-family:{text:title font};
  218. font-size:50px;
  219. color:{color:background};
  220. max-width:250px;
  221. }
  222.  
  223. .descbg {
  224. margin-top:25px;
  225. margin-left:25px;
  226. width:200px;
  227. height:250px;
  228. background-color:rgba({RGBcolor:background},.75);
  229. opacity:0;
  230. z-index:1;
  231. -webkit-transition: all 0.5s ease;
  232. -moz-transition: all 0.5s ease;
  233. -o-transition: all 0.5s ease;
  234. transition: all 0.5s ease;
  235. }
  236.  
  237. .desc {
  238. position:absolute;
  239. padding:10px;
  240. width:165px;
  241. height:245px;
  242. }
  243.  
  244. .desc::-webkit-scrollbar {
  245. width:5px;
  246. height: 4px;
  247. background:transparent;
  248. }
  249.  
  250. .guidelines::-webkit-scrollbar-thumb {
  251. background-color:{color:scrollbar};
  252. border-radius:5px;
  253. }
  254.  
  255. .sidebar:hover .descbg {
  256. opacity:1;
  257. }
  258.  
  259. #circle1 {
  260. position:fixed;
  261. text-align:center;
  262. font-size:25px;
  263. margin-top:95px;
  264. margin-left:5px;
  265. width:25px;
  266. height:25px;
  267. padding:5px;
  268. border-radius:50px;
  269. background:{color:background};
  270. color:{color:accent};
  271. z-index:1;
  272. }
  273.  
  274. #circle2 {
  275. position:fixed;
  276. text-align:center;
  277. font-size:25px;
  278. margin-top:145px;
  279. margin-left:5px;
  280. width:25px;
  281. height:25px;
  282. padding:5px;
  283. border-radius:50px;
  284. background:{color:background};
  285. color:{color:accent};
  286. z-index:1;
  287. }
  288.  
  289. #circle3 {
  290. position:fixed;
  291. text-align:center;
  292. font-size:25px;
  293. margin-top:195px;
  294. margin-left:5px;
  295. width:25px;
  296. height:25px;
  297. padding:5px;
  298. border-radius:50px;
  299. background:{color:background};
  300. color:{color:accent};
  301. z-index:1;
  302. }
  303.  
  304.  
  305. #circle1 a, #circle2 a, #circle3 a {
  306. color:{color:accent};
  307. }
  308.  
  309. /*--------------------------------------------------------------------*/
  310.  
  311. .tabcon {
  312. float:left;
  313. position:relative;
  314. padding:10px;
  315. margin-bottom:50px;
  316. -webkit-animation-name: fadeIn;
  317. animation-name: fadeIn;
  318. -webkit-animation-duration: 1s;
  319. animation-duration: 1s;
  320. -webkit-animation-fill-mode: both;
  321. animation-fill-mode: both;
  322. }
  323.  
  324. .h2 {
  325. font-family:{text:title font};
  326. font-size:75px;
  327. color:{color:accent};
  328. }
  329.  
  330. .circlecircle {
  331. position:fixed;
  332. width:200px;
  333. height:200px;
  334. background:{color:background};
  335. border:50px solid {color:accent};
  336. border-radius:300px;
  337. z-index:-1;
  338. }
  339.  
  340. .navimg {
  341. position:fixed;
  342. margin-left:20px;
  343. }
  344.  
  345. .link1 {
  346. position:fixed;
  347. text-align:center;
  348. margin-top:10px;
  349. margin-left:-10px;
  350. width:25px;
  351. height:25px;
  352. border:5px solid {color:accent};
  353. border-radius:20px;
  354. z-index:1;
  355. }
  356.  
  357. .link2 {
  358. position:fixed;
  359. text-align:center;
  360. margin-top:65px;
  361. margin-left:-40px;
  362. width:25px;
  363. height:25px;
  364. border:5px solid {color:accent};
  365. border-radius:20px;
  366. z-index:1;
  367. }
  368.  
  369. .link3 {
  370. position:fixed;
  371. text-align:center;
  372. margin-top:125px;
  373. margin-left:-50px;
  374. width:25px;
  375. height:25px;
  376. border:5px solid {color:accent};
  377. border-radius:20px;
  378. z-index:1;
  379. }
  380.  
  381. .link4 {
  382. position:fixed;
  383. text-align:center;
  384. margin-top:185px;
  385. margin-left:-40px;
  386. width:25px;
  387. height:25px;
  388. border:5px solid {color:accent};
  389. border-radius:20px;
  390. z-index:1;
  391. }
  392.  
  393. .link5 {
  394. position:fixed;
  395. text-align:center;
  396. margin-top:240px;
  397. margin-left:-15px;
  398. width:25px;
  399. height:25px;
  400. border:5px solid {color:accent};
  401. border-radius:20px;
  402. z-index:1;
  403. }
  404.  
  405. .navimg img {
  406. width:400px;
  407. z-index:1;
  408. }
  409.  
  410. .tit2 {
  411. position:fixed;
  412. margin-top:-15px;
  413. margin-left:70px;
  414. width:100px;
  415. background:{color:accent};
  416. color:{color:background};
  417. padding:2px;
  418. border-radius:5px;
  419. font-size:1.25em;
  420. z-index:1;
  421. }
  422.  
  423. .guidelines {
  424. float:left;
  425. width:240px;
  426. height:500px;
  427. padding:10px;
  428. background:{color:blockquote};
  429. overflow-y:scroll;
  430. overflow-x:none;
  431. }
  432.  
  433. .guidelines::-webkit-scrollbar {
  434. width:5px;
  435. height: 4px;
  436. background:{color:scrollbar};
  437. border:3px solid {color:blockquote};
  438. }
  439.  
  440. .guidelines::-webkit-scrollbar-thumb {
  441. background-color:{color:scrollbar};
  442. border-radius:5px;
  443. }
  444.  
  445. .asksubmit {
  446. margin-left:280px;
  447. width:300px;
  448. }
  449.  
  450. /*--------------------------------------------------------------------*/
  451.  
  452. article {
  453. float:left;
  454. position:relative;
  455. padding:10px;
  456. width:500px;
  457. margin-bottom:50px;
  458. }
  459.  
  460. .title {
  461. font-weight:normal;
  462. font-size:1.5em;
  463. margin:0 0 10px 0;
  464. text-align:center;
  465. }
  466.  
  467. .quote {
  468. font-weight:normal;
  469. font-size:1.5em;
  470. font-style:italic;
  471. margin:0 0 10px 0;
  472. text-align:center;
  473. }
  474.  
  475. .quotesource {
  476. margin:0 0 10px 0;
  477. text-align:right;
  478. }
  479.  
  480. /*estilo de áudio #04 em @passo-html por @clamam insp:tumblr*/
  481. .ph-album {
  482. padding:15px;
  483. height:63px;
  484. }
  485.  
  486. .ph-player {
  487. width:7px;
  488. height:7px;
  489. overflow:hidden;
  490. padding:4px 21px 21px 4px;
  491. position:absolute;
  492. z-index:9999999999999999999;
  493. float:right;
  494. margin-top:15px;
  495. right:40px;
  496. background:{color:posts};
  497. opacity:.8;
  498. border-radius:30px;
  499. -moz-transition:all ease-in-out 0.7s;
  500. -webkit-transition:all ease-in-out 0.7s;
  501. -o-transition:all ease-in-out 0.7s;
  502. transition:all ease-in-out 0.7s;
  503. }
  504.  
  505. .ph-player:hover {
  506. opacity:1;
  507. -moz-transition:all ease-in-out 0.7s;
  508. -webkit-transition:all ease-in-out 0.7s;
  509. -o-transition:all ease-in-out 0.7s;
  510. transition:all ease-in-out 0.7s;
  511. }
  512.  
  513. .ph-track {
  514. margin-right:15px;
  515. overflow:auto;
  516. max-height:80px;
  517. margin-top:5px;
  518. float:right;
  519. text-align:right;
  520. }
  521.  
  522. .ph-track b {
  523. }
  524.  
  525. .ph-image {
  526. background:{color:blockquote};
  527. width:60px;
  528. height:60px;
  529. float:right;
  530. border-radius:30px;
  531. }
  532.  
  533. .bubble {
  534. align:right;
  535. background: {color:ask};
  536. margin:7px 0px 5px 66px;
  537. padding:10px;
  538. position: relative;
  539. -moz-border-radius:5px;
  540. -webkit-border-radius:5px;
  541. border-radius:5px;
  542. }
  543.  
  544. .bubble p {
  545. margin:1px 0px;
  546. }
  547.  
  548. .bubble span {
  549. position:absolute;
  550. width:1px;
  551. height:1px;
  552. font-size: 0;
  553. line-height: 1px;
  554. left:-10px;
  555. top:10px;
  556. border-top:7px solid transparent;
  557. border-bottom:7px solid transparent;
  558. border-right:10px solid {color:ask};
  559. }
  560.  
  561. .perma {
  562. margin-top:10px;
  563. padding:5px;
  564. border-top:1px solid {color:accent};
  565. }
  566.  
  567. .perma a {
  568. color:{color:accent};
  569. }
  570.  
  571. .pagination {
  572. width:500px;
  573. }
  574.  
  575. a.pagi {
  576. background:{color:accent};
  577. color:{color:background};
  578. width:25px;
  579. height:25px;
  580. padding:5px;
  581. border-radius:50px;
  582. font-size:25px;
  583. }
  584.  
  585. .credit {
  586. position:fixed;
  587. bottom:4px;
  588. left:8px;
  589. font-size:9px;
  590. padding:2px;
  591. }
  592.  
  593. /*--------------------------------------------------------------------*/
  594.  
  595.  
  596. @-webkit-keyframes fadeIn {
  597. 0% {opacity: 0;}
  598. 100% {opacity: 1;}
  599. }
  600. @keyframes fadeIn {
  601. 0% {opacity: 0;}
  602. 100% {opacity: 1;}
  603. }
  604.  
  605. </style>
  606. </head>
  607. <body>
  608.  
  609. <div id="sidebar">
  610. <div id="square"><span class="th th-{text:title icon}"></span></div>
  611. <div class="tit">{text:title}</div>
  612.  
  613.  
  614. <div id="circle1"><a href="/" title="home"><span class="th th-home-o"></span></a></div>
  615. <div id="circle2"><a onClick="changeNavigation('ask')" title="ask"><span class="th th-envelope-o"></span></a></div>
  616. <div id="circle3"><a onClick="changeNavigation('navi')" title="navigation"><span class="th th-{text:navigation icon}"></span></a></div>
  617.  
  618. <div class="sidebar">
  619. <img class="sidebar" src="{image:sidebar}">
  620. <div class="descbg"><div class="desc">{block:Description}{Description}{/block:Description}</div></div>
  621. </div>
  622. </div>
  623.  
  624. <table style="margin-top:20px;" width="600" align="right" border="0" cellspacing="5">
  625. <tbody><tr>
  626. <td valign="top" style="width:500px;">
  627. <div id="content">
  628.  
  629. {block:Posts}
  630. <article>
  631.  
  632. {block:Text}
  633. {block:Title}<div class="title">{Title}</div>{/block:Title}
  634. {Body}
  635. {/block:Text}
  636.  
  637. {block:Photo}
  638. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  639. {block:Caption}{Caption}{/block:Caption}
  640. {/block:Photo}
  641.  
  642. {block:Photoset}
  643. {Photoset-500}
  644. {block:Caption}{Caption}{/block:Caption}
  645. {/block:Photoset}
  646.  
  647. {block:Quote}
  648. <div class="quote">❝ {Quote} ❞</div>
  649. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  650. {/block:Quote}
  651.  
  652. {block:Link}
  653. <div class="title"><a href="{URL}">{Name}</a></div>
  654. {block:Description}<div class="description">{Description}</div>{/block:Description}
  655. {/block:Link}
  656.  
  657. {block:Chat}
  658. {block:Title}<div class="title">{Title}</div>{/block:Title}
  659. {block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}&nbsp;{Line}</div>{/block:Lines}
  660. {/block:Chat}
  661.  
  662. {block:Video}
  663. {Video-500}
  664. {block:Caption}{Caption}{/block:Caption}
  665. {/block:Video}
  666.  
  667. {block:Audio}
  668. <div class="ph-album">
  669. {block:AlbumArt}
  670. <img src="{AlbumArtURL}" class="ph-image"/>
  671. {/block:AlbumArt}
  672. {block:AudioPlayer}
  673. <div class="ph-player">{AudioPlayer}</div>
  674. {/block:AudioPlayer}
  675. <div class="ph-track">
  676. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  677. {block:Artist}{Artist}{/block:Artist}<br/>
  678. {formattedplaycount} plays
  679. </div></div>
  680. {block:Caption}{Caption}{/block:Caption}
  681. {/block:Audio}
  682.  
  683. {block:Answer}
  684. <img src="{AskerPortraitURL-48}" align="left" style="border-radius:48px;">
  685. <div class="bubble"><span></span>{Asker} {text:ask text}: {Question}&nbsp;</div>
  686. <div class="answer">{Answer}</div>
  687. {/block:Answer}
  688.  
  689. {block:IndexPage}
  690. <div class="perma"><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-location-4"></span></a>&nbsp;&nbsp;{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  691. </div>
  692. {block:IndexPage}
  693.  
  694. {block:PermalinkPage}
  695. <center>
  696. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  697. {block:RebloggedFrom}<br><a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  698. {block:RebloggedFrom}• <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  699. {block:HasTags}<br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}
  700. </center>
  701.  
  702. {block:PostNotes}{PostNotes}{/block:PostNotes}
  703. {/block:PermalinkPage}
  704.  
  705. </article>
  706.  
  707. {/block:Posts}
  708.  
  709. <div class="pagination">
  710. {block:IndexPage}
  711. {block:Pagination}
  712. {block:PreviousPage}<a class="pagi" style="float:left;" href="{PreviousPage}"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  713. {block:NextPage}<a class="pagi" style="float:right;" href="{NextPage}"><span class="th th-chevron-right"></span></a>
  714. {/block:NextPage}
  715. {/block:Pagination}
  716. {/block:IndexPage}
  717. </div>
  718.  
  719. </div>
  720.  
  721.  
  722.  
  723. <div id="ask" style="display:none;"><div class="tabcon" style="width:600px;">
  724.  
  725. <div class="tit2">guidelines.</div>
  726. <div class="guidelines">
  727. {text:ask guideline text}
  728. </div>
  729.  
  730. <div class="asksubmit">
  731. <iframe frameborder="0" scrolling="no" width="300" height="190" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  732. <br><br>
  733. <iframe frameborder="0" scrolling="no" width="300" height="300" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  734. </div>
  735.  
  736. </div></div>
  737.  
  738. <div id="navi" style="display:none;"><div class="tabcon">
  739.  
  740. <div class="h2">navigate.</div>
  741.  
  742. <div class="link1"><a href="{text:link 1}" title="{text:link 1 title}">&nbsp;</a></div>
  743. <div class="link2"><a href="{text:link 2}" title="{text:link 2 title}">&nbsp;</a></div>
  744. <div class="link3"><a href="{text:link 3}" title="{text:link 3 title}">&nbsp;</a></div>
  745. <div class="link4"><a href="{text:link 4}" title="{text:link 4 title}">&nbsp;</a></div>
  746. <div class="link5"><a href="{text:link 5}" title="{text:link 5 title}">&nbsp;</a></div>
  747.  
  748. <div class="circlecircle"></div>
  749. <div class="navimg"><img src="{image:navigation image}"></div>
  750.  
  751. </div></div>
  752.  
  753. </td></table></style>
  754.  
  755.  
  756. <div class="credit"><a href="https://linoone.tumblr.com/" title="theme"><img src="https://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>
  757.  
  758. </body>
  759. </html>
Add Comment
Please, Sign In to add comment