Advertisement
tanaxmercedes

Dimensions Theme

Sep 20th, 2018
2,244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.08 KB | None | 0 0
  1. <!--
  2.  
  3. Dimensions Theme
  4.  
  5.  
  6. โ’ธ๐™’๐™๐™ž๐™ข๐™จ๐™ฎ๐™๐™๐™š๐™ข๐™š๐™จ
  7. designed and coded by @tanaboo
  8.  
  9.  
  10. release date: 09.21.2018
  11. last update: 09.21.2018
  12.  
  13. -->
  14.  
  15. <!DOCTYPE html>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  21. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  22. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  23. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  24. <link href="https://fonts.googleapis.com/css?family=Fugaz+One" rel="stylesheet">
  25.  
  26.  
  27.  
  28. <!-- CUSTOMIZATION OPTIONS -->
  29. <meta name="image:Sidebar" content="">
  30. <meta name="image:Background" content="">
  31.  
  32. <meta name="color:Background" content="#0a0a0d">
  33. <meta name="color:Text" content="#666666" />
  34. <meta name="color:Post" content="#fff">
  35. <meta name="color:Link" content="#aaa">
  36. <meta name="color:Link Hover" content="#ddd">
  37. <meta name="color:Highlight" content="#facade">
  38. <meta name="color:Scrollbar" content="#eee">
  39. <meta name="color:Accent" content="#facade">
  40.  
  41. <meta name="if:Sidebar Img" content="0">
  42. <meta name="if:Infinite Scroll" content="0">
  43.  
  44. <meta name="select:Text" content="9px">
  45. <meta name="select:Text" content="10px">
  46. <meta name="select:Text" content="11px">
  47. <meta name="select:Text" content="12px">
  48. <meta name="select:Text" content="13px">
  49. <meta name="select:Text" content="14px">
  50.  
  51. <meta name="select:Post" content="150px">
  52. <meta name="select:Post" content="200px">
  53. <meta name="select:Post" content="300px">
  54. <meta name="select:Post" content="400px">
  55. <meta name="select:Post" content="500px">
  56.  
  57. <meta name="select:Font" content="trebuchet ms">
  58. <meta name="select:Font" content="lucida console">
  59. <meta name="select:Font" content="times new roman">
  60. <meta name="select:Font" content="georgia">
  61. <meta name="select:Font" content="verdana">
  62. <meta name="select:Font" content="courier new">
  63. <meta name="select:Font" content="arial">
  64. <meta name="select:Font" content="calibri">
  65. <meta name="select:Font" content="consolas">
  66. <meta name="select:Font" content="ms gothic">
  67.  
  68. <meta name="text:Link One" content="one" >
  69. <meta name="text:Link One URL" content="/">
  70. <meta name="text:Link One Title" content="title">
  71. <meta name="text:Link Two" content="two" >
  72. <meta name="text:Link Two URL" content="/">
  73. <meta name="text:Link Two Title" content="title">
  74. <meta name="text:Link Three" content="three" >
  75. <meta name="text:Link Three URL" content="/">
  76. <meta name="text:Link Three Title" content="title">
  77. <meta name="text:Link Four" content="four" >
  78. <meta name="text:Link Four URL" content="/">
  79. <meta name="text:Link Four Title" content="title">
  80.  
  81. <!-- CSS STYLING -->
  82. <style type="text/css">
  83.  
  84. /* TUMBLR CONTROLS */
  85. iframe.tmblr-iframe {
  86. z-index:99999999999999!important;
  87. top:-10px!important;
  88. margin-right:-20px!important;
  89. opacity:0.4;
  90. transform: scale(0.8);
  91. }
  92.  
  93. iframe.tmblr-iframe:hover {
  94. opacity:0.6!important;}
  95.  
  96. /* SCROLLBAR */
  97. ::-webkit-scrollbar {
  98. width: 6px;
  99. background: transparent; }
  100.  
  101. ::-webkit-scrollbar-thumb {
  102. border-radius:3px;
  103. background: transparent;
  104. border-left: 2.5px solid #04F2EA;
  105. border-right: 2.5px solid #ff0f54;
  106. }
  107.  
  108. /* TEXT HIGHLIGHT */
  109. ::selection {
  110. background: {color:Highlight};
  111. }
  112. ::-moz-selection {
  113. background: {color:Highlight};
  114. }
  115.  
  116. /* TOOLTIP STYLING */
  117. .ease-in-outip{
  118. display: inline;
  119. position: relative;
  120. }
  121. #s-m-t-tooltip {
  122. max-width:300px;
  123. height:auto;
  124. border-radius: 3px;
  125. padding:4px;
  126. margin:20px 7px -2px 20px;
  127. background-color: #fff;
  128. font-size:9px;
  129. letter-spacing:1px;
  130. text-transform:uppercase;
  131. color:#bbb;
  132. z-index:999999999999999999999999999999999999;
  133. -moz-transition: all .3s ease-in-out;
  134. -o-transition: all .3s ease-in-out;
  135. -webkit-transition: all .3s ease-in-out;
  136. transition: all .3s ease-in-out;
  137. -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.1);
  138. -moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.1);
  139. box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.1);
  140. }
  141.  
  142. body {
  143. background-color: {color:background};
  144. background-image: url({image:background});
  145. background-attachment:fixed;
  146. background-repeat:repeat;
  147. background-position:center;
  148. font-family: {select:Font};
  149. font-size: 11px;
  150. color: {color:text};
  151. word-wrap:break-word;
  152. }
  153.  
  154. /* LINKS */
  155. a{
  156. color:{color:Link};
  157. }
  158.  
  159. a:hover{
  160. color:{color:Link Hover};
  161. color: #000;
  162. text-shadow: 2px 1px 0px #04F2EA, -1px -1px 0px #ff0f54;
  163. }
  164.  
  165. a:active {
  166. background-color: none;
  167. border:none;
  168. }
  169.  
  170. blockquote {
  171. padding-left:5px;
  172. border-left:1px dotted {color:Accent};
  173. margin-left:3px;
  174. margin-bottom:5px;
  175. }
  176.  
  177. iframe, img, embed, object, video {
  178. max-width: 100%;
  179. }
  180.  
  181. img {
  182. height: auto;
  183. width: auto;
  184. }
  185.  
  186. #sidebar{
  187. z-index: 9999;
  188. padding:12px;
  189. padding-left: 22px;
  190. padding-right: 22px;
  191. background:#121217;
  192. top:130px;
  193. left:60px;
  194. height:150px;
  195. width:200px;
  196. position:fixed;
  197. border-radius:5px;
  198. -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
  199. -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
  200. box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
  201. }
  202.  
  203. #sidebarbg{
  204. z-index: 999;
  205. padding:12px;
  206. padding-left: 22px;
  207. padding-right: 22px;
  208. background:#0F0F13;
  209. top:120px;
  210. left:45px;
  211. height:170px;
  212. width:220px;
  213. position:fixed;
  214. border-radius:12px;
  215. border-left: 5px solid #04F2EA;
  216. border-right: 5px solid #ff0f54;
  217. }
  218.  
  219. .desc{
  220. height:100px;
  221. padding:6px;
  222. }
  223.  
  224. #links {
  225. margin-top:5px;
  226. }
  227.  
  228. #links a{
  229. font-style:italic;
  230. text-transform:uppercase;
  231. }
  232.  
  233. #links a:hover{
  234. letter-spacing:1px;
  235. }
  236.  
  237. /* POSTS */
  238. #content {
  239. right:20%;
  240. margin-top:30px;
  241. width: 600px; /* CHANGE # OF COLUMNS */
  242. float: right;
  243. }
  244.  
  245. article {
  246. background:#0F0F13;
  247. margin: 20px;
  248. padding: 10px;
  249. width: {select:Post};
  250. border-radius:12px;
  251. }
  252.  
  253. article img{
  254. border-radius:14px;
  255. }
  256.  
  257. #caption{
  258. margin-top: 12px;
  259. padding: 6px;
  260. background: #121217;
  261. border-radius:14px;
  262. }
  263.  
  264. .chat span {
  265. float: left;
  266. margin-right: 10px;
  267. }
  268. /* PERMALINKS */
  269. #perma {
  270. text-align: left;
  271. position: relative;
  272. margin-top:2px;
  273. padding-top: 4px;
  274. font-family: arial;
  275. padding:2px;
  276. font-size: 10px;
  277. padding-left:3px;
  278. {block:PermalinkPage}
  279. display:none;
  280. {/block:PermalinkPage}
  281. }
  282.  
  283. .title{
  284. font-family: 'Fugaz One', cursive;
  285. font-weight:normal;
  286. font-size:18px;
  287. margin:0 0 10px 0;
  288. color: #000;
  289. text-shadow: 2px 1px 0px #04F2EA, -1px -1px 0px #ff0f54;
  290. }
  291.  
  292. .quote{
  293. font-weight:normal;
  294. font-size:16px;
  295. font-style:italic;
  296. margin:0 0 10px 0;
  297. }
  298.  
  299. .tumblr_audio_player {
  300. width: 400px;
  301. height: 100px;
  302. overflow: hidden;
  303. position: relative;
  304. z-index: 1000;
  305. }
  306.  
  307. /* PAGE NAVIGATION */
  308. {block:ifnotinfinitescroll}
  309. .pagination {
  310. float:right;
  311. text-align: center;
  312. padding: 3px 0;
  313. }
  314.  
  315. .pagination a {
  316. color:;
  317. }
  318.  
  319. .pagination a:hover {
  320. color:;
  321. }
  322. {/block:ifnotinfinitescroll}
  323.  
  324. {block:ifinfinitescroll}
  325. .pagi {
  326. display:none;
  327. }
  328. {/block:ifinfinitescroll}
  329.  
  330. /* POST NOTES */
  331. .notes{
  332. margin:10px;
  333. padding-left:35px;
  334. height:60px;
  335. background:#f6f6f6;
  336. border:1px solid #f1f1f1;
  337. overflow-y:scroll;
  338. }
  339.  
  340. .notes .note img{
  341. display:;
  342. }
  343.  
  344.  
  345. .notes .note{
  346. margin-top:10px;
  347. }
  348.  
  349. .tri1{
  350. position: fixed;
  351. bottom: 0;
  352. left: 0;
  353. width: 0;
  354. height: 0;
  355. border-style: solid;
  356. border-width: 100px 0 0 600px;
  357. border-color: transparent transparent transparent #04F2EA;
  358. }
  359.  
  360. .tri2{
  361. position: fixed;
  362. top: 0;
  363. right: 0;
  364. width: 0;
  365. height: 0;
  366. border-style: solid;
  367. border-width: 0 600px 100px 0;
  368. border-color: transparent #ff0f54 transparent transparent;
  369. }
  370.  
  371. .dropbtn:active,
  372. .dropbtn:focus
  373. {
  374. outline:none;
  375. }
  376.  
  377. /* Dropdown Button */
  378. .dropbtn {
  379. background-color: #121217;
  380. color: white;
  381. padding: 10px;
  382. font-size: 24px;
  383. cursor: pointer;
  384. border-radius:12px;
  385. border: none;
  386. margin-top: 50px;
  387. border-left: 5px solid #04F2EA;
  388. border-right: 5px solid #ff0f54;
  389. -moz-transition: all .3s ease-in-out;
  390. -o-transition: all .3s ease-in-out;
  391. -webkit-transition: all .3s ease-in-out;
  392. transition: all .3s ease-in-out;
  393. }
  394.  
  395. /* Dropdown button on hover & focus */
  396. .dropbtn:hover, .dropbtn:focus {
  397. background-color: #0F0F13;
  398. }
  399.  
  400. /* The container <div> - needed to position the dropdown content */
  401. .dropdown {
  402. position: relative;
  403. display: inline-block;
  404. }
  405.  
  406. /* Dropdown Content (Hidden by Default) */
  407. .dropdown-content {
  408. margin-top: -45px;
  409. margin-left: 80px;
  410. display: none;
  411. border-radius: 12px;
  412. position: absolute;
  413. background-color: #1A1A23;
  414. min-width: 100px;
  415. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  416. z-index: 1;
  417. -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
  418. -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
  419. box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
  420. -webkit-animation: fadeInDownยท1s;
  421. -moz-animation: fadeInDown 1s;
  422. -ms-animation: fadeInDown 1s;
  423. -o-animation: fadeInDown 1s;
  424. animation: fadeInDown 1s;
  425. }
  426.  
  427. /* Links inside the dropdown */
  428. .dropdown-content a {
  429. color: black;
  430. padding: 8px 16px;
  431. text-decoration: none;
  432. display: block;
  433. border-radius:12px;
  434. -webkit-box-shadow: inset 0px 0px 0px 0px rgba(18,18,23,1);
  435. -moz-box-shadow: inset 0px 0px 0px 0px rgba(18,18,23,1);
  436. box-shadow: inset 0px 0px 0px 0px rgba(18,18,23,1);
  437. -moz-transition: all .3s ease-in-out;
  438. -o-transition: all .3s ease-in-out;
  439. -webkit-transition: all .3s ease-in-out;
  440. transition: all .3s ease-in-out;
  441. }
  442.  
  443. /* Change color of dropdown links on hover */
  444. .dropdown-content a:hover {
  445. border-radius:6px;
  446. -webkit-box-shadow: inset 110px 0px 5px 0px rgba(18,18,23,1);
  447. -moz-box-shadow: inset 110px 0px 5px 0px rgba(18,18,23,1);
  448. box-shadow: inset 110px 0px 5px 0px rgba(18,18,23,1);
  449. }
  450.  
  451. /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  452. .show {display:block;}
  453.  
  454. </style>
  455. </head>
  456. <body>
  457.  
  458. <div class="tri1"></div>
  459. <div class="tri2"></div>
  460.  
  461. <!-- SIDEBAR INFO -->
  462. <div id="sidebar">
  463. <div class="title">{Title}</div>
  464. <div class="desc">{Description}</div>
  465. <br><br>
  466.  
  467.  
  468. <div class="dropdown">
  469. <button onclick="myFunction()" class="dropbtn"> โ‰ก </button>
  470. <div id="myDropdown" class="dropdown-content">
  471. <a href="{text:Link One url}">&mdash; {text:Link One}</a>
  472. <a href="{text:Link Two url}">&mdash; {text:Link Two}</a>
  473. <a href="{text:Link Three url}">&mdash; {text:Link Three}</a>
  474. <a href="{text:Link Four url}">&mdash; {text:Link Four}</a>
  475. </div>
  476. </div>
  477.  
  478. <div id="articlebg"></div>
  479.  
  480. {block:Pagination}
  481. <div class="pagination">
  482. <div class="pagi">
  483. {block:PreviousPage}<a href="{PreviousPage}">
  484. <i class="fas fa-chevron-left"></i>
  485. </a>{/block:PreviousPage}
  486. {block:NextPage}<a href="{NextPage}">
  487. <i class="fas fa-chevron-right"></i>
  488. </a>{/block:NextPage}
  489. </div>
  490. </div>
  491. {/block:Pagination}
  492. </div>
  493.  
  494. <div id="sidebarbg"></div>
  495.  
  496. <nav>
  497. <ul>
  498. {block:HasPages}
  499. {block:Pages}
  500. <li> <a href="{URL}">{Label}</a></li>
  501. {/block:Pages}
  502. {/block:HasPages}
  503. </ul>
  504. </nav>
  505.  
  506. <div id="content">
  507. {block:Posts}
  508. <article>
  509. {block:Text}
  510. <div class="text">
  511. {block:Title}
  512. <h1 class="title">
  513. <a href="{Permalink}">{Title}</a>
  514. </h1>{/block:Title}
  515. {Body}
  516. {/block:Text}
  517.  
  518. {block:Photo}
  519. <div class="photo">
  520. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  521. {block:Caption}
  522. <div id="caption">
  523. {Caption}
  524. </div>
  525. {/block:Caption}
  526. {/block:Photo}
  527.  
  528. {block:Photoset}
  529. <div class="photoset">
  530. {block:IndexPage}
  531. {Photoset-500}
  532. {/block:IndexPage}
  533. {block:PermalinkPage}
  534. {Photoset-500}
  535. {/block:PermalinkPage}
  536. {block:Caption}
  537. <div id="caption">
  538. {Caption}
  539. </div>
  540. {/block:Caption}
  541. </div>
  542. {/block:Photoset}
  543.  
  544. {block:Quote}
  545. <div class="quote">
  546. {Quote}
  547. {block:Source}<cite>{Source}</cite>{/block:Source}
  548. {/block:Quote}
  549.  
  550. {block:Link}
  551. <div class="link">
  552. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  553. {block:Description}{Description}{/block:Description}
  554. {/block:Link}
  555.  
  556. {block:Chat}
  557. <div class="chat">
  558. <ul>
  559. {block:Lines}
  560. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  561. {/block:Lines}
  562. </ul>
  563. </div>
  564. {/block:Chat}
  565.  
  566. {block:Audio}
  567. <div class="audio">
  568. {block:AlbumArt}
  569. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  570. {/block:AlbumArt}
  571. {AudioPlayerWhite}
  572. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  573. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}</span><br>
  574. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}
  575. {block:Caption}
  576. <div id="caption">
  577. {Caption}
  578. </div>
  579. {/block:Caption}
  580. {/block:Audio}
  581.  
  582. {block:Video}
  583. <div class="video">
  584. <div class="video-player">{Video-500}</div>
  585. {block:Caption}
  586. <div id="caption">
  587. {Caption}
  588. </div>
  589. {/block:Caption}
  590. {/block:Video}
  591.  
  592. {block:Answer}
  593. <div class="answer">
  594. {Asker} asked: <b>{Question}</b>
  595. {Answer}
  596. {/block:Answer}
  597. </div>
  598.  
  599. <div id="perma">
  600. {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> -
  601. {block:RebloggedFrom} <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  602. {block:HasTags}
  603. <div id="tags">
  604. {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  605. {/block:HasTags}
  606. </div>
  607.  
  608. {block:PermalinkPage}
  609. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  610. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  611. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  612. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  613. {block:PostNotes}{PostNotes}{/block:PostNotes}
  614. </div></div>
  615. {/block:PermalinkPage}
  616. </footer>
  617. </article>
  618. {/block:Posts}
  619. </div>
  620.  
  621. <!-- SCRIPTS! DON'T TOUCH -->
  622. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  623. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  624. {block:IfInfiniteScroll}
  625. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  626. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  627. {/block:IfInfiniteScroll}
  628.  
  629. <script>
  630. (function() {
  631. var $tumblelog = $('#content');
  632. {block:IfInfiniteScroll}
  633. $tumblelog.infinitescroll({
  634. navSelector : ".pagination",
  635. nextSelector : ".pagination a:first",
  636. itemSelector : "article",
  637. bufferPx : 50,
  638. done : "",
  639. loading: {
  640. img : "",
  641. msgText: ""
  642. },
  643. },
  644. function( newElements ) {
  645. var $newElems = $( newElements ).css({ opacity: 0 });
  646. $newElems.imagesLoaded(function(){
  647. $newElems.animate({ opacity: 1 });
  648. $tumblelog.masonry( 'appended', $newElems);
  649. });
  650. }
  651. );
  652. {/block:IfInfiniteScroll}
  653. $tumblelog.imagesLoaded( function(){
  654. $tumblelog.masonry({
  655. columnWidth: function( containerWidth ) {
  656. return containerWidth / 100;
  657. }
  658. });
  659. });
  660. })();
  661. </script>
  662.  
  663. <script>
  664. (function($){
  665. $(document).ready(function(){
  666. $("[title]").style_my_tooltips();
  667. });
  668. })(jQuery);
  669. </script>
  670.  
  671. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  672.  
  673. <script>
  674. (function($){
  675. $(document).ready(function(){
  676. $("a[title]").style_my_tooltips({
  677. tip_follows_cursor:true,
  678. tip_delay_time:5,
  679. tip_fade_speed:400,
  680. attribute:"title"
  681. });
  682. });
  683. })(jQuery);
  684. </script>
  685. <script>
  686. /* When the user clicks on the button,
  687. toggle between hiding and showing the dropdown content */
  688. function myFunction() {
  689. document.getElementById("myDropdown").classList.toggle("show");
  690. }
  691.  
  692. // Close the dropdown menu if the user clicks outside of it
  693. window.onclick = function(event) {
  694. if (!event.target.matches('.dropbtn')) {
  695.  
  696. var dropdowns = document.getElementsByClassName("dropdown-content");
  697. var i;
  698. for (i = 0; i < dropdowns.length; i++) {
  699. var openDropdown = dropdowns[i];
  700. if (openDropdown.classList.contains('show')) {
  701. openDropdown.classList.remove('show');
  702. }
  703. }
  704. }
  705. }
  706. </script>
  707.  
  708. <div style="z-index:999999999999999999999999999; position:fixed; bottom:3px; right:10px; opacity:.7; text-transform:none; font-style:none; color: #000; text-shadow: 2px 1px 0px #04F2EA, -1px -1px 0px #ff0f54;">
  709. <a href="http://whimsythemes.tumblr.com" title="Theme by WhimsyThemes." style="text-decoration:none;">
  710. <span style="color:{color:Link}; font-size:24px">แ‡.</span>
  711. </a>
  712. </div>
  713.  
  714. </body>
  715. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement