API tools faq
paste
Advertisement
pasinoe

diamenciki

pasinoe
Dec 28th, 2018
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8. LEISURE THEME BY KIMTYS.TUMBLR.COM
  9.  
  10. edit as much as you want but please don't hide or remove credits!
  11.  
  12.  
  13. --
  14.  
  15.  
  16. photoset: pixelunion (github.com)
  17. video: shythemes (tumblr.com)
  18. like & reblog button: mikedidthis (github.com)
  19. smoothscroll: zacharyfury (tumblr.com)
  20. infinite scroll: paulirish (github.com)
  21. icons: stroke 7 (themes-pixeden.com)
  22. masonry: desandro (masonry.desandro.com)
  23. hover controls: shythemes (tumblr.com)
  24. audio player color: roxiestheme (tumblr.com)
  25. unnest captions: magnusthemes & neothms (tumblr.com)
  26. short note count: shythemes (tumblr.com)
  27. new controls: cyantists (tumblr.com)
  28.  
  29.  
  30. -->
  31.  
  32.  
  33. <head>
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. {block:Hidden}
  42. <meta name="image:sidebar" content="" />
  43. <meta name="image:background" content="" />
  44.  
  45. <meta name="color:background" content="#ffffff" />
  46. <meta name="color:posts" content="#ffffff" />
  47. <meta name="color:captions" content="#f5f5f5" />
  48. <meta name="color:sidebar" content="#ffffff" />
  49. <meta name="color:description" content="#ffffff" />
  50. <meta name="color:borders" content="#eeeeee" />
  51. <meta name="color:text" content="#666666" />
  52. <meta name="color:links" content="#aaaaaa" />
  53. <meta name="color:upperlinks" content="#888888" />
  54. <meta name="color:links hover" content="#444444" />
  55. <meta name="color:permalink" content="#f3f3f3" />
  56. <meta name="color:icons" content="#444444" />
  57. <meta name="color:accents 1" content="#ffffff" />
  58. <meta name="color:accents 2" content="#f5f5f5" />
  59. <meta name="color:text accents" content="#7accb3" />
  60. <meta name="color:blockquote" content="#e0e0e0" />
  61.  
  62. <meta name="if:right sidebar" content="0" />
  63. <meta name="if:borders" content="0" />
  64. <meta name="if:title" content="1" />
  65. <meta name="if:description" content="1" />
  66. <meta name="if:extra links" content="1" />
  67. <meta name="if:search bar" content="1" />
  68. <meta name="if:captions" content="1" />
  69. <meta name="if:like and reblog" content="1" />
  70. <meta name="if:show tags" content="1" />
  71. <meta name="if:static tags" content="0" />
  72. <meta name="if:show tumblr avatar" content="1" />
  73. <meta name="if:show notes" content="1" />
  74. <meta name="if:short note count" content="1" />
  75. <meta name="if:updates tab" content="0" />
  76. <meta name="if:saturation" content="0" />
  77. <meta name="if:hover controls" content="1" />
  78. <meta name="if:back to top" content="1" />
  79. <meta name="if:load more" content="0" />
  80.  
  81. <meta name="select:background image" content="cover" title="cover">
  82. <meta name="select:background image" content="repeat" title="repeat">
  83.  
  84. <meta name="select:post size" content="370" title="370px" />
  85. <meta name="select:post size" content="300" title="300px" />
  86. <meta name="select:post size" content="330" title="330px" />
  87. <meta name="select:post size" content="350" title="350px" />
  88. <meta name="select:post size" content="400" title="400px" />
  89. <meta name="select:post size" content="430" title="430px" />
  90. <meta name="select:post size" content="450" title="450px" />
  91. <meta name="select:post size" content="470" title="470px" />
  92. <meta name="select:post size" content="500" title="500px" />
  93.  
  94. <meta name="select:font" content="lato" title="lato">
  95. <meta name="select:font" content="muli" title="muli">
  96. <meta name="select:font" content="calibri" title="calibri">
  97. <meta name="select:font" content="karla" title="karla">
  98. <meta name="select:font" content="scada" title="scada">
  99. <meta name="select:font" content="pt sans" title="pt sans">
  100. <meta name="select:font" content="trebuchet ms" title="trebuchet ms">
  101. <meta name="select:font" content="source sans pro" title="source sans pro">
  102. <meta name="select:font" content="work sans" title="work sans">
  103.  
  104. <meta name="select:cursor hover" content="help" title="help">
  105. <meta name="select:cursor hover" content="pointer" title="pointer">
  106. <meta name="select:cursor hover" content="default" title="default">
  107. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  108.  
  109. <meta name="text:image saturation" content="70%" />
  110. <meta name="text:padding" content="10" />
  111. <meta name="text:sidebar width" content="150" />
  112. <meta name="text:sidebar top" content="180" />
  113. <meta name="text:posts margin" content="150" />
  114. <meta name="text:posts left" content="450" />
  115. <meta name="text:home title" content="home"/>
  116. <meta name="text:ask title" content="message"/>
  117. <meta name="text:ask link" content="/ask"/>
  118. <meta name="text:archive title" content="archive"/>
  119. <meta name="text:links title" content="links"/>
  120. <meta name="text:link 1" content=""/>
  121. <meta name="text:url 1" content="/"/>
  122. <meta name="text:link 2" content=""/>
  123. <meta name="text:url 2" content="/"/>
  124. <meta name="text:link 3" content=""/>
  125. <meta name="text:url 3" content="/"/>
  126. <meta name="text:link 4" content=""/>
  127. <meta name="text:url 4" content="/"/>
  128. <meta name="text:link 5" content=""/>
  129. <meta name="text:url 5" content="/"/>
  130. <meta name="text:link 6" content=""/>
  131. <meta name="text:url 6" content="/"/>
  132. <meta name="text:link 7" content=""/>
  133. <meta name="text:url 7" content="/"/>
  134. <meta name="text:link 8" content=""/>
  135. <meta name="text:url 8" content="/"/>
  136. {/block:Hidden}
  137.  
  138. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  139. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|Scada:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Cousine:300,400,500,700,300italic,400italic,500italic,700italic|Muli:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  140. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"><style type="text/css">
  141.  
  142.  
  143. @font-face{ font-family:"words"; src: url('https://dl.dropboxusercontent.com/s/2b243hl8569zntq/mark_my_words.otf?dl=0’)'); }
  144.  
  145.  
  146.  
  147.  
  148. /* TUMBLR CONTROLS */
  149.  
  150.  
  151.  
  152. iframe.tmblr-iframe {
  153. z-index:99999999999999!important;top:0px!important;right:0!important;{block:ifHoverControls}opacity:0;padding-right:42px;{/block:ifHoverControls}{block:ifNotHoverControls}opacity:0.3;padding-right:0px;{/block:ifNotHoverControls}filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  154.  
  155.  
  156. iframe.tmblr-iframe:hover {
  157. opacity:0.3!important;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  158.  
  159.  
  160. .tumcon { position:fixed;z-index:99;top:15px;right:5px; }
  161.  
  162.  
  163. .tumcon i {
  164. font-size:12px;height:auto;margin-top:-9px;display:inline-block;overflow:hidden;color:{color:icons};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px 2px 4px;font-family:lato; }
  165.  
  166.  
  167.  
  168. /* TOOLTIPS */
  169.  
  170.  
  171.  
  172. #s-m-t-tooltip {
  173. max-width:350px;margin:25px 15px;padding:5px 8px 5px 8px;z-index:999999;font:8px {select:font}, montserrat;letter-spacing:0px;line-height:150%;text-align:justify;font-style:normal;text-transform:uppercase;border:2px solid {color:posts};background:#5b7685;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#fff; }
  174.  
  175.  
  176.  
  177. /* SCROLLBAR & SELECTION */
  178.  
  179.  
  180.  
  181. ::-webkit-scrollbar {
  182. width:17px;height:17px;background:{color:background}; }
  183.  
  184.  
  185. ::-webkit-scrollbar-track {
  186. border:8px solid {color:background};background:{color:captions}; }
  187.  
  188.  
  189. ::-webkit-scrollbar-thumb:vertical {
  190. border:8px solid {color:background};background:rgba({RGBcolor:text accents}, .5);min-height:20px; }
  191.  
  192.  
  193. ::-webkit-scrollbar-thumb:horizontal {
  194. border:8px solid {color:background};background:rgba({RGBcolor:text accents}, .5);min-height:20px; }
  195.  
  196.  
  197. ::-moz-selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
  198. ::selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
  199.  
  200.  
  201.  
  202. /* BODY */
  203.  
  204.  
  205.  
  206. body {
  207. background: {color:background} url('{image:background}') fixed;background-attachment:{select:background image};background-size:{select:background image};color:{color:text};font-family:{select:font}, sans-serif;font-size:10px;line-height:150%;letter-spacing:0px;text-align:justify;margin:0;padding:0; }
  208.  
  209.  
  210. a {
  211. color:{color:links};text-decoration:none; border-bottom:1px solid transparent; transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  212.  
  213.  
  214. a:hover, a.tumblr_blog:hover {
  215. color:{color:links hover}; cursor:{select:cursor hover}; transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  216.  
  217.  
  218.  
  219.  
  220. b, strong {
  221. color: #5b7685;
  222. text-shadow: 1px 1px 2px #eee;
  223. font-family: montserrat;
  224. font-weight: bold;
  225. letter-spacing: 0px;
  226. font-size: 10px;
  227. }
  228.  
  229. i, em {
  230. color: #5b7685;
  231. font-family: words;
  232. font-size: 11px;
  233. font-weight: bold;
  234. text-shadow: 1px 1px 2px #eee;
  235. text-transform: lowercase;
  236.  
  237. }
  238.  
  239.  
  240.  
  241. h1 {
  242. padding:13px 5px 13px 5px;border-bottom:1px solid {color:borders};font: bold 110% {select:font}, sans-serif;color:{color:text accents};text-align:center;letter-spacing:0.5px;text-transform:uppercase;line-height:120%;margin:3px 0 3px 0;background:{color:posts}; }
  243.  
  244.  
  245. h2, h3, h4, h5 {
  246. padding:4px 1px 4px 1px;font: bold 100% {select:font}, sans-serif;text-align:center;letter-spacing:0.5px;border-bottom:1px solid {color:borders};text-transform:uppercase;line-height:120%;margin:2px 0 2px 0;background:{color:captions}; }
  247.  
  248.  
  249. small, sub, sup, code, big { font-size:100%; }
  250.  
  251.  
  252. pre, xmp, plaintext, listing {
  253. width:97%;margin:5px 0 0 0;padding:5px;background:linear-gradient(rgba(0, 0, 0, .02),rgba(0, 0, 0, .02)), {color:captions};font-family:cousine;font-size:90%;white-space:pre-wrap;word-wrap:break-word; }
  254.  
  255.  
  256. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  257.  
  258.  
  259. ul { margin-left:0; list-style-type:none; }
  260.  
  261.  
  262. ul li { padding:1px 0px 1px 20px; position:relative; text-align:left; }
  263.  
  264.  
  265. ul li:before {
  266. content:'—';top:1px;color:rgba({RGBcolor:text accents}, .5);left:0px;font-size:10px;position:absolute;display:block;font-family:sans-serif; }
  267.  
  268.  
  269. hr {
  270. border: 0;height: 1px;background:{color:blockquote};margin:10px 0 10px 0; }
  271.  
  272.  
  273.  
  274. /* POSTS */
  275.  
  276.  
  277.  
  278. #content {
  279. {block:IndexPage}width:calc({select:post size}px + ({text:padding}px*2));{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin:0 {block:ifNotRightSidebar}{text:posts left}px{/block:ifNotRightSidebar}{block:ifRightSidebar}calc({text:posts left}px - 150px){/block:ifRightSidebar};padding:100px 100px 0px 100px; }
  280.  
  281.  
  282. .posts {
  283. width:350px;
  284. margin:75px 0px;
  285. background:#fff;
  286. border:1px solid #f2f2f2;
  287. box-shadow:rgba(0,0,0,0.05)0px 0px 3px 2px;
  288. -webkit-filter: grayscale(30%);
  289. z-index: -9999999999999999999999999px;
  290. -webkit-transition: all 0.9s ease-in-out;
  291. -moz-transition: all 0.9s ease-in-out;
  292. -o-transition: all 0.9s ease-in-out;
  293. -ms-transition: all 0.9s ease-in-out;
  294. transition: all 0.9s ease-in-out;
  295. padding:20px;
  296. border-radius:35px 0px 35px 0px;
  297. box-shadow:4px 4px #eee;}
  298.  
  299.  
  300.  
  301. {block:ifLoadMore}
  302. {block:IndexPage}
  303. .posts {
  304. opacity:0;z-index:-1; }
  305. {/block:IndexPage}
  306. {/block:ifLoadMore}
  307.  
  308.  
  309. .caption {
  310. margin:1px 0 0 0;padding:10px 15px 10px 15px;background:{color:captions}; }
  311.  
  312.  
  313. blockquote.tumblr_parent {
  314. {block:ifNotShowTumblrAvatar}margin:8px 3px 10px 3px;{/block:ifNotShowTumblrAvatar}{block:ifShowTumblrAvatar}margin:10px 3px 10px 25px;{/block:ifShowTumblrAvatar}position: relative; }
  315.  
  316.  
  317. blockquote.tumblr_parent p { margin:5px 0; }
  318.  
  319.  
  320. blockquote.tumblr_parent p:last-of-type { margin-bottom:0; }
  321.  
  322.  
  323. blockquote.tumblr_parent > a:first-of-type {
  324. font-weight:bold;color:{color:text accents};display:inline; }
  325.  
  326.  
  327. blockquote.tumblr_parent > a:first-of-type:hover {
  328. color:{color:links hover}; }
  329.  
  330.  
  331. blockquote.tumblr_parent > p:first-of-type:before {
  332. content:"|";padding-left:8px;padding-right:8px;font-weight:bold;font-size:9px;color:rgba({RGBcolor:text}, .3);display:inline; }
  333.  
  334.  
  335. blockquote.tumblr_parent > p:first-of-type { display:inline; }
  336.  
  337.  
  338. blockquote.tumblr_parent > blockquote {
  339. border-left:1px solid {color:blockquote};padding-left:16px;margin:3px 0 0 0;{block:ifNotShowTumblrAvatar}margin-left:17px;{/block:ifNotShowTumblrAvatar}{block:ifShowTumblrAvatar}margin-left:-17px;{/block:ifShowTumblrAvatar} }
  340.  
  341.  
  342. blockquote.tumblr_parent > blockquote p:first-of-type {
  343. display:inline; }
  344.  
  345.  
  346. a.tumblr_blog { display:inline-block; }
  347.  
  348.  
  349. blockquote { margin-left:0px; }
  350.  
  351.  
  352. .tumblr_avatar {
  353. margin-left:-25px;display: inline-block;vertical-align:middle;float:left;position:absolute;width:13px;height:13px;background:{color:accents 1};padding:2px;{block:ifNotShowTumblrAvatar}display:none;{/block:ifNotShowTumblrAvatar} }
  354.  
  355.  
  356. img.tumblr_avatar {
  357. -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:13px;height:13px; }
  358.  
  359.  
  360. .tg {
  361. {block:IndexPage}width:calc({select:post size}px - 6px);{block:ifNotStaticTags}display:none;{/block:ifNotStaticTags}{block:ifStaticTags}{block:ifShowTags}display:block;{/block:ifShowTags}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:ifStaticTags}{/block:IndexPage}{block:PermalinkPage}display:block;width:494px;{/block:PermalinkPage}position:relative;padding:4px 3px 0 3px;text-transform:lowercase;color:{color:links};font-style:italic;font-size:10px;letter-spacing:0px; }
  362.  
  363.  
  364. .tg a { margin:0 0 0 5px;display:inline; }
  365.  
  366.  
  367. .tg:before {
  368. content:"";width:15px;height:1px;bottom:0;top:-2px;position:relative;margin-right:10px;display:inline-block;background:rgba({RGBcolor:text accents}, .5); }
  369.  
  370.  
  371. .tg a:first-child { margin-left:0px; }
  372.  
  373.  
  374. .tg i {
  375. font-size:11px;padding:2px 3px 0px 2px;margin:0 0px 0 0px;color:{color:icons};font-family:lato;vertical-align:middle; }
  376.  
  377.  
  378. .tag-commas:last-child { display: none; }
  379.  
  380.  
  381.  
  382. /* SIDEBAR */
  383.  
  384. .image_picture img {
  385. position:fixed;
  386. height:250px;
  387. bottom:112px;
  388. right:545px;
  389. width:135px;
  390. background-color:#fff;
  391. padding:5px;
  392. -webkit-border-top-left-radius: 50px;
  393. -moz-border-radius-topleft: 50px;
  394. border-top-left-radius: 50px;
  395. }
  396.  
  397. .image_picture2 img {
  398. position:fixed;
  399. bottom:202px;
  400. right:195px;
  401. width:90px;
  402. background-color:#fff;
  403. padding:5px;
  404. }
  405.  
  406. .image_picture3 img {
  407. position:fixed;
  408. bottom:114px;
  409. right:195px;
  410. width:90px;
  411. background-color:#fff;
  412. padding:5px;
  413. -webkit-border-bottom-right-radius: 50px;
  414. -moz-border-radius-bottomright: 50px;
  415. border-bottom-right-radius: 50px;
  416. }
  417.  
  418.  
  419. .bio {
  420. position: fixed;
  421. bottom: 147px;
  422. right:298px;
  423. width: 230px;
  424. background-color:#fff;
  425. height:100px;
  426. text-transform: lowercase;
  427. text-align: left;
  428. overflow:hidden;
  429. padding:6px;
  430. }
  431.  
  432. #bg2{position:fixed;
  433. background:#5b7685;
  434. z-index:-20;
  435. top:-200px;
  436. right: -100px;
  437. width: 800px;
  438. height: 2000px;
  439. transform: rotate(25deg);
  440. }
  441.  
  442. #line2 {
  443. position:fixed;
  444. bottom:387px;
  445. right:275px;
  446. font-family:'Montserrat';
  447. font-size:21.9px;
  448. line-height:22px;
  449. color:#fff;
  450. text-transform:uppercase;
  451. letter-spacing:-1px;
  452. }
  453.  
  454. #line3 {
  455. position:fixed;
  456. bottom:378px;
  457. right:275px;
  458. font-family:'Montserrat';
  459. font-size:10.3px;
  460. line-height:10px;
  461. color:#fff;
  462. text-transform:uppercase;
  463. letter-spacing:1px;
  464. }
  465.  
  466. #about {
  467. position:fixed;
  468. width:220px;
  469. height:83px;
  470. bottom:268px;
  471. right:300px;
  472. padding:10px;
  473. line-height:150%;
  474. text-transform:uppercase;
  475. text-align:justify;
  476. background:#fff;
  477. color:#868585;
  478. font-family:montserrat;
  479. font-size:8px;
  480.  
  481. }
  482.  
  483. .maline {
  484. background-color:#5b7685;
  485. padding:5px;
  486. color:#fff;
  487. font-family:montserrat;
  488. font-size:8px;
  489. letter-spacing:1px;
  490. text-align:center;
  491. position:fixed;
  492. z-index:8;
  493. font-weight:900;
  494. bottom:246px;
  495. right:298px;
  496. font-weight:none;
  497. width:232px;
  498. height:8px;
  499. line-height:8px;
  500. text-transform:uppercase;
  501. }
  502.  
  503. .navi {position:fixed;background-color:#fff;bottom:114px;right:300px;width:231px;height:auto;color:#fff;font-family:montserrat;font-size:10px;line-height:11px;text-transform:uppercase;padding:5px;letter-spacing:1px;font-weight:bold;z-index:99999;}
  504.  
  505. .navi a {background:#fff;color:#5b7685;width:238px;height:auto;}
  506.  
  507. .navi a:hover {letter-spacing:1.5px;color:#aaa;text-shadow:0px 0px 5px #fff;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;-ms-transition: all 0.6s ease-in;transition: all 0.6s ease-in;}
  508.  
  509. #notes {
  510. position:fixed;
  511. bottom:81px;
  512. right:300px;
  513. }
  514.  
  515. #notes a {
  516. display:inline-block;
  517. background:#fff;
  518. width:13px;
  519. height:24px;
  520. margin-right:4px;
  521. -webkit-transition: all 0.9s ease-in-out;
  522. -moz-transition: all 0.9s ease-in-out;
  523. -o-transition: all 0.9s ease-in-out;
  524. -ms-transition: all 0.9s ease-in-out;
  525. transition: all 0.9s ease-in-out;
  526. }
  527.  
  528. #notes a:hover {
  529. background:#e7d2dd;
  530. }
  531.  
  532.  
  533.  
  534.  
  535. /* IMAGE */
  536.  
  537.  
  538.  
  539. .posts img {
  540. max-width:100%;height:auto;
  541. {block:ifSaturation}-webkit-filter: saturate({text:image saturation});-moz-filter: saturate({text:image saturation});-ms-filter: saturate({text:image saturation});-o-filter: saturate({text:image saturation});filter: saturate({text:image saturation});transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;{/block:ifSaturation} }
  542.  
  543. {block:ifSaturation}
  544. .posts:hover img {
  545. -webkit-filter: saturate(100%);-moz-filter: saturate(100%);-ms-filter: saturate(100%);-o-filter: saturate(100%);filter: saturate(100%);transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  546. {/block:ifSaturation}
  547.  
  548.  
  549. #photo img { width:100%; display:block; }
  550.  
  551.  
  552.  
  553. /* PHOTOSET */
  554.  
  555.  
  556.  
  557. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  558.  
  559.  
  560. .vignette, .lightbox-caption { opacity:0!important; }
  561.  
  562.  
  563. .lightbox-image {
  564. border-radius:0px!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important; }
  565.  
  566.  
  567.  
  568. /* VIDEO */
  569.  
  570.  
  571.  
  572. .video, .video iframe { overflow:hidden; }
  573.  
  574.  
  575.  
  576. /* AUDIO */
  577.  
  578.  
  579.  
  580. #art {
  581. height: 50px;width: 50px;background:{color:captions};float:right;margin-top:0px;padding:5px;margin-left:-1px; }
  582.  
  583.  
  584. #art img {
  585. height: 50px; width:50px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
  586.  
  587.  
  588. #info {
  589. margin-left:50px;text-align:center;padding:4px 5px 4px 10px;height:52px;line-height:140%;overflow:scroll;overflow:auto;display:block;background:{color:captions};text-transform:uppercase;font-size:90%;word-spacing:1px;letter-spacing:0.5px;color:rgba({RGBcolor:text}, .7)letter-spacing:0.5px; }
  590.  
  591.  
  592. .infox {
  593. position: relative;top: 50%;max-height:50px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
  594.  
  595.  
  596. #info span.song {
  597. display:block;font-weight:bold;font-size:110%;margin-right:3px;margin-bottom:2px;color:{color:texts}; }
  598.  
  599.  
  600. iframe.soundcloud_audio_player {
  601. {block:IndexPage}width:{select:post size}px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}height:auto;display:block; }
  602.  
  603.  
  604.  
  605. /* ASK */
  606.  
  607.  
  608. #ques { display:table;width:100%; }
  609.  
  610.  
  611. #quesi {
  612. width:30px; display:table-cell; vertical-align:middle; }
  613.  
  614.  
  615. #quesa {
  616. padding:10px;display:table-cell; vertical-align:middle;background:{color:captions}; }
  617.  
  618.  
  619. #quesa img {
  620. -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:25px;height:25px;float:left;margin-top:0px;margin-right:10px;display:inline-block;padding:2px;background:{color:accents 1}; }
  621.  
  622.  
  623. #quesa b {
  624. font-weight:bold;display:block;margin-bottom:-1px;font-size:80%;text-transform:uppercase;letter-spacing:0.5px; }
  625.  
  626.  
  627. #ans {
  628. padding:1px 10px 1px 10px;background:{color:posts}; }
  629.  
  630.  
  631.  
  632. /* QUOTE */
  633.  
  634.  
  635.  
  636. #quote {
  637. font-size:150%;text-align:left;padding:10px;background:{color:captions};font-family:{select:font}; line-height:150%;font-style:italic; }
  638.  
  639.  
  640. #source {
  641. padding:7px;background:{color:posts};text-align:right; }
  642.  
  643.  
  644.  
  645. /* CHAT */
  646.  
  647.  
  648.  
  649. .lines {
  650. margin:0;line-height:170%; }
  651.  
  652.  
  653. .lines .line {
  654. background:{color:captions};padding: 4px 4px 4px 4px;border-top:0px solid {color:posts};border-bottom:1px solid {color:posts}; }
  655.  
  656.  
  657. .lines b {
  658. color:{color:text accents};margin-right:3px;background:{color:posts};padding:2px 5px 2px 5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  659.  
  660.  
  661.  
  662. /* PERMALINK */
  663.  
  664.  
  665.  
  666. .perma {
  667. margin:0 0 1px 0;color:{color:upperlinks};text-transform:uppercase; background:{color:permalink};font:8px {select:font};letter-spacing:0px;padding:13px 10px 10px 10px;text-align:left;word-wrap:break-word;line-height:140%;transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;{block:IndexPage}{block:ifnotbottompermalink}display:none;{/block:ifnotbottompermalink}{/block:IndexPage} }
  668.  
  669. .perma i {
  670. -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 1};font-size:8px;padding:4px 5px 2px 4px;margin:0 2px 0 2px;color:{color:icons};font-family:lato; }
  671.  
  672.  
  673. #permalinks { display:inline; }
  674.  
  675.  
  676. #permalinks a {
  677. padding:0 0 0 0; margin:0 2px 0 2px; font-weight:bold;display:inline-block;text-transform:uppercase; font:8px {select:font};letter-spacing:0px;border-bottom:none;color:{color:upperlinks}; }
  678.  
  679. #permalinks a:hover {
  680. color:{color:links hover};border-bottom:none; }
  681.  
  682.  
  683. #controls a:hover {
  684. color:{color:links hover};border-bottom:none; }
  685.  
  686.  
  687. #controls a { border-bottom:none; }
  688.  
  689.  
  690. #controls { display:inline-block; float:right;text-align:right;}
  691.  
  692.  
  693. #controls li {
  694. fill:{color:icons};font-size:8px;padding:0 0 0 0;margin:0 0 0 0;color:{color:icons};font-family:lato; }
  695.  
  696.  
  697. #controls ul { margin-left:0; list-style-type:none; }
  698.  
  699.  
  700. #controls li {
  701. position:relative;display:inline-block;margin:0 0 0 2px; }
  702.  
  703.  
  704. .bott a { color:{color:upperlinks}; }
  705.  
  706.  
  707. .bott a:hover {
  708. color:{color:links hover};border-bottom:none; }
  709.  
  710.  
  711. .notes { display:inline-block; }
  712.  
  713.  
  714. .notes a {
  715. display:inline-block;font-size:8px;letter-spacing:0.5px;{block:iflikeandreblog}margin:0;{/block:iflikeandreblog} }
  716.  
  717.  
  718. .like_button {
  719. position: absolute;top: -3px;left: 4px;right: 0;bottom: 0;width: 15px;height: 15px;opacity: 0;z-index: 10;cursor:{select:cursor hover} }
  720.  
  721.  
  722. .like_button iframe { width: 100%; height: 100%; }
  723.  
  724.  
  725. .lk {
  726. display:inline-block;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;color:{color:icons};cursor:{select:cursor hover}; }
  727.  
  728.  
  729. .like_button:hover + .lk i {
  730. color:{color:icons};cursor:{select:cursor hover}; }
  731.  
  732.  
  733. .like_button.liked + .lk i { color:{color:text accents}; }
  734.  
  735.  
  736.  
  737. /* NOTES */
  738.  
  739.  
  740.  
  741. ol.notes {
  742. border-top:1px dotted {color:borders};margin:15px 0 0 0;padding:5px 0 0 0px;font-size:8px;display:none;letter-spacing: 0px;text-transform:uppercase;font-family:{select:font}, sans-serif;list-style-type:none; }
  743.  
  744.  
  745. ol.notes a { font-size:8px;letter-spacing:0px; }
  746.  
  747.  
  748. ol.notes li.note { padding:10px 0px;margin:20px 0px;display:inline; }
  749.  
  750.  
  751. ol.notes li.note img.avatar {
  752. -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:13px;background:{color:accents 2};padding:2px;margin-right:10px;margin-bottom:7px;margin-top:5px;display: inline-block;vertical-align:middle; }
  753.  
  754.  
  755. #n { cursor:{select:cursor hover}; color:{color:permalink}; }
  756.  
  757.  
  758.  
  759. /* PAGINATION */
  760.  
  761.  
  762.  
  763. footer {
  764. text-align:center;width:calc({select:post size}px + ({text:padding}px*2));margin:0 {block:ifNotRightSidebar}{text:posts left}px{/block:ifNotRightSidebar}{block:ifRightSidebar}calc({text:posts left}px - 150px){/block:ifRightSidebar};padding:50px 100px 100px 100px;}
  765.  
  766.  
  767. .pagination {
  768. padding:15px 10px 15px 10px;display:inline;{block:ifBorders}border:1px solid {color:borders};{/block:ifBorders}background:{color:posts}; }
  769.  
  770.  
  771. a.load {
  772. padding:10px 15px 10px 15px;display:inline;{block:ifBorders}border:1px solid {color:borders};{/block:ifBorders}background:{color:captions};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  773.  
  774.  
  775. .pagination i {
  776. font-size:15px;vertical-align:middle;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px 2px 4px;margin:0 0 0 0;color:{color:icons};font-family:lato; }
  777.  
  778.  
  779. a#prev { margin-right:20px; }
  780.  
  781. a#next { margin-left:20px; }
  782.  
  783.  
  784. .pagination a, a.load {
  785. margin:0 0;font-size:8px;letter-spacing:1px;font-weight:700;color:{color:text accents};font-family:{select:font};, sans-serif; text-transform:uppercase; }
  786.  
  787.  
  788. .pagination a:hover, a.load:hover { color:{color:links hover}; }
  789.  
  790.  
  791. .current {
  792. margin:0 5px;font-size:80%;letter-spacing:1px;font-weight:700;font-family:{select:font};, sans-serif; text-transform:uppercase; }
  793.  
  794.  
  795. {block:ifLoadMore}
  796. .pagination { display:none; }
  797. {/block:ifLoadMore}
  798.  
  799.  
  800. .current {
  801. margin:0 5px;font-size:80%;letter-spacing:1px;font-weight:700;font-family:{select:font};,color{color:text}; sans-serif; text-transform:uppercase; }
  802.  
  803.  
  804. {block:ifinfinitescroll}
  805. .pagination { display:none; }
  806. {/block:ifinfinitescroll}
  807.  
  808.  
  809. #top {
  810. bottom:1px;right:5px;padding:0px;position:fixed;font-size:13px;color:{color:text accents};cursor:{select:cursor hover}; }
  811.  
  812.  
  813. #top svg { width:15px; }
  814.  
  815.  
  816. #top a, #top a:hover { border-bottom:none; }
  817.  
  818.  
  819. #top i {
  820. font-size:15px;height:auto;display:inline-block;overflow:hidden;color:{color:icons};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px 2px 4px;font-family:lato; }
  821.  
  822.  
  823.  
  824. /* CREDIT & TABS */
  825.  
  826.  
  827.  
  828. .cr {
  829. z-index:999999999;opacity:1;bottom:-3px;left:0px;position:fixed;font:8px {select:font};letter-spacing:1px;text-transform:uppercase;text-align:center;word-wrap:break-word;line-height:140%;color:{color:permalink};display:inline-block;text-align:center;padding:5px 6px;overflow:hidden; }
  830.  
  831.  
  832. .cr:hover { background:color{color:background}; }
  833.  
  834.  
  835. .cr a { color:{color:permalink};font-weight:bold; }
  836.  
  837.  
  838. .cr a:hover { color:{color:links hover}; }
  839.  
  840.  
  841. .cr i {
  842. font-size:12px;height:auto;display:inline-block;overflow:hidden;color:{color:icons};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:3px 4px 3px 4px;font-family:lato; }
  843.  
  844.  
  845. .tab { position:fixed;z-index:99;top:5px;left:5px;background:{color:accents 2}; width:13px; height:13px; padding: 3px 4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  846.  
  847.  
  848. .tab i {
  849. font-size:12px;height:auto;margin-top:0;display:inline-block;overflow:hidden;color:{color:icons};font-family:lato; }
  850.  
  851.  
  852. .tabs {
  853. display:none;border-left:1px solid {color:accents 2};position:fixed;top:5px;background:{color:background};width:140px;left:15px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  854.  
  855.  
  856. .tabtext { padding:10px 10px 0px 10px; }
  857.  
  858.  
  859. .tabtext ul { margin-top:0px; }
  860.  
  861.  
  862. #tabt {
  863. text-align:left;text-transform:uppercase;font-weight:700;font-size:8px;letter-spacing:0.5px;color:{color:text accents};margin-top:7px;margin-left:-10px;margin-right:-10px;padding:0 10px 1px 10px;border-bottom:1px solid {color:accents 2}; }
  864.  
  865.  
  866. #tabt:first-of-type {
  867. margin-top:-7px;margin-bottom:7px;padding-left:20px; }
  868.  
  869.  
  870. #tabx { text-align:left;margin:3px 0 3px 0; }
  871.  
  872.  
  873.  
  874. {CustomCSS}
  875.  
  876.  
  877.  
  878. </style>
  879.  
  880.  
  881. </head>
  882. <body>
  883.  
  884.  
  885.  
  886. {block:ifHoverControls}
  887. <div class="tumcon"><i class="pe-7s-config"></i></div>
  888. {/block:ifHoverControls}
  889.  
  890.  
  891. <!-- UPDATES TAB -->
  892.  
  893.  
  894. {block:ifUpdatesTab}
  895. <a class="tab" title="updates!"><i class="pe-7s-moon"></i></a>
  896. <div class="tabs">
  897. <div class="tabtext">
  898.  
  899. <div id="tabt">status</div>
  900. <div id="tabx">
  901. text.
  902. </div>
  903.  
  904. <div id="tabt">info</div>
  905. <div id="tabx">
  906. text.
  907. </div>
  908.  
  909. <div id="tabt">currently</div>
  910. <div id="tabx">
  911. <b>playing:</b> text
  912. <br>
  913. <b>watching:</b> text
  914. <br>
  915. <b>reading:</b> text
  916. </div>
  917.  
  918. <div id="tabt">networks</div>
  919. <div id="tabx">
  920. <ul>
  921. <li><a href="http://">blog</a></li>
  922. <li><a href="http://">blog</a></li>
  923. </ul>
  924. </div>
  925.  
  926. </div>
  927. </div>
  928. {/block:ifUpdatesTab}
  929.  
  930.  
  931. <div id="bg2"></div>
  932.  
  933. <div class="image_picture"><img
  934. src="https://static.tumblr.com/flsbw44/cMAp3hz02/untitled-1.jpg"/></div>
  935.  
  936. <div class="image_picture2"><img
  937. src="https://static.tumblr.com/flsbw44/P5Np3hz2n/untitled-2.jpg"/></div>
  938.  
  939. <div class="image_picture3"><img
  940. src="https://static.tumblr.com/flsbw44/peUp3hzaf/untitled-3.jpg"/></div>
  941.  
  942. <div id="line2">
  943. if yall some queens -
  944. </div><div id="line3">
  945. i must be a mother fcking goddess
  946. </div>
  947.  
  948. <div id="about">
  949. <b>Si-Yeon</b> (真理) From Sino Korean 始 (si) meaning "begin, start" combined with with 姸 (yeon) meaning "beautiful". <b>Plume</b> means a long, soft feather <b>· 1) </b>one with the ability to punk your ass with ease. <b>· 2)</b> a woman who goes above and beyond the regular bitches to express her inner <b><i> b i t c h !</i></b>
  950. </div>
  951.  
  952. <div class="navi"><center><a href="/">home</a> <a href="/ask">contact</a> <a href="/submit">submit</a> <a href="/tldr">profile</a> <a href="/mun">mun note</a> <a href="https://rp-eclipse.tumblr.com/">eclipse</a>
  953.  
  954. </center></div>
  955.  
  956. <div class="maline">If that bitch get slick, I'll cut the bitch</div>
  957.  
  958. <div id="notes"><a href="" title="original muse in no way associated with Hyuna. Doing this just for fun! Muse =/= Mun. "></a>
  959. <a href="" title="relationship status and sexual orientation undisclosed to public. rumoured to be bisexual & single."></a>
  960. <a href="" title="semi-literate. semi-selective. open to roleplay with people who are willing to do so."></a>
  961. <a href="" title="(n)sfw / any content regarding nsfw material will be tagged accordingly. tracking my url @siplume, tag me so i can see everything"></a></div>
  962.  
  963.  
  964. <div class="cr"><a href="http://kimtys.tumblr.com" title="theme by kimtys; tweaked with love by mari nakamura for @siplume"><i class="pe-7s-diskette"></i></a></div>
  965.  
  966. <div class="bio"><h3 style="margin-top:0px;"> </h3><p style="font-size:7px; text-transform:uppercase; line-height:5px;"><b>FULL NAME: </b> NAKAMOTO YUTA
  967. <br></br><b>DATE OF BIRTH: </b>OCTOBER 26, 1995
  968. <br></br><b>OCCUPATION: </b>LEAD DANCER, RAPPER, <br></br>VOCALIST
  969. <br></br><b>GROUPS: </b>NCT 127
  970. <br></br><b>COMPANY LABEL:</b> SM ENTERTAINMENT
  971. <br></br><b>PLACE OF BIRTH: </b>OSAKA, JAPAN
  972.  
  973.  
  974.  
  975. <div id="content">
  976.  
  977.  
  978. {block:Posts}
  979.  
  980.  
  981. <div class="posts" id="{PostID}">
  982.  
  983. {block:Date}
  984. {block:IndexPage}
  985. <div class="perma"><div id="permalinks"><i class="pe-7s-share"></i> &nbsp; <a href="{Permalink}" style="font-weight:bold;" title="{ShortYear}{MonthNumberWithZero}{DayofMonthWithZero}">{TimeAgo}</a> {block:ifShowNotes}with <a href="{Permalink}" class="notecount" style="font-weight:bold;" {block:ifShortNoteCount}title="{NoteCount}"{/block:ifShortNoteCount}>{NoteCountWithLabel}</a>{/block:ifShowNotes} </div><div id="controls"> {block:ifShowTags}{block:HasTags}<li class="com tags" style="cursor:{select:cursor hover};{block:ifStaticTags}display:none;{/block:ifStaticTags}" title="tagged!"><i class="pe-7s-ticket"></i></li>{/block:HasTags}{/block:ifShowTags} {block:ifLikeandReblog}<li class="like" title="like?"><div class="like_button"></div>{LikeButton}<span class="lk"><i class="pe-7s-like"></i></span></li>
  986. <li class="reblog"><a href="{ReblogURL}" title="reblog?"><i class="pe-7s-refresh-2"></i></a></li>{/block:ifLikeandReblog}</div>
  987. </div>
  988. {/block:IndexPage}
  989.  
  990. {block:PermalinkPage}
  991. <div class="perma"><div id="permalinks"><i class="pe-7s-share"></i> &nbsp; <a href="{Permalink}" style="font-weight:bold;" title="{ShortYear}{MonthNumberWithZero}{DayofMonthWithZero}">{TimeAgo}</a> with <a id="n" title="show notes?" style="font-weight:bold;">{NoteCountWithLabel}</a> {block:RebloggedFrom}&nbsp;via&nbsp; <a href="{ReblogParentURL}" title="{ReblogParentTitle}" style="font-weight:bold">{ReblogParentName}</a> {/block:RebloggedFrom}{block:ContentSource}— {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}" style="font-weight:bold;">{ReblogRootName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div><div id="controls"> <li class="like" title="like?"><div class="like_button"></div>{LikeButton}<span class="lk"><i class="pe-7s-like"></i></span></li>
  992. <li class="reblog"><a href="{ReblogURL}" title="reblog?"><i class="pe-7s-refresh-2"></i></a></li></div>
  993. </div>
  994. {/block:PermalinkPage}
  995. {/block:Date}
  996.  
  997.  
  998. {block:ContentSource}
  999. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1000. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1001. {/block:ContentSource}
  1002.  
  1003.  
  1004. {block:Text}
  1005. {block:Title}<h1>{Title}</h1>{/block:Title}
  1006. {block:Body}<div class="caption">{Body}</div>{/block:Body}
  1007. {/block:Text}
  1008.  
  1009.  
  1010. {block:Link}
  1011. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div class="caption">{Description}</div>{/block:Description}
  1012. {/block:Link}
  1013.  
  1014.  
  1015. {block:Photo}
  1016. <div id="photo">
  1017. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt='{PhotoAlt}' />{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:PermalinkPage}
  1018. </div>
  1019. {/block:Photo}
  1020.  
  1021.  
  1022. {block:Photoset}
  1023. <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" style="border:none;" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}
  1024. </div>
  1025. {/block:Photoset}
  1026.  
  1027.  
  1028. {block:Video}
  1029. <div class="video">{Video-500}</div>
  1030. {/block:Video}
  1031.  
  1032.  
  1033. {block:Audio}
  1034. {block:AlbumArt}<div id="art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="player"><div style="position: absolute; margin: 0px 0px 0px 0px; padding: 15px 13px 15px 8px; background:{color:captions};"><div style="width: 32px; height: 30px; overflow: hidden;">{AudioPlayerWhite}</div></div></div><div id="info"><section class="infox"><span class="song"><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</span>{block:Artist}{Artist}{/block:Artist}</section>
  1035. </div>
  1036. {/block:Audio}
  1037.  
  1038.  
  1039. {block:Answer}
  1040. <div id="ques"><div id="quesa"><img src="{AskerPortraitURL-64}"> <b>{Asker}</b> {Question}</div></div><div id="ans">{Answer}</div>
  1041. {/block:Answer}
  1042.  
  1043.  
  1044. {block:Quote}
  1045. <div id="quote">{Quote}</div>
  1046. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1047. {/block:Quote}
  1048.  
  1049.  
  1050. {block:Chat}
  1051. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}</div>
  1052. {/block:Chat}
  1053.  
  1054.  
  1055.  
  1056. {block:Caption}<div class="caption" {block:IndexPage}{block:ifNotCaptions}style="display:none;"{block:ifNotCaptions}{/block:IndexPage}>{Caption}</div>{/block:Caption}
  1057.  
  1058. {block:HasTags}<div class="tg">{block:Tags}<a href="{TagUrl}">{Tag}</a><span class="tag-commas">, </span> {/block:Tags}</div>{/block:HasTags}
  1059.  
  1060. {block:PermalinkPage}
  1061. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1062. {/block:PermalinkPage}
  1063.  
  1064. </div>
  1065.  
  1066. {/block:Posts}
  1067. </div>
  1068.  
  1069.  
  1070. {block:IndexPage}
  1071. {block:Pagination}
  1072. <footer>
  1073. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}" id="prev" title="previous"><i class="pe-7s-angle-left"></i></a>{/block:PreviousPage}<span class="current">{CurrentPage} &nbsp;<span style="opacity:.4;">/</span>&nbsp; {TotalPages}</span>{block:NextPage}<a href="{NextPage}" id="next" title="next"><i class="pe-7s-angle-right"></i></a>{/block:NextPage}</div>{block:ifLoadMore}<a href="#" class="load">load more</a>{/block:ifLoadMore}
  1074. </footer>
  1075. {/block:Pagination}
  1076. {/block:IndexPage}
  1077.  
  1078.  
  1079. {block:ifBackToTop}
  1080. <a id="top" title="back to top"><i class="pe-7s-angle-up"></i></a>
  1081. {/block:ifBackToTop}
  1082.  
  1083.  
  1084. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>{block:IndexPage}{block:ifLoadMore}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifLoadMore}{/block:IndexPage}
  1085.  
  1086.  
  1087. <script>
  1088. $(document).ready(function(){
  1089. $('.posts').unnest({
  1090. yourCaption: ".caption",
  1091. wrapName: ".tumblr_parent",
  1092. newCaptionUsername: true,
  1093. originalPostCaptionUsername: true,
  1094. tumblrAvatars: true,
  1095. tumblrAvatarClass: ".tumblr_avatar",
  1096. usernameColon: false
  1097. });
  1098. $("p:empty").remove();
  1099. $("img.tumblr_avatar").error(function(){$(this).hide();});
  1100. {block:ifShortNoteCount}
  1101. var $container = $('#content');
  1102. $container.find('.notecount').each(function(){
  1103. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1104. if (n > 999) {
  1105. n = Math.floor(n / 100) / 10;
  1106. $(this).text(n + 'k notes');
  1107. }
  1108. });
  1109. {/block:ifShortNoteCount}
  1110. $("[title],a[title],img[title]").style_my_tooltips({
  1111. tip_follows_cursor:true,
  1112. tip_delay_time:10,
  1113. tip_fade_speed:500,
  1114. attribute:"title"
  1115. });
  1116. $(window).scroll(function () {
  1117. if ($(this).scrollTop() > 200)
  1118. { $('#top').fadeIn(); }
  1119. else
  1120. { $('#top').fadeOut(); }
  1121. });
  1122. $('#top').click(function () {
  1123. $("html, body").animate({scrollTop:0}, 1000);
  1124. return false;
  1125. });
  1126. $('iframe.tumblr_audio_player').load( function() {
  1127. $('iframe.tumblr_audio_player').contents().find("head")
  1128. .append($("<style type='text/css'> .audio-player{background:{color:captions} !important} </style>"));
  1129. });
  1130. $('.photo-slideshow').pxuPhotoset({
  1131. lightbox: true,
  1132. rounded: false,
  1133. gutter: '1px',
  1134. borderRadius: '0px',
  1135. photoset: '.photo-slideshow',
  1136. photoWrap: '.photo-data',
  1137. photo: '.pxu-photo'
  1138. });
  1139. $(".m").click(function(){
  1140. $(".links").slideToggle(300);
  1141. });
  1142. $(".ser").click(function(){
  1143. $(".srch").slideToggle(100);
  1144. });
  1145. $("#n").click(function(){
  1146. $(".notes").slideToggle(300);
  1147. });
  1148. $(".tab").click(function(){
  1149. $(".tabs").slideToggle(300);
  1150. });
  1151. $('.com').each(function() {
  1152. $(this).click(function() {
  1153. var $this = $(this);
  1154. $this.closest('.posts').find('.tg').slideToggle(100);
  1155. $this.toggleClass('tags');
  1156. if ($this.hasClass('tags')) {
  1157. }
  1158. });
  1159. });
  1160. {block:IndexPage}
  1161. {block:ifLoadMore}
  1162. var $container = $('#content');
  1163. $container.masonry({ itemSelector: '.posts' });
  1164. $container.imagesLoaded(function(){
  1165. $container.masonry();
  1166. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  1167. });
  1168. var $container = $('#content');
  1169. $container.infinitescroll({
  1170. itemSelector :".posts",
  1171. navSelector : ".pagination",
  1172. nextSelector : ".pagination a#next",
  1173. loadingImg : "",
  1174. loadingText : "<em></em>",
  1175. bufferPx : 2000,
  1176. errorCallback: function(){$('.load').parent().delay(2000).hide();},
  1177. },
  1178. function(newElements){
  1179. var $newElems = $( newElements ).css({ opacity: 0 });
  1180. $newElems.unnest({
  1181. yourCaption: ".caption",
  1182. wrapName: ".tumblr_parent",
  1183. newCaptionUsername: true,
  1184. originalPostCaptionUsername: true,
  1185. tumblrAvatars: true,
  1186. tumblrAvatarClass: ".tumblr_avatar",
  1187. usernameColon: false
  1188. });
  1189. var $newElems = $(newElements);
  1190. var $newElemsIDs = $newElems.map(function(){
  1191. return this.id;
  1192. }).get();
  1193. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1194. resizeVideos();
  1195. $(newElements).find('iframe.tumblr_audio_player').load( function() {
  1196. $('iframe.tumblr_audio_player').contents().find("head")
  1197. .append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  1198. });
  1199. $(newElements).find('.com').each(function() {
  1200. $(this).click(function() {
  1201. var $this = $(this);
  1202. $this.closest('.posts').find('.tg').slideToggle(100);
  1203. $this.toggleClass('tags');
  1204. if ($this.hasClass('tags')) {
  1205. }
  1206. });
  1207. });
  1208. {block:ifShortNoteCount}
  1209. $(newElements).find('.notecount').each(function(){
  1210. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1211. if (n > 999) {
  1212. n = Math.floor(n / 100) / 10;
  1213. $(this).text(n + 'k notes');
  1214. }
  1215. });
  1216. {/block:ifShortNoteCount}
  1217. $(newElements).find("p:empty").remove();
  1218. $(newElements).find("img.tumblr_avatar").error(function(){$(this).hide();});
  1219. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1220. lightbox: true,
  1221. rounded: false,
  1222. gutter: '1px',
  1223. borderRadius: '0px',
  1224. photoset: '.photo-slideshow',
  1225. photoWrap: '.photo-data',
  1226. photo: '.pxu-photo'
  1227. },
  1228. function(){
  1229. $container.masonry();
  1230. });
  1231. $newElems.imagesLoaded(function(){
  1232. $container.masonry( 'appended', $newElems );
  1233. $newElems.animate({ opacity: 1, zIndex: 1 });
  1234. });
  1235. });
  1236. $(window).unbind('.infscr');
  1237. $('.load').click(function(){
  1238. $('#content').infinitescroll('retrieve').parent('body').find('.load').parent(); return false;
  1239. });
  1240. {/block:ifLoadMore}
  1241. {/block:IndexPage}
  1242. });
  1243. </script>
  1244.  
  1245. </body>
  1246. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!