baechubaechubaechu

Joy - Theme

Feb 13th, 2017
7,122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.69 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.  
  4. <!--
  5.  
  6. ** Joy -Theme by Caro / baechys@tumblr
  7.  
  8. ------------------------------------------------------------------------
  9.  
  10. Script/s used:
  11.  
  12. - Tooltips
  13. - PXU Photosets
  14.  
  15. ------------------------------------------------------------------------
  16.  
  17. FAQ:
  18.  
  19. Can i edit/tweak this theme?
  20. - Tweak and edit it as much as you want! But don't you dare touch my credits in any way possible
  21.  
  22. Can i use this theme as a base-code?
  23. - No you cant.
  24.  
  25. Can i release my edited version of your theme?
  26. - No you cant, and if i find out about you doing that, i will report you.
  27.  
  28. ------------------------------------------------------------------------
  29.  
  30. Any other questions?
  31.  
  32. Please visit baechys.tumblr.com/help
  33.  
  34. ------------------------------------------------------------------------
  35.  
  36. CREDIT TO HTTP://BAECHYS.TUMBLR.COM
  37. -->
  38.  
  39. <head>
  40.  
  41. <title>{title}</title>
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. <link rel="shortcut icon" href="{favicon}" />
  44.  
  45. <meta name="image:background" content=""/>
  46. <meta name="image:avatar" content="http://static.tumblr.com/d70w4cr/DoUolc3un/joyforniu.png"/>
  47. <meta name="image:header" content=""/>
  48. <meta name="image:container background" content="http://static.tumblr.com/d70w4cr/IKTolc3ti/dotties.png"/>
  49.  
  50. <meta name="color:background" content="#fff"/>
  51. <meta name="color:container background" content="#f0f9f4"/>
  52. <meta name="color:body font" content="#888"/>
  53. <meta name="color:links" content="#a6d1e4"/>
  54. <meta name="color:links hover" content="#e7a3a4"/>
  55. <meta name="color:bold text" content="#999"/>
  56. <meta name="color:selection" content="#badbea"/>
  57. <meta name="color:scrollbar" content="#ccc"/>
  58. <meta name="color:accent" content="#badbea"/>
  59. <meta name="color:header" content="#badbea"/>
  60.  
  61. <meta name="select:post size" content="300px" title="300px"/>
  62. <meta name="select:post size" content="350px" title="350px"/>
  63.  
  64. <meta name="if:header" content="1"/>
  65. <meta name="if:avatar" content="1"/>
  66. <meta name="if:round avatar" content="1"/>
  67. <meta name="if:centered description" content="1"/>
  68. <meta name="if:tags" content="1"/>
  69. <meta name="if:captions" content="1"/>
  70.  
  71. <meta name="text:link 1 title" content="link 1"/>
  72. <meta name="text:link 1 url" content="/"/>
  73. <meta name="text:link 2 title" content="link 2"/>
  74. <meta name="text:link 2 url" content="/"/>
  75. <meta name="text:link 3 title" content="link 3"/>
  76. <meta name="text:link 3 url" content="/"/>
  77. <meta name="text:link 4 title" content="link 4"/>
  78. <meta name="text:link 4 url" content="/"/>
  79. <meta name="text:link 5 title" content="link 5"/>
  80. <meta name="text:link 5 url" content="/"/>
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85.  
  86. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  87. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  88. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  89.  
  90. <script>
  91. $(document).ready(function(){
  92.  
  93. $("[title]").style_my_tooltips({
  94. tip_follows_cursor:true, tip_delay_time:50, tip_fade_speed:800
  95. });
  96.  
  97. $('.photo-slideshow').pxuPhotoset({
  98. lightbox:true, rounded:false, gutter:'4px',
  99. borderRadius:'0px', photoset:'.photo-slideshow',
  100. photoWrap:'.photo-data', photo:'.pxu-photo'
  101. });
  102.  
  103. });
  104. </script>
  105.  
  106. <style type="text/css">
  107. @import url(http://weloveiconfonts.com/api/?family=entypo);
  108.  
  109. /* entypo */
  110. [class*="entypo-"]:before {
  111. font-family: 'entypo', sans-serif;
  112. font-size:11px;
  113. }
  114.  
  115. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  116. z-index:999999999!important;
  117. right:3px;
  118. margin-top:3px;
  119. -webkit-filter:invert(100%);
  120. -moz-filter:invert(100%);
  121. -filter:invert(100%);
  122. -webkit-transition: all 0.4s linear;
  123. -moz-transition: all 0.4s linear;
  124. transition: all 0.4s linear;
  125. }
  126.  
  127. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  128. opacity:1;
  129. }
  130.  
  131. .vignette, #vignette {
  132. opacity:0;
  133. }
  134. .lightbox-image, #tumblr_lightbox img {
  135. box-shadow:none !important;
  136. border-radius:0 !important;
  137. max-width:none;
  138. }
  139.  
  140. .tmblr-lightbox, #tumblr_lightbox {
  141. background-color:rgba(255,255,255,0.85) !important;
  142. }
  143.  
  144. body{
  145. margin:0px;
  146. padding:0px;
  147. font-family: 'open sans', arial, sans serif;
  148. font-size:10px;
  149. color:{color:body font};
  150. background:{color:background} url('{image:background}');
  151. background-attachment:fixed;
  152. }
  153. b, strong{
  154. color:{color:bold text};
  155. }
  156. a{
  157. color:{color:links};
  158. text-decoration:none;
  159. }
  160.  
  161. a:hover{
  162. color:{color:links hover};
  163. -moz-transition-duration: 0.5s;
  164. -o-transition-duration: 0.5s;
  165. -webkit-transition-duration: 0.5s;
  166. transition-duration: 0.5s;
  167. }
  168.  
  169. h2{
  170. font-size:20px;
  171. text-align:center;
  172. color:{color:bold text};
  173. }
  174.  
  175. blockquote{
  176. margin:10px 0;
  177. padding:0 0 0 10px;
  178. border-left:1px solid {color:body font};
  179. }
  180.  
  181. pre{
  182. overflow:auto;
  183. background-color:#eee;
  184. display:block;
  185. padding:5px;
  186. }
  187.  
  188. /*DONT REMOVE OR DESTROY MY CREDITS
  189. LEAVE EVERYTHING WHERE IT IS*/
  190. #c{
  191. position:fixed;
  192. bottom: 10px;
  193. right: 10px;
  194. text-align:center;
  195. font-family:'open sans';
  196. z-index:999999;
  197. }
  198. #c a{
  199. background:{color:links hover};
  200. font-size:12px;
  201. font-family:'open sans';
  202. color:#fff;
  203. font-size:10px;
  204. padding:5px;
  205. letter-spacing:1px;
  206. text-decoration:none;
  207. }
  208. #c a:hover{
  209. background:#fff;
  210. color:{color:links hover};
  211. letter-spacing:1px;
  212. }
  213. /*DONT REMOVE OR DESTROY MY CREDITS
  214. LEAVE EVERYTHING WHERE IT IS*/
  215.  
  216. ::-webkit-scrollbar-thumb:vertical {
  217. background-color: {color:scrollbar};
  218. height:auto;
  219. }
  220.  
  221.  
  222. ::-webkit-scrollbar-thumb:horizontal {
  223. background:url('{image:scrollbar}');
  224. height:6px;
  225. }
  226.  
  227. ::-webkit-scrollbar {
  228. height:6px;
  229. width:6px;
  230. background:url('{image:scrollbar}');
  231. }
  232.  
  233. ::selection {
  234. background-color:{color:selection};
  235. color:white;}
  236.  
  237. #s-m-t-tooltip {
  238. max-width:100px;
  239. padding:5px 8px 5px 8px;
  240. margin:20px 14px 7px 10px;
  241. border:2px solid {color:accent};
  242. border-radius:3px;
  243. background-color:#fff;
  244. font-style: normal;
  245. font-size:10px;
  246. line-height:11px;
  247. letter-spacing:0px;
  248. text-transform:none;
  249. z-index:999999999;
  250. }
  251.  
  252. .wrap{
  253. width:650px;
  254. height:480px;
  255. position:fixed;
  256. margin:auto;
  257. left:0px;
  258. right:0px;
  259. top:0px;
  260. bottom:0px;
  261. }
  262.  
  263. #container {
  264. position:fixed;
  265. overflow:auto;
  266. margin-left:250px;
  267. height:480px;
  268. width:400px;
  269. background-color:{color:container background};
  270. background-image:url('{image:container background}');
  271. }
  272.  
  273. #post{
  274. width:{select:post size};
  275. padding:5px;
  276. margin:0 auto;
  277. margin-bottom:40px;
  278. margin-top:15px;
  279. background:#fff;
  280. overflow:hidden;
  281. }
  282. #post img{
  283. max-width:100%;
  284. height:auto;
  285. }
  286.  
  287. #post img:hover{
  288. opacity:1;
  289. -webkit-transition: all 0.6s ease-in-out;
  290. -moz-transition: all 0.6s ease-in-out;
  291. -o-transition: all 0.6s ease-in-out;
  292. -ms-transition: all 0.6s ease-in-out;
  293. transition: all 0.6s ease-in-out;
  294. }
  295.  
  296. #quote{
  297. text-align:center;
  298. font-size:20px;
  299. color:{color:accent};
  300. }
  301.  
  302. #qa{
  303. padding:10px;
  304. }
  305.  
  306. #audio{
  307. padding:5px;
  308. width:295px;
  309. margin-bottom:5px;
  310. }
  311.  
  312. #tags{
  313. background:#fff;
  314. padding:5px;
  315. margin-top:10px;
  316. width:{select:post size};
  317. color:#999;
  318. }
  319.  
  320. #tags a{
  321. color:{color:tags};
  322. padding-left:5px;
  323. padding-right:5px;
  324. text-decoration:none;
  325. }
  326.  
  327. #note{
  328. width:{select:post size};
  329. margin:0 auto;
  330. padding:5px;
  331. background:#fff;
  332. color:{color:body text};
  333. }
  334. .notes img{width:20px; position:relative; top:1px; padding-right:5px;}
  335. ol.notes, .notes li{width:{select:post size}; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  336.  
  337. #pagi{
  338. width:{select:post size};
  339. padding:5px;
  340. margin:0 auto;
  341. margin-top:50px;
  342. margin-bottom:50px;
  343. overflow:hidden;
  344. text-align:center;
  345. }
  346. #pagi a{
  347. padding-left:5px;
  348. padding-right:5px;
  349. color:#fff;
  350. border-radius:3px;
  351. margin:3px;
  352. background-color:{color:accent};
  353. }
  354.  
  355. #pagi a:hover{
  356. background-color:#fff;
  357. color:{color:accent};
  358. }
  359.  
  360. .current_page{
  361. padding-left:5px;
  362. padding-right:5px;
  363. border-radius:3px;
  364. background-color:#fff;
  365. color:{color:accent};
  366. border:1px solid {color:accent};
  367. }
  368.  
  369. #sidebar{
  370. height:480px;
  371. width:250px;
  372. position:fixed;
  373. background-color:#fff;
  374. }
  375.  
  376. #header{
  377. position:fixed;
  378. height:150px;
  379. width:250px;
  380. background-color:{color:header};
  381. background-image:url('{image:header}');
  382. background-position:center;
  383. background-repeat:no-repeat;
  384. text-align:center;
  385. }
  386.  
  387. #sidebar #avatar{
  388. position:fixed;
  389. height:75px;
  390. width:75px;
  391. {block:ifheader}
  392. margin-left:5px;
  393. margin-top:110px;
  394. {/block:ifheader}
  395.  
  396. {block:ifnotheader}
  397. {block:ifavatar}
  398. margin-top:05px;
  399. margin-left:85px;
  400. {block:ifavatar}
  401. {/block:ifnotheader}
  402. }
  403.  
  404. #sidebar #avatar img{
  405. max-height:75px;
  406. max-width:75px;
  407. border:3px solid #fff;
  408. {block:ifroundavatar}
  409. border-radius:100%;
  410. {block:ifroundavatar}
  411. {block:ifnotroundavatar}
  412. border-radius:5px;
  413. {/block:ifnotroundavatar}
  414. }
  415.  
  416. #sidebar #txt{
  417. {block:ifcentereddescription}
  418. text-align:center;
  419. {/block:ifcentereddescription}
  420.  
  421. {block:ifnotcentereddescription}
  422. margin-left:-2px;
  423. {/block:ifnotcentereddescription}
  424.  
  425. {block:ifavatar}
  426. {block:ifheader}
  427. clear:both;
  428. {/block:ifheader}
  429. {/block:ifavatar}
  430.  
  431. {block:ifnotavatar}
  432. {block:ifnotheader}
  433. margin-top:-5px;
  434. {/block:ifnotheader}
  435. {/block:ifnotavatar}
  436.  
  437. {block:ifavatar}
  438. {block:ifnotheader}
  439. margin-top:-5px;
  440. {/block:ifnotheader}
  441. {/block:ifavatar}
  442.  
  443. {block:ifheader}
  444. {block:ifnotavatar}
  445. margin-top:-3px;
  446. {/block:ifnotavatar}
  447. {/block:ifheader}
  448.  
  449. padding:10px;
  450. }
  451.  
  452. #sidebar #lnk{
  453. {block:ifavatar}
  454. {block:ifnotheader}
  455. width:139px;
  456. margin:0 auto;
  457. margin-top:95px;
  458. {/block:ifnotheader}
  459. {/block:ifavatar}
  460.  
  461. {block:ifheader}
  462. {block:ifnotavatar}
  463. text-align:center;
  464. margin-top:155px;
  465. {/block:ifnotavatar}
  466. {/block:ifheader}
  467.  
  468. {block:ifavatar}
  469. {block:ifheader}
  470. width:140px;
  471. margin-left:95px;
  472. margin-top:163px;
  473. float:left;
  474. margin-bottom:10px;
  475. {/block:ifheader}
  476. {/block:ifavatar}
  477.  
  478. {block:ifnotavatar}
  479. {block:ifnotheader}
  480. text-align:center;
  481. margin-top:5px;
  482. {/block:ifnotheader}
  483. {/block:ifnotavatar}
  484. }
  485.  
  486. #sidebar #lnk a{
  487. padding-left:5px;
  488. padding-right:5px;
  489. color:#fff;
  490. border-radius:3px;
  491. background-color:{color:accent};
  492. margin:5px;
  493. }
  494.  
  495. #sidebar #lnk a:hover{
  496. background-color:#fff;
  497. color:{color:accent};
  498. }
  499.  
  500. #noot{
  501. display:inline-block;
  502. }
  503.  
  504. #noot a{
  505. padding-left:5px;
  506. padding-right:5px;
  507. color:#fff;
  508. border-radius:3px;
  509. background-color:{color:accent};
  510. }
  511.  
  512. #noot a:hover{
  513. background-color:#fff;
  514. color:{color:accent};
  515. border:1px solid {color:accent};
  516. }
  517.  
  518. {CustomCSS}
  519. </style>
  520. </head>
  521. <body>
  522.  
  523. <div class="wrap">
  524.  
  525. <div id="sidebar">
  526. {block:ifheader}
  527. <div id="header"><img src="{image:header}" style="height:150px">
  528. </div><!-- header -->
  529. {/block:ifheader}
  530. {block:ifavatar}
  531. <div id="avatar">
  532. <a href="/" title="{title}"><img src="{image:avatar}"></a>
  533. </div> <!-- avatar -->
  534. {/block:ifavatar}
  535. <div id="lnk">
  536. <a href="{text:link 1 url}" title="{text:link 1 title}">1</a>
  537. <a href="{text:link 2 url}" title="{text:link 2 title}">2</a>
  538. <a href="{text:link 3 url}" title="{text:link 3 title}">3</a>
  539. <a href="{text:link 4 url}" title="{text:link 4 title}">4</a>
  540. <a href="{text:link 5 url}" title="{text:link 5 title}">5</a>
  541. </div>
  542. <div id="txt">
  543. {description}
  544. </div> <p><p></p></p>
  545. </div><!-- sidebar -->
  546.  
  547. <div id="container">
  548.  
  549. {block:Posts}
  550. <div id="post">
  551.  
  552. {block:Text}
  553. {block:Title}<h2>{Title}</h2>{/block:Title}
  554. {Body}
  555. {/block:Text}
  556.  
  557. {block:Photo}
  558. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  559.  
  560. {block:IndexPage}
  561. {block:IfCaptions}
  562. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  563. {/block:IfCaptions}
  564. {/block:IndexPage}
  565.  
  566. {block:permalinkpage}
  567. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  568. {/block:permalinkpage}
  569.  
  570. {/block:Photo}
  571.  
  572. {block:Photoset}
  573. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  574.  
  575. {block:IndexPage}
  576. {block:IfCaptions}
  577. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  578. {/block:IfCaptions}
  579. {/block:IndexPage}
  580.  
  581. {block:permalinkpage}
  582. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  583. {/block:permalinkpage}
  584.  
  585. {/block:Photoset}
  586.  
  587. {block:Quote}
  588. <div id="quote">{Quote}</div> <br>
  589. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  590. {/block:Quote}
  591.  
  592. {block:Link}
  593. <h2><a href="{URL}" target="{Target}">{Name}</a></h2>
  594. {block:Description}{Description}{/block:Description}
  595. {/block:Link}
  596.  
  597. {block:Chat}
  598. <h2>{block:Title}{Title}{/block:Title}</h2>
  599. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  600. {/block:Chat}
  601.  
  602. {block:Audio}
  603. <div id="audio"><center>{AudioPlayerWhite}</center></div>
  604. {block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount} <br>
  605. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  606. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist} <br>
  607.  
  608. {block:IndexPage}
  609. {block:IfCaptions}
  610. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  611. {/block:IfCaptions}
  612. {/block:IndexPage}
  613.  
  614. {block:permalinkpage}
  615. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  616. {/block:permalinkpage}
  617.  
  618. {/block:Audio}
  619.  
  620. {block:Video}
  621. <center>{Video-250}</center>
  622. {block:IndexPage}
  623.  
  624. {block:IfCaptions}
  625. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  626. {/block:IfCaptions}
  627. {/block:IndexPage}
  628.  
  629. {block:permalinkpage}
  630. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  631. {/block:permalinkpage}
  632. {/block:Video}
  633.  
  634. {block:Answer}
  635. <div id="qa">
  636. <b>{Asker}</b> said: <br>
  637. <b>" {Question} "</b>
  638. {Answer}
  639. </div>
  640. {/block:Answer}
  641.  
  642. {block:IndexPage}
  643. <div id="tags">
  644. <a style="float:right" href="{ReblogURL}" target="_blank" title="reblog?"><span class="entypo-cw"></span></a>
  645.  
  646. {block:date}
  647. <div id="noot"><a href="{permalink}" title="{timeago}">
  648. <span class="entypo-hourglass" style="color:#fff; font-size:10px"></span>
  649. </a></div>
  650. {/block:date}
  651.  
  652. {block:NoteCount}
  653. <div id="noot"><a href="{permalink}" title="{NoteCount} Notes">+ {NoteCount}</a></div>
  654. {/block:NoteCount}
  655. {block:iftags} <br>
  656. {block:HasTags} tags ://
  657. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  658. {/block:HasTags}
  659. {/block:iftags}
  660. </div>
  661. {/block:IndexPage}
  662.  
  663. {block:PermalinkPage}
  664. <br><br>
  665. {block:Date}
  666. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  667. {/block:Date} <br>
  668. {block:NoteCount}
  669. <b>Notes:</b> {NoteCount}<br>
  670. {/block:NoteCount}
  671. {block:HasTags}
  672. <b>Tags</b>
  673. {block:Tags}
  674. <a href="{TagURL}">#{tag}</a>
  675. {/block:Tags}<br>
  676. {/block:HasTags}
  677. {block:RebloggedFrom}
  678. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  679. {block:ContentSource}
  680. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  681. {/block:ContentSource}
  682. {/block:RebloggedFrom}
  683. </div>
  684. {/block:PermalinkPage}
  685.  
  686. {block:PermalinkPage}
  687. {block:PostNotes}
  688. {block:NoteCount}
  689. <div id="note">
  690. {PostNotes}
  691. </div>
  692. {/block:NoteCount}
  693. {/block:PostNotes}
  694. {/block:permalinkpage}
  695. </div>
  696. {/block:Posts}
  697.  
  698. {block:indexpage}
  699. {block:Pagination}
  700. <div id="pagi">
  701. {block:PreviousPage}
  702. <a href="{PreviousPage}"><</a>
  703. {/block:PreviousPage}
  704.  
  705. {block:JumpPagination length="3"}
  706. {block:CurrentPage}
  707. <span class="current_page">{PageNumber}</span>
  708. {/block:CurrentPage}
  709.  
  710. {block:JumpPage}
  711. <a class="jump_page" href="{URL}">{PageNumber}</a>
  712. {/block:JumpPage}
  713. {/block:JumpPagination}
  714.  
  715. {block:NextPage}
  716. <a href="{NextPage}">></a>
  717. {/block:NextPage}
  718.  
  719. </div>
  720. {/block:Pagination}
  721. {/block:indexpage}
  722.  
  723. </div> <!-- container end -->
  724. </div> <!-- wrapper end -->
  725.  
  726. <!-- Do not remove or destroy my credits! Please leave them as they are. -->
  727. <div id="c">
  728. <a href="http://baechys.tumblr.com" title="Made with love by Caroline">BCHYS</a>
  729. </div>
  730. <!-- Do not remove or destroy my credits! Please leave them as they are. -->
  731. </body>
  732. </html>
Advertisement
Add Comment
Please, Sign In to add comment