Advertisement
themesbygeorgia

Theme #43 Revamp - Transparent

Oct 13th, 2014
992
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.77 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Theme #43 Revmap - Transparent by wonderfullythemes
  6.  
  7. dont remove the credit pls and thanks
  8. --->
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  17.  
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19.  
  20. <stsss>
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:200,
  28. tip_fade_speed:300,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  36. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  37. <script type="text/javascript" charset="utf-8">
  38. var $j = jQuery.noConflict();
  39. $j(function() {
  40. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  41. $j("img").lazyload({
  42. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  43. effect: "fadeIn",
  44. });
  45. });
  46. </script>
  47.  
  48.  
  49. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function(){
  52. $(".idk").click(function(){
  53. $(".desc").fadeToggle("slow");
  54. $("#links").fadeOut("slow");
  55. });
  56.  
  57. $(".what").click(function(){
  58. $("#links").fadeToggle("slow");
  59. $(".desc").fadeOut("slow");
  60. });
  61. });
  62. </script>
  63.  
  64.  
  65. <meta name="color:Background" content="#ffffff"/>
  66. <meta name="color:Text" content="#838282"/>
  67. <meta name="color:Link" content="##d11235"/>
  68. <meta name="color:Hover" content="#e0e0e0"/>
  69. <meta name="color:Title" content="#444"/>
  70. <meta name="color:Bottom Bar Bg" content="#000" />
  71. <meta name="color:Scrollbar" content="#000" />
  72. <meta name="color:NavLink" content="#000" />
  73. <meta name="color:NavLink Hover" content="#fff" />
  74. <meta name="color:NavLink Bg Hover" content="#000" />
  75. <meta name="color:Question Background" content="#ddd" />
  76. <meta name="color:Question Text" content="#000" />
  77. <meta name="color:Chat Bg Odd" content="#ddd" />
  78. <meta name="color:Chat Text Odd" content="#000" />
  79. <meta name="color:Chat Bg Even" content="#444" />
  80. <meta name="color:Chat Text Even" content="#000" />
  81. <meta name="color:Info Background" content="#ddd" />
  82. <meta name="color:Info Shadow" content="#444" />
  83. <meta name="color:Info Link" content="#fff" />
  84. <meta name="color:Info Link Hover" content="#000" />
  85. <meta name="color:Tooltip Background" content="#fff" />
  86. <meta name="color:Tooltip Text" content="#000" />
  87. <meta name="color:Tooltip Border" content="#000" />
  88. <meta name="color:Tooltip Shadow" content="#ddd" />
  89.  
  90. <meta name="image:Background" content="" />
  91.  
  92. <meta name="if:ShowLink1" content="1" />
  93. <meta name="if:ShowLink2" content="1" />
  94. <meta name="if:ShowLink3" content="1" />
  95. <meta name="if:ShowLink4" content="1" />
  96. <meta name="if:ShowLink5" content="1" />
  97. <meta name="if:ShowLink6" content="1" />
  98. <meta name="if:ShowLink7" content="1" />
  99. <meta name="if:ShowLink8" content="1" />
  100.  
  101. <meta name="text:Link1" content="/" />
  102. <meta name="text:Link1 Text" content="Link 1" />
  103. <meta name="text:Link2" content="/" />
  104. <meta name="text:Link2 Text" content="Link 2" />
  105. <meta name="text:Link3" content="/" />
  106. <meta name="text:Link3 Text" content="Link 3" />
  107. <meta name="text:Link4" content="/" />
  108. <meta name="text:Link4 Text" content="Link 4" />
  109. <meta name="text:Link5" content="/" />
  110. <meta name="text:Link5 Text" content="Link 5" />
  111. <meta name="text:Link6" content="/" />
  112. <meta name="text:Link6 Text" content="Link 6" />
  113. <meta name="text:Link7" content="/" />
  114. <meta name="text:Link7 Text" content="Link 7" />
  115. <meta name="text:Link8" content="/" />
  116. <meta name="text:Link8 Text" content="Link 8" />
  117. <meta name="text:Link9" content="/" />
  118.  
  119. <style type="text/css">
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. height:auto;
  123. background-color:{color:Scrollbar};
  124. }
  125.  
  126. ::-webkit-scrollbar {
  127. height:4px;
  128. width:10px;
  129. padding-right:2px;
  130. background-color:transparent;
  131. }
  132.  
  133. #s-m-t-tooltip {
  134. font-family:'calibri';
  135. border:1px solid {color:Tooltip Border};
  136. box-shadow:8px 8px 6px {color:Tooltip Shadow};
  137. max-width:300px;
  138. font-size:15x;
  139. line-height:18px;
  140. background-color:{color:Tooltip Background};
  141. color:{color:Tooltip Text};
  142. display:none;
  143. position:absolute;
  144. letter-spacing:2px;
  145. text-transform:uppercase;
  146. padding:15px;
  147. margin:15px 0px 0px 15px;
  148. z-index:99999999999999;
  149. }
  150.  
  151. body {
  152. background-image: url({image:Background});
  153. background-attachment:fixed;
  154. background-color:{color:Background};
  155. margin:0px;
  156. color:{color:Text};
  157. font-family:'corbel';
  158. font-size:15px;
  159. line-height:18px;
  160. font-style: none;
  161. }
  162.  
  163. a {
  164. color:{color:Link};
  165. text-decoration:underline;
  166. }
  167.  
  168. a:hover {
  169. text-decoration:line-through;
  170. color:{color:Hover};
  171. }
  172.  
  173. blockquote {
  174. padding-left:5px;
  175. border-left:2px solid;
  176. }
  177.  
  178. #entries {
  179. position:relative;
  180. float:center;
  181. top:40px;
  182. text-align:justify;
  183. overflow:hidden;
  184. margin-bottom:40px;
  185. left:400px;
  186. width:570px;
  187. }
  188.  
  189. #post {
  190. margin-bottom:200px;
  191. width:500px;
  192. {block:PermalinkPage}
  193. float:center;
  194. {/block:PermaLinkPage}
  195. }
  196.  
  197. #post img {
  198. max-width:100%
  199. }
  200.  
  201. /*--BOTTOM SIDEBAR (??)--*/
  202. #sidebar {
  203. bottom:0;
  204. width:100%;
  205. position:fixed;
  206. z-index:999;
  207. background-color:{color:Bottom Bar Bg};
  208. height:65px;
  209. }
  210.  
  211. .title {
  212. padding:20px;
  213. text-align:left;
  214. letter-spacing:16px;
  215. text-transform:uppercase;
  216. color:{color:Title};
  217. }
  218.  
  219. .title a {
  220. text-decoration:none;
  221. color:{color:Title};
  222. }
  223.  
  224. .title a:hover {
  225. text-decoration:line-through;
  226. }
  227.  
  228. #pagination {
  229. position:absolute;
  230. padding-bottom:20px;
  231. z-index:9999;
  232. text-align:center;
  233. font-style:none;
  234. text-transform:lowercase;
  235. }
  236.  
  237. /*--OTHER LINKS--*/
  238. #otherlinks {
  239. top:250px;
  240. left:160px;
  241. position:fixed;
  242. }
  243.  
  244. #otherlinks a {
  245. text-decoration:none;
  246. color:{color:NavLink};
  247. padding:10px;
  248. display:block;
  249. -moz-transition-duration:0.7s;
  250. -webkit-transition-duration:0.7s;
  251. -o-transition-duration:0.7s;
  252. }
  253.  
  254. #otherlinks a:hover {
  255. color:{color:NavLink Hover};
  256. background-color:{color:NavLink Bg Hover};
  257. -moz-transition-duration:0.7s;
  258. -webkit-transition-duration:0.7s;
  259. -o-transition-duration:0.7s;
  260. }
  261.  
  262. .idk:hover {
  263. cursor:crosshair;
  264. }
  265.  
  266. .what:hover {
  267. cursor:crosshair;
  268. }
  269.  
  270. /*--RIGHT SIDEBAR--*/
  271. #links {
  272. top:15%;
  273. right:0;
  274. position:fixed;
  275. letter-spacing:4px;
  276. text-align:right;
  277. font-style:none;
  278. line-height:100%;
  279. margin-top:20px;
  280. margin-left:0px;
  281. text-transform:uppercase;
  282. display:none;
  283. }
  284.  
  285. #links a {
  286. text-decoration:none;
  287. width:300px;
  288. padding:10px;
  289. display:block;
  290. color:{color:NavLink};
  291. border-bottom:none;
  292. border-right:0px solid transparent;
  293. -moz-transition-duration:0.7s;
  294. -webkit-transition-duration:0.7s;
  295. -o-transition-duration:0.7s;
  296. }
  297.  
  298. #links a:hover {
  299. box-shadow:inset -320px 0 0 {color:NavLink Bg Hover};
  300. color:{color:NavLink Hover};
  301. letter-spacing:20px;
  302. border-bottom:none;
  303. -moz-transition-duration:0.7s;
  304. -webkit-transition-duration:0.7s;
  305. -o-transition-duration:0.7s;
  306. }
  307.  
  308. .desc {
  309. margin-top:20px;
  310. padding:10px;
  311. background-color:transparent;
  312. position:fixed;
  313. width:200px;
  314. right:0;
  315. text-align:right;
  316. top:15%;
  317. height:320px;
  318. overflow-y:scroll;
  319. display:none;
  320. }
  321.  
  322. /*--INFO AND TAGS--*/
  323. {block:IndexPage}
  324. #post:hover #stuffs {
  325. margin-top:10px;
  326. opacity:1;
  327. -moz-transition-duration:0.7s;
  328. -webkit-transition-duration:0.7s;
  329. -o-transition-duration:0.7s;
  330. }
  331. {/block:IndexPage}
  332.  
  333. #stuffs {
  334. height:20px;
  335. position:absolute;
  336. width:460px;
  337. padding:20px;
  338. background-color:{color:Info Background};
  339. box-shadow:10px 10px 9px {color:Info Shadow};
  340. margin-top:-40px;
  341. opacity:0;
  342. -moz-transition-duration:0.7s;
  343. -webkit-transition-duration:0.7s;
  344. -o-transition-duration:0.7s;
  345. {block:PermalinkPage}
  346. opacity:1;
  347. margin-top:5px;
  348. {/block:PermalinkPage}
  349. }
  350.  
  351. #info {
  352. z-index:2000;
  353. letter-spacing:1px;
  354. text-transform:uppercase;
  355. font-style:none;
  356. color:{color:Info Link};
  357. }
  358.  
  359. #info a {
  360. color:{color:Info Link};
  361. text-decoration:none;
  362. -moz-transition-duration:0.7s;
  363. -webkit-transition-duration:0.7s;
  364. -o-transition-duration:0.7s;
  365. }
  366.  
  367. #info a:hover {
  368. color:{color:Info Link Hover};
  369. border-bottom:none;
  370. -moz-transition-duration:0.7s;
  371. -webkit-transition-duration:0.7s;
  372. -o-transition-duration:0.7s;
  373. }
  374.  
  375. #footer {
  376. margin-top:-22px;
  377. text-align:right;
  378. letter-spacing:1px;
  379. text-transform:uppercase;
  380. font-style:none;
  381. color:{color:Info Link};
  382. }
  383.  
  384. #footer a {
  385. color:{color:Info Link};
  386. text-decoration:none;
  387. -moz-transition-duration:0.7s;
  388. -webkit-transition-duration:0.7s;
  389. -o-transition-duration:0.7s;
  390. }
  391.  
  392. #footer a:hover {
  393. color:{color:Info Link Hover};
  394. border-bottom:none;
  395. -moz-transition-duration:0.7s;
  396. -webkit-transition-duration:0.7s;
  397. -o-transition-duration:0.7s;
  398. }
  399.  
  400. /*--POST TYPES--*/
  401. .user {
  402. font-size:30px;
  403. font-style:italic;
  404. position:relative;
  405. }
  406.  
  407. .user a {
  408. border-bottom:none;
  409. color:{color:Question Text};
  410. }
  411.  
  412. .user a:hover {
  413. color:{color:Hover};
  414. box-shadow:none;
  415. }
  416.  
  417. .question {
  418. position:relative;
  419. max-width:100%;
  420. background-color:{color:Question Background};
  421. color:{color:Question Text};
  422. padding:27px 20px 10px 20px;
  423. }
  424.  
  425. .arrow-down {
  426. width: 0;
  427. height: 0;
  428. border-left: 15px solid transparent;
  429. border-right: 15px solid transparent;
  430. margin-left:30px;
  431. margin-top:0px;
  432. border-top: 15px solid {color:Question Background};
  433. }
  434.  
  435. .answer {
  436. text-align:left;
  437. margin-top:20px;
  438. max-width:100%;
  439. padding-bottom:5px;
  440. }
  441.  
  442. .quote {
  443. line-height:32px;
  444. font-size:30px;
  445. font-style:italic;
  446. }
  447.  
  448. .chat li {
  449. list-style:none;
  450. }
  451.  
  452. .label {
  453. text-transform:uppercase;
  454. font-size:11px;
  455. }
  456.  
  457. .line_odd {
  458. background-color:{color:Chat Bg Odd};
  459. color:{color:Chat Text Odd};
  460. padding:5px;
  461. }
  462.  
  463. .line_even {
  464. background-color:{color:Chat Bg Even};
  465. color:{color:Chat Text Even};
  466. padding:5px;
  467. }
  468.  
  469. .playerbuttonbg {
  470. position: absolute;
  471. left: 20px;
  472. top: 20px;
  473. width: 19px;
  474. height: 19px;
  475. background-color: #fff;
  476. padding: 10px;
  477. opacity: .4;
  478. filter: alpha(opacity=40);
  479. -moz-opacity: 0.4;
  480. -khtml-opacity: 0.4;
  481. transition: opacity .7s ease-in-out;
  482. -moz-transition: opacity .7s ease-in-out;
  483. -webkit-transition: opacity .7s ease-in-out;
  484. }
  485.  
  486. .playerbuttonbg:hover {
  487. opacity: 1;
  488. filter: alpha(opacity=100);
  489. -moz-opacity: 1;
  490. -khtml-opacity: 1;
  491. }
  492.  
  493. .newplayerbutton {
  494. position: relative;
  495. width: 19px;
  496. height: 19px;
  497. overflow: hidden;
  498. }
  499.  
  500. .playerbuttonhug {
  501. position: absolute;
  502. top: -18px;
  503. left: -7px;
  504. }
  505.  
  506. .tumblr_audio_player {
  507. height: 90px;
  508. width: 270px;
  509. -moz-transform: scale(0.60, 0.60);
  510. -webkit-transform: scale(0.60, 0.60);
  511. -o-transform: scale(0.60, 0.60);
  512. -ms-transform: scale(0.60, 0.60);
  513. transform: scale(0.60, 0.60);
  514. -moz-transform-origin: top left;
  515. -webkit-transform-origin: top left;
  516. -o-transform-origin: top left;
  517. -ms-transform-origin: top left;
  518. transform-origin: top left;
  519. }
  520.  
  521. .audioimgwrapper {
  522. position: absolute;
  523. left: 0px;
  524. top: 0px;
  525. overflow: hidden;
  526. width: 79px;
  527. height: 79px;
  528. }
  529.  
  530. .audioimgwrapper img {
  531. width: 100%;
  532. height: auto;
  533. }
  534.  
  535. .trackdetails {
  536. width: auto;
  537. display:inline-block;
  538. margin-left: 90px;
  539. min-height: 85px;
  540. }
  541.  
  542. .audiowrapper {
  543. position: relative;
  544. display:inline-block;
  545. }
  546.  
  547. /*CREDIT*/
  548.  
  549. #cred {
  550. position:fixed;
  551. text-transform:uppercase;
  552. right:9px;
  553. bottom:15px;
  554. padding:4px;
  555. letter-spacing:2px;
  556. z-index:200000;
  557. }
  558.  
  559. #cred a{
  560. text-decoration:none;
  561. color:{color:Title};
  562. }
  563.  
  564. #cred a:hover {
  565. text-decoration:line-through;
  566. }
  567.  
  568. {CustomCSS}</style></head><body>
  569.  
  570. <div id="otherlinks">
  571. <a class="idk">+desc</a>
  572. <a class="what">+navi</a>
  573. {block:Pagination}
  574. {block:PreviousPage}<a href="{PreviousPage}">-back</a>{/block:PreviousPage}
  575. {block:NextPage}<a href="{NextPage}">-next</a>{/block:NextPage}
  576. {/block:Pagination}
  577. </div>
  578.  
  579. <div id="links">
  580. {block:IfShowLink1}<a href="{text:Link1}">{text:Link1 Text}</a>{/block:IfShowLink1}
  581.  
  582. {block:IfShowLink2}<a href="{text:Link2}">{text:Link2 Text}</a>{/block:IfShowLink2}
  583.  
  584. {block:IfShowLink3}<a href="{text:Link3}">{text:Link3 Text}</a>{/block:IfShowLink3}
  585.  
  586. {block:IfShowLink4}<a href="{text:Link4}">{text:Link4 Text}</a>{/block:IfShowLink4}
  587.  
  588. {block:IfShowLink5}<a href="{text:Link5}">{text:Link5 Text}</a>{/block:IfShowLink5}
  589.  
  590. {block:IfShowLink6}<a href="{text:Link6}">{text:Link6 Text}</a>{/block:IfShowLink6}
  591.  
  592. {block:IfShowLink7}<a href="{text:Link7}">{text:Link7 Text}</a>{/block:IfShowLink7}
  593.  
  594. {block:IfShowLink8}<a href="{text:Link8}">{text:Link8 Text}</a>{/block:IfShowLink8}
  595. </div>
  596.  
  597. <div class="desc">
  598. {Description}
  599. </div>
  600.  
  601. </div>
  602.  
  603. <div id="sidebar">
  604.  
  605. <div class="title"><a href="/" title="refresh">{Title}</a></div>
  606. </div>
  607.  
  608. <div id="entries">{block:Posts}<div id="post">
  609.  
  610. {block:Text}
  611. {block:Title}<h2>{Title}</h2>{/block:Title}
  612. {Body}
  613. {/block:Text}
  614.  
  615. {block:Answer}
  616. <div class="question"><span class="user">{Asker} asked:</span><p>{Question}</div>
  617. <div class="arrow-down"></div>
  618.  
  619. <div class="answer">{Answer}</div>
  620. {/block:Answer}
  621.  
  622. {block:Quote}
  623. <span class="quote"><div style="font-size:30px;color:{color:Link};font-weight:bold;border-bottom:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-bottom:10px">&#147;</div>
  624. {Quote}
  625. <div style="font-size:30px;color:{color:Link};font-weight:bold;border-top:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-top:10px;padding-top:5px;line-height:30px;">&#148; </div></span>
  626. {block:Source}<div class="font-size:18px"> &mdash;{Source}</div>{/block:Source}
  627. {/block:Quote}
  628.  
  629. {block:Link}
  630. <h2><a href="{URL}">{Name}</a></h2>
  631. {block:Description}{Description}{/block:Description}
  632. {/block:Link}
  633.  
  634. {block:Chat}
  635. {block:Title}<h2>{Title}</h2>{/block:Title}
  636. {block:Lines}<span class="chat">
  637. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li></span>
  638. {/block:Lines}
  639. {/block:Chat}
  640.  
  641. {block:Photo}
  642. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  643. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  644. {/block:Photo}
  645.  
  646. {block:Photoset}
  647. {Photoset-500}
  648. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  649. {/block:Photoset}
  650.  
  651. {block:Audio}
  652. {block:AudioPlayer}
  653. <div class="audiowrapper">
  654. {block:AlbumArt}
  655. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  656. {/block:AlbumArt}
  657.  
  658. <div class="playerbuttonbg">
  659. <div class="newplayerbutton">
  660. <div class="playerbuttonhug">
  661.  
  662. {AudioPlayerWhite}
  663.  
  664. </div>
  665. </div>
  666. </div>
  667.  
  668. <div class="trackdetails">
  669.  
  670. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  671. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  672. {block:Album}Album: {Album}<br>{/block:Album}
  673. {PlayCountWithLabel}
  674.  
  675. </div>
  676. </div>
  677. {/block:AudioPlayer}
  678.  
  679. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  680. {/block:Audio}
  681.  
  682. {block:Video}
  683. {Video-500}
  684. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  685. {/block:Video}
  686.  
  687.  
  688. <div id="stuffs">
  689.  
  690. <div id="info">
  691. {block:Date}<a href="{Permalink}" title="{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}"><i class="fa fa-clock-o"></i></a> {block:NoteCount} &nbsp;&nbsp; <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount} {/block:Date}
  692. {block:HasTags} &nbsp;&nbsp; <a href="{Permalink}" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fa fa-tags"></i></a> {/block:HasTags}
  693. </div>
  694.  
  695. <div id="footer">
  696. {block:RebloggedFrom} + <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  697. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  698. </div>
  699.  
  700. </div>
  701. </div>
  702.  
  703.  
  704. <div style="height:100px;overflow-y:scroll;margin-top:-100px;width:480px;padding:10px">
  705. {block:PostNotes}{PostNotes}{/block:PostNotes}
  706. </div>
  707. {/block:Posts}
  708.  
  709. </div>
  710.  
  711.  
  712. <div id="cred">
  713. <a href="http://wonderfullythemes.tumblr.com/" title="wonderfullythemes">theme</a>
  714. </div>
  715.  
  716. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement