Advertisement
reptilha

Margens — 001

Jul 24th, 2018
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.48 KB | None | 0 0
  1. <!--
  2.  
  3. Theme desenvolvido por @reptilha
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. --->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="https://www.w3.org/1999/xhtml">
  16.  
  17. <head>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26. <!-- jquery -->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  28. <!-- jquery -->
  29.  
  30. <script>
  31. $(document).ready(function(){
  32. /**** tumblr blogs avatars ****/
  33. $(".tumblr_blog").each(function() {
  34. var tumblrblogurl = $(this).text();
  35. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  36. });
  37. /**** tumblr blogs avatars ****/
  38. });
  39. </script>
  40.  
  41. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  42.  
  43. <meta name="image:Background" content="" />
  44. <meta name="image:Foto" content="" />
  45.  
  46. <meta name="color:Font" content="#000"/>
  47. <meta name="color:Background" content="#000"/>
  48. <meta name="color:Links" content="#000"/>
  49. <meta name="color:Links Menu" content="#ccc"/>
  50. <meta name="color:Link Hover" content="#ccc"/>
  51. <meta name="color:Titles" content="#000"/>
  52. <meta name="color:Links Hover Menu" content="#ccc"/>
  53. <meta name="color:Borders" content="#eee"/>
  54.  
  55. <meta name="text:AskLabel" content="perguntou" />
  56. <meta name="if:DarkButtons" content="" />
  57.  
  58. <meta name="text:Link 1" content="Link" />
  59. <meta name="text:Link 1 url" content="" />
  60. <meta name="text:Link 2" content="Link" />
  61. <meta name="text:Link 2 url" content="" />
  62. <meta name="text:Link 3" content="Link" />
  63. <meta name="text:Link 3 url" content="" />
  64. <meta name="text:Link 4" content="Link" />
  65. <meta name="text:Link 4 url" content="" />
  66. <meta name="text:Link 5" content="Link" />
  67. <meta name="text:Link 5 url" content="" />
  68.  
  69. <meta name="select:Position" content="auto" title="Center">
  70. <meta name="select:Position" content="50px" title="Left">
  71.  
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  74. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  75.  
  76. <style type="text/css">
  77.  
  78. /* config */
  79.  
  80. body{
  81. font-family:century gothic;
  82. background:{color:Background};
  83. background-image:url('{image:Background}');
  84. background-repeat:no-repeat;
  85. background-attachment:fixed;
  86. background-size:100%;
  87. font-size:14px;
  88. color:{color:Font};
  89. line-height:22px;
  90. overflow-x:hidden;
  91. }
  92.  
  93. img {
  94. height: auto;
  95. width: auto;
  96. }
  97.  
  98. iframe, img, embed, object, video{
  99. max-width: 100%;
  100. }
  101.  
  102. .photo{
  103. width:100%;
  104. border-radius: 3px;
  105. -webkit-transition: all 0.5s ease-out;
  106. -moz-transition: all 0.5s ease-out;
  107. -o-transition: all 0.5s ease-out;
  108. transition: all 0.5s ease-out;
  109. }
  110.  
  111. .post:hover .photo{
  112. opacity:1.0;
  113. }
  114.  
  115.  
  116. a{
  117. color:{color:Links};
  118. cursor:help;
  119. font-weight:bold;
  120. -webkit-transition: all 0.5s ease-out;
  121. -moz-transition: all 0.5s ease-out;
  122. -o-transition: all 0.5s ease-out;
  123. transition: all 0.5s ease-out;
  124. }
  125.  
  126. .box iframe {
  127. max-width: 100%;
  128.  
  129. }
  130.  
  131. .text img {
  132. max-width: 100%;
  133.  
  134. }
  135.  
  136. blockquote{
  137. margin-left:0%;
  138. width:100%;
  139. }
  140.  
  141. .box img {
  142. display: block;
  143.  
  144. }
  145.  
  146. .clear {
  147. clear: both;
  148.  
  149. }
  150.  
  151. #pagination {
  152. display: none;
  153.  
  154. }
  155.  
  156. a:hover{
  157. color:{color:Link Hover};
  158. }
  159.  
  160. .clearfix:after{
  161. content:".";
  162. display:block;
  163. clear:both;
  164. visibility:hidden;
  165. line-height:0;
  166. height:0;
  167.  
  168. }
  169.  
  170. .clearfix{
  171. display:inline-block;
  172.  
  173. }
  174.  
  175. html[xmlns] .clearfix{
  176. display:block;
  177.  
  178. }*
  179.  
  180. html .clearfix{
  181. height:1%;
  182.  
  183. }
  184.  
  185. a{
  186. text-decoration:none;
  187. }
  188.  
  189. .post {
  190. position: relative;
  191. width:450px;
  192. text-align:justify;
  193. float:left;
  194. margin-right:0px;
  195. margin-top:0px;
  196. {block:PermalinkPage}
  197. width:450px;
  198. {/block:PermalinkPage}
  199.  
  200. }
  201.  
  202. #contain {
  203. width:600px;
  204. background
  205. height:100%;
  206. margin-top:0px;
  207. margin-left:{select:Position};
  208. margin-right:auto;
  209. min-height:700px;
  210.  
  211. }
  212.  
  213. #content {
  214. width:450px;
  215. margin-top:30px;
  216. margin-left:170px;
  217. }
  218.  
  219. #infscr-loading {display:none!important;}
  220. #infscr-loading img {display:none;}
  221. #pagination {display:none;}
  222.  
  223. /**** tumblr blogs avatars ****/
  224. .tumblr_blog {margin-left: 40px;text-transform:uppercase;
  225. font-weight:normal; font-size:12px;
  226. } /** aqui você edita a aparência do link do blog **/
  227. .tumblr_blog_avatar {width: 30px; height: 30px; border-radius: 2px;position:absolute;margin-right:px;margin-top:-4px;vertical-align:-5px;} /** aqui você edita a aparência do avatar **/
  228. /**** tumblr blogs avatars ****/
  229.  
  230.  
  231.  
  232. .iframe-controls--desktop {
  233. position:fixed;
  234. padding-top:20px;
  235. padding-right:20px;
  236. z-index:9999999999999999999999999999;
  237. {block:IfDarkButtons}
  238. filter:invert(100%);
  239. -webkit-filter:invert(100%);
  240. {/block:IfDarkButtons}
  241. -webkit-transform:scale(0.6,0.6);
  242. -webkit-transform-origin: 100% 0%;
  243. -ms-transform-origin:100% 0%;
  244. -ms-transform:scale(0.6,0.6);
  245. transform:scale(0.6,0.6);
  246. transform-origin:100% 0%;
  247. }
  248.  
  249. .thememaker{
  250. position:fixed;
  251. margin-top:-10px;
  252. right:0px;
  253. font-size:13px;
  254. z-index:9999999999999999999999999999;
  255. {block:IfDarkButtons}
  256. color:black;
  257. {/block:IfDarkButtons}
  258. {block:IfNotDarkButtons}
  259. color:white;
  260. {/block:IfNotDarkButtons}
  261. }
  262.  
  263. #scrollToTop{
  264. right:5px;
  265. bottom:10px;
  266. position:fixed;
  267. font-size:13px;
  268. z-index:9999999999999999999999999999;
  269. {block:IfDarkButtons}
  270. color:black;
  271. {/block:IfDarkButtons}
  272. {block:IfNotDarkButtons}
  273. color:white;
  274. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  275. {/block:IfNotDarkButtons}
  276. }
  277.  
  278.  
  279.  
  280. ::-moz-selection {color:inherit;background: transparent;}
  281.  
  282. ::selection {color:inherit;background: transparent;}
  283.  
  284. b{
  285. font-weight:bold;
  286. }
  287.  
  288. .caption{
  289. margin-top:10px;
  290. }
  291.  
  292. ::-webkit-scrollbar
  293. {width: 19px; height: 19px; z-index:-1;}
  294. ::-webkit-scrollbar-track-piece
  295. {background-color: {color:Background};-webkit-border-radius:px;}
  296. ::-webkit-scrollbar-thumb:vertical
  297. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:8px solid {color:Background}; }
  298. ::-webkit-scrollbar-thumb:horizontal
  299. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:8px solid {color:Background}; }
  300.  
  301. .source{
  302. font-weight:bold;
  303. margin-top:3px;
  304. }
  305.  
  306. #s-m-t-tooltip {
  307. max-width:200px;
  308. padding:3px 10px 3px 10px;
  309. border:1px solid {color:Borders};
  310. margin:15px 20px;
  311. border-radius:3px;
  312. background:{color:Background};
  313. z-index:123456789;
  314.  
  315. }
  316.  
  317. #tumblr_lightbox {
  318. background-color:rgba(225, 225, 225, .7)!important;
  319. z-index:99999!important;
  320. }
  321.  
  322. #tumblr_lightbox img {opacity:0;}
  323.  
  324. #tumblr_lightbox_caption {
  325. color:black!important;
  326. font-family:arial!important;
  327. font-size:10px!important;
  328. font-weight:normal!important;
  329. text-shadow:none!important;
  330. }
  331. #tumblr_lightbox_center_image,
  332. #tumblr_lightbox_left_image,
  333. #tumblr_lightbox_right_image {
  334. background:white!important;
  335. -moz-box-shadow:none!important;
  336. -webkit-box-shadow:none!important;
  337. box-shadow:none!important;
  338. -moz-border-radius:0px!important;
  339. -webkit-border-radius:0px!important;
  340. border-radius:0px!important;
  341. opacity:1!important;
  342. }
  343.  
  344. #tumblr_lightbox_left_image,
  345. #tumblr_lightbox_right_image {opacity:.6!important;}
  346.  
  347. /* config */
  348.  
  349. reb{
  350. display:block;
  351. font-style:italic;
  352. }
  353.  
  354. reb span{
  355. vertical-align:0px;
  356. margin-left:5px;
  357. margin-right:5px;
  358. display:inline-block;
  359. font-size:8px;
  360. }
  361.  
  362. time{ font-style:;
  363. margin-right:10px;
  364. -webkit-transition: all 0.5s ease-out;
  365. -moz-transition: all 0.5s ease-out;
  366. -o-transition: all 0.5s ease-out;
  367. transition: all 0.5s ease-out;
  368. {block:PermalinkPage}
  369. display:none;
  370. {/block:PermalinkPage}
  371. }
  372.  
  373. pd{
  374. display:block;
  375. padding:px;
  376. }
  377.  
  378. /**Fragile Help**/
  379. .lnotes {display:block; margin-top:5px;}
  380. .lnotes .avatar {border:none; margin:5px; width:46px; padding:0;border-radius:1px;}
  381. .lnotes ol {margin:0; padding:0;}
  382. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  383. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  384. .more_box {display:block; width:500px; height:35px; margin:0; padding:0;width:}
  385. .more_notes_link_container a {width:500px; font-style:italic; font-size:12px; font-style:italic; display:block; text-align:center; width:500px;margin-top:30px;margin-bottom:30px;}
  386. .lnotes blockquote {display:none;}
  387.  
  388. lin{
  389. display:block;
  390. padding:10px;
  391. width:500px;
  392. }
  393.  
  394. lin span{
  395. margin:5px;
  396. font-size:15px;
  397. }
  398. {block:Tags}
  399. a{
  400. font-weight:normal;
  401. }
  402. {/block:Tags}
  403.  
  404. .chat li{
  405. list-style:none;
  406. }
  407.  
  408. blockquote{
  409. margin-left:0px;
  410. }
  411.  
  412. .chat span{
  413. font-weight:bold;
  414. font-family:calibri;
  415. text-transform:uppercase;
  416. letter-spacing:1px;
  417. }
  418.  
  419. .pessoa { text-transform:uppercase; font-size:12px;;line-height:20px;}
  420. .pessoa a{display:;text-transform:uppercase; font-size:13px; font-weight:normal; color:{color:Links Hover};letter-spacing:x;
  421. border-bottom:1px solid {color:Borders};}
  422. .pessoa img{ width:40px;border-radius:1px;margin-bottom:5px;display:inline-block;position:absolute;}
  423. .pergunta { background:; margin-top:10px;padding-bottom:20px; margin-left:0px; border-bottom:1px solid {color:Borders}; text-align:left; }
  424. .resposta { padding:15px; padding-top:px; padding-bottom:10px; background:transparent;margin-top:-20px;}
  425.  
  426. sidebar{
  427. position:fixed;
  428. width:130px;
  429. margin-left:px;
  430. margin-top:0px;
  431. height:105%;
  432. display:block;
  433. }
  434.  
  435.  
  436. sidebar img{
  437. width:100%;
  438. margin-bottom:20px;
  439. border-radius:3px;
  440. display:block;
  441. }
  442.  
  443. h1, h2, h3{
  444. font-size:20px;
  445. font-weight:normal;
  446. color:{color:Titles};
  447. }
  448.  
  449. sidebar h1{
  450. display:inline-block;
  451. background:{color:Background};
  452. margin-top:-5px;
  453. font-size:18px;
  454. z-index:99999999999999999;
  455. margin-bottom:0px;}
  456.  
  457. bio{
  458. text-align:justify;
  459. display:block;
  460. }
  461.  
  462. bio:first-letter{
  463. font-size:25px;
  464. padding:0px 10px 0px 10px;
  465. background:{color:Titles};
  466. color:white;
  467. margin-right:5px;
  468. font-family: 'Lora', serif;
  469.  
  470. }
  471.  
  472. .source{
  473. font-style:italic;
  474. font-weight:bold;
  475. }
  476.  
  477. notes{
  478. display:block;
  479. width:80%;
  480. margin-top:0px;
  481. text-align:center;
  482. font-size:px;
  483. margin-left:0px!important;
  484. padding-bottom:30px;
  485. font-size:13px;
  486. text-transform:uppercase;
  487. font-family:calibri;
  488. opacity:0.0;
  489. -webkit-transition: all 1.2s ease-out;
  490. -moz-transition: all 1.2s ease-out;
  491. -o-transition: all 1.2s ease-out;
  492. transition: all 1.2s ease-out;
  493. padding-top:x;
  494. }
  495.  
  496. hov a{
  497. margin-right:10px;
  498. font-weight:normal;
  499. -webkit-transition: all 0.5s ease-out;
  500. -moz-transition: all 0.5s ease-out;
  501. -o-transition: all 0.5s ease-out;
  502. transition: all 0.5s ease-out;
  503. font-style:;
  504. }
  505.  
  506. .post:hover notes{
  507. opacity:1.0;
  508. margin-top:0px;
  509. }
  510.  
  511. .menu a:hover{
  512. padding-left:2px;
  513. color:{color:Links Hover Menu};
  514. }
  515.  
  516. .menu a{
  517. font-weight:normal;
  518. margin:px;
  519. display:block;
  520. color:{color:Links Menu};
  521. text-transform:upprcase;
  522. }
  523.  
  524. .menu{border-top:1px solid {color:Borders};
  525. padding-top:10px;
  526. -webkit-transition: all 1.5s ease-out;
  527. -moz-transition: all 1.5s ease-out;
  528. -o-transition: all 1.5s ease-out;
  529. transition: all 1.5s ease-out;
  530. overflow:hidden;
  531. font-family:;
  532. margin-top:10px;
  533. margin-bottom:10px; line-height:25px;
  534. }
  535.  
  536.  
  537. </style>
  538.  
  539. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  540.  
  541. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  542. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  543.  
  544. <link href="https://fonts.googleapis.com/css?family=Fira+Sans|Nunito|Roboto+Condensed" rel="stylesheet">
  545.  
  546. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  547.  
  548. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  549.  
  550. <a class="thememaker" href="https://reptilha.tumblr.com/themes"><span class="fa fa-download"></span></a>
  551.  
  552.  
  553. </head>
  554.  
  555. <body>
  556. <div id="contain">
  557.  
  558. <sidebar>
  559.  
  560. <img src="{image:Foto}">
  561.  
  562. <h1>{Title}</h1>
  563.  
  564. <nav class="menu">
  565. <a href="{text:Link 1 Url}">{text:Link 1}</a> <a href="{text:Link 2 Url}">{text:Link 2}</a> <a href="{text:Link 3 Url}">{text:Link 3}</a> <a href="{text:Link 4 Url}">{text:Link 4}</a> <a href="{text:Link 5 Url}">{text:Link 5}</a>
  566. </nav>
  567.  
  568.  
  569. </sidebar>
  570.  
  571.  
  572. <div id="content">
  573. {block:Posts}
  574. <div class="post">
  575.  
  576. {block:Text}
  577. <pd> {block:Title}
  578. <h1>{Title}</h1>
  579. {/block:Title}{Body}</pd>
  580. {/block:Text}
  581.  
  582. {block:Photo}
  583. <pd> <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  584.  
  585. {block:Caption}
  586. <div class="caption">{Caption}</div>
  587. {/block:Caption}</pd>
  588. {/block:Photo}
  589.  
  590. {block:Panorama}
  591. {LinkOpenTag}
  592. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  593. {LinkCloseTag}<pd>{block:Caption}
  594. <div class="caption">{Caption}</div>
  595. {/block:Caption}</pd>
  596. {/block:Panorama}
  597.  
  598. {block:Photoset}
  599. <pd> {Photoset}
  600. {block:Caption}{Caption}{/block:Caption}</pd>
  601. {/block:Photoset}
  602.  
  603. {block:Quote}
  604. <pd> {Quote}
  605.  
  606. {block:Source}
  607. <div class="source">{Source}</div>
  608. {/block:Source}</pd>
  609. {/block:Quote}
  610.  
  611. {block:Link}
  612. <pd> <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  613. {block:Description}
  614. <div class="description">{Description}</div>
  615. {/block:Description}</pd>
  616. {/block:Link}
  617.  
  618. {block:Chat}
  619. <pd> {block:Title}
  620. <h3><a href="{Permalink}">{Title}</a></h3>
  621. {/block:Title}
  622.  
  623. <ul class="chat">
  624. {block:Lines}
  625. <li class="{Alt} user_{UserNumber}">
  626. {block:Label}
  627. <span class="label">{Label}</span>
  628. {/block:Label}{Line}
  629. </li>
  630. {/block:Lines}
  631. </ul></pd>
  632. {/block:Chat}
  633.  
  634. {block:Video}
  635. {Video-500}<pd>{block:Caption}
  636. <div class="caption">{Caption}</div>
  637. {/block:Caption}</pd>
  638. {/block:Video}
  639.  
  640. {block:Audio}
  641. {AudioEmbed}<pd>{block:Caption}
  642. <div class="caption">{Caption}</div>
  643. {/block:Caption}</pd>
  644. {/block:Audio}
  645.  
  646. {block:Answer}
  647. <pd><div class="pessoa">{Asker} {text:AskLabel}</div>
  648. <div class="pergunta">{Question}</div></pd>
  649. <div class="resposta">{Answer}</div>
  650. {/block:Answer}
  651.  
  652. {block:ContentSource}
  653. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  654. {/block:ContentSource}
  655. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  656.  
  657. <center>{block:IndexPage}<notes>
  658. <time>{TimeAgo}</time> <hov><a href="{Permalink}" title="Dados da Postagem"><span class="fa fa-heart-o"></span> {NoteCount}</a> <a href="{ReblogUrl}" title="Compartilhar"><span class="fa fa-refresh"></span></a></hov></notes>{/block:IndexPage} </center>
  659.  
  660. </div>
  661.  
  662. {block:PermalinkPage}
  663. {block:PostNotes}
  664. <div class="post">
  665.  
  666. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  667. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  668. {block:ContentSource}
  669. <lin>{lang:Source}:<a href="{SourceURL}">{Source}</a></lin>{/block:ContentSource}
  670. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  671.  
  672. </div>
  673. {/block:PostNotes}
  674. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  675.  
  676. {/block:PermalinkPage}
  677.  
  678. {block:Pagination}
  679. <div id="pagination">
  680. {block:PreviousPage}
  681. <a href="{PreviousPage}"></a>
  682. {/block:PreviousPage}
  683. {block:NextPage}
  684. <a id="nextPage" href="{NextPage}"></a>
  685. {/block:NextPage}
  686. </div>
  687. {/block:Pagination}
  688.  
  689.  
  690.  
  691.  
  692.  
  693. {block:IndexPage}
  694. <script type="text/javascript">
  695. $(window).load(function () {
  696. $('#content').masonry(),
  697. $('.masonryWrap').infinitescroll({
  698. navSelector : '#pagination',
  699. nextSelector : '#nextPage',
  700. itemSelector : ".post, .loading",
  701. bufferPx : 20,
  702. },
  703. function() { $('#content').masonry({ appendedContent: $(this) }); });
  704. });
  705. </script>
  706. {/block:IndexPage}
  707.  
  708. {/block:Posts}
  709.  
  710.  
  711. </div>
  712.  
  713. <div class="loading"></div>
  714.  
  715.  
  716.  
  717. </body>
  718.  
  719. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement