Advertisement
pasinoe

jieq

Jan 8th, 2019
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.55 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: breezeblocks 2.0 -- updated 1.6.2016
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13.  
  14. <!-- 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>
  15. $(document).ready(function() {
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel');
  18. var popURL = $(this).attr('href');
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1];
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade, .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove();
  36. });
  37. return false;
  38. });
  39. });
  40. </script><!-- poppups by noveia / bravetheme -->
  41.  
  42. <title>{title}</title>
  43.  
  44. <link rel="shortcut icon" href="{favicon}">
  45.  
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49. <!--Default Variables-->
  50.  
  51.  
  52. <meta name="color:Borders" content="#eeeeee"/>
  53. <meta name="color:Text Borders" content="#eeeeee"/>
  54. <meta name="color:Posts" content="#ffffff"/>
  55. <meta name="color:Accents" content="#fbfbfb"/>
  56. <meta name="color:Shadow" content="#eeeeee"/>
  57.  
  58. <meta name="if:Hide Tags" content="0"/>
  59. <meta name="if:Large Image" content="0"/>
  60. <meta name="if:Search Bar" content="0"/>
  61. <meta name="if:Infinite Scroll" content="0"/>
  62. <meta name="if:Manual Load" content="1"/>
  63. <meta name="if:Stretch Background" content="1"/>
  64.  
  65. <meta name="text:descrip" content="scrollable <i>description</i> here, so the <b>length</b> doesn't <u>matter</u>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."/>
  66. <meta name="text:title" content="title"/>
  67. <meta name="text:title2" content="second subtitle here"/>
  68. <meta name="text:hover1" content="hover1"/>
  69. <meta name="text:hover2" content="hover2"/>
  70. <meta name="text:hover3" content="hover3"/>
  71. <meta name="text:hover4" content="hover4"/>
  72. <meta name="text:quote" content="<u>short</u> quote otherwise it'll look ugly."/>
  73.  
  74. <meta name="text:name" content="JAN KOWALSKI"/>
  75. <meta name="text:dob" content="1 JAN 2018"/>
  76. <meta name="text:group" content="EKSO"/>
  77. <meta name="text:position" content="KLAUN"/>
  78. <meta name="text:agency" content="BIG HIT"/>
  79. <meta name="text:weight" content="90 KILO"/>
  80. <meta name="text:height" content="2 METRY"/>
  81.  
  82. <meta name="text:likes" content="LIKES (IT DOESN'T SCROLL SO KEEP IT QUITE SHORT)."/>
  83. <meta name="text:dislikes" content=" DISLIKES (IT DOESN'T SCROLL SO KEEP IT QUITE SHORT)."/>
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91. <meta name="select:Post Width" content="275" title="275px"/>
  92. <meta name="select:Post Width" content="300" title="300px"/>
  93. <meta name="select:Post Width" content="350" title="350px"/>
  94. <meta name="select:Post Width" content="400" title="400px"/>
  95. <meta name="select:Post Width" content="450" title="450px"/>
  96. <meta name="select:Post Width" content="500" title="500px"/>
  97. <meta name="select:Post Width" content="540" title="540px"/>
  98.  
  99. <meta name="select:Caption" content="def" title="Default"/>
  100. <meta name="select:Caption" content="inl" title="Inline"/>
  101. <meta name="select:Caption" content="hide def" title="Hide Default"/>
  102. <meta name="select:Caption" content="hide inl" title="Hide Inline"/>
  103.  
  104.  
  105. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/open-sans:n4,i4,n7,i7.js"></script>
  106. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  107. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  108. <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i" rel="stylesheet">
  109. <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" rel="stylesheet">
  110. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  111. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  112. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  113. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  114. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  115. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  116. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  117. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  118. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  119. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  120. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  121. <link href="https://fonts.googleapis.com/css?family=Charmonman" rel="stylesheet">
  122.  
  123. <script>
  124. (function($){
  125. $(document).ready(function(){
  126. $("[title],a[title],img[title]").style_my_tooltips({
  127. tip_follows_cursor:true,
  128. tip_delay_time:100,
  129. tip_fade_speed:300,
  130. attribute:"title"
  131. });
  132. });
  133. })(jQuery);
  134. </script>
  135.  
  136.  
  137. <!--CSS customization here. -->
  138.  
  139. <style type="text/css">
  140.  
  141. /** popups by noveia / bravethemes ; please don't delete credits **/
  142. #fade{
  143. display:none;
  144. background:#fff; /* change background */
  145. position:fixed;
  146. left:0;
  147. top:0;
  148. width:100%;
  149. height:100%;
  150. opacity:0; /* change how transparent you want the background */
  151. z-index:999; /* if this happens to go behind the popup, decrease the amount of 9's */
  152. }
  153. .popup_block{ /* the actual popup */
  154. display:none;
  155. background:#fff; /* change background */
  156. padding:10px;
  157. float:left;
  158. line-height:15px;
  159. position:fixed;
  160. top:50%;
  161. left:80%;
  162. border-radius:10px 10px 10px 10px;
  163. z-index:999999;
  164. /* if this happens to go behind the fade, increase the amount of 9's */
  165. }
  166.  
  167. .popup_block img {
  168. display:inline-block;
  169. opacity:.8;
  170. }
  171.  
  172. *html #fade{
  173. position:absolute;
  174. }
  175. *html .popup_block{
  176. position:absolute;
  177. }
  178. /** popups by noveia / bravethemes ; please don't delete credits **/
  179.  
  180. /*tumblr controls and lightbox*/
  181.  
  182. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  183.  
  184. .tmblr-lightbox img {opacity:0;}
  185.  
  186. .lightbox-caption {
  187. color:#556463!important;
  188. font-family:inherit!important;
  189. font-size:1em!important;
  190. font-weight:normal!important;
  191. text-shadow:none!important;
  192. }
  193.  
  194. .lightbox-image {
  195. -moz-box-shadow:none!important;
  196. -webkit-box-shadow:none!important;
  197. box-shadow:none!important;
  198. -moz-border-radius:3px!important;
  199. -webkit-border-radius:3px!important;
  200. border-radius:3px!important;
  201. padding:0px!important;
  202. border:3px solid {color:posts}!important;
  203. margin-top:-3px!important;
  204. margin-left:-3px!important;
  205. opacity:1!important;
  206. }
  207.  
  208. .vignette {opacity:0!Important;}
  209.  
  210. .iframe-controls--desktop {
  211. white-space:nowrap!important;
  212. -webkit-filter:invert(70%)!important;
  213. -moz-filter:invert(70%)!important;
  214. -ms-filter:invert(70%)!important;
  215. -o-filter:invert(70%)!important;
  216. filter:invert(70%)!important;
  217. top:5px!important;
  218. right:5px!important;
  219. opacity:.4!important;
  220. position:fixed!important;
  221. }
  222.  
  223. /*tooltip*/
  224.  
  225. .ui-tooltip {
  226. position:Absolute;
  227. z-index:99999999;
  228. padding-top:10px;
  229. }
  230.  
  231. .ui-tooltip-content {
  232. max-width:200px;
  233. margin:15px;
  234. z-index:99999999;
  235. padding:14px;
  236. line-height:100%;
  237. color:#556463;
  238. background-color:#556463;
  239. text-align:center;
  240. font-family:'roboto';
  241. border-radius:8px;
  242. text-transform:uppercase;
  243. }
  244.  
  245. /*scrollbar*/
  246.  
  247. ::-webkit-scrollbar {
  248. height:2px;
  249. width:4px;
  250. background:transparent;
  251. }
  252.  
  253. ::-webkit-scrollbar-thumb{
  254. border-radius:2px;
  255. -moz-border-radius:2px;
  256. -webkit-border-radius:2px;
  257. background:transparent;
  258. }
  259.  
  260. /*general*/
  261.  
  262. body {
  263. background:#e4eaea;
  264. color:#888888;
  265. font:9px/1.5em open-sans, arial, sans-serif;
  266. word-wrap:break-word;
  267. text-align:left;
  268. -moz-osx-font-smoothing:grayscale;
  269. -webkit-font-smoothing:antialiased;
  270. font-smoothing:antialiased;
  271. margin:0;
  272. }
  273.  
  274. a {
  275. color:#556463;
  276. text-decoration:none;
  277. }
  278.  
  279. a, svg {
  280. transition:all .3s linear;
  281. -webkit-transition:all .3s linear;
  282. -o-transition:all .3s linear;
  283. -moz-transition:all .3s linear;
  284. }
  285.  
  286. a, a img {cursor:pointer;}
  287.  
  288. a:hover {
  289. color:#a8acb3;
  290. text-decoration:none;
  291. }
  292.  
  293. img {
  294. opacity:1;
  295. border:0;
  296. text-decoration:none;
  297. max-width:100%;
  298. height:auto;
  299. display:block;
  300. }
  301.  
  302. blockquote {
  303. padding:.25em 0 .25em 15px;
  304. margin:.5em 0;
  305. border-left:1px solid {color:text borders};
  306. }
  307.  
  308. pre {
  309. padding:0;
  310. margin:0;
  311. line-height:inherit!important;
  312. background:transparent;
  313. font-family:inherit!Important;
  314. font-size:inherit!important;
  315. white-space:pre-wrap;
  316. white-space:-moz-pre-wrap;
  317. white-space:-pre-wrap;
  318. white-space:-o-pre-wrap;
  319. word-wrap:break-word;
  320. }
  321.  
  322. p {margin:1em 0;}
  323.  
  324. p:first-of-type {margin-top:0;}
  325.  
  326. p:last-of-type {margin-bottom:0;}
  327.  
  328. b, strong, bold { font-weight:bold;font-size:95%; color:#556463; font-family:'roboto'; text-shadow: 1px 1px 1px #556463; letter-spacing:1px;
  329. }
  330.  
  331. i, italic { font-size:8px;letter-spacing:1px;font-family:'shorelines'; }
  332.  
  333. ol, ul {
  334. list-style:none;
  335. text-align:left;
  336. padding-left:0;
  337. }
  338.  
  339. li {
  340. position:relative;
  341. padding:.25em 0 .25em 25px;
  342. margin-left:15px;
  343. }
  344.  
  345. ol li {counter-increment:list;}
  346.  
  347. ol li:before, ul li:before {
  348. left:0;
  349. position:absolute;
  350. vertical-align:baseline!important;
  351. }
  352.  
  353. ol li:before {content:counter(list) '.';}
  354.  
  355. ul li:before {
  356. content:'○';
  357. margin-top:-1px;
  358. vertical-align:middle!important;
  359. }
  360.  
  361. .chat li:before, .pagenotes li:before {display:none;}
  362.  
  363. .chat li {margin:0;}
  364.  
  365. small, big, sub, pre {
  366. font-size:1em!important;
  367. line-height:1.4em!important;
  368. vertical-align:baseline!important;
  369. }
  370.  
  371. h1, h2, h3, h4 {
  372. margin:1.5em 0;
  373. font-size:1.5em;
  374. padding:0;
  375. color:#556463;
  376. font-weight:normal;
  377. }
  378.  
  379. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  380.  
  381. hr {
  382. border:none;
  383. box-shadow:0;
  384. margin:2em auto;
  385. width:25px;
  386. border-top:2px solid #9b8977;
  387. }
  388.  
  389. aside, form, footer, article {
  390. -webkit-animation-name: fade-in;
  391. -webkit-animation-duration: 1.5s;
  392. }
  393.  
  394. /*aside*/
  395.  
  396. aside {
  397. width:200px;
  398. top:100px;
  399. position:fixed;
  400. }
  401.  
  402. aside, .posts, footer a {
  403. background:{color:posts};
  404. border-radius:2px;
  405. -moz-border-radius:2px;
  406. -webkit-border-radius:2px;
  407. box-shadow:0px 1px 2px {color:shadow};
  408. -webkit-box-shadow:0px 1px 2px {color:shadow};
  409. -moz-box-shadow:0px 1px 2px {color:shadow};
  410.  
  411. }
  412.  
  413. .ui-tooltip-content {
  414. background:#556463;
  415. border-radius:7px;
  416. text-transform:none;
  417. color:white;
  418. font-family:'roboto';
  419. opacity:.9;
  420. }
  421.  
  422. .right {left:calc(50% + {select:post width}px / 2 + {block:ifSidebarImage}{block:ifnotLargeImage}136{/block:ifnotLargeImage}{block:ifLargeImage}75{/block:ifLargeImage}{/block:ifSidebarImage}{block:ifnotSidebarImage}75{/block:ifnotSidebarImage}px);}
  423.  
  424. .left {left:calc(50% - {select:post width}px / 2 - 275px);}
  425.  
  426. .btit {
  427. padding:calc(23px - .75em) 15px;
  428. font-size:1.3em;
  429. line-height:1.5em;
  430. text-transform:uppercase;
  431. letter-spacing:2px;
  432. display:block;
  433. position:relative;
  434. color:{color:blog title};
  435. }
  436.  
  437. .btit:after {
  438. content:'';
  439. width:25px;
  440. height:2px;
  441. background:#9b8977;
  442. top:calc(100% - 2px);
  443. position:absolute;
  444. left:15px;
  445. }
  446.  
  447. .desc {
  448. color:#888888;
  449. font-size:7px;
  450. position:fixed;
  451. z-index:9;
  452. font-style:bold;
  453. bottom:225px;
  454. text-align:center;
  455. left:30px;
  456. overflow:auto;
  457. width:190px;
  458. height:60px;
  459. padding:15px;
  460. background-color:#fff;
  461. line-height:10px;
  462. text-transform:uppercase;
  463. border-radius:0 0 5px 0;
  464. -webkit-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  465. -moz-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  466. box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  467. }
  468.  
  469. .likes {
  470. position:fixed;
  471. bottom:174px;
  472. left:30px;
  473. background: #fff;
  474. overflow:auto;
  475. width:85px;
  476. padding:2px;
  477. padding-left:5px;
  478. padding-top:5px;
  479. height:43px;
  480. font-family:'roboto';
  481. font-size:7px;
  482. text-transform:uppercase;
  483. z-index:99;
  484. text-align:center;
  485. }
  486.  
  487. .dislikes {
  488. position:fixed;
  489. bottom:174px;
  490. left:123px;
  491. background: #fff;
  492. overflow:auto;
  493. width:88px;
  494. padding:2px;
  495. padding-left:5px;
  496. padding-top:5px;
  497. height:43px;
  498. font-family:'roboto';
  499. font-size:7px;
  500. padding-right:10px;
  501. text-transform:uppercase;
  502. z-index:99;
  503. text-align:center;
  504. }
  505.  
  506. .hover1 {
  507. position:fixed;
  508. bottom:153.5px;
  509. left:30px;
  510. background:#849796;
  511. overflow:auto;
  512. width:200px;
  513. height:20.5px;
  514. z-index:99;
  515. }
  516.  
  517. .hover2 {
  518. position:fixed;
  519. bottom:132px;
  520. left:30px;
  521. background: #7a8e8c;
  522. overflow:auto;
  523. width:200px;
  524. height:20px;
  525. z-index:99;
  526. }
  527.  
  528. .hover3 {
  529. position:fixed;
  530. bottom:111px;
  531. left:30px;
  532. background: #677978;
  533. overflow:auto;
  534. width:200px;
  535. height:20px;
  536. z-index:99;
  537. }
  538.  
  539. .hover4 {
  540. position:fixed;
  541. bottom:90.5px;
  542. left:30px;
  543. background: #556463;
  544. overflow:auto;
  545. width:200px;
  546. height:20px;
  547. z-index:99;
  548. }
  549.  
  550. .navi {
  551. position:fixed;
  552. bottom:64px;
  553. left:25px;
  554. z-index:99;
  555. width:auto;
  556. padding:5px;
  557. background:transparent;
  558. z-index:99999;
  559. }
  560.  
  561. .navi a {
  562. display: inline-block;
  563. background-color: #556463;
  564. font-size: 8px;
  565. text-align:center;
  566. text-transform: uppercase;
  567. color: white;
  568. width:96px;
  569. height:12px;
  570. margin-top:3px;
  571. text-shadow: 1px 1px 1px #fff;
  572. padding:4px;
  573. font-family: 'roboto';
  574. -webkit-transition: all 0.4s ease-out;
  575. z-index:9;
  576. -webkit-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  577. -moz-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  578. box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  579. }
  580.  
  581. .navi a:hover {
  582. background-color: #fff;
  583. color:#556463;
  584. letter-spacing:2px;
  585. }
  586.  
  587. .stats {
  588. position:fixed;
  589. z-index:99999;
  590. background: transparent;
  591. text-align: center;
  592. text-transform: uppercase;
  593. font-size: 7px;
  594. padding: 3px;
  595. left: 210px;
  596. bottom: 86px;
  597. color:#888888;
  598. }
  599.  
  600.  
  601. .blank {
  602. position:fixed;
  603. bottom:220px;
  604. left:290px;
  605. background:#849796;
  606. width:163px;
  607. height:92px;
  608. z-index:9;
  609. -webkit-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  610. -moz-box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  611. box-shadow: -2px 11px 204px 3px rgba(166,154,155,0.5);
  612. }
  613.  
  614. .blank2 {
  615. position:fixed;
  616. bottom:89px;
  617. left:290px;
  618. background:#fff;
  619. overflow:auto;
  620. width:163px;
  621. height:130px;
  622. z-index:9;
  623. text-align:left;
  624. font-size:7px;
  625. line-height:13px;
  626. }
  627.  
  628.  
  629. #xx2 {
  630. position:fixed;
  631. background-color:transparent;
  632. z-index:1;
  633. font-size:80px;
  634. left:30px;
  635. text-transform: uppercase;
  636. bottom:339px;
  637. font-family:'austral';
  638. letter-spacing:23px;
  639. text-align: center;
  640. color:white;
  641.  
  642. }
  643.  
  644. @font-face { font-family: "austral"; src: url('https://dl.dropboxusercontent.com/s/sxogr82s2pntq4d/Austral-Sans_Stamp-Regular.ttf'); format("truetype");}
  645. @font-face { font-family: "milkshake"; src: url('https://dl.dropboxusercontent.com/s/yulpjyuye5wnfpu/Milkshake.ttf'); format("truetype");}
  646. @font-face { font-family: "syabab"; src: url('https://dl.dropboxusercontent.com/s/fgd30kqtjm4fvh5/Syabab%20FREE%20TESTER.ttf'); format("truetype");}
  647. @font-face{ font-family:"shorelines"; src: url('https://dl.dropboxusercontent.com/s/gdujrcvp8lg7yvq/Shorelines_Script_Bold%5B1%5D.otf’)'); }
  648.  
  649.  
  650.  
  651.  
  652. #xx3 {
  653. position:fixed;
  654. background-color:#e4eaea;
  655. z-index:1;
  656. font-size:18px;
  657. left:-38px;
  658. bottom:315px;
  659. font-family:'arial';
  660. text-transform: uppercase;
  661. text-align: center;
  662. letter-spacing:8px;
  663. padding-left:45px;
  664. margin-left:26px;
  665. opacity:0.7;
  666. color:#ffffff;
  667. }
  668.  
  669. @font-face { font-family: "zipper"; src: url('https://dl.dropboxusercontent.com/s/vgwknx208e7fdht/Zipper-Regular.ttf'); format("truetype");}
  670.  
  671.  
  672.  
  673. /*pagination*/
  674.  
  675. footer {
  676. width:{select:post width}px;
  677. margin:0 auto 100px auto;
  678. text-align:center;
  679. {block:ifinfinitescroll}
  680. {block:ifnotmanualload}
  681. display:none;
  682. {/block:ifnotmanualload}
  683. {/block:ifinfinitescroll}
  684. }
  685.  
  686. footer a {
  687. padding:10px 15px;
  688. -moz-border-radius:2px;
  689. -webkit-border-radius:2px;
  690. border-radius:2px;
  691. font-size:.9em;
  692. display:inline-block;
  693. text-transform:uppercase;
  694. letter-spacing:1px;
  695. background:{color:posts};
  696. }
  697.  
  698. #pagination {
  699. text-align:right;
  700. {block:ifinfinitescroll}
  701. display:none;
  702. {/block:ifinfinitescroll}
  703. }
  704.  
  705. #plain {
  706. float:left;
  707. text-align:left;
  708. }
  709.  
  710. #infscr-loading {display:none!important;}
  711.  
  712. .nice {
  713. position:fixed;
  714. right:15px;
  715. bottom:10px;
  716. width:15px;
  717. height:15px;
  718. z-index:6;
  719. font-size:8px;
  720. line-height:15px;
  721. text-align:center;
  722. background:white;
  723. border-radius:30px;
  724. padding:1px;
  725. }
  726.  
  727. /*posts*/
  728.  
  729. section {
  730. width:{select:post width}px;
  731. margin:100px auto;
  732. }
  733.  
  734. article {
  735. width:{select:post width}px;
  736. position:relative;
  737. margin-bottom:75px;
  738. }
  739.  
  740. .posts {
  741. -moz-border-radius:2px;
  742. -webkit-border-radius:2px;
  743. border-radius:2px;
  744. overflow:hidden;
  745. }
  746.  
  747. .ph {
  748. position:relative;
  749. overflow:hidden;
  750. }
  751.  
  752. .ph img {
  753. width:100%;
  754. display:block;
  755. }
  756.  
  757. .video * {
  758. display:block;
  759. min-width:100%;
  760. }
  761.  
  762. a.read_more {text-transform:lowercase;}
  763.  
  764. a.tumblr_blog {
  765. display:inline-block;
  766. margin-bottom:5px;
  767. }
  768.  
  769. /*titles*/
  770.  
  771. .title {
  772. color:#556463;
  773. font-size:1.3em;
  774. line-height:1.4em;
  775. padding:15px;
  776. }
  777.  
  778. .title a {color:#556463;}
  779.  
  780. .title a:hover {color:#556463;}
  781.  
  782. .tex, .source, .caption, .a {padding:15px;}
  783.  
  784. .ted {margin-top:-15px;}
  785.  
  786. /*captions*/
  787.  
  788. .ugh .caption {border-top:1px solid {color:borders};}
  789.  
  790. .inl.ree .caption p:first-of-type, .inl.ree .caption blockquote:first-of-type, .inl.ree .text p:first-of-type, .inl.ree .text blockquote:first-of-type {display:inline;}
  791.  
  792. .inl.ree .caption p:first-of-type::after {content:' ';}
  793.  
  794. .inl.ree .caption blockquote:first-of-type, .inl.ree .text blockquote:first-of-type {
  795. border:0;
  796. padding:0;
  797. }
  798.  
  799. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  800.  
  801. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  802.  
  803. .caption *:last-child, .a *:last-child, .text *:last-child {
  804. margin-bottom:0!important;
  805. padding-bottom:0!Important;
  806. }
  807.  
  808. /*asks*/
  809.  
  810. .q {
  811. padding:15px;
  812. background:#eef1f1;
  813. position:relative;
  814. color:#888;
  815. border-radius:40px;
  816. margin:10px;
  817. text-align:left;
  818. font-size:9px;
  819. }
  820.  
  821. .as, .as a {
  822. color:#888;
  823. text-transform:lowercase;
  824. margin:10px;
  825. font-size:10px;
  826. }
  827.  
  828. /*chat*/
  829.  
  830. .chat {
  831. padding:0;
  832. margin:0;
  833. list-style:none;
  834. }
  835.  
  836. .l.odd {background:{color:accents};}
  837.  
  838. .l {
  839. padding:15px;
  840. border-bottom:1px solid {color:borders};
  841. }
  842.  
  843. .l:last-of-type {border:0;}
  844.  
  845. .label {color:#556463;}
  846.  
  847. /*audio*/
  848.  
  849. .tumblr_audio_player {
  850. width:{select:post width}px;
  851. height:30px;
  852. margin-top:-2px;
  853. }
  854.  
  855. .player {
  856. width:25px;
  857. height:24px;
  858. position:absolute;
  859. left:15px;
  860. opacity:.5;
  861. top:calc(50% - 12px);
  862. display:block;
  863. overflow:hidden;
  864. }
  865.  
  866. .hold {
  867. background:{color:accents};
  868. position:relative;
  869. display:block;
  870. min-height:24px;
  871. padding:15px;
  872. }
  873.  
  874. .audio_info {
  875. vertical-align:middle;
  876. margin-left:40px;
  877. max-width:calc(100% - 40px);
  878. }
  879.  
  880. .audio_info span {
  881. white-space:nowrap;
  882. overflow:hidden;
  883. text-overflow:ellipsis;
  884. display:block;
  885. }
  886.  
  887. .hold .artist {color:rgba({RGBcolor:text},.7);}
  888.  
  889. /*permalink and notes*/
  890.  
  891. .when {
  892. padding:calc(23px - .75em) 15px;
  893. text-transform:uppercase;
  894. letter-spacing:1px;
  895. border-bottom:0px solid {color:borders};
  896. }
  897.  
  898. .when a {
  899. display:inline-block;
  900. font-size:.9em;
  901. }
  902.  
  903. .when svg {
  904. width:12px;
  905. margin:-1px 15px 0 0;
  906. display:inline-block;
  907. fill:#888;
  908. vertical-align:middle;
  909. }
  910.  
  911. .when a:hover svg {fill:#9b8977;}
  912.  
  913. .rr {
  914. float:right;
  915. text-align:right;
  916. }
  917.  
  918. .rr a {
  919. height:1em;
  920. position:relative;
  921. display:inline-block;
  922. }
  923.  
  924. .rr svg {margin:0 0 0 15px;}
  925.  
  926. .like:hover svg {fill:#556463;}
  927.  
  928. .like .liked + svg {fill:#D95E40;}
  929.  
  930. .like_button {cursor:pointer;}
  931.  
  932. .like_button iframe {
  933. position:absolute;
  934. opacity:0.0000001;
  935. top:0;
  936. bottom:0;
  937. right:0;
  938. z-index:2;
  939. }
  940.  
  941. #permalink {
  942. padding:15px;
  943. font-size:.9em;
  944. text-transform:uppercase;
  945. letter-spacing:1px;
  946. }
  947.  
  948. .nope {padding-top:0!important;}
  949.  
  950. #permalink a {color:#888;}
  951.  
  952. .inf {
  953. padding:15px;
  954. {block:ifhidetags}
  955. {block:indexpage}
  956. display:none;
  957. {/block:indexpage}
  958. {/block:ifhidetags}
  959. }
  960.  
  961. .inf svg {
  962. height:12px;
  963. display:inline-block;
  964. fill:#556463;
  965. vertical-align:middle;
  966. width:12px;
  967. margin-top:-2px;
  968. }
  969.  
  970. .inf .mm {
  971. display:inline-block;
  972. position:absolute;
  973. padding-right:15px;
  974. z-index:2;
  975. left:15px;
  976. width:15px;
  977. }
  978.  
  979. .inf .mm:before {
  980. content:'';
  981. width:30px;
  982. top:0;
  983. z-index:-1;
  984. bottom:0;
  985. left:0px;
  986. position:absolute;
  987. background:-moz-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  988. background:-webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  989. background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  990. background:-o-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  991. background:-ms-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  992. background:linear-gradient(to left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  993. }
  994.  
  995. .tags {
  996. position:relative;
  997. padding-left:30px;
  998. {block:indexpage}
  999. overflow:hidden;
  1000. white-space:nowrap;
  1001.  
  1002. {/block:indexpage}
  1003. }
  1004.  
  1005. {block:indexpage}
  1006. .tags_inner {
  1007. padding:0px 40px 0px 0;
  1008. position:relative;
  1009. float:left;
  1010. font-family:'arial';
  1011. }
  1012.  
  1013. .tags.draggable .tags_inner {
  1014. -webkit-touch-callout:none;
  1015. -webkit-user-select:none;
  1016. -khtml-user-select:none;
  1017. -moz-user-select:none;
  1018. -ms-user-select:none;
  1019. user-select:none;
  1020. }
  1021.  
  1022. .tags:after {
  1023. content:'';
  1024. width:20px;
  1025. top:0;
  1026. bottom:0;
  1027. right:0;
  1028. position:absolute;
  1029. background:
  1030. -moz-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1031. background:
  1032. -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  1033. background:
  1034. -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1035. background:
  1036. -o-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1037. background:
  1038. -ms-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1039. background:
  1040. linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1041. }
  1042. {/block:indexpage}
  1043.  
  1044. .tags a {
  1045. margin-right:10px;
  1046. display:inline;
  1047. text-transform:uppercase;
  1048. letter-spacing:1px;
  1049. font-size:.9em;
  1050. font-family:'arial';
  1051. }
  1052.  
  1053. .pagenotes .title {border-bottom:1px solid {color:borders};}
  1054.  
  1055. ol.notes {
  1056. list-style-type:none;
  1057. padding:10px 15px;
  1058. margin:0px;
  1059. overflow-y:auto;
  1060. max-height:300px;
  1061. }
  1062.  
  1063. ol.notes li.note {
  1064. display:block;
  1065. font-size:.9em;
  1066. text-transform:uppercase;
  1067. letter-spacing:1px;
  1068. padding:5px 0;
  1069. margin:0;
  1070. }
  1071.  
  1072. ol.notes li.note:nth-child(odd) * {color:#888;}
  1073.  
  1074. ol.notes li.note:nth-child(even) * {color:rgba({RGBcolor:text},.7);}
  1075.  
  1076. ol.notes li.note img.avatar {display:none!important;}
  1077.  
  1078. .more_notes_link,.notes_loading {
  1079. display:block;
  1080. text-align:left!important;
  1081. color:#556463;
  1082. }
  1083.  
  1084. #top {
  1085. position:fixed;
  1086. left:0;
  1087. right:0;
  1088. top:0;
  1089. z-index:12;
  1090. background:{color:posts};
  1091. height:calc(3em + 10px);
  1092. border-bottom:1px solid {color:borders};
  1093. }
  1094.  
  1095. input[type="search"] {
  1096. -webkit-appearance:textfield;
  1097. -moz-box-sizing:content-box;
  1098. -webkit-box-sizing:content-box;
  1099. box-sizing:content-box;
  1100. }
  1101.  
  1102. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  1103.  
  1104. .search-form {
  1105. border:none;
  1106. display:block;
  1107. width:{select:post width}px;
  1108. position:Relative;
  1109. margin:5px auto;
  1110. height:3em!important;
  1111. line-height:3em!important;
  1112. }
  1113.  
  1114. form svg {
  1115. height:12px;
  1116. display:inline-block;
  1117. position:absolute;
  1118. left:15px;
  1119. top:calc(50% - 6px);
  1120. fill:#888;
  1121. vertical-align:middle;
  1122. }
  1123.  
  1124. .search-form input {
  1125. width:calc({select:post width}px - 50px);
  1126. position:Relative;
  1127. padding:0 5px!important;
  1128. margin-left:40px;
  1129. height:3em!important;
  1130. font-size:.9em;
  1131. background:{color:posts};
  1132. text-transform:uppercase;
  1133. font-family:open-sans, arial, sans-serif;
  1134. letter-spacing:1px;
  1135. display:block;
  1136. outline:none;
  1137. border:0;
  1138. transition:0.8s;
  1139. -o-transition-duration:0.8s;
  1140. -webkit-transition-duration:0.8s;
  1141. -moz-transition-duration:0.8s;
  1142. }
  1143.  
  1144. .search-form input[type=text] {color:#888;}
  1145.  
  1146. .search-form input:focus{
  1147. outline:none;
  1148. background:{color:accents};
  1149. transition:0.8s;
  1150. -o-transition-duration:0.8s;
  1151. -webkit-transition-duration:0.8s;
  1152. -moz-transition-duration:0.8s;
  1153. }
  1154.  
  1155. input::-webkit-input-placeholder {color:#888;}
  1156.  
  1157. input::-moz-placeholder {color:#888;}
  1158.  
  1159. input:-moz-placeholder {color:#888;}
  1160.  
  1161. input:-ms-input-placeholder {color:#888;}
  1162.  
  1163. {customCss}
  1164.  
  1165. </style>
  1166.  
  1167. </head>
  1168. <body>
  1169.  
  1170. <img src='https://i.imgur.com/ByMS46a.jpg' width=250 style='position:fixed;bottom:82.5px;left:150px;z-index:999'/>
  1171.  
  1172. <a href="#?w=320" rel="01" class="poplight"><img src='https://78.media.tumblr.com/ee9e8ac6a54abc3613bbabdd679e434b/tumblr_p918d87CD11xu51lzo1_400.gif' width=110 style='transform:rotate(56deg);position:fixed;bottom:330px;left:288px;z-index:99999;opacity:.8'/></a>
  1173.  
  1174. <a href="#?w=320" rel="02" class="poplight"><img src='https://static.tumblr.com/6oysso7/gREls7lul/1favicon__13_.ico' width=10 style='transform:rotate(-20deg);position:fixed;bottom:250px;left:280px;z-index:9999;opacity:.8'/></a>
  1175.  
  1176. <img src='https://media.giphy.com/media/l2JhIFkIowUP6PBBe/giphy.gif' width=230 style='position:fixed;bottom:310px;left:70px;z-index:-9;opacity:1'/>
  1177.  
  1178. <a title="disclaimer! this is just roleplay blog only under closed polish directory eclipse. in no way associated with the character i'm portraying nor her group!"><img src='https://66.media.tumblr.com/dee2347985711c39a1ae786de5703d2a/tumblr_phd21bN6jI1xutn2ho1_75sq.gif' width=55 style='position:fixed;bottom:284px;left:425px;z-index:99999;opacity:.8'/></a>
  1179.  
  1180.  
  1181. <div class="stats">
  1182.  
  1183. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5594455";
  1184. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1185. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1186. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1187. </script>
  1188. //
  1189. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3323052";
  1190. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  1191. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1192. </script>
  1193. </div>
  1194.  
  1195.  
  1196. <div class="desc"><div style="overflow:auto; width: 168px;; background-color:transparent; text-align:center;padding-right:10px;height:62px;">
  1197. <b>zhou jieqiong,</b> born on december 16th 1998 in Zhejiang Province, China. Fresh vocalist and <u>visual</u> of <b>PRISTIN </b>and formerly a member of Produce 101's project girl group,<u> I.O.I.</u> She debuted as soloist with song <i>WHY</i> in 2018
  1198. </div></div>
  1199.  
  1200.  
  1201.  
  1202. <div class="likes">
  1203. <b><i class="fa fa-heart"></i> </b> {text:likes}
  1204. </div>
  1205. <div class="dislikes"><div style="padding-right:8px">
  1206. <b><i class="fa fa-remove"></i></b> {text:dislikes}
  1207. </div></div>
  1208.  
  1209. <a title="{text:hover1}"><div class="hover1"></div></a>
  1210. <a title="{text:hover2}"><div class="hover2"></div></a>
  1211. <a title="{text:hover3}"><div class="hover3"></div></a>
  1212. <a title="{text:hover4}"><div class="hover4"></div></a>
  1213.  
  1214. <div class="blank"><div style="width:80px;padding-left:70px;padding-top:10px;padding-bottom:20px"><i class="fa fa-quote-left" style="font-size:18px;color:#fff"></i><div style="word-spacing: 5px;text-align:right;padding-left:1px;font-size:9.5px;color:white;font-family:'shorelines'"> i can be your china doll </div></div></div>
  1215. <div class="blank2"><div style="padding-left:72px;padding-top:8px;padding-bottom:2px;text-align:left"><center><b>* </b><i>basic profile</i><b>:</b></center>
  1216. — <b>name</b>: {text:name} <br>
  1217. — <b>dob</b>: {text:dob} <br>
  1218. — <b>group</b>: {text:group} <br>
  1219. — <b>position</b>: {text:position} <br>
  1220. — <b>agency</b>: {text:agency} <br>
  1221. — <b>weight</b>: {text:weight} <br>
  1222. — <b>height</b>: {text:height} <br>
  1223. <center>— <a href="/profile"><i><b>more info!</b></i></a></center>
  1224. </div></div>
  1225.  
  1226.  
  1227. <div class="navi">
  1228. <a href="/"><i class="fa fa-home"></i> refresh </a>
  1229. <a href="/ask"><i class="fa fa-question"></i> INQUIRE</a>
  1230. <a href="/submit"><i class="fa fa-user"></i> SUBMIT</a>
  1231. <a href="https://rp-eclipse.tumblr.com/"><i class="fa fa-tags"></i> DIRECTORY</a>
  1232. </div>
  1233.  
  1234. <div id="xx2">i am</div>
  1235. <div id="xx3"><b><font style="font-family:'shorelines';text-shadow: 1px 1px 1px #556463">just like porcelain.</font></b></div>
  1236.  
  1237.  
  1238. <section id="entries">
  1239.  
  1240. {block:Posts}
  1241.  
  1242. <article id="{PostID}" class="{select:caption} {select:Caption}{block:RebloggedFrom} ree{/block:RebloggedFrom}"><div class="posts {block:audio}ugh{/block:audio}">
  1243.  
  1244. {block:date}<div class="when"><span class="rr"><a href="{ReblogURL}" target="_blank" class="r"><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="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a><a class="like">{LikeButton}<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="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span><a href="{permalink}" target="_blank"><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="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> {month} {dayofmonth}{dayofmonthsuffix}</a></div>{/block:date}
  1245.  
  1246.  
  1247. {block:Quote}<div class="title quote">{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  1248.  
  1249. {block:Text}
  1250. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1251. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  1252. {/block:Text}
  1253.  
  1254. {block:Link}
  1255. <div class="title"><a href="{URL}">{Name}</a></div>
  1256. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1257. {/block:Link}
  1258.  
  1259. {block:Chat}
  1260. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1261. <ol class="chat">
  1262. {block:Lines}
  1263. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1264. {/block:Lines}
  1265. </ol>
  1266. {/block:Chat}
  1267.  
  1268. <div class="ph">
  1269. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  1270.  
  1271. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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}
  1272.  
  1273. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1274.  
  1275. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  1276. </div>
  1277.  
  1278. {block:Answer}<div class="q"><span class="as"><i class="fa fa-question" style="color:#cdcfd4; font-size:12px"></i> <b>{Asker}: </b></span>{Question}</div><div class="a">{Answer}</div>{/block:Answer}
  1279.  
  1280. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1281.  
  1282. {block:Date}{block:permalinkpage}{block:RebloggedFrom}<div id="permalink" {block:Caption}class="nope"{/block:Caption}>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="inf {block:Caption}nope{/block:Caption}{block:answer}nope{/block:answer}{block:text}nope{/block:text}{block:link}nope{/block:link}{block:quote}nope{/block:quote}" {block:chat}style="border-top:1px solid {Color:borders}"{/block:chat}><span class="mm"><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="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg></span><div class="tags draggable"><div class="tags_inner">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div></div></div>{/block:HasTags}{/block:Date}
  1283. </div></article>
  1284.  
  1285. {block:PostNotes}<article class="pagenotes"><div class="posts"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</div></article>{/block:PostNotes}
  1286.  
  1287. {/block:Posts}
  1288.  
  1289. </section>
  1290.  
  1291. {block:Pagination}<footer><div id="pagination">{block:previousPage}<a href="{previousPage}" {block:NextPage}id="plain"{/block:NextPage}>previous page</a>{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">next page</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  1292.  
  1293. {block:ContentSource}
  1294. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1295. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1296. {/block:SourceLogo}
  1297. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1298. {/block:ContentSource}
  1299.  
  1300. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>{block:indexpage}<script src="//static.tumblr.com/sas2ex2/Uvzo2if15/tags.js"></script>{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1301. <script>
  1302. $(document).ready(function(){
  1303. $('.photo-slideshow').pxuPhotoset({
  1304. lightbox: true,
  1305. rounded: false,
  1306. gutter: '1px',
  1307. photoset: '.photo-slideshow',
  1308. photoWrap: '.photo-data',
  1309. photo: '.pxu-photo'
  1310. });
  1311. $('body').tooltip({track:true});
  1312. $('iframe.tumblr_audio_player').each(function(){
  1313. var audio = $(this).attr('src')
  1314. $(this).attr('src', audio + '&color=transparent');
  1315. });
  1316. var $container = $('section');
  1317. {block:indexpage}{block:ifinfinitescroll}
  1318. $container.infinitescroll({
  1319. itemSelector: 'article',
  1320. navSelector: '#pagination',
  1321. nextSelector: '#pagination a',
  1322. loadingImg: '',
  1323. loadingText: '<em></em>',
  1324. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1325. bufferPx: 3000
  1326. },
  1327. function( newElements ) {
  1328. var $newElems = $( newElements );
  1329. var $newID = $newElems.map(function() {return this.id;}).get();
  1330. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1331. $newElems.find('.photo-slideshow').pxuPhotoset({
  1332. lightbox: true,
  1333. rounded: false,
  1334. gutter: '1px',
  1335. photoset: '.photo-slideshow',
  1336. photoWrap: '.photo-data',
  1337. photo: '.pxu-photo'
  1338. });
  1339. resizeVideos();
  1340. dragTags();
  1341. $newElems.find('iframe.tumblr_audio_player').each(function(){
  1342. var audio = $(this).attr('src')
  1343. $(this).attr('src', audio + '&color=transparent');
  1344. });
  1345. });
  1346. {block:ifmanualload}
  1347. $(window).unbind('.infscr');
  1348. $('.load').click(function(){
  1349. $('footer').fadeTo("400", 0);
  1350. $container.delay(400).infinitescroll('retrieve');
  1351. $(this).parent('footer').delay(400).fadeTo("400", 1);
  1352. });
  1353. {/block:ifmanualload}
  1354. {/block:ifinfinitescroll}{/block:indexpage}
  1355. });
  1356. </script>
  1357. <!-- Default Statcounter code for Jieqiong
  1358. https://jieqiong.ga -->
  1359. <script type="text/javascript">
  1360. var sc_project=11882913;
  1361. var sc_invisible=1;
  1362. var sc_security="7bc186bd";
  1363. </script>
  1364. <script type="text/javascript"
  1365. src="https://www.statcounter.com/counter/counter.js"
  1366. async></script>
  1367. <noscript><div class="statcounter"><a title="site stats"
  1368. href="https://statcounter.com/" target="_blank"><img
  1369. class="statcounter"
  1370. src="//c.statcounter.com/11882913/0/7bc186bd/1/" alt="site
  1371. stats"></a></div></noscript>
  1372. <!-- End of Statcounter Code -->
  1373. <a class="nice" title="theme by sorrism. heavily tweaked by 93mtvan's mun for personal use. please do not copy any of my codes." href="https://sorrism.tumblr.com" target="_blank"><b>@</b></a>
  1374. </body>
  1375.  
  1376. <div id="01" class="popup_block">
  1377. <div style="padding:10px">
  1378. <center><b>popup no 1</b></center>
  1379. <center><i>empty for now</i>.</center>
  1380. </div></div><!-- layout by noveia / bravethemes --><!-- layout by noveia / bravethemes -->
  1381.  
  1382. <div id="02" class="popup_block">
  1383. <div style="padding:10px">
  1384. <center><b>popup no 2</b></center>
  1385. <center><i>empty for now</i>.</center>
  1386. </div></div><!-- layout by noveia / bravethemes --><!-- layout by noveia / bravethemes -->
  1387.  
  1388.  
  1389.  
  1390.  
  1391.  
  1392.  
  1393.  
  1394.  
  1395. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement