Advertisement
sunrisen

welbeck v2

Mar 18th, 2013
8,000
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.27 KB | None | 0 0
  1. <!--
  2.  
  3. WELBECK THEME V2 - RELEASED 18.03.13
  4. ----------------------------------------
  5. CREATED BY SUNRISEN - THEME BLOG: SUNRISENTHEMES
  6. ----------------------------------------
  7. THIS THEME AND ALL OTHER THEMES BY SUNRISEN
  8. ARE USED SUBJECT TO THE AGREEMENT OF THE TERMS
  9. FOR MORE INFORMATION, VISIT
  10. HTTP://THEMES.SUNRISEN.CO/TERMS
  11.  
  12. -->
  13. <html lang="en">
  14. <head>
  15.  
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25.  
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29. <meta name="color:hover" content="#ffffff"/>
  30. <meta name="color:blogtitle" content="#000"/>
  31.  
  32. <meta name="font:body" content="courier new"/>
  33.  
  34. <meta name="image:sidebar" content=""/>
  35.  
  36. <meta name="if:show sidebar image" content="0"/>
  37. <meta name="if:show captions" content="0"/>
  38. <meta name="if:image fade" content="1"/>
  39. <meta name="if:animated post entry" content="1"/>
  40. <meta name="if:rounded corners" content="0"/>
  41.  
  42. <meta name="text:link one" content=""/>
  43. <meta name="text:link one title" content=""/>
  44. <meta name="text:link two" content=""/>
  45. <meta name="text:link two title" content=""/>
  46. <meta name="text:link three" content=""/>
  47. <meta name="text:link three title" content=""/>
  48. <meta name="text:link four" content=""/>
  49. <meta name="text:link four title" content=""/>
  50.  
  51. <style type="text/css">
  52.  
  53. #tumblr_controls{
  54. position:fixed !important;
  55. margin-top:0px;
  56. }
  57.  
  58. .wrapper{{block:indexpage}width:800px;{/block:indexpage}{block:permalinkpage}width:770px;{/block:permalinkpage}margin:0px auto;}
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {
  61. background-color: rgba(0, 0, 0, 0.5);
  62. height:10px;width:10px;border:3px #fff solid;
  63. -webkit-border-radius:0px;
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb:horizontal {
  67. height:10px !important;
  68. -webkit-border-radius:0px;
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. height:10px;
  73. width:10px;
  74. background-color: white;
  75. -webkit-border-radius:0px;
  76. }
  77.  
  78.  
  79. body{
  80. margin:0px;
  81. background-attachment: fixed;
  82. background-repeat: repeat;
  83. background-color:{color:background};
  84. background-attachment: fixed;
  85. background-repeat: repeat;
  86. font-size: 11px;
  87. font-family: {font:body};
  88. line-height:9px;
  89. text-transform:lowercase;
  90. color: {color:text};
  91. }
  92.  
  93. a:link, a:active, a:visited{
  94. color: {color:link};
  95. text-decoration: none;
  96. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  97. }
  98.  
  99. a:hover{
  100. color: {color:hover};
  101. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  102. }
  103.  
  104. .entry {
  105. margin:10px;
  106. padding: 10px;
  107. float:left;
  108. background-color:transparent;
  109. {block:IndexPage}
  110. width:250px;
  111. {/block:IndexPage}
  112. {block:PermalinkPage}
  113. width:550px;
  114. {/block:PermalinkPage}
  115. padding-bottom: 5px;
  116. font-family:{font:body};
  117. font-size: 9px;
  118. text-transform:lowercase;
  119. line-height:14px;
  120. overflow:hidden;
  121. {block:ifanimatedpostentry}
  122. -webkit-transition-duration:2s;
  123. {/block:ifanimatedpostentry}
  124. }
  125.  
  126. #sidebar{
  127. opacity:1;
  128. background-color:transparent;
  129. margin-top: 20px;
  130. margin-left: 20px;
  131. overflow:hidden;
  132. font-size: 9px;
  133. font-family:{font:body};
  134. text-transform:lowercase;
  135. padding-top:0px;
  136. width: 200px;
  137. padding: 0px;
  138. height:auto;
  139. z-index:1;
  140. margin:0px auto;
  141. padding-bottom:4px;
  142. padding-top:10px;
  143. position:fixed;
  144. text-align:center;
  145. }
  146.  
  147. #posts {
  148. {block:indexpage}
  149. width: 580px;
  150. {/block:indexpage}
  151. {block:permalinkpage}
  152. width:550px;
  153. {/block:permalinkpage}
  154. background: transparent;
  155. margin-left:220px;
  156. padding-left: 2px;
  157. padding-right: 2px;
  158. padding-top:7px;
  159. margin-top:0px;
  160. float:left;
  161. }
  162.  
  163. #infscr-loading{
  164. bottom: 10px;
  165. position: absolute;
  166. left: 50%;
  167. margin-left:-8px;
  168. width:auto;
  169. height:auto;
  170. overflow:hidden;
  171. margin-bottom: 50px;
  172. font-size:10px;
  173. font-family:{font:body};
  174. }
  175.  
  176. .img{{block:ifimagefade}opacity:.8;{/block:ifimagefade}-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  177. }
  178.  
  179. .img:hover{opacity:1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  180.  
  181. .title{
  182. font-family:{font:body};
  183. font-size: 10px;
  184. line-height:15px;
  185. text-transform:uppercase;
  186. }
  187.  
  188. blockquote{
  189. padding:0px 0px 2px 5px;
  190. margin:0px 0px 2px 10px;
  191. border-left: 1px dotted #555555;
  192. }
  193.  
  194. .perma {position:absolute; text-decoration:none; margin-top:7px; margin-left:-10px; padding:2px; background:white;opacity:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index:10;font-family:{font:body};width:auto;text-align:center;color:black;}
  195. .perma a {text-transform:uppercase;color:#000;}
  196. .perma:hover a{color:white;}
  197. .entry:hover .perma {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; position:absolute; padding:2px; opacity:.8;margin-left:7px;}
  198. .entry:hover .perma:hover{opacity:1;z-index:100;border:0px;background:black;color:white;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  199.  
  200. .perma2 {position:absolute; text-decoration:none; margin-top:25px; margin-left:-10px; padding:2px; background:white;opacity:0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;z-index:10;font-family:{font:body};width:auto;text-align:center;color:black;text-transform:uppercase;}
  201. .perma2 a {text-decoration:none;text-transform:uppercase;color:black;}
  202. .perma2 a:hover{color:white;}
  203. .entry:hover .perma2 {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; position:absolute; padding:2px; opacity:.8;margin-left:7px;}
  204. .entry:hover .perma2:hover{opacity:1;z-index:100;border:0px;background:black;color:white;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  205.  
  206. .perma3 {position:absolute; text-decoration:none; margin-top:43px; margin-left:-10px; padding:2px; background:white;opacity:0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;z-index:10;font-family:{font:body};width:auto;text-align:center;color:black;text-transform:uppercase;}
  207. .perma3 a {text-decoration:none;text-transform:uppercase;color:black;}
  208. .perma3 a:hover{color:white;}
  209. .entry:hover .perma3 {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; position:absolute; padding:2px; opacity:.8;margin-left:7px;}
  210. .entry:hover .perma3:hover{opacity:1;z-index:100;border:0px;background:black;color:white;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  211.  
  212. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  213. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  214. .user_7 .label, .user_8 .label, .user_9 .label {color:#130C11;}
  215. .notes img{width:15px;height:15px;border-radius:10000px; position:relative; top:3px;}
  216. .notes{font-size:9px;text-transform:uppercase;}
  217.  
  218. @font-face{font-family:marketing script;src:url('http://static.tumblr.com/hcocigh/GkVm9pnt3/marketingscript.ttf');}
  219.  
  220. .blogtitle{
  221. font-family: 'marketing script';
  222. font-size:35px;
  223. color: {color:blogtitle};
  224. line-height: 35px;
  225. text-transform:lowercase;
  226. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  227. }
  228.  
  229. .perm{margin-top:-10px;font-family:{font:body};font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3 ease-in-out;}
  230.  
  231. .entry:hover .perm{margin-top:5px;opacity:1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  232.  
  233. .permm{margin-top:-10px;font-family:{font:body};font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;opacity:0;-webkit-transition: all 0.3s ease-in-out;
  234. -moz-transition: all 0.3s ease-in-out;
  235. transition: all 0.3 ease-in-out;}
  236.  
  237. .entry:hover .permm{margin-top:-5px;opacity:1;-webkit-transition: all 0.5s ease-in-out;
  238. -moz-transition: all 0.5s ease-in-out;
  239. transition: all 0.5s ease-in-out;}
  240. .navi{text-align:center;letter-spacing:2px;font-family:{font:body};text-transform:uppercase;font-size:9px;line-height:17px;}
  241. .navi a{opacity:.8;border-top:2px solid {color:background};border-bottom:2px solid {color:background};padding-top:1px;}
  242. .navi a:hover{opacity:1;border-top:2px solid {color:link};border-bottom:2px solid {color:link};}
  243. {CustomCSS}
  244. </style>
  245. <script type="text/javascript">
  246. $(document).ready(function(){ //hide the all of the element with class msg_body
  247. $(".msg_body").hide(); //toggle the component with class msg_body
  248. $(".msg_head").click(function()
  249. {
  250. $(this).next(".msg_body").slideToggle();
  251. });});
  252. </script>
  253. <style>
  254. .my-like {text-align:center;
  255. float:left;
  256. margin-left:-4px;
  257. cursor:pointer;-webkit-transition-duration:0.2s;
  258. }
  259. .my-liked, .my-like:hover {
  260. float:left;color:#f75459;
  261. cursor:pointer;
  262. margin-left:-4px;
  263. }
  264. </style>
  265. <script>
  266. window.onload = function () {
  267. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  268. document.addEventListener( 'click', function ( event ) {
  269. var myLike = event.target;
  270. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  271. var frame = document.getElementById( 'my-like-frame' ),
  272. liked = ( myLike.className == 'my-liked' ),
  273. command = liked ? 'unlike' : 'like',
  274. reblog = myLike.getAttribute( 'data-reblog' ),
  275. id = myLike.getAttribute( 'data-id' ),
  276. oauth = reblog.slice( -8 );
  277. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  278. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  279. };
  280. }, false );
  281. };
  282. </script>
  283. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  284. {block:IndexPage}
  285. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  286. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  287.  
  288. <script type="text/javascript">
  289. $(window).load(function () {
  290. var $content = $('#posts');
  291. $content.masonry({itemSelector: '.entry'}),
  292. $content.infinitescroll({
  293. navSelector : 'div#pagination',
  294. nextSelector : 'div#pagination a#nextPage',
  295. itemSelector : '.entry',
  296. loading: {
  297. finishedMsg: '',
  298. img: 'http://static.tumblr.com/ejm8w78/KZjlxxt0d/ajax-loader.gif'
  299. },
  300. bufferPx : 600,
  301. debug : false,
  302. },
  303. // call masonry as a callback.
  304. function( newElements ) {
  305. var $newElems = $( newElements );
  306. $newElems.hide();
  307. // ensure that images load before adding to masonry layout
  308. $newElems.imagesLoaded(function(){
  309. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  310. });
  311. });
  312. });
  313. </script>
  314.  
  315. {/block:IndexPage}
  316.  
  317. <meta name="viewport" content="width=800" />
  318.  
  319. </head>
  320. <body>
  321.  
  322. <div class="wrapper">
  323. <div id="sidebar">
  324. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" style="width:200px;"/></a>{/block:ifshowsidebarimage}
  325. {block:ifnotshowsidebarimage}<div style="border-bottom:0px solid #000;"><span class="blogtitle"><a href="/">{Title}</a></span></div>{/block:ifnotshowsidebarimage}
  326. <div style="border-bottom:1px solid #aaa;"><span class="msg_head" style="font-size:18px;font-family:lato;line-height:30px;text-transform:uppercase;font-weight:normal;">about</span>
  327. <div class="msg_body" style="line-height:12px;padding-bottom:5px;">{Description}</div></div>
  328. <div style="border-bottom:1px solid #aaa;"><span class="msg_head" style="font-size:18px;font-family:lato;line-height:30px;text-transform:uppercase;font-weight:normal;">navigate</span>
  329. <div class="msg_body" style="line-height:12px;padding-bottom:5px;overflow:hidden;"><div class="navi"><a href="/">home</a> {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled} {block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle} {block:iflinktwotitle}<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle} {block:iflinkthreetitle}<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle} {block:iflinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle} <a href="http://sunrisen.tumblr.com">theme</a></div></div></div>
  330. </div>
  331.  
  332. <div id="posts">
  333.  
  334. {block:Posts}
  335. <div class="entry">
  336.  
  337. {block:Text}
  338. {block:IndexPage}
  339. {/block:IndexPage}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  340. {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  341. {/block:IndexPage}
  342. {/block:Text}
  343.  
  344. {block:Link}
  345. {block:IndexPage}
  346. {/block:IndexPage}<a href="{URL}" class="title">{Name}</a>
  347. {block:Description}{Description}{/block:Description}
  348. {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  349. {/block:IndexPage}
  350. {block:Link}
  351.  
  352. {block:Photo}
  353. {block:IndexPage}
  354. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a> | <a href="{permalink}">{notecountwithlabel}</a></div>
  355. <div class="perma2">{DayOfWeek} at {formattedtime}</div>
  356. <div class="perma3"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like" style="float:left;padding-left:5px;">like this post</span></div>
  357. {/block:IndexPage}
  358. {block:IndexPage}{LinkOpenTag}<div class="img"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250" style="{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}"/></a></div>{LinkCloseTag}{block:ifshowcaptions}{caption}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:ifshowcaptions}{/block:IndexPage}
  359. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="550px"/></a>{LinkCloseTag}{/block:PermalinkPage}
  360. {/block:Photo}
  361.  
  362. {block:Photoset}
  363. {block:indexpage}
  364. {Photoset-250}
  365. {/block:indexpage}
  366. {block:PermalinkPage}{Photoset-410}{/block:PermalinkPage}
  367. {/block:Photoset}
  368.  
  369. {block:Quote}
  370. {block:IndexPage}
  371. {/block:IndexPage}
  372. {Quote}</span>
  373. {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  374. {/block:IndexPage}
  375. {/block:Quote}
  376.  
  377. {block:Chat}
  378. {block:IndexPage}
  379. {/block:IndexPage}
  380. {block:Title}<span class="title">{Title}</span>{/block:Title}
  381. <ul class="chat">
  382. {block:Lines}
  383. <li class="user_{UserNumber}">
  384. {block:Label}
  385. <span class="label">{Label}</span>
  386. {/block:Label}
  387.  
  388. {Line}
  389. </li>
  390. {/block:Lines}
  391. </ul>
  392. {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  393. {/block:IndexPage}
  394. {/block:Chat}
  395.  
  396. {block:Audio}
  397. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="{block:indexpage}width:27px;height:27px;{/block:indexpage}{block:permalinkpage}width:47px;height:47px;{/block:permalinkpage}position:relative;">{/block:AlbumArt}</div><div style="{block:indexpage}width:221px;height:27px;margin-top:-31px;{/block:indexpage}{block:permalinkpage}float:left;text-align:left;width:500px;height:27px;padding-top:10px;padding-bottom:10px;margin-top:-51px;{/block:permalinkpage}float:right;background-color:#e3e3e3;">{AudioPlayerGrey}
  398. {block:ExternalAudio}{/block:ExternalAudio}</div>{block:IndexPage}<br><div class="permm"><a href="{Permalink}">{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</a></div>{/block:IndexPage}
  399. {/block:Audio}
  400.  
  401. {block:Video}
  402. {block:IndexPage}
  403. {/block:IndexPage}
  404. <center>
  405. {block:IndexPage}
  406. {Video-250}
  407. {/block:IndexPage}
  408. </center>
  409. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  410. {block:IndexPage}<div class="permm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  411. {/block:IndexPage}
  412. {block:Video}
  413.  
  414. {block:Answer}
  415. {block:IndexPage}
  416. {/block:IndexPage}
  417. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:500px;"/>
  418. <b>{Asker}</b>: <b>{Question}</b>{Answer}
  419. {block:IndexPage}<div class="perm"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  420. {/block:IndexPage}
  421. {/block:Answer}
  422.  
  423.  
  424. {block:PermalinkPage}
  425. {block:Date}
  426. <center>
  427. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  428. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  429. {/block:Date}
  430.  
  431. {/block:PermalinkPage}
  432.  
  433. {block:PostNotes}<div class="notes">{PostNotes}</div>
  434. {/block:PostNotes}
  435. </div>
  436.  
  437.  
  438. {/block:Posts}
  439. </div>
  440. </div>
  441. <div class="right">
  442. </div>
  443. <div class="footer">
  444. <br>
  445. </div>
  446. </div>
  447. </body>
  448. </html>
  449. <div style="position:fixed;right:0px;bottom:-425px;">
  450. <---DONT REMOVE---->
  451. {block:IndexPage}
  452. {block:Pagination}
  453. <div id="pagination">
  454. {block:NextPage}
  455. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  456. {/block:NextPage}
  457. {block:PreviousPage}
  458. <a href="{PreviousPage}">&larr;&nbsp;</a>
  459. {/block:PreviousPage}
  460. </div>
  461. {/block:Pagination}
  462. {/block:IndexPage}</div>
  463. </div>
  464. </body>
  465. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement