Advertisement
vierawood

Theme #4: Guardess

Mar 28th, 2015
854
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.76 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. _ _ _ _
  5. | |__ _ _ _ __ _ _| (_) __ _| |__
  6. | '_ \| | | | '__| | | | | |/ _` | '_ \
  7. | | | | |_| | | | |_| | | | (_| | | | |
  8. |_| |_|\__, |_| \__,_|_|_|\__,_|_| |_|
  9. |___/
  10.  
  11. ♥----------- THEME #04 | G U A R D E S S -----------♥
  12. ------------------- do not remove -------------------
  13.  
  14. -YOU MAY:
  15. ♥ Edit/modify this code as much as you
  16. please, as long as the credits remain.
  17. -YOU MAY NOT:
  18. ♥ Use this code as a base code.
  19. ♥ Remove the credits altogether.
  20. ♥ Claim this code as your own.
  21.  
  22. -->
  23.  
  24. <head>
  25.  
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  29. <meta name="description" content="" />
  30. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  31.  
  32. <meta name="image:Sidebar" content="http://static.tumblr.com/b8483bae494807f9d93d39b4c743e6e1/orntfiu/Scanllbnk/tumblr_static_ev2pt1pe62o0c4g080wk8oo48.png"/>
  33. <meta name="image:Background" content="http://static.tumblr.com/43ebb16d2daea03a0196f0ebca66a9c5/orntfiu/eI7nlwh9q/tumblr_static_73pj9st7mq4oso40s80o0k44s.png"/>
  34.  
  35. <meta name="color:Background" content="#d7ddf1">
  36. <meta name="color:Post Text" content="#535353">
  37. <meta name="color:Sidebar Text" content="#535353">
  38. <meta name="color:Sidebar" content="#e0eafe">
  39. <meta name="color:Bold and Links" content="#874cc4">
  40. <meta name="color:Link Hover" content="#cd30b5">
  41. <meta name="color:Title" content="#4b78c0">
  42. <meta name="color:Custom Links 1" content="#7ca4e3">
  43. <meta name="color:Custom Links 2" content="#a871e0">
  44. <meta name="color:Custom Links Hover" content="#b4bcd6">
  45. <meta name="color:Custom Text" content="#e0eafe">
  46. <meta name="color:Posts" content="#e8f0ff">
  47. <meta name="color:Post Text" content="#535353">
  48. <meta name="color:Pagination" content="#d6dbf7">
  49.  
  50. <meta name="text:Link 1" content="Link">
  51. <meta name="text:Url 1" content="http://">
  52. <meta name="text:Link 2" content="Link">
  53. <meta name="text:Url 2" content="http://">
  54. <meta name="text:Link 3" content="Link">
  55. <meta name="text:Url 3" content="http://">
  56. <meta name="text:Link 4" content="Link">
  57. <meta name="text:Url 4" content="http://">
  58. <meta name="text:Link 5" content="Link">
  59. <meta name="text:Url 5" content="http://">
  60. <meta name="text:Link 6" content="Link">
  61. <meta name="text:Url 6" content="http://">
  62. <meta name="text:Link 7" content="Link">
  63. <meta name="text:Url 7" content="http://">
  64. <meta name="text:Link 8" content="Link">
  65. <meta name="text:Url 8" content="http://">
  66. <meta name="text:Link 9" content="Link">
  67. <meta name="text:Url 9" content="http://">
  68. <meta name="text:Link 10" content="Link">
  69. <meta name="text:Url 10" content="http://">
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. /* --------------------- BODY -------------------- */
  75. /* ----------------------------------------------- */
  76.  
  77. body {
  78. background-color: {color:Background};
  79. color: {color:Post Text};
  80. background-image: url('{image:Background}');
  81. background-repeat: repeat;
  82. background-position: bottom;
  83. background-attachment: fixed;}
  84.  
  85. a {
  86. color: {color:Bold and Links};
  87. text-decoration: none;}
  88.  
  89. a:hover {
  90. color: {color:Link Hover};
  91. text-decoration: none;}
  92.  
  93. /* ------------------- SIDEBAR ------------------- */
  94. /* ----------------------------------------------- */
  95.  
  96. #sidebar {
  97. position: fixed;
  98. left: 0px;
  99. top: 0px;
  100. width: 400px;
  101. height: 100%;
  102. background-color: {color:Sidebar};
  103. background-image: url('{image:Sidebar}');
  104. background-repeat: no-repeat;
  105. background-position: bottom;
  106. z-index: 100;}
  107.  
  108. #linkbox {
  109. position: fixed;
  110. left: 210px;
  111. bottom: 5px;
  112. width: 185px;
  113. height: 160px;
  114. z-index: 200;}
  115.  
  116. #descriptionbox {
  117. position: fixed;
  118. left: 0px;
  119. bottom: 0px;
  120. width: 200px;
  121. height: 180px;
  122. padding: 5px;
  123. z-index: 200;}
  124.  
  125. #desc {
  126. margin-top: 0px;
  127. margin-left: 0px;
  128. width: 195px;
  129. font-family: Calibri, Verdana, sans-serif;
  130. font-size: 10px;
  131. color: {color:Sidebar Text};
  132. letter-spacing: 1px;
  133. text-align: justify;
  134. padding-left: 2px;
  135. z-index: 500;}
  136.  
  137. #desc a,b {
  138. color: {color:Bold and Links};
  139. text-decoration: none;
  140. -moz-transition-duration: 0.5s;
  141. -o-transition-duration: 0.5s;
  142. -webkit-transition-duration: 0.5s;
  143. transition-duration: 0.5s;}
  144.  
  145. #desc a:hover {
  146. color: {color:Link Hover};
  147. -moz-transition-duration: 0.5s;
  148. -o-transition-duration: 0.5s;
  149. -webkit-transition-duration: 0.5s;
  150. transition-duration: 0.5s;}
  151.  
  152. #desc h1{
  153. font-family: Calibri, Verdana, sans-serif;
  154. font-size: 11px;
  155. color: {color:Title};
  156. letter-spacing: 3px;
  157. text-align: center;}
  158.  
  159. #sidelinks {
  160. margin-left: 0px;
  161. margin-top: 0px;
  162. margin-bottom: 10px;
  163. width: 185px;
  164. height: 160px;}
  165.  
  166. #sidelinks1 {
  167. width: 185px;}
  168.  
  169. #sidelinks1 a {
  170. margin-bottom: 3px;
  171. width: 78px;
  172. background-color: {color:Custom Links 1};
  173. font-family: Calibri, Verdana, sans-serif;
  174. font-size: 8.5px;
  175. color: {color:Custom Text};
  176. letter-spacing: 2px;
  177. text-align: center;
  178. text-transform: uppercase;
  179. text-decoration: none;
  180. padding-left: 6px;
  181. padding-right: 6px;
  182. padding-top: 8px;
  183. padding-bottom: 8px;
  184. -moz-transition-duration: 0.5s;
  185. -o-transition-duration: 0.5s;
  186. -webkit-transition-duration: 0.5s;
  187. transition-duration: 0.5s;
  188. display: inline-block;
  189. border-radius: 12px;}
  190.  
  191. #sidelinks2 {
  192. width: 185px;}
  193.  
  194. #sidelinks2 a {
  195. margin-bottom: 3px;
  196. width: 78px;
  197. background-color: {color:Custom Links 2};
  198. font-family: Calibri, Verdana, sans-serif;
  199. font-size: 8.5px;
  200. color: {color:Custom Text};
  201. letter-spacing: 2px;
  202. text-align: center;
  203. text-transform: uppercase;
  204. text-decoration: none;
  205. padding-left: 6px;
  206. padding-right: 6px;
  207. padding-top: 8px;
  208. padding-bottom: 8px;
  209. -moz-transition-duration: 0.5s;
  210. -o-transition-duration: 0.5s;
  211. -webkit-transition-duration: 0.5s;
  212. transition-duration: 0.5s;
  213. display: inline-block;
  214. border-radius: 12px;}
  215.  
  216. #sidelinks a:hover {
  217. background-color: {color:Custom Links Hover};
  218. color: {color:Custom Text};
  219. -moz-transition-duration: 0.5s;
  220. -o-transition-duration: 0.5s;
  221. -webkit-transition-duration: 0.5s;
  222. transition-duration: 0.5s;}
  223.  
  224.  
  225. /* ------------------- POSTING ------------------- */
  226. /* ----------------------------------------------- */
  227.  
  228. #postbackground {
  229. position: fixed;
  230. left: 440px;
  231. top: 0px;
  232. width: 544px;
  233. height: 100%;
  234. background-color: {color:Posts};
  235. z-index:-100;}
  236.  
  237. .posting {
  238. margin-left: 444px;
  239. margin-top: 10px;
  240. width: 520px;
  241. z-index: 100;}
  242.  
  243. .posts {
  244. font-family: Calibri, Verdana, sans-serif;
  245. font-size: 11px;
  246. color: {color:Post Text};
  247. letter-spacing: 1px;
  248. padding: 10px;}
  249.  
  250. .posts h1 {
  251. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  252. font-size: 16px;
  253. color: {color:Title};
  254. letter-spacing: 0px;
  255. text-transform: uppercase;
  256. padding-left: 5px;
  257. border-left: 50px solid {color:Custom Links 2};
  258. border-radius: 10px;}
  259.  
  260. .posts h2 {
  261. font-family: Calibri, Verdana, sans-serif;
  262. font-size: 11px;
  263. letter-spacing: 5px;
  264. text-transform: uppercase;
  265. padding-left: 10px;
  266. border-left: 11px solid {color:Custom Links 2};}
  267.  
  268. .posts blockquote {
  269. padding-left: 5px;
  270. border-left: 5px solid {color:Custom Links 1};
  271. border-radius: 5px;}
  272.  
  273. .posts img, .posts li, .posts blockquote {
  274. max-width: 100%;}
  275.  
  276. .posttime {
  277. font-family: Calibri, Verdana, sans-serif;
  278. font-size: 11px;
  279. font-weight: bold;
  280. color: {color:Post Text};
  281. letter-spacing: 1px;
  282. text-transform: uppercase;
  283. padding-left: 10px;
  284. padding-top: 10px;
  285. border-top: 1px solid {color:Post Text};}
  286.  
  287. .posttime a {
  288. color: {color:Post Text};
  289. text-decoration: none;
  290. -moz-transition-duration: 0.5s;
  291. -o-transition-duration: 0.5s;
  292. -webkit-transition-duration: 0.5s;
  293. transition-duration: 0.5s;}
  294.  
  295. .posttime a:hover {
  296. color: {color:Link Hover};
  297. -moz-transition-duration: 0.5s;
  298. -o-transition-duration: 0.5s;
  299. -webkit-transition-duration: 0.5s;
  300. transition-duration: 0.5s;}
  301.  
  302. .viasource {
  303. float: right;}
  304.  
  305. .posttags{
  306. font-family: Calibri, Verdana, sans-serif;
  307. font-size: 10px;
  308. color: {color:Post Text};
  309. text-transform: lowercase;
  310. padding-left: 10px;
  311. padding-bottom: 30px;}
  312.  
  313. .posttags a{
  314. color: {color:Post Text};
  315. text-decoration: none;
  316. -moz-transition-duration: 0.5s;
  317. -o-transition-duration: 0.5s;
  318. -webkit-transition-duration: 0.5s;
  319. transition-duration: 0.5s;}
  320.  
  321. .posttags a:hover{
  322. color: {color:Link Hover};
  323. -moz-transition-duration: 0.5s;
  324. -o-transition-duration: 0.5s;
  325. -webkit-transition-duration: 0.5s;
  326. transition-duration: 0.5s;}
  327.  
  328. /* ------------------- REPLIES ------------------- */
  329. /* ----------------------------------------------- */
  330.  
  331. .replies {
  332. min-height: 50px;
  333. background-color: {color:Custom Links 1};
  334. color: {color:Sidebar};
  335. text-transform: uppercase;
  336. padding: 20px;
  337. border-radius: 50px;}
  338.  
  339. .replies img {
  340. float: left;
  341. margin-right: 10px;
  342. border: 5px solid {color:Pagination};
  343. border-radius: 30px;}
  344.  
  345. .replies a {
  346. color: {color:Sidebar};
  347. text-decoration: none;}
  348.  
  349. .replyarrow {
  350. margin-left: 350px;
  351. margin-top: -25px;
  352. width: 173px;
  353. font-size: 47px;
  354. font-weight:bold;
  355. color: {color:Custom Links 1};
  356. letter-spacing: -4px;
  357. text-align: center;
  358. line-height: 40px;
  359. z-index: 100;}
  360.  
  361. /* ------------------ PAGINATION ----------------- */
  362. /* ----------------------------------------------- */
  363.  
  364. #paginationleft {
  365. position: fixed;
  366. left: 400px;
  367. top: 0px;
  368. width: 40px;
  369. height: 100%;
  370. background-color: {color:Pagination};
  371. z-index: 200;}
  372.  
  373. #paginationright {
  374. position: fixed;
  375. left: 984px;
  376. bottom: 0px;
  377. width: 45px;
  378. height: 100%;
  379. background-color: {color:Pagination};
  380. z-index: 400;}
  381.  
  382. #pagearrow {
  383. position: fixed;
  384. bottom: 0px;
  385. left:990px;
  386. font-family: arial;
  387. font-size: 60px;
  388. color: {color:Custom Links 2};
  389. text-align: center;
  390. text-transform: uppercase;
  391. z-index: 400;}
  392.  
  393. #pagearrow a {
  394. color: {color:Custom Links 2};
  395. text-decoration: none;
  396. -moz-transition-duration: 0.5s;
  397. -o-transition-duration: 0.5s;
  398. -webkit-transition-duration: 0.5s;
  399. transition-duration: 0.5s;}
  400.  
  401. #pagearrow a:hover {
  402. color: {color:Custom Links 1};
  403. text-decoration: none;
  404. -moz-transition-duration: 0.5s;
  405. -o-transition-duration: 0.5s;
  406. -webkit-transition-duration: 0.5s;
  407. transition-duration: 0.5s;}
  408.  
  409. #pagearrow2 {
  410. position: fixed;
  411. bottom: 0px;
  412. left: 403px;
  413. font-family: arial;
  414. font-size: 60px;
  415. color: {color:Custom Links 2};
  416. text-align: center;
  417. text-transform: uppercase;
  418. z-index: 600;}
  419.  
  420. #pagearrow2 a {
  421. color: {color:Custom Links 2};
  422. text-decoration: none;
  423. -moz-transition-duration: 0.5s;
  424. -o-transition-duration: 0.5s;
  425. -webkit-transition-duration: 0.5s;
  426. transition-duration: 0.5s;}
  427.  
  428. #pagearrow2 a:hover {
  429. color: {color:Custom Links 1};
  430. text-decoration: none;
  431. -moz-transition-duration: 0.5s;
  432. -o-transition-duration: 0.5s;
  433. -webkit-transition-duration: 0.5s;
  434. transition-duration: 0.5s;}
  435.  
  436.  
  437. /* -------------------- NOTES -------------------- */
  438. /* ----------------------------------------------- */
  439.  
  440. .notesinfo {
  441. margin-bottom: 10px;
  442. font-family: Calibri, Verdana, sans-serif;
  443. font-size: 10px;
  444. color: {color:Post Text};
  445. letter-spacing: 1px;}
  446.  
  447. .notesinfo ol {
  448. width: 500px;
  449. list-style: none;
  450. line-height: 30px;}
  451.  
  452. .notesinfo a {
  453. color: {color:Custom Links 2};
  454. text-decoration: none;}
  455.  
  456. .notesinfo img {
  457. float:left;
  458. margin-right: 5px;
  459. border: 4px solid {color:Custom Links 1};
  460. border-radius: 20px;}
  461.  
  462. .notesinfo blockquote {
  463. border-left: 5px solid {color:Custom Links 2};
  464. padding-left: 5px;}
  465.  
  466. .notesinfo blockquote a {
  467. color: {color:Post Text};
  468. text-decoration: none;}
  469.  
  470. /* ------------------- CREDIT -------------------- */
  471. /* ----------------------------------------------- */
  472.  
  473.  
  474. #creditlink {
  475. position:fixed;
  476. right: 0;
  477. bottom: 0;
  478. margin-right: 8px;
  479. margin-bottom: 3px;
  480. width: 50px;}
  481.  
  482. #creditlink a {
  483. margin-bottom: 3px;
  484. width: 50x;
  485. background-color: {color:Custom Links 1};
  486. font-family: Calibri, Verdana, sans-serif;
  487. color: {color:Custom Text};
  488. font-size: 8.5px;
  489. letter-spacing: 1px;
  490. text-align: center;
  491. text-transform: uppercase;
  492. text-decoration: none;
  493. padding: 5px;
  494. -moz-transition-duration: 0.5s;
  495. -o-transition-duration: 0.5s;
  496. -webkit-transition-duration: 0.5s;
  497. transition-duration: 0.5s;
  498. display: inline-block;
  499. border-radius: 12px;}
  500.  
  501. #creditlink a:hover {
  502. background-color: {color:Custom Links Hover};
  503. color: {color:Custom Text};
  504. -moz-transition-duration: 0.5s;
  505. -o-transition-duration: 0.5s;
  506. -webkit-transition-duration: 0.5s;
  507. transition-duration: 0.5s;}
  508.  
  509. </style>
  510. </head>
  511. <body>
  512.  
  513. <!-- SIDEBAR -->
  514. <div id="paginationright">
  515. <div id="pagearrow">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  516. </div>
  517.  
  518. <div id="paginationleft">
  519. <div id="pagearrow2">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
  520. </div>
  521.  
  522. <div id="sidebar"></div>
  523. <div id="linkbox">
  524. <div id="sidelinks">
  525. <div id="sidelinks1">
  526. <a href="{text:Url 1}">{text:Link 1}</a>
  527. <a href="{text:Url 2}">{text:Link 2}</a></div>
  528. <div id="sidelinks2">
  529. <a href="{text:Url 3}">{text:Link 3}</a>
  530. <a href="{text:Url 4}">{text:Link 4}</a></div>
  531. <div id="sidelinks1">
  532. <a href="{text:Url 5}">{text:Link 5}</a>
  533. <a href="{text:Url 6}">{text:Link 6}</a></div>
  534. <div id="sidelinks2">
  535. <a href="{text:Url 7}">{text:Link 7}</a>
  536. <a href="{text:Url 8}">{text:Link 8}</a></div>
  537. <div id="sidelinks1">
  538. <a href="{text:Url 9}">{text:Link 9}</a>
  539. <a href="{text:Url 10}">{text:Link 10}</a></div>
  540. </div>
  541. </div>
  542.  
  543. <div id="descriptionbox">
  544. <div id="desc">
  545.  
  546. <h1>{title}</h1>
  547. {description}
  548.  
  549. </div>
  550. </div>
  551.  
  552. <!-- POSTING -->
  553. <div id="postbackground"></div>
  554. <div class="posting">
  555. {block:Posts}
  556. {block:ContentSource}
  557. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  558. {/block:SourceLogo}
  559. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  560. {/block:ContentSource}
  561. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  562.  
  563. <div class="posts">
  564.  
  565. <!-- TEXT POSTS -->
  566. {block:Text}
  567. {block:Title}
  568. <h1>{Title}</h1>
  569. {/block:Title}
  570. {Body}
  571. {/block:Text}
  572.  
  573. <!-- PHOTO POSTS -->
  574. {block:Photo}
  575. {LinkOpenTag}
  576. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  577. {LinkCloseTag}
  578. {block:Caption}
  579. {Caption}
  580. {/block:Caption}
  581. {/block:Photo}
  582.  
  583. <!-- PHOTOSET -->
  584. {block:Photoset}
  585. {Photoset-500}
  586. {block:Caption}
  587. {Caption}
  588. {/block:Caption}
  589. {/block:Photoset}
  590.  
  591. <!-- REPLIES -->
  592. {block:Answer}
  593. <div class="replies">
  594. <img src="{AskerPortraitURL-40}">
  595. <div style="font-size: 12px;">1 NEW MESSAGE!</div>
  596. <div style="margin-left:62px;"><p>{Question}</p></div>
  597. <div style="text-align:right;font-size:12px;">- {Asker}.</div>
  598. </div>
  599. <div class="replyarrow">▼</div>
  600. {Answer}
  601. {/block:Answer}
  602.  
  603. <!-- LINKED POSTS -->
  604. {block:Link}
  605. <h1><a href="{URL}">{Name}</a></h1>
  606. {block:Description}
  607. {Description}
  608. {/block:Description}
  609. {/block:Link}
  610.  
  611. <!-- VIDEO -->
  612. {block:Video}
  613. {Video-500}
  614. {block:Caption}
  615. {Caption}
  616. {/block:Caption}
  617. {/block:Video}
  618.  
  619. <!-- AUDIO -->
  620. {block:Audio}
  621. {AudioPlayer}
  622. {block:TrackName}
  623. {TrackName}
  624. {/block:TrackName}
  625. {block:Artist}
  626. - <i>{Artist}</i>
  627. {/block:Artist}
  628. {block:IfShowCaptions}
  629. {block:Caption}
  630. <br />
  631. {Caption}
  632. {/block:Caption}
  633. {/block:IfShowCaptions}
  634. {block:IfNotShowCaptions}
  635. {block:PermalinkPage}
  636. {block:Caption}
  637. <br />
  638. {Caption}
  639. {/block:Caption}
  640. {/block:PermalinkPage}
  641. {/block:IfNotShowCaptions}
  642. {/block:Audio}
  643.  
  644. <!-- QUOTES -->
  645. {block:Quote}
  646. <div class="quote">
  647. <div class="quotetext_{Length}">
  648. <h2>"{Quote}"</h2>
  649. </div>
  650. {block:Source}
  651. <div class="source" style="text-align:right">
  652. - {Source}
  653. </div>
  654. {/block:Source}
  655. </div>
  656. {/block:Quote}
  657.  
  658. <!-- CHAT -->
  659. {block:Chat}
  660. {block:Title}
  661. <h1>{Title}</h1>
  662. {/block:Title}
  663. <ul class="convo">
  664. {block:Lines}
  665. <li class="line">
  666. {block:Label}
  667. <span class="label">
  668. {Label}
  669. </span>
  670. {/block:Label}
  671. {Line}
  672. </li>
  673. {/block:Lines}
  674. </ul>
  675. {/block:Chat}
  676. </div>
  677.  
  678. <!-- FOOTER -->
  679. <div class="posttime">
  680. <a href="{Permalink}">{block:Date}Posted {ShortMonth} {DayOfMonthWithZero}, {Year}{/block:Date}</a>
  681. {block:NoteCount} ♥
  682. <a href="{Permalink}">{NoteCount}{/block:NoteCount}</a>
  683. <div class="viasource">
  684. {block:RebloggedFrom}
  685. <a href="{ReblogParentURL}">VIA</a> //
  686. <a href="{ReblogRootURL}">SOURCE</a>
  687. {/block:RebloggedFrom}
  688. </div>
  689. </div>
  690.  
  691. <div class="posttags">
  692. {block:HasTags}∟{block:Tags}
  693. <a href="{TagURL}">#{Tag}</a>
  694. &nbsp;
  695. {/block:Tags}
  696. {/block:HasTags}
  697. </div>
  698.  
  699. {block:PermalinkPage}
  700. <div class="permalink">
  701.  
  702. <!-- NOTES -->
  703. <div class="notesinfo">
  704. {block:PostNotes}
  705. {PostNotes}
  706. {/block:PostNotes}
  707. </div>
  708. {/block:PermalinkPage}
  709. {/block:Posts}
  710. </div>
  711. </div>
  712.  
  713. <div id="creditlink">
  714. <a href="http://hyruliah.tumblr.com">Hyruliah</a>
  715. </div>
  716.  
  717. </body>
  718. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement