Advertisement
lennonthemes

Kammi

May 15th, 2013
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.16 KB | None | 0 0
  1. <!--kammi theme
  2. by bonivur.tumblr.com
  3. theme blog is nirvanaings.tumblr.com
  4. RULES:
  5. leave ALL credit.
  6. do not use as base or claim as your own.
  7. *FAILURE TO FOLLOW MY RULES WILL RESULT IN SERIOUS CONSEQUENCES!*
  8. THEME F.A.Q:
  9. 1. icon links
  10. 2. optional infinitive scroll
  11. 3. no sidebar
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head><title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23.  
  24. <meta name="image:bg">
  25.  
  26. <meta name="color:bg" content="#fff">
  27. <meta name="color:bg post" content="#fff">
  28. <meta name="color:text" content="#999">
  29. <meta name="color:bold text" content="#777">
  30. <meta name="color:link" content="#444">
  31. <meta name="color:hover link" content="#eee">
  32. <meta name="color:shadow link" content="#999">
  33. <meta name="color:scroll" content="#000">
  34. <meta name="color:blockquote border" content="#000">
  35.  
  36. <meta name="if:monochrome">
  37. <meta name="if:250px" content="1">
  38. <meta name="text:opacity" content="0.9">
  39.  
  40. <meta name="text:link 1 URL" content="" />
  41. <meta name="text:link 1 title" content="Link 1" />
  42. <meta name="text:link 2 URL" content="" />
  43. <meta name="text:link 2 title" content="Link 2" />
  44. <meta name="text:link 3 URL" content="" />
  45. <meta name="text:link 3 title" content="Link 3" />
  46. <meta name="text:link 4 URL" content="" />
  47. <meta name="text:link 4 title" content="Link 4" />
  48. <meta name="text:link 5 URL" content="" />
  49. <meta name="text:link 5 title" content="Link 5" />
  50. <meta name="text:link 6 URL" content="" />
  51. <meta name="text:link 6 title" content="Link 6" />
  52. <meta name="text:link 7 URL" content="" />
  53. <meta name="text:link 7 title" content="Link 7" />
  54.  
  55.  
  56. <meta name="text:tag 1 URL" content="/tagged/" />
  57. <meta name="text:tag 1 title" content="tag 1" />
  58. <meta name="text:tag 2 URL" content="/tagged/" />
  59. <meta name="text:tag 2 title" content="tag 2" />
  60. <meta name="text:tag 3 URL" content="/tagged/" />
  61. <meta name="text:tag 3 title" content="tag 3" />
  62. <meta name="text:tag 4 URL" content="/tagged/" />
  63. <meta name="text:tag 4 title" content="tag 4" />
  64. <meta name="text:tag 5 URL" content="/tagged/" />
  65. <meta name="text:tag 5 title" content="tag 5" />
  66. <meta name="text:tag 6 URL" content="/tagged/" />
  67. <meta name="text:tag 6 title" content="tag 6" />
  68. <meta name="text:tag 7 URL" content="/tagged/" />
  69. <meta name="text:tag 7 title" content="tag 7" />
  70.  
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <script>
  76. $(document).ready(function() {
  77. //When you click on a link with class of poplight and the href starts with a #
  78. $('a.poplight[href^=#]').click(function() {
  79. var popID = $(this).attr('rel'); //Get Popup Name
  80. var popURL = $(this).attr('href'); //Get Popup href to define size
  81.  
  82. //Pull Query & Variables from href URL
  83. var query= popURL.split('?');
  84. var dim= query[1].split('&');
  85. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  86.  
  87. //Fade in the Popup and add close button
  88. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/t0x3if6/GMOlnkeb4/close_window2.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  89.  
  90. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  91. var popMargTop = ($('#' + popID).height() + 80) / 2;
  92. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  93.  
  94. //Apply Margin to Popup
  95. $('#' + popID).css({
  96. 'margin-top' : -popMargTop,
  97. 'margin-left' : -popMargLeft
  98. });
  99.  
  100. //Fade in Background
  101. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  102. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  103.  
  104. return false;
  105. });
  106.  
  107. //Close Popups and Fade Layer
  108. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  109. $('#fade , .popup_block').fadeOut(function() {
  110. $('#fade, a.close').remove(); //fade them both out
  111. });
  112. return false;
  113. });
  114. });
  115. </script>
  116. <style type="text/css">
  117.  
  118. #fade {
  119. display: none;
  120. background: #000;
  121. position: fixed;
  122. left: 0;
  123. top: 0;
  124. width: 100%;
  125. height: 100%;
  126. opacity: .80;
  127. z-index: 9999;
  128. }
  129.  
  130. .popup_block{
  131. display: none;
  132. background: #FFFFFF;
  133. padding: 55px;
  134. float: left; height: 50%; color: #313131;
  135. position: fixed;
  136. top: 50%; overflow-y: auto; overflow-x: no scroll;
  137. left: 50%;
  138. z-index: 99999; font-family: calibri;
  139. }
  140.  
  141. img.btn_close {
  142. float: right;
  143. margin: -55px -55px 0 0; opacity: 0;
  144. }
  145.  
  146.  
  147. #continue {
  148. margin-top:10px;
  149. }
  150.  
  151. #titless { display:inline-block;
  152. background-color:#8b8888;
  153. width:230px; font-family: calibri;
  154. padding:5px;
  155. color:#ffffff;
  156. letter-spacing:2px;
  157. font-size:8px;
  158. text-transform:uppercase;
  159. text-align:center; }
  160.  
  161. #continue a {
  162. display:inline-block;
  163. background-color:#8b8888;
  164. width:70px; font-family: calibri;
  165. padding:5px;
  166. color:#ffffff;
  167. letter-spacing:2px;
  168. font-size:8px;
  169. text-transform:uppercase;
  170. text-align:center;
  171. border-bottom:2px solid transparent;
  172. -webkit-transition: all 0.3s ease-in-out;
  173. -moz-transition: all 0.3s ease-in-out;
  174. transition: all 0.3s ease-in-out;
  175. }
  176.  
  177. .links2 { font-family: cambria; font-size: 10px; font-style:italic; letter-spacing:2px; color: #8b8888;text-transform: lowercase; }
  178.  
  179. .links2 a { display: block; text-align:center;padding: 10px; margin: 5px;color:#fff; font-style:italic; letter-spacing:2px; color: #8b8888; border-bottom: 1px solid #f1f1f1;}
  180.  
  181.  
  182. iframe#tumblr_controls {right:0px !important;
  183. position:fixed !important;
  184. {block:ifwhiteicons}-webkit-filter:invert(100%);{/block:ifwhiteicons}
  185. opacity:.75;
  186. z-index:999999;}
  187.  
  188. ::-webkit-scrollbar-track {background-color:{color:BG};}
  189. ::-webkit-scrollbar-thumb {background-color:{color:scroll};}
  190. ::-webkit-scrollbar {width:4px; height:4px;}
  191.  
  192. body {text-align:justify;
  193. text-decoration:none;
  194. text-transform:normal;
  195. background:{color:bg} url('{image:bg}') fixed repeat center;
  196. color:{color:text};
  197. max-width:100%}
  198.  
  199. a {text-decoration:none;
  200. color:{color:link};
  201. -webkit-transition:all 0.4s ease-in-out;
  202. -moz-transition:all 0.4s ease-in-out;
  203. -o-transition:all 0.4s ease-in-out;
  204. transition:all 0.4s ease-in-out;}
  205.  
  206. a:hover {color:{color:hover link};
  207. text-shadow:10px 1px 15px {color:shadow link};
  208. -moz-text-shadow:10px 1px 15px {color:shadow link};
  209. -webkit-text-shadow:10px 1px 15px {color:shadow link};}
  210.  
  211. b, strong {font-weight:normal;
  212. color:{color:bold text};}
  213. i, em {font-weight:light;}
  214. blockquote {padding-left:6px;
  215. padding-bottom:-7px;
  216. padding-top:-7px;
  217. margin-left:1px;
  218. margin-right:1px;
  219. padding-right:6px;
  220. border-left:2px solid {color:blockquote border};}
  221. li {list-style:hiragana;
  222. margin-right:0px;}
  223. iframe, img, embed, object, video {max-width:100%;
  224. overflow:hidden;
  225. opacity:{text:opacity};
  226. {block:ifmonochrome}-webkit-filter:grayscale(90%);
  227. -moz-filter:grayscale(90%);
  228. -ms-filter:grayscale(90%);
  229. -o-filter:grayscale(90%);{/block:ifmonochrome}
  230. -webkit-transition:all 0.4s ease-in-out;
  231. -moz-transition:all 0.4s ease-in-out;
  232. -o-transition:all 0.4s ease-in-out;
  233. transition:all 0.4s ease-in-out;}
  234. iframe:hover, img:hover, embed:hover, object:hover, video:hover {opacity:1;
  235. -webkit-filter:grayscale(0);
  236. -moz-filter:grayscale(0);
  237. -ms-filter:grayscale(0);
  238. -o-filter:grayscale(0);
  239. -webkit-transition:all 0.5s ease-in-out;
  240. -moz-transition:all 0.5s ease-in-out;
  241. -o-transition:all 0.5s ease-in-out;
  242. transition:all 0.5s ease-in-out;}
  243.  
  244. #posts {padding:15px;
  245. margin-left:400px;
  246. max-width:400px;
  247. font-family:cambria;
  248. font-size:9px;}
  249.  
  250. .post {text-decoration:none;
  251. border:1.5px solid #eee;
  252. margin:10px;
  253. padding:10px;
  254. float:left;
  255. {block:if250px}width:250px;{/block:if250px}
  256. {block:if400px}width:400px;{/block:if400px}
  257. {block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  258.  
  259. .postphotoset {border:1.5px solid #eee;
  260. margin:10px;
  261. float:left;
  262. padding:10px;
  263. opacity:{text:opacity};
  264. {block:if250px}width:250px;{/block:if250px}
  265. {block:if400px}width:400px;{/block:if400px}
  266. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  267. {block:ifmonochrome}-webkit-filter:grayscale(90%);
  268. -moz-filter:grayscale(90%);
  269. -ms-filter:grayscale(90%);
  270. -o-filter:grayscale(90%);{/block:ifmonochrome}
  271. -webkit-transition:all 0.5s ease-in-out;
  272. -moz-transition:all 0.5s ease-in-out;
  273. -o-transition:all 0.5s ease-in-out;
  274. transition:all 0.5s ease-in-out;}
  275. .postphotoset:hover {opacity:1;
  276. -webkit-filter:grayscale(0);
  277. -moz-filter:grayscale(0);
  278. -ms-filter:grayscale(0);
  279. -o-filter:grayscale(0);}
  280.  
  281. #perma {text-align:right;
  282. font:8px consolas;
  283. text-transform:uppercase;
  284. margin-top:10px;
  285. margin-bottom:-20px;
  286. {block:permalinkpage}display:none;{/block:permalinkpage}}
  287. #perma a:hover {opacity:0.5}
  288.  
  289. #quote {letter-spacing:1px;
  290. color:#000;}
  291.  
  292. #s-m-t-tooltip{position:fixed;
  293. overflow:hidden;
  294. max-width:150px;
  295. padding:3px 5px 3px 5px;
  296. margin:10px 0 0 10px;
  297. background:#000;
  298. z-index:10;
  299. display:inline-block;
  300. font:8px cambria;
  301. letter-spacing:1px;
  302. text-transform:uppercase;
  303. color:#fff;}
  304. @import url(http://fonts.googleapis.com/css?family=Meddon);
  305. #side {position:fixed;
  306. top:130px;
  307. width:120px;
  308. margin-left:260px;}
  309. #title {text-align:center;
  310. font-size:20px
  311. font-family:'Meddon', cursive;
  312. text-transform:uppercase;}
  313. #desc {padding:10px;
  314. border:1.5px solid #eee;
  315. font-family:times;
  316. font-style:italic;
  317. font-size:9px;}
  318. .sidelinks {margin-top:-1px;}
  319. .sidelinks img {padding:0px 2px 2px 2px;
  320. border-top:2px solid {color:bg};
  321. border-left:1.5px solid #eee;
  322. border-bottom:1.5px solid #eee;
  323. border-right:1.5px solid #eee;
  324. -webkit-transition:all 0.5s ease-in-out;
  325. -moz-transition:all 0.5s ease-in-out;
  326. -o-transition:all 0.5s ease-in-out;
  327. transition:all 0.5s ease-in-out;}
  328. .sidelinks img:hover {opacity:0.7;}
  329.  
  330. #message {font-family:cambria;
  331. font-size:9px;
  332. border-bottom:1px solid #eee;
  333. padding:5px;}
  334.  
  335. #audioplayer {background:#fff;
  336. width:30px;
  337. height:30px;
  338. overflow:hidden;
  339. position:absolute;
  340. margin-top:30px;
  341. margin-bottom:30px;
  342. margin-left:30px;
  343. z-index:999;
  344. opacity:0.8;}
  345. #audiod {margin-bottom:30px;
  346. margin-top:30px;}
  347. #albumart img {float:left; margin:0px 10px 0px 0px;
  348. -moz-border-radius:50px;
  349. -khtml-border-radius:50px;
  350. -webkit-border-radius:50px;
  351. border-radius:50px;}
  352.  
  353. #permalinks {padding-left:20px;
  354. font-family:cambria;
  355. text-decoration:none;
  356. font-size:10px;}
  357.  
  358. </style>
  359. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  360. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  361. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  362. <script>
  363. (function($){
  364. $(document).ready(function(){
  365. $("[title]").style_my_tooltips();
  366. });
  367. })(jQuery);
  368. </script>
  369.  
  370. <script type='text/javascript' src='http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js'></script> <script type='text/javascript' src='http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js'></script> <script type='text/javascript' charset='utf-8'> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == 'iPad' || navigator.platform == 'iPhone') return; $j('img').lazyload({ placeholder : 'http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif', effect: 'fadeIn', }); }); </script>
  371. </head>
  372. <body>
  373.  
  374. <div id="links" class="popup_block">
  375. <table><td>
  376.  
  377. <div id="titless">links</a></div>
  378.  
  379. <div class="links2">
  380.  
  381. <a href="{text:link 1 URL}">{text:link 1 title}</a>
  382.  
  383. <a href="{text:link 2 URL}">{text:link 2 title}</a>
  384.  
  385. <a href="{text:link 3 URL}">{text:link 3 title}</a>
  386.  
  387. <a href="{text:link 4 URL}">{text:link 4 title}</a>
  388.  
  389. <a href="{text:link 5 URL}">{text:link 5 title}</a>
  390.  
  391. <a href="{text:link 6 URL}">{text:link 6 title}</a>
  392.  
  393. <a href="{text:link 7 URL}">{text:link 7 title}</a>
  394.  
  395.  
  396.  
  397. </div> </td><td> <div id="titless">tags</a></div>
  398.  
  399. <div class="links2">
  400.  
  401. <a href="{text:tag 1 URL}">{text:tag 1 title}</a>
  402.  
  403. <a href="{text:tag 2 URL}">{text:tag 2 title}</a>
  404.  
  405. <a href="{text:tag 3 URL}">{text:tag 3 title}</a>
  406.  
  407. <a href="{text:tag 4 URL}">{text:tag 4 title}</a>
  408.  
  409. <a href="{text:tag 5 URL}">{text:tag 5 title}</a>
  410.  
  411. <a href="{text:tag 6 URL}">{text:tag 6 title}</a>
  412.  
  413. <a href="{text:tag 7 URL}">{text:tag 7 title}</a>
  414.  
  415. </div>
  416. </td></table><div id="continue"><center><a href="/">close</a> <a href="http://bonivur.tumblr.com/">credit </a></div>
  417. <center>
  418. </div>
  419. <div id="side">
  420. <div id="title"><a href="/">{title}</a></div>
  421. <div id="desc">{description}</div>
  422. <div class="sidelinks">
  423. <center>
  424. <a title="home" a href="/"><img src='http://static.tumblr.com/liul60i/Q32mbzsen/home.png'></a>
  425. <a title="message" a href="/ask"><img src='http://static.tumblr.com/liul60i/beCmbzshz/mail.png'></a>
  426.  
  427.  
  428.  
  429. <a title="links"<a href="#?w=500" rel="links" class="poplight"> <img src='http://static.tumblr.com/liul60i/AeJmjea6v/add.png'></a>
  430.  
  431. </center></div></div>
  432.  
  433. <div id="posts">
  434. <div class = "autopagerize_page_element" >
  435. {block:Posts}
  436. {block:ContentSource}
  437. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  438. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  439. {/block:SourceLogo}
  440. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  441. {/block:ContentSource}
  442. <!-- {block:NoRebloggedFrom} {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom} {/block:NoRebloggedFrom} -->
  443.  
  444. {block:Text}
  445. <div class="post text">
  446. {block:Title}<span style="font-size:10px;">{Title}</span>{/block:Title}
  447. {Body}
  448. <div id="perma">
  449. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  450. {/block:Text}
  451.  
  452. {block:Photo}
  453. <div class="post image">
  454. {block:indexpage}
  455. {block:if250px}<center><a href="{Permalink}" title="{NoteCountWithLabel}"><img style="" src="{PhotoURL-250}"></a></center>{/block:if250px}
  456. {block:if400px}<center><a href="{Permalink}" title="{NoteCountWithLabel}"><img style="" src="{PhotoURL-400}"></a></center>{/block:if400px}
  457. {/block:indexpage}{block:PermalinkPage}<img style="" src="{PhotoURL-400}"></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalinkpage}
  458. </div>
  459. {/block:Photo}
  460.  
  461. {block:Photoset}
  462. <div class="postphotoset">
  463. {block:indexpage}{block:if250px}{Photoset-250}{/block:if250px}
  464. {block:if400px}{Photoset-400}{/block:if400px}{/block:indexpage}
  465. {block:PermalinkPage}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalinkpage}
  466. <div id="perma">
  467. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  468. {/block:Photoset}
  469.  
  470. {block:Answer}
  471. <div class="post">
  472. <div id="message">{Asker} whispered: {Question}</div>
  473. <div id="answer">{Answer}</div>
  474. <div id="perma">
  475. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div>
  476. </div>
  477. {/block:Answer}
  478.  
  479. {block:Quote}
  480. <div class="post quote">
  481. "{Quote}"
  482. {block:Source}
  483. <div style="text-align:right;">━ {Source}</div>
  484. {/block:Source}
  485. <div id="perma">
  486. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  487. {/block:Quote}
  488.  
  489. {block:Link}
  490. <div class="post link">
  491. <span style="font-size:10px;"><a href="{URL}" class="link" {Target}>→ {Name}</span></a>
  492. {block:Description}
  493. <div class="description">{Description}</div>
  494. {/block:Description}
  495. <div id="perma">
  496. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  497. {/block:Link}
  498.  
  499. {block:Chat}
  500. <div class="post chat">
  501. {block:Title}
  502. <a href="{Permalink}"><span style="font-size:11px;">{Title}</span></a></h3>
  503. {/block:Title}
  504. <div class="chat">
  505. {block:Lines}
  506. <div class="{Alt} user_{UserNumber}">
  507. {block:Label}
  508. <span class="label"><b>{Label}</b></span>
  509. {/block:Label}
  510. {Line}</div>
  511. {/block:Lines}
  512. </div><div id="perma">
  513. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  514. {/block:Chat}
  515.  
  516. {block:Video}
  517. <div class="post video">
  518. {block:indexpage}{block:if250px}{Video-250}{/block:if250px}
  519. {block:if400px}{Video-400}{/block:if400px}{/block:indexpage}
  520. {block:PermalinkPage}{Video-400}{/block:Permalinkpage}
  521. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  522. <div id="perma">
  523. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  524. {/block:Video}
  525.  
  526. {block:Audio}
  527. <div class="post audio">
  528. <div id="audioplayer">{AudioPlayerWhite}</div>
  529. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px">{/block:AlbumArt}</div>
  530. <div id="audiod">{PlayCountWithLabel}</br>
  531. {block:TrackName}{TrackName}</br>{/block:TrackName}
  532. {block:Artist}{Artist}</br>{/block:Artist}
  533. {block:Album}{Album}{/block:Album}</div>
  534. <div id="perma">
  535. <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
  536. {/block:Audio}
  537.  
  538. {block:PermalinkPage}
  539. <div id="permalinks">
  540. {block:Date}
  541. {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}</br>{block:RebloggedFrom}original: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  542. <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  543. {block:HasTags} Tagged as: {block:Tags} <a href="{TagURL}">#{Tag};</a> {/block:Tags}{/block:HasTags}
  544. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  545. </span>{/block:PermalinkPage}{/block:Posts}
  546. </div>
  547. </div>
  548. <div style="position:fixed; top:35px; right:5px;font-size:7px; font-style:italic;">
  549. <a href="http://bonivur.tumblr.com"><img src="http://media.tumblr.com/8f2875371edaa8080f21e6e490fa1123/tumblr_inline_mley7fFlzL1rxsw83.gif"></a> </a>
  550. </p>
  551.  
  552. </body>
  553. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement