octomoosey

free to be

Oct 23rd, 2016
3,419
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.91 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:background" content="#fff" />
  12. <meta name="color:posts" content="#000" />
  13. <meta name="color:text" content="#bbb"/>
  14. <meta name="color:sidebar" content="#000"/>
  15. <meta name="color:borders" content="#fb9d28" />
  16. <meta name="color:bold" content="#8c8c8c" />
  17. <meta name="color:italic" content="#8c8c8c" />
  18. <meta name="color:link" content="#8c8c8c"/>
  19. <meta name="color:linkhover" content="#aaaaaa"/>
  20. <meta name="color:nav" content="#bbb"/>
  21. <meta name="color:navhover" content="#8c8c8c" />
  22. <meta name="color:tags" content="#bbb"/>
  23. <meta name="color:tagshover" content="#8c8c8c" />
  24. <meta name="color:sidetitle" content="#ffffff"/>
  25. <meta name="color:subtitle" content="#ffffff"/>
  26. <meta name="color:description" content="#bbb"/>
  27. <meta name="color:asktext" content="#ffffff"/>
  28. <meta name="color:askbackground" content="#000000"/>
  29. <meta name="color:posttitle" content="#8c8c8c"/>
  30. <meta name="color:scrollbar" content="#fb9d28" />
  31. <meta name="color:selectiontext" content="#ffffff" />
  32. <meta name="color:selectionbg" content="#8c8c8c" />
  33. <meta name="color:tooltiptext" content="#ffffff" />
  34. <meta name="color:tooltipbg" content="#8c8c8c" />
  35.  
  36. <meta name="text:link 1" content="link 1"/>
  37. <meta name="text:link 1 url" content="/"/>
  38. <meta name="text:link 2" content="link 2"/>
  39. <meta name="text:link 2 url" content="/"/>
  40. <meta name="text:link 3" content="link 3"/>
  41. <meta name="text:link 3 url" content="/"/>
  42. <meta name="text:link 4" content="link 4"/>
  43. <meta name="text:link 4 url" content="/"/>
  44. <meta name="text:link 5" content="link 5"/>
  45. <meta name="text:link 5 url" content="/"/>
  46. <meta name="text:link 6" content="link 6"/>
  47. <meta name="text:link 6 url" content="/"/>
  48.  
  49. <meta name="if:hide captions" content="0"/>
  50. <meta name="if:greyscale" content="0"/>
  51.  
  52. <meta name="font:bodyfont" content="Gibson">
  53. <meta name="text:bodyfontsize" content="10px" />
  54.  
  55. <link href='https://fonts.googleapis.com/css?family=Roboto|Fjalla+One' rel='stylesheet' type='text/css'>
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
  58.  
  59. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  60.  
  61. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  62.  
  63. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <style type="text/css">
  79.  
  80. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  81. position:fixed;
  82. top:8px!important;
  83. right:10px!important;
  84. white-space:nowrap;
  85. transform: scale(0.8,0.8);
  86. opacity:0.7;
  87. transition: 0.7s ease-in-out;
  88. -webkit-transition: 0.7s ease-in-out;
  89. -moz-transition: 0.7s ease-in-out;
  90. -o-transition: 0.7s ease-in-out;}
  91.  
  92. #tumblr_lightbox {
  93. background-color:rgba(255, 255, 255, .9)!important;
  94. z-index:99999!important;}
  95.  
  96. #tumblr_lightbox img {opacity:0;}
  97.  
  98. #tumblr_lightbox_caption {
  99. font-weight:normal!important;
  100. text-shadow:none!important;}
  101.  
  102. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  103. -moz-box-shadow:none!important;
  104. -webkit-box-shadow:none!important;
  105. box-shadow:none!important;
  106. -moz-border-radius:0px!important;
  107. -webkit-border-radius:0px!important;
  108. border-radius:0px!important;
  109. opacity:1!important;}
  110.  
  111. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  112.  
  113. ::-webkit-scrollbar{
  114. height:3px;
  115. width:8px;
  116. background:inherit;}
  117.  
  118. ::-webkit-scrollbar-thumb {
  119. background:{color:scrollbar};
  120. border: 3px solid {color:sidebar};}
  121.  
  122. ::-webkit-scrollbar-track {
  123. background: {color:sidebar};}
  124.  
  125. ::-moz-selection {
  126. color:{color:selectiontext};
  127. background:{color:selectionbg};}
  128.  
  129. ::selection {
  130. color:{color:selectiontext};
  131. background:{color:selectionbg};}
  132.  
  133. body {
  134. background:{color:background};
  135. color:{color:text};
  136. font-family:{font:bodyfont};
  137. font-size: {text:bodyfontsize};
  138. font-weight:normal;
  139. position:relative;
  140. text-align:left;
  141. margin:0;
  142. line-height:150%;
  143. background-image: url('{image:background}');
  144. background-repeat: repeat;
  145. background-attachment: fixed;
  146. background-position:top left;}
  147.  
  148. blockquote {
  149. text-align:justify;
  150. padding:10px;
  151. border-left:1px solid {color:borders};
  152. margin:15px 10px 10px 10px;}
  153.  
  154. .caption blockquote {
  155. margin:15px 10px 10px 10px;
  156. text-align:justify;}
  157.  
  158. blockquote img {
  159. max-width:100%;
  160. height:auto;}
  161.  
  162. blockquote iframe {
  163. max-width:100%;
  164. height:auto;}
  165.  
  166. img {
  167. max-width:100%;
  168. height:auto;}
  169.  
  170. .caption img {
  171. max-width:100%;
  172. height:auto;}
  173.  
  174. .posts img {
  175. max-width:100%;
  176. margin-top:5px;
  177. margin-bottom:5px;}
  178.  
  179. pre {
  180. white-space: pre-wrap;
  181. white-space: -moz-pre-wrap;
  182. white-space: -pre-wrap;
  183. white-space: -o-pre-wrap;
  184. word-wrap: break-word;}
  185.  
  186. a {
  187. color:{color:link};
  188. text-decoration:none;
  189. letter-spacing:1px;
  190. cursor:help;
  191. -webkit-transition: all 0.7s ease;
  192. transition: all 0.7s ease;
  193. -moz-transition: all 0.7s ease;
  194. -o-transition: all 0.7s ease;}
  195.  
  196. a:hover {
  197. letter-spacing:1px;
  198. text-decoration:none;
  199. color:{color:linkhover};
  200. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  201.  
  202. p {
  203. margin:10px 0 10px 0;}
  204.  
  205. p:first-of-type {
  206. margin-top:0;
  207. padding-top:0;}
  208.  
  209. p:last-of-type {
  210. margin-bottom:10px;
  211. padding-bottom:0;}
  212.  
  213. b, strong {
  214. font-family:font-family: 'Roboto', sans-serif;
  215. text-transform:uppercase;
  216. font-size: {text:bodyfontsize};
  217. color:{color:bold};}
  218.  
  219. i, em {
  220. font-family: 'Fjalla One', sans-serif;
  221. font-size: 12px;
  222. color:{color:italic};
  223. letter-spacing:1.5px;}
  224.  
  225. small, big {
  226. font-size:1em;}
  227.  
  228. h1, h2, h4 {
  229. font-family: 'Fjalla One', sans-serif;
  230. font-size:24px;
  231. letter-spacing:2px;
  232. line-height:30px;
  233. text-align:center;
  234. color:{color:posttitle};}
  235.  
  236. h3 {
  237. text-align:right;
  238. font-family: 'Fjalla One', sans-serif;
  239. font-size:14px;
  240. letter-spacing:2px;
  241. line-height:20px;
  242. color:{color:posttitle};
  243. border-bottom:1px solid {color:posttitle};}
  244.  
  245. h6 {
  246. text-align:center;
  247. font-family: 'Fjalla One', sans-serif;
  248. font-size:12px;
  249. letter-spacing:2px;
  250. line-height:12px;
  251. margin-bottom:5px;
  252. color:{color:posttitle};}
  253.  
  254. {block:IfGreyscale}
  255.  
  256. img {
  257. -webkit-filter:grayscale(100%);
  258. -webkit-transition: all 0.9s ease-in-out;
  259. -moz-transition: all 0.9s ease-in-out;
  260. -o-transition: all 0.9s ease-in-out;
  261. -ms-transition: all 0.9s ease-in-out;
  262. transition: all 0.9s ease-in-out;}
  263.  
  264. img:hover {
  265. -webkit-filter:none;}
  266.  
  267. .html_photoset {
  268. -webkit-filter: grayscale(100%);
  269. -webkit-transition: all 0.9s ease-in-out;
  270. -moz-transition: all 0.9s ease-in-out;
  271. -o-transition: all 0.9s ease-in-out;
  272. -ms-transition: all 0.9s ease-in-out;
  273. transition: all 0.9s ease-in-out;}
  274.  
  275. .html_photoset:hover {
  276. -webkit-filter: none;}
  277.  
  278. {/block:IfGreyscale}
  279.  
  280. .media {
  281. position:relative;
  282. display:inline-block;
  283. height:auto;
  284. width:100%;}
  285.  
  286. .caption {
  287. margin-top:15px;
  288. {block:ifhidecaptions}
  289. {block:indexpage}
  290. display:none;
  291. {/block:indexpage}
  292. {/block:ifhidecaptions}}
  293.  
  294. #content {
  295. left:50%;
  296. margin-left:5px;
  297. width:500px;
  298. position: absolute;
  299. margin-top: 90px;
  300. opacity:0;
  301. -webkit-animation:fadeIn ease-in 1;
  302. -moz-animation:fadeIn ease-in 1;
  303. animation:fadeIn ease-in 1;
  304. -webkit-animation-fill-mode:forwards;
  305. -moz-animation-fill-mode:forwards;
  306. animation-fill-mode:forwards;
  307. -webkit-animation-duration:1s;
  308. -moz-animation-duration:1s;
  309. animation-duration:1s;}
  310.  
  311. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  312. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  313. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  314.  
  315. .posts {
  316. width:400px;
  317. padding:50px;
  318. text-align:justify;
  319. margin-bottom: 10px;
  320. background: {color:posts};
  321. box-shadow: 2px 2px 15px #888888;}
  322.  
  323. #top, #bottom, #right {
  324. z-index:7;
  325. background: {color:sidebar};
  326. position: fixed;}
  327.  
  328. #right {
  329. top: 0; bottom: 0;
  330. width: 40px;}
  331.  
  332. #right { right: 0; }
  333.  
  334. #top, #bottom {
  335. left: 0; right: 0;
  336. height: 40px;}
  337.  
  338. #top { top: 0; }
  339. #bottom { bottom: 0; }
  340.  
  341. .date {
  342. width:470px;
  343. margin-top:3px;
  344. padding:15px;
  345. letter-spacing: .5px;
  346. text-transform: lowercase;
  347. border-top:1px solid {color:text};
  348. background: {color:posts};
  349. box-shadow: 2px 2px 15px #888888;
  350. margin-bottom:90px;}
  351.  
  352. .date a {
  353. color:{color:tags};}
  354.  
  355. .date a:hover {
  356. color:{color:tagshover};}
  357.  
  358. #rsbar {
  359. top:0px;
  360. position:fixed;
  361. z-index:4;
  362. height:100%;
  363. left:0px;
  364. width:550px;
  365. background:{color:sidebar};
  366. background-attachment:fixed;
  367. background-image:url('{image:background}');
  368. background-repeat:no-repeat;
  369. background-position: bottom right;}
  370.  
  371. #desc {
  372. position:absolute;
  373. margin-left:-125px;
  374. left:50%;
  375. top:50%;
  376. margin-top:-220px;
  377. width:250px;
  378. height:400px;
  379. overflow-y:auto;
  380. padding:20px;
  381. border:1px solid {color:borders};
  382. color:{color:description};
  383. text-align:justify;
  384. margin-bottom:5px;}
  385.  
  386. #nav {
  387. margin-top:8px;
  388. position:absolute;
  389. text-align:left;
  390. margin-left:270px;
  391. display:block;}
  392.  
  393. #nav a {
  394. width:80px;
  395. font-size:14px;
  396. line-height:12px;
  397. display:inline-block;
  398. font-family: 'Fjalla One', sans-serif;
  399. color: {color:nav};}
  400.  
  401. #nav a:hover {
  402. color: {color:navhover};}
  403.  
  404. .navsub {
  405. margin-top:3px;
  406. font-size:10px;
  407. color:{color:description};
  408. margin-bottom:10px;
  409. line-height:14px;}
  410.  
  411. img.avatar {display:none; }
  412. ol.notes {
  413. margin-top: 20px;}
  414.  
  415. .question {
  416. text-align:justify;
  417. padding:15px;
  418. margin-bottom:15px;
  419. border:1px solid {color:borders};
  420. color:{color:asktext};
  421. background:{color:askbackground};}
  422.  
  423. .asker {
  424. font-family: 'Fjalla One', sans-serif;
  425. font-size:20px;
  426. line-height:30px;
  427. text-align:center;}
  428.  
  429. .answer {
  430. color:{color:text};
  431. border:0;}
  432.  
  433. #titlequote {
  434. line-height:22px;
  435. font-family: 'Fjalla One', sans-serif;
  436. font-size:20px;}
  437.  
  438. #source {margin-top:10px;}
  439.  
  440. .playerbuttonbg {
  441. position: absolute;
  442. left: 15px;
  443. top: 17px;
  444. width: 30px;
  445. height: 30px;
  446. background-color: #000;
  447. padding: 10px;
  448. opacity: 0.4;
  449. filter: alpha(opacity=40);
  450. -moz-opacity: 0.4;
  451. -khtml-opacity: 0.4;
  452. transition: opacity .7s ease-in-out;
  453. -moz-transition: opacity .7s ease-in-out;
  454. -webkit-transition: opacity .7s ease-in-out;}
  455.  
  456. .playerbuttonbg:hover {
  457. opacity: 1;
  458. filter: alpha(opacity=100);
  459. -moz-opacity: 1;
  460. -khtml-opacity: 1;}
  461.  
  462. .newplayerbutton {
  463. position: relative;
  464. width: 30px;
  465. height: 30px;
  466. overflow: hidden;}
  467.  
  468. .playerbuttonhug {
  469. position: absolute;
  470. top: -30px;
  471. left: -10px;}
  472.  
  473. .tumblr_audio_player {
  474. height: 90px;
  475. width: 270px;}
  476.  
  477. .audioimgwrapper {
  478. position: absolute;
  479. overflow: hidden;
  480. width: 80px;
  481. height: 80px;}
  482.  
  483. .trackdetails {
  484. padding:10px;
  485. display:inline-block;
  486. margin-left: 90px;
  487. min-height: 75px;}
  488.  
  489. .audiowrapper {
  490. position: relative;
  491. display:inline-block;}
  492.  
  493. #s-m-t-tooltip {
  494. position:absolute;
  495. border-radius: 0px;
  496. margin:10px 10px 5px 0px;
  497. padding:4px;
  498. color:{color:tooltiptext};
  499. border:1px solid {color:tooltiptext};
  500. font-size:10px;
  501. letter-spacing:1px;
  502. background:{color:tooltipbg};
  503. z-index:99999;}
  504.  
  505. #credit {
  506. z-index:999;
  507. bottom:0px;
  508. right:0px;
  509. height:30px;
  510. width:30px;
  511. opacity:0.8;
  512. position:fixed;
  513. padding:5px;}
  514.  
  515. #portrait {
  516. float:left;
  517. margin-right:10px;}
  518.  
  519. #portrait img {
  520. border: solid 2px {color:borders};
  521. height:58px;}
  522.  
  523. .search { display:block;
  524. margin-left:10px;
  525. margin-top:6px;}
  526.  
  527. .sfm input {
  528. background-color: {color:sidebar};
  529. font-size: 8px;
  530. border: 0px;
  531. text-transform: uppercase;
  532. margin-top: 0px;
  533. height:20px;
  534. color: {color:nav};
  535. letter-spacing: 1px;
  536. height:28px;
  537. font-family: calibri, helvetica, arial;}
  538.  
  539. #sb {
  540. border:1px solid {color:nav};
  541. height:26px;}
  542.  
  543. #sf {
  544. width:180px;
  545. border:1px solid {color:nav};
  546. margin-right:2px;
  547. height:22px;}
  548.  
  549. #pagination {
  550. z-index:9;
  551. font-family: 'Fjalla One', sans-serif;
  552. position:fixed;
  553. top:50%;
  554. margin-top:230px;
  555. margin-left:20px;
  556. width:550px;
  557. height:20px;
  558. text-align:center;
  559. text-transform:uppercase;
  560. color:{color:text};
  561. font-size:14px;}
  562.  
  563. </style>
  564.  
  565. </head>
  566.  
  567. <body>
  568.  
  569. <div id="top">
  570. <div id="nav">
  571. <a href="/">001. <div class="navsub">index</div></a>
  572. <a href="/ask">002. <div class="navsub">queries</div></a>
  573. {block:iflink1}<a href="{text:link 1 url}">003. <div class="navsub">{text:link 1}</div></a>{/block:iflink1}
  574. {block:iflink2}<a href="{text:link 2 url}">004. <div class="navsub">{text:link 2}</div></a>{/block:iflink2}
  575. {block:iflink3}<a href="{text:link 3 url}">005. <div class="navsub">{text:link 3}</div></a>{/block:iflink3}
  576. {block:iflink4}<a href="{text:link 4 url}">006. <div class="navsub">{text:link 4}</div></a>{/block:iflink4}
  577. {block:iflink5}<a href="{text:link 5 url}">007. <div class="navsub">{text:link 5}</div></a>{/block:iflink5}
  578. {block:iflink6}<a href="{text:link 6 url}">008. <div class="navsub">{text:link 6}</div></a>{/block:iflink6}
  579.  
  580. </div>
  581.  
  582. <div class="search"><form action="/search" method="get" class="sfm">
  583. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  584. <input type="submit" value="Search" id="sb"/>
  585. </form></div>
  586. </div>
  587. <div id="bottom"></div>
  588. <div id="right"></div>
  589.  
  590. <div id="rsbar">
  591.  
  592. <div id="desc">
  593. <div id="portrait"><a href="/"><img src="{PortraitURL-128}"/></a></div>
  594. {description}
  595. </div></div>
  596.  
  597. <div id="pagination">
  598. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}">forth</a>
  599. {/block:NextPage}
  600. {/block:Pagination}
  601.  
  602. </div>
  603. </div></div>
  604.  
  605. <div id="content">
  606. {block:Posts}
  607. {block:NoRebloggedFrom}
  608. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  609. {/block:NoRebloggedFrom}
  610.  
  611. <div class="posts">
  612.  
  613. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  614.  
  615. {block:Photoset}{Photoset-400}{/block:Photoset}
  616.  
  617. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  618.  
  619. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  620.  
  621. {block:Quote}
  622. <div id="titlequote">{Quote}</div>
  623. {block:Source}<div id="source">{Source}</div>{/block:Source}
  624. {/block:Quote}
  625.  
  626. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  627.  
  628. {block:AudioPlayer}
  629. <div class="audiowrapper">
  630. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  631. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  632. </div></div></div><div class="trackdetails">
  633. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  634. </div></div>{/block:AudioPlayer}
  635.  
  636. {block:Video}{Video-400}{block:Video}
  637.  
  638. {block:Answer}
  639. <div class="question"><div class="asker">from {Asker}</div>{Question}</div><div class="answer">{Answer}</div>
  640. {/block:Answer}
  641.  
  642. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  643. </div>
  644.  
  645. <div id="{ShortURL}-hide">
  646. {block:Date}
  647. <div class="date">
  648. posted on:
  649. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  650. <br>
  651. info: <a href="{Permalink}">{NoteCountwithLabel}</a> &middot;
  652. <a href="{ReblogURL}">reblog</a> &middot;
  653. {block:RebloggedFrom}
  654.  
  655. <a href="{ReblogParentURL}"> via </a> &middot;
  656. <a href="{ReblogRootURL}"> src </a>
  657. {/block:RebloggedFrom}
  658. <br>
  659.  
  660. {block:HasTags}filed under: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  661. {/block:Date}
  662.  
  663. {block:PostNotes}{PostNotes}
  664. {/block:PostNotes}
  665. </div> </div>
  666.  
  667. {/block:Posts}
  668.  
  669. {block:ContentSource}
  670. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  671. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  672. {/block:SourceLogo}
  673. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  674. {/block:ContentSource}
  675. </div></div></div>
  676.  
  677. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  678.  
  679. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  680. </body>
  681.  
  682. </html>
Add Comment
Please, Sign In to add comment