Advertisement
raggedies

theme i: amelia

Sep 17th, 2014
6,681
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.70 KB | None | 0 0
  1. <!----- theme i: amelia
  2. coded by BVSHOPS.tumblr.com
  3. (previously STVES.tumblr.com)
  4.  
  5. theme description:
  6. + 4 customizable links (ask not included by default)
  7. + color options
  8. + posts 400px or 500px
  9. + 225px sidebar image (automaticallly resized)
  10. + option to show blog title
  11. + option to show sidebar links on hover
  12. + tag options
  13. + option to have collapsible notes
  14. + updates tab included (option to turn it on and off!)
  15.  
  16.  
  17. message to the user:
  18.  
  19. + please do not redistribute this code under
  20. any other username
  21. + please leave the credit intact :-)
  22. + please feel free to customize to your liking
  23.  
  24. shoot me an ask if you have any questions or notice
  25. an error in the coding!
  26.  
  27. ---------------------------------->
  28.  
  29. <html>
  30. <head>
  31. <title>{Title}</title>
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. <link rel="shortcut icon" href="{Favicon}">
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  38.  
  39. <!------゚defaults ------>
  40.  
  41. <!------ colors ---------->
  42. <meta name="color:background" content="#ffffff" />
  43. <meta name="color:body" content="#7c7c7c" />
  44. <meta name="color:link" content="#afafaf" />
  45. <meta name="color:link hover" content="#888888" />
  46. <meta name="color:navigation" content="#888888" />
  47. <meta name="color:nav bg" content="#ffffff" />
  48. <meta name="color:nav bg hover" content="#f9f9f9" />
  49. <meta name="color:pagination" content="#afafaf" />
  50. <meta name="color:border" content="#eeeeee" />
  51. <meta name="color:post title" content="#444444" />
  52. <meta name="color:date bg" content="#f5f5f5" />
  53. <meta name="color:date" content="#777777" />
  54. <meta name="color:heart" content="#777777" />
  55. <meta name="color:tags" content="#afafaf" />
  56. <meta name="color:tags hover" content="#888888" />
  57. <meta name="color:chat 1" content="#f9f9f9" />
  58. <meta name="color:chat 2" content="#ffffff" />
  59. <meta name="color:audio bg" content="#f7f7f7" />
  60. <meta name="color:album art" content="#bcbcbc" />
  61. <meta name="color:blockquote" content="#dadada" />
  62.  
  63. <!------ links ----------->
  64. <meta name="text:link a" content="" />
  65. <meta name="text:link url a" content="/" />
  66. <meta name="text:link b" content="" />
  67. <meta name="text:link url b" content="/" />
  68. <meta name="text:link c" content="" />
  69. <meta name="text:link url c" content="/" />
  70. <meta name="text:link d" content="" />
  71. <meta name="text:link url d" content="/" />
  72.  
  73. <!---- sidebar options --->
  74. <meta name="image:sidebar" content="" />
  75. <meta name="if:links on hover" content="0" />
  76. <meta name="if:show blog title" content="1" />
  77. <meta name="if:posts 400px" content="0" />
  78. <meta name="if:posts 500px" content="1" />
  79. <meta name="if:tags on hover" content="1" />
  80. <meta name="if:collapsible notes" content="1" />
  81. <meta name="if:show updates" content="0" />
  82.  
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. /*d defaults */
  88.  
  89. iframe#tumblr_controls { white-space: nowrap;
  90. -webkit-filter: invert(100%);
  91. -moz-filter: invert(100%);
  92. -o-filter: invert(100%);
  93. -ms-filter: invert(100%);
  94. filter: invert(100%);
  95. opacity:.5;
  96. transition: .8s ease-in-out;
  97. -webkit-transition: .8s ease-in-out;
  98. -moz-transition: .8s ease-in-out;
  99. -o-transition: .8s ease-in-out; }
  100.  
  101. iframe#tumblr_controls:hover { opacity: .8; }
  102.  
  103. body { background: {color:background};
  104. font-family: helvetica, arial, sans-serif;
  105. font-size: 9px;
  106. color: {color:body};
  107. text-align: justify;
  108. line-height: 15px; }
  109.  
  110. #wrap { background-color: transparent;
  111. width: 850px;
  112. margin: 0px auto 0px auto; }
  113.  
  114. /* sidebar */
  115.  
  116. #sidebar-wrap { background-color: transparent;
  117. width: 225px;
  118. margin-top: 100px;
  119. position: fixed;
  120. text-align: center; }
  121.  
  122. .sidebar-image { width: 225px!important; }
  123. .sidebar-image img { width: 225px!important;
  124. max-width: 225px;
  125. margin: 0px 0px 8px 0px;
  126. z-index: 99; }
  127.  
  128. .navigation { background-color: transparent;
  129. text-align: center;
  130. margin: 8px 0px 8px 0px;
  131. border-top: 1px solid {color:border};
  132. border-bottom: 1px solid {color:border};
  133. -webkit-transition: all .8s ease-in-out;
  134. -moz-transition: all .8s ease-in-out;
  135. -ms-transition: all .8s ease-in-out;
  136. -o-transition: all .8s ease-in-out;
  137. transition: all .8s ease-in-out;
  138. {block:IfLinksOnHover}
  139. opacity: 0;
  140. margin: -32px 0px 8px 0px;
  141. {/block:IfLinksOnHover}
  142. }
  143.  
  144. .navigation a { background-color: {color:nav bg};
  145. font-family: times new roman, georgia, serif;
  146. font-size: 7px;
  147. letter-spacing: 1px;
  148. color: {color:navigation};
  149. text-transform: uppercase;
  150. display: inline-block;
  151. margin: 5px;
  152. padding: 2px; }
  153.  
  154. {block:IfLinksOnHover}
  155. #sidebar-wrap:hover .navigation { margin: 8px 0px 8px 0px;
  156. opacity: 1; }
  157. {/block:IfLinksOnHover}
  158.  
  159. .navigation a:hover { background-color: {color:nav bg hover}; }
  160.  
  161. .desc { background-color: transparent; }
  162.  
  163. .page { background-color: transparent;
  164. margin: 10px 0px 0px 0px; }
  165.  
  166. .page a { color: {color:pagination};
  167. text-decoration: none; }
  168.  
  169. /* post specifics */
  170. #post-wrap { background: transparent;
  171. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  172. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  173. margin: 70px 0px 0px 310px; }
  174.  
  175. .entry-wrap { background-color: transparent;
  176. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  177. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}}
  178.  
  179. .entry { background-color: transparent;
  180. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  181. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  182. margin-bottom: 100px;
  183. line-height: 13px; }
  184.  
  185. .title, .blog-title, .col { font-family: times new roman, georgia, serif;
  186. font-size: 11px;
  187. text-transform: uppercase;
  188. letter-spacing: 1px;
  189. color: {color:post title};
  190. margin-bottom: 12px; }
  191.  
  192. .blog-title { margin-bottom: 8px;
  193. font-family: baskerville, times new roman, georgia, serif;
  194. font-size: 13px}
  195.  
  196. .caption { background-color: transparent;
  197. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  198. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  199. margin: 13px 0px 3px 0px; }
  200.  
  201. .source { margin-top: 8px;
  202. margin-left: 50px;
  203. margin-bottom: 8px; }
  204.  
  205. .link { font-size: 14px;
  206. font-style: italic; }
  207.  
  208. .chat .odd { background: {color:chat 1};
  209. padding: 9px; }
  210.  
  211. .chat .even { background: {color:chat 2};
  212. padding: 9px; }
  213.  
  214. .chat li, .chat ol, ul.chat
  215. { list-style: none;
  216. margin: 0px;
  217. margin-left: -5px;
  218. padding: 5px; }
  219.  
  220. #audio-wrap { background-color: transparent;
  221. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  222. {block:IfPosts500px}width: 500px;{/block:IfPosts500px} }
  223.  
  224. #album { background-color: {color:album art};
  225. width: 100px;
  226. height: 100px;
  227. float: left;
  228. display: inline-block; }
  229.  
  230. #album-art {width: 100px;
  231. height: 100px;
  232. margin-top: -80px;
  233. z-index: 1; }
  234.  
  235. #album-art img { width: 100px;
  236. height: 100px;
  237. max-height: 100px;
  238. max-width: 100px; }
  239.  
  240. #audio { background-color: {color:audio bg};
  241. text-transform: lowercase;
  242. {block:IfPosts400px}width: 270px;{/block:IfPosts400px}
  243. {block:IfPosts500px}width: 370px;{/block:IfPosts500px}
  244. height: 70px;
  245. padding: 15px;
  246. display: inline-block; }
  247.  
  248. #player { background-color: #ffffff;
  249. width: 60px;
  250. height: 60px;
  251. z-index: 99999;
  252. position: relative;
  253. margin: 20px auto 0px auto;
  254. -webkit-border-radius: 70px;
  255. -moz-border-radius: 50px;
  256. -o-border-radius: 70px;
  257. border-radius: 70px;
  258. opacity: .15;
  259. -webkit-transition: all .8s ease-in-out;
  260. -moz-transition: all .8s ease-in-out;
  261. -ms-transition: all .8s ease-in-out;
  262. -o-transition: all .8s ease-in-out;
  263. transition: all .8s ease-in-out; }
  264.  
  265. #button { height: 30px;
  266. width: 30px;
  267. overflow: hidden;
  268. padding-top: 17px;
  269. padding-left: 5px;
  270. margin: 0px auto 0px auto; }
  271.  
  272. #audio-wrap:hover #player { opacity: 1; }
  273.  
  274. .question { margin-bottom: 22px; }
  275.  
  276. .askimg { float: left;
  277. margin: 0px 12px 0px 0px;
  278. -webkit-border-radius: 12px;
  279. -moz-border-radius: 12px;
  280. -o-border-radius: 12px;
  281. border-radius: 12px; }
  282.  
  283. g { font-family: times new roman, georgia, serif;
  284. font-size: 12px;
  285. font-style: italic; }
  286.  
  287. /* permalink */
  288.  
  289. #meta-wrap { background-color: transparent;
  290. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  291. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  292. margin: 14px 0px 10px 0px;
  293. color: {color:link}; }
  294.  
  295. .date { background-color: {color:date bg};
  296. font-family: times new roman, georgia, serif;
  297. text-transform: uppercase;
  298. letter-spacing: 1px;
  299. color: {color:date};
  300. padding: 2px; }
  301.  
  302. .heart { color: {color:heart}; }
  303.  
  304. .tags { background-color: transparent;
  305. margin: 5px 0px 0px 0px;
  306. {block:IfTagsOnHover}
  307. opacity: 0;
  308. -webkit-transition: all .8s ease-in-out;
  309. -moz-transition: all .8s ease-in-out;
  310. -ms-transition: all .8s ease-in-out;
  311. -o-transition: all .8s ease-in-out;
  312. transition: all .8s ease-in-out;
  313. {/block:IfTagsOnHover} }
  314.  
  315. .tags a { color: {color:tags}; }
  316. .tags a:hover { color: {color:tags hover}; }
  317.  
  318. {block:IfTagsOnHover}
  319. #entry-wrap:hover .tags { opacity: 1; }
  320. {/block:IfTagsOnHover}
  321.  
  322. {block:PermalinkPage}
  323. .tags { opacity: 1; }
  324. {/block:PermalinkPage}
  325.  
  326. /* blog defaults */
  327.  
  328. a { color: {color:link};
  329. text-decoration:none;
  330. -webkit-transition: all .4s ease-in-out;
  331. -moz-transition: all .4s ease-in-out;
  332. -ms-transition: all .4s ease-in-out;
  333. -o-transition: all .4s ease-in-out;
  334. transition: all .4s ease-in-out; }
  335.  
  336. a:hover { color: {color:link hover};
  337. text-decoration: none; }
  338.  
  339. img { border: none;
  340. -webkit-transition-duration: .25s;
  341. -moz-transition-duration: .25s;
  342. -o-transition-duration: .25s;
  343. transition-duration: .25s; }
  344.  
  345. ::-webkit-scrollbar { background: #fff;
  346. width: 5px;
  347. height: 5px; }
  348.  
  349. ::-webkit-scrollbar-thumb:vertical { background: #f2f2f2; }
  350.  
  351. blockquote { background-color: transparent;
  352. border-left: 1px solid {color:blockquote};
  353. padding-left: 7px;
  354. {block:IfPosts400px}max-width: 400px!important;{/block:IfPosts400px}
  355. {block:IfPosts500px}max-width: 500px!important;{/block:IfPosts500px}
  356. word-break: break-all; }
  357.  
  358. /* post notes */
  359.  
  360. #post-notes { {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  361. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  362. margin-bottom: 50px; }
  363.  
  364. ol { list-style-type: none;
  365. margin: 0 0 1.5em 2.5em; }
  366.  
  367. ol.notes { padding: 3px;
  368. margin: 5px 0px; }
  369.  
  370. ol.notes li.note { border-bottom: 1px solid {color:border};
  371. padding: 7px; }
  372.  
  373. ol.notes li.note img.avatar { vertical-align: -4px;
  374. margin-right: 10px;
  375. width: 16px;
  376. height: 16px;
  377. -webkit-border-radius: 12px;
  378. -moz-border-radius: 12px;
  379. -o-border-radius: 12px;
  380. border-radius: 12px; }
  381.  
  382. /*updates tab */
  383. #updates-wrap { top: 5px;
  384. left: 10px;
  385. position: fixed;
  386. z-index: 999;
  387. line-height: 13px;}
  388.  
  389. #updates { background: #fff;
  390. font-family: arial;
  391. font-size: 9px;
  392. width: 120px;
  393. padding: 3px;
  394. height: 13px;
  395. display: block;
  396. -webkit-transition-duration: .5s;
  397. height: 15px;
  398. overflow: hidden;}
  399.  
  400. #updates-wrap:hover #updates { height: 330px; }
  401.  
  402. o { background-color: transparent;
  403. font-family: times new roman, georgia, serif;
  404. font-size: 11px;
  405. font-weight: normal;
  406. text-transform: uppercase;
  407. letter-spacing: 1px; }
  408.  
  409. /* end */
  410.  
  411. /*credit, please do not remove :-) */
  412.  
  413. .credit { bottom: 3px;
  414. right: 8px;
  415. position: fixed;
  416. width: 25px;
  417. height: 28px; }
  418.  
  419. .credit a { background: #f6f6f6;
  420. color: #aaaaaa;
  421. text-align: center;
  422. display: block;
  423. border-radius: 15px;
  424. padding: 4px;
  425. opacity: .5;
  426. -webkit-transition: all .5s ease-in-out;
  427. -moz-transition: all .5s ease-in-out;
  428. -ms-transition: all .5s ease-in-out;
  429. -o-transition: all .5s ease-in-out;
  430. transition: all .5s ease-in-out; }
  431.  
  432. .credit a:hover { opacity: 1;
  433. box-shadow: inset 25px 25px 0px 0px #000000;
  434. color: #fff; }
  435.  
  436.  
  437. </style>
  438. <script type="text/javascript">
  439. jQuery(document).ready(function() {
  440. jQuery(".sub").hide();
  441. //toggle the componenet with class msg_body
  442. jQuery(".col").click(function()
  443. {
  444. jQuery(this).next(".sub").slideToggle(800);
  445. });});
  446. </script>
  447. </head>
  448. <body>
  449. <div id="wrap">
  450.  
  451. <!--sidebar -->
  452. <div id="sidebar-wrap">
  453. {block:IfShowBlogTitle}
  454. <div class="blog-title">{Title}</div>
  455. {/block:IfShowBlogTitle}
  456.  
  457.  
  458. <div class="sidebar-image">
  459. <img src="{image:sidebar}" class="sidebar-image">
  460. </div>
  461.  
  462. <!-- navigation -->
  463. <div class="navigation">
  464. <a href="/">index</a>
  465. {block:IfLinkA}
  466. <a href="{text:link url a}">{text:link a}</a>
  467. {/block:IfLinkA}
  468. {block:IfLinkB}
  469. <a href="{text:link url b}">{text:link b}</a>
  470. {/block:IfLinkB}
  471. {block:IfLinkC}
  472. <a href="{text:link url c}">{text:link c}</a>
  473. {/block:IfLinkC}
  474. {block:IfLinkD}
  475. <a href="{text:link url d}">{text:link d}</a>
  476. {/block:IfLinkD}
  477. </div>
  478.  
  479. <!--description -->
  480. <div class="desc">
  481. {Description}
  482. </div>
  483.  
  484. <!-- pagination -->
  485. {block:Pagination}
  486. <div class="page">
  487. {block:PreviousPage}
  488. <a href="{PreviousPage}">back</a>
  489. &emsp;
  490. &emsp;
  491. &emsp;
  492. &emsp;
  493. &emsp;
  494. &emsp;
  495. {/block:PreviousPage}
  496. {block:NextPage}
  497. <a href="{NextPage}">forth</a>
  498. {/block:NextPage}
  499. </div>
  500. {/block:Pagination}
  501. </div>
  502.  
  503. <!-- posts -->
  504. <div id="post-wrap">
  505.  
  506. {block:Posts}
  507. <div id="entry-wrap">
  508. <div class="entry">
  509.  
  510. <!-- text post -->
  511. {block:Text}
  512. {block:Title}
  513. <div class="title">{Title}</div>
  514. {/block:Title}
  515. {Body}
  516. {/block:Text}
  517.  
  518. <!-- photo post -->
  519. {block:Photo}
  520. {block:IfPosts400px}
  521. <a href="{Permalink}">
  522. <img src="{PhotoURL-400}"></a>
  523. {/block:IfPosts400px}
  524. {block:IfPosts500px}
  525. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  526. {/block:IfPosts500px}
  527. {block:Caption}
  528. <div class="caption">{Caption}</div>
  529. {/block:Caption}
  530. {/block:Photo}
  531.  
  532. <!-- photoset -->
  533. {block:Photoset}
  534. {block:IfPosts400px}{Photoset-400}{/block:IfPosts400px}
  535. {block:IfPosts500px}{Photoset-500}{/block:IfPosts500px}
  536. {block:Caption}
  537. <div class="caption">{Caption}</div>
  538. {/block:Caption}
  539. {/block:Photoset}
  540.  
  541. <!-- quote -->
  542. {block:Quote}
  543. <div class="title">“ {Quote} ”</div>
  544. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  545. {/block:Quote}
  546.  
  547. <!-- link -->
  548. {block:Link}
  549. <a href="{URL}" class="link" {Target}>{Name}</a>
  550. {block:Description}
  551. <div class="caption">
  552. {Description}
  553. </div>
  554. {/block:Description}
  555. {/block:Link}
  556.  
  557. <!-- chat -->
  558. {block:Chat}
  559. {block:Title}
  560. <div class="title">{Title}</div>
  561. {/block:Title}
  562. <ul class="chat">
  563. {block:Lines}
  564. <li class="{Alt} user_{UserNumber}">
  565. {block:Label}
  566. <b>{Label}</b>
  567. {/block:Label}
  568. {Line}
  569. </li>
  570. {/block:Lines}
  571. </ul>
  572. {/block:Chat}
  573.  
  574. <!-- audio -->
  575. {block:Audio}
  576. <div id="audio-wrap">
  577. <div id="album">
  578. <div id="player">
  579. {block:AudioPlayer}
  580. <div id="button">
  581. {AudioPlayerWhite}
  582. </div>
  583. {/block:AudioPlayer}
  584. </div>
  585. {block:AlbumArt}
  586. <img src="{AlbumArtURL}" id="album-art">
  587. {/block:AlbumArt}
  588. </div>
  589. <div id="audio">
  590. {block:TrackName}
  591. <b>track:</b> {TrackName} <br>
  592. {/block:TrackName}
  593. {block:Artist}
  594. <b>artist:</b> {Artist} <br>
  595. {/block:Artist}
  596. {block:Album}
  597. <b>album:</b> {Album} <br>
  598. {/block:Album}
  599. {block:PlayCount}
  600. <b>play count:</b> {PlayCount}
  601. {/block:PlayCount}
  602. </div>
  603. </div>
  604. {block:Caption}
  605. <div class="caption">
  606. {Caption}
  607. </div>
  608. {/block:Caption}
  609. {/block:Audio}
  610.  
  611. <!-- video -->
  612. {block:Video}
  613. {block:IfPosts400px}{Video-400}{/block:IfPosts400px}
  614. {block:IfPosts500px}{Video-500}{/block:IfPosts500px}
  615. {block:Caption}
  616. <div class="caption">
  617. {Caption}
  618. </div>
  619. {/block:Caption}
  620. {/block:Video}
  621.  
  622. <!-- answer -->
  623. {block:Answer}
  624. <div class="question">
  625. <img src="{AskerPortraitURL-24}" class="askimg">
  626. <g>{Asker}:</g> {Question}
  627. </div>
  628. {block:Answerer}
  629. <div class="caption">
  630. {Answer}
  631. </div>
  632. {/block:Answerer}
  633. <div id="caption">
  634. {Replies}
  635. </div>
  636. {/block:Answer}
  637.  
  638. <!-- permalink -->
  639. <div id="meta-wrap">
  640. {block:Date}<a href="{Permalink}" class="date">{ShortMonth} {DayofMonthWithZero}</a>{/block:Date}
  641. &emsp;&emsp;
  642. {block:NoteCount}
  643. <span class="heart">♥</span>&emsp;&emsp;{NoteCountWithLabel}
  644. </span>&emsp;&emsp;
  645. {/block:NoteCount}
  646. {block:RebloggedFrom}
  647. <a href="{ReblogParentURL}" class="p">via</a>
  648. {/block:RebloggedFrom}
  649. {block:ContentSource}
  650. &emsp;/&emsp;
  651. <a href="{SourceURL}" class="p">source</a>
  652. {/block:ContentSource}
  653.  
  654.  
  655. {block:HasTags}
  656. <div class="tags">
  657. {block:Tags}
  658. <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  659. {/block:Tags}
  660. </div>
  661. {/block:HasTags}
  662. </div>
  663.  
  664. </div>
  665.  
  666. {block:PostNotes}
  667. <div id="post-notes">
  668. {block:IfCollapsibleNotes}
  669. <a class="col">show notes</a>
  670. <div class="sub">
  671. {PostNotes}
  672. </div>
  673. {/block:IfCollapsibleNotes}
  674. {block:IfNotCollapsibleNotes}
  675. <div class="title">notes</div>
  676. {PostNotes}
  677. {/block:IfNotCollapsibleNotes}
  678. </div>
  679. {/block:PostNotes}
  680.  
  681. </div>
  682. {/block:Posts}
  683.  
  684.  
  685. </div>
  686.  
  687. </div>
  688.  
  689. <div class="credit">
  690. <a href="http://fassbndrs.tumblr.com">F</a>
  691. </div>
  692.  
  693. <!-- updates tab -->
  694. {block:IfShowUpdates}
  695. <div id="updates-wrap">
  696. <div id="updates">
  697. <o>updates</o><br>
  698. <p>make sure to adjust the hover height to fit all your update info!</p>
  699. <p><b>watching:</b><br>
  700. + show here, season<br>
  701. + show here, season<br><br>
  702. <b>reading:</b><br>
  703. + book<br>
  704. + book<br><br>
  705. <b>networks: </b><br>
  706. + <a href="/">network</a><br>
  707. + <a href="/">network</a>
  708. </p>
  709. </div>
  710. </div>
  711. {/block:IfShowUpdates}
  712.  
  713.  
  714. </body>
  715. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement