Advertisement
Guest User

Untitled

a guest
Oct 16th, 2019
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.38 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: sleepless // updated 21.5.2018
  5. - sorrism -
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10.  
  11. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>
  12. $(document).ready(function() {
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel');
  15. var popURL = $(this).attr('href');
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1];
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade, .popup_block2').fadeOut(function() {
  32. $('#fade, a.close').remove();
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38. <head>
  39.  
  40. <!-- popups by noveia / bravethemes ; please don't delete credits --><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>
  41. $(document).ready(function() {
  42. $('a.poplight[href^=#]').click(function() {
  43. var popID = $(this).attr('rel');
  44. var popURL = $(this).attr('href');
  45. var query= popURL.split('?');
  46. var dim= query[1].split('&');
  47. var popWidth = dim[0].split('=')[1];
  48. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  49. var popMargTop = ($('#' + popID).height() + 80) / 2;
  50. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  51. $('#' + popID).css({
  52. 'margin-top' : -popMargTop,
  53. 'margin-left' : -popMargLeft
  54. });
  55. $('body').append('<div id="fade"></div>');
  56. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  57. return false;
  58. });
  59. $('a.close, #fade').live('click', function() {
  60. $('#fade, .popup_block').fadeOut(function() {
  61. $('#fade, a.close').remove();
  62. });
  63. return false;
  64. });
  65. });
  66. </script><!-- poppups by noveia / bravetheme -->
  67.  
  68. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  69.  
  70. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  71.  
  72. <link rel="shortcut icon" href="https://66.media.tumblr.com/tumblr_m0g9k2GVdc1qbs47q.gif">
  73.  
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  76.  
  77. <!--Default Variables-->
  78.  
  79. <meta name="color:Background" content="#d3cbcb"/>
  80. <meta name="color:Posts" content="#ffffff"/>
  81. <meta name="color:Text" content="#cccccc"/>
  82. <meta name="color:Link" content="#a7a7a7"/>
  83. <meta name="color:Title" content="#000000"/>
  84. <meta name="color:Scrollbar" content="#d5d5d5" />
  85. <meta name="color:Borders" content="#eeeeee"/>
  86. <meta name="color:Accents" content="#fbfbfb"/>
  87.  
  88. <meta name="if:Infinite Scroll" content="1"/>
  89. <meta name="if:Manual Load" content="0"/>
  90. <meta name="if:Click for Tags" content="1"/>
  91.  
  92. <meta name="image:Sidebar" content=""/>
  93.  
  94. <meta name="select:Post Width" content="350" title="350px"/>
  95. <meta name="select:Post Width" content="375" title="375px"/>
  96. <meta name="select:Post Width" content="400" title="400px"/>
  97. <meta name="select:Post Width" content="450" title="450px"/>
  98. <meta name="select:Post Width" content="500" title="500px"/>
  99. <meta name="select:Post Width" content="540" title="540px"/>
  100.  
  101. <meta name="text:Home Title" content="home"/>
  102. <meta name="text:Ask Title" content="message"/>
  103. <meta name="text:Archive Title" content="archive"/>
  104.  
  105. <meta name="text:Link 1 URL" content=""/>
  106. <meta name="text:Link 1" content=""/>
  107. <meta name="text:Link 2 URL" content=""/>
  108. <meta name="text:Link 2" content=""/>
  109. <meta name="text:Link 3 URL" content=""/>
  110. <meta name="text:Link 3" content=""/>
  111.  
  112. <!--CSS customization here. -->
  113.  
  114. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  115.  
  116. <link href="//fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,700" rel="stylesheet">
  117.  
  118. <!--kodzik na lodzik. nie no na hovery -->
  119.  
  120.  
  121. <script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  122.  
  123. <script src=“https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js”></script>
  124.  
  125. <script>
  126. (function($){
  127. $(document).ready(function(){
  128. $(“a[title]”).style_my_tooltips({
  129. tip_follows_cursor:true,
  130. tip_delay_time:10000,
  131. tip_fade_speed:10000,
  132. attribute:“title”
  133. });
  134. });
  135. })(jQuery);
  136. </script>
  137.  
  138.  
  139.  
  140. <style type="text/css">
  141.  
  142. #statistics {
  143. position: fixed;
  144. bottom: 322px;
  145. left: 260px;
  146. font-size: 6px;
  147. font-family: arial;
  148. padding: 3px;
  149. }
  150.  
  151. /** popups by noveia / bravethemes ; please don't delete credits **/
  152. #fade{
  153. display:none;
  154. background:#fff; /* change background */
  155. position:fixed;
  156. left:0;
  157. top:0;
  158. width:100%;
  159. height:100%;
  160. opacity:0.3; /* change how transparent you want the background */
  161. z-index:999999999; /* if this happens to go behind the popup, decrease the amount of 9's */
  162. }
  163. .popup_block{ /* the actual popup */
  164. display:none;
  165. background:#fff; /* change background */
  166. border:0px solid #cdd7e2; /* change border style and color */
  167. -webkit-box-shadow: 0px 0px 0px 0px #a6555b; /* change the box shadows here, if you don't want any, feel free to delete them */
  168. -moz-box-shadow: 0px 0px 0px 0px #a6555b;
  169. box-shadow: 0px 0px 0px 0px #a6555b;
  170. border-radius: 6px;
  171. padding:10px;
  172. float:left;
  173. line-height:20px;
  174. position:fixed;
  175. top:320px;
  176. left:700px;
  177. z-index:999999999999999999999999999999; /* if this happens to go behind the fade, increase the amount of 9's */
  178. }
  179. *html #fade{
  180. position:absolute;
  181. }
  182. *html .popup_block{
  183. position:absolute;
  184. }
  185.  
  186. .popup_block img {
  187. width:70px;
  188. text-align:center;
  189. border-right:1px solid #fff;
  190. display:inline-block;
  191. outline-offset:-4px;
  192. -webkit-transition: all 0.8s ease-in-out;
  193. -moz-transition: all 0.8s ease-in-out;
  194. -o-transition: all 0.8s ease-in-out;
  195. -ms-transition: all 0.8s ease-in-out;
  196. transition: all 0.8s ease-in-out;
  197. }
  198.  
  199. /** popups by noveia / bravethemes ; please don't delete credits **/
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207. /*tumblr controls and lightbox*/
  208.  
  209. .tmblr-lightbox {background:rgba(255,255,255, .95)!important;}
  210.  
  211. .tmblr-lightbox img {opacity:0;}
  212.  
  213. .lightbox-caption {
  214. color:{color:title}!important;
  215. font-family:inherit!important;
  216. font-size:10px!important;
  217. font-weight:normal!important;
  218. text-shadow:none!important;
  219. }
  220.  
  221. .lightbox-image {
  222. -moz-box-shadow:none!important;
  223. -webkit-box-shadow:none!important;
  224. box-shadow:none!important;
  225. -moz-border-radius:0px!important;
  226. -webkit-border-radius:0px!important;
  227. border-radius:0px!important;
  228. background:{color:posts}!important;
  229. opacity:1!important;
  230. }
  231.  
  232.  
  233.  
  234.  
  235. .vignette {opacity:0!Important;}
  236.  
  237. /*tooltip*/
  238.  
  239. .ui-tooltip {
  240. position:absolute;
  241. z-index:999999999999999999999999999999;
  242. padding-left:15px;
  243. }
  244.  
  245. .ui-tooltip-content {
  246. background:{color:posts};
  247. padding:7px 9px;
  248. border-radius: 6px;
  249. font-size:.9em;
  250. text-transform:lowercase;
  251. color:{color:text};
  252. border:0px solid {color:accents};
  253. animation: allthings linear 3s;
  254. animation-iteration-count: infinite;
  255. transform-origin: 50% 50%;
  256. -webkit-animation: allthings linear 3s;
  257. -webkit-animation-iteration-count: infinite;
  258. -webkit-transform-origin: 50% 50%;
  259. -moz-animation: allthings linear 3s;
  260. -moz-animation-iteration-count: infinite;
  261. -moz-transform-origin: 50% 50%;
  262. -o-animation: allthings linear 3s;
  263. -o-animation-iteration-count: infinite;
  264. -o-transform-origin: 50% 50%;
  265. -ms-animation: allthings linear 3s;
  266. -ms-animation-iteration-count: infinite;
  267. -ms-transform-origin: 50% 50%;}
  268.  
  269. @keyframes allthings{
  270. 0% {opacity:1;
  271. transform: scaleX(1.00) scaleY(1.00);}
  272. 25% {opacity:1;
  273. transform: scaleX(0.95) scaleY(0.95);}
  274. 50% {opacity:1;
  275. transform: scaleX(0.9) scaleY(0.9);}
  276. 75% {opacity:1;
  277. transform: scaleX(0.95) scaleY(0.95);}
  278. 100% {opacity:1;
  279. transform: scaleX(1.00) scaleY(1.00);}
  280. }
  281.  
  282. @-moz-keyframes allthings{
  283. 0% {opacity:1;
  284. -moz-transform: scaleX(1.00) scaleY(1.00);}
  285. 25% {opacity:1;
  286. -moz-transform: scaleX(0.95) scaleY(0.95);}
  287. 50% {opacity:1;
  288. -moz-transform: scaleX(0.9) scaleY(0.9);}
  289. 75% {opacity:1;
  290. -moz-transform: scaleX(0.95) scaleY(0.95);}
  291. 100% {opacity:1;
  292. -moz-transform: scaleX(1.00) scaleY(1.00);}
  293. }
  294.  
  295. @-webkit-keyframes allthings {
  296. 0% {opacity:1;
  297. -webkit-transform: scaleX(1.00) scaleY(1.00);}
  298. 25% {opacity:1;
  299. -webkit-transform: scaleX(0.95) scaleY(0.95);}
  300. 50% {opacity:1;
  301. -webkit-transform: scaleX(0.90) scaleY(0.90);}
  302. 75% {opacity:1;
  303. -webkit-transform: scaleX(0.95) scaleY(0.95);}
  304. 100% {opacity:1;
  305. -webkit-transform: scaleX(1.00) scaleY(1.00);}
  306. }
  307.  
  308. @-o-keyframes allthings {
  309. 0% {opacity:1;
  310. -o-transform: scaleX(1.00) scaleY(1.00);}
  311. 25% {opacity:1;
  312. -o-transform: scaleX(0.95) scaleY(0.95);}
  313. 50% {opacity:1;
  314. -o-transform: scaleX(0.90) scaleY(0.90);}
  315. 75% {opacity:1;
  316. -o-transform: scaleX(0.95) scaleY(0.95);}
  317. 100% {opacity:1;
  318. -o-transform: scaleX(1.00) scaleY(1.00);}
  319. }
  320.  
  321. @-ms-keyframes allthings {
  322. 0% {opacity:1;
  323. -ms-transform: scaleX(1.00) scaleY(1.00);}
  324. 25% {opacity:1;
  325. -ms-transform: scaleX(0.95) scaleY(0.95);}
  326. 50% {opacity:1;
  327. -ms-transform: scaleX(0.90) scaleY(0.90);}
  328. 75% {opacity:1;
  329. -ms-transform: scaleX(0.950) scaleY(0.950);}
  330. 100% {opacity:1;
  331. -ms-transform: scaleX(1.00) scaleY(1.00);}
  332. }
  333.  
  334. }
  335.  
  336. /*scrollbar*/
  337.  
  338. ::-webkit-scrollbar {
  339. height:11px;
  340. width:11px;
  341. background:{color:posts};
  342. }
  343.  
  344. ::-webkit-scrollbar-track {
  345. background:{color:borders};
  346. border:5px solid {color:posts};
  347. }
  348.  
  349. ::-webkit-scrollbar-thumb{
  350. border:4px solid {color:posts};
  351. background:{color:scrollbar};
  352. }
  353.  
  354. /*controls*/
  355.  
  356. .iframe-controls--desktop {
  357. z-index:999;
  358. top:-13px!important;
  359. right:-90px!important;
  360. opacity:0;
  361. padding-right:75px;
  362. filter:invert(1) contrast(150%);
  363. -webkit-filter:invert(1) contrast(150%);
  364. -o-filter:invert(1) contrast(150%);
  365. -moz-filter:invert(1) contrast(150%);
  366. -ms-filter:invert(1) contrast(150%);
  367. transform:scale(0.6);
  368. -webkit-transform:scale(0.6);
  369. -o-transform:scale(0.65);
  370. -moz-transform:scale(0.65);
  371. -ms-transform:scale(0.65);
  372. }
  373.  
  374. .iframe-controls--desktop:hover {opacity:.6;}
  375.  
  376. .cc {
  377. position:fixed;
  378. top:2px;
  379. right:0px;
  380. z-index:99;
  381. }
  382.  
  383. .cc svg {
  384. padding:5px 10px;
  385. width:15px;
  386. fill:{color:title};
  387. }
  388.  
  389. /*basics*/
  390.  
  391. body {
  392. background:{color:background};
  393. color:{color:text};
  394. font:normal 10px/1.5em fira sans, arial, sans-serif;
  395. word-wrap:break-word;
  396. text-align:left;
  397. letter-spacing:.15px;
  398. margin:0;
  399. overflow-x:hidden;
  400. -moz-osx-font-smoothing:grayscale;
  401. -webkit-font-smoothing:antialiased;
  402. font-smoothing:antialiased;
  403. }
  404.  
  405. a {
  406. color:{color:text};
  407. text-decoration:none;
  408. cursor:pointer;
  409. }
  410.  
  411. a:hover {
  412. color:{color:link};
  413. border-color:{color:link}!important;
  414. }
  415.  
  416. a, .iframe-controls--desktop, svg {
  417. transition:all .15s linear;
  418. -webkit-transition:all .15s linear;
  419. -moz-transition:all .15s linear;
  420. -o-transition:all .15s linear;
  421. }
  422.  
  423. .comment a, .source a {border-bottom:1px solid {color:link};}
  424.  
  425. img {
  426. opacity:1;
  427. border:0;
  428. text-decoration:none;
  429. max-width:100%;
  430. height:auto;
  431. display:block;
  432. }
  433.  
  434. blockquote {
  435. margin:.5em 0;
  436. border-left:1px solid {color:borders};
  437. padding:.25em 0 .25em 15px;
  438. }
  439.  
  440. pre {
  441. padding:0;
  442. margin:0;
  443. line-height:inherit!important;
  444. background:transparent;
  445. font-family:monospace!Important;
  446. font-size:inherit!important;
  447. white-space:pre-wrap;
  448. white-space:-moz-pre-wrap;
  449. white-space:-pre-wrap;
  450. white-space:-o-pre-wrap;
  451. word-wrap:break-word;
  452. }
  453.  
  454. p {margin:.75em 0;}
  455.  
  456. p:first-of-type {margin-top:0!important}
  457.  
  458. p:last-of-type {margin-bottom:0!important}
  459.  
  460. b, strong {
  461. color:#dc968b;
  462. font-weight:500;
  463. }
  464.  
  465. c {font-weight:500;
  466. }
  467.  
  468. ol, ul {
  469. list-style:none;
  470. padding:.25em 0 .25em 15px;
  471. }
  472.  
  473. li {
  474. padding-left:15px;
  475. position:relative;
  476. }
  477.  
  478. article li {
  479. margin:.25em 0;
  480. }
  481.  
  482. article li:before {
  483. left:0;
  484. top:-.1em;
  485. position:absolute;
  486. content:'∗';
  487. font-size:1.5em;
  488. display:block;
  489. color:rgba({RGBcolor:text},.7);
  490. vertical-align:top;
  491. }
  492.  
  493. small, big, sub, pre {
  494. font-size:1em!important;
  495. line-height:2em!important;
  496. vertical-align:baseline!important;
  497. }
  498.  
  499. h1, h2, h3, h4 {
  500. font-size:1.2em;
  501. margin:0;
  502. padding:15px 0;
  503. color:{color:title};
  504. font-weight:500;
  505. }
  506.  
  507. .comment > h1:first-child, .comment > h2:first-child, .comment > h3:first-child, .comment > h4:first-child {padding:0 0 15px 0;}
  508.  
  509. hr {
  510. border:none;
  511. box-shadow:0;
  512. margin:1.5em 25%;
  513. border-top:1px solid {color:borders};
  514. }
  515.  
  516. aside, article, footer {
  517. -webkit-animation-name: fade-in;
  518. -webkit-animation-duration: 1.5s;
  519. }
  520.  
  521. /*side*/
  522.  
  523. nav {
  524. font-size:.8em;
  525. background:{color:posts};
  526. color:#95bcc9;
  527. z-index: 99999999999999;
  528. }
  529.  
  530.  
  531. nav a {
  532. display:block;
  533.  
  534. }
  535.  
  536.  
  537.  
  538. nav a:hover {
  539. -webkit-filter: blur(1.5px)
  540. }
  541.  
  542.  
  543.  
  544. #link1 {
  545. position: fixed;
  546. bottom: 420px;
  547. left: 475px;
  548. z-index 99999999999999999999999999999999999999999999999999999;
  549.  
  550.  
  551. }
  552.  
  553.  
  554. #link2 {
  555. position: fixed;
  556. bottom: 390px;
  557. left: 475px;
  558. z-index 99999999999999999999999999999999999999999999999999999;
  559.  
  560.  
  561. }
  562.  
  563. #link3 {
  564. position: fixed;
  565. bottom: 360px;
  566. left: 475px;
  567. z-index 99999;
  568.  
  569. }
  570.  
  571. #link4 {
  572. position: fixed;
  573. bottom: 330px;
  574. left: 476px;
  575. z-index 99999;
  576.  
  577. }
  578.  
  579. #link5 {
  580. color:#caa884;
  581. position: fixed;
  582. bottom: 455px;
  583. left: 475px;
  584. z-index 99999;
  585.  
  586. }
  587.  
  588.  
  589. #desc {
  590. position: fixed;
  591. bottom: 322px;
  592. left: 110px;
  593. width: 340px;
  594. height: 11px;
  595. line-height: 180%;
  596. padding: 5px;
  597. color: #cccccc;
  598. font:normal 9px/1.5em fira sans, arial, sans-serif;
  599. word-wrap:break-word;
  600. text-align:left;
  601. letter-spacing:.20px;
  602. margin:0;
  603. overflow-x:hidden;
  604. background: #ffffff;
  605. z-index: -9999999999;
  606. border-top-right-radius:8px;
  607. border-bottom-right-radius:8px;
  608. -moz-box-shadow: -5px 0px #caa884;
  609. -webkit-box-shadow: -5px 0px #caa884;
  610. box-shadow: -5px 3px #caa884;
  611. }
  612.  
  613. #desc2 {
  614. position: fixed;
  615. bottom: 445px;
  616. left: 110px;
  617. width: 340px;
  618. height: 30px;
  619. line-height: 180%;
  620. padding: 5px;
  621. color: #cccccc;
  622. font:normal 9px/1.5em fira sans, arial, sans-serif;
  623. word-wrap:break-word;
  624. text-align:left;
  625. letter-spacing:.20px;
  626. margin:0;
  627. overflow-x:hidden;
  628. background: #ffffff;
  629. z-index: -9999999999;
  630. border-top-right-radius:8px;
  631. border-top-left-radius:8px;
  632. border-bottom-right-radius:8px;
  633. -moz-box-shadow: -5px 0px #caa884;
  634. -webkit-box-shadow: -5px 0px #caa884;
  635. box-shadow: -5px 0px #caa884;
  636. }
  637.  
  638.  
  639.  
  640. #desc4 {
  641. position: fixed;
  642. bottom: 345px;
  643. left: 110px;
  644. width: 340px;
  645. height: 88px;
  646. line-height: 180%;
  647. padding: 5px;
  648. color: #cccccc;
  649. font:normal 9px/1.5em fira sans, arial, sans-serif;
  650. word-wrap:break-word;
  651. text-align:left;
  652. letter-spacing:.20px;
  653. margin:0;
  654. overflow-x:hidden;
  655. background: #ffffff;
  656. z-index: -9999999;
  657. border-top-right-radius:8px;
  658. border-bottom-right-radius:8px;
  659. -moz-box-shadow: -5px 0px #caa884;
  660. -webkit-box-shadow: -5px 0px #caa884;
  661. box-shadow: -5px 0px #caa884;
  662. }
  663.  
  664. #plasterek {
  665. position: fixed;
  666. bottom: 322px;
  667. left: 110px;
  668. width: 40px;
  669. height: 195px;
  670. line-height: 180%;
  671. padding: 5px;
  672. color: #cccccc;
  673. font:normal 9px/1.5em fira sans, arial, sans-serif;
  674. word-wrap:break-word;
  675. text-align:left;
  676. letter-spacing:.20px;
  677. margin:0;
  678. overflow-x:hidden;
  679. background: #ffffff;
  680. z-index: -9999999999999999999999999999999;
  681. border-top-left-radius:8px;
  682. border-bottom-right-radius:8px;
  683. -moz-box-shadow: -5px 0px #caa884;
  684. -webkit-box-shadow: -5px 0px #caa884;
  685. box-shadow: -5px 3px #caa884
  686. }
  687.  
  688.  
  689. #jaeminio {
  690. position: fixed;
  691. bottom: 487px;
  692. left: 110px;
  693. width: 335px;
  694. height: 24px;
  695. line-height: 180%;
  696. padding: 5px;
  697. color: #cccccc;
  698. font:normal 9px/1.5em fira sans, arial, sans-serif;
  699. word-wrap:break-word;
  700. text-align:left;
  701. letter-spacing:.20px;
  702. margin:0;
  703. overflow-x:hidden;
  704. background: #dad1c5;
  705. z-index: -9999999;
  706. border-width:3px;
  707. border-color:white;
  708. border-style:solid;
  709. border-top-left-radius:8px;
  710. border-bottom-right-radius:8px;
  711. border-top-right-radius:8px;
  712.  
  713. }
  714.  
  715. #juhu {
  716. position: fixed;
  717. bottom: 498px;
  718. left: 322px;
  719. z-index: 9999;}
  720.  
  721.  
  722. #juhu img{
  723. height: 26px;
  724. animation: bbounce linear 2.5s;
  725. animation-iteration-count: infinite;
  726. transform-origin: 50% 50%;
  727.  
  728. /* Safari 4+, Android, Chrome */
  729. -webkit-animation: bbounce linear 2.5s;
  730. -webkit-animation-iteration-count: infinite;
  731. -webkit-transform-origin: 50% 50%;
  732.  
  733. }
  734.  
  735. @keyframes bbounce{
  736. 0% {transform:translate(0px,0px);}
  737. 50% {transform:translate(0px,10px);}
  738. 100% {transform:translate(0px, 0px);}
  739. }
  740.  
  741.  
  742.  
  743.  
  744. #chmurka1 {
  745. position: fixed;
  746. bottom: 355px;
  747. left: 465px;
  748. z-index: -99;
  749. }
  750.  
  751. #chmurka1 img{
  752. height: 25px;
  753.  
  754. }
  755.  
  756. #chmurka2 {
  757. position: fixed;
  758. bottom: 385px;
  759. left: 465px;
  760. z-index: -99;
  761. }
  762.  
  763. #chmurka2 img{
  764. height: 25px;
  765.  
  766. }
  767.  
  768. #chmurka3 {
  769. position: fixed;
  770. bottom: 415px;
  771. left: 465px;
  772. z-index: -99;
  773. }
  774.  
  775. #chmurka3 img{
  776. width: 25px;
  777.  
  778. }
  779.  
  780. #chmurka4 {
  781. position: fixed;
  782. bottom: 325px;
  783. left: 465px;
  784. z-index: -9999999999;
  785. }
  786.  
  787. #chmurka4 img{
  788. width: 25px;
  789.  
  790. }
  791.  
  792. #chmurka5 {
  793. position: fixed;
  794. bottom: 450px;
  795. left: 465px;
  796. z-index: -99;
  797. }
  798.  
  799. #chmurka5 img{
  800. height: 25px;
  801.  
  802. }
  803.  
  804. #jeno {
  805. position: fixed;
  806. bottom: 316px;
  807. left: 99px;
  808. z-index: -9;
  809.  
  810. }
  811.  
  812.  
  813.  
  814. #jeno img{
  815. height: 301px;
  816.  
  817. }
  818.  
  819.  
  820. #location {
  821. position: fixed;
  822. font-size: 6px;
  823. bottom: 325px;
  824. left: 375px;
  825. width:100px;
  826. z-index: 99999999;
  827.  
  828. }
  829.  
  830. #jenolek {
  831. position: fixed;
  832. bottom: 375px;
  833. left: 260px;
  834. width: 150px;
  835. height: 100px;
  836. line-height: 180%;
  837. padding: 5px;
  838. color: #a6555b;
  839. font:normal 9px/1.5em fira sans, arial, sans-serif;
  840. word-wrap:break-word;
  841. text-align:justify;
  842. letter-spacing:.20px;
  843. margin:0;
  844. overflow-x:hidden;
  845. }
  846.  
  847. #sanolek {
  848. position: fixed;
  849. bottom: 335px;
  850. left: 260px;
  851. width: 150px;
  852. height: 100px;
  853. line-height: 180%;
  854. padding: 5px;
  855. color: #a6555b;
  856. font:normal 9px/1.5em fira sans, arial, sans-serif;
  857. word-wrap:break-word;
  858. text-align:justify;
  859. letter-spacing:.20px;
  860. margin:0;
  861. overflow-x:hidden;
  862. }
  863.  
  864. #heart {
  865. position: fixed;
  866. bottom: 493px;
  867. left: 269px;
  868. z-index: 99999;
  869. }
  870.  
  871. #heart img{
  872. height: 26px;
  873.  
  874. }
  875.  
  876. #heart:hover {
  877. animation: heart linear 3s;
  878. animation-iteration-count: infinite;
  879. transform-origin: 50% 50%;
  880. -webkit-animation: heart linear 3s;
  881. -webkit-animation-iteration-count: infinite;
  882. -webkit-transform-origin: 50% 50%;
  883. -moz-animation: heart linear 3s;
  884. -moz-animation-iteration-count: infinite;
  885. -moz-transform-origin: 50% 50%;
  886. -o-animation: heart linear 3s;
  887. -o-animation-iteration-count: infinite;
  888. -o-transform-origin: 50% 50%;
  889. -ms-animation: heart linear 3s;
  890. -ms-animation-iteration-count: infinite;
  891. -ms-transform-origin: 50% 50%;}
  892.  
  893. @keyframes heart{
  894. 0% {opacity:1;
  895. transform: scaleX(1.00) scaleY(1.00);}
  896. 25% {opacity:1;
  897. transform: scaleX(1.25) scaleY(1.25);}
  898. 50% {opacity:1;
  899. transform: scaleX(1.5) scaleY(1.5);}
  900. 75% {opacity:1;
  901. transform: scaleX(1.25) scaleY(1.25);}
  902. 100% {opacity:1;
  903. transform: scaleX(1.00) scaleY(1.00);}
  904. }
  905.  
  906. @-moz-keyframes heart{
  907. 0% {opacity:1;
  908. -moz-transform: scaleX(1.00) scaleY(1.00);}
  909. 25% {opacity:1;
  910. -moz-transform: scaleX(1.25) scaleY(1.25);}
  911. 50% {opacity:1;
  912. -moz-transform: scaleX(1.5) scaleY(1.5);}
  913. 75% {opacity:1;
  914. -moz-transform: scaleX(1.25) scaleY(1.25);}
  915. 100% {opacity:1;
  916. -moz-transform: scaleX(1.00) scaleY(1.00);}
  917. }
  918.  
  919. @-webkit-keyframes heart {
  920. 0% {opacity:1;
  921. -webkit-transform: scaleX(1.00) scaleY(1.00);}
  922. 25% {opacity:1;
  923. -webkit-transform: scaleX(1.25) scaleY(1.25);}
  924. 50% {opacity:1;
  925. -webkit-transform: scaleX(1.50) scaleY(1.50);}
  926. 75% {opacity:1;
  927. -webkit-transform: scaleX(1.25) scaleY(1.25);}
  928. 100% {opacity:1;
  929. -webkit-transform: scaleX(1.00) scaleY(1.00);}
  930. }
  931.  
  932. @-o-keyframes heart {
  933. 0% {opacity:1;
  934. -o-transform: scaleX(1.00) scaleY(1.00);}
  935. 25% {opacity:1;
  936. -o-transform: scaleX(1.25) scaleY(1.25);}
  937. 50% {opacity:1;
  938. -o-transform: scaleX(1.50) scaleY(1.50);}
  939. 75% {opacity:1;
  940. -o-transform: scaleX(1.25) scaleY(1.25);}
  941. 100% {opacity:1;
  942. -o-transform: scaleX(1.00) scaleY(1.00);}
  943. }
  944.  
  945. @-ms-keyframes heart {
  946. 0% {opacity:1;
  947. -ms-transform: scaleX(1.00) scaleY(1.00);}
  948. 25% {opacity:1;
  949. -ms-transform: scaleX(1.25) scaleY(1.25);}
  950. 50% {opacity:1;
  951. -ms-transform: scaleX(1.50) scaleY(1.50);}
  952. 75% {opacity:1;
  953. -ms-transform: scaleX(1.25) scaleY(1.25);}
  954. 100% {opacity:1;
  955. -ms-transform: scaleX(1.00) scaleY(1.00);}
  956.  
  957.  
  958.  
  959.  
  960. }
  961.  
  962.  
  963.  
  964.  
  965.  
  966. .poplinks a {
  967. display:block;
  968. font-size:9px;
  969. text-align:center;
  970. margin-top:8px;
  971. padding:2px;
  972. letter-spacing:1px;
  973. border:1px solid #fff;
  974. color:#fff;
  975. width:500px;
  976. -webkit-transition: all .8s ease-in-out;
  977. -moz-transition: all .8s ease-in-out;
  978. -ms-transition: all .8s ease-in-out;
  979. -o-transition: all .8s ease-in-out;
  980. transition: all .8s ease-in-out;}
  981.  
  982. .poplinks a:hover {
  983. border:1px solid #fff;
  984. box-shadow:inset 500px 0 0 #fff;
  985. color:#000;
  986. -webkit-transition: all .8s ease-in-out;
  987. -moz-transition: all .8s ease-in-out;
  988. -ms-transition: all .8s ease-in-out;
  989. -o-transition: all .8s ease-in-out;
  990. transition: all .8s ease-in-out;}
  991.  
  992. /*pagination*/
  993.  
  994. footer {
  995. {block:ifinfinitescroll}
  996. {block:ifnotmanualload}
  997. display:none;
  998. {/block:ifnotmanualload}
  999. {/block:ifinfinitescroll}
  1000. text-align:center;
  1001. margin:0 auto 75px auto;
  1002. width:{select:post width}px;
  1003. text-transform:lowercase;
  1004. }
  1005.  
  1006. footer a {
  1007. font-weight:500;
  1008. font-size:.9em;
  1009. display:inline-block;
  1010. padding:10px 15px;
  1011. background:{color:posts};
  1012. border-bottom:1px solid {color:borders};
  1013. border-radius: 6px;
  1014. }
  1015.  
  1016. footer a:hover {
  1017. background-color:white;
  1018. color:#cccccc;
  1019. }
  1020.  
  1021. #infscr-loading {display:none!important;}
  1022.  
  1023. {block:ifinfinitescroll}
  1024. #pagination {display:none;}
  1025. {/block:ifinfinitescroll}
  1026.  
  1027. .nice {
  1028. position:fixed;
  1029. right:15px;
  1030. bottom:15px;
  1031. width:15px;
  1032. text-align:center;
  1033. padding:3px;
  1034. line-height:15px;
  1035. background:{color:posts};
  1036.  
  1037. }
  1038.  
  1039. /*posts*/
  1040.  
  1041. section {
  1042. margin:100px auto;
  1043. width:{select:post width}px;
  1044.  
  1045.  
  1046.  
  1047. }
  1048.  
  1049.  
  1050. article {
  1051. width:{select:post width}px;
  1052. background:{color:posts};
  1053. border-bottom:1px solid {color:borders};
  1054. margin-bottom:75px;
  1055. margin-left: 200px;
  1056. position:relative;
  1057. -webkit-transition: all 0.7s ease;
  1058. transition: all 0.7s ease;
  1059. -moz-transition: all 0.7s ease;
  1060. -o-transition: all 0.7s ease;
  1061.  
  1062. border-radius:10px;
  1063. -moz-box-shadow: -5px 0px #caa884;
  1064. -webkit-box-shadow: -5px 0px #caa884;
  1065. box-shadow: -5px 3px #caa884
  1066. }
  1067.  
  1068. article:hover {
  1069. -webkit-transition: all 0.7s ease;
  1070. transition: all 0.7s ease;
  1071. -moz-transition: all 0.7s ease;
  1072. -o-transition: all 0.7s ease;
  1073. -webkit-filter: grayscale(0%);
  1074. filter: grayscale(0%);
  1075. }
  1076.  
  1077. .ph {
  1078. position:relative;
  1079. overflow:hidden;
  1080. }
  1081.  
  1082. .ph img {
  1083. width:100%;
  1084. display:block;
  1085. }
  1086.  
  1087. .video * {
  1088. display:block;
  1089. min-width:100%;
  1090. }
  1091.  
  1092. /*text and captions*/
  1093.  
  1094. .con {padding:30px;}
  1095.  
  1096. .dated .con {padding-top:0px;}
  1097.  
  1098. .title {
  1099. color:{color:title};
  1100. font-size:1.2em;
  1101. }
  1102.  
  1103. .title, .quote {
  1104. line-height:1.5em;
  1105. font-size:1.2em;
  1106. }
  1107.  
  1108. .title a {color:{color:title};}
  1109.  
  1110. .title a:hover {color:{color:link};}
  1111.  
  1112. .title, a.read_more, .user, .label, .answerer {
  1113. text-transform:uppercase;
  1114. letter-spacing:1px;
  1115. font-weight:500;
  1116. }
  1117.  
  1118. .quote {font-style:italic;}
  1119.  
  1120. .source {margin-top:20px;}
  1121.  
  1122. article img, article li, article blockquote, article img {max-width:100%;}
  1123.  
  1124. /*captions*/
  1125.  
  1126. .comment {
  1127. margin:0;
  1128. padding:0 0 15px 0;
  1129. list-style:none;
  1130. }
  1131.  
  1132. article:not(.ccc) .comment:last-of-type {padding-bottom:0;}
  1133.  
  1134. .ccc .comment {padding:15px 30px;}
  1135.  
  1136. .ccc .comment:first-of-type {padding-top:30px;}
  1137.  
  1138. .ccc .comment:last-of-type {padding-bottom:30px;}
  1139.  
  1140. .comment:before, .chat li:before, ol.notes li:before {display:none;}
  1141.  
  1142. .user {
  1143. border:0!important;
  1144. display:block;
  1145. margin-bottom:10px;
  1146. font-size:.9em;
  1147. }
  1148.  
  1149. .answerer {
  1150. border:0!important;
  1151. margin-bottom:10px;
  1152. font-size:.9em;
  1153. }
  1154.  
  1155. .user a, .user {color:{color:link};}
  1156.  
  1157. .ted:first-of-type {padding-top:20px;}
  1158.  
  1159. /*audio*/
  1160.  
  1161. .player {
  1162. width:25px;
  1163. height:24px;
  1164. position:absolute;
  1165. left:30px;
  1166. top:calc(50% - 15px);
  1167. display:block;
  1168. overflow:hidden;
  1169. }
  1170.  
  1171. .hold {
  1172. position:relative;
  1173. display:block;
  1174. min-height:24px;
  1175. padding:20px 30px;
  1176. background:{color:accents};
  1177. }
  1178.  
  1179. .audio_info {
  1180. vertical-align:middle;
  1181. line-height:12px;
  1182. margin-left:60px;
  1183. max-width:calc(100% - 90px);
  1184. }
  1185.  
  1186. .audio_info span {
  1187. white-space:nowrap;
  1188. overflow:hidden;
  1189. text-overflow:ellipsis;
  1190. display:block;
  1191. }
  1192.  
  1193. .hold .track {
  1194. font-weight:500;
  1195. color:{color:title};
  1196. }
  1197.  
  1198. .spotify_audio_player {
  1199. height:80px;
  1200. border-radius:0!important;
  1201. }
  1202.  
  1203. /*asks*/
  1204.  
  1205. .q {
  1206. padding:30px;
  1207. background:{color:accents};
  1208. }
  1209.  
  1210. .as {
  1211. text-transform:lowercase;
  1212. color:{color:title};
  1213. font-weight:500;
  1214. }
  1215.  
  1216. .a {margin-top:15px}
  1217.  
  1218. /*chats*/
  1219.  
  1220. .chat {
  1221. margin:0;
  1222. padding:0;
  1223. list-style:none;
  1224. text-align:left;
  1225. }
  1226.  
  1227. .l {
  1228. padding:0 0 20px 0;
  1229. }
  1230.  
  1231. .l:last-child {
  1232. padding-bottom:0;
  1233. border:0;
  1234. }
  1235.  
  1236. .label {
  1237. color:{color:link};
  1238. display:inline-block;
  1239. font-size:.9em;
  1240. }
  1241.  
  1242. /*permalink and notes*/
  1243.  
  1244. .taggie {
  1245. float:right;
  1246. text-align:right;
  1247. }
  1248.  
  1249. .taggie svg {
  1250. height:16px;
  1251. width:16px;
  1252. vertical-align:middle;
  1253. fill:{color:text};
  1254. }
  1255.  
  1256. .taggie:hover svg {fill:{color:link};}
  1257.  
  1258. .when {
  1259. padding:20px 30px;
  1260. font-size:.9em;
  1261. line-height:1.2em;
  1262. }
  1263.  
  1264. .when .im {
  1265. width:22px;
  1266. height:22px;
  1267. margin-right:15px;
  1268. }
  1269.  
  1270. .rest, .im img {
  1271. display:inline-block;
  1272. vertical-align:top;
  1273. }
  1274.  
  1275. .im img {
  1276. width:22px;
  1277. height:22px;
  1278. }
  1279.  
  1280. .im img, .sm img, ol.notes li.note img.avatar {
  1281. -moz-border-radius:100%;
  1282. -webkit-border-radius:100%;
  1283. border-radius:100%;
  1284. }
  1285.  
  1286. .when a {display:inline-block;}
  1287.  
  1288. .when a:not(.d):not(.taggie)::after {
  1289. content:'•';
  1290. margin:0 5px;
  1291. }
  1292.  
  1293. .when a:last-of-type::after {display:none;}
  1294.  
  1295. .d {
  1296. display:block!important;
  1297. font-weight:500;
  1298. color:{color:link};
  1299. text-transform:uppercase;
  1300. letter-spacing:1px;
  1301. }
  1302.  
  1303.  
  1304. .like-b {
  1305. position:relative;
  1306. display:inline-block;
  1307. overflow:hidden;
  1308. vertical-align:middle;
  1309. }
  1310.  
  1311. .like-b .like_button iframe {
  1312. position:absolute;
  1313. top:0;
  1314. left:0;
  1315. bottom:0;
  1316. right:0;
  1317. z-index:2;
  1318. opacity:0.0000001;
  1319. }
  1320.  
  1321. .like-b .liked + .b {color:#D95E40;}
  1322.  
  1323. .like-b .liked + .b:after {content:'d';}
  1324.  
  1325. #in {
  1326. padding:30px 30px 0 30px;
  1327. font-size:.9em;
  1328. }
  1329.  
  1330. #in a {color:{color:link};}
  1331.  
  1332. ol.notes {
  1333. list-style-type:none;
  1334. padding:0px;
  1335. margin:0px;
  1336. font-size:.9em;
  1337. }
  1338.  
  1339. ol.notes li.note {
  1340. display:block;
  1341. margin:0 0 10px 30px;
  1342. padding:0;
  1343. line-height:15px;
  1344. }
  1345.  
  1346. ol.notes li.note img.avatar {
  1347. position:absolute;
  1348. left:-30px;
  1349. height:15px;
  1350. width:15px;
  1351. vertical-align:middle;
  1352. float:left;
  1353. display:inline-block;
  1354. }
  1355.  
  1356. .more_notes_link, .notes_loading {
  1357. display:block;
  1358. text-transform:lowercase;
  1359. font-weight:500;
  1360. text-align:left;
  1361. color:{color:title};
  1362. }
  1363.  
  1364. /* tags */
  1365.  
  1366. .tags {
  1367. padding:20px 30px;
  1368. font-size:.9em;
  1369. font-weight:500;
  1370. position:relative;
  1371. z-index:4;
  1372. {block:indexpage}
  1373. {block:ifClickForTags}
  1374. display:none;
  1375. {/block:ifClickForTags}
  1376. {/block:indexpage}
  1377. }
  1378.  
  1379. .ccc .tags, .mhm .tags {
  1380. padding-top:0;
  1381. margin-top:-15px;
  1382. }
  1383.  
  1384. .tags a {
  1385. display:inline;
  1386. color:rgba({RGBcolor:text},.5);
  1387. }
  1388.  
  1389. .tags a:hover {color:{color:link};}
  1390.  
  1391. .tags a:after {
  1392. content:'•';
  1393. margin:0 5px;
  1394. }
  1395.  
  1396. .tags a:last-of-type::after {display:none;}
  1397.  
  1398.  
  1399.  
  1400. {CustomCSS}
  1401.  
  1402.  
  1403.  
  1404. </style>
  1405.  
  1406.  
  1407. </head>
  1408.  
  1409. <body>
  1410.  
  1411.  
  1412. <div class="cc"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1413.  
  1414.  
  1415. <nav>
  1416. <div id="link1"><a href="/" title="home"><c><i class="fa fa-home"></i></c></a></div>
  1417. <div id="link2"><a href="/ask" title="ask"><c><i class="fa fa-envelope"></i></c></a></div>
  1418. <div id="link3"><a href="/submit" title="submit"><c><i class="fa fa-comment"></i></c></a></div>
  1419. <div id="link4"><a href="/eclipse" title="directory"><c><i class="fa fa-bookmark"></i></c></a></div>
  1420. <div id="link5" title="under dating ban. r/s status unknown to public"><c><i class="fa fa-heart"></i></c></div>
  1421. </nav>
  1422.  
  1423.  
  1424.  
  1425. <div id="chmurka1"><img src="https://66.media.tumblr.com/37914255da2ca2922dbe508762a62ac8/tumblr_pzh5q45Y211yx79cqo5_r1_1280.png"></div>
  1426.  
  1427. <div id="chmurka2"><img src="https://66.media.tumblr.com/37914255da2ca2922dbe508762a62ac8/tumblr_pzh5q45Y211yx79cqo5_r1_1280.png"></div>
  1428.  
  1429. <div id="chmurka3"><img src="https://66.media.tumblr.com/37914255da2ca2922dbe508762a62ac8/tumblr_pzh5q45Y211yx79cqo5_r1_1280.png"></div>
  1430.  
  1431. <div id="chmurka4"><img src="https://66.media.tumblr.com/37914255da2ca2922dbe508762a62ac8/tumblr_pzh5q45Y211yx79cqo5_r1_1280.png"></div>
  1432.  
  1433. <div id="chmurka5"><img src="https://66.media.tumblr.com/37914255da2ca2922dbe508762a62ac8/tumblr_pzh5q45Y211yx79cqo5_r1_1280.png"></div>
  1434.  
  1435. <div id="jeno"><img src="https://66.media.tumblr.com/b5d88ac1919867ad53d3444a8dad9982/tumblr_pzh5q45Y211yx79cqo6_r2_1280.png"></div>
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441. <div id="jenolek">hey sanio</div>
  1442.  
  1443. <div id="sanolek">Choi San aka </b></div>
  1444.  
  1445. <div id="desc"></div>
  1446.  
  1447. <div id="desc2"></div>
  1448.  
  1449.  
  1450. <div id="desc4"></div>
  1451.  
  1452. <div id="jaeminio"></div>
  1453.  
  1454. <div id="plasterek"></div>
  1455. <div id="location"><i class="fa fa-map-marker" aria-hidden="true"></i> SEOUL, South Korea
  1456. </div>
  1457.  
  1458. <div id="heart"><a href="#?w=500" rel="01" class="poplight">
  1459. <img src="https://66.media.tumblr.com/7b9ff1a298b88195c2215c2303b2d21b/tumblr_pzh5q45Y211yx79cqo4_r1_250.png"</a></div>
  1460.  
  1461.  
  1462.  
  1463. <div id="juhu"><a href="/"><img src="https://66.media.tumblr.com/d021992ce9b126a9f0f815ee1c98c7b9/tumblr_pzfjypeDi01yx79cqo1_r2_1280.png"</a></div>
  1464.  
  1465. <div id="statistics">
  1466. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5622930";
  1467. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1468. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=ATINY ONLINE &e2=ATINIES ONLINE &r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1469. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1470. </script>
  1471.  
  1472. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3340759";
  1473. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=VISITED&a=1";
  1474. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1475. </script>
  1476. </div>
  1477.  
  1478. <section>
  1479. {block:Posts}<article id="{PostID}" class="{block:Date}dated{/block:Date} {block:caption}ccc{/block:caption} {block:Answer}ccc{/block:Answer} {block:hastags}{block:Quote}mhm{/block:Quote}{block:Text}mhm{/block:Text}{block:Link}mhm{/block:Link}{block:Chat}mhm{/block:Chat}{/block:hastags}">
  1480.  
  1481. {block:Date}
  1482. <div class="when">{block:indexpage}{block:hastags}{block:ifClickForTags}<a class="taggie"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/></svg></a>{/block:ifClickForTags}{/block:hastags}{/block:indexpage}{block:RebloggedFrom}<a class="im" {block:haspermalink}href="{permalink}"{/block:haspermalink}><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom}{block:notreblog}<a class="im"><img src="{PortraitURL-64}"/></a>{/block:notreblog}<div class="rest"><a href="{Permalink}" target="_blank" class="d">{dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}" class="no">{notecountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank" class="r">reblog</a><a class="like-b">{LikeButton}<span class="b">like</span></a></div></div>
  1483. {/block:Date}
  1484.  
  1485. {block:Quote}<div class="con"><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  1486.  
  1487. {block:Text}<div class="con">{block:Title}<div class="title">{Title}</div>{/block:Title}{block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}ted{/block:Title}">{body}</li>{/block:NotReblog}</div>{/block:Text}
  1488.  
  1489. {block:Link}<div class="con"><div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{block:NotReblog}<li class="comment ted">{description}</li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Link}
  1490.  
  1491. {block:Chat}<div class="con">{block:Title}<div class="title">{Title}</div>{/block:Title}<ol class="chat {block:Title}ted{/block:Title}">{block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  1492.  
  1493. <div class="media"><div class="ph">
  1494. {block:Photo}{block:indexpage}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{/block:indexpage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:permalinkpage}{/block:Photo}
  1495.  
  1496. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
  1497.  
  1498. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1499.  
  1500. </div>
  1501.  
  1502. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  1503.  
  1504. {block:caption}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>{Caption}</li>{/block:NotReblog}{/block:caption}
  1505.  
  1506. </div>
  1507.  
  1508. {block:Answer}
  1509. <div class="q"><span class="as">{Asker} sent: </span>{Question}</div>
  1510. {block:Answerer}
  1511. <li class="comment"><span class="user">{answerer} replied: </span>{answer}</li>
  1512. {/block:Answerer}
  1513. {block:NotReblog}
  1514. <li class="comment reply">{replies}</li>
  1515. {/block:NotReblog}
  1516. {block:rebloggedfrom}
  1517. {block:reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}{username}</a>{body}</li>
  1518. {/block:Reblogs}
  1519. {/block:rebloggedfrom}
  1520. {/block:Answer}
  1521.  
  1522.  
  1523. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1524.  
  1525. </article>
  1526.  
  1527. {block:PostNotes}
  1528. <article class="pagenotes"><div id="in">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div><div class="con">{PostNotes}</div></article>
  1529. {/block:PostNotes}
  1530. {/block:Posts}
  1531.  
  1532. </section>
  1533.  
  1534. {block:Pagination}<footer>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<div class="pag"><a class="load">load more</a></div>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}<div id="pagination" class="pag">{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" {block:PreviousPage}style="margin-left:15px"{/block:PreviousPage}>next page</a>{/block:NextPage}</div></footer>{/block:pagination}
  1535.  
  1536.  
  1537. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="//static.tumblr.com/sas2ex2/lI6p30hwv/notes.js"></script>{block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1538. <script>
  1539. $(document).ready(function(){
  1540. $('body').tooltip({track:true});
  1541. $('.taggie').each(function() {
  1542. $(this).click(function() {$(this).closest('article').find('.tags').slideToggle(400);});
  1543. });
  1544. $('.photo-slideshow').pxuPhotoset({
  1545. lightbox: true,
  1546. rounded: false,
  1547. gutter: '2px',
  1548. photoset: '.photo-slideshow',
  1549. photoWrap: '.photo-data',
  1550. photo: '.pxu-photo'
  1551. });
  1552. $('iframe.tumblr_audio_player').load( function() {
  1553. $('iframe.tumblr_audio_player').contents().find("head").append($("='text/css'> .audio-player{background:{color:accents}!important} </style>"));
  1554. });
  1555. notes();
  1556. var $container = $('section');
  1557. {block:indexpage}
  1558. {block:ifinfinitescroll}
  1559. $container.infinitescroll({
  1560. itemSelector: 'article',
  1561. navSelector: '#pagination',
  1562. nextSelector: '#pagination a',
  1563. loadingImg: '',
  1564. loadingText: '<em></em>',
  1565. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1566. bufferPx: 3000
  1567. },
  1568. function( newElements ) {
  1569. var $newElems = $( newElements );
  1570. var $newID = $newElems.map(function(){return this.id;}).get();
  1571. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1572. $newElems.find('.photo-slideshow').pxuPhotoset({
  1573. lightbox: true,
  1574. rounded: false,
  1575. gutter: '2px',
  1576. photoset: '.photo-slideshow',
  1577. photoWrap: '.photo-data',
  1578. photo: '.pxu-photo'
  1579. });
  1580. $newElems.find('iframe.tumblr_audio_player').load( function() {
  1581. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents} !important} </style>"));
  1582. });
  1583. $newElems.find('.no').each(function(){
  1584. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1585. if (n > 999) {
  1586. n = Math.floor(n / 100) / 10;
  1587. $(this).text(n + 'k notes');
  1588. }
  1589. else if (n > 1 && n <= 999) {$(this).text(n + ' notes');}
  1590. else {$(this).text(n + ' note');}
  1591. });
  1592. resizeVideos();
  1593. $newElems.find('.taggie').each(function() {
  1594. $(this).click(function() {$(this).closest('article').find('.tags').slideToggle(400);});
  1595. });
  1596. });
  1597. {block:ifmanualload}
  1598. $(window).unbind('.infscr');
  1599. $('.load').click(function(){
  1600. $('footer').fadeTo("400", 0);
  1601. $container.delay(400).infinitescroll('retrieve').parent('body').find('.pag').parent().delay(400).fadeTo("400", 1);
  1602. });
  1603. {/block:ifmanualload}
  1604. {/block:ifinfinitescroll}{/block:indexpage}
  1605. });
  1606. </script>
  1607.  
  1608. {block:ContentSource}
  1609. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1610. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1611. {/block:SourceLogo}
  1612. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1613. {/block:ContentSource}
  1614. <a class="nice" href="https://sorrism.tumblr.com" target="_blank" title="theme by sorrism, tweaked with love, for sanio only <3">@</a>
  1615. </body>
  1616.  
  1617. <!-- layout by noveia / bravethemes --><div id="01" class="popup_block">
  1618.  
  1619.  
  1620. <center>hey <a href="/" title="it's said that im smiling for the most of my life and you are one of the reasons ♡"><i><b>you ♡</b></i></a></br> </center>
  1621. <a href="https://pyongs.tumblr.com/" title="my favourite honey baby kitten"><img src="https://66.media.tumblr.com/805afa9bdb373fcaab770beecd2544d4/tumblr_pl38uoC57f1y2rbb5o6_75sq.gif"</a>
  1622. <a href="https://morklvv.tumblr.com/" title="honestly the broest bro of them all"><img src="https://66.media.tumblr.com/7bb7349cb5e9ec0f4d86519843b0226f/tumblr_pl4uzlneZS1y2rbb5o1_75sq.gif"</a>
  1623. <a href="http://yevjin.tumblr.com/" title="tiniest superhero"><img src="https://66.media.tumblr.com/b9d30355f79a5ec7b1042bedf1948088/tumblr_pl4uork7TJ1y2rbb5o1_r1_75sq.gif"</a>
  1624. <a href="https://tynuna.tumblr.com/" title="ghostbuster TY hyung"><img src="https://66.media.tumblr.com/c89459cd1616f184d5d9bb829ec5de71/tumblr_pl4v4gm6XA1y2rbb5o1_75sq.gif"</a>
  1625. <a href="https://choiiries.tumblr.com/" title="tinijoo aka my personal muse"><img src="https://66.media.tumblr.com/287261ae413e8f35979bf5674ae4967d/tumblr_pl38uoC57f1y2rbb5o5_75sq.gif"</a>
  1626. <a href="https://teugo.tumblr.com/" title="sinnamon roll hyungie"><img src="https://66.media.tumblr.com/fdd321df3a1d84d62d4b4eedb2d47d64/tumblr_pl37csfx001y2rbb5o5_75sq.gif"</a>
  1627. <a href="https://afflie.tumblr.com/" title="lil ball of fluff"><img src="https://66.media.tumblr.com/d89ddc64a8bcc87ac853b17bf92f820d/tumblr_pl37csfx001y2rbb5o7_75sq.gif"</a>
  1628. <a href="https://glaciv.tumblr.com/" title="shane to my nate"><img src="https://66.media.tumblr.com/3f0119cf9b38931ae121ce7b5b5cb6e9/tumblr_pl38uoC57f1y2rbb5o4_75sq.gif"</a>
  1629. <a href="https://alifvrs.tumblr.com/" title="buzzfeed soulmate"><img src="https://66.media.tumblr.com/63bf1aaea50d873763912d25ce4bbdbc/tumblr_pl4w5an9TT1y2rbb5o1_75sq.gif"</a></br>
  1630.  
  1631. <a href="#?w=220" rel="01" class="poplight">
  1632.  
  1633.  
  1634. </div></div></div>
  1635.  
  1636.  
  1637.  
  1638.  
  1639. <!-- layout by noveia / bravethemes -->
  1640. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement