Advertisement
cocoofrps

THEME 9 'VIE VIVANTE'

Dec 25th, 2013
777
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.25 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. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:200,
  11. tip_fade_speed:300
  12. }
  13. );
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <head><title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--- THEME BY @cocoofrps --->
  25.  
  26. <meta name="color:Background" content="#c9b6a2"/>
  27. <meta name="color:Text" content="#5f6882"/>
  28. <meta name="color:PostBG" content="#d7cbb3"/>
  29. <meta name="color:SidebarBorder" content="#c9a9a2" />
  30. <meta name="color:Border" content="#c9a9a2"/>
  31. <meta name="color:Hover" content="#7784a2"/>
  32. <meta name="color:Scrollbar" content="#eae5ce"/>
  33. <meta name="color:ScrollbarBg" content="#53607e"/>
  34. <meta name="color:Post Links" content="#53607e"/>
  35. <meta name="color:DescriptionText" content="#53607e"/>
  36.  
  37. <meta name="image:Background" content=""/>
  38.  
  39. <meta name="image:imageone" content=""/>
  40. <meta name="image:imagetwo" content=""/>
  41. <meta name="image:title" content=""/>
  42. <meta name="image:png" content=""/>
  43.  
  44. <meta name="image:link1" content=""/>
  45. <meta name="image:link2" content=""/>
  46. <meta name="image:link3" content=""/>
  47.  
  48. <meta name="text:link1" content=""/>
  49. <meta name="text:link2" content=""/>
  50. <meta name="text:link3" content=""/>
  51.  
  52. <meta name="if:CoverBackgroundImage" content="1"/>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb {
  58. height:auto;
  59. background-color:{color:Scrollbar};
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:9px;
  64. width:4px;
  65. background-color:{color:ScrollbarBg};
  66. }
  67.  
  68. ::selection {
  69. background: {color:PostBG};
  70. color: {color:Background};
  71. }
  72.  
  73. ::-moz-selection {
  74. background: {color:PostBG};
  75. color: {color:Background};
  76. }
  77.  
  78. ::-webkit-selection {
  79. background: {color:PostBG};
  80. color: {color:Background};
  81. }
  82.  
  83. body {
  84. border-top:3px solid {color:Border};
  85. overflow-y:scroll;
  86. background:{color:Background};
  87. margin:0px;
  88. color:{color:Text};
  89. font-family:calibri;
  90. font-size:10px;
  91. line-height:100%;
  92. letter-spacing:1px;
  93. text-align:justify;
  94. {block:ifNotCoverBackgroundImage}
  95. background-image:url('{image:Background}');
  96. background-attachment:fixed;
  97. {block:ifNotCoverBackgroundImage}
  98. {block:IfCoverBackgroundImage}
  99. background: url('{image:Background}') no-repeat center center fixed;
  100. -webkit-background-size: cover;
  101. -moz-background-size: cover;
  102. -o-background-size: cover;
  103. background-size: cover;
  104. {block:IfCoverBackgroundImage}
  105. }
  106.  
  107. small,big {
  108.  
  109. }
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. font-weight:400;
  114. -moz-outline-style:none;
  115. color:{color:Post Links};
  116. }
  117.  
  118. b {
  119. color:{color:border};
  120. font-weight:100;
  121. }
  122.  
  123. a:hover {
  124. color:{color:Hover};
  125. -webkit-transition: all 0.4s ease-in-out;
  126. -moz-transition: all 0.4s ease-in-out;
  127. -o-transition: all 0.4s ease-in-out;
  128. -ms-transition: all 0.4s ease-in-out;
  129. transition: all 0.4s ease-in-out;
  130. }
  131.  
  132. img {
  133. border:none;
  134. }
  135.  
  136. blockquote {
  137. margin-left:5px;
  138. padding-left:5px;
  139. border-left:2px solid;
  140. }
  141.  
  142. blockquote blockquote {
  143. padding-left:5px;
  144. border-left:2px solid;
  145. }
  146.  
  147. h1 {
  148. font-size:8px;
  149. letter-spacing:2px;
  150. text-transform:uppercase;
  151. font-family:'helvetica';
  152. font-style:none;
  153. line-height:10px;
  154. text-align:center;
  155. padding:0px;
  156. }
  157. blockquote img,
  158. li img {
  159. max-width: 469px!important;}
  160.  
  161. blockquote blockquote img,
  162. li li img,
  163. blockquote li img {
  164. max-width: 438px!important;}
  165.  
  166. blockquote blockquote blockquote img,
  167. li li li img,
  168. blockquote blockquote li img {
  169. max-width: 407px!important;}
  170.  
  171. blockquote blockquote blockquote blockquote img,
  172. li li li li img,
  173. blockquote blockquote blockquote li img {
  174. max-width: 376px!important;}
  175.  
  176. blockquote blockquote blockquote blockquote blockquote img,
  177. li li li li li img,
  178. blockquote blockquote blockquote blockquote li img {
  179. max-width: 345px!important;}
  180.  
  181. blockquote blockquote blockquote blockquote blockquote blockquote img,
  182. li li li li li li img,
  183. blockquote blockquote blockquote blockquote blockquote li img {
  184. max-width: 314px!important;}
  185.  
  186. blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  187. li li li li li li li img,
  188. blockquote blockquote blockquote blockquote blockquote blockquote li img {
  189. max-width: 283px!important;}
  190.  
  191. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  192. li li li li li li li li img,
  193. blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  194. max-width: 252px!important;}
  195.  
  196. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  197. li li li li li li li li li img,
  198. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  199. max-width: 221px!important;}
  200.  
  201. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  202. li li li li li li li li li li img,
  203. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  204. max-width: 190px!important;}
  205.  
  206. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  207. li li li li li li li li li li li img,
  208. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  209. max-width: 159px!important;}
  210.  
  211. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img,
  212. li li li li li li li li li li li li img,
  213. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote li img {
  214. max-width: 128px!important;}
  215.  
  216. /*ENTRIES*/
  217.  
  218. #entries {
  219. width:500px;
  220. position:absolute;
  221. margin-left:395px;
  222. margin-top:30px;
  223. font-size:11px;
  224. letter-spacing:0px;
  225. }
  226.  
  227. #post {
  228. background-color:{color:PostBG};
  229. width:500px;
  230. padding-bottom:20px;
  231. padding:20px;
  232. margin-top:10px;
  233. }
  234.  
  235. /*SIDEBAR*/
  236. #sidebar {
  237. position:fixed;
  238. width:200px;
  239. margin-left:70px;
  240. margin-top:100px;
  241. z-index:9999;
  242. }
  243.  
  244. #title img {
  245. position:fixed;
  246. width:300px;
  247. z-index:99990;
  248. margin-left:-25px;
  249. margin-top:190px;
  250. height:100px;
  251. }
  252.  
  253. #png img {
  254. position:fixed;
  255. margin-left:900px;
  256. width:350px;
  257. }
  258.  
  259. #imageone img{
  260. -webkit-border-radius: 5px;
  261. -moz-border-radius: 5px;
  262. -o-border-radius: 5px;
  263. -ms-border-radius: 5px;
  264. border-radius: 5px;
  265. position:fixed;
  266. width:250px;
  267. background-color:{color:PostBG};
  268. height:200px;
  269. border:2px solid {color:SidebarBorder};
  270. }
  271.  
  272. #imagetwo img{
  273. -webkit-border-radius: 5px;
  274. -moz-border-radius: 5px;
  275. -o-border-radius: 5px;
  276. -ms-border-radius: 5px;
  277. border-radius: 5px;
  278. position:fixed;
  279. width:250px;
  280. background-color:{color:PostBG};
  281. margin-top:276px;
  282. height:200px;
  283. border:2px solid {color:SidebarBorder};
  284. }
  285.  
  286. #desc {
  287. -webkit-border-radius: 0px 0px 5px 5px;
  288. -moz-border-radius: 0px 0px 5px 5px;
  289. -o-border-radius: 0px 0px 5px 5px;
  290. -ms-border-radius: 0px 0px 5px 5px;
  291. border-radius: 0px 0px 5px 5px;
  292. margin-top:476px;
  293. overflow-y:auto;
  294. width:244px;
  295. z-index:-1;
  296. height:80px;
  297. color:{color:DescriptionText};
  298. background-color:{color:SidebarBorder};
  299. position:fixed;
  300. padding:4px;
  301. border:1px solid {color:SidebarBorder};
  302. }
  303.  
  304. #desc p {
  305. padding:5px;
  306. text-align:justify;
  307. }
  308. .links{
  309. position:fixed;
  310. display:block;
  311. margin-left:850px;
  312. width:150px;
  313. margin-top:110px;
  314. z-index:999;
  315. }
  316.  
  317. .links img{
  318. margin-left:60px;
  319. -webkit-transition: all 0.4s ease-in-out;
  320. -moz-transition: all 0.4s ease-in-out;
  321. -o-transition: all 0.4s ease-in-out;
  322. -ms-transition: all 0.4s ease-in-out;
  323. transition: all 0.4s ease-in-out;
  324. }
  325.  
  326. .links img:hover {
  327. -webkit-transition: all 0.4s ease-in-out;
  328. -moz-transition: all 0.4s ease-in-out;
  329. -o-transition: all 0.4s ease-in-out;
  330. -ms-transition: all 0.4s ease-in-out;
  331. transition: all 0.4s ease-in-out;
  332. }
  333.  
  334. img.blur:hover {
  335. -webkit-filter: brightness(120%);
  336. -moz-filter: brightness(120%);
  337. -o-filter: brightness(120%);
  338. -ms-filter: brightness(120%);
  339. filter: brightness(120%);
  340. }
  341.  
  342. #pagination {
  343. -webkit-border-radius: 5px 5px 0px 0px;
  344. -moz-border-radius: 5px 5px 0px 0px;
  345. -o-border-radius: 5px 5px 0px 0px;
  346. -ms-border-radius: 5px 5px 0px 0px;
  347. border-radius: 5px 5px 0px 0px;
  348. position:fixed;
  349. padding:5px;
  350. width:244px;
  351. z-index:99;
  352. text-align:center;
  353. margin-top:82px;
  354. margin-left:70px;
  355. background-color:{color:SidebarBorder};
  356. }
  357.  
  358. #pagination a{
  359. font-style:bold;
  360. font-family:'arial';
  361. letter-spacing:0px;
  362. font-size:6px;
  363. padding:5px;
  364. color:{color:DescriptionText};
  365. text-align:center;
  366. text-transform:uppercase;
  367. z-index:-111;
  368. -webkit-transition: all 0.4s ease-in-out;
  369. -moz-transition: all 0.4s ease-in-out;
  370. -o-transition: all 0.4s ease-in-out;
  371. -ms-transition: all 0.4s ease-in-out;
  372. transition: all 0.4s ease-in-out;
  373. }
  374.  
  375. #pagination a:hover {
  376. color:{color:Background};
  377. -webkit-transition: all 0.4s ease-in-out;
  378. -moz-transition: all 0.4s ease-in-out;
  379. -o-transition: all 0.4s ease-in-out;
  380. -ms-transition: all 0.4s ease-in-out;
  381. transition: all 0.4s ease-in-out;
  382. }
  383.  
  384.  
  385. /*AUDIO INFO*/
  386.  
  387. .playerbuttonbg {
  388. position: absolute;
  389. left: 20px;
  390. top: 20px;
  391. width: 19px;
  392. height: 19px;
  393. -webkit-border-radius: 40px;
  394. -moz-border-radius: 40px;
  395. border-radius: 40px;
  396. background-color: #ffffff;
  397. padding: 10px;
  398. opacity: .4;
  399. filter: alpha(opacity=40);
  400. -moz-opacity: 0.4;
  401. -khtml-opacity: 0.4;
  402. transition: opacity .7s ease-in-out;
  403. -moz-transition: opacity .7s ease-in-out;
  404. -webkit-transition: opacity .7s ease-in-out;
  405. }
  406.  
  407. .playerbuttonbg:hover {
  408. opacity: 1;
  409. filter: alpha(opacity=100);
  410. -moz-opacity: 1;
  411. -khtml-opacity: 1;
  412. }
  413.  
  414. .newplayerbutton {
  415. position: relative;
  416. width: 19px;
  417. height: 19px;
  418. overflow: hidden;
  419. }
  420.  
  421. .playerbuttonhug {
  422. position: absolute;
  423. top: -17px;
  424. left: -4px;
  425. }
  426.  
  427. .tumblr_audio_player {
  428. height: 90px;
  429. width: 270px;
  430. -moz-transform: scale(0.60, 0.60);
  431. -webkit-transform: scale(0.60, 0.60);
  432. -o-transform: scale(0.60, 0.60);
  433. -ms-transform: scale(0.60, 0.60);
  434. transform: scale(0.60, 0.60);
  435. -moz-transform-origin: top left;
  436. -webkit-transform-origin: top left;
  437. -o-transform-origin: top left;
  438. -ms-transform-origin: top left;
  439. transform-origin: top left;
  440. }
  441.  
  442. .audioimgwrapper {
  443. position: absolute;
  444. left: 0px;
  445. top: 0px;
  446. overflow: hidden;
  447. width: 79px;
  448. height: 79px;
  449. }
  450.  
  451. .audioimgwrapper img {
  452. -webkit-border-radius:40px;
  453. -moz-border-radius:40px;
  454. border-radius:40px;
  455. width: 100%;
  456. height: auto;
  457. }
  458.  
  459. .trackdetails {
  460. text-transform:uppercase;
  461. width: auto;
  462. display:inline-block;
  463. margin-top:20px;
  464. margin-left: 90px;
  465. min-height: 85px;
  466. }
  467.  
  468. .audiowrapper {
  469. position: relative;
  470. display:inline-block;
  471. }
  472.  
  473. /*POST INFO*/
  474.  
  475. #info {
  476. text-align:right;
  477. font-family:'helvetica';
  478. letter-spacing:1px;
  479. font-size:7px;
  480. font-style:none;
  481. line-height:10px;
  482. text-transform:uppercase;
  483. padding:5px;
  484. background-color:{color:Background};
  485. border-color:{color:Border};
  486. }
  487.  
  488. #info a {
  489. text-align:right;
  490. color:{color:Post Links};
  491. }
  492.  
  493. #info a:hover {
  494. -moz-transition-duration:0.3s;
  495. -webkit-transition-duration:0.3s;
  496. -o-transition-duration:0.3s;
  497. color:{color:Hover}
  498. }
  499.  
  500. #tags {
  501. width:489px;
  502. text-align:right;
  503. font-size:7px;
  504. opacity:1;
  505. transition-duration: 0.5s;
  506. -moz-transition-duration: 0.5s;
  507. -webkit-transition-duration: 0.5s;
  508. -o-transition-duration: 0.5s
  509. color:{color:Post Links};
  510. }
  511.  
  512. #tags a {
  513. letter-spacing:0px;
  514. font-family:'helvetica';
  515. text-decoration:none;
  516. display:inline-block;
  517. }
  518.  
  519. #tags a:hover {
  520. -moz-transition-duration:0.3s;
  521. -webkit-transition-duration:0.3s;
  522. -o-transition-duration:0.3s;
  523. color:{color:Hover};
  524. }
  525.  
  526. /*QUESTION*/
  527.  
  528. #asker {
  529. -webkit-border-radius: 5px;
  530. -moz-border-radius: 5px;
  531. -o-border-radius: 5px;
  532. -ms-border-radius: 5px;
  533. border-radius: 5px;
  534. padding:14px;
  535. font-size:11px;
  536. letter-spacing:0px;
  537. text-align:left;
  538. margin-top:0px;
  539. border:2px solid {color:Border};
  540. text-transform:lowercase;
  541. line-height:100%;
  542. }
  543.  
  544. #q {
  545. border:2px solid {color:Border};
  546. -webkit-border-radius: 5px;
  547. -moz-border-radius: 5px;
  548. -o-border-radius: 5px;
  549. -ms-border-radius: 5px;
  550. border-radius: 5px;
  551. }
  552.  
  553. /*CREDIT*/
  554.  
  555. #cred {
  556. position:fixed;
  557. font-family:'helvetica';
  558. text-transform:uppercase;
  559. font-size:20px;
  560. text-shadow:1px 1px 0px {color:PostBG};
  561. right:9px;
  562. bottom:9px;
  563. padding:4px;
  564. letter-spacing:1px;
  565. }
  566.  
  567. #notes {
  568. font-family:helvetica;
  569. text-transform:uppercase;
  570. }
  571.  
  572. #notes li{
  573. list-style-type:none;
  574. background-color:{color:PostBG};
  575. padding:6px;
  576. }
  577.  
  578. #notes img {
  579. opacity:0;
  580. }
  581.  
  582. #s-m-t-tooltip{
  583. position:absolute;
  584. background-color:{color:PostBG};
  585. padding:3px;
  586. z-index:9999;
  587. border:2px solid {color:DescriptionText};
  588. margin-top:-10px;
  589. margin-left:5px;
  590. display:block;
  591. text-transform:uppercase;
  592. font-size:8px;
  593. color:{color:text};
  594. }
  595.  
  596.  
  597. {CustomCSS}</style>
  598. </head><body>
  599. <div id="sidebar">
  600. <div id="png"><img src="{image:png}"></div>
  601. <div id="title"><a href="/"><img src="{image:title}"></a></div>
  602. <div id="imageone">
  603. <img src="{image:imageone}">
  604. </div>
  605. <div id="imagetwo">
  606. <img src="{image:imagetwo}">
  607. </div>
  608. <div id="desc"><p>{Description}</p></div>
  609. <div class="links">
  610. <a href="{text:link1}" title="{text:link1}"><img src="{image:link1}" class="blur"></a>
  611. <a href="{text:link2}" title="{text:link2}"><img src="{image:link2}" class="blur"></a>
  612. <a href="{text:link3}" title="{text:link3}"><img src="{image:link3}" class="blur"></a>
  613. </div>
  614. </div>
  615. {block:Pagination}
  616. <div id="pagination">
  617. {block:PreviousPage}<a href="{PreviousPage}" title="back"><big>PREV</big></a> // {/block:PreviousPage}
  618. {block:NextPage}<a href="{NextPage}" title="next"><big> NEXT</big></a>{/block:NextPage}
  619. </div>
  620. {/block:Pagination}
  621.  
  622.  
  623. <div id="entries">
  624. {block:Posts}
  625. <div id="post">
  626.  
  627. {block:Text}
  628. <h1>{block:Title}<span style="width:500px;font-size:12px;text-tranform:uppercase;padding:10px;"><a href="{Permalink}" title="{Title}">{Title}</a></span>{/block:Title}</h1>
  629. {Body}<br>{/block:Text}
  630.  
  631. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  632. {block:Caption}{Caption}{/block:Caption}<br>{/block:Photo}
  633.  
  634. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  635. {/block:Caption}<br>{/block:Photoset}
  636.  
  637. {block:Quote}<h2 style="font-size:14px;line-height:100%;font-family:helvetica;text-transform:uppercase;">"{Quote}"</h2>
  638. {block:Source}<div class="qsource"> โ€”{Source}</div>
  639. {/block:Source}<br>{/block:Quote}
  640.  
  641. {block:Link}<h1 style="font-size:14px;text-tranform:uppercase;padding:10px;"><a href="{URL}" {Target} title="{Name}">{Name}</a></h1>{block:Description}{Description}{/block:Description}<br>{/block:Link}
  642.  
  643. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="font-size:15px;text-transform:uppercase;"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  644.  
  645. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}{Artist}{/block:Artist}<br/>{block:Album}{Album}{/block:Album}<br/></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  646.  
  647.  
  648. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  649.  
  650. <!--- Please don't steal anything. I find it rude and unethical. -->
  651. {block:Answer}<div id="asker"><span style="text-transform:uppercase;color:{color:Post Links};letter-spacing:2px;">{Asker}:</span></br>{Question}</div>{block:Answerer}</br><div style="padding:14px;border:2px solid {color:Border};-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;padding-top:17px;padding-bottom:8px;"><span style="text-transform:uppercase;letter-spacing:2px;">{Answerer}:</span>{Answer}</div>{/block:Answerer}{Replies}</br>{/block:Answer}
  652.  
  653. <div id="info">
  654. <a href="{Permalink}" title="Permalink">{TimeAgo}</a>
  655. {block:NoteCount}
  656. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  657. <a href="{SourceURL}" title="Source">source</a>{/block:ContentSource}
  658. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  659. {block:HasTags}<div id="tags">
  660. {block:Tags} <a href="/tagged/{Tag}">+{Tag}</a>{/block:Tags}
  661. </div>{block:HasTags}
  662. </div>
  663. </div>
  664. {/block:Posts}
  665. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  666. {/block:Posts}</div></div></div>
  667. <br><br><br><br>
  668.  
  669. <div id="cred">
  670. <a href="http://cocoofrps.tumblr.com/" title="THEME 9 BY COCO">โ™š</a>
  671. </div>
  672. </div>
  673.  
  674.  
  675.  
  676. </body>
  677.  
  678. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement