planejava

peitarei 6 theme

Oct 16th, 2014
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.59 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5. <!--------------- THEME POR PEITAREI, BASE POR MISSCACHACA, NÃO COPIE, NÃO SE INSPIRE, PEGOU DETALHES? CREDITE E ME AVISE PORRA, É PRA AVISAR SE NÃO, NÃO VO LIBERAR MAIS ESSA PORRA BLZ ? ----------------->
  6.  
  7.  
  8. <meta name="color:background" contaent="#ffffff" />
  9. <meta name="image:background" content="/" />
  10. <meta name="image:foto" content="/" />
  11. <meta name="color:text" content="#000000" />
  12. <meta name="color:borda" content="#FF69B4" />
  13. <meta name="color:menu" content="#fff" />
  14. <meta name="color:caixa" content="#fff" />
  15. <meta name="color:frase" content="#FF69B4" />
  16. <meta name="color:caixa 2" content="#eb4497" />
  17. <meta name="color:frase 2" content="#fff" />
  18. <meta name="text:frase" content="solta esse cabelo e vem " />
  19. <meta name="text:frase 2" content="eu vim pra esbagaça essa porra" />
  20.  
  21. <meta name="text:link1" content="/" />
  22. <meta name="text:link1 title" content="coé" />
  23. <meta name="text:link2" content="/" />
  24. <meta name="text:link2 title" content="wspp" />
  25. <meta name="text:link3" content="/" />
  26. <meta name="text:link3 title" content="texts" />
  27. <meta name="text:link4" content="/" />
  28. <meta name="text:link4 title" content="ohana" />
  29. <meta name="text:link5" content="/" />
  30. <meta name="text:link5 title" content="themes" />
  31.  
  32.  
  33.  
  34.  
  35.  <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  36.  <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  37.  
  38.  <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  39.  
  40.                 <title>{Title}</title>
  41.         <link rel="shortcut icon" href="{FavIcon}">
  42.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43.         {block:Description}
  44.   <meta name="description" content="{MetaDescription}" />
  45.         {/block:Description}
  46.        
  47.         <!--BASE FEITA POR I-NSEGUR-A -->
  48.  
  49.  
  50. <script type='text/javascript'>
  51. //<![CDATA[
  52. var rate = 50;
  53. if (document.getElementById)
  54. window.onerror=new Function("return true")
  55.  
  56. var objActive; // The object which event occured in
  57. var act = 0; // Flag during the action
  58. var elmH = 0; // Hue
  59. var elmS = 128; // Saturation
  60. var elmV = 255; // Value
  61. var clrOrg; // A color before the change
  62. var TimerID; // Timer ID
  63. if (document.all) {
  64. document.onmouseover = doRainbowAnchor;
  65. document.onmouseout = stopRainbowAnchor;
  66. }
  67. else if (document.getElementById) {
  68. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  69. document.onmouseover = Mozilla_doRainbowAnchor;
  70. document.onmouseout = Mozilla_stopRainbowAnchor;
  71. }
  72. function doRainbow(obj)
  73. {
  74. if (act == 0) {
  75. act = 1;
  76. if (obj)
  77. objActive = obj;
  78. else
  79. objActive = event.srcElement;
  80. clrOrg = objActive.style.color;
  81. TimerID = setInterval("ChangeColor()",100);
  82. }
  83. }
  84. function stopRainbow()
  85. {
  86. if (act) {
  87. objActive.style.color = clrOrg;
  88. clearInterval(TimerID);
  89. act = 0;
  90. }
  91. }
  92. function doRainbowAnchor()
  93. {
  94. if (act == 0) {
  95. var obj = event.srcElement;
  96. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  97. obj = obj.parentElement;
  98. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  99. break;
  100. }
  101. if (obj.tagName == 'A' && obj.href != '') {
  102. objActive = obj;
  103. act = 1;
  104. clrOrg = objActive.style.color;
  105. TimerID = setInterval("ChangeColor()",100);
  106. }
  107. }
  108. }
  109. function stopRainbowAnchor()
  110. {
  111. if (act) {
  112. if (objActive.tagName == 'A') {
  113. objActive.style.color = clrOrg;
  114. clearInterval(TimerID);
  115. act = 0;
  116. }
  117. }
  118. }
  119. function Mozilla_doRainbowAnchor(e)
  120. {
  121. if (act == 0) {
  122. obj = e.target;
  123. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  124. obj = obj.parentNode;
  125. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  126. break;
  127. }
  128. if (obj.nodeName == 'A' && obj.href != '') {
  129. objActive = obj;
  130. act = 1;
  131. clrOrg = obj.style.color;
  132. TimerID = setInterval("ChangeColor()",100);
  133. }
  134. }
  135. }
  136. function Mozilla_stopRainbowAnchor(e)
  137. {
  138. if (act) {
  139. if (objActive.nodeName == 'A') {
  140. objActive.style.color = clrOrg;
  141. clearInterval(TimerID);
  142. act = 0;
  143. }
  144. }
  145. }
  146. function ChangeColor()
  147. {
  148. objActive.style.color = makeColor();
  149. }
  150. function makeColor()
  151. {
  152. // Don't you think Color Gamut to look like Rainbow?
  153. // HSVtoRGB
  154. if (elmS == 0) {
  155. elmR = elmV; elmG = elmV; elmB = elmV;
  156. }
  157. else {
  158. t1 = elmV;
  159. t2 = (255 - elmS) * elmV / 255;
  160. t3 = elmH % 60;
  161. t3 = (t1 - t2) * t3 / 60;
  162. if (elmH < 60) {
  163. elmR = t1; elmB = t2; elmG = t2 + t3;
  164. }
  165. else if (elmH < 120) {
  166. elmG = t1; elmB = t2; elmR = t1 - t3;
  167. }
  168. else if (elmH < 180) {
  169. elmG = t1; elmR = t2; elmB = t2 + t3;
  170. }
  171. else if (elmH < 240) {
  172. elmB = t1; elmR = t2; elmG = t1 - t3;
  173. }
  174. else if (elmH < 300) {
  175. elmB = t1; elmG = t2; elmR = t2 + t3;
  176. }
  177. else if (elmH < 360) {
  178. elmR = t1; elmG = t2; elmB = t1 - t3;
  179. }
  180. else {
  181. elmR = 0; elmG = 0; elmB = 0;
  182. }
  183. }
  184. elmR = Math.floor(elmR).toString(16);
  185. elmG = Math.floor(elmG).toString(16);
  186. elmB = Math.floor(elmB).toString(16);
  187. if (elmR.length == 1) elmR = "0" + elmR;
  188. if (elmG.length == 1) elmG = "0" + elmG;
  189. if (elmB.length == 1) elmB = "0" + elmB
  190. elmH = elmH + rate;
  191. if (elmH >= 360)
  192. elmH = 0;
  193. return '#' + elmR + elmG + elmB;
  194. }
  195. //]]>
  196. </script>
  197. <!--BASE FEITA POR I-NSEGUR-A -->
  198.  
  199.  
  200.  </head>
  201.  
  202.    <style type="text/css">
  203.  
  204. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:13px 'calibri'; text-align:center;}
  205.  
  206.  
  207. a {color: {color:text}; text-decoration: none; text-transform: none;}
  208. a:hover {color:{color:text};}
  209. a:hover {font-style:normal}
  210.  
  211.  
  212. p {margin: 6px 0 0 0}
  213.  
  214. blockquote {margin:3px; border-left: 3px solid #fff; padding-left: 5px; }
  215. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff;}
  216. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }
  217. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }
  218.  
  219. blockquote img{max-width: 470px!important}
  220. blockquote blockquote img{max-width: 450px!important}
  221. blockquote blockquote blockquote img{max-width: 450px!important}
  222. blockquote blockquote blockquote blockquote img{max-width: 450px!important}
  223.  
  224. #container {width: 450px; margin:50px auto: 50px auto;}
  225.  
  226. iframe#tumblr_controls {top:0px !important;right:3px !important;position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.4;
  227. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;
  228. transition: all 0.8s ease-out;z-index:9999;}
  229.  
  230. iframe#tumblr_controls:hover{
  231. -webkit-transition: opacity 0.7s linear;
  232. opacity: 1;
  233. -webkit-transition: all 0.4s ease-out;
  234. -moz-transition: all 0.4s ease-out;
  235. transition: all 0.4s ease-out;
  236. z-index:9999;}
  237.  
  238.  
  239. #red {width:450px; float:left; margin-left:500px; margin-top:13px; position:relative; z-index:999; padding-right:0px; padding-top:0px}
  240. .red a:hover {color: {color:text};}
  241.  
  242.  
  243. .red {width:450px; padding:6px; background-color:#ffffff; margin:0px 0px 0px 0px; margin-bottom:1px; float:right; text-align:justify; font-family:'calibri'; font-size:12px;text-decoration:; }
  244.  
  245.  
  246. gold {font-family: 'calibri'; font-size: 14px; line-height: 14px; text-align:center; font-weight: normal; margin-bottom:4px;}
  247. gold a {color: {color:text};}
  248. gold a:hover {color: {color:text};text-shadow}
  249. .image {text-align: center; border: 0px}
  250. .image img {-webkit-filter: grayscale(20%);width: 450px; margin-bottom: 1px; }
  251. .image img:hover { -webkit-filter: grayscale(0%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  252.  
  253. .quotes {font-family:'calibri'; line-height:15px; padding: 2px;  text-align:left; font-size: 13px}
  254. .quotessource {text-align: center; text-transform: none; margin-bottom: 3px;font-family:'calibri'; font-size: 12px; background:}
  255.  
  256. .chat {line-height: 13px; list-style: none }
  257. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  258. .person1 {color: {color:text}; padding: 1px; }
  259. .person1 .label {font-weight: bold;  color:{color:text}}
  260. .person2 {color: {color:text}; padding: 1px;  }
  261. .person2 .label {font-weight: bold;  color:{color:text}}
  262.  
  263. .player {background-color: #ddd; text-align: left; display:block;}
  264.  
  265.  
  266.  
  267. #asker {background-color: #;margin-left:0px; font-size: 13px; font-family: 'cambria'; text-align: justify;}
  268. .answer {margin-left:0px;font-size: 11px; font-family: 'arial'; padding::px}
  269. .answer img {max-width: 370px;}
  270.  
  271. #ssource{margin-left:8px; display:none;}
  272. #asker {font-family:'calibri'; text-align: left;color:{color:text}; font-size:13px;padding:-2px;font-style:;background-color:;border-bottom:1px solid #FA8072;}
  273.     .answer {padding: 1px; font-family:'calibri'; font-size:13px; text-align:left; margin-top:-3pxfont-style:'arial';}
  274. .answer img {max-width: 450px;}
  275. #asker a:hover  {color:{color:text};}
  276. #ssource{margin-left:10px; display:none}
  277.      
  278. #marizinha {padding:10px;opacity:0; margin:0px 0px 490px 495px; filter: alpha(opacity = 0.2); position:absolute;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;margin-top:-5px; background-color:transparent;margin-left: 1px solid color: #ddd;text-transform:uppercase }
  279. #marizinha:hover  {margin-left: 1px solid color: #ddd;color:{color:text};}
  280.  
  281. .red:hover #marizinha { opacity:1.0;}
  282.  
  283. #ice {margin-left: -50px;margin-top:-8px; text-align:left; font-size: 11px;font-family: 'calibri'; width:90px;height:19px; text-transform:}
  284. #ice a {text-transform:; font-style:normal;color:#000;}
  285. #ice a:hover {margin-left: 1px solid color: #ddd;;color:{color:text};}
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  ::-webkit-scrollbar{width:7px;
  296. height:0px;}
  297. ::-webkit-scrollbar-button:start:decrement
  298. ::-webkit-scrollbar-button:end:increment{display:block;
  299. height:0;
  300. background-color:#000;}
  301. ::-webkit-scrollbar-track-piece{background-color:#fff;
  302. -webkit-border-radius:0;
  303. -webkit-border-bottom-right-radius:3px;
  304. -webkit-border-bottom-left-radius:3px;}
  305. ::-webkit-scrollbar-thumb:vertical{height:50px;
  306. background-color:#000;}
  307. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  308. background-color:#000;}
  309.  
  310. .swag {width: 210px; height: 270px; position: fixed; margin-top: 100px; margin-left: 150px;overflow:hidden;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
  311. .swag img {position: fixed; width: 210px; height:270px;display:block;overflow:hidden; }
  312.  
  313.  
  314.  
  315. .peitarei {position:  fixed; width: 100px; margin-top: 700px; margin-left: 1000px;}
  316. .peitarei a {text-align: center; font-size: 13px; color: {color:text}; text-transform: none; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  317. .peitarei a:hover {color:#C71585;text-shadow: 0px 0px 1px #C71585;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  318.  
  319. .via {display: none;}
  320. .source {display: none;}
  321.  
  322.  
  323.  
  324. #borda {width: 199px; height: 259px; position: fixed; background-color: transparent; margin-top: 5px; margin-left: 5px; border:1px dashed {color:borda}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;opacity:0;}
  325.  
  326. .swag:hover #borda {opacity:1;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  327.  
  328.   /*** MENU POR PEITAREI, TUTORIAL POR HTML-PARTY **/
  329. .pimenta { font-size: 10px;  display: inline-block; background:transparent;  width:130px; height: 15px; ;text-align: right; position: fixed ; font-family: calibri; margin-top: 225px; line-height: 15px; margin-left: -43px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;z-index:9;opacity:0;}
  330. .pimenta a {text-transform: none; color: {color:menu};}
  331. .pimenta a:hover {text-shadow: 0px 0px 1px #FF69B4;color:#FF69B4 ;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  332.  
  333.  #caixa2 {width: 190px; height: 35px; position:absolute; background-color: {color:caixa 2}; margin-top: 225px; margin-left: 10px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;opacity:0;}
  334.  
  335.  .hihau2 {width: 50px; height: 40px; position: absolute; margin-top: 225px; margin-left: 10px;-webkit-transition-duration: 0.1s; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;;z-index:9;opacity:0; }
  336. .hihau2 img {position: absolute; width: 50px; height: 15px;}
  337.  
  338. .frase2 { width: 250px; height: 70px; position: absolute; margin-top: 240px; margin-left: -23px; font-size: 13px;  color: {color:frase 2}; background-color: transparent ;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;opacity:0;}
  339.  
  340. .swag:hover #caixa2 {opacity:1; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  341.  
  342. .swag:hover .pimenta {opacity:1; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  343.  
  344. .swag:hover .hihau2 {opacity:1; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  345.  
  346. .swag:hover .frase2 {opacity:1; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  347.  
  348. .caixa {width: 200px; height: 20px; position:absolute; background-color: {color:caixa}; margin-top: 235px; margin-left: 5px; opacity:0.3;-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
  349.  
  350. .frase { width: 250px; height: 70px; position: absolute; margin-top: 237px; margin-left: -50px; font-size: 13px;  color: {color:frase}; background-color: transparent ;text-shadow:1px 1px 1px #000;-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
  351.  
  352. .hihau {width: 70px; height: 40px; position: absolute; margin-top: 235px; margin-left: 145px;-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
  353. .hihau img {position: absolute; width: 60px; height: 20px;}
  354.  
  355.  
  356. .swag:hover .caixa {-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;margin-left:-300px;}
  357.  
  358. .swag:hover .frase {-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;margin-left:-300px;}
  359.  
  360. .swag:hover .hihau {-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;margin-left:-300px;}
  361.  
  362.  
  363.  
  364.   </style>
  365.      
  366.      
  367.        
  368.     <style type="text/css">{CustomCSS}</style>
  369.  
  370.  
  371.  
  372. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  373.  
  374.   <div class="swag">
  375. <img src="{image:foto}">
  376. <div class="caixa"></div>
  377.  
  378. <div class="frase">{text:frase}</div>
  379.  
  380. <div class="hihau">
  381. <img src="http://static.tumblr.com/3enpkf8/7ijncfdg3/tumblr_nc9zvlinep1rudzx7o1_500.png"> </div>
  382.  
  383. <div id="borda"></div>
  384.  
  385. <div class="pimenta">
  386. <a href="{text:link1}">{text:link1 title} </a>  
  387.  
  388. <a href="{text:link2}">{text:link2 title} </a>
  389.  
  390. <a href="{text:link3}">{text:link3 title}</a>
  391.  
  392. <a href="{text:link4}">{text:link4 title} </a>
  393.  
  394. <a href="{text:link5}">{text:link5 title} </a></div>
  395.  
  396. <div id="caixa2"></div>
  397.  
  398. <div class="hihau2">
  399. <img src="http://static.tumblr.com/3enpkf8/qS1ncff0c/tumblr_nblrbgys3g1tadqb8o1_400.png"> </div>
  400.  
  401. <div class="frase2">{text:frase 2} </div>
  402.    
  403. </div>
  404.  
  405.  
  406.  
  407. <div class="peitarei"> <a href="http://peitarei.tumblr.com/" title="base por MISSCACHACA">✿ peitarei ✿ </a> </div>
  408.  
  409.  
  410.  <div class ="autopagerize_page_element">
  411.  
  412. <div id="red">
  413.  
  414.  
  415. {block:Posts}
  416.  
  417.  
  418. <div class="red">
  419.  
  420. <div id="marizinha">
  421.  
  422.  
  423.  
  424.  
  425.  
  426. <div id= "ice"><a href="{Permalink}"{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></br></div>{LinkCloseTag}
  427. {block:RebloggedFrom}
  428. {/block:RebloggedFrom}
  429. <div id="ice"><a href="{ReblogURL}" target="_blank">peitem</a></div>
  430. </div>
  431.  
  432.  
  433. {block:Text}{block:Title}<gold>{Title}</gold>{/block:Title}{Body}{/block:Text}
  434.  
  435.  
  436. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  437.  
  438.  
  439. {block:Photoset}{Photoset-400}{/block:Photoset}
  440.  
  441.  
  442. {block:Quote}
  443. <div class="quotes">{Quote}</div>
  444. {block:Source}<div class="quotessource">
  445. <b>{Source}</b></div>
  446. {/block:Source}
  447. {/block:Quote}
  448.  
  449.  
  450. {block:Link}
  451. <gold><a href="{URL}" {Target}>{Name}</a></gold>
  452. {block:Description}{Description}{/block:Description}
  453. {/block:Link}
  454.  
  455.  
  456. {block:Chat}
  457. {block:Title}<gold><a href="{Permalink}">{Title}</a></gold>{/block:Title}
  458. <div class="chat"><ul>{block:Lines}
  459. <li class="person{UserNumber}">{block:Label}
  460. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  461. {/block:Chat}
  462.  
  463.  
  464. {block:Audio}
  465. <div class="player">{AudioPlayerBlack}</div>
  466. {block:Caption}{Caption}{/block:Caption}
  467. {/block:Audio}
  468.  
  469.  
  470. {block:Video}{Video-400}{/block:Video}
  471.  
  472.  
  473. {block:Answer}
  474. <div id="asker"><img src="http://static.tumblr.com/3enpkf8/7j3nd8yft/barbie-logo-head-950x1024_large.png"> <font color="#000"> <b>{Asker} gemeu:</b></font> {Question}</div>
  475. <div class="answer">{Answer}</div>
  476. {/block:Answer}
  477.  
  478.  
  479.  
  480.  
  481.  
  482. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  483. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  484. {/block:ContentSource}</div>
  485. </div>
  486.  
  487.  <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  488. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  489.  
  490. {/block:Posts}
  491. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  492.  
  493.  
  494.  
  495. </div>
  496. </div>
  497. </div>
  498. </div>
  499.  
  500.  
  501.  
  502. </div>
  503. </div>
  504. </div>
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514. </body>
  515. </html>
Advertisement
Add Comment
Please, Sign In to add comment