Advertisement
Guest User

Red and Black Tumblr Theme

a guest
Feb 18th, 2018
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 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. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!---
  14.  
  15. THEME 01 by CRYBABY-RPH: EURUS
  16. - please do not use this theme as a base code
  17. - please do not redistribute this theme
  18. - do not remove my credit
  19. - do not remove base code & update flags credit
  20. - please contact me if you have any questions or issues!
  21.  
  22. BACKROUND SIZE TEMPLATE: http://i.imgur.com/Oqcj2zu.png
  23. 'INFO' IMAGE SIZE TEMPLATE: http://i.imgur.com/TW8MKZh.png
  24.  
  25. <3 crybaby-rph.tumblr.com
  26.  
  27. --->
  28.  
  29. <!--- BASE CODE thanks to musecentral.tumblr.com --->
  30.  
  31. <!--- COLOURS ---->
  32.  
  33. <meta name="color:background" content="#222222"/>
  34. <meta name="color:text" content="#eeeeee"/>
  35. <meta name="color:bold" content="#6d3f3f"/>
  36. <meta name="color:italic" content="#888888"/>
  37. <meta name="color:accent1" content="#551c10"/>
  38. <meta name="color:accent2" content="#363636"/>
  39. <meta name="color:tags" content="#767676"/>
  40. <meta name="color:shadow" content="#000000"/>
  41. <meta name="color:border" content="#000000"/>
  42. <meta name="color:desc text" content="#cccccc"/>
  43. <meta name="color:links" content="#822626"/>
  44. <meta name="color:link hover" content="#c9c9c9"/>
  45. <meta name="color:container" content="#000000"/>
  46. <meta name="color:post background" content="#111111"/>
  47. <meta name="color:info background" content="#000000"/>
  48. <meta name="color:update text" content="#ffffff"/>
  49.  
  50. <!--- IMAGES ---->
  51.  
  52. <meta name="image:background" content="http://i.imgur.com/Oqcj2zu.png"/>
  53. <meta name="image:info" content="http://i.imgur.com/TW8MKZh.png"/>
  54.  
  55. <!--- TEXT ---->
  56.  
  57. <meta name="text:sidebar" content="">
  58. <meta name="text:post font size" content="11px">
  59. <meta name="text:description font size" content="10px">
  60. <meta name="text:link2" content="/">
  61. <meta name="text:link2 title" content="">
  62. <meta name="text:link3" content="/">
  63. <meta name="text:link3 title" content="">
  64. <meta name="text:link4" content="/">
  65. <meta name="text:link4 title" content="">
  66. <meta name="text:link5" content="/">
  67. <meta name="text:link5 title" content="">
  68.  
  69.  
  70. <!--- TOOLTIPS SCRIPT --->
  71.  
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title],a[title],img[title]").style_my_tooltips({
  78. tip_follows_cursor:true,
  79. tip_delay_time:90,
  80. tip_fade_speed:600,
  81. attribute:"title"
  82. });
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <!--- end tooltips --->
  88.  
  89. <!--- CUSTOM FONTS --->
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  92.  
  93. <link href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet">
  94.  
  95.  
  96. <!--- END CUSTOM FONTS --->
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. /*SCROLLBAR*/
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. height:auto;
  105. background-color:{color:accent1};
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. height:9px;
  110. width:2px;
  111. background-color:{color:accent2};
  112. }
  113.  
  114. /*BULLET POINTS*/
  115.  
  116. ul, li {
  117. line-height:100%;
  118. }
  119.  
  120. /*BODY*/
  121.  
  122. body {
  123. background:{color:background};
  124. color:{color:text};
  125. font-family:calibri;
  126. font-size:12px;
  127. text-align:justify;
  128. background-attachment: fixed;
  129. background-repeat: no-repeat;
  130. background-image:url('{image:background}') ;
  131. text-align:justify;
  132. }
  133.  
  134. a {
  135. text-decoration:none;
  136. font-family:'Playfair Display', serif;
  137. text-transform:uppercase;
  138. color:{color:links};
  139. font-weight:bold;
  140. }
  141.  
  142. a:hover {
  143. color:{color:link hover};
  144. }
  145.  
  146. img {
  147. border:none;
  148. max-width:100%;
  149. }
  150.  
  151. b, bold {
  152. font-size:11px;
  153. font-family:'Playfair Display', serif;
  154. text-transform:uppercase;
  155. letter-spacing:0px;
  156. color: {color:bold};
  157. font-weight:bold;
  158. }
  159.  
  160. i, italic {
  161. font-size:18px;
  162. font-family: 'Nothing You Could Do', cursive;
  163. color: {color:italic};
  164. text-transform:lowercase;
  165. line-height:80%;
  166. }
  167.  
  168. /*TITLE STYLES*/
  169.  
  170. pre {
  171. background:{color:border};
  172. color:{color:text};
  173. padding:5px;
  174. font-family:courier new;
  175. text-align:justify;
  176. text-transform:uppercase;
  177. word-wrap: break-word;
  178. }
  179.  
  180. h1 {
  181. color:{color:desc text};
  182. padding:10px;
  183. text-transform:uppercase;
  184. font-family:'Playfair Display', serif;
  185. font-size:15px;
  186. background-color:{color:info background};
  187. background-image:url('http://i.imgur.com/VrG3V6S.png') ;
  188. text-align:center;
  189. }
  190.  
  191. h2 {
  192. font-size:12px;
  193. color:{color:links};
  194. text-transform:uppercase;
  195. font-family:'Playfair Display', serif;
  196. background-color:{color:info background};
  197. background-image:url('') ;
  198. padding:7px;
  199. font-style:bold;
  200. text-align:center;
  201. }
  202.  
  203. h3 {
  204. font-size:14px;
  205. color:{color:italic};
  206. text-transform:lowercase;
  207. font-family:'Playfair Display', serif;
  208. font-style:bold;
  209. text-align:center;
  210. }
  211.  
  212. h4 {
  213. font-size:14px;
  214. color:{color:text};
  215. text-transform:uppercase;
  216. font-family:'Playfair Display', serif;
  217. text-align:center;
  218. }
  219.  
  220. h5 {
  221. font-size:16px;
  222. color:{color:italic};
  223. text-transform:none;
  224. font-family: 'Nothing You Could Do', cursive;
  225. text-align:center;
  226. font-style:italic;
  227. line-height:0px;
  228. }
  229.  
  230. /*BLOCKQUOTES*/
  231.  
  232. blockquote {
  233. border-left:2px solid {color:container};
  234. padding-left:20px;
  235. margin-left:10px;
  236. padding:10px;
  237. text-align:justify;
  238. background:{color:background};
  239. word-wrap: break-word;
  240. }
  241.  
  242. blockquote blockquote {
  243. border-left:2px solid {color:container};
  244. margin-left:10px;
  245. text-decoration:none;
  246. padding:10px;
  247. text-align:justify;
  248. font-family: 'PT Sans', sans-serif;
  249. background:{color:post background};
  250. border-radius:3px;
  251. word-wrap: break-word;
  252. }
  253.  
  254. /*TOOLTIPS*/
  255.  
  256. /** basic tooltip from tutorial-baby**/
  257. .tooltip{
  258. display:inline;
  259. position:relative;
  260. }
  261.  
  262. #s-m-t-tooltip{
  263. max-width:300px;
  264. border-radius: 0px;
  265. padding:8px;
  266. margin:20px 0px 0px 20px;
  267. background-color:{color:post background};
  268. background-image:url('{image:info}');
  269. font-family:calibri;
  270. font-size:9px;
  271. letter-spacing:2px;
  272. text-transform:uppercase;
  273. color:{color:text};
  274. z-index:99999999999999999999;
  275. }
  276.  
  277.  
  278. /*ENTRIES*/
  279.  
  280. /*this is the background for the whole container, including the sidebar*/
  281. #box{
  282. margin-top:150px;
  283. margin-left:300px;
  284. width:800px;
  285. height:505px;
  286. background-color:{color:container};
  287. position:fixed;
  288. }
  289.  
  290. /*this is where you'll adjust the container. try fixing the height & width to different sizes*/
  291. #entries {
  292. position:absolute;
  293. padding:10px;
  294. z-index:9999;
  295. margin-left:10px;
  296. margin-top:10px;
  297. height:465px;
  298. width:580px;
  299. background:{color:background};
  300. overflow:auto;
  301. }
  302.  
  303. /*this is where you customize your posts, it's very simple & straight forward*/
  304. #post {
  305. font-size:{text:post font size};
  306. width:540px;
  307. background-color: {color:post background};
  308. padding:20px;
  309. margin-bottom:30px;
  310. color: {color:text};
  311. text-align:justify;
  312. word-wrap: break-word;
  313. }
  314.  
  315. #post img {
  316. max-width:540px;
  317. }
  318.  
  319.  
  320. /*SIDEBAR*/
  321.  
  322. #sidebar{
  323. padding:10px;
  324. z-index:9999;
  325. text-align:center;
  326. position:fixed;
  327. margin-top:190px;
  328. font-size:10px;
  329. margin-left:895px;
  330. width:400px;
  331. height:150px;
  332. color: {color:text};
  333. font-family:calibri;
  334. color:{color:background};
  335. }
  336.  
  337. #title {
  338. width:160px;
  339. font-size:24px;
  340. font-family: 'Nothing You Could Do', cursive;
  341. text-transform:lowercase;
  342. overflow:none;
  343. position:fixed;
  344. text-align:center;
  345. padding:5px;
  346. margin-top:-50px;
  347. margin-left:10px;
  348. color:{color:links};
  349. font-weight:bold;
  350. }
  351.  
  352. #description {
  353. padding:10px;
  354. overflow:auto;
  355. text-align:justify;
  356. font-size:{text:description font size};
  357. height:370px;
  358. position:fixed;
  359. width:160px;
  360. color:{color:desc text};
  361. background:{color:background};
  362. margin-left:10px;
  363. margin-top:0px;
  364. padding-bottom:20px;
  365. text-transform:uppercase;
  366. }
  367.  
  368. #links{
  369. z-index:9999;
  370. padding:10px;
  371. margin-top:370px;
  372. text-align:center;
  373. font-family:'Playfair Display', serif;
  374. position:fixed;
  375. z-index:9999;
  376. display:block;
  377. margin-left:-12px;
  378. width:200px;
  379. }
  380.  
  381. #links a{
  382. text-decoration:none;
  383. z-index:9999;
  384. padding:5px;
  385. font-size:24px;
  386. margin-top:15px;
  387. text-align:center;
  388. font-family:'Playfair Display', serif;
  389. color:{color:links};
  390. width:20px;
  391. display:inline-block;
  392. -webkit-transition: all 0.4s ease-in-out;
  393. -moz-transition: all 0.4s ease-in-out;
  394. -o-transition: all 0.4s ease-in-out;
  395. -ms-transition: all 0.4s ease-in-out;
  396. transition: all 0.4s ease-in-out;
  397. }
  398.  
  399. #links a:hover{
  400. text-decoration:none;
  401. color:{color:accent2};
  402. -webkit-transition: all 0.4s ease-in-out;
  403. -moz-transition: all 0.4s ease-in-out;
  404. -o-transition: all 0.4s ease-in-out;
  405. -ms-transition: all 0.4s ease-in-out;
  406. transition: all 0.4s ease-in-out;
  407. }
  408.  
  409. /*POST INFO*/
  410.  
  411. #info {
  412. width:525px;
  413. text-align:center;
  414. font-family:'Playfair Display', serif;
  415. font-size:9px;
  416. margin-top:10px;
  417. margin-left:0px;
  418. letter-spacing:1px;
  419. color:{color:text};
  420. background-image:url('{image:info}') ;
  421. background-color:{color:info background};
  422. font-style:none;
  423. padding:7px;
  424. line-height:10px;
  425. text-transform:uppercase;
  426. z-index:99999;
  427. }
  428.  
  429. #info a {
  430. text-align:center;
  431. color:{color:Links};
  432. }
  433.  
  434. #info a:hover {
  435. -moz-transition-duration:0.3s;
  436. -webkit-transition-duration:0.3s;
  437. -o-transition-duration:0.3s;
  438. color:{color:accent1}
  439. }
  440.  
  441. #tags {
  442. float:center;
  443. width:525px;
  444. margin-top:0px;
  445. margin-left:-7px;
  446. text-align:center;
  447. font-family:calibri, sans-serif;
  448. font-size:8px;
  449. padding:5px;
  450. padding-bottom:0px;
  451. font-size:8px;
  452. opacity:1;
  453. transition-duration: 0.5s;
  454. -moz-transition-duration: 0.5s;
  455. -webkit-transition-duration: 0.5s;
  456. -o-transition-duration: 0.5s
  457. color:{color:tags};
  458. }
  459.  
  460. #tags a {
  461. letter-spacing:1px;
  462. font-size:8px;
  463. text-align:center;
  464. text-decoration:none;
  465. display:inline-block;
  466. color:{color:tags};
  467. font-family:calibri, sans-serif;
  468. }
  469.  
  470. #tags a:hover {
  471. -moz-transition-duration:0.3s;
  472. -webkit-transition-duration:0.3s;
  473. -o-transition-duration:0.3s;
  474. color:{color:links};
  475. }
  476.  
  477.  
  478. ol.notes {
  479. display:block;
  480. text-align:center;
  481. list-style-type:none;
  482. margin-left:250px;
  483. }
  484.  
  485. ol.notes li.note{
  486. margin-left:250px;
  487. margin-bottom:5px;
  488. line-height:110%;
  489. }
  490.  
  491. .pagenotes {
  492. text-align:center;
  493. margin-top:15px;
  494. background:none;
  495. margin-left:250px;
  496. }
  497.  
  498. .pagenotes img{
  499. padding-right:5px;
  500. padding-top:5px;
  501. margin-bottom:-5px;
  502. }
  503.  
  504.  
  505.  
  506. /*CHAT*/
  507.  
  508. ul.chat{
  509. list-style:none;
  510. margin-left:-40px;
  511. }
  512.  
  513. .chat span {
  514. float: left;
  515. }
  516.  
  517. p.chat {
  518. padding-left:3px;
  519. border-radius:3px;
  520. }
  521.  
  522. /*QUOTES*/
  523.  
  524. .quote{
  525. font-size:12px;
  526. font-family:'Playfair Display', serif;
  527. font-weight:bold;
  528. text-align:justify;
  529. line-height:100%;
  530. background:transparent;
  531. text-transform:uppercase;
  532. }
  533.  
  534. .qsource{
  535. text-align:right;
  536. margin-bottom:20px;
  537. color:{color:italic};
  538. font-size:20px;
  539. line-height:6px;
  540. font-family: 'Nothing You Could Do', cursive;
  541. text-transform:lowercase;
  542. padding:7px;
  543. }
  544.  
  545. /*AUDIO*/
  546.  
  547. .songart{
  548. float:left;
  549. margin-right:10px;
  550. }
  551.  
  552. .songart img{
  553. width:77px;
  554. height:77px;
  555. }
  556.  
  557. .audio {
  558. margin-top:-10px;
  559. }
  560.  
  561. .songtitle{
  562. margin-bottom:10px;
  563. margin-left:90px;
  564. text-shadow: 1px 1px 0px {color:shadow};
  565. }
  566.  
  567. .songauthor{
  568. margin-bottom:10px;
  569. font-size:8px;
  570. margin-left:90px;
  571. }
  572.  
  573. .tumblr_audio_player {
  574. height: 50px;
  575. border-radius:3px;
  576. }
  577.  
  578.  
  579. /*QUESTION*/
  580.  
  581. #asker {
  582. font-family: 'Nothing You Could Do', cursive;
  583. text-align:left;
  584. text-transform:lowercase;
  585. color: {color:italic};
  586. font-size:16px;
  587. font-weight:bold;
  588. margin-bottom:-5px;
  589. }
  590.  
  591. #ask {
  592. padding:2px;
  593. font-size:10px;
  594. font-weight:bold;
  595. letter-spacing:1px;
  596. font-family:'Playfair Display', serif;
  597. color:{color:text};
  598. text-align:center;
  599. text-transform:uppercase;
  600. background-image:url('{image:info}') ;
  601. background-color:{color:info background};
  602. }
  603.  
  604.  
  605. /*PAGINATION*/
  606. #pagination {
  607. width:200px;
  608. font-size:12px;
  609. font-weight:bold;
  610. font-family:'Playfair Display', serif;
  611. z-index:9999999999999999;
  612. text-align:center;
  613. color:{color:sidebar text};
  614. position:fixed;
  615. margin-left:900px;
  616. height:20px;
  617. margin-top:632px;
  618. }
  619.  
  620. #pagination a {
  621. color:{color:Links Background};
  622. font-size:16px;
  623. font-family: 'Nothing You Could Do', cursive;
  624. z-index:999999999999;
  625. background-color:transparent;
  626. text-transform:lowercase;
  627. line-height:10px;
  628. }
  629.  
  630.  
  631. /*CREDIT - DO NOT REMOVE!!!*/
  632.  
  633. #cred {
  634. position:fixed;
  635. font-family:'Playfair Display', serif;
  636. text-transform:uppercase;
  637. font-size:18px;
  638. left:9px;
  639. bottom:9px;
  640. padding:4px;
  641. letter-spacing:1px;
  642. -webkit-transition: opacity 0.8s linear;
  643. opacity: 0.5;
  644. }
  645.  
  646.  
  647. #cred a {
  648. position:fixed;
  649. font-family:'Playfair Display', serif;
  650. text-transform:uppercase;
  651. font-size:18px;
  652. left:9px;
  653. bottom:9px;
  654. padding:4px;
  655. letter-spacing:1px;
  656. -webkit-filter: grayscale(100%);
  657. }
  658.  
  659. #cred a:hover {
  660. -webkit-filter: grayscale(0%);
  661. }
  662.  
  663.  
  664. {CustomCSS}
  665.  
  666. </style></head>
  667.  
  668. <body>
  669.  
  670. <!--- UPDATE FLAGS --->
  671.  
  672. <div id="flags">
  673. <div id="flag1"><div id="upd1">
  674.  
  675. {text:update flag 1}
  676.  
  677. </div></div>
  678.  
  679. <div id="flag2"><div id="upd2">
  680.  
  681. {text:update flag 2}
  682.  
  683. </div></div>
  684.  
  685.  
  686. <div id="flag3"><div id="upd3">
  687.  
  688. {text:update flag 3}
  689.  
  690. </div></div>
  691. <!---- END UPDATE FLAGS ---->
  692.  
  693. </div>
  694.  
  695.  
  696. <!---- start of your html ---->
  697.  
  698.  
  699. <div id="sidebar">
  700.  
  701. <div id="title">{title}</div>
  702.  
  703. <div id="description">{description}
  704. <br>
  705. {text:sidebar}</div>
  706.  
  707. <div id="links" >
  708. <a href="/" title="refresh">I</a>
  709. <a href="{text:link2}" title="{text:link2 title}">II</a> <a href="{text:link3}" title="{text:link3 title}">III</a> <a href="{text:link4}" title="{text:link4 title}">IV</a> <a href="{text:link5}" title="{text:link5 title}">V</a>
  710. </div>
  711. </div>
  712.  
  713.  
  714. <div id="pagination">{block:Pagination}
  715. {block:PreviousPage}
  716. <a href="{PreviousPage}" title="newer">hide</a>
  717. {/block:PreviousPage}
  718.  
  719. {block:NextPage}
  720. <a href="{NextPage}" title="older">run</a>
  721. {/block:NextPage}
  722. {/block:Pagination}</div>
  723.  
  724.  
  725. <!--- the start of your posts ---->
  726.  
  727. <div id="box">
  728. <div id="entries">
  729. {block:Posts}
  730. <div id="post">
  731.  
  732. <!--- TEXT POSTS ---->
  733.  
  734. {block:Text}
  735. {block:Title}<h1>{Title}</h1>{/block:Title}
  736. {Body}{/block:Text}
  737.  
  738. <!--- PHOTO POSTS ---->
  739.  
  740. {block:Photo}
  741. <a href="{Permalink}">
  742. <img src="{PhotoURL-500}" width="100%"></a>
  743. {block:Caption}{Caption}{/block:Caption}
  744. {/block:Photo}
  745.  
  746. <!--- PHOTOSET POSTS ---->
  747.  
  748. {block:Photoset}
  749. {Photoset}
  750. {block:Caption}{Caption}{/block:Caption}
  751. {/block:Photoset}
  752.  
  753. <!--- QUOTE POSTS ---->
  754.  
  755. {block:Quote}<div class="quote">❝ {Quote} ❞</div>
  756. {block:Source}<div class="qsource"> — {Source}</div>
  757. {/block:Source}{/block:Quote}
  758.  
  759. <!--- LINK POSTS ---->
  760.  
  761. {block:Link}<h1><a href="{URL}" {Target}><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  762.  
  763. <!--- CHAT POSTS ---->
  764.  
  765. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  766.  
  767. <!--- AUDIO POSTS ---->
  768.  
  769. {block:Audio}{block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" align="left" style="margin-right:10px" /></div>{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</span>
  770. {block:TrackName}
  771. <b style="font-size:9px;"><u>Title:</u></b> <span style="color:{color:accent2};">{TrackName}</span><br>{/block:TrackName}
  772. {block:Artist}<b style="font-size:9px;"><u>Artist:</u></b> <span style="color:{color:accent2};">{Artist}</span>{/block:Artist}
  773. {/block:ExternalAudio}
  774. {block:Caption}{Caption}{/block:Caption}
  775. {/block:Audio}
  776.  
  777. <!--- VIDEO POSTS ---->
  778.  
  779. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  780.  
  781. <!--- ASK POSTS ---->
  782.  
  783. {block:Answer}<div id="asker">{Asker} asked:</div><div id="ask"> <p><p><p><p><p>{Question}</div></span><font face="calibri"><span>{Answer}</span>{/block:Answer}
  784.  
  785. <!--- INFO & TAGS ---->
  786.  
  787. <div id="info">
  788. <a href="{Permalink}" title="posted {TimeAgo}">{TimeAgo}</a> - <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> - <a href="{ReblogURL}" target="_blank" class="details" title="reblog">Reblog</a>
  789. <div id="tags">
  790. {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  791.  
  792.  
  793.  
  794. </div>
  795. </div>
  796.  
  797. <!--- POSTNOTES ---->
  798.  
  799. {block:Posts}
  800. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  801. {/block:Posts}</div></div></div>
  802. <br><br><br><br>
  803.  
  804. <!--- CREDIT ---->
  805.  
  806. <div id="cred">
  807. <a href="http://crybaby-rph.tumblr.com/" title="theme by crybaby-rph">💧</a>
  808. </div>
  809. </body>
  810.  
  811.  
  812.  
  813.  
  814. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement