jaesoonie

THEME #47

Sep 24th, 2014
2,666
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5.  
  6. <!--
  7.  
  8.  
  9.  
  10.  
  11.  
  12. ᴛʜᴇᴍᴇ #47;
  13. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  14. [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  15.  
  16. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  17. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  18.  
  19.  
  20. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  21. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  22.  
  23.  
  24.  
  25.  
  26. -->
  27.  
  28.  
  29.  
  30.  
  31. <head>
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  35. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36.  
  37.  
  38. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  39. <meta name="select:Font" content="arial" title="Arial"/>
  40. <meta name="select:Font" content="calibri" title="Calibri"/>
  41. <meta name="select:Font" content="consolas" title="Consolas"/>
  42. <meta name="select:Font" content="times" title="Times New Roman"/>
  43. <meta name="select:Font" content="tunga" title="Tunga"/>
  44. <meta name="select:Font" content="century gothic" title="Century Gothic"/>
  45. <meta name="select:Font" content="cambria" title="Cambria"/>
  46. <meta name="select:Font" content="georgia" title="Georgia"/>
  47.  
  48. <meta name="color:Blog Background" content="#ecf1f6" />
  49. <meta name="color:Sidebar Background" content="#fff" />
  50. <meta name="color:Title Font" content="#999" />
  51. <meta name="color:Title Background" content="#fff" />
  52. <meta name="color:Borders Color" content="#fff" />
  53. <meta name="color:Description Font" content="#aaa" />
  54. <meta name="color:Description Background" content="#fff" />
  55. <meta name="color:Navigation Font" content="#999" />
  56. <meta name="color:Navigation Background" content="#fff" />
  57. <meta name="color:Links Background" content="#eee" />
  58. <meta name="color:Links Hover" content="#ecf1f6" />
  59. <meta name="color:Post Title Font" content="#aaa" />
  60. <meta name="color:Text Posts Background" content="#f5f5f5" />
  61. <meta name="color:All General Text" content="#565656" />
  62. <meta name="color:Bold Text" content="#333" />
  63. <meta name="color:Italic Text" content="#b9b8b8" />
  64. <meta name="color:Hyperlinks" content="#444"/>
  65. <meta name="color:Hyperlinks Hover" content="#fff" />
  66. <meta name="color:Info" content="#eee" />
  67. <meta name="color:Info Hover" content="#ecf1f6" />
  68. <meta name="color:Tags Font" content="#aaa" />
  69. <meta name="color:Tags Background" content="#fff" />
  70. <meta name="color:Tooltip Background" content="#d6e6f6" />
  71. <meta name="color:Tooltip Font" content="#fff" />
  72. <meta name="color:Quote Font" content="#777" />
  73. <meta name="color:Quote Background" content="#ecf1f6" />
  74. <meta name="color:Question Background" content="#ecf1f6" />
  75. <meta name="color:Question Font" content="#555" />
  76. <meta name="color:Audio Background" content="#ecf1f6" />
  77.  
  78. <meta name="text:Text Size" content="10px" />
  79. <meta name="text:Post Distance" content="150px"/>
  80. <meta name="text:Line Height" content="130%"/>
  81.  
  82. <meta name="text:Home" content="home" />
  83. <meta name="text:Ask" content="message" />
  84. <meta name="text:Archive" content="archive" />
  85. <meta name="text:Archive Link" content="/archive" />
  86. <meta name="text:Link1" content="/" />
  87. <meta name="text:Link1 Title" content="link 1" />
  88. <meta name="text:Link2" content="/" />
  89. <meta name="text:Link2 Title" content="link 2" />
  90. <meta name="text:Link3" content="/" />
  91. <meta name="text:Link3 Title" content="link 3" />
  92.  
  93. <meta name="if:Navigation" content="0"/>
  94. <meta name="text:Navigation" content="navigation" />
  95. <meta name="text:Link4" content="/" />
  96. <meta name="text:Link4 Title" content="link 4" />
  97. <meta name="text:Link5" content="/" />
  98. <meta name="text:Link5 Title" content="link 5" />
  99. <meta name="text:Link6" content="/" />
  100. <meta name="text:Link6 Title" content="link 6" />
  101. <meta name="text:Link7" content="/" />
  102. <meta name="text:Link7 Title" content="link 7" />
  103. <meta name="text:Link8" content="/" />
  104. <meta name="text:Link8 Title" content="link 8" />
  105. <meta name="text:Link9" content="/" />
  106. <meta name="text:Link9 Title" content="link 9" />
  107. <meta name="text:Link10" content="/" />
  108. <meta name="text:Link10 Title" content="link 10" />
  109.  
  110. <meta name="image:Picture" content="0">
  111.  
  112. <meta name="if:250px" content="0"/>
  113. <meta name="if:400px" content="0"/>
  114. <meta name="if:500px" content="1"/>
  115.  
  116. <meta name="if:Picture" content="0">
  117. <meta name="if:InfiniteScroll" content="0">
  118. <meta name="if:Caption" content="1">
  119. <meta name="text:Opacity Value" content="1"/>
  120. <meta name="if:Greyscale" content="0"/>
  121.  
  122. <meta name="select:Cursor" content="default" title="default">
  123. <meta name="select:Cursor" content="crosshair" title="crosshair">
  124. <meta name="select:Cursor" content="help" title="help">
  125. <meta name="select:Cursor" content="sw-resize" title="resize">
  126.  
  127.  
  128. <script type="text/javascript"
  129. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  130. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  131. <script>
  132. (function($){
  133. $(document).ready(function(){
  134. $("[title]").style_my_tooltips();
  135. });
  136. })(jQuery);
  137. </script>
  138.  
  139. <script type="text/javascript"
  140. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  141. <script>
  142. $(document).ready(function() {
  143. //
  144. $('a.poplight[href^=#]').click(function() {
  145. var popID = $(this).attr('rel'); //Get Popup Name
  146. var popURL = $(this).attr('href'); //Get Popup href to define size
  147. var query= popURL.split('?');
  148. var dim= query[1].split('&');
  149. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  150. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  151. var popMargTop = ($('#' + popID).height() + 80) / 2;
  152. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  153. //Apply Margin to Popup
  154. $('#' + popID).css({
  155. 'margin-top' : -popMargTop,
  156. 'margin-left' : -popMargLeft
  157. });
  158. $('body').append('<div id="fade"></div>');
  159. $('#fade').css({'filter' : 'alpha(opacity=50)'}).fadeIn();
  160. return false;
  161. });
  162. $('a.close, #fade').live('click', function() {
  163. $('#fade , .popup_block').fadeOut(function() {
  164. $('#fade, a.close').remove(); //fade them both out
  165. });
  166. return false;
  167. });
  168. });
  169. </script>
  170. <style type="text/css">
  171.  
  172.  
  173.  
  174.  
  175. /* --- general --- */
  176.  
  177.  
  178.  
  179.  
  180. iframe, img, embed, object, video {max-width: 100%;border: none;}
  181.  
  182.  
  183. body { font-family:{select:Font};line-height:{text:Line Height};color:{color:All General Text};word-wrap: break-word;font-size:{text:Text Size};cursor:{select:Cursor};background:{color:Blog Background};}
  184.  
  185.  
  186.  
  187. a {
  188. text-decoration:none;
  189. cursor:pointer;
  190. color:{color:Hyperlinks};
  191. -webkit-transition: all 0.7s ease-in-out;
  192. -moz-transition: all 0.7s ease-in-out;
  193. -o-transition: all 0.7s ease-in-out;
  194. -ms-transition: all 0.7s ease-in-out;
  195. transition: all 0.7s ease-in-out;}
  196.  
  197. a:link, a:active, a:visited {
  198. color: {color:Hyperlinks};
  199. -webkit-transition: all 0.7s ease-in-out;
  200. -moz-transition: all 0.7s ease-in-out;
  201. -o-transition: all 0.7s ease-in-out;
  202. -ms-transition: all 0.7s ease-in-out;
  203. transition: all 0.7s ease-in-out;}
  204.  
  205. a:hover {color:{color:Hyperlinks Hover};}
  206.  
  207.  
  208. b, strong {
  209. font-weight:700;
  210. color:{color:Bold Text};}
  211.  
  212. i, em {
  213. font-weight:light;
  214. color:{color:Italic Text};}
  215.  
  216. h2 { font:bold 15px arial;}
  217.  
  218.  
  219. blockquote {
  220. margin: 3px 0px 6px 0px;
  221. padding:1px 8px 1px 8px;
  222. line-height:120%;
  223. border: 1px solid #eee;
  224. background-color:#fff;}
  225.  
  226. #caption {
  227. margin-bottom:2px;
  228. padding: 4px 15px 4px 15px;
  229. color:{color:All General Text};
  230. background-color:{color:Text Posts Background};
  231. text-align:justify;}
  232.  
  233.  
  234. pre, xmp, plaintext, listing {
  235. display: block;
  236. white-space: pre;
  237. background: {color:Text Posts Background};
  238. padding: 7px;
  239. word-wrap: break-word;
  240. font: 10px consolas;}
  241.  
  242. small {line-height:80%;}
  243.  
  244.  
  245.  
  246.  
  247.  
  248. /* --- sidebars --- */
  249.  
  250.  
  251.  
  252.  
  253. #sidebar {
  254. position:fixed;
  255. top:0px;
  256. height:100%;
  257. z-index: 999999;
  258. letter-spacing:1px;
  259. margin:auto;
  260. padding-top:4px;
  261. width:60px;
  262. left:0;
  263. background:{color:Sidebar Background};
  264. border-right:5px solid {color:Blog Background};
  265. text-align:center;}
  266.  
  267.  
  268. #navigation {
  269. margin:auto;
  270. top:230px;
  271. text-align:center;
  272. z-index:9;
  273. position:absolute;
  274. left:0;
  275. right:0;
  276. -webkit-transition: all 0.7s ease-in-out;
  277. -moz-transition: all 0.7s ease-in-out;
  278. -o-transition: all 0.7s ease-in-out;
  279. -ms-transition: all 0.7s ease-in-out;
  280. transition: all 0.7s ease-in-out;}
  281.  
  282. #navigation img {width:14px;border-radius:35%;}
  283.  
  284.  
  285. #navigation a {
  286. border-radius:50%;
  287. background:{color:Links Background};
  288. opacity:0.8;
  289. position:relative;
  290. display:inline-block;
  291. width:24px;
  292. padding:7px 2px 5px 2px;
  293. font: 8px consolas;
  294. margin:6px 3px 6px 3px;
  295. text-align:center;
  296. text-transform:uppercase;}
  297.  
  298.  
  299. #navigation a:hover, #popup_navigation a:hover {background:{color:Links Hover};}
  300.  
  301. #popup_navigation {width:270px;display:inline-block;}
  302.  
  303. #popup_navigation a {
  304. position:relative;
  305. display:inline-block;
  306. width:55px;
  307. margin-bottom:3px;
  308. color:{color:Navigation Font};
  309. padding:10px 5px 10px 5px;
  310. background:{color:Navigation Background};
  311. font: 8px consolas;
  312. text-align:center;
  313. text-transform:uppercase;}
  314.  
  315.  
  316. #pagination {
  317. display:inline-block;
  318. {block:permalinkpage}display:none;{/block:permalinkpage}
  319. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  320.  
  321. #sidebar_two {
  322. z-index:999;
  323. letter-spacing:1px;
  324. top:25px;
  325. position:fixed;
  326. {block:if250px}
  327. left:435px;
  328. {/block:if250px}
  329. {block:if400px}
  330. left:585px;
  331. {/block:if400px}
  332. {block:if500px}
  333. left:685px;
  334. {/block:if500px}
  335. {block:permalinkpage}
  336. left:685px;
  337. {/block:permalinkpage}
  338. }
  339.  
  340.  
  341. #title {
  342. font: 9px 'Microsoft JhengHei';
  343. text-transform:uppercase;
  344. color:{color:Title Font};
  345. margin-top:0px;
  346. letter-spacing:5px;
  347. text-align:left;
  348. margin:auto;
  349. width:210px;
  350. z-index:999;
  351. background:{color:Title Background};
  352. margin-bottom:1px;
  353. padding:5px 7px;
  354. {block:ifPicture}
  355. margin-left:101px;
  356. {/block:ifPicture}}
  357.  
  358.  
  359. #description {
  360. width:200px;
  361. font:8px calibri;
  362. text-transform:uppercase;
  363. color:{color:Description Font};
  364. background:{color:Description Background};
  365. letter-spacing:1px;
  366. margin-top:0px;
  367. text-align:justify;
  368. padding:12px;
  369. margin:auto;
  370. z-index:999;
  371. height:53px;
  372. overflow:auto;
  373. {block:ifPicture}
  374. margin-left:101px;
  375. {/block:ifPicture}}
  376.  
  377. #image {position:absolute;}
  378. #image img {width:60px; height:60px;border:20px solid #fff;}
  379.  
  380.  
  381. /* --- posts --- */
  382.  
  383.  
  384.  
  385. #container{
  386. padding:50px 7px 20px 0px;
  387. margin-left:111px;
  388. {block:indexpage}
  389. {block:if250px}
  390. width:250px;
  391. {/block:if250px}
  392. {block:if400px}
  393. width:400px;
  394. {/block:if400px}
  395. {block:if500px}
  396. width:500px;
  397. {/block:if500px}
  398. {/block:indexpage}
  399. {block:permalinkpage}
  400. width:500px;
  401. {/block:permalinkpage}}
  402.  
  403. #posts{ background:{color:Borders Color};
  404. padding:7px 7px 5px 7px;
  405. {block:indexpage}
  406. {block:if250px}
  407. width:250px;
  408. {/block:if250px}
  409. {block:if400px}
  410. width:400px;
  411. {/block:if400px}
  412. {block:if500px}
  413. width:500px;
  414. {/block:if500px}
  415. margin-bottom:{text:Post Distance};
  416. {/block:indexpage}
  417. {block:PermalinkPage}
  418. width:500px;margin-bottom:20px;
  419. {/block:PermalinkPage}}
  420.  
  421. .titles{
  422. color:{color:Post Title Font};
  423. font:10px 'Microsoft JhengHei';
  424. line-height: 100%;
  425. text-align:left;
  426. padding:9px;
  427. text-transform:uppercase;
  428. letter-spacing:2px;
  429. position:relative;}
  430.  
  431.  
  432.  
  433. #opandgrey {
  434. opacity:{text:Opacity Value};
  435. -webkit-transition-duration:0.8s;
  436. -moz-transition-duration: 0.8s;
  437. transition: all 0.8s ease-in-out;
  438. {block:ifgreyscale}
  439. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;
  440. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  441.  
  442. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  443.  
  444.  
  445.  
  446. #posts img {
  447. max-width:100%;
  448. {block:permalinkpage}
  449. max-width:100%;
  450. height:auto;
  451. {/block:permalinkpage};}
  452.  
  453.  
  454.  
  455. #text {
  456. padding: 4px 15px 4px 15px;
  457. text-align:justify;
  458. margin-bottom:2px;
  459. background:{color:Text Posts Background};
  460. {block:permalinkpage}
  461. padding:15px;
  462. {/block:permalinkpage};}
  463.  
  464.  
  465.  
  466. #quote {
  467. position:relative;
  468. text-align:left;
  469. font:10px 'Microsoft JhengHei';
  470. text-transform:uppercase;
  471. letter-spacing:2px;
  472. line-height: 120%;
  473. margin-bottom:2px;
  474. padding: 30px 30px 25px 30px;
  475. color:{color:Quote Font};
  476. background:{color:Quote Background};}
  477.  
  478.  
  479.  
  480. #source {font: oblique 9px cambria;letter-spacing:1px; text-align:center;padding: 7px; margin-top:20px;color:{color:Quote Font};position:relative;border-top:1px solid #fff;}
  481. #source a {color:{color:Quote Font};}
  482.  
  483.  
  484. .chat ul{padding:0px 0px 0px 0px;margin:0px;}
  485. .chat li{margin-bottom:1px;padding:10px;list-style-type:none;}
  486. .chat li.odd {background:#f5f5f5;}
  487. .chat li.even {background:#fcfcfc;}
  488. span.chats {color:#222;font:9px 'Microsoft JhengHei'; letter-spacing:1px;text-transform:uppercase;}
  489.  
  490.  
  491. .audioplayer {position:relative;display:inline-block;width:100%;background:{color:Audio Background};}
  492. .player {left: 0px;top: 0px;overflow:hidden;}
  493. .button {position: relative;width: 30px;height: 30px;margin:10px 5px 3px 5px;}
  494. .tumblr_audio_player {height:30px;background:#111;margin-top:-5px;margin-left:38px;border:2px solid #fff;}
  495. .audioalbum {position:absolute;overflow: hidden;width: 30px;height:30px;margin:5px;border:2px solid #fff;}
  496. .audioalbum img {width: 100%;height: auto;}
  497. .audioinfo {width:auto;font:10px 'Microsoft JhengHei'; padding:5px;text-align:center;letter-spacing:1px;color:#777;text-transform:uppercase;overflow:hidden;background:#f5f5f5;border-top:3px solid #fff;}
  498.  
  499.  
  500.  
  501. #asker {
  502. line-height: 100%;
  503. text-align:left;
  504. padding: 7px;
  505. font: oblique 9px cambria;
  506. text-transform:uppercase;
  507. letter-spacing:1px;
  508. border-top:1px solid #fff;
  509. text-transform:uppercase;
  510. margin-top:20px;
  511. -webkit-transition: all 0.7s ease-in-out;
  512. -moz-transition: all 0.7s ease-in-out;
  513. -o-transition: all 0.7s ease-in-out;
  514. -ms-transition: all 0.7s ease-in-out;
  515. transition: all 0.7s ease-in-out;}
  516.  
  517.  
  518. #asker a {color:{color:Asker Font};}
  519.  
  520.  
  521. #questions {
  522. text-align:justify;
  523. padding:20px;
  524. font:9px 'Microsoft JhengHei';
  525. text-transform:uppercase;
  526. letter-spacing:2px;
  527. margin-bottom:5px;
  528. letter-spacing:1px;
  529. color:{color:Question Font};
  530. margin-left:0px;
  531. background:{color:Question Background};
  532. overflow:auto;}
  533.  
  534.  
  535.  
  536.  
  537. /* --- post information --- */
  538.  
  539.  
  540.  
  541.  
  542. .info {
  543. position:absolute;
  544. z-index:99;
  545. padding:6px 3px 2px 3px;
  546. line-height:100%;
  547. margin-top:-7px;
  548. width:20px;
  549. {block:if250px}
  550. margin-left:253px;
  551. {block:if250px}
  552. {block:if400px}
  553. margin-left:403px;
  554. {block:if400px}
  555. {block:if500px}
  556. margin-left:503px;
  557. {block:if500px}
  558. background:{color:Borders Color};
  559. {block:PermalinkPage}
  560. display:none;
  561. {/block:PermalinkPage}}
  562.  
  563. .info a {
  564. border-radius:50%;
  565. width:18px;
  566. padding:5px 3px 2px 2px;
  567. margin-bottom:4px;
  568. background:{color:Info};
  569. opacity:0.8;
  570. position:relative;
  571. display:inline-block;
  572. text-align:center;}
  573.  
  574. .info a:hover {background:{color:Info Hover};}
  575.  
  576. .info img {width:13px;border-radius:30%;}
  577.  
  578. #borders {
  579. top:0;
  580. position:fixed;
  581. width:20px;
  582. height:100%;
  583. border-right:7px solid {color:Borders Color};
  584. border-left:7px solid {color:Borders Color};
  585. {block:if250px}
  586. margin-left:368px;
  587. {/block:if250px}
  588. {block:if400px}
  589. margin-left:518px;
  590. {/block:if400px}
  591. {block:if500px}
  592. margin-left:618px;
  593. {/block:if500px}
  594. {block:permalinkpage}
  595. margin-left:618px;
  596. {/block:permalinkpage}
  597. }
  598.  
  599. .tagging{
  600. position:absolute;
  601. text-transform:uppercase;
  602. font: 8px calibri;
  603. opacity:0;
  604. line-height:140%;
  605. text-align:justify;
  606. word-wrap: break-word;
  607. text-align:center;
  608. margin-top:10px;
  609. letter-spacing:1px;
  610. {block:if250px}
  611. width:240px;
  612. {/block:if250px}
  613. {block:if400px}
  614. width:390px;
  615. {/block:if400px}
  616. {block:if500px}
  617. width:490px;
  618. {/block:if500px}
  619. {block:PermalinkPage}
  620. display:none;
  621. {/block:PermalinkPage}
  622. -webkit-transition: all 0.5s ease-in-out;
  623. -moz-transition: all 0.5s ease-in-out;
  624. -o-transition: all 0.5s ease-in-out;
  625. -ms-transition: all 0.5s ease-in-out;
  626. transition: all 0.5s ease-in-out;}
  627.  
  628.  
  629.  
  630. #posts:hover .tagging {opacity:1;}
  631. .tagging a{color:{color:Tags Font};background:{color:Tags Background};padding:0 2px 0 2px;}
  632.  
  633.  
  634.  
  635.  
  636. /* --- permalink --- */
  637.  
  638.  
  639.  
  640. #infoperm{
  641. font-family: arial;
  642. font-size:10px;
  643. text-transform:lowercase;
  644. letter-spacing:1px;
  645. text-align:center;
  646. margin-top:3px;
  647. padding-top: 8px;
  648. padding-bottom: 8px;
  649. background-color: #f5f5f5;}
  650.  
  651.  
  652. #tagperm{
  653. font-family:calibri;
  654. text-transform:normal;
  655. text-transform:uppercase;
  656. font-size:8px;
  657. letter-spacing: 1px;
  658. text-align:justify;
  659. margin-top: 3px;
  660. padding: 13px;
  661. background-color: #f5f5f5;}
  662.  
  663.  
  664. #notecount{
  665. font:bold 20px consolas;
  666. text-transform:normal;
  667. letter-spacing: -1px;
  668. text-align:center;
  669. margin-top:5px;
  670. margin-bottom: 10px;
  671. padding: 1px;
  672. color:#333;
  673. background-color:#f5f5f5;}
  674.  
  675.  
  676. #infoperm a {{color:hyperlinks};}
  677. #tagperm a {{color:hyperlinks};}
  678. #tagperm a:hover {color:{color:hyperlinks hover};}
  679.  
  680.  
  681. .pnotes {
  682. width:490px;
  683. text-align: left;
  684. overflow:auto;
  685. line-height:15px;
  686. padding:5px;
  687. background:#f5f5f5;
  688. font:10px arial;}
  689.  
  690.  
  691.  
  692. .pnotes img{width:26px;margin:5px;border:5px solid #f5f5f5;}
  693. .pnotes li{list-style-type:none; padding:4px;margin-bottom:5px;background:#fff;margin-left:-40px;border-radius:4px;}
  694. ol.notes {margin: 10px;}
  695. img.avatar {vertical-align: -19px;width: 26px;height: 26px;padding: 1px;}
  696.  
  697.  
  698.  
  699. /* --- etc --- */
  700.  
  701.  
  702.  
  703. .popup_block{
  704. display:none;
  705. background:#f5f5f5;
  706. padding:20px 20px 17px 20px;
  707. float:left;
  708. position:fixed;
  709. top:50%;left:50%;
  710. z-index: 99999;}
  711.  
  712.  
  713. *html #fade {position: absolute;}
  714.  
  715. *html .popup_block {position: absolute;}
  716.  
  717. #fade {
  718. display:none;
  719. position:fixed;
  720. left:0px;
  721. top:0px;
  722. width:100%;
  723. height:100%;
  724. z-index:9999;
  725. background:#fff;
  726. opacity:1;}
  727.  
  728.  
  729. #chloe {font-size:8px;font-family:consolas;text-align:center;letter-spacing:2px;padding: 5px 8px 5px 8px;z-index:99999;position:fixed;bottom:0px;right:0px;color:#888;text-transform:uppercase;background:{color:Blog Background};}
  730. #chloe a {color:#888;}
  731.  
  732.  
  733. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font-size: 9px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color: {color:Tooltip Font};text-align: center;margin-left: 25px;padding:4px 6px 5px 6px;min-width: 40px;max-width: 150px;z-index: 9999999999;}
  734.  
  735.  
  736. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:999999999999999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  737. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  738.  
  739.  
  740. /*----------- /CHROME USERS/ CHANGE SCROLLBAR HERE --------------*/
  741.  
  742.  
  743. ::-webkit-scrollbar-track {background-color:#fff;border:2px solid #f5f5f5;}
  744. ::-webkit-scrollbar-thumb {background-color:#f5f5f5;}
  745. ::-webkit-scrollbar {width:6px;height:5px;}
  746.  
  747.  
  748. /*-----------------------------------------------------------*/
  749.  
  750. ::selection {color: #bbb; background: #f5f5f5; }
  751. ::-moz-selection {color: #bbb; background: #f5f5f5; }
  752. ::-webkit-selection {color: #bbb; background: #f5f5f5; }
  753.  
  754.  
  755. </style>
  756. </head>
  757. <body>
  758.  
  759.  
  760.  
  761.  
  762. <!----------- sidebars -------------->
  763.  
  764.  
  765. <div id="sidebar">
  766.  
  767. <div id="navigation">
  768. <a href="/" title="{text:Home}"><img src="https://31.media.tumblr.com/5129efce1a6332e2798dd506c98b3a51/tumblr_inline_ncf11tsy6q1qjkle5.png"></a>
  769. <a href="/ask" title="{text:Ask}"><img src="https://31.media.tumblr.com/7e4d80fae5117b923bb6c5336448f8b0/tumblr_inline_ncf11mkwIK1qjkle5.png"></a>
  770. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}"><img src="https://31.media.tumblr.com/6c43a7ffb1e9e8916823328a9f819da2/tumblr_inline_ncf12fGiPr1qjkle5.png"></a>
  771. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}"><img src="https://31.media.tumblr.com/3ae82f65830cd23aad3a4d7f6f12ca00/tumblr_inline_ncf122pFqT1qjkle5.png"></a>{/block:ifLink2}
  772. {block:ifNotNavigation}{block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}"><img src="https://31.media.tumblr.com/6734bfaafe36fe4986fa04ec4bcd4faa/tumblr_inline_ncf12btHoo1qjkle5.png"></a>{/block:ifLink3}{/block:ifNotNavigation}
  773. {block:ifNavigation}<a href="#?w=269" rel="box1" class="poplight" title="{text:Navigation}"><img src="https://31.media.tumblr.com/6734bfaafe36fe4986fa04ec4bcd4faa/tumblr_inline_ncf12btHoo1qjkle5.png"></a>
  774. {/block:ifNavigation}
  775. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><img src="https://31.media.tumblr.com/6905fa52a7e3765cecb718f34cb0f9fa/tumblr_inline_ncf11fxE6Z1qjkle5.png"></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><img src="https://31.media.tumblr.com/36dab6baeaac0d52b544dd2c76049f3a/tumblr_inline_ncf11iPCCJ1qjkle5.png"></a>{/block:NextPage}</div>{/block:Pagination}
  776. </div>
  777.  
  778. </div>
  779.  
  780.  
  781. <div id="sidebar_two">
  782. {block:ifPicture}
  783. <div id="image"><img src="{image:Picture}"></div>
  784. {/block:ifPicture}
  785. <div id="title">{Title}</div>
  786. <div id="description">{Description}</div>
  787. </div>
  788.  
  789.  
  790. <div id="box1" class="popup_block">
  791. <div id="popup_navigation">
  792. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  793. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  794. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  795. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  796. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  797. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  798. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  799. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
  800. </div>
  801. </div>
  802.  
  803. <!----------- posts -------------->
  804.  
  805.  
  806.  
  807.  
  808.  
  809. <div id="borders"></div>
  810.  
  811.  
  812.  
  813.  
  814. <div id="container">
  815.  
  816. {block:Posts}
  817. <div id="posts">
  818.  
  819.  
  820.  
  821.  
  822. {block:Quote}
  823.  
  824. <div class="info">
  825. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  826. </div>
  827.  
  828. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  829.  
  830. <div class="tagging">
  831. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  832. </div>
  833.  
  834. {/block:Quote}
  835.  
  836.  
  837.  
  838.  
  839.  
  840. {block:Photo}
  841.  
  842. {block:indexpage}
  843.  
  844. <div class="info">
  845. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  846. </div>
  847.  
  848. <div id="opandgrey">
  849.  
  850. <center>
  851. <img src="{PhotoURL-500}" style="
  852. {block:if250px}width:250px;{/block:if250px}
  853. {block:if400px}width:400px;{/block:if400px}
  854. {block:if500px}width:500px;{/block:if500px}"/>
  855. </center>
  856.  
  857. </div>
  858. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  859.  
  860.  
  861.  
  862. <div class="tagging">
  863. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}{/block:HasTags}
  864. </div>
  865.  
  866. {/block:indexpage}
  867.  
  868. {block:permalinkpage}
  869. <center>
  870. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;">
  871. </center>
  872. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  873. {/block:permalinkpage}
  874.  
  875. {/block:Photo}
  876.  
  877.  
  878.  
  879.  
  880.  
  881. {block:Photoset}
  882.  
  883. {block:indexpage}
  884.  
  885. <div class="info">
  886. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  887. </div>
  888.  
  889. <div id="opandgrey">
  890.  
  891. <center>
  892. {block:if250px}{Photoset-250}{/block:if250px}
  893. {block:if400px}{Photoset-400}{/block:if400px}
  894. {block:if500px}{Photoset-500}{/block:if500px}
  895. </center>
  896.  
  897.  
  898. </div>
  899.  
  900. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  901.  
  902. <div class="tagging">
  903. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}{/block:HasTags}
  904. </div>
  905.  
  906. {/block:indexpage}
  907.  
  908. {block:permalinkpage}
  909. <center>{Photoset-500}</center>
  910. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  911. {/block:permalinkpage}
  912.  
  913. {/block:Photoset}
  914.  
  915.  
  916.  
  917.  
  918.  
  919. {block:Link}
  920.  
  921. <div class="info">
  922. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  923. </div>
  924.  
  925. <a href="{URL}" class="link" {Target}>
  926. <div class="titles">{Name} ▹</div>
  927. </a>
  928. {block:Description}
  929. <div id="text">{Description}</div>
  930. {/block:Description}
  931.  
  932. <div class="tagging">
  933. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}{/block:HasTags}
  934. </div>
  935.  
  936. {block:Link}
  937.  
  938.  
  939.  
  940.  
  941.  
  942. {block:Chat}
  943.  
  944. <div class="info">
  945. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  946. </div>
  947.  
  948. {block:Title}
  949. <div class="titles">{Title}</div>
  950. {/block:Title}
  951. <div class="chat">
  952. <ul>
  953. {block:Lines}
  954. <li class="{Alt} u{UserNumber}">
  955. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  956. {Line}</li>
  957. {/block:Lines}
  958. </ul>
  959. </div>
  960.  
  961. <div class="tagging">
  962. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}{/block:HasTags}
  963. </div>
  964.  
  965. {/block:Chat}
  966.  
  967.  
  968.  
  969.  
  970.  
  971. {block:Audio}
  972.  
  973. <div class="info">
  974. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  975. </div>
  976.  
  977. {block:AudioPlayer}
  978.  
  979. <div class="audioplayer">
  980. {block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  981. <div class="player">
  982. <div class="button">{AudioPlayerWhite}</div>
  983. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} {{Artist}}{/block:Artist}
  984. </div>
  985. </div>
  986.  
  987. </div>
  988. {/block:AudioPlayer}
  989.  
  990. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  991.  
  992. <div class="tagging">
  993. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}{/block:HasTags}
  994. </div>
  995.  
  996. {/block:Audio}
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002. {block:Text}
  1003.  
  1004. {block:indexpage}
  1005.  
  1006. <div class="info">
  1007. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  1008. </div>
  1009.  
  1010. <div id="opandgrey">
  1011.  
  1012. {block:Title}
  1013. <div class="titles">{Title};</div>
  1014. {/block:Title}
  1015. <div id="text">{Body}</div>
  1016.  
  1017. </div>
  1018.  
  1019. <div class="tagging">
  1020. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}"> {Tag}</a>{/block:Tags}{/block:HasTags}
  1021. </div>
  1022.  
  1023. {/block:indexpage}
  1024.  
  1025. {block:permalinkpage}
  1026. {block:Title}
  1027. <div class="titles">{Title}</div>
  1028. {/block:Title}
  1029. <div id="text">{Body}</div>
  1030. {/block:permalinkpage}
  1031.  
  1032. {/block:Text}
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038. {block:Video}
  1039.  
  1040. {block:indexpage}
  1041.  
  1042. <div class="info">
  1043. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  1044. </div>
  1045.  
  1046. <center>
  1047. {block:if400px}{Video-400}{/block:if400px}
  1048. {block:if500px}{Video-500}{/block:if500px}
  1049. </center>
  1050.  
  1051. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  1052.  
  1053. <div class="tagging">
  1054. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1055. </div>
  1056.  
  1057. {/block:indexpage}
  1058.  
  1059. {block:permalinkpage}
  1060. <center>{Video-500}</center>
  1061. {block:Caption}{Caption}{/block:Caption}
  1062. {/block:permalinkpage}
  1063.  
  1064. {block:Video}
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. {block:Answer}
  1071.  
  1072. <div class="info">
  1073. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><img src="https://31.media.tumblr.com/793a9f2184de0e5aedf2abed969e470d/tumblr_inline_ncf11xL0O21qjkle5.png"></a>{/block:Date} <a title="{NoteCountWithLabel}"><img src="https://31.media.tumblr.com/2557f4df21948ca41f0ef2b986eacf9f/tumblr_inline_ncf11pdRMz1qjkle5.png"></a><a href="{ReblogURL}" title="reblog this post"><img src="https://31.media.tumblr.com/d81c814a409d9e9f6c6addeac5ee655c/tumblr_inline_ncf126hm8p1qjkle5.png"></a>
  1074. </div>
  1075.  
  1076.  
  1077. <div id="questions">{Question}
  1078. <div id="asker">message from {Asker}:</div>
  1079. </div>
  1080.  
  1081. <div id="text">{Answer}</div>
  1082.  
  1083. <div class="tagging">
  1084. {block:HasTags}tagged as:{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1085. </div>
  1086.  
  1087. {/block:Answer}
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093. <!---------- permalink ------------->
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099. {block:permalinkpage}
  1100.  
  1101.  
  1102. {block:Date}<div id="infoperm">Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}</div>{/block:Date}
  1103. <div id="infoperm">
  1104. {block:RebloggedFrom} <b>via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1105. {block:ContentSource} <b>and originally from</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  1106.  
  1107. {block:HasTags}
  1108. <div id="tagperm">
  1109. <b>Tagged as:</b>{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1110.  
  1111. {block:NoteCount}<div id="notecount"><p>{NoteCountWithLabel}</div>{/block:NoteCount}
  1112.  
  1113.  
  1114. {block:PostNotes}
  1115. <div class="pnotes">
  1116. {PostNotes-64}
  1117. </div>
  1118. {/block:PostNotes}
  1119.  
  1120.  
  1121.  
  1122. {/block:permalinkpage}
  1123.  
  1124.  
  1125. </div>
  1126. {/block:Posts}
  1127. </div>
  1128.  
  1129.  
  1130.  
  1131. <!----------------------->
  1132.  
  1133.  
  1134.  
  1135.  
  1136. {block:ifinfinitescroll}
  1137. {block:indexpage}
  1138. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1139. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1140. <script>
  1141. $(function(){
  1142.  
  1143. var $container = $('#container');
  1144.  
  1145. $container.imagesLoaded(function(){
  1146. $container.masonry({
  1147. itemSelector: '#posts'
  1148. });
  1149. });
  1150.  
  1151. $container.infinitescroll({
  1152. navSelector : '#page-nav',
  1153. nextSelector : '#page-nav a',
  1154. itemSelector : '#posts',
  1155. animate : true,
  1156. loading: {
  1157. finishedMsg: 'No more pages to load.',
  1158. img: 'http://i.imgur.com/6RMhx.gif'
  1159. }
  1160. },
  1161. function( newElements ) {
  1162. var $newElems = $( newElements ).css({ opacity: 0 });
  1163. $newElems.imagesLoaded(function(){
  1164. $newElems.animate({ opacity: 1 });
  1165. $container.masonry( 'appended', $newElems, true );
  1166. });
  1167. }
  1168. );
  1169. });
  1170. </script>
  1171. {/block:indexpage}
  1172. {/block:ifinfinitescroll}
  1173.  
  1174.  
  1175. </body>
  1176.  
  1177. <div id="chloe" title="coded by chloe"><a href="http://adf.ly/s0LYq">SOONCO</a></div>
  1178. </html>
Advertisement
Add Comment
Please, Sign In to add comment