Advertisement
tomkirk

"Redux" 500

Apr 5th, 2013
1,542
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.13 KB | None | 0 0
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. "REDUX" 500px
  6.  
  7. -->
  8. <html>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <!--Default Variables-->
  13. <!--Colors-->
  14. <meta name="color:Background" content="#f6f6f6"/>
  15. <meta name="color:Text" content="#696969"/>
  16. <meta name="color:Link" content="#c5dade"/>
  17. <meta name="color:Link Hover" content="#e8e8e8"/>
  18. <meta name="color:Scrollbar" content="#c5dade"/>
  19. <meta name="color:Ask Background" content="#f7f7f7"/>
  20. <meta name="color:Ask Text" content="#696969"/>
  21. <meta name="color:Border" content="#e8e8e8"/>
  22. <meta name="color:Shadow" content="#e8e8e8"/>
  23. <meta name="color:Tooltip Background" content="#ffffff"/>
  24. <meta name="color:Tooltip Text" content="#696969"/>
  25.  
  26. <!--Images-->
  27. <meta name="image:Side" content""/>
  28. <meta name="image:Background" content""/>
  29. <meta name="image:Icon 1" content"http://media.tumblr.com/de173d40e7b54341afe10ea91d24f128/tumblr_inline_mkr89ku94w1qz4rgp.gif"/>
  30. <meta name="image:Icon 2" content"http://media.tumblr.com/75d3cb0245c8658391641ec0f2290dd2/tumblr_inline_mkr89oPb8n1qz4rgp.gif"/>
  31. <meta name="image:Icon 3" content"http://media.tumblr.com/e3259cbaa4820ef641d37299f89ceac0/tumblr_inline_mkr8c3f6JP1qz4rgp.gif"/>
  32. <meta name="image:Icon 4" content"http://media.tumblr.com/efc1a6764006a112128633472e2fb2fb/tumblr_inline_mkr8coCtAC1qz4rgp.gif"/>
  33. <meta name="image:Icon 5" content"http://media.tumblr.com/eedeac5a09de6e668d682fe11ff593f1/tumblr_inline_mkr8c6uBss1qz4rgp.gif"/>
  34. <meta name="image:Perma" content"http://media.tumblr.com/1c796185c9bca6af9f2e50653e0f9187/tumblr_inline_mkr8aaXe3l1qz4rgp.gif"/>
  35.  
  36. <!--Options-->
  37. <meta name="if:Lazy Load" content=""/>
  38. <meta name="if:Infinite Scrolling" content=""/>
  39. <meta name="if:Captions" content=""/>
  40. <meta name="if:Side Pic" content="1"/>
  41. <meta name="if:Tiny Cursor" content=""/>
  42. <meta name="if:Icon Links" content=""/>
  43.  
  44. <!--Links-->
  45. <meta name="text:Sidepic Width" content="170"/>
  46. <meta name="text:Sidepic Margin Top" content="-40"/>
  47. <meta name="text:Link 1 URL" content="/"/>
  48. <meta name="text:Link 1 name" content=""/>
  49. <meta name="text:Link 2 URL" content="/"/>
  50. <meta name="text:Link 2 name" content=""/>
  51. <meta name="text:Link 3 URL" content="/"/>
  52. <meta name="text:Link 3 name" content=""/>
  53. <meta name="text:Link 4 URL" content="/"/>
  54. <meta name="text:Link 4 name" content=""/>
  55. <meta name="text:Link 5 URL" content="/"/>
  56. <meta name="text:Link 5 name" content=""/>
  57.  
  58. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  61.  
  62. {block:ifInfiniteScrolling}
  63. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  64. {/block:ifInfiniteScrolling}
  65.  
  66. {block:Description}
  67. <meta name="description" content="{MetaDescription}" />{/block:Description}
  68. <title>
  69. {block:PostSummary}
  70. {PostSummary} - {/block:PostSummary}{Title}</title>
  71. </style>
  72.  
  73. <style type="text/css">
  74.  
  75. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  76.  
  77.  
  78. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  79.  
  80. ::-webkit-scrollbar {width:6px; height:6px; background: {color:Background};}
  81. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  82.  
  83. body{background-color: {color:Background};background-image: url({image:Background});background-attachment: fixed;background-repeat: repeat;background-position: center;font-family:verdana;font-size:11px;line-height:12px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; {/block:ifTinyCursor}}
  84.  
  85. a:link, a:active, a:visited{color: {color:Link};-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;text-decoration:none;}
  86.  
  87. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; {/block:ifTinyCursor}}
  88.  
  89. #pic img{display:block;}
  90. #pic a:hover{background:transparent;}
  91.  
  92. #container {margin:auto;width:700px;}
  93.  
  94. #content{width:50px;}
  95.  
  96. #entry {width:500px;margin-top:30px;margin-bottom:40px;background:white;padding:4px;border:1px solid {color:Border};-moz-box-shadow: 10px 10px 1px {color:Shadow};-webkit-box-shadow: 10px 10px 1px {color:Shadow};box-shadow: 10px 10px 1px {color:Shadow};-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  97.  
  98. #entry img{max-width:500px;}
  99.  
  100. #entry .permalink{position:absolute;margin-top:1px;margin-left:-30px;opacity:1;text-align:left;font-size:8px;line-height:11px;text-transform:uppercase;color:{color:Link};-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;}
  101.  
  102. #entry:hover .permalink{opacity:1;}
  103.  
  104. #z{position:fixed;bottom:0;right:0;padding:15px;}
  105.  
  106. #z .y{position:absolute;margin-top:-7px;margin-left:-10px;opacity:0;font-family:calibri;font-size:10px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  107.  
  108. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-12px;margin-top:-7px;}
  109.  
  110. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  111.  
  112. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  113.  
  114. #side {position:fixed;width:170px;text-align:center;margin-top:300px;margin-left:580px;background:white;padding:4px;border:1px solid {color:Border};-moz-box-shadow: 10px 10px 1px {color:Shadow};-webkit-box-shadow: 10px 10px 1px {color:Shadow};box-shadow: 10px 10px 1px {color:Shadow};-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  115.  
  116. .sp {margin-top:{text:Sidepic Margin Top}px;position:relative;}
  117. .sp img{width:{text:Sidepic Width}px;position:relative;}
  118. .navigate a{line-height:15px;margin-left:5px;margin-right:5px;}
  119.  
  120. .navigate a img{max-width:20px;}
  121.  
  122. #panel{padding:1px;margin-left:15px;margin-top:0px;display:none;}
  123.  
  124. #ask {padding:5px;background:{color:Ask Background};color:{color:Ask Text};}
  125.  
  126. .askername{font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
  127.  
  128. .p{font-size:15px;line-height:20px;font-weight:bold;text-transform:uppercase;}
  129.  
  130. .b{font-size:20px;line-height:20px;margin-top:5px;margin-bottom:5px;font-weight:bold;text-transform:uppercase;}
  131.  
  132. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Border};}
  133.  
  134. .p { padding-top: 5px; }
  135. .ol, ul { margin-left: 30px; padding: 5px; }
  136. .ul { list-style-type: square; }
  137.  
  138. .chat .line{padding: 2px;}
  139.  
  140. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  141.  
  142. .label {font-weight:bold;}
  143.  
  144. .audiop{background:black;padding:10px;}
  145. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;}
  146.  
  147. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  148. -moz-border-radius: 10px; border-radius: 10px;}
  149.  
  150. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  151.  
  152. #pgs{text-transform:uppercase;font-size:10px;margin-top:4px;}
  153.  
  154. #dhtmltooltip{position: absolute;width:auto;color:{color:Tooltip Text};background:{color:Tooltip Background};font-size:8px;text-transform:uppercase;margin-left:70px;{block:ifNotTinyCursor}margin-top:5px;{/block:ifNotTinyCursor}{block:ifTinyCursor}margin-top:-5px;{/block:ifTinyCursor}padding:2px;padding-left:4px;padding-right:4px;letter-spacing:1px;visibility: hidden;z-index:999999;border:1px solid {color:Border};-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family: "littlefont";}
  155.  
  156. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  157.  
  158. #pgs{text-align:center;margin-top:-10px;width:500px;}
  159.  
  160. #pgs a{ background:white;padding:5px;font-size:8px;text-transform:uppercase;font-family: "littlefont";letter-spacing:1px;border:1px solid {color:Border};-moz-box-shadow: 10px 10px 1px {color:Shadow};
  161. -webkit-box-shadow: 10px 10px 1px {color:Shadow};box-shadow: 10px 10px 1px {color:Shadow};-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-right:5px;}
  162.  
  163. {CustomCSS}
  164. </style>
  165.  
  166. <link rel="shortcut icon" href="{Favicon}">
  167. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  168. {block:ifLazyLoad}
  169. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  170. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  171. <script type="text/javascript" charset="utf-8">
  172. var $j = jQuery.noConflict();
  173. $j(function() {
  174. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  175. $j("img").lazyload({
  176. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  177. effect: "fadeIn",
  178. });
  179. });
  180. </script>
  181. {/block:ifLazyLoad}
  182. </head>
  183. <body>
  184.  
  185. <div id="dhtmltooltip"></div>
  186.  
  187. <script type="text/javascript">
  188.  
  189. var offsetxpoint=-60 //Customize x offset of tooltip
  190. var offsetypoint=20 //Customize y offset of tooltip
  191. var ie=document.all
  192. var ns6=document.getElementById && !document.all
  193. var enabletip=false
  194. if (ie||ns6)
  195. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  196.  
  197. function ietruebody(){
  198. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  199. }
  200.  
  201. function ddrivetip(thetext, thecolor, thewidth){
  202. if (ns6||ie){
  203. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  204. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  205. tipobj.innerHTML=thetext
  206. enabletip=true
  207. return false
  208. }
  209. }
  210.  
  211. function positiontip(e){
  212. if (enabletip){
  213. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  214. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  215.  
  216. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  217. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  218.  
  219. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  220.  
  221.  
  222. if (rightedge<tipobj.offsetWidth)
  223.  
  224. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  225. else if (curX<leftedge)
  226. tipobj.style.left="1px"
  227. else
  228.  
  229. tipobj.style.left=curX+offsetxpoint+"px"
  230.  
  231. if (bottomedge<tipobj.offsetHeight)
  232. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  233. else
  234. tipobj.style.top=curY+offsetypoint+"px"
  235. tipobj.style.visibility="visible"
  236. }
  237. }
  238. function hideddrivetip(){
  239. if (ns6||ie){
  240. enabletip=false
  241. tipobj.style.visibility="hidden"
  242. tipobj.style.left="-1000px"
  243. tipobj.style.backgroundColor=''
  244. tipobj.style.width=''
  245. }
  246. }
  247.  
  248. document.onmousemove=positiontip
  249.  
  250. </script>
  251.  
  252. <div id="container">
  253. <div id="z"><div class="x">▲</div>
  254. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  255. </div>
  256. <div id="side">
  257. {block:ifSidePic}
  258. <div class="sp">
  259. <a href="/"><img src="{image:Side}"></a>
  260. </div>
  261. {/block:ifSidePic}
  262. <div style="position:relative;margin-top:5px;margin-bottom:3px;">
  263. {description}
  264. </div>
  265. {block:ifIconLinks}
  266. <div class="navigate">
  267. <a href="{text:Link 1 URl}" onmouseover = "ddrivetip ('{text:Link 1 name}')";
  268. onmouseout = "hideddrivetip ()"><img src="{image:Icon 1}"></a>
  269. <a href="{text:Link 2 URl}" onmouseover = "ddrivetip ('{text:Link 2 name}')";
  270. onmouseout = "hideddrivetip ()"><img src="{image:Icon 2}"></a>
  271. <a href="{text:Link 3 URl}" onmouseover = "ddrivetip ('{text:Link 3 name}')";
  272. onmouseout = "hideddrivetip ()"><img src="{image:Icon 3}"></a>
  273. <a href="{text:Link 4 URl}" onmouseover = "ddrivetip ('{text:Link 4 name}')";
  274. onmouseout = "hideddrivetip ()"><img src="{image:Icon 4}"></a>
  275. <a href="{text:Link 5 URl}" onmouseover = "ddrivetip ('{text:Link 5 name}')";
  276. onmouseout = "hideddrivetip ()"><img src="{image:Icon 5}"></a>
  277. </div>
  278. {/block:ifIconLinks}
  279. {block:ifNotIconLinks}
  280. <select style="width:170px;border:1px solid {color:Border};font-size:8px;text-transform:uppercase;font-family:littlefont;letter-spacing:1px;padding:2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top:4px;" onChange="location.href=this.options[this.selectedIndex].value;">
  281. <option value="/">navigate</option>
  282. {block:ifLink1name}
  283. <option value="{text:Link 1 URL}">{text:Link 1 name}</option>
  284. {/block:ifLink1name}
  285. {block:ifLink2name}
  286. <option value="{text:Link 2 URL}">{text:Link 2 name}</option>
  287. {/block:ifLink2name}
  288. {block:ifLink3name}
  289. <option value="{text:Link 3 URL}">{text:Link 3 name}</option>
  290. {/block:ifLink3name}
  291. {block:ifLink4name}
  292. <option value="{text:Link 4 URL}">{text:Link 4 name}</option>
  293. {/block:ifLink4name}
  294. {block:ifLink5name}
  295. <option value="{text:Link 5 URL}">{text:Link 5 name}</option>
  296. {/block:ifLink5name}
  297. </select>
  298. {/block:ifNotIconLinks}
  299. </div>
  300.  
  301. <div id="content">
  302. {block:Posts}
  303. <div id="entry">
  304.  
  305. {block:IndexPage}
  306. <div class="permalink">
  307. <a href="{Permalink}" onmouseover = "ddrivetip ('{NoteCountWithLabel}')"; onmouseout = "hideddrivetip ()"><img src="{image:Perma}"></a>
  308. </div>
  309. {/block:IndexPage}
  310.  
  311. {block:Answer}
  312. <div id="ask">
  313. <div class="askername">{Asker} asked:</div>
  314. {Question}
  315. </div>
  316. {Answer}
  317. {/block:Answer}
  318.  
  319. {block:Text}
  320. {block:Title}
  321. <span class="p">{Title}</span>
  322. {/block:Title}
  323. {Body}
  324. {/block:Text}
  325.  
  326. {block:Link}
  327. <span class="p"><a href="{URL}">{Name} »</a></span>
  328. {block:Description}{Description}{/block:Description}
  329. {/block:Link}
  330.  
  331. {block:Photo}
  332. {LinkOpenTag}
  333. <a href="{permalink}">
  334. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  335. {LinkCloseTag}
  336. {block:ifCaptions}
  337. {block:Caption}{Caption}{/block:Caption}
  338. {/block:ifCaptions}
  339. {block:ifNotCaptions}
  340. {block:PermalinkPage}
  341. {block:Caption}{Caption}{/block:Caption}
  342. {/block:PermalinkPage}
  343. {/block:ifNotCaptions}
  344. {block:ContentSource}
  345. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  346. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  347. {/block:SourceLogo}
  348. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  349. {/block:ContentSource}
  350. {block:ReblogParentURL}
  351. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  352. {/block:ReblogParentURL}
  353. {/block:Photo}
  354.  
  355. {block:Photoset}
  356. <span class="photo">
  357. <center>
  358. {Photoset-500}
  359. </center>
  360. </span>
  361. {block:ifCaptions}
  362. {block:Caption}{Caption}{/block:Caption}
  363. {/block:ifCaptions}
  364. {block:ifNotCaptions}
  365. {block:PermalinkPage}
  366. {block:Caption}{Caption}{/block:Caption}
  367. {/block:PermalinkPage}
  368. {/block:ifNotCaptions}
  369. {/block:Photoset}
  370.  
  371. {block:Quote}
  372. <span class="p">"{Quote}"</span>
  373. {block:Source}
  374. <i> - {Source}</i>
  375. {/block:Source}
  376. {/block:Quote}
  377.  
  378. {block:Chat}
  379. {block:Title}
  380. <span class="p">
  381. {Title}
  382. </span>
  383. {/block:Title}
  384. <div class="chat">
  385. {block:Lines}
  386. <div class="chat">
  387. <div class="line {Alt}">
  388. <div class="{Alt} user_{UserNumber}">
  389. {block:Label}
  390. <b>{Label} </b>
  391. {/block:Label}
  392. {Line}
  393. </div>
  394. </div>
  395. </div>
  396. {/block:Lines}
  397. </div>
  398. {/block:Chat}
  399.  
  400. {block:Audio}
  401. <div class="audiop">
  402. {block:AlbumArt}
  403. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  404. {/block:AlbumArt}
  405. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  406. {block:AudioPlayer}
  407. <div class="audioplayer">
  408. {AudioPlayerBlack}
  409. </div>
  410. </div>
  411. {/block:AudioPlayer}
  412. {block:Caption}{Caption}{/block:Caption}
  413. {/block:Audio}
  414.  
  415. {block:Video}
  416. <span class="photo">
  417. <center>
  418. {Video-500}
  419. </span>
  420. </div>
  421. {block:ifCaptions}
  422. {block:Caption}{Caption}{/block:Caption}
  423. {/block:ifCaptions}
  424. {block:ifNotCaptions}
  425. {block:PermalinkPage}
  426. {block:Caption}{Caption}{/block:Caption}
  427. {/block:PermalinkPage}
  428. {/block:ifNotCaptions}
  429. {/block:Video}
  430.  
  431. {block:PermalinkPage}
  432. <div style="margin-top:5px;">
  433. {block:Date}
  434. {TimeAgo} ▲
  435. {ShortMonth} {DayofMonth},{Year}
  436. {/block:Date}
  437. {block:NoteCount} ▲
  438. {NoteCountWithLabel}
  439. {/block:NoteCount}
  440. <br>
  441. {block:HasTags}
  442. Tags:
  443. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  444. {/block:Tags}
  445. {/block:HasTags}
  446. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  447. </div>
  448. {/block:PermalinkPage}
  449.  
  450. {block:PostNotes}
  451. {PostNotes}
  452. {/block:PostNotes}
  453. </div>
  454. {/block:Posts}
  455. {block:ifNotInfiniteScrolling}
  456. <center>
  457. <div id="pgs">
  458. {block:Pagination}
  459. {block:PreviousPage} <a href="{PreviousPage}">« Prev</a>{/block:PreviousPage}
  460. {block:NextPage}<a href="{NextPage}">Next »</a>{/block:NextPage}
  461. {/block:Pagination}
  462. </div>
  463. <br><br>
  464. {/block:ifNotInfiniteScrolling}
  465. </div>
  466. </div>
  467. </body>
  468. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement